html, body, form { width:100%; height:100%; min-height:100%; padding:0; margin:0; }

body 
{
    height:inherit;
    font-family:'Calibri W01 Light', Calibri, 'Helvetica Neue', Helvetica, Arial;
    font-size:10px;
    background-color:#292a2c;

    /* normales Bild */
    background-image:url(/images/bg_schwarz.jpg); 
    background-repeat:repeat;
    background-position:center center;

    /* textur 
    background-image:url(/images/temp/img-noise-361x370.png); 
    background-repeat:repeat;
    */

    /* gradient 
    background: #3c464f; 
    background: -moz-linear-gradient(top,  #3c464f 0%, #49494c 100%); 
    background: -webkit-linear-gradient(top,  #3c464f 0%,#49494c 100%); 
    background: linear-gradient(to bottom,  #3c464f 0%,#49494c 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c464f', endColorstr='#49494c',GradientType=0 ); 
    */
}


.page                   { width:100%; height:inherit; min-height:inherit; }
.pagetop                { width:100%; min-height:14.2em; position:fixed; left:0em; top:0em; z-index:11; }
.pagetop .logo          { position:absolute; left:2.3em; top:1em; }
.pagetop > div          { float:right; padding:5em 5em 0em 0em; }
.pagetop > div > a      { cursor:pointer; cursor:pointer; float:right; margin-left:6em; }
.pagetop > div > h1     { float:right; color:white; font-size:2.5em; margin:0em; font-weight:normal; }
.pagetop > div > a.back { position:relative; left:-1.5em; top:0.3em; display:none; } 
.pagetop > div > a.back[href]       { display:block; }
.pagetop > div > a.back[data-mode]  { display:block; }
.pagetop > div > a.back img         { width:3.7em; }

