/* 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'); 
}



html, body{
padding: 0px; 
margin: 0px; 
width: 100%; 
height: 100%; 
font-family: 'Roboto', Segoe, Helvetica, Arial, Verdana, Sans, Lucida; 
font-size: 1.0em; 
font-weight: 300; 
background-color: #FFFFFF; 
}
body.xxl{
font-size: 1.2em; 
}
body.ssl{
font-size: 0.8em; 
}


p.abstand{
line-height: 0.5em; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FF0000; 
height: 10px; 
}

.small{
font-size: 0.7em; 
}

/* ---- ALLE INHALTE --- */
u{
text-decoration: none; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 20px; 
font-weight: 400; 
}
u.unbold, span.light{
font-weight: 300; 
}

table.tablebody{
padding: 0px; 
margin: 0px; 
width: 100%; 
height:85%; 
border: 0px solid #FF0000; 
z-index: 10; 
}
td.infobereich{
position: relative; 
width: 60%; 
height: 70%; 
text-align: left; 
}
table.tablebody.giesserei td.infobereich{
width: 40%; 
}
td.fotobereich{
position: relative; 
width: 30%; 
height: 70%; 
}
#infobereich{
width: 80%; 
height: 100%; 
padding: 0px 10% 0px 10%; 
margin: 0px;
display: table; 
border: 0px solid #FF0000; 
opacity: 0.0; 
}
#infobereich.xl_bild{
width: 53%; 
}
#infobereich.startseite{
width: 100%; 
height: 100%; 
padding: 0px 0px 0px 0px;
  margin: 0px;
border: 0px solid #0000FF;  
}





#textbox{
-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;
transition-delay: 1s;
width: 100%; 
height: 100%; 
z-index: 9; 
font-size: 1.1em; 
padding: 0px; 
margin: auto;
border: 0px solid #FF0000; 
display: table-cell; 
vertical-align: middle;
}

#textbox.auto{
-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;
transition-delay: 1s;
width: 100%; 
height: auto; 
z-index: 9; 
font-size: 1.1em; 
padding: 0px; 
margin: auto;
border: 0px solid #FF0000; 
display: table-cell; 
vertical-align: middle;
}


#infobereich.einblenden{
opacity: 1.0; 
}

table.foto{
display: table; 
width: 70%; 
height: 90%; 
padding: 0px; 
margin: 0px 5% 0px 0px; 
border: 0px solid #FF0000; 
/*float: left; */
}
table.doppelfoto, table.doppelfotogiesserei{
display: table; 
width: 95%; 
height: 70%; 
padding: 0px; 
margin: 0px 5% 0px 0px; 
/*float: right; */
}
/*table.doppelfotogiesserei{
display: table; 
width: 40%; 
height: 80%; 
padding: 0px; 
margin: 60px 0px 0px 0px; 
border: 1px solid #0000FF; 
float: right;
}*/

table.foto td, table.doppelfoto td, table.doppelfotogiesserei td{
display: table-cell; 
vertical-align: middle;
padding: 0px; 
margin: 0px; 
}

table.foto.startseite{
border: 0px solid #FF0000; 
width: 70%; 
}
table.foto.klein{
width: 20%; 
}
table.foto.gross{
width: 90%;
margin: 0px; 
padding: 0px 5% 0px 0px;  
}
table.foto.kdlogo{
display: inline-block; 
width: 90%;
height: 80%; 
margin: 30px 5% 0px 5%; 
padding: 0px 0px 0px 0px;  
border: 0px solid #FF0000; 
}
table.foto.kdlogo td{
border: 0px solid #FF0000; 
display: inline-block; 
width: 16%; 
height: auto; 
padding: 0px; 
margin: 20px 10px 0px 0px; 
}
table.fotoreferenz{ 
display: block; 
width: 90%;
height: 80%; 
margin: 30px 5% 0px 5%; 
padding: 0px 0px 0px 0px;  
border: 0px solid #FF0000; 
 }
