.GillSansMTStdLight { 
	font-family: GillSansMTStd-Light;
	font-weight: normal;
	font-style: normal;
}
.GillSansMTStdLightItalic { 
	font-family: GillSansMTStd-LightItalic;
	font-weight: normal;
	font-style: normal;
}
.GillSansMTStdBold { 
	font-family: GillSansMTStd-Bold;
}
.GillSansMTStdBoldItalic { 
	font-family: GillSansMTStd-BoldItalic;
	font-weight: normal;
	font-style: normal;
}

html, body{
    margin: 0;
    padding: 0;
    font-family:GillSansMTStd-Light, Arial, Helvetica, Verdana, sans-serif;
    background-color: #ffffff;
    color: #575859;
    font-size: 20px; 
}

a{ text-decoration: none; color: #575859; }
a#menuToggler { display:none; }

p{ font-size: 20px; line-height: 1.5em; margin: 0 0 20px; }

strong, b { 
	font-family: GillSansMTStd-Bold;
}

.headline1{
    font-family: GillSansMTStd-Bold;
    color: #a6192e;
    font-size: 300%;
}

.headline2{
    font-family:GillSansMTStd-Light;
    color: #97999b;
    font-size: 300%;
}
.headline3{
    font-family:GillSansMTStd-Bold;
    color: #a6192e;
    font-size: 100%;
}
.headline4{
    font-family:GillSansMTStd-Light;
    color: #97999b;
    font-size: 100%;
}
.headline5{
    font-family:GillSansMTStd-Bold;
    color: #ffffff;
    background-color: #97999b;
    font-size: 100%;
}
.headline6{
    font-family:GillSansMTStd-Light;
    color: #ffffff;
    background-color: #97999b;
    font-size: 100%;
}

.red{
    color: #a6192e;
}
.darkgrey{
    color: #97999b;
}
.lightblue{
    color: #009cde;
}
.darkblue{
    color: #004c97;
}

.element-invisible{ display: none }
.langmobil .pretext { display: none; }

.container{
   position: relative; 
    max-width: 1260px;
    min-height: 920px;
    margin: 0 auto;
    padding: 0px;
}
#containerbg{
    position: fixed; 
    width: 33.3333%;
    max-width: 420px;
    height: 950px;
    margin: 0;
    padding: 0;
    background: url('../images/basics/topleft.png') no-repeat right top;
    background-size:  100% auto;
}

/*Header Anfang*/
#header{ position: fixed; top: 0; height: 150px; background: url('../images/basics/topleft.png') no-repeat left top; background-size: 33.33334% auto;width: 100%; max-width:1260px;z-index:99999; background-color: #ffffff;}
#header-logo{ margin-top: 95px; margin-left: 4.7619%; width: 19.036%; }
/*#header-nav{ height: 120px; position: absolute; right: 0; top: 0; padding-bottom:5px; }*/
#header-nav{ height: 120px; position: absolute; right: 0;padding-right: 4.7619%; top: 0; padding-bottom: 10px; }
#header-nav ul{ list-style-type: none; padding-top: 90px; padding-left: 0; }
#header-nav li{ float: left; }
#header-nav li a{ float: left; margin: 0 0 0 17px; }

.headline4 a{ color: #97999b; font-size: 14px; text-transform: uppercase; }

.langdesk{ 
    margin-left: 205px;
    padding: 3px 0 0 0;  
}
#searchlang .search{ 
    font-size: 85%; 
    border: solid 1px #dddddd;
    border-radius: 20px;	
    margin-right: 5%; 
    margin-top: -1px;
    margin-left: -1px;
    float: left; 
    padding: 5px 25px 0 25px;
    position: absolute;	
    height: 19px;
}
#search-searchword{
    border: solid 1px #dddddd;
    border-radius: 20px;
}

.langmobil{ display: none; }

#mobile{ display: none; }
#mobilelogo{ display: none; }
#header-nav #searchlang { 
    margin-top: 50px; 	
    padding: 0 10px 0 0; 
    border: solid 1px #dadbdc; 
    border-radius: 20px;
    z-index: 99999; 
    float: right; 
    background-color: #ffffff; 
    display: inline-block;	
    height: 24px;
}
#header-nav #searchlang ul{ padding:0;  }
#header-nav #searchlang li{  font-size: 16px; margin: 0 3px; font-family: GillSansMTStd-Bold; padding: 0;  }
#header-nav #searchlang li.lang-active{ font-family: GillSansMTStd-Bold;  }
#searchlang li a{ float: left; margin: 0 !important;  color: #dadbdc; }
#header-nav #searchlang li.lang-active a{ color: #575859;  }

