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

span.ausbildung{
border: 0px solid #FF0000; 
}

.icons{
position: absolute; 
top: -50px; 
left: 110px; 

}

.icons ul{
width: 100px; 
height: 30px; 
padding: 0px; 
margin: 0px; 
border: 1px solid #999999; 
list-style-type: none; 
text-align: center; 
line-height: 30px; 
}
 
 .newline{
 width: 100%; 
 display: block; 
 padding: 8px 0px 8px 0px; 
 margin: 0px; 
 border-bottom: 0px solid #999999;
  border-top: 1px solid #999999; 
   border-left: 0px solid #999999; 
    border-right: 0px solid #999999; 
 }
 
.icons button{

display: none; 
}
     
html {
width: 100%; 
height: 100%; 
padding: 0%; 
margin: 0%; 
}

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

#redim-cookiehint-bottom{
font-size: 1.0em;
  line-height: 1.2em;
  margin: 50px 0px 0px 0px;
  padding: 10px 10% 40px 10%;
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
  width: 80%;
  color: #666666;
  background-color: #F1F1F1;
  position: fixed;
  bottom: 0px;
  left: 0px;
  }
#redim-cookiehint{
  font-size: 1.0em;
  line-height: 1.5em;
  color: #666666;
  } 
.cookiecontent{}
.cookiebuttons{}
#cookiehintsubmit, #cookiehintsubmitno{
float: right;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 0px 20px; 
  background: #DFDFDF;
  border: 1px solid #999999;
  border-radius: 10px;
  font-weight: 300 !important; 
}
#cookiehintinfo.text-center a{
  padding: 5px 10px 5px 10px;
  margin: 0px 20px 0px 0px; 
  background: #DFDFDF;
  border: 1px solid #999999;
  border-radius: 10px;
    font-weight: 300; 
}

.visually-hidden{
display: none; 
}

div.mod-languages ul li.lang-active {
  background-color: rgba(255, 255, 255, 0.0) !important;

}
div.mod-languages ul li.lang-active a{
  color: #999999 !important; 
}

img#signet_w_funke{
height: 140px; 
width: auto; 
border:0px solid #FF0000; 
padding: 0px; 
position: absolute; 
left: 10%; 
top: 0px; 
}

.item-page img{
max-width: 100%; 
height: auto; 
padding: 4px; 
margin: 0px; 
float: left;
}

.textbox{
width: 45%; 
height: auto; 
float: left; 
padding: 0px 5% 0px 0px; 
margin: 0px 0px 0px 0px; 
border:0px solid #FF0000; 
}
.fotobox{
width: 50%; 
height: auto; 
float: left; 
padding: 50px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
border: 0px solid #FF0000; 
}

.fotoausrichten{
width: 60%; 
padding: 0px 0px 0px 0px; 
margin: 0px 20% 0px 20%; 
background-color: #F5F5F5; 
border: 0px solid #FF0000; 
display: inline-block; 
position: relative; 
}

.fotobox a{
width: 100%; 
height: auto; 
margin: 0px; 
padding: 0px; 
}

.fotobox img {
margin: 0px;
padding: 0px 15% 0px 15%; 
width: 70%;
max-width: 500px; 
border: 0px solid #FF0000; 
display: block; 
float: none !important;
}
.fotobox img.bildgroesser{
width: 100%;padding: 0px 0px 0px 0px; 
max-width: 500px; 
position: relative; 
left: 20%; 
top: 70px; 
}

.fotobox .zertausrichten{
border: 0px solid #FF0000; 
display: block; 
height: 220px; 
width: 60%; 
margin: 0px 20% 0px 20%; 
min-width: 450px; 
}
.fotobox img.zert, .fotobox img.zert_1, .fotobox img.zert_2 {
border: 0px solid #FF0000; 
width: 142px; 
height: 201px;  
padding: 0px; 
margin: 0px; 
position: relative;
}
.fotobox img.zert_1 {
left: -30px; 
}
.fotobox img.zert_2 {
left: -45px; 
}

.fotobox .fototext{
width: 100%; 
display: block; 
border: 0px solid #FF0000; 
float: left; 
text-align: center; 
font-size: 1.0em;
font-weight: 400;
margin: 0px; 
padding: 10px 0px 10px 0px;  
}