table.fotoreferenz td{ 
border: 0px solid #FF0000; 
display: inline-block; 
width: 32%; 
height: auto; 
padding: 0px; 
margin: 20px 10px 0px 0px; 
 }
table.fotoreferenz td img{ 
max-width: 600px; 
}

table.foto img{
border: 0px solid #FF0000; 
}

table.foto.gross.produktion{
width: 100%; 
height: 100%; 

}

table.foto.gross.produktion td{
width: 14%; 
float: left; 
padding: 2px; 
}
table.legierung{
min-width: 40%; 

}

u.maschhead{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
border: 0px solid #FF0000; 
display: block; 
width: 90%; 
}
a.maschpark:link, a.maschpark:visited{
width: 90%; 
border: 0px solid #FF0000; 
text-decoration: none; 
color: #0C4DA2; 
padding: 0px 0px 0px 30px; 
margin: 0px; 
background-image: url(../bilder/sys/icon_img.png);
background-repeat: no-repeat; 
background-size: 20px 20px; 
background-position: 0px 0px; 
line-height: 25px; 
display: block; 
}
a.qspark:link, a.qspark:visited{
width: 90%; 
background-image: url(../bilder/sys/icon_img.png);
background-repeat: no-repeat; 
background-size: 20px 20px; 
background-position: 0px 0px; 
padding: 0px 0px 0px 30px; 
text-decoration: none; 
color: #0C4DA2; 
}

.back_link a:link, .back_link a:visited{
text-decoration: none; 
color: #0C4DA2; 
font-weight: 400; 
padding: 0px 0px 0px 30px; 
}




#p_dmu75, #p_dmu80, #p_dmu85, #p_dmu100, #p_dmu100_2, #p_dmu105, #p_dmu125, #p_hermle, #p_nef400, #p_fs10, #p_contura, #p_mc850, #p_gom, #p_dichttest, #p_waschen, #p_laserschweissen, #p_roentgen, #p_spectral, #p_zugpruef, #p_risspruef {
display: none; 
border: 0px solid #FF0000; 

}

#p_dmu75 img, #p_dmu80 img, #p_dmu85 img, #p_dmu100 img, #p_dmu100_2 img, #p_dmu105 img, #p_dmu125 img, #p_hermle img, #p_nef400 img, #p_fs10 img, #p_contura img, #p_mc850 img, #p_gom img, #p_dichttest img, #p_waschen img, #p_laserschweissen img, #p_roentgen img, #p_spectral img, #p_zugpruef img, #p_risspruef img {
position: relative; 
max-width: 60%; 
float:right; 
height: auto; 
border: 0px solid #FF0000; 
}

#p_dmu75.maschhide, #p_dmu80.maschhide, #p_dmu85.maschhide, #p_dmu100.maschhide, #p_dmu100_2.maschhide, #p_dmu105.maschhide, #p_dmu125.maschhide, #p_hermle.maschhide, #p_nef400.maschhide, #p_fs10.maschhide, #p_contura.maschhide, #p_mc850.maschhide, #p_gom.maschhide, #p_dichttest.maschhide, #p_waschen.maschhide, #p_laserschweissen.maschhide, #p_roentgen.maschhide, #p_spectral.maschhide, #p_zugpruef.maschhide, #p_risspruef.maschhide {
display: table-cell; 
vertical-align: middle;  
z-index: 105; 
width: 100%; 
height: 100%; 
}

#closethis{
position: absolute; 
z-index: 150; 
top: 5px; 
left: 5px; 
}

#masch_popup{
position: fixed; 
top: 0px; 
left: 30%; 
width: 0px; 
height: 0%; 
border: 1px solid #999999; 
background-color: #FFFFFF; 
display: none; 
-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;
z-index: 1000; 
}

#masch_popup.visible{
-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;
display: table; 
width: 63%; 
height: 60%; 
padding: 2% 0px 2% 2%;  
margin: 7% 0px 0px 0px; 
}

