@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/roboto-v18-latin-100.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-100.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-100.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-100.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); 
}


/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/roboto-v18-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('/fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); 
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/roboto-v18-latin-italic.eot');
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('/fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-italic.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-italic.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-italic.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); 
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v18-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('/fonts/roboto-v18-latin-700.woff2') format('woff2'), 
       url('/fonts/roboto-v18-latin-700.woff') format('woff'), 
       url('/fonts/roboto-v18-latin-700.ttf') format('truetype'), 
       url('/fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); 
}

.nichtgebraucht {
display: block; 
-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/background_2.jpg);
background-repeat: repeat-x;
background-attachment: fixed; 
background-position: bottom; */

html, body{
padding: 0px; 
margin: 0px; 
width: 100%; 
height: 100%; 
}
body{
color: #000000; 
font-family: 'Roboto', sans-serif; 
font-size: 1.0em; 
font-weight: 300; 
line-height: 1.3em;  
background: #FFFFFF; 
}

#niet_ausklappen{
display: none;
width: 50%; 
height: auto; 
position: absolute; 
right: 100%; 
top: 30%; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-top: 0px solid #999999; 
border-bottom: 0px solid #999999; 
padding: 0px 17px 0px 0px; 
margin: 0px; 
background-image: url(images/sys/nav_arrow.png);
background-repeat: no-repeat; 
background-position: right center; 
}

#niet_ausklappen a:link, #niet_ausklappen a:visited{
width: 93%; 
display: block; 
font-weight: 400; 
color: #000000; 
margin: 0px 0px 0px 0px; 
padding: 8px 2% 8px 5%; 
background-image: url(images/sys/weiss_90.png);
background-repeat: repeat; 
}

.small{
font-size: 0.8em;
line-height: 1.0em; 
}
.small_grey{
font-size: 0.8em;
line-height: 0.8em; 
color: #999999;
}

.bild_rechts{
height: auto; 
float: right; 
width: 25%; 
max-width: 300px;  
margin: 10px 0px 2px 1%; 
padding: 0px; 
}
img.thumbnail_rechts{
padding: 0px;  
display: inline-block; 
}
span.bildunterschrift{
display: block; 
margin: 0px;
padding: 0px;  
font-size: 0.8em; 
line-height: 1.0 !important;
color: #999999;
border: 0px solid #CCCCCC; 
}
.bild_rechts_tz{
height: auto; 
float: right; 
width: 25%; 
max-width: 300px;  
margin: 10px 0px 2px 1%; 
padding: 0px; 
}
img.thumbnail_tz{
float: right; 
width: 49%;
height: auto;  
max-width: 150px;  
}

.bild_links{
height: auto; 
float: left; 
width: 25%; 
max-width: 300px;  
margin: 10px 0px 2px 1%; 
padding: 0px; 
border: 0px solid #CCCCCC; 
}
img.thumbnail_links{
max-width: 100%; 
margin: 0px auto;
padding: 0px;  
display: inline-block; 
}


img.qm_img{
border: 1px solid #CCCCCC; 
max-height: 200px; 
}

#referenzbox{
width: 100%; 
display: inline-table; 
padding: 0px; 
margin: 0px 0px 50px 0px; 
border: 0px solid #FF0000; 
}
#referenzbox .bildunterschrift{
margin: 0px 10px 10px 10px; 
}
#referenzbox .bild_links{
width: 30%; 
height: 350px; 
display: table; 
border: 1px solid #CCCCCC; 
}

hr{
border-top: 1px solid #666666; 
border-left: 0px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
border-right: 0px solid #CCCCCC; 
}

.bild_center{
height: auto; 
width: 100%; 
max-width: 1200px;  
margin: 10px 0px 2px 0px; 
padding: 0px; 
border: 0px solid #CCCCCC; 
}
img.thumbnail_center{
margin: 0px auto;
padding: 0px;  
display: inline-block; 
}



img.thumbnail_right{
height: auto; 
width: 25%; 
max-width: 300px;  
float: right; 
padding: 5px; 
margin: 10px 0px 2px 1%; 
border: 1px solid #CCCCCC; 
}
img.thumbnail_tech{
height: auto; 
width: 25%; 
max-width: 300px;  
float: right; 
padding: 0px; 
margin: 10px 0px 2px 1%; 
border: 0px solid #CCCCCC; 
 }