.refbox{
width: 47%; 
float: left; 
background-color: #F5F5F5; 
margin: 5px 1% 0px 0px; 
padding: 10px 0px 10px 1%; 
}
.refbox .fototext{
text-align: left; 
}

.messetermin{
margin: 0px 0px 50px 0px; 
padding: 0px; 
width: 100%; 
float: left; 
display: block; 
}
.messelogo{
width: 15%; 
float: left; 
display: block; 
}
.messetext{
width: 84%; 
float: left; 
display: block; 
}

.videopopup{
width: 60%; 
padding: 0px 0px 0px 0px; 
margin: 10px 20% 0px 20%; 
background-color: #F5F5F5; 
border: 0px solid #FF0000; 
display: inline-block; 
}

a.jcepopup span.jcemediabox-zoom-span{
width: 100% !important; 
max-width: 600px !important; 
border: 0px solid #FF0000 !important; 
}
img.videolink{
width: 100% !important; 
max-width: 600px !important; 
}


.videopopup img{
margin: 0px; 
padding: 0px;  
width: 100% !important; 
border: 0px solid #FF0000; 
}
.item-page .jcemediabox-image img.videolink{
width: 100% !important; 
height: auto; 
display: block;
padding: 0px; 
margin: 0px 0px 0px 0px; 
}

table.sandguss{
width: 70%; 
padding: 0px 0px 0px 0px; 
margin: 0px 10% 0px 10%; 
border: 0px solid #FF0000; 
display: inline-block; 
}
table.sandguss td{
width: 50%; 
height: auto; 
background-color: #F5F5F5; 
border: 1px solid #FFFFFF; 
margin: 5px; 
padding: 0px; 
}

table.products{
width: 45%; 
margin: 0px 4% 50px 0px; 
padding: 20px 20px 20px 20px; 
border: 1px solid #D8D8D8; 
display: table-cell;
float: left; 
background-color: #F5F5F5; 
}
/*table.products tr{
display: table-row;
}*/

table.products hr{
border-top: 0px solid #F5F5F5;
border-right: 0px solid #F5F5F5;
border-bottom: 0px dotted #D8D8D8; 
border-left: 0px solid #F5F5F5; 
}
table.products td{
float: none; 
border: 0px solid #FF0000; 
margin: 0px; 
padding: 0px; 

}
hr.invisible{
border-top: 1px solid #FFFFFF;
border-right: 0px solid #F5F5F5;
border-bottom: 0px dotted #D8D8D8; 
border-left: 0px solid #F5F5F5; 
}

img.gedreht{
transform: rotate(7deg);
background-color: #FFFFFF;
position: relative; 
top:-20px; 
left: 20px; 
}

img.gedreht_5{
transform: rotate(3deg);
background-color: #FFFFFF;
position: relative; 
top:0px; 
left: 20px; 
}



.item-page table.noborder img, .item-page img.noborder{

}



#logo{
position: relative; 
background-image: url(../images/logo_bg.png); 
background-repeat: repeat-x; 
background-position: center center; 
background-size: auto 171px; 
width: 100%; 
height: 140px; 
overflow: hidden; 
margin: 60px 0px 60px 0px; 
padding: 0px;
border: 0px solid #FF0000; 
}
#inhalte{
z-index: 10; 
}
#header, #menu{
z-index: 100; 
}
#inhalte_innen{
position:relative; 
margin: 0px auto; 
z-index: 50; 
margin: 40px 10% 20px 10%; 
padding: 0px 0px 0px 0px; 
width: 80%; 
}

#head_bildwechsel{
margin: 40px 0px 20px 0px; 
padding: 0px 0px 0px 0px; 
width: 100%; 
overflow: hidden;
border-bottom: 1px solid #666666; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-top: 1px solid #666666; 
background-color: #333333; 
height: auto; 
font-size: 1.0em; 
}

