body{
}
#menu_gross{
width: 99.9%; 
padding: 0px 0px 0px 0px; 
margin: 0px; 
background-image: url(../images/weiss_80.png);
font-size: 0.9em; 
}

#menu_gross ul{
margin: 0px; 
padding: 0px 0px 0px 0px; 
}

#menu_gross ul li{
text-align: center; 
}
#menu_gross ul li.dropdown{
/*background-position: center 38px;*/
}
#menu_gross ul ul{
width: 100%; 
border: 0px solid #999999; 
margin: 0px; 
}

#menu_gross ul li a{
/*background-image: url(../images/weiss_80.png);*/
/*url(../images/weiss_80.png);*/
}
#menu_gross ul li a:hover, #menu_gross ul li a:focus{
/*background-image: url(../images/black80.png);*/
}

/*/#menu_gross ul li.dropdown ul a:link, #menu_gross ul li.dropdown ul a:visited{
text-align: left; 
padding: 10px 5% 10px 5%; 
width: 90%; 
white-space: nowrap;
background-image: url(../images/weiss_90.png);
}*/
/*#menu_gross ul li.dropdown ul a:hover, #menu_gross ul li.dropdown ul a:focus{
background-image: url(../images/black80.png);
}*/

.spalte1{
width: 100%; 
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px;  
}
.spalte2{
margin: 20px 0px 0px 0px; 
padding: 0px;  
width: 100%; 
float: left; 
}

#content{
width: 100%; 
margin: 20px 0px 30px 0px;
}

#downloadbox{
float: left; 
height: auto; 
display: inline-block; 
width: 98%; 
padding: 10px 1% 0px 1%;
margin: 30px 0px 50px 0px;
}
table#downloadtable{
margin: 0px 0px 0px 0px;
padding: 0px;
}
table#downloadtable tr{
float: left; 
display: block; 
border: 0px solid #FF0000; 
}
table#downloadtable td{
margin: 30px 0px 50px 0px;
border: 0px solid #FF0000; 
}

.footeradresse{display:block; width: 100%; }
.footertelefon{display:block; width: 100%; }
.footermail_links{display:block; width: 100%; }
.footeradresse_trenner{display:none;}

#menu_mittel{
font-size: 1.0em; list-style-type: none; font-weight: 300;display: block; border: 0px solid #FF0000; width: 90%; position: relative; left: 0px; top: 0px; padding: 50px 5% 0px 5%; margin: 0px; 
float: left; background-color: #D9D9D9;overflow: hidden; background-image: url(../images/nav_resp.png);background-repeat: no-repeat; background-position: right 0px; z-index: 10000; 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; border-top: 0px solid #666666;border-bottom: 1px solid #FFFFFF; border-right: 0px solid #666666; border-left: 0px solid #666666; 
}

#menu_mittel ul.responsive{
padding: 0px; 
margin: 0px; 
font-size: 1.3em; 
font-weight: 500; 
}
#menu_mittel ul{
list-style-type: none; 
padding: 0px; 
margin: 0px; 
}

#menu_mittel ul li a{
height: 30px; 
line-height: 30px; 
display: block; 
padding: 0px 0px 0px 10px; 
text-decoration: none; 
color: #000000; 
margin: 0px 0px 0px 0px; 
border-bottom: 0px solid #FFFFFF; 
border-top: 1px solid #FFFFFF; 
border-left: 0px solid #FF0000; 
border-right: 0px solid #FF0000; 
}
#menu_mittel ul ul a{
padding: 0px 0px 0px 20px; 
font-size: 0.9em; 
margin: 0px 0px 0px 0px; 
border-bottom: 0px solid #FFFFFF; 
border-top: 0px solid #FFFFFF; 
border-left: 0px solid #FF0000; 
border-right: 0px solid #FF0000; 
}
#menu_mittel ul ul ul a{
padding: 0px 0px 0px 30px; 
font-size: 0.8em; 
margin: 0px 0px 0px 0px; 
}