ul.topnav{
position: absolute; 
top: 46%; 
height: 40px; 
width: auto; 
border: 0px solid #FF0000; 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
z-index: 3000; 
}
ul.topnav li{
float: left; 
margin: 0px; 
padding: 0px; 
}

ul.topnav li a.top:link, ul.topnav li a.top:visited{
text-decoration: none; 
color: #000000; 
line-height: 1.0em;
display: block;
margin: 0px; 
padding: 0px 15px 0px 15px; 
font-size: 1.1em;
font-weight: 300; 
border-right: 1px solid #CCCCCC; 
-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.topnav li a.top:hover, ul.topnav li a.top:focus, 
body.download li.download a:link, body.download li.download a:visited, 
body.kontakt li.kontakt a:link, body.kontakt li.kontakt a:visited, 
body.maps li.maps a:link, body.maps li.maps a:visited, 
body.impress li.impress a:link, body.impress li.impress a:visited
 {
color: #026F62; 
}
ul.topnav li.lasttoplink a:link, 
ul.topnav li.lasttoplink a:visited{
border-right: 0px solid #FF0000; 
}

h2{
/*text-align: center; */
font-size: 1.5em; 
font-weight: 500; 
line-height: 50px;   
padding: 0px 0px 0px 0px;
margin:50px 0px 30px 0px; 
color: #000000; 
border: 0px solid #FF0000; 
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none; 
width: auto; 
height: 50px; 

}

h2.imp{
padding-top: 50px; 
}

h3{
color: #333333; 
font-weight: 400; 
font-size: 1.5em;
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
}
h4{
color: #333333; 
font-weight: 400; 
font-size: 1.3em; 
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
}
h5{
color: #333333; 
font-weight: 400; 
font-size: 1.0em; 
line-height: 1.0em;  
padding:0px; 
margin: 0px; 
}

#logooben{
width: 100%; 
padding: 0px 0px 50px 0px; 
margin: 0px 0px 0px 0px; 
position: relative; 
border: 0px solid #FF0000; 
height: auto; 

}

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

#shortnav{
position: absolute;  
right: 0%; 
top: 46%; 
}

.topshortnav{
float: left; 
padding: 0px 10px 0px 0px; 
}



/*//BIS HIER BEARBEITET//*/



#bild_box{
position: relative; 
width: 86%; 
height: auto; 
margin: 0px 7% 0px 7%; 
padding: 0px 0px 0px 0px; 
border-top: 1px solid #666666; 
border-bottom: 1px solid #666666; 
border-left: 1px solid #666666; 
border-right: 1px solid #666666; 
background-color: #F0F0F0; 

}

#links{
position: relative; 
top: 0px; 
left: 0px;
width: 70%; 
height: 100%; 
border: 0px solid #FF0000; 
padding: 0px; 
margin: 0px; 
}
img.header{
padding: 0px; 
margin: 0px; 
height: 400px; 
min-width: 100%; 
width: auto; 
border-top: 0px solid #999999; 
border-bottom: 0px solid #999999; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
}

#bild_box #links{
background-repeat: no-repeat; background-position: left top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
border-top: 0px solid #999999; 
border-bottom: 0px solid #999999; 
border-left: 0px solid #999999; 
border-right: 1px solid #999999; 
}

#bild_box.start #links, #bild_box.impress #links, #bild_box.download #links, 
#bild_box.maps #links, #bild_box.kontakt #links { background-image: url(images/header/start_head_1.jpg); background-position: center center; }
#bild_box.leistung #links{ background-image: url(images/header/leistung_head.jpg); }
#bild_box.produkte #links{ background-image: url(images/header/produkte_head.jpg); background-position: center center; }
#bild_box.technik #links{ background-image: url(images/header/technik_head.jpg); }
#bild_box.wirtschaftlichkeit #links{ background-image: url(images/header/wirtschaftlichkeit_head.jpg); }
#bild_box.stellenanzeige #links{ background-image: url(images/header/wirtschaftlichkeit_head.jpg); }
#bild_box.system #links{ background-image: url(images/header/system_head.jpg); }
#bild_box.federn #links{ background-image: url(images/header/mundst_federn_head.jpg); background-position: center center;}
#bild_box.werkzeug #links{ background-image: url(images/header/werkzeug_head.jpg); background-position: center center;}