/* Slideshow container */.slideshow-container {  max-width: 100%;  min-width: 100%; max-height: 400px; min-height: 400px; position: relative;  margin: 0px; padding: 0px; overflow: hidden; }
/* Hide the images by default */.mySlides {width: 100%; height: 100%; display: none; -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;}
.mySlides.fade img{min-width: 100%; min-height: 400px; padding: 0px; margin: 0px; }
/* Caption text */.text {  color: #FFFFFF;  font-size: 1.0em;  padding: 8px 12px;  position: absolute;  bottom: 8px;  width: auto; margin: 0px 9% 0px 9% !important; float: left;  text-align: center; background-color: #000000; opacity: 0.7; }
/* Fading animation */.fade {  animation-name: fade;  animation-duration: 1.5s;}@keyframes fade {  from {opacity: 0.2}  to {opacity: 1.0}}


.cameraContent .camera_caption .container{
width: auto !important; 
display: inline; 
margin: 0px 9% 0px 9% !important; 
float: left; 
}

#menu{
position: relative; 
}

#menu_gross ul#slider li img{
margin: 0px 0px 0px 0px; 
padding: 0px 10px 0px 0px; 
height: 25px; 
width: 25px; 
position: relative; 
top: 5px; 
left: -5px; 
border: 0px solid #FF0000; 
filter: invert(0);
-webkit-filter:invert(0);
filter:progid:DXImageTransform.Microsoft.BasicImage(invert='0');
}
#menu_gross ul#slider li.active img{
filter: invert(1);
-webkit-filter:invert(1);
filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}





#menu_mittel{display: none; }
#menu_gross{
position: absolute; 
top: 0px; 
left: 0px; 
margin: 0px auto; 
display: inline-block;
width: 80%; 
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px 10% 0px 10%; 
border: 0px solid #FF0000; 
background-image: url(../images/weiss_90.png);
background-repeat: repeat-x;
background-size: 40px 38px; 
}
#menu_gross ul{
margin: 0px auto; 
padding: 0px;
border: 0px solid #FF0000; 
width: 100%; 
display: table; 
table-layout: fixed; 
}

#menu_gross ul li{
padding: 0px 0px 10px 0px;
height: 40px; 
list-style-type: none; 
font-weight: 400; 
font-size: 1.0em; 
display: table-cell; 
text-align: center; 
border-top: 1px solid #B4B4B4;
}
/*
#menu_gross ul li:nth-child(1){
width: 12%; 
}
#menu_gross ul li:nth-child(2){
width: 13%; 
}
#menu_gross ul li:nth-child(3){
width: 13%; 
}
#menu_gross ul li:nth-child(4){
width: 32%; 
}
#menu_gross ul li:nth-child(5){
width: 30%; 
}
*/

#menu_gross ul li ul li, #menu_gross ul li ul li ul li{
background-image: none;
padding: 0px 0px 0px 0px;
display: block; 
height: auto; 
text-align: left; 
}


#menu_gross ul li.dropdown{
background-image: url(../images/nav_arrow_6.png);
background-repeat: no-repeat;
background-position: center 38px; 
background-size: 10px auto; 
}
#menu_gross ul li.dropdown .dropdown{
background-image: none;
}

#menu_gross ul ul{
padding: 0px; 
margin: 0px; 
display: inline-block; 
width: 100%; 
}


#menu_gross ul li a{
-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: 90; 
width: 98%; 
height: 28px; 
padding: 10px 0px 0px 2%; 
margin: 0px; 
/*background-image: url(../images/weiss_90.png);*/
background-repeat: repeat;
display: block; 
font-weight: 400; 
font-size: 1.0em; 
text-decoration: none; 
color: #000000; 
border-left: 0px solid #B4B4B4; 
border-right: 0px solid #B4B4B4; 
border-top: 0px solid #B4B4B4; 
border-bottom: 0px solid #B4B4B4; 
text-transform: uppercase; 

}
/*
#menu_gross ul li a:hover, #menu_gross ul li a:focus{
background-image: url(../images/black80.png);
background-repeat: repeat;
color: #999999; 
}
#menu_gross ul li.deeper.parent.dropdown.aktif ul li.current a{
background-image: url(../images/weiss_90.png);
color: #999999; 
}

#menu_gross ul li.current ul li a:link, #menu_gross ul li.current ul li a:visited, #menu_gross li.deeper.parent.dropdown.aktif a li a{
background-image: url(../images/weiss_90.png);
color: #000000; 
}

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

#menu_gross ul li ul li a{
font-weight: 300; 
font-size: 100%; 
border-right: 0px solid #B4B4B4; 
border-top: 0px solid #B4B4B4; 
height: auto; 
display: block; 
text-transform: none; 
padding: 10px 0px 5px 10px; 
line-height: 1.0em;
}
#menu_gross ul li.current a, 
#menu_gross ul.aktif li a, 
#menu_gross ul li.aktif a,
#menu_gross ul li a:hover
{
background-color: rgba(230, 230, 230, 0.9); 
/*background-image: url(../images/black80.png);*/
color: #000000; 
}