#searchlang .search form{ margin-top:-3px; }
#searchlang .search input{ border: none; padding: 0; width: 140px; }
/*Header Ende*/

/*Slider Anfang*/
#slider{ padding-top: 150px;margin-left: 4.7619%; position: relative; }
#slider img{ width: 100%; }
.camera_commands{ display: none !important; }
/*Slider Ende*/

/*Second Nav Anfang*/
#second-nav{ position: relative; margin: 0 0 0 30.9524%; background-color: #bdbec0;  }
#second-nav ul{ position: relative; list-style-type: none; margin: 16px 0 30px; }
#second-nav ul li{ display: inline-block; margin: 5px 4.5% 5px 0; background-color: #bdbec0; }
#second-nav ul li a{ display: inline-block; color: #ffffff; text-transform: uppercase; padding: 15px 0 11px 0; }
#second-nav ul li.current a{ color: #a6192e; }
 #second-nav #fixedsecond-nav{ background: url('../images/basics/second-nav.png') transparent no-repeat left top; }
#second-nav #fixedsecond-nav.fixed{ position: fixed;top:150px;z-index:999999; width: 870px; margin: 0; border-bottom: 20px solid #ffffff; }
#second-nav #fixedsecond-nav.fixed ul{ margin: 0; }

#fixedhelper{ display: none; position:fixed;width: 100%;height: 70px;background-color: #ffffff;top:130px;left:6%;z-index: 999; }
/*Second Nav Ende*/