@media screen and (min-width: 1551px) {
#menu_mittel{
display: none; 
}
table.sandguss td span.imgbeschr{
display: inline-block; 
border: 0px solid #FF0000; 
width: 70%; 
margin: 0px 14% 0px 15%; 
}
}

@media screen and (min-width: 1367px) and (max-width: 1550px) {
#menu_gross{
font-size: 0.9em; 
}
#menu_mittel{
display: none; 
} 
table.sandguss td{
font-size: 0.9em; 
}
table.sandguss td span.imgbeschr{

display: inline-block; 
margin: 0px 80px 0px 0px !important; 
}


}


@media screen and (min-width: 1201px) and (max-width: 1366px) { 
#menu_gross ul li{
display: table-cell;
width: auto; 
overflow: hidden; 
}
#menu_gross ul li ul li{
height: 30px; 

}
#menu_gross ul li ul li a{
height: 20px; 
display: inline-block; 
border: 0px solid #FF0000; 
}

#menu_gross{
width: 100%; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
font-size: 0.8em; 
}
#menu_mittel{
display: none; 
}

table.sandguss td{
font-size: 0.9em; 
width: 50% !important; 
clear: both; 
padding: 0px !important; 
margin: 0px !important; 
}
table.sandguss img.thumb{
position: static !important; 
width: 100% !important; 
padding: 0px !important; 
margin: 0px !important; 
display: inline-block !important; 
}
table.sandguss td a.linkthumb{
display: inline-block; 
width: 100%; 
border: 0px solid #FF0099; 
}
table.sandguss td span.imgbeschr{
border: 0px solid #FF0000; 
display: block; 
width: 100%; 
position: static !important; 
}

}


@media screen and (min-width: 1024px) and (max-width: 1200px) { 
#menu_gross{
display: none; 
}
table.sandguss td{
width: 50% !important; 
clear: both; 
padding: 0px !important; 
margin: 0px !important; 
}
table.sandguss img.thumb{
position: static !important; 
width: 100% !important; 
padding: 0px !important; 
margin: 0px !important; 
display: inline-block !important; 
}
table.sandguss td a.linkthumb{
display: inline-block; 
width: 100%; 
border: 0px solid #FF0099; 
}
table.sandguss td span.imgbeschr{
border: 0px solid #FF0000; 
display: block; 
width: 100%; 
position: static !important; 
}


}

@media screen and (min-width: 300px) and (max-width: 1023px) { 
#content{
font-size: 0.9em; 
}

#content h2, #content h1{
height: auto; 
font-size: 1.0em; 
}

#signet_w_funke_small{
position: relative; 
right: 0px; 
float: left; 
margin: 20px 0px 10px 0px;
}

#menu_gross, #menu_gross ul{
display: none;
}
#menu_mittel{
overflow: hidden; 
display: block; 
border: 0px solid #FF0000; 
}

#menu_mittel ul li.current a{
color: #999999; 
}
#menu_mittel ul li.current ul a{
color: #000000; 
}

table.sandguss td{
width: 50% !important; 
clear: both; 
padding: 0px !important; 
margin: 0px !important; 
}
table.sandguss img.thumb{
position: static !important; 
width: 100% !important; 
padding: 0px !important; 
margin: 0px !important; 
display: inline-block !important; 
}
table.sandguss td a.linkthumb{
display: inline-block; 
width: 100%; 
border: 0px solid #FF0099; 
}
table.sandguss td span.imgbeschr{
border: 0px solid #FF0000; 
display: block; 
width: 100%; 
position: static !important; 
}
#footer{
font-size: 0.8em;
}
#adresse{
border: 0px solid #FFFFFF; 
height: auto; 
display: inline-block; 
max-width: 75%; 
float: none; 
}
#adresse b{
border: 0px solid #FFFFFF; 
font-size: 1.1em;
margin: 30px 0px 0px 0px; 
display: block; 
max-width: 100%; 
height: auto; 
overflow-wrap: break-word;
}
.wf-mediabox-container h1{
font-size: 1.1em;
}
}