#bild_box.turnriv #links{ background-image: url(images/header/turnriv_head.jpg); background-position: center bottom;}
#bild_box.uniriv #links{ background-image: url(images/header/uniriv_head.jpg); background-position: center bottom;}
#bild_box.topriv #links{ background-image: url(images/header/topriv_head.jpg); background-position: center bottom;}
#bild_box.eltronic #links{ background-image: url(images/header/eltronic_head.jpg); background-position: center bottom;}
#bild_box.rivsert #links{ background-image: url(images/header/rivsert_head.jpg); background-position: center bottom;}
#bild_box.niete #links{ background-image: url(images/header/start_head_1.jpg); background-position: center center; }

#bild_box.dz500 #links{ background-image: url(images/header/hydro_pneum_head.jpg); background-position: center center; }
#bild_box.dz100 #links{ background-image: url(images/header/pneumatisch_head.jpg); background-position: center center; }
#bild_box.dz110 #links{ background-image: url(images/header/haengend_head.jpg); background-position: center center; }
#bild_box.dz120 #links{ background-image: url(images/header/untertisch_head.jpg); background-position: center center; }
#bild_box.rms300 #links{ background-image: url(images/header/rms_300_head.jpg); background-position: center center; }

#bild_box.referenz #links{ background-image: url(images/header/referenz_head.jpg); background-position: center center; }
#subnavigation{
position: relative; 
width: 86%; 
height: 130px; 
margin: 0px 7% 0px 7%; 
padding: 0px 0px 0px 0px; 
border-top: 0px solid #666666; 
border-bottom: 1px solid #666666; 
border-left: 0px solid #666666; 
border-right: 0px solid #666666; 
text-align: center; 
z-index: 1; 
}
#subnavigation.txt{
width: 100%; 
margin: 0px; 
border-bottom: 0px solid #666666;
border-top: 0px solid #666666; 
}



#niete, #setzwerkzeuge{
border: 0px solid #FF0000; 
display: inline-block; 
height: 130px; 
position: relative; 
margin: 0px auto; 
}
.nav_niete, .nav_werkzeug{
width: 130px; 
height: 102px; 
float: left; 
padding: 3px 0px 25px 0px; 
margin: 0px 10px 0px 10px; 
text-decoration: none; 
color: #000000; 
font-weight: 400; 
font-size: 0.8em; 
-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;
}
.nav_niete:hover, .nav_niete:focus,
.nav_werkzeug:hover, .nav_werkzeug:focus {
background-color: #E5E5E5; 
text-decoration: none; 

}
#zentrieren{
width: 100%; 

z-index: 1; 
position: relative; 
margin-left: 0px;
margin-right: 0px;
padding: 0px; 
border: 0px solid #FF0000; 
}


#texte{
border: 0px solid #FF0000; 
font-weight: 300; 
line-height: 2.0em; 
font-size: 1.3em; 
padding-left:0%; 
padding-right: 0%; 
padding-top: 0px; 
padding-bottom: 30px; 
margin-left: 7%;
margin-right: 7%;
margin-bottom: 150px; 
margin-top: 25px;	
width: 86%; 
clear: both;
float: right; 
z-index: 1000; 
border-radius: 0px; 
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
#texte strong {
font-style: italic; 
font-weight: 300; 
font-size: 1.1em; 
}

#texte table.niete{
border-top: 1px solid #CCCCCC; 
border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
font-size: 0.9em; 
line-height: 1.2em; 
margin: 0px; 
padding: 0px; 
}

#texte table.niete tr, 
#texte table.niete tbody{
margin: 0px; 
padding: 0px; 
}
#texte table.niete td{
border-bottom: 1px solid #CCCCCC; 
margin: 0px; 
padding: 0px 0px 23px 0px; 
}

#texte table.niete td b{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 10px 0px; 
 border: 0px solid #CCCCCC; 
}