#menu_gross ul li a, 
#menu_gross ul li ul li.current a,
#menu_gross ul li.current a:hover, 
#menu_gross ul li.aktif ul li a:hover
{
/*background-image: url(../images/weiss_90.png);*/
background-color: rgba(255, 255, 255, 0.9); 
color: #000000; 
}



#content{
width: 100%; 
height: auto; 
margin: 20px 0px 30px 0px; 
padding: 50px 0px 0px 0px; 
border: 0px solid #FF0000; 
position: relative; 
z-index: 50; 
font-size: 1.0em; 
line-height: 1.6em; 
float: left; 
/*-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;*/
}

.moduletable h3{
font-weight: 400; 
font-size: 1.0em; 
}

.auflistung{
font-weight: 400; 
color: #333333; 
margin: 0px 0px 0px 30px; 
border: 0px solid #FF0000;  
}


#downloadbox{
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
background-color: #F1F1F1; 
width: 15%; 
float: right; 
border: 0px solid #FF0000; 
margin: 60px 0px 50px 0px; 
padding: 10px 10px 40px 10px; 
text-align: center;
display: none; 
}
table#downloadtable{
width: 100%; 
}
table#downloadtable td{
text-align: left;
vertical-align: middle; 
font-size: 0.9em; 
height: 60px; 
}
table#downloadtable td a:link, table#downloadtable td a:visited{
text-decoration: none; 
color: #000000; 
float: left; 
line-height: 1.2em; 
padding: 0px 0px 0px 0px; 
}

table#downloadtable td img{
width: 50px; 
height: auto; 
padding: 0px 10px 0px 0px; 
}

img#iso9001_9100{
position: relative; 
right: 0%; 
top: 0px; 
height: auto; 
width: 25%; 
border:0px solid #FF0000; 
padding: 0px; 
margin: 0px 0px 0px 0px; 
}

img#headerbild{
width: 100%; 
height: auto; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FF0000; 
display: inline-block; 
}
#content h2, #content h1{
font-size: 1.1em; 
position: relative; 
top: 0px; 
left: 0px; 
height: 30px; 
color: #000000; 
font-weight: 400; 
margin: 0px 0px 10px 0px; 
padding: 5px 0px 5px 0px; 
border-bottom: 1px solid #999999; 
border-left: 0px solid #000000;
border-right: 0px solid #000000; 
border-top: 0px solid #000000; 
}

#content h3{
margin: 0px 0px 10px 0px; 
padding: 5px 0px 5px 0px; 
font-size: 1.0em; 
font-weight: 400; 
}

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

#content ul.ul_liste{
margin: 0px 0px 0px 20px; 
border: 0px solid #FF0000; 
list-style-type: none; 

}
#content ul.ul_liste li{
padding: 0px 0px 0px 20px; 
 background: url(../images/men_btn_2.png) no-repeat left 3px;
}
.liste_bold, .ul_liste li strong{
font-weight: 400 !important; 
}

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

div.tabledesc{
font-size: 0.8em; 
padding: 0px; 
margin: 30px 0px 0px 0px; 
float: left; 
width: 100%; 
display: block; 
}


#content .item-page a:link, 
#content .item-page a:visited
{
text-decoration: none; 
font-weight: 400; 
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;
}

#content .item-page a:hover, 
#content .item-page a:focus{
color: #0C4DA2; 
}

#content .item-page ul{
list-style-position: outside;
}

table.maschinenpark{
border-top: 0px solid #999999;  
border-bottom: 0px solid #999999;  
border-left: 0px solid #999999;  
border-right: 0px solid #999999;  
margin: 0px 0px 20px 0px; 
padding: 20px 0px 20px 0px;
}
table.maschinenpark th{
font-weight: 700; 
text-align: left; 
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px; 
line-height: 20px; 
}