.bild{
width: 100%; 
max-width: 450px; 
height: auto; 
padding: 0px;
margin: 0px; 
border: 0px solid #999999; 
}
.bild_xl{
width: 100%; 
max-width: 700px; 
height: auto; 
padding: 0px;
margin: 0px; 
border: 0px solid #999999; 
}




/* ---- ALLE INHALTE --- */

.navtable{
padding: 20px 2% 0px 2%; 
margin: 0px 0px 0px 60px; 
border-right: 1px solid #999999; 
border-top: 0px solid #999999; 
border-bottom: 1px solid #999999; 
border-left: 1px solid #999999; 
background-image: url(../bilder/sys/weiss_80.png);
background-repeat: repeat; 
background-size: 50px 50px; 
width: auto; 
z-index: 20; 
position: absolute; 
top: 0px; 
left: 0px; 
height: 0px; 
overflow: hidden; 
opacity: 0.0; 
-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;
}
.navtable.anausopen{
height: auto; 
overflow: visible; 
opacity: 1.0; 
background-image: url(../bilder/sys/weiss_95.png);
background-repeat: repeat; 
background-size: 100% 100%; 
}

#anaus{
background-image: url(../bilder/sys/plus.png);
background-repeat: no-repeat; 
background-size: cover; 
background-position: 0px -10px; 
display: inline-block; 
width: 40px; 
height: 40px; 
border: 0px solid #FF0000; 
position: absolute; 
top: 20px; 
left: 0px; 
}
#anaus.anausopen{
background-image: url(../bilder/sys/minus.png);
}

.nav{
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
line-height: 1.0em; 
}


.navi1, .navi2, .navi3, .navi4, .navi5, .navi6, .navi61, .navi7, .navi8, .navi9, .navi10{
padding: 0px 0px 0px 0px; 
margin: 0px; 
width: 100%; 
height: auto; 
display: block; 
/*overflow: hidden; */
position: relative; 
-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;
border: 0px solid #0000FF; 

}
.navi{
width: 90%; 
height: auto; 
display: block;
padding: 5px 5% 5px 5%; 
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;
border: 0px solid #0000FF; 

}

.nav a:link, .nav a:visited{
text-decoration: none; 
color: #666666; 
-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;
}
.nav a:hover{
color: #002A49;
}

a.active:link, a.active:visited{
color: #002A49;
font-weight: 700; 
}

.navi b, .navi1 b, .navi2 b, .navi3 b, .navi4 b, .navi5 b, .navi6 b, .navi61 b, .navi7 b, .navi8 b, .navi9 b, .navi10 b{
padding: 1px 30px 1px 0px; 
margin: 0px 0px 0px 0px; 
width: 100%; 
height: auto; 
border: 0px solid #0000FF; 
display: block; 
}
.navi.open, .navi1.open, .navi2.open, .navi3.open, .navi4.open, .navi5.open, .navi6.open, .navi61.open, .navi7.open, .navi8.open, .navi9.open, .navi10.open,
.navi.open b, .navi1.open b, .navi2.open b, .navi3.open b, .navi4.open b, .navi5.open b, .navi6.open b, .navi61.open b, .navi7.open b, .navi8.open b, .navi9.open b, .navi10.open b{
/*width: auto; */
}

