#HAUSFARBE{
background-color: #007C42;
}

div.iphone{
display: none; 
}

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

#footer #closer{
display: none; 
}


#headertext{

}

ul.nav{

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


ul.nav li a:hover{
}

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

#subnav_pro, 
#subnav_pro_a{

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; 
}


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

@media screen and (max-width: 1350px) {
#bild_box #head_links{
width: 100%; 
padding: 0px 0% 0px 0%; 
}
ul.topnav{
font-size: 0.8em; 
left: 7%; 
}
ul.nav{
width: 30%; 
margin: 0px 0px 0px 7%; 
font-size: 0.8em; 
}
ul.nav li{
padding: 0px; 
}
ul.nav li a{
padding: 5px 0px 5px 0px;  
}
h2, #texte{
margin: 0px 7% 50px 7%;
width: 85%; 
font-size: 1.0em; 
}
#footer{
font-size: 0.8em; 
}

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: #21549E; 
}

ul.subnav_pro li, 
ul.subnav_pro_a li
{
list-style-type: none; 
padding-left: 0px; 
}
.bild_center, .bild_center img, img.thumbnail{
width: 98%; 
max-width: 98%;
display: block; 
float: left; 
margin: 0px; 
}
h2{
width: 96%; 
margin: 0px 0px 60px 0px;
padding: 0px 2% 0px 0%;
}

}

@media screen and (max-width: 1024px) { 
ul.topnav{
display: none; 
}

.bild_rechts_tz, .bild_rechts, .bild_center{
width: 40%; 
max-width: 40%;
display: block; 
float: right; 
margin: 0px; 
}
img.thumbnail_right, img.thumbnail_tech, .bild_rechts img,, .bild_center img, img.thumbnail{
width: 98%; 
max-width: 98%;
display: block; 
float: left; 
margin: 0px; 
}

#zentrieren{
z-index: 3000; 
position: relative; 
top: 0px; https://mtg-nietautomation.de/2018/uniriv.php#logooben
padding: 0px 0px 0px 0px; 
margin: 0px; 
}
h2{
width: 96%; 
margin: 0px 0px 60px 0px;
padding: 0px 2% 0px 0%;
}
#signetimg {
    border: 0px solid #FF0000;
    position: relative;
    margin: 50px 14% 0px 40%;
    padding: 0px;
    width: 16%;
}

#links {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px solid #FF0000;
    padding: 0px;
    margin: 0px;
}
#bild_box #links {
    border-right: 0px solid #999999;
}

#logooben{
background-size: auto 90px; 
top: 40px; 
}
#bild_box{
height: 353px; 
width: 100%; 
padding: 0px; 
margin: 30px 0px 0px 0px; 
border-top: 1px solid #999999; 
border-bottom: 1px solid #999999; 
border-right: 0px solid #999999; 
border-left: 0px solid #999999; 
}