table.techdata{
width: 98%; 
padding: 1%; 
margin: 0px 0px 0px 0px; 
line-height: 1.2em; 
border: 1px solid #999999; 
}
table.techdata td{
padding: 5px; 
margin: 0px 0px 0px 0px; 
}


.thumb {
padding: 15px; 
border-radius: 0px; 
background-color: #E2E2E2; 
border: 1px solid #999999; 
}
.leftimg {
float:left; 
margin-left: 0px;
margin-right: 15px; 
margin-top: 0px; 
margin-bottom: 0px; 
}
.rightimg {
float:right; 
margin-left: 15px;
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
}

.anfahrtskarte{
border: 0px solid #FF0000; 
width: auto; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 30px; 
padding-bottom: 30px; 
margin-left: 10%;
margin-bottom: 50px; 
width: 75%; 
float: left; 
position: relative; 
top: 0px; 
z-index: 10; 
background-image: url(images/sys/weiss_90.png);
background-repeat: repeat; 
border-radius: 0px; 
}


#bild_oben {
position: relative; 
width: 100%; 
height: 100%; 
margin: auto auto; 
padding: 0px; 
}

#texte a:link {color: #333333; font-weight: 500; text-decoration: underline; text-decoration-style: dotted; }
#texte a:visited {color: #333333; font-weight: 500; text-decoration: underline; text-decoration-style: dotted; }
#texte a:link, #texte a:visited, ul.nav a:link, ul.nav a:visited {
padding: 0px 0px 0px 0px;
border: 0px solid #999999; 
-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.nav a:link, ul.nav a:visited {
text-decoration: none; 
}

ul.nav_responsive{
display: none; 
}

#texte a:hover {
color: #000000; 
font-weight: 500;
border-radius: 0px; 
opacity: 0.9;
}

ul.nav{
-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;
position: absolute; 
top: 0px; 
right: 0px;
float: right; 
border: 0px solid #999999; 
border-radius: 0px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
width:30%; 
height:auto;
text-align: left; 
z-index: 4000; 
}
ul.nav li{
list-style-type: none; 
display: inline-block; 
float: left;
border-right: 0px solid #999999; 
border-left: 0px solid #999999; 
border-top: 0px solid #999999; 
border-bottom: 0px solid #999999; 
padding: 0px 0px 0px 0px; 
margin: 0px;
width: 100%; 
-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; 
position: relative; 
top: 0px; 
}

ul.nav li.last{
border-right: 0px solid #999999; 
}

ul.nav ul{
padding: 0px; 
margin: 0px; 
}


ul.nav li a:link, ul.nav li a:visited{
-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; 
line-height: 50px;
width: auto; 
border: 0px solid #FF9999; 
float: left; 
color: #000000; 
font-weight: 300; 
padding: 5px 1% 0px 2%; 
width: 97%; 
margin: 0px; 
font-size: 1.3em; 
text-align: left; 
}
ul.nav li.last{
border: 0px solid #999999; 
}
ul.nav li.last a:link, ul.nav li.last a:visited{
border-right: 0px solid #999999; 
}
ul.nav ul li a:link, ul.nav ul li a:visited {
line-height: 30px; 
}
ul.nav ul li a:link, ul.nav ul li a:visited{
width: 96%; 
padding: 0px 0px 0px 4%; 
margin: 0px; 
font-size: 1.2em; 
}

ul.nav li:hover, ul.nav li:focus, ul.nav ul li:hover, ul.nav ul li:focus{
color: #026F62; 
background-color: #CCCCCC; 
width: 98%; 
padding: 0px 0px 0px 2%; 
}



/*//HIER ERGAENZEN - ANZEIGE DER AKTUELLEN SEITE//*/