table.maschinenpark a:link, table.maschinenpark a:visited, 
table.weitere a:link, table.weitere a:visited {
padding: 0px 0px 0px 30px;
background-image: url(../../../images/icon_img.png); 
background-repeat: no-repeat; 
background-position: left center; 
background-size: 20px 20px; 
font-weight: 300 !important; 
line-height: 20px; 
display: block;
}


body.popupwindow{
background-color: #FFFFFF; 
}

.videobox{
width: 100%; 
height: 100%; 
border: 0px solid #FF0000; 
display: inline-block; 
margin: 0px; 
padding: 0px; 
}
.videoplayer{
width: 80%; 
max-width: 1024px; 
margin: 50px 10% 50px 10%; 
height: auto; 
border: 0px solid #FF0000; 
} 

/*.item-page video{
width: 100%; 
height: auto; 
}*/

img.poped_up{
float: right; 
width: 49%;
height: auto; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
z-index: 1; 
border: 0px solid #FF0000; 
}

img.poped_up.schmaler{
width: 30%;
}

span.oberfl{
width: 100%; 
display: inline-block; 
padding: 0px; 
margin: 0px; 
border: 0px solid #FF0000; 
}
img.schmaler_2{
width: 19%; 
height: auto; 
}



table.maschinenpopup{
float: left; 
margin: 0% 0px 0px 0px; 
padding: 0px; 
width: 49%; 
border-top: 0px solid #999999; 
border-right: 1px solid #999999; 
border-left: 1px solid #999999; 
border-bottom: 1px solid #999999; 
border-radius: 0px 0px 10px 10px; 
background-color: #FFFFFF; 
z-index: 10; 
opacity: 0.9; 
}

table.maschinenpopup td{
padding: 10px 10px 10px 10px; 
margin: 0px; 
border: 0px solid #FF0000; 
}

#jcemediabox-popup-caption{
color: #999999; 
}
#jcemediabox-popup-caption h4{
padding: 0px 0px 0px 10px !important; 
font-weight: 300;  
font-size: 0.8em; 
}

#jcemediabox-popup-body #overall{
padding: 0px 40px 40px 40px; 

}
#jcemediabox-popup-body #overall h2{
border: 0px solid #FF0000; 
background-image: url(../images/black80.png);
background-repeat: repeat;
color: #FFFFFF; 
font-weight: 500; 
width: 98%; 
display: block; 
padding: 10px 1% 10px 1%; 
margin: 0px; 
border-radius: 10px 10px 10px 0px; 
}
#jcemediabox-popup-body #overall .dropdown-menu{
display: none; 
}




#footer{
display: block; 
width: 100%; 
float: left; 
text-align: center; 
background-color: #F1F1F1; 
opacity: 1.0; 
font-size: 0.9em; 
margin: 0px 0px 90px 0px; 
padding: 20px 0px 20px 0px; 
position: relative; 
}

#sprachwahl_oben div.mod-languages
{
position: absolute; 
top: 110px; 
right: 10%; 
opacity: 0.5; 
}
#sprachwahl_unten div.mod-languages{
opacity: 0.5;
}
#sprachwahl_oben div.mod-languages:hover, 
#sprachwahl_oben div.mod-languages:focus, 
#sprachwahl_unten div.mod-languages:hover, 
#sprachwahl_unten div.mod-languages:focus
{
opacity: 1.0; 
}

#sprachwahl_unten div.mod-languages {
position: absolute; 
right: 10%; 
top: 0px;  
}

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


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

#sprachwahl_oben div.mod-languages img, 
#sprachwahl_unten div.mod-languages img 
{
vertical-align: top; 
-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;
width: auto;  

padding: 5px 0px 0px 5px; 
margin: 0px 1px 0px 0px; 
border: 0px solid #FF0000; 
}
#sprachwahl_oben div.mod-languages img:hover, 
#sprachwahl_oben div.mod-languages img:focus, 
#sprachwahl_unten div.mod-languages img:hover, 
#sprachwahl_unten div.mod-languages img:focus

{
width: auto; 
height: 35px; 
padding: 0px 0px 0px 0px; 
}

#content table{

}

table.legierung{
background: #FFFFFF; 
border: 0px solid #CCCCCC; 
  width: 100% !important; 
  margin: 0px; 
padding: 0px; 
border-collapse:collapse;
}