@media screen and (min-width: 481px) and (max-width: 800px) { 

.fotoausrichten {
  width: 100%;
  margin: 0px 0% 0px 0%;
}

#sprachwahl_oben div.mod-languages{
top: 60px; 
right: 20px; 
}

#sprachwahl_oben ul.lang-inline li a:link, 
#sprachwahl_oben ul.lang-inline li a:visited{
color: #000000; 
width: 20px; 
border: 0px solid #FF0000; 
display: inline-block;
padding: 8px 0px 0px 0px; 
}


}


@media screen and (min-width: 300px) and (max-width: 480px) { 
img#signet_w_funke{
max-width: 90%; 
height: auto; 
}
#logo{
background-image: none; 
}
.fotoausrichten {
  width: 100%;
  margin: 0px 0% 0px 0%;
}
#sprachwahl_oben div.mod-languages{
top: 60px; 
right: 20px; 
}

#sprachwahl_oben ul.lang-inline li a:link, 
#sprachwahl_oben ul.lang-inline li a:visited{
color: #000000; 
width: 20px; 
border: 0px solid #FF0000; 
display: inline-block;
padding: 8px 0px 0px 0px; 
}


}

@media screen and (min-width: 300px) and (max-width: 768px) { 
#menu_gross{
display: none;
}
#menu_mittel{
overflow: hidden; 
display: block; 
border: 0px solid #FF0000; 
}

ul.topmenu{
top: 5px; 
font-size: 0.9em; 
}


table.products, table.maschinenpark{
width: 100%; 
margin: 0px 0px 50px 0px;
padding: 20px 20px 20px 20px; 
}
table.products td{
position: relative; 
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto; 
border: 0px solid #FF0000; 
width: 50% !important; 
font-size: 0.9em; 
}
table.maschinenpark td{
position: relative; 
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto; 
border: 0px solid #FF0000; 
width: 90% !important; 
font-size: 0.9em; 
}


table.products a.linkthumb{
width: 120px; 
height: auto; 
max-width: 130px; 
border: 0px solid #FF0000; 
float: right; 
}
table.products, table.maschinenpark td{
float: left; display: block; 
}
table.maschinenpark th{display: none; }
#jcemediabox-popup-body #overall{
padding: 10px; 
}
#jcemediabox-popup-body{top: 20px !important; width: 95% !important; }
#jcemediabox-popup-content, #jcemediabox-popup-body, table.maschinenpopup, img.poped_up{
width: 98% !important; 
height: 90% !important; 
display: block; 
font-size: 0.9em; 
padding: 10px; 
}
#jcemediabox-popup-body #overall h2{
border-radius: 10px 10px 10px 0px; 
padding: 10px 1% 10px 1%;
width: 98% !important; 
font-size: 80%; 
}
.fotobox, .textbox, .fotobox table, .textbox table{
float: left; 
display: block; 
width: 100%; 
margin: 0px; 
}
.fototext{
font-size: 0.7em !important; 
}

.backbtn{
left: 0px; 
right: auto; 
}
#content h2{
height: auto; 
padding: 30px 0px 5px 0px; 
}
#head_bildwechsel{
font-size: 0.7em; 
}
}

@media (orientation: portrait) and (min-width: 300px) and (max-width: 1200px) {
#footer{
font-size: 0.8em;
}
#adresse{
border: 0px solid #FFFFFF; 
height: auto; 
display: inline-block; 
max-width: 75%; 
float: none; 
}
#adresse b{
border: 0px solid #FFFFFF; 
font-size: 1.1em;
margin: 30px 0px 0px 0px; 
display: block; 
max-width: 100%; 
height: auto; 
overflow-wrap: break-word;
}
}