.start ul.nav li.start, 
.leistung ul.nav li.leistung, 
.produkte ul.nav li.produkte, 
.wirtschaftlichkeit ul.nav li.wirtschaftlichkeit, 
.stellenanzeige ul.nav li.stellenanzeige, 
.technik ul.nav li.technik, 
.system ul.nav li.system, 
.niete ul.nav li.niete,
.uniriv ul.nav li.uniriv,
.topriv ul.nav li.topriv,
.eltronic ul.nav li.eltronic,
.turnriv ul.nav li.turnriv,
.rivsert ul.nav li.rivsert, 
.federn ul.nav li.federn, 
.werkzeug ul.nav li.werkzeug, 
.referenz ul.nav li.referenz
{
background-image: url(images/sys/black85.png);
background-repeat: repeat;
}
.start ul.nav li.start a:link, .start ul.nav li.start a:visited,
.leistung ul.nav li.leistung a:link, .leistung ul.nav li.leistung a:visited, 
.produkte ul.nav li.produkte a:link, .produkte ul.nav li.produkte a:visited, 
.wirtschaftlichkeit ul.nav li.wirtschaftlichkeit a:link, .wirtschaftlichkeit ul.nav li.wirtschaftlichkeit a:visited, 
.stellenanzeige ul.nav li.stellenanzeige a:link, .stellenanzeige ul.nav li.stellenanzeige a:visited, 
.technik ul.nav li.technik a:link, .technik ul.nav li.technik a:visited, 
.system ul.nav li.system a:link, .system ul.nav li.system a:visited, 
.niete ul.nav li.niete a:link, .niete ul.nav li.niete a:visited, 
.uniriv ul.nav li.uniriv a:link, .uniriv ul.nav li.uniriv a:visited, 
.topriv ul.nav li.topriv a:link, .topriv ul.nav li.topriv a:visited, 
.eltronic ul.nav li.eltronic a:link, .eltronic ul.nav li.eltronic a:visited, 
.turnriv ul.nav li.turnriv a:link, .turnriv ul.nav li.turnriv a:visited, 
.rivsert ul.nav li.rivsert a:link, .rivsert ul.nav li.rivsert a:visited, 
.federn ul.nav li.federn a:link, .federn ul.nav li.federn a:visited, 
.werkzeug ul.nav li.werkzeug a:link, .werkzeug ul.nav li.werkzeug a:visited,  
.referenz ul.nav li.referenz a:link, .referenz ul.nav li.referenz a:visited
{
color:#FFFFFF; 
font-weight: 400; 
}


/*//HIER ERGAENZEN - ANZEIGE DER AKTUELLEN SEITE///*/


#texte ul, ul.liste_s{
padding: 0px; 
margin: 0px; 
}
#texte ul li{
list-style-type: none; 
padding-left: 15px;
padding-right: 0px; 
padding-bottom: 0px; 
padding-top: 0px; 
margin: 0px; 
background-image: url(images/sys/list_style_1.png);
background-position: 0px 15px;  
background-repeat: no-repeat; 
}
#texte ul.liste_s li{
list-style-type: none; 
padding-left: 10px;
padding-top: 5px; 
margin:0px; 
font-size: 0.8em; 
line-height: 1.2em; 
background-image: url(images/sys/list_style_1.png);
background-position: 0px 13px;  
background-repeat: no-repeat; 
}


a.lightbox_left_border{
float:left; 
margin: 0px 20px 10px 0px; 
padding: 0px; 
}
a.lightbox_right_border{
float:right; 
margin: 0px 0px 10px 20px; 
padding: 0px; 
}
a.lightbox_right_border img, a.lightbox_left_border img{
padding: 2px;
border: 1px solid #999999;  
}
a.lightbox_center_border{
padding: 2px !important;
border: 1px solid #999999 !important; 
width: 100%; 
float: left; 
display: block; 
}
.spacer{
width: 100%; 
padding: 0px; 
margin: 0px; 
clear: both; 
display: block; 
}
#emailbtn{
position: fixed; 
bottom: 80px; 
right: 0px; 
width: 40px;
height: 40px; 
display: inline-block; 
background-color: #333333;
padding: 0px; 
margin: 0px 0px 0px 0px; 
line-height: 40px; 
text-align: center;
font-weight: 700; 
color: #FFFFFF; 
z-index: 2003; 
border-radius: 15px 0px 0px 0px;
background-image: url(images/sys/mail.png);
background-repeat: no-repeat;
background-position: center bottom;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF; 
border-right: 0px solid #FFFFFF; 
}
#emailbtn a:link img, #emailbtn a:visited img, 
#tothetop a:link img, #tothetop a:visited img {
width: 40px; 
height: 40px; 
border: 0px solid #FFFFFF; 
}