table.legierung h4{
padding: 0px 0px 0px 0px; 
margin: 0px; 
display:block;
font-weight: 400;
}
table.legierung tr {
margin: 0px; 
padding: 0px; 
}
table.legierung td {
border: 0px solid #CCCCCC; 
padding: 5px 10px 5px 10px; 
margin: 0px; 
}

table.weitere{
float: left; 
}
table.video{
float: right; 

}

table.weitere, table.video{
width: 50%; 
height: auto; 
border: 0px solid #FF0000; 
padding: 0px; 
margin: 60px 0px 0px 0px; 

}
table.weitere{
display: block; 
float: left; 
width: 100%; 
}


table.video{font-size: 1.0em; 
font-weight: 400;
}
table.weitere img, table.video img{
width: 70%; 
height: auto; 
padding: 0px; 
margin: 0px 0px 0px 0px; 
border: 0px solid #999999; 
}

table.video a:link, table.video a:visited{
float: none; 
background-image: none; 
padding: 0px; 
margin: 0px; 
}
a.jcepopup span.jcemediabox-zoom-image{
background: none !important; 

}
.backbtn, .printbtn{
padding: 0px 0px 0px 0px; 
margin: 60px 110px 0px 0px; 
text-align: center; 
border: 1px solid #999999; 
display: inline-block; 
width: 100px; 
height: 30px; 
line-height: 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;
}
.backbtn{
position: absolute;
top: -80px;
left: 0px;
}
.printbtn{
position: absolute;
top: -80px;
left: 130px;
}
a.backbtn:link, a.backbtn:visited, a.printbtn:link, a.printbtn:visited{
text-decoration: none; 
color: #666666; 
font-weight: 400;
}
a.backbtn:hover, 
a.backbtn:focus, 
a.printbtn:hover, 
a.printbtn:focus 
{
color: #0C4DA2; 
}



/*table.legierung tr:nth-child(odd) {border: 1px solid #CCCCCC; }*/


table#featured{
float: left; 
width: 100%; 
padding: 0px; 
margin: 40px 0px 0px 0px; 
border: 0px solid #FF0000; 
background-color: #F1F1F1; 
border-bottom: 1px solid #999999; 
border-left: 1px solid #999999; 
border-right: 1px solid #999999; 
border-top: 1px solid #999999; 
font-size: 0.9em; 
}
table#featured tr{
padding: 0px; 
margin: 0px; 
border: 0px solid #FF0000; 
}
table#featured tr:nth-child(2) td{
border: 0px solid #FF0000;
padding: 10px 0px 10px 0px; 
margin: 0px; 
}

table#featured td{
width: 20%; 
padding: 0px; 
margin: 0px; 
text-align: center; 
border: 0px solid #FF0000; 
float: left; 
}
table#featured td img{
width: 80%; 
max-width: 270px; 
height: auto; 
padding: 20px 10% 20px 10%; 
margin: 0px; 
border: 0px solid #FFFFFF; 
-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;
}

table#featured td img:hover, table#featured td img:focus{
width: 100%; 
padding: 0px 0% 0px 0%; 
}

table#featured td a:link, table#featured td a:visited{
text-decoration: none; 
color: #000000; 
font-weight: 400; 
}

hr{
display: block; 
width: 100%; 
float: left; 
border-bottom: 1px solid #999999; 
border-left: 0px solid #000000;
border-right: 0px solid #000000; 
border-top: 0px solid #000000; 
padding: 10px 0px 10px 0px; 
margin: 0px; 
}

ul.topmenu{
position: absolute; 
right: 10%; 
top: 45px; 
padding: 0px; 
margin: 0px; 
list-style-type: none; 
border: 0px solid #FF0000; 
}
ul.topmenu li{
float: left; 
}
ul.topmenu li a:link, ul.topmenu li a:visited{
text-decoration: none; 
color: #000000; 
font-weight: 300; 
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 20px; 
text-align: right; 
border: 0px solid #FF0000; 
}


.small_grey{
font-size: 0.8em; 
color: #999999; 
}

iframe{
border: 1px solid #999999 !important; 
}

.pane-sliders .panel h3, .accordion-button{
border: 0px solid #FF0000; 
width: 100%; 
display: block; 
padding: 10px 10px 10px 10px; 
text-indent: 10px; 
min-height: 50px; 
line-height: 50px; 
background-image: url(../../../images/icon_img.png); 
background-repeat: no-repeat; 
background-position: right center; 
background-size: 50px 50px; 
background-color: #F1F1F1; 
border-radius: 0px 25px 25px 0px; 
}