#einausfirma, #einausgiesserei, #einausmodellbau, #einausleistung, #einausrapid, #einausqs, #einausqm, #einausprod, #einausrefkd, #einausref, #einausresueme{
width: 30px; 
height: 40px; 
border: 0px solid #FF0000; 
position: absolute; 
top: 10px; 
left: -30px; 
border: 0px solid #0000FF; 
}
.navi1 .sichtbar, 
.navi2 .sichtbar, 
.navi3 .sichtbar, 
.navi4 .sichtbar, 
.navi5 .sichtbar, 
.navi6 .sichtbar, 
.navi61 .sichtbar, 
.navi7 .sichtbar,
.navi8 .sichtbar,
.navi9 .sichtbar, 
.navi10 .sichtbar
{
width: 30px; 
height: 20px; 
display: block; 
border: 0px solid #FF0000; 
padding: 0px 0px 0px 10px; 
margin: 0px 0px 3px 0px; 
/*background-image: url(../bilder/sys/plus.png);
background-repeat: no-repeat; 
background-size: cover; 
background-position: 0px -13px; */
}
.navi1 .unsichtbar, 
.navi2 .unsichtbar,
.navi3 .unsichtbar, 
.navi4 .unsichtbar, 
.navi5 .unsichtbar, 
.navi6 .unsichtbar, 
.navi61 .unsichtbar, 
.navi7 .unsichtbar,
.navi8 .unsichtbar, 
.navi9 .unsichtbar,
.navi10 .unsichtbar
{
display: none; 
}
.navi1.open .unsichtbar, 
.navi2.open .unsichtbar, 
.navi3.open .unsichtbar, 
.navi4.open .unsichtbar, 
.navi5.open .unsichtbar, 
.navi6.open .unsichtbar, 
.navi61.open .unsichtbar, 
.navi7.open .unsichtbar, 
.navi8.open .unsichtbar, 
.navi9.open .unsichtbar, 
.navi10.open .unsichtbar 
{
width: 30px; 
height: 20px; 
display: block; 
border: 0px solid #FF0000; 
padding: 0px 0px 0px 10px; 
margin: 0px 0px 3px 0px; 
background-image: url(../bilder/sys/minus.png);
background-repeat: no-repeat; 
background-size: cover; 
background-position: 0px -13px; 
}
.navi1.open .sichtbar, 
.navi2.open .sichtbar, 
.navi3.open .sichtbar, 
.navi4.open .sichtbar, 
.navi5.open .sichtbar, 
.navi6.open .sichtbar,
.navi61.open .sichtbar,
.navi7.open .sichtbar, 
.navi8.open .sichtbar, 
.navi9.open .sichtbar, 
.navi10.open .sichtbar 
{
display: none; 
}




#footer{
position: absolute; 
bottom: 35px; 
left: 20px; 
font-size: 0.8em; 

}
#footer a:link, #footer a:visited{
text-decoration: none; 
color: #666666; 
}
#footer a:hover{
-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;
color: #002A49; 
}

h2#title{
text-align: left; 
text-indent: 5%; 
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
color: #999999; 
font-weight: 400; 
font-size: 1.5em; 
background-color: #F1F1F1; 
text-transform: uppercase; 
z-index: 1000; 
border: 0px solid #FF0000; 
}
h2#title.uppersize{
text-transform: uppercase; 
}

#printbtn{
border: 0px solid #FF0000; 
position: absolute; 
top: 15px; 
right: 10px; 
z-index: 15; 
/*margin: 0px 15px 0px 0px; 
padding: 10px 30px 10px 10px;
font-size: 0.8em; */
opacity: 0.5; 
}
#printbtn a:link, #printbtn a:visited{
text-decoration: none; 
padding: 4px 10px 4px 10px; 
}
/*
a#vor:link, a#vor:visited, 
a#zurueck:link, a#zurueck:visited, 
#printbtn a:link, #printbtn a:visited
{
border: 3px solid #999999; 
border-radius: 15px; 
background-color: #DFDFDF; 
padding: 5px 10px 5px 10px; 
margin: 0px; 
text-decoration: none; 
color: #000000; 
-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;
}*/

/***/
#vor a:link, #vor a:visited, 
#zurueck a:link, #zurueck a:visited, 
#printbtn a:link, #printbtn a:visited
{
border: 3px solid #999999; 
border-radius: 15px; 
background-color: #DFDFDF; 
margin: 0px; 
text-decoration: none; 
color: #000000; 
-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;
text-transform: capitalize; 
}
#vor.uppersize a:link, #vor.uppersize a:visited, 
#zurueck.uppersize a:link, #zurueck.uppersize a:visited 
{
text-transform: uppercase; 
}