#openfooter{
position: fixed; 
bottom: 40px; 
right: 0px; 
width: 40px;
height: 40px; 
display: inline-block; 
background-color: #333333;
padding: 0px; 
margin: 0px 0px 0px 0px; 
line-height: 40px; 
text-align: center;
font-weight: 700; 
color: #FFFFFF; 
z-index: 2002; 
border-radius: 0px 0px 0px 0px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF; 
border-right: 0px solid #FFFFFF; 
}
#tothetop{
background-image: url(images/sys/arrow_1c_w_up_btn.png);
background-repeat: no-repeat;
background-position: center 5px;
position: fixed; 
bottom: 2px; 
right: 2px; 
width: 40px;
height: 40px; 
display: inline-block; 
background-color: #333333;
padding: 0px; 
margin: 0px 0px 0px 0px; 
line-height: 40px; 
text-align: center;
font-weight: 700; 
color: #FFFFFF; 
z-index: 2005; 
border-radius: 0px 0px 0px 0px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF; 
border-right: 0px solid #FFFFFF; 
}

#footer strong{
font-weight: 500; 
}

#footer{
font-size: 1.0em; 
padding: 8px 3% 8px 3%; 
margin: 0px 0px 0px 0px; 
z-index: 2000; 
color: #000000; 
text-align: center; 
width: 94%; 
height: 30px; 
font-weight: 300; 
line-height: 30px; 
position: fixed; 
bottom: 0px; 
left: 0px; 
background-color: #E5E5E5;
opacity: 1.0; 
z-index: 2001; 
background-image: url(images/sys/arrow_1c_w_down.png);
background-repeat: no-repeat;
background-position: center top;
}
#footer a:link, #footer 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;
color: #000000; 
font-weight: 300; 
text-decoration: none; 
}
#footer a:hover{
color: #026F62; 
opacity: 1.0;
}
#footer:hover{
opacity: 1.0;
}

#googlemaps{
float: left; 
width: 100%; 
height: 450px; 
padding: 0px; 
margin: 0px 0px 100px 0px; 
border-top: 5px solid #00AB96; 
background-color: #CCCCCC;
text-align: center;
}

#topde, #topengl{
-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;
opacity: 1.0; 
}
#topde:hover, #topde:focus, #topengl:hover, #topengl:focus{ opacity: 0.8; }

/*TABELLEN*/
span.tab{
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border: 1px solid #FF0000; 
font-weight: 500; 
height: 100px; 
width: 100px; 
border-radius: 50px; 
font-size: 1.5em; 
line-height: 100px; 
display: inline-block; 
text-align: center; 
}

.separator{
display: block; 
width: 100%; 
height: 10px; 
padding: 0px 0px 0px 0px; 
margin: 20px 0px 70px 0px; 
border: 0px solid #FF0000; 
}

.tabheadline {
height: 20px; 
padding: 0px 0px 0px 0px; 
margin: 0px; 

border-radius: 0px; 
font-weight: 500; 
font-size: 0.85em; 
width: 100%; 
display: inline-block; 
text-align: right; 
position: relative; 
border: 0px solid #999999; 
}
.tabheadimg{
width: 55px; 
height: 55px; 
padding: 0px 0px 0px 0px; 
margin: 10px 10px 0px 0px; 
}

span.box_eins{
background-color: #F1F1F1; 
position: relative; 
width: 100%; 
float: left; 
display: block; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 60px 0px; 
border: 1px solid #999999; 
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
-ms-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}

span.domehead, span.countersunkhead{
display: block; 
height: auto; 
width: 100%; 
position: relative; 
top: -60px; 
left: 10px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
-ms-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
}

.tabbox{
width: 45px; 
height: 45px; 
border: 0px solid #FF0000; 
padding: 0px 0px 0px 0px; 
margin: 0px 10px 0px 0px; 
position: relative; 
background-repeat: no-repeat; 
background-position: 0px 0px; 
background-size: cover;
z-index: 1000; 
overflow: hidden; 
float: left; 

}

