#HAUSFARBE{
background-color: #3A6CA7;
}

div.iphone{
display: none; 
}

ul.nav li.close{
display: none; 
}

#footer #closer{
display: none; 
}

#bild_box{
position: fixed; 
width: 24%; 
margin: 0px 2% 0px 2%; 
height: auto; 
border: 0px solid #FF0000; 
float: left; 
display: block; 
border-radius: 0px 0px 0px 0px; 
}
#headertext{
margin-left: 10%; 
}

ul.nav{
display: block; 
z-index: 20; 
}
ul.responsive{
display: none; 
}


ul.nav li a:hover{
color: #3A6CA7; 
}

ul.nav li ul li{
margin: 0px; 
width: 100%; 
display: block; 
font-size: 0.9em; 
font-weight: 100; 
}

#subnav_pro, 
#subnav_pro_a{
/*-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;*/
/*background-image: url(images/sys/weiss_90.png);
background-repeat: repeat; */
/*position: absolute; 
left: 99%; 
top: 80px; */
border-top: 0px solid #999999; 
border-right: 0px solid #999999; 
border-left: 0px solid #999999; 
border-bottom: 0px solid #999999; 
z-index: 10000; 
opacity: 1.0; 
width: 100%; 
overflow: hidden; 
display: block; 
float: left; 
padding: 0px 0px 0px 0px; 
margin: 0px; 
font-size: 1.0em; 
}
#subnav_pro li a:link, #subnav_pro li a:visited, 
#subnav_pro_a li a:link, #subnav_pro_a li a:visited
{
width: 90%; 
padding: 0px 0px 0px 10%; 
margin: 0px; 
}
.subnav_pro, 
.subnav_pro_a
{
top: 0px; 
}
.subnav_leist{
top: 175px; 
}
.prodfirst{
border: 0px solid #7FB734; 
}

li#haschild, 
li#haschild_a
{
z-index: 2100; 
width: 100% !important;
float: left;  
}
li#haschild span#rollout, 
li#haschild_a span#rollout_a 
{
width: 40px; 
border: 0px solid #FF0000 !important; 
float: right;  
background-image: url(images/sys/arrow_1d_1.png);
background-repeat: no-repeat; 
background-position: center center; 
min-height: 40px; 
opacity: 0.5; 
-webkit-transition: 0.8s ease-in-out 0.2s;
-moz-transition: 0.8s ease-in-out 0.2s;
-o-transition: 0.8s ease-in-out 0.2s;
-ms-transition: 0.8s ease-in-out 0.2s;
transition: 0.8s ease-in-out 0.2s;
transform: rotate(0deg);
padding: 0px; 
}

li#haschild span#rollout:hover, li#haschild span#rollout:focus, 
li#haschild_a span#rollout_a:hover, li#haschild_a span#rollout_a:focus
{
}

ul.infos{
margin: 0px; 
padding: 0px; 
font-weight: 300; 
font-size: 0.8em; 
list-style-type: none; 
position: absolute; 
top: 100px; 
right: 5%;
z-index: 2000; 
border: 0px solid #FF0000; 
width: auto; 
}
ul.infos li{
margin-left: 0px; 
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 5px; 
padding-left: 10px; 
padding-right: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
list-style-type: none; 
float: left; 
background: #E2E2E2; 
border: 1px solid #999999; 
border-radius: 10px; 
width: 49%; 
}
ul.infos li a:link, ul.infos li a:visited{
font-weight: 500; 
}

#signet{
height: auto; 
width: 50%; 
max-width: 1000px; 
float: right; 
padding: 0px; 
margin: 40px 0px 0px 0px; 

}




@media screen and (min-width: 1600px) {
ul.infos{
top: 100px; 
right: 10%;
}
ul.infos li{
width: 99%; 
float: left; 
}
}

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

}

ul.infos li a:link, ul.infos li a:visited{
margin: 0px; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 10px; 
padding-bottom: 10px; 
color: #000000;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
border: 0px solid #FF0000; 
text-align: center;
}
ul.infos li a:hover{
color: #3A6CA7; 
}