ul.nav{display: none; }
ul.responsive{
font-size: 1.0em; 
list-style-type: none; 
font-weight: 400;
display: block; 
border-top: 0px solid #999999; 
border-bottom: 5px solid #026F62; 
border-right: 0px solid #999999; 
border-left: 0px solid #999999; 
width: 90%; 
position: absolute; 
left: 0px; 
top: 0px; 
padding: 50px 5% 0px 5%; 
margin: 0px 0px 50px 0px; 
float: left; 
background-color: #CCCCCC;
overflow: hidden; 
background-image: url(images/sys/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; 
}
ul.responsive ul{
font-size: 0.9em; 
padding: 0px 0px 10px 10px; 
margin: 0px; 
border: 0px solid #FF0000; 
list-style-type: none; 
font-weight: 300;
}
a.start_nav:link, a.start_nav:visited{
text-decoration: none; 
color: #000000; 
font-size: 1.0em; 
line-height: 30px; 
border-top: 1px dotted #FFFFFF; 
display:block; 
margin: 0px; 
padding: 0px 0px 0px 5px;
}
ul.responsive li.start_nav a:link, ul.responsive li.start_nav a:visited{
height: auto; 
min-height: 20px; 
padding: 10px 0px 0px 0px; 
margin: 0px; 
line-height: 1.0em; 
}
ul.responsive li.subnav a:link, ul.responsive li.subnav a:visited{
text-decoration: none; 
color: #000000; 
font-size: 1.0em; 
line-height: 30px; 
border-top: 1px dotted #FFFFFF; 
display:block; 
margin: 0px; 
padding: 0px 0px 0px 5px;
font-weight: 300;
}
ul.responsive li.subnav.subniete a:link, ul.responsive li.subnav.subniete a:visited{
padding: 0px 0px 0px 10px; 
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}


ul.responsive li a:link, ul.responsive li a:visited{
font-weight: 400; 
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
-ms-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

ul.responsive li a:hover, ul.responsive li a:focus, 
ul.responsive li.subnav.subniete a:hover, ul.responsive li.subnav.subniete a:focus{
color: #FFFFFF; 
}

#footer{
padding: 15px 3% 15px 3%; 
line-height: 1.4em; 
z-index: 5000;
}
#footer strong{
display: block; 
}
#footer span.dot:first-of-type{
display:none;
}
#footer a.footerlink:link, #footer a.footerlink:visited{
white-space: pre;
}
.bild_center, .bild_center img, img.thumbnail{
width: 98%; 
max-width: 98%;
display: block; 
float: left; 
margin: 0px; 
}

}


@media screen and (max-width: 840px) { 
#subnavigation{
display: none; 
}

#setzgeraete{
height: 380px; 
border: 0px solid #FF0000; 
padding: 0px; 
margin: 0px 0px 50px 0px; 
}

#setzgeraete a:link, #setzgeraete a:visited{

height: 150px;
border: 1px solid #CCCCCC; 
}
#setzgeraete a:nth-child(4), #setzgeraete a:nth-child(5){
top: 170px; 
}
.bildbesch_setzg{
font-size: 0.85em; 
bottom: 0px; 
}


#bild_box{
margin: 30px 0px 0px 0px; 
height: 250px; 
border-top: 1px solid #999999; 
border-bottom: 1px solid #999999; 
border-right: 0px solid #999999; 
border-left: 0px solid #999999; 
}
h2{
padding:0px 0% 0px 0%; 
margin: 20px 0px 0px 0px; 
width: 100%; 
border-radius: 0px; 
}

img.thumbnail_right{
width: 30%; 
}

#emailbtn, #openfooter, #tothetop{
z-index: 10000; 
}

#bild_box img.animation_leistungen{
display: none; 
}

#logooben{

}

#logobox{
padding: 0px; 
margin: 0px; 
}
ul.topnav{
width: 90%; 
text-align: center; 
margin: 130px 0px 0px 0px; 
padding: 0px; 
border: 0px solid #FF0000; 
}

#footer{
padding: 20px 3% 40px 3%; 
line-height: 1.4em; 
z-index: 5000;
} 

img.thumbnail{
width: 32%; 
}

.bild_center, .bild_center img, img.thumbnail{
width: 98%; 
max-width: 98%;
display: block; 
float: left; 
margin: 0px; 
}
}
@media screen and (max-width: 768px) { 

span.tabheadline{
border: 0px solid #FF0000; 
text-align: left; 
text-indent: 10px; 
height:100px; 
line-height: 20px; 
}
.tabheadimg {
float: right; 
}

.bild_rechts_tz, .bild_rechts, .bild_center{
width: 40%; 
max-width: 40%;
display: block; 
float: right; 
margin: 0px; 
}
img.thumbnail_right, img.thumbnail_tech, .bild_rechts img,, .bild_center img, img.thumbnail{
width: 98%; 
max-width: 98%;
display: block; 
float: left; 
margin: 0px; 
}

}

@media screen and (max-width: 540px) { 
#subnavigation{
display: none; 
}
#bild_box{
height: 160px; 
}
#links{
height: 160px; 
}