.tabbox.d19{background-image: url(images/tabellen_uniriv/d1_9.png); left: 0px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d24{background-image: url(images/tabellen_uniriv/d2_4.png); left: 60px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d30{background-image: url(images/tabellen_uniriv/d3_0.png); left: 120px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d32{background-image: url(images/tabellen_uniriv/d3_2.png); left: 180px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d40{background-image: url(images/tabellen_uniriv/d4_0.png); left: 240px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d48{background-image: url(images/tabellen_uniriv/d4_8.png); left: 300px; position: absolute; border: 0px solid #FF0000; }

.tabbox.d32tr{background-image: url(images/tabellen_topriv/d3_2.png); left: 0px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d40tr{background-image: url(images/tabellen_topriv/d4_0.png); left: 60px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d48tr{background-image: url(images/tabellen_topriv/d4_8.png); left: 120px; position: absolute; border: 0px solid #FF0000; }

.tabbox.d17elt{background-image: url(images/tabellen_eltronic/d1_7.png); left: 0px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d24elt{background-image: url(images/tabellen_eltronic/d2_4.png); left: 60px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d26elt{background-image: url(images/tabellen_eltronic/d2_6.png); left: 120px; position: absolute; border: 0px solid #FF0000; }

.tabbox.d27turn{background-image: url(images/tabellen_turnriv/d2_7.png); left: 0px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d30turn{background-image: url(images/tabellen_turnriv/d3_0.png); left: 60px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d35turn{background-image: url(images/tabellen_turnriv/d3_5.png); left: 120px; position: absolute; border: 0px solid #FF0000; }

.tabbox.d25rivsert{background-image: url(images/tabellen_rivsert/d2_5.png); left: 0px; position: absolute; border: 0px solid #FF0000; }
.tabbox.d30rivsert{background-image: url(images/tabellen_rivsert/d3_0.png); left: 60px; position: absolute; border: 0px solid #FF0000; }


.tabbox .platzhalter {
position: absolute; 
border: 0px solid #FF0000;
top: 0px; 
width: 45px; 
height: 45px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 10px; 
background-repeat: no-repeat; 
background-position: 0px 0px; 
background-size: cover;
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
-ms-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
opacity: 0.0; 
display: inline-block; 
}

.tabbox.d19 .platzhalter{background-image: url(images/tabellen_uniriv/transparent/d1_9.png); left: 0px; }
.tabbox.d24 .platzhalter{background-image: url(images/tabellen_uniriv/transparent/d2_4.png); left: 60px; }
.tabbox.d30 .platzhalter{background-image: url(images/tabellen_uniriv/transparent/d3_0.png); left: 120px; }
.tabbox.d32 .platzhalter{background-image: url(images/tabellen_uniriv/transparent/d3_2.png); left: 180px }
.tabbox.d40 .platzhalter{background-image: url(images/tabellen_uniriv/transparent/d4_0.png); left: 240px; }
.tabbox.d48 .platzhalter{background-image: url(images/tabellen_uniriv/transparent/d4_8.png); left: 300px; }

.tabbox.d32tr .platzhalter{background-image: url(images/tabellen_topriv/transparent/d3_2.png); left: 0px }
.tabbox.d40tr .platzhalter{background-image: url(images/tabellen_topriv/transparent/d4_0.png); left: 60px; }
.tabbox.d48tr .platzhalter{background-image: url(images/tabellen_topriv/transparent/d4_8.png); left: 120px; }

.tabbox.d17elt .platzhalter{background-image: url(images/tabellen_eltronic/transparent/d1_7.png); left: 0px }
.tabbox.d24elt .platzhalter{background-image: url(images/tabellen_eltronic/transparent/d2_4.png); left: 60px; }
.tabbox.d26elt .platzhalter{background-image: url(images/tabellen_eltronic/transparent/d2_6.png); left: 120px; }

.tabbox.d27turn .platzhalter{background-image: url(images/tabellen_turnriv/transparent/d2_7.png); left: 0px }
.tabbox.d30turn .platzhalter{background-image: url(images/tabellen_turnriv/transparent/d3_0.png); left: 60px; }
.tabbox.d35turn .platzhalter{background-image: url(images/tabellen_turnriv/transparent/d3_5.png); left: 120px; }

.tabbox.d25rivsert .platzhalter{background-image: url(images/tabellen_rivsert/transparent/d2_5.png); left: 0px }
.tabbox.d30rivsert .platzhalter{background-image: url(images/tabellen_rivsert/transparent/d3_0.png); left: 60px; }

.tabbox.opened .platzhalter{
opacity: 0.7;  
}


.tabimage{
padding: 0px; 
margin: 0px 0px 0px 0px; 
display: block; 
border: 0px solid #FF0000; 
}

.tabbox.opened{
position: relative; 
width: 100%; 
top: 0px; 
left: -10px; 
height: auto; 
padding: 0px; 
margin: 0px 0px 0px 0px; 
background-size: 0px 0px;
border: 0px solid #FF0000; 
float: left; 
z-index: 10; 
-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;
}

img.jpgtab{
z-index: 1; 
max-width: 100%; 
width: 100%; 
display: block; 
}
img.jpgtabelle{
z-index: 1; 
border-top: 1px solid #000000; 
border-left: 0px solid #CCCCCC; 
border-right: 0px solid #CCCCCC; 
border-bottom: 0px solid #CCCCCC; 
margin: 80px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
max-width: 100%; 
width: 100%; 
display: block; 
}

#setzgeraete{
position: relative; 
padding: 1%; 
margin: 20px 0px 20px 0px; 
width: 100%; 
height: 540px; 
border: 0px solid #FF0000; 
}

#setzgeraete a:link, #setzgeraete a:visited{
width: 30%; 
height: 250px; 
overflow: hidden; 
float: left; 
font-size: 0.8em; 
line-height: 1.1em; 
font-weight: 300; 
text-decoration: none; 
padding: 1%; 
margin: 20px 0px 0px 0px; 
position: absolute; 
left: 0%; 
top: 0%; 
text-align: center; 
}
#setzgeraete a:nth-child(1){
left: 0px; 
}
#setzgeraete a:nth-child(2){
left: 32%; 
}
#setzgeraete a:nth-child(3){
left: 64%; 
}
#setzgeraete a:nth-child(4){
left: 0%; 
top: 270px; 
}
#setzgeraete a:nth-child(5){
left: 32%; 
top: 270px; 
}
.bildbesch_setzg{
position: absolute; 
bottom: 40px; 
border: 0px solid #ff0000; 
width: 100%; 
left: 0px; 
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
background-image: url(images/sys/weiss_90.png);
background-repeat: repeat;
}

#setzgeraete img.setzgeraet{
position: absolute; 
left: 0%; 
top: 0%; 
width: 98%; 
height: auto; 
padding: 0px; 
margin: 0px; 
border: 1px solid #999999; 
-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;
}

#setzgeraete a img.setzgeraet:hover, #setzgeraete a img.setzgeraet:focus{
width: 105%; 
left: -2%; 
top: -2%; 

}


#googlemaps {
display: block; 
    width: 100%; 
    height: 450px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 100px 0px;
    border-top: 5px solid #026F62;
    border-bottom: 5px solid #026F62;
    background-color: #FFFFFF;
    text-align: center;
   clear: both; 
}
.dl_line{
border-bottom: 1px solid #999999; 
display: block; 
width: 100%; 
padding: 0px; 
margin: 0px; 
height: 60px; 
}
img.pdf_link{
border: 0px solid #FF0000; 
padding: 0px; 
margin: 0px; 
float: left; 
}
.dl_link{
border: 0px solid #FF0000; 
padding: 15px 0px 15px 20px; 
line-height: 10px; 
display: inline-block; 
float: left; 
width: 70%;
}
.dl_link a:link, .dl_link a:visited{
display: inline-block; 
}

/*HIER MEDIAQUERIES*/


@media screen and (min-width: 1600px) {
#zentrieren, #logooben, #bild_box, #subnavigation{
max-width: 1600px;  
width: 99%; 
position: relative; 
margin: 0px auto; 
overflow: hidden; 
}
#texte{
width: 96%; 
padding: 0px; 
margin: 0px 3% 50px 0px;
}


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

ul.topnav{
left: 7%; 
}

}