/* Search results Anfang */
.search input{ border: solid 1px #cccccc; padding: 5px 10px; width: 40%; }
/* Search results Anfang */

/*MainContent Anfang*/

.blocksatz{
     -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
}
#main-content{ position: relative; margin: 0 4.7619% 0 30.9524%; background-color: #ffffff; padding-bottom: 70px;}
h1{ clear: both; text-align: right;  text-transform: uppercase; font-size: 52px; margin: 30px 0; }

.imglead{ width: 48.1481%; }
.item-page img{ max-width: 100%; }

.firstcolumn{ width: 48.1481%;margin-right: 3.7037%; text-align: justify; float: left;}
.secondcolumn{ width: 48.1481%; text-align: justify; float: left; hyphens: auto; }
/*MainContent Ende*/

/*Footer Anfang*/
footer { clear: both; position: relative; margin-top: 0;background-color: #a6192e; }
footer #footer-wrap { padding-right: 4.7619%; }
footer div div{ margin: 0 4.7619%; position: relative; height: 150px; }
footer .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
footer #footer-logo{  background: url('../images/basics/footer-bg-small.png') no-repeat right top; background-color: #ffffff; width: 32.5000%; margin: 0; float: left;background-size:  30% auto;}
footer div img{ vertical-align: middle; }
footer div .ayudantes{ width: 61.5384%; margin-left: 15.3846%; }
footer div .blockright { float: right; color: #ffffff; margin: 0 0 0 2.5%; text-align: right; }
footer div .blockright h4 { margin: 20px 0 10px 0; font-size: 20px; }
footer div .blockright p { font-size: 13px; margin-bottom: 0; }
footer div .blockright a { color: #ffffff; }
footer div .blockright.social { text-align: left; margin-left: 0; }
footer div .blockright.social p{ margin-bottom: 0;padding-top: 20px; }
footer div .blockright.social a{ font-size: 20px; }
footer div .blockright.social a:hover { text-decoration: underline; }
footer .mobil{ display: none; }
p#sociallogo{ display: none; }
/*Footer Ende*/



@media (max-width: 1165px) { /* */ 
    #containerbg{ width: 25%; }
    #header{ position: fixed; height: 180px; background: url('../images/basics/topleft.png') no-repeat left top; background-size: 25% auto;width: 100%; max-width:1260px;z-index:99999; background-color: #ffffff;}
    #header-logo{ margin-top: 102px; width: 13%; }
}


@media (max-width: 1026px) { /* */ 
    
    html, body{
        font-size: 20px;
    }
    #header{ height: 130px; }
    #header-nav{ height: 90px; }
    #header-logo{ margin-top: 80px; }  
    #header-nav ul{ padding-top: 63px; }
    #header-nav #searchlang { margin-top: 35px; }
    #header-nav li a{ float: left; margin: 0 0 0 13px; }
    
    .headline4 a{ font-size: 13px; }
    
    #slider{ padding-top: 130px; }
    #slider img{ width: 100%; }
    
    #second-nav { margin-left: 21.5%; }
    #second-nav ul li a { font-size: 80%; padding: 15px 0; }
    
    #second-nav #fixedsecond-nav.fixed{ position: fixed;top:130px;z-index:999999; width: 100%; margin: 0; border-bottom: 10px solid #ffffff; }
    
    #main-content{ margin-left: 21.5%; }
    
    footer div .blockright { margin: 0 0 0 1.3%; }
    footer div .ayudantes{ width: 50%; }
    footer div p a img{ height: 40px; margin-top: 8px; }
    footer div .blockright.social a{ font-size: 15px; }
}


@media (max-width: 960px) { /* */ 
    
    #header-nav { padding-right: 1%; }
    .headline4 a{ font-size: 12px; }
    
    #second-nav { margin-left: 17%; }
    #main-content{ margin-right: 4.7619%; }
    h1{ font-size: 40px; }
    p{ font-size: 15px; }
}


@media (max-width: 820px) { /* */ 
    
    html, body{
        font-size: 18px;
    }
    
    #containerbg{ width: 23%; }
    #header{ position: fixed; height: 90px; background: url('../images/basics/topleft.png') no-repeat left top; background-size: 23% auto;width: 100%; max-width:1260px;z-index:99999; background-color: #ffffff;}
    #header-logo{ margin-top: 46px; width: 13%; }
    #header-nav { height: 55px; }
    #header-nav ul{ padding-top: 30px; }    
    #header-nav li a{ float: left; margin: 0 0 0 10px; }
    
    #header-nav #searchlang { margin-top: 10px; height: 20px; }
    #header-nav #searchlang li { font-size: 12px; }
    #header-nav #searchlang li a{ margin: 0; }
    
    #searchlang .search{ height: 15px; }
    #searchlang .search form { margin-top: -4px; }
    #searchlang .search input { font-size: 70%; }
    .langdesk {  margin-left: 205px; padding: 4px 0 0; }
        
    #second-nav { margin-left: 18%; }
    #second-nav #fixedsecond-nav.fixed{ top: 90px; }
    #second-nav ul li a { font-size: 70%; padding: 10px 0; }
    
    #fixedhelper{ top: 90px; }
    
    .headline4 a{ font-size: 11px; }    
    
    #slider{ padding-top: 90px; }
    
    #main-content{ margin-left: 19%; }

    footer div .blockright h4 { font-size: 15px; }
    footer div .blockright p { font-size: 10px; }    
    footer div p a img { height: 30px; }
}


@media (max-width: 770px) { /* */ 
    
    html, body{
        font-size: 18px;
    }

    .headline4 a{ font-size: 10px; }   
    
    footer #footer-logo{ width: 23%;background-size:  100% auto; }   
}

@media (max-width: 730px) { /* Umstellung auf mobile Darstellung*/ 
    
    html, body{
        font-size: 18px;
    }
    
    #containerbg{ width: 124px; }
    
    .langdesktop{ display: none; }
    .langmobil{ display: block; position: fixed; }
    .langmobil .pretext{ display: block; }
    .langmobil .pretext p{ margin: 0; padding: 0; line-height: 1em; }
    
    #header{ display: none;}
    #mobile{ display: block; position: fixed; height: 90px; background: url('../images/basics/topleft.png') no-repeat left top; background-size: 124px auto;width: 100%; max-width:1260px;z-index:99999; background-color: #ffffff; }
    #second-nav { display: none; }  
    #second-nav ul li a { font-size: 58%; padding: 10px 0; }

    .headline4 a{ font-size: 8px; } 
    
    footer div .blockright { margin: 0 0 0 5.3%; }
    
    footer #footer-logo { width: 67px; }
    footer #footer-logo img { display: none; }
    
    #navigation-toggle{ left: 10px; right: auto !important; padding: 5px 5px 0 5px !important; top: 55px !important; }
    #navigation-toggle span.nav-line {
        background: #ffffff none repeat scroll 0 0 !important;
        width: 35px !important;
    } 
    #gruemenu.grue_95 ul ul li a, #navigation-toggle {
    background: #a6192e none repeat scroll 0 0 !important;
    color: #ffffff !important;
    }
    #mobilelogo{     
        display: block;
        margin-left: 33%;
        margin-top: 38px;
        position: fixed;
        width: 50%;
        z-index: 999999; 
        vertical-align: bottom;
    }
    #mobilelogo img{  width: 100%; }
    
    .firstcolumn, .secondcolumn {
    clear: both;
    text-align: justify;
    width: 100%;
}
    
    .mod-languages.langmobil{ margin-left: 14px; margin-top: 8px; }
    .mod-languages.langmobil li{ margin: 0; font-size: 12px; color: #ffffff; }
    .mod-languages.langmobil a{ color: #ffffff; }
    div.mod-languages ul{ font-size: 12px; }
     
}

@media (max-width: 668px) { /* */ 
    h1{ font-size: 30px; }
    #second-nav { display: none; }  
    footer #footer-logo { width: 40px;background-size:  150% auto; }
    footer #footer-logo img { display: none; }
    footer div .blockright { height: auto; margin: 0 0 5px 1.3%; }
}

@media (max-width: 570px) { /* */ 
    .container{ min-height: 400px; }
    #containerbg{ height: 400px; }
    #second-nav { display: none; }
    #second-nav ul li{ margin: 5px 3.5% 5px 0}
    #second-nav ul li a { font-size: 60%; }
    h1{ font-size: 30px; }
    p{ font-size: 15px; }
    footer #footer-logo { width: 68px; }
    footer #footer-logo img { display: none; }
    footer div .blockright { margin: 0 0 0 3.3%; }
    footer div .blockright h4{ font-size: 20px; }
    footer div .blockright p{ font-size: 11px; }
    footer .social{ height: auto; }
    footer div .blockright.social p{ float: left; margin-top: 0; }
    footer div .blockright.social p:last-child{ margin-left: 80px;margin-top: 30px; }
    footer div .blockright.social img{ height: auto; vertical-align: middle;margin-bottom: 5px; }
}


@media (max-width: 540px) { /* */ 
    #second-nav { display: none; }    
    #main-content p{ padding-left: 5px; }
    footer div .blockright.social img{ height: 30px; vertical-align: middle;margin-bottom: 5px; }
}

@media (max-width: 360px) { /* */ 
    
    #containerbg{ width: 124px; }
    #mobilelogo{     
        display: block;
        margin-left: 40%;
        margin-top: 45px;
        position: fixed;
        width: 55%;
        z-index: 999999; 
        vertical-align: bottom;
    }
    
    .imglead{ width: 100%; }
    
    #second-nav { display: none; }
    h1{ font-size: 17px; margin: 10px 0; }
    p{ font-size: 15px; }
    
    #main-content p{ padding-left: 5px; }
    footer #footer-logo { height: 150px; width: 60px; }
    footer .imprint{ margin-top: 5px; }
    footer div div { height: auto; }
    footer div .blockright { display: none; }
    footer .mobil{ display: block; text-align: right; width: 90%;margin-left: 10%; padding-top: 20px;}
    footer div .mobil h4,footer div .mobil h4 a{ font-size: 17px; color: #ffffff;margin: 0px 0 5px 0; }
    footer div .mobil p{ margn-bottom: 10px; }
    footer div .mobil p, footer div .mobil p a{ font-size: 11px; color: #ffffff; }
    footer .mobil .social{ float: right;
    margin-left: 30px;
    margin-right: 0;
    text-align: center;
    width: 20%; }
    footer .mobil .social a{ display: block; }
    footer .mobil .social img{ height: 50px; }
    footer div p#sociallogo{ display: block; width: 220px; margin-left: 40px;padding-bottom: 10px; }
    footer div p#sociallogo a img{ height: auto; }
}