#vor a:link, #vor a:visited{
padding: 10px 40px 10px 10px; 
background-image: url(forward.png);
background-repeat: no-repeat; 
background-position: right 6px; 
}
#zurueck a:link, #zurueck a:visited{
padding: 10px 10px 10px 40px; 
background-image: url(back.png);
background-repeat: no-repeat; 
background-position: left 6px; 
}


#vor a:hover, #vor a:focus, 
#zurueck a:hover, #zurueck a:focus{
background-color: #0C4DA2; 
color: #FFFFFF; 
border: 3px solid #0C4DA2; 
opacity: 0.7; 
}
/***/ 

#printbtn a:hover, #printbtn a:focus{
background-color: #000000; 
color: #FFFFFF; 
opacity: 1.0; }

#vor{
position: absolute; 
bottom: 96px; 
right: 10px; 
z-index:20; 
opacity: 1.0; 

}
#zurueck{
position: absolute; 
bottom: 96px; 
left: 40px; 
z-index:20; 
opacity: 1.0; 
} 

#breadcrumbs{
position: absolute; 
top: 73px; 
left: 280px; 
color: #FFFFFF; 
width: 45%; 
border: 0px solid #FF0000; 
}
#breadcrumbs .bctext{/*text-transform: capitalize;*/ }
#breadcrumbs a:link, #breadcrumbs a:visited{
/*text-transform: capitalize; */
text-decoration: none; 
font-weight: 400; 
color: #FFFFFF; 
}
span#breadcrumbs a:first-child{
text-transform: capitalize;
}

#breadcrumbs #seitenindex{
/*position: absolute; 
right: 0%; */
float: left; 
padding: 0px 40px 0px 0px; 
opacity: 0.3; 
}


#signet{
z-index:12; 
padding: 0px 0px 0px 0px; 
margin: 0px; 
width: 100%; 
height: 191px; 
position: fixed; 
left: 0px; 
bottom: 0px; 
border: 0px solid #FF0000; 
background-image: url(../bilder/sys/logo_bg_2.png);
background-repeat: no-repeat; 
opacity: 0.0; 
-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;
}
#signet.einblenden{
opacity: 1.0; 
}

#signet img{
position: absolute; 
right: 10%; 
}

