body{
font-family: 'Source Sans Pro', sans-serif;
font-size: 12px;
line-height:17px;
font-size: 0.8rem; 
line-height:1.2rem;
margin:0;
padding:0;
color:#333333;
 -webkit-text-size-adjust: 100%;
background-color:#efefef;

}

br.cb { 
   clear: both; 
}



img.map, map area{
    outline: none;
}


.thumb_gallery{
width:190px;
height:133px;
}



.thumb_project{
width:188px;
}




#navtitel_content{
display:none;
}

#bg{
   position:fixed;
}

a{text-decoration:none;color:#666666}
a:hover{text-decoration:none;color:#666666}
img{border:none;}



.favorit_box{
float:left;
width:650px;
}

.favorit{
float:left;
width:260px;
}

.favorit_facts{
float:left;
width:390px;
}



#mobilemenu{display:none;}

.zweispaltig_links{
   width:45%;
   float:left;
}


.zweispaltig_rechts{
   width:45%;
   float:right;
}



#footer{
position:fixed; 
left:0;
bottom:0;
width:100%; 
height:120px;
text-align:center; 
background:#ffff00;
z-index:99 }





.normal{
color:#333333;
font-size:12px;
}



.line_dotted{
border-top:1px dotted#666666;
width:610px;
height:2px;
}

.line_content{
border-top:1px solid #efefef;
width:100%;
height:2px;
}


.pageactive{
background-color:#666666;
color:#ffffff;
font-size:12px;
padding:0 4px 0 4px;
}


.active{
color:#ffff00;
font-size:12px;
}

h2 {
font-size: 11px;
line-height:15px;
font-size: 0.9rem; 
line-height:1.3rem;
color:#333333;
margin:0 0 5px 0;
font-weight:normal;
text-transform:uppercase;
}

h3 {
font-size: 11px;
line-height:15px;
font-size: 0.7rem; 
line-height:1.2rem;
color:#333333; 
font-weight:bold;
text-transform:uppercase;
margin:0;
}

h4 {
font-size: 16px;
line-height:18px;
font-size: 0.9rem; 
line-height:1.2rem;
color:#333333; 
margin:0px;
font-weight:bold;
}


.aktivblau{color:#333333}


ul{
margin:0em;
display:block;
padding:0em;
margin-left:15px;
}


li {
list-style-type:inherit;
margin:0em;
padding:0em;
list-style-position: outside;
list-style-image:url(2727.gif);
background-repeat:no-repeat;
line-height:22px;
}







#container_top{
width:100%;
margin:0;
padding:0;
height:80px;
}



#logo{
width:265px;

float:left;
margin-top:25px;
}




#nav_container{
margin:0;
padding:0;
width:60%;
text-align: center;
float:right;
margin-top:39px;
}




#container_main{
float:left;
width:100%;
}




#page_center, #page_top{
position:relative;
 margin:0 auto; 
width:980px;
}


#content{
width:100%; 
line-height:18px; 
color:#333333;
float:left;
margin:3px 0 0 0;
padding-bottom:25px;
padding-top:20px;
}




  


#navdiv{
width:100%;
margin-left: auto; 
margin-right: auto; 
text-align:center;
}


#topmenu{
margin: 0;  
padding: 0;  
list-style: none;  
width: 100%; 
text-align: justify; 
 height:30px;
}




#topmenu li{
display: inline; 
text-align:justify;
}

ul > li:after {content:' '; display:inline;}
ul > li:last-child:after {display:inline-block; margin-left:100%; content:' ' }









nav a {
	position: relative;
	display: inline-block;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
}

nav a:hover,
nav a:focus {
	outline: none;
}



*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.my_effect a {
color:#fbdb2d;
	font-weight: 700;
	text-shadow: none;
}

.my_effect a::before {
	color: #000000;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.my_effect a:hover::before,
.my_effect a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}





#cream{
width:100%;
background-color:#fff;
border-top:10px solid #fbdb2d
}





#menulistmobile{
list-style: none;
margin:0;
padding:0;
}

#menulistmobile li {
height:26px;
margin:2px 0px 0px 70px;
list-style:none;
float:left;

}


#menulistmobile li:hover 
{
}

#menulistmobile li.active {

}

.menu:hover{
color:#fbdb2d;
}

.menu, .menuactive{
color:#111111;
text-decoration:none;
font-size: 14px;
line-height:15px;
font-size: 0.9rem; 
line-height:1.1rem;
text-transform:uppercase;
font-weight:600;

}

.menuactive{
color:#fbdb2d;
}







.small {
font-size: 10px;
line-height:13px;
font-size: 0.7rem; 
line-height:1.0rem;
}

 textarea  {font-family: 'Source Sans Pro', sans-serif;font-size: 11px;color:#333333; font-weight:normal;}