.sichtbar{
opacity: 1.0; 
}
.unsichtbar{
opacity: 0.0; 
}

ul.subnav_pro li a:link, ul.subnav_pro li a:visited, ul.subnav_leist li a:link, ul.subnav_leist li a:visited, 
ul.subnav_pro_a li a:link, ul.subnav_pro_a li a:visited, ul.subnav_leist_a li a:link, ul.subnav_leist_a li a:visited
{
display: block; 
color: #FFFFFF; 
font-weight: 300; 
padding-left: 0px;
padding-right: 20px; 
height: 50px; 
padding-top: 0px;
padding-bottom: 0px;
margin: 0px; 
border-left: 0px solid #FFFFFF; 
font-size: 1.0em; 
line-height: 50px; 
}

ul.subnav_pro li a:hover, ul.subnav_pro li a:focus, 
ul.subnav_pro_a li a:hover, ul.subnav_pro_a li a:focus
{
color: #3A6CA7; 
}

ul.subnav_pro li, 
ul.subnav_pro_a li
{
list-style-type: none; 
padding-left: 0px; 
}

.foto{
width: 500px; 
height: auto; 
border: 0px solid #FFFFFF; 
float: right; 
}


@media screen and (max-width: 1024px) { 
body{
font-size: 0.8em; 
background: #FFFFFF; 
}
#bild_box{


}
#signet{
width: 70%;
}
ul.nav{
}
ul.nav li a:link, ul.nav li a:visited{
line-height: 30px;  
font-size: 1.1em; 
}
#zentrieren{
position: relative; 
}
#texte{
}
}


@media screen and (max-width: 799px) { 
#footer{
width: 94%; 
}
#texte{
width: 94%; 
}
ul.nav{display: none; }
ul.responsive{display: block; }
ul.responsive{
font-size: 1.3em; 
list-style-type: none; 
font-weight: 300;
display: block; 
border: 0px solid #FF0000; 
width: 90%; 
position: relative; 
left: 0px; 
padding: 50px 5% 0px 5%; 
margin: 0px; 
float: left; 
background-color: #3A6CA7;
overflow: hidden; 
background-image: url(images/sys/nav_resp.png);
background-repeat: no-repeat; 
background-position: right 0px; 
z-index: 1000; 
height: 0px; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; 
}

ul.responsive ul{
font-size: 0.9em; 
padding: 0px 0px 10px 10px; 
margin: 0px; 
border: 0px solid #FF0000; 
list-style-type: none; 
}
a.start_nav:link, a.start_nav:visited{
text-decoration: none; 
color: #FFFFFF; 
font-size: 1.0em; 
line-height: 40px; 
border-top: 1px dotted #FFFFFF; 
display:block; 
margin: 0px; 
padding: 0px 0px 0px 5px;
}
a.child:link, a.child:visited{
line-height: 30px; 
text-decoration: none; 
color: #FFFFFF; 
font-size: 1.0em; 
display:block; 
margin: 0px; 
padding: 0px 0px 0px 5px;
}
a.lastlink:link, a.lastlink:visited{
margin: 0px 0px 20px 0px; 
}
span#rollout{
display: none; 
}
ul.responsive a:link, ul.responsive a:visited{
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out; 
}
ul.responsive a:hover, ul.responsive a:focus{
background-color: #3A6CA7;
}
}

@media screen and (max-width: 480px) { 
span.infobox{display: block; width: 98%;  float: left; margin: 0px; padding: 10px 1% 10px 1%;}
#footer{
line-height: 1.2em;
padding: 8px 3% 8px 3%; 
}
#logo{width: 40%; }
#schaubild div.zeile img{float: right; max-height: 150px;}
#chickendance{display: none; }
}

@media screen and (max-height: 400px) and (orientation: landscape) { 
#footer{display: none; }
#logo{width: 40%; }
#schaubild div.zeile img{float: right; max-height: 150px;}
#chickendance{display: none; }
}