.item-page.stellenangebote .pane-sliders .panel h3, .accordion-button{
background-image: url(../images/plus.png); 
background-repeat: no-repeat; 
border-radius: 0px 0px 0px 0px; 
background-size: 40px 40px; 
width: 100%; 
padding: 10px 10px 10px 10px; 
margin: 0px 0px 0px 0px; 
text-align: left; 
}

.accordion-item {
padding: 0px 0px 0px 0px; 
margin: 0px; 
height: auto; 
}
#content .accordion-item h2, #content .accordion-item h1 {
border-bottom: 0px solid #FFFFFF; 
display: block; 
}


h2.accordion-header .accordion-button, h1.accordion-header .accordion-button{
font-size:1.2em; 
border-bottom: 0px solid #FFFFFF; 
}
.pane-slider, .accordion-collapse.collapse{
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px; 
margin: 0px 0px 30px 0px; 
background-color: #F5F5F5;
display: inline-block; 
max-height: 0px; 
width: 100%; 
overflow: hidden; 
position: relative; 
}
.accordion-collapse.show{
max-height: 5000px; 
width: calc(100% - 60px); 
padding-left: 40px; 
padding-right: 20px; 
padding-top: 20px; 
position: relative; 
top: 20px; 
} 








/*ab hier ändert sich der Inhalt bei mobilgeräten*/
#adresse{
float: left; 
width: 80%; 
text-align: left; 
margin: 0px; 
padding: 0px 10% 0px 10%; 
line-height: 25px;
}
#adresse b{font-size: 1.2em; }
#adresse a{
text-decoration: none; 
color: #000000; 
font-weight: 400; 
}

.mehrspalten{
width: 100%; 
padding: 0px; 
margin: 0px; 
display: block; 
float: left; 
}
.spalte1{
width: 47%; 
float: left; 
display: inline-block; 
padding: 0px 3% 0px 0px; 
margin: 0px; 
}
.spalte2{
width: 47%; 
float: right; 
display: inline-block; 
padding: 0px 0px 0px 3%; 
margin: 0px; 
}

#anfahrt_google{
width: 70%; 
float: right; 
}
#anfahrt_google img{
width: 49%; 
height: auto; 
float: right; 
margin: 0px 0px 0px 5px; 
padding: 0px 0px 10px 0px; 
border: 1px solid #CCCCCC; 
}
#sitemap ul#_footer{
padding: 5px 0px 0px 0px; 
margin: 0px; 
width: 55%; 
list-style-type: none; 
text-align: left; 
border: 0px solid #FF0000; 
float: left; 
}

#sitemap ul#_footer li{
float: left; 
display: block; 
width: 19%; 
padding: 0px 1% 30px 0px; 
margin: 0px 0px 0px 0px; 
border: 0px solid #FF0000; 
font-size: 1.2em;
} 

#sitemap ul#_footer ul{
margin: 0px; 
padding: 0px; 
}
#sitemap ul#_footer li li{
font-size: 0.9em;
float: left; 
display: block; 
width: 99%; 
margin: 0px; 
padding: 5px 0px 5px 1%; 
} 

#sitemap ul#_footer li a:link, #sitemap ul#_footer li a:visited{
text-decoration: none; 
color: #000000;
display: block; 
margin: 0px; 
padding: 0px 0px 10px 0px; 
} 
#sitemap ul#_footer li ul li a:link, #sitemap ul#_footer li ul li a:visited{
padding: 0px 0px 0px 0px; 
}
#sitemap ul#_footer li a:hover, #sitemap ul#_footer li a:focus{
color: #FFFFFF;
}

#signet_w_funke_small{
position: absolute; 
right: 10%; 
bottom: 0px; 
z-index: 1000; 
border: 0px solid #FF0000; 
opacity: 1.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;
}


#eucookie{
font-size: 0.9em; 
line-height: 1.0em; 
margin: 50px 0px 0px 0px; 
padding: 10px 30% 10px 10%; ; 
border-top: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5; 
border-left: 1px solid #D5D5D5; 
border-right: 1px solid #D5D5D5; 
width: 60%; 
color: #666666;
background-color: #F1F1F1; 
position: fixed; 
bottom: 0px; 
left: 0px; 
}
.cookiebutton{
color: #000000; 
float: right; 
padding: 5px; 
background: #DFDFDF; 
border: 1px solid #999999; 
border-radius: 10px; 
}