.page > nav                     { display:block; width:30%; height:100%; max-width:32em; padding:5em 5em 5em 0em; background-color:rgba(24, 24, 24, 0.96); position:fixed; top:0em; right:-500px; z-index:12; }
.page > nav > h2                { color:white; text-align:right; float:right; text-transform:lowercase; font-size:3em; margin:0em; cursor:pointer; position:relative; top:-0.2em; left:-2em; }
.page > nav > .close            { color:white; text-align:right; float:right; cursor:pointer; }
.page > nav > ul                { float:right; position:absolute; top:20em; right:5em; }
.page > nav > ul li             { text-align:right; list-style-type:none; padding:1em 0em 1em 0em; }
.page > nav > ul li a           { font-size:3em; font-weight:normal; text-transform:lowercase; color:white; text-decoration:none; }
.page > nav > .searchbox        { width:70%; text-align:left; position:absolute; bottom:2em; right:5em; border-bottom:solid 1px #8b8b8d; padding:0em 0.5em 1em 0.5em; }
.page > nav > .searchbox input  { width:70%; font-size:2em; color:#a7a7a9; border:solid 0px transparent; background-color:transparent; text-align:left;  outline-width: 0; }
.page > nav > .searchbox img    { float:right; max-width:2.5em; position:relative; top:0.6em; cursor:pointer; }

.page.opened .pagetop .menutrigger    { display:none; }
.page.opened .pagetop h1              { display:none; }

.page > .content                    { width:100%; height:inherit; min-height:inherit; clear:both; }
.page > .content .align-headline    { position:absolute; top:10em; right:14.5em; z-index:9; }

.pagetop.minimized              { min-height:8em; background-color:#262729; -webkit-box-shadow: 0px 3px 10px 0px rgba(77,77,77,1); -moz-box-shadow: 0px 3px 10px 0px rgba(77,77,77,1); box-shadow: 0px 3px 10px 0px rgba(77,77,77,1); z-index:12; }
.pagetop.minimized .logo        { top:1.2em; left: 2.1em; }
.pagetop.minimized .logo img    { max-height:6em; max-width:15em; }
.pagetop.minimized > div        { padding-top:2.5em; }


/* elements */

ul,ol   { margin:0px; padding:0px; }
li      { list-style-type:none; }
a       { text-decoration:none; color:#CA5C3B; }
a img   { border-width:0px; }
p       { font-size: 1.8em; line-height: 1.3em; margin:0em 0em 1em 0em; }
h1,h2,h3,h4 { font-weight:normal; }


/* util */

.clearing       { clear:both; font-size:0px; height:0px; }
.clear-float    { content: ""; display: table; clear: both; }
.js-fc          { cursor:pointer; } 


/* effects */
.ef-flip         { -moz-transform: scaleX(-1);-o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;  -ms-filter: "FlipH";}
.ef-img          { filter: grayscale(70%); }


/* text */

.text h2        { color:white; text-shadow: 1px 1px 3px black; font-size:2.0em; font-weight:normal; }
.text h3        { color:white; text-shadow: 1px 1px 3px black; font-size:1.8em; font-weight:normal; }
.text h4        { color:white; text-shadow: 1px 1px 3px black; }
.text p         { color:white; text-shadow: 1px 1px 3px black; }
.text.darker p  { color:#A5A5A5; }
.darker         { color:#A5A5A5; }
.shadowed       { text-shadow: 1px 1px 3px black; }
.inhalt .text ul, .inhalt .text ol        { margin-left: 20px; margin-bottom: 1.5em;}
.inhalt .text li  { list-style-type:disc; }
.text li        { color:white; font-size: 1.8em; line-height: 1.3em;  }
.text li a      { font-size:1em; }
.text li span   { font-size:1em; }


/* default.aspx */


#default .section               { position:relative; top:0em; left:0em; background-repeat:no-repeat; background-size:cover; background-position:center center; }
#default .section .text         { position:absolute; bottom:6em; left:3em;  }
#default .section .text h3      { color:white; font-size:2.3em; margin:0em; font-weight:normal;  }
#default .section .text h4      { color:white; font-size:1.4em; margin:0em; font-weight:normal; margin-top:0.2em; }
#default .section .text h3 a    { color:white; }
#default #down                  { position:fixed; bottom:5em; left:49%; cursor:pointer; display:none; }


/* aktuelles.aspx */

.akt .content .inner { padding:19em 5em 5em 5em; }

#akt .col-left  { width:60%; float:left; padding-right:5%; }
#akt .col-right { width:40%; float:left; }

#akt .col-left > a > img            { display:none; margin-bottom:3em; }
#akt .col-left > section > img      { display:none; }

#akt table                      { width:100%; }
#akt table td                   { padding:1.5em 1em 1.5em 1em; }
#akt table td i                 { color:white; font-size:2em; display:none; clear:both; }
#akt table td a                 { color:white; font-size:2em; font-weight:normal; }
#akt table td a + span          { display:block; clear:both; font-size:1.6em; }
#akt table td:last-child i      { display:block; cursor:pointer; font-size:1em; position:relative; top:-0.3em; left:0em; }
#akt table td img               { display:none; }
#akt table tr.haspics .pic      { display:block; }
#akt table tr.hasdocs .fa-file-pdf-o  { display:block; }
#akt table tr.selected td       { background-color:rgba(255, 255, 255, 0.2); }

#akt .detail h2 { font-size:2.5em; font-weight:normal; margin:0em 0em 0.1em 0em; color:white; }
#akt .date      { font-size:1.4em; } 
#akt .text      { margin-top:3em; color:white; }

#akt ul             { list-style-type:none; margin-bottom:1.5em; }
#akt .docs li       { height:5em; margin-bottom:0.5em; background-color:rgba(0, 0, 0, 0.3); background-image:url(/images/ico_aktuelles_pdf.png); background-size:contain; background-position:left center; background-repeat:no-repeat; }
#akt .docs li a     { font-size:1.8em; line-height:1.8em; color:white; display:block; width:100%; height:inherit; padding:0.5em 0em 0em 4em; }
#akt .videos li     { height:5em; margin-bottom:0.5em; position:relative; top:0em; left:0em; background-color:rgba(0, 0, 0, 0.3); background-image:url(/images/ico_aktuelles_blank.png); background-size:contain; background-position:left center; background-repeat:no-repeat; }
#akt .videos li a   { font-size:1.8em; line-height:1.8em; color:white; display:block; width:100%; height:inherit; padding:0.5em 0em 0em 4em; }
#akt .videos li span { position:absolute; top:0.6em; left:0.8em; color:white; font-size:2em; text-transform:uppercase; letter-spacing:0.1em; }
#akt .pics li img   { width:100%; max-width:100%; margin-bottom:0.5em; }
#akt .pics li span  { color:white; width:100%; text-align:left; font-size:1.4em; display:block; margin-bottom:1em; }

#akt.detail .col-left    { display:block; }
#akt.detail .col-right   { display:block; }

#akt.list .col-left    { display:block; }
#akt.list .col-right   { display:block;  }


@media screen and (max-width: 768px) 
{
    /* master */
    .page > nav  { width:50%; }
}

@media screen and (max-width: 640px) 
{

    /* master */
    .pagetop > div > a  { margin-left:2em; }
    .page > .content .align-headline    {  right:10.5em; }
    .page > nav > ul { top:10em; }
    .pagetop.minimized              { font-size:6px; }
    .pagetop.minimized .menutrigger img { width:3.6em; }
    .pagetop.minimized .logo        { left:4em; }
}

@media screen and (max-width: 475px) 
{
    /* master */
    .page > nav         {  }
    .page > nav         { width:100%; max-width:100%;  }
    .page > nav > ul    { width:100%; right:0em; }
    .page > nav > ul li { text-align:center; }
    .pagetop .logo      { left: 0.7em; }
    .pagetop > div > a  { margin-left:1.5em; }
    .page > .content .align-headline    { top:16em;  right:5em; }
    .pagetop.minimized .logo            { left:1.2em; }

    /* default.aspx */
    #default #down              { bottom:2em; }
    #default .section .text     { left:2em; bottom:9em; max-width:75%; }

    /* aktuelles.aspx */
    .akt .content .inner    { padding-left:2em; padding-right:2em; }
}


@media screen and (max-width: 425px) 
{
    /* master */
    .pagetop > div          { padding-right:2em; }
    
    .page > .content .align-headline    { right:2em; }
}


/* effects */

.gradient-1 { 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#262626+47,484444+100 */
background: #262626; /* Old browsers */
background: -moz-linear-gradient(top,  #262626 47%, #484444 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #262626 47%,#484444 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #262626 47%,#484444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#484444',GradientType=0 ); /* IE6-9 */

}