@charset "utf-8";
/* CSS Document */




body{ margin:0 auto; font-family: 'Lato', sans-serif; font-weight: 300; color:#575756; font-size:1.1em; margin-bottom:0;
overflow-x: hidden
}

#transparent

{
	position:fixed;
	background-color:#FFF;
	display:none;
	top:0;
	width:100%;
	height:130px;
	
	
	}

#transparent ul{
	
	
  margin-left:0; padding-left:0;
  padding-top:50px;
  width:80%;
	
	}
#transparent ul li{
	
	
}
	
nav {
		
     float: left;    
     margin-left:10%;    
     color: #000;
	 
	 
	 }
	 
 /*
  @media only screen and (min-width : 1551px)  {
	 nav {
	 width:54%;
	 }
 }
 
 @media only screen and (min-width : 1161px) and (max-width : 1550px)  {
	 nav {
	 width:52%;	 
	 }
	 

 }
 
 */
 
 
.menue_rechts
{ padding-right:0; }
.menue_normal
{ padding-right:25px;}
 
ul {
     margin: 0;
     padding: 0;
	 padding-top:82px;
}
 
li {
     float: left;
     list-style: none;   padding: 0 ;    
   
	 font-size:1.2em;font-weight: 300; letter-spacing:0.1em;
     
}
li a{ text-decoration:none; color:#575756}


li a:visited { color:#575756; }
li a:hover   { color:#A51008; }
 
#logo {position:absolute;
right:10%;
padding:0;

margin-top:30px;


}

#logo_rot {position:fixed; right:0; top:20px; z-index:100;
padding:0;
margin-right:10%; display:none;

}


aside{position:fixed; left:4%; top:11em;}
aside li { clear:left;}



figure { margin:0 10%; padding:0; clear:both; padding-top:3em}
figure h1 { padding-top:0;padding-right:3%; margin-top:6%; float:left;  width:34%; color:#A51008; font-size:1.5em; font-weight:700; letter-spacing:0.075em; text-align:right; 
} 
figure img { width:100%; max-width:1530px; height:auto}

figure header {font-weight:700; letter-spacing:0.1em;  margin-bottom:0.5em;  }
figure header span {font-weight:700; letter-spacing:0.1em;  margin-bottom:0.5em;  }
figure header div { margin:0; padding:0}
figure a{padding-left:45%;}
figure a img { width:auto; height:auto; padding:0 auto; }

figure article {padding-top:0; margin-top:6%; margin-bottom:3em; }
figure article div {float:left; width:60%;  margin-bottom:1em}
figure article div div {float:left; width:48%; }

figure article div strong {
    
    font-weight: 400;
}

figure article span {font-weight:700;}

.refe {width:100%; }




footer { width:100%; background-color:#575756; clear:both; padding:0; margin:0; height:12em; margin-top:3em; padding-left:30%; color:#FFF;  }
footer a {color:#FFF;font-size:1.3em; font-weight:700; letter-spacing:0.1em; padding:0; margin:0; text-decoration:none;}

footer table a {color:#FFF; font-size:1em; font-weight:300; letter-spacing:normal; padding:0; margin:0; text-decoration:none;}


/* ----------------- Animation ---------------------- */


#flip, #flip_zu
{
margin:0; padding:0; 
}

#panel, #panel_2, #panel_3, #panel_5
{
width:100%;
padding:0;
display:none;

}

#panel2, #panel2_2, #panel2_3, #panel2_5
{
float:left;
padding:0;
display:none; 
padding-left:3%;
}





/* ----------------- BOX ---------------------- */
        .white_content {
            display: none;
            position: fixed;
            top: 92px;
            left: 30%;
            width: 40%;
			font-size:0.8em;
            
            background-color: white;
            z-index:1001;
            overflow: auto;
        }
#light a {color:#575756}



#cf {
  position:relative;
   width:100%; max-width:1530px; height:auto; 
  margin:0 ;
}

#cf img.top:hover  {
  opacity:0;
}

#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}