#signetimg {
    border: 0px solid #FF0000;
    position: relative;
    margin: 50px 14% 0px 7%;
    padding: 0px;
    width: 40%;
}

#shortnav{
top: 30%; 
}

.header{
border: 0px solid #FF0000 !important; 
padding: 0px !important; 
margin: 0px !important; 
width: 100% !important; 
min-width: 99%; 
height: auto !important; 
}

img.thumbnail_right, img.thumbnail_tech, .bild_rechts_tz, .bild_rechts, .bild_rechts img, .bild_center, .bild_center img, img.thumbnail{
width: 98%; 
max-width: 98%;
display: block; 
float: left; 
margin: 0px; 
}
img.thumbnail_tz{
float: left; 
}

table.techdata{
font-size: 0.8em; 
}

h2{
line-height: 1.0em; 
display: block; 
float: left; 
}


.small_grey{

font-size: 0.7em;
line-height: 0.7em; 
border: 0px solid #FF0000; 
}


.tabheadline{
text-align: left; 
}
img.tabheadimg{
width: 10%; 
height: auto; 
float: right; 
margin: 0px 3px 0px 0px;
}

span.box_eins{
margin: 50px 0px 0px 0px; 
padding: 10px 0px 5px 5px; 
}

span.domehead, span.countersunkhead{
width: 100%; 
margin: 0px; 
padding: 0px; 
float: left; 
display: block; 
}

.tabbox{
width: 30px; 
height: 30px; 
margin: 0px;
position: absolute; 
}

.tabbox.d19{ left: 0px; }
.tabbox.d24{ left: 35px; }
.tabbox.d30{ left: 70px; }
.tabbox.d32{ left: 105px; }
.tabbox.d40{ left: 140px; }
.tabbox.d48{ left: 175px; }
.tabbox.d32tr
.tabbox.d40tr
.tabbox.d48tr
.tabbox.d17elt
.tabbox.d24elt
.tabbox.d26elt
.tabbox.d27turn
.tabbox.d30turn
.tabbox.d35turn
.tabbox.d25rivsert
.tabbox.d30rivsert 

.tabbox.d19.opened, .tabbox.d24.opened, .tabbox.d30.opened, .tabbox.d32.opened, .tabbox.d40.opened, .tabbox.d48.opened, .tabbox.d32tr.opened, .tabbox.d40tr.opened, .tabbox.d48tr.opened, .tabbox.d17elt.opened, .tabbox.d24elt.opened, .tabbox.d26elt.opened, .tabbox.d27turn.opened, .tabbox.d30turn.opened, .tabbox.d35turn.opened, .tabbox.d25rivsert.opened, .tabbox.d30rivsert.opened{ 
left: -10px;
}
.tabbox.d19.opened{left: -10px;}

.tabbox .platzhalter {
width: 30px; 
height: 30px; 
position: absolute;
}
.tabbox.d19 .platzhalter{ left: 0px; }
.tabbox.d24 .platzhalter{ left: 35px; }
.tabbox.d30 .platzhalter{ left: 70px; }
.tabbox.d32 .platzhalter{ left: 105px; }
.tabbox.d40 .platzhalter{ left: 140px; }
.tabbox.d48 .platzhalter{ left: 175px; }
.tabbox.d32tr .platzhalter{}
.tabbox.d40tr .platzhalter{}
.tabbox.d48tr .platzhalter{}
.tabbox.d17elt .platzhalter{}
.tabbox.d24elt .platzhalter{}
.tabbox.d26elt .platzhalter{}
.tabbox.d27turn .platzhalter{}
.tabbox.d30turn .platzhalter{}
.tabbox.d35turn .platzhalter{}
.tabbox.d25rivsert .platzhalter{}
.tabbox.d30rivsert .platzhalter{}

.tabbox.opened{
position: relative; 
left: -10px; 
}

#footer{
display: none; 
width:80%; 
padding: 20px 17% 40px 3%; 
}

}