.zentriert{ position: absolute; left: 20%; top: 10%; border: 0px solid #FF0000; font-weight: 700; width: 50%; height: auto; display: block; margin: 20% 0px 0px 0px; }
.zentriert .xxl, .zentriert .xl, .zentriert .l, .zentriert .s, .zentriert .xs{position: absolute;opacity: 0.5; }
.zentriert .xxl{font-size: 5.5vw; color: #666666;top: 90px; left: 20px; }
.zentriert .xl{font-size: 6.5vw; color: #999999; top: 30px; left: 250px;} 
.zentriert .l{font-size: 2.0vw; color: #D1D1D1; top: 0px; left: 150px; }
.zentriert .s{font-size: 2.5vw; color: #CCCCCC; top: 50px; left: 90px; }
.zentriert .xs{font-size: 1.8vw; color: #E0E0E0; top: 30px; left: 20px;}

.uppersize{
text-transform: uppercase !important; 
}

#scndlevel{

}

.scd_level_link{
-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;
margin: 0px 0px 10px 0px;  
padding: 5px 30px 5px 30px; 
border: 1px solid #999999; 
border-radius: 20px; 
background-color: #DFDFDF; 
width: 100%; 
float: left; 
}
.scd_level_link:hover, .scd_level_link:focus{
background-color: #0C4DA2; 
color: #FFFFFF; 
border: 1px solid #0C4DA2; 
}
.scd_level_link a:hover, .scd_level_link a:focus{
color: #FFFFFF !important; 
}


.scd_level_link a:link, .scd_level_link a:visited{
text-decoration: none; 
color: #000000; 
font-weight: 400; 
}

#prodbs table.gross a{
position: relative; 
text-decoration: none; 
color: #000000; 
}
.txt1, .txt2, .txt3, .txt4, .txt5, .txt6, .txt7, .txt8, .txt9, .txt10, .txt11, .txt12, .txt13, .txt14, .txt15, .txt16, .txt17, .txt18, .txt19, .txt20{
position: fixed; 
left: 25%; 
top: 10px; 
width: 50%; 
background-color: #FFFFFF; 
z-index: 130; 
font-size: 1.2em; 
font-weight: 400; 
padding: 30px 30px 30px 30px; 
margin: 0px; 
border: 1px solid #999999; 
border-radius: 30px 30px 30px 30px; 
-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;
display: none; 
opacity: 0.95; 
}

.bild1:hover + .txt1 {display: block; }
.bild2:hover + .txt2 {display: block; }
.bild3:hover + .txt3 {display: block; }
.bild4:hover + .txt4 {display: block; }
.bild5:hover + .txt5 {display: block; }
.bild6:hover + .txt6 {display: block; }
.bild7:hover + .txt7 {display: block; }
.bild8:hover + .txt8 {display: block; }
.bild9:hover + .txt9 {display: block; }
.bild10:hover + .txt10 {display: block; }
.bild11:hover + .txt11 {display: block; }
.bild12:hover + .txt12 {display: block; }
.bild13:hover + .txt13 {display: block; }
.bild14:hover + .txt14 {display: block; }
.bild15:hover + .txt15 {display: block; }
.bild16:hover + .txt16 {display: block; }
.bild17:hover + .txt17 {display: block; }
.bild18:hover + .txt18 {display: block; }
.bild19:hover + .txt19 {display: block; }
.bild20:hover + .txt20 {display: block; }


.txt1{}
.txt2{}
.txt3{}
.txt4{}
.txt5{}
.txt6{}
.txt7{}
.txt8{}
.txt9{}
.txt10{}
.txt11{}
.txt12{}
.txt13{}
.txt14{}
.txt15{}
.txt16{}
.txt17{}
.txt18{}
.txt19{}
.txt20{}


#tooltips{
width: 240px; 
height: 40px; 
border: 1px solid #999999; 
border-radius: 0px 30px 30px 0px; 
position: fixed; 
top: 80px; 
left: -500px; 
padding: 5px 5px 5px 0px; 
margin: 0px 0px 0px 0px; 
z-index: 1000; 
-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(../bilder/sys/weiss_90.png);
background-repeat: repeat; 
background-size: 50px 50px; 
}

#tooltips.raus{
left: 0px; 
}

#tooltips #einstellung, #tooltips #schrift{
width: 40px; 
height: 40px; 
padding: 0px; 
margin: 0px; 
}

#tooltips #einstellung img, #tooltips #schrift img{
width: 40px; 
height: 40px; 
padding: 0px 0px 0px 20px; 
margin: 0px; 
float: right; 
}
.hint{
position: absolute; 
left: 0px; 
bottom: 160px; 
border-left: 0px solid #999999;
border-right: 1px solid #999999; 
border-top: 1px solid #999999; 
border-bottom: 1px solid #999999; 
padding: 20px 20px 20px 20px; 
border-radius: 0px 20px 20px 0px; 
color: #666666; 
}
.hint b{font-weight: 400; }

#infobereich.resuemee{
width: 90%; 
max-height: 85%;
padding: 50px 5% 0px 5%; 
margin: 0px; 
border: 0px solid #FF0000; 
}
#infobereich.resuemee #textbox{
display: block; 
padding: 0px; 
margin: 0px auto; 
width: 30%; 
margin: 0px 35% 0px 35%; 
border: 0px solid #FF0000; 
}
#infobereich.resuemee #textbox h4{
font-weight: 300; 
text-align: center; 
font-size: 2.0em; 
padding: 0px; 
margin: 0px; 
}
img.resuemee{
position: relative; 
width: 100%; 
height: auto; 
padding: 0px; 
margin: 0px; 
text-align: center; 
}

span.uscript{
height: 100px; 
padding: 0px 40px 0px 0px; 
margin: 0px 0px 0px 0px; 
width: auto; 
float: left; 
}