/*FORMULAR*/

.com-contact__container{}
.com-contact__container h2{display: none; }
.jicons-text{
width: 100%; 
margin: 30px 0px 0px 0px; 
display: block; 
font-weight: bold; 
}
dd{
width: 100%; 
display: block; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
}



#formular{
padding: 0px 0px 100px 0px; 
border: 0px solid #FFFFFF; 
display: inline-block; 
width: 50%; 
margin: 30px 0px 30px 0px; 
}
#formular #persdaten{
margin: 30px 0px 30px 0px; 
width: 100%; 
border: 0px solid #FFFFFF; 
display: inline-block; 
}
#formular #persdaten div{
border: 0px solid #FFFFFF; 
display: inline-block; 
width: 100%; 
}


#formular fieldset {
width: 100%; 
border-radius: 20px; 
margin: 0px 0px 0px 0px; 
}

#formular fieldset span.feld{
width: 100%; 
border-radius: 50px; 
background-color: #666666; 
display: inline-block; 
}
#formular fieldset span.callme, #formular fieldset span.mailme, #formular fieldset span.snailme{
width: 70%; 
min-width: 350px; 
border: 0px solid #FFFFFF; 
float: left; 
color: #FFFFFF; 
}
#formular fieldset input{
float: left; 
margin: 10px 30px 10px 0px; 
width: 50px;
padding: 5px 5px 5px 5px;
}


#formular .block, #formular hr{
width: 100%; 
float: left; 
display: block; 
margin: 10px 0px 0px 0px; 
border-top: 1px solid #999999; 
}
#formular label{
width: 18%; 
float: left; 
margin: 10px 0px 0px 0px; 
}
#formular b.txt{
width: 28%;  
font-size: 0.9em; 
float: left; 
margin: 10px 0px 0px 0px; 
white-space: nowrap; 
}
#formular #f-message{
width: 100%; 
min-height: 150px; 
float: left; 
margin: 10px 0px 30px 0px; 
}
#kommentar label{
width: 100%; 
margin: 30px 0px 0px 0px; 
}


#formular input{
width: 60%; 
float: right; 
padding: 5px 5% 5px 5%;  
margin: 10px 0px 0px 0px; 
border-radius: 20px; 
border: 1px solid #999999; 
font-size: 0.9em; 
}
#formular input.check{
width: auto; 
float: left; 
padding: 5px 10px 5px 0px; 
margin: 5px 10px 0px 0px; 
border-radius: 0px; 
border: 0px solid #999999; 

}
#formular textarea{
width: 100%; 
border: 1px solid #999999; 
float: left; 
display: block; 
padding: 5px 10px 5px 10px; 
border-radius: 20px; 
font-family: 'Roboto Condensed'; 
font-size: 1.0em; 
font-weight: 200;
}

#datenschutzoptin{
border: 1px solid #999999; 
display: inline-block; 
width: 100%; 
margin: 30px 0px 0px 0px; 
padding: 10px 10px 10px 10px; 
}
#datenschutzoptin input#checkbox_ja{
float: left; 
margin: 10px 30px 10px 0px; 
width: 50px;
padding: 5px 5px 5px 5px;
}
#formular input#pruefwert{
font-weight: 500; 
width: 30%;
padding: 5px 5px 5px 15px;
}

#formular input#submitter, #formular input#resetter{
width: 30%; 
display: block; 
float: left; 
border: 1px solid #999999; 
}
#formular input#submitter{
margin: 30px 5% 0px 0px; 
} 
#formular input#resetter{
margin: 30px 30% 0px 0px; 
}


#formular #yodata{
display: inline-block; 
padding: 0px 0px 0px 0px;
margin: 30px 0px 30px 0px; 
}

#formular span.pflichtfeld{
color: #CC0000; 
font-weight: bold; 
}

#formular a{
color: #CC0000; 
font-weight: 500; 
}

#formular img{
width: 20%; 
padding: 10px 60% 30px 0%; 

}

/*FORMULAR_ENDE*/