/*CSS fuer alle Seiten*/

body  {
  height: 100%;
margin:0px;
padding:0px;
  border: 0px;
  font-size:19px;
line-height:23px;
  color: #313131;
  font-family: 'PT Sans', sans-serif; 
 background-color:#fff; 
background-attachment: scroll;
  background-image: url(/fileadmin/wolter/templates/images/dp-bgheader.jpg);
  background-repeat: repeat-x;
  background-position: center top;  
  }
html, body {
  height: 100%;
}  
h1, h1.csc-firstHeader,
.flexslider .caption-text p.caption-title{
font-family: 'Carrois Gothic', sans-serif;
font-size:1.5em; 
line-height:1.1em;
font-weight:normal;
margin:0em 0px 1.5em 0px;
}

h2 {
font-family: 'PT Sans', sans-serif; 
color:#666;
font-size:1.4em;
line-height:1.1em;
font-weight:bold;
margin:0px 0px 1.2em 0px;
}
h3{
font-family: 'PT Sans', sans-serif;
font-weight:bold;
margin-top:0px;
 margin-bottom: 0.6em;
font-size:1em;
line-height:1.2em;
color:#444;
text-transform:uppercase;
}
h4{
font-family: 'PT Sans', sans-serif; 
color:#666;
letter-spacing:0.04em;
margin:0px;
font-weight:bold;
}
img {
  border: 0px;
  margin: 0px 0px 0px 0px;
}
.csc-frame-rulerAfter {
float:left;
clear:left;
width:100%;
padding-bottom:3%;
margin-bottom:3%;
border-bottom:2px dotted #585856; 
  }
.csc-frame-rulerBefore {
float:left;
clear:left;
width:100%;
padding-top:3%;
margin-top:3%;
border-top:2px dotted #585856; 
  }
#wrapper {
position:relative;
margin:0 auto;
  max-width: 1100px;
  height: auto;
padding:0px;
  z-index: 2;
  text-align: left;
border:1px solid transparent;
  }  


#content  {
  position: relative;
float:left;
  margin-top: 00px;
  width:1100px;
  z-index: 1;
  height: 100%;
  min-height:500px;
  padding: 60px 20px 0px 20px;
background-color: rgba(255,255,255, 0.95);
  }
#header  {
  position: relative;
width:100%;
float:left;
  border: 0px;
  height: 245px;
  margin:0;
  left: 0px;
  top: 0px !important;
  z-index: 2;
  overflow: visible;
background-color:#fff;
  padding: 0px 20px 0px 20px;
}
#logo {
 position:relative;
  z-index:1;
  float:left;
clear:left;
  width:418px;
  height:160px;
  left:0px;
  margin-top:70px;
background-attachment: scroll;
  background-image: url(/fileadmin/wolter/templates/images/dp-headerlogo.png);
  background-repeat: no-repeat;
  background-position: left top;
}
#headertext {
position:relative;
float:right;
clear:right;
overflow:hidden;
z-index:1;
width:600px;
height:206px;
margin-top:38px;
}
div#c187 {
position:relative;
float:left;
width:100%;
margin-top:80px;
padding-top:1%;
padding-bottom:0.5%;
font-size:0.8em;
line-height:1.1em !important;
border-top: 10px solid #034389;
background-color: #efefef;
}
div#c187 h2 {
  margin-top:3px !important;
}
div#c184 {
position:relative;
float:left;
width:100%;
font-size:0.7em;
color:#888;
background-color: #efefef;
border-top:1px solid #ccc;
padding-top:0.5%;
}
div#c187 .multicolumnContainer,
div#c184 .multicolumnContainer{
max-width:1100px;
margin:0 auto;
}
#menuedesctop.scroller {
  position: fixed;
  float: left;
clear: left;
margin:-1px 0px 0px -100%;
  border: 0;
  padding: 0px 0px 0px 0px;
  width:300%;
  overflow:visible;
  z-index:3;
  text-align: left;
  list-style-type: none;
  left: 0px;
background-color:#585856; 
} 

/* Scroller Menue fixed */
.scroller_anchor{
position:relative;
float:left;
clear:left;
width:1px;
height:1px !important;
top:0px; 
padding:0;
}
#menuedesctop ul {
  position: relative;
width:1100px !important;
margin:0 auto;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  font-weight: normal;
  }
#menuedesctop li {
position:relative;
float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  text-align:center;
  color:#ffffff;
  font-weight: normal;
} 
.contentbox .scrollmenu a {
    }
#menuedesctop ul li a,
.contentbox .scrollmenu a{
display:inline-block;
font-weight: normal;
  color:#ffffff;
  text-decoration:none;
  font-size:0.9em;
line-height:40px;
padding-left:1em;
padding-right:1em;


} 

#menuedesctop ul li.level1  {
  list-style-type: none;
  display:inline-block;
  text-decoration: none;
  }
  
#menuedesctop ul li.level1 a:link, 
#menuedesctop ul li.level1 a:visited {
  text-decoration: none;
  list-style-type: none;
  display:block;
  color: #ffffff;
  }  
#menuedesctop ul li.level1 a:hover,
#menuedesctop ul li.current1 a:link, 
#menuedesctop ul li.current1 a:visited,
.contentbox .scrollmenu a:hover{
display:inline-block !important;
  text-decoration: none;
  list-style-type: none;
  display:block;
  color: #ffffff;
  background-color: #034389;
  } 
#produktedesctop {
position:relative;
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:27px;
}
#produktedesctop ul {
padding-left:0px;
margin:0px;
}
#produktedesctop ul li {
display:inline-block;
list-style:none;
margin-right:60px;
}

#produktedesctop ul li a:before {
content: '●';
color:#034389;
font-size:0.9em;
margin-right:5px;
}
#produktedesctop a {
color:#034389;
}
#produktedesctop a:hover {
color:#585856;
}
#suche{
  position: relative;
float:right;
clear:right;
font-size:0.8em;
line-height:1.8em;
  margin-top: -27px;
margin-right:15px;
right:0px;
  padding: 0px 0px 0px 5px;
  border:0;
  width: 150px;
 height: 25px;
  overflow: visible; 
background-color: rgba(255,255,255, 0.8);
    -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
border:1px solid #860F12;
  -moz-opacity:0.90; 
  -khtml-opacity:0.90; 
  opacity:0.90;
}
.suchbox{
  position:relative;
    float:left;
    z-index:3;
  width: 150px;
  height: 25px;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 5px;
border:0;
background:none;
}
.suchbild {
  position:relative;
float:right;
right:3px;
      top:4px;
      width:19px;
      height:19px;
  z-index:5;
  margin:0px;
  padding:0px;
  border:0px;
  text-decoration: none;
  background-attachment: scroll;
  background-image: url(/fileadmin/wolter/templates/images/dp-linkpoint.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  }

a:link,  a:visited {
  color: #CC0000;
  text-decoration: none;
}
a:hover {
  color: #585856;
}
.linkbutton p.bodytext a,
a.linkbutton,
.tx-powermail input.powermail_submit {
    text-decoration: none;
  list-style-type: none;
  display:inline-block;
    min-width:150px;
  color: #ffffff !important;  
  text-align:left;
    line-height:1.1em;
padding:8px 3% 8px 8%;
background-color: #585856;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: 0px 0px 8px #999999;
  background-attachment: scroll;
  background-image: url(/fileadmin/wolter/templates/images/dp-linkpoint.png);
  background-repeat: no-repeat;
  background-position: 2%;  
  }

.linkbutton p.bodytext a:hover,
a.linkbutton:hover,
.tx-powermail input.powermail_submit:hover {
  background-color: #CC0000 !important;
      }
.csc-default {
float:left;
width:100%;
}
p {
margin-top:0px;
}
.align-center {
  text-align:center;
}
.align-right {
  text-align:right;
margin:0;
}
.csc-textpic-intext-right-nowrap .csc-textpic-text {
  width:98%;
}
.csc-textpic-intext-left .csc-textpic-text,
.csc-textpic-intext-right .csc-textpic-text {
margin-top: -3pt;
      } 
 .contentbox {
  position:relative;
  float:left;
  width:96.6%;
margin-left:0.2%;
  padding:0px 1% 1% 1%;
margin-bottom:30px;
overflow:hidden;
  }
.infobox .csc-default {
position:relative;
float:left;
clear:left;
  width:96%;
  overflow:hidden;
  float:left;
font-size:0.9em;
      border:1px solid #ccc;
      -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding-left:2%;
padding-right:2%;
  margin-bottom:15px;
}
 .infobox .csc-header h1 {
  float:left;
clear:left;
  width:100%;  
 padding:3px 3% 3px 3%;
  color:#333;
  font-size:1.2em;
  line-height:1.1em;
  font-weight:normal;
  margin-left:-3%;
margin-bottom:0.3em;
      -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  border-bottom:1px solid #ccc;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,efefef+100 */
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top, #cccccc 0%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cccccc 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

 .infobox p {
  margin-bottom:3px !important;
  line-height:1.2em;
}
 .infobox ul.csc-menu li {
width:auto;
background-position: 0px 3pt;
}
 .infobox ul.contentList li {
float:left;
clear:left;
display:inline-block;
width:auto;
background-position: 0px 5pt;
}
 .extrabox {
  width:300px;
  min-height:200px;
  float:left;
  overflow:hidden;
font-size:0.9em;
      border:1px solid #EA4448;
      -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding:0px 2px 0px 3px;
  margin-bottom:15px;
  margin-left:5px;
margin-right:5px;
background-color: rgba(255,255,255,0.9);
}
 .extrabox p {
font-size:0.9em;
line-height:1.2em;
}

 .extrabox .csc-header h1 {
  float:left;
  width:100%;  
  min-height:15px;
 padding:3px 2px 3px 5px;
  color:#fffffff;
  font-size:1.2em;
  line-height:1em;
  font-weight:normal;
  margin:0px 0px 10px -3px;
background:#EA4448;
      -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  border:0px;
}

 .extrabox .csc-textpic,
 .infobox .csc-textpic{
 position:relative;
  float:left;
width:100%;
}
 .extrabox .csc-textpic .csc-textpic-image {
  position:relative;
  float:left;
}
 .extrabox .csc-textpic .csc-textpic-text {
  position:relative;
  float:right;
}
 .extrabox .csc-textpic-imagewrap img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
border:none;
    box-shadow:none;
    background:none !important;
}
 .csc-frame-frame1 {
  position:relative;
  float:left;
  width:560px;
  margin:0px;
  padding:0px 0px 10px 10px;
  border-left:1px solid #B7151B;
background-color: rgba(255,255,255,0.9);
}
 .csc-frame-frame2 {
  position:relative;
  float:right;
  width:148px;
  margin:0px;
  font-size:0.85em;
  line-height:1.2em;
  padding:0px 10px 10px 20px;
  border-right:1px solid #B7151B;
background-color: rgba(255,255,255,0.9);
}

 .csc-textpic-caption {
  font-size: 0.8em;
  color: #333333;
  line-height: 1em;

  text-align: left;
margin-top:0.3em;
}
 p.bodytext {
margin-top:0px;
    margin-bottom:0.8em;
}
 .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
 float:left;
      }
.acc-section ul.contentList,
ul.contentList {
      width:auto;
height:auto;
    list-style-type: none;
      padding:0px;
      margin:0px 0px 20px 0px;
overflow-y:hidden;
    }
ul.contentList li {
 width:auto;
float:left;
clear:left;
      display:block;
    list-style-type: none;
      padding:0px 0px 0px 20px;
      margin:0px 0px 0pt 0px;
    }
ul.contentList li:before {
content: '■';
color:#585856;
margin-right:5px;
margin-left:-20px;
vertical-align:2px;
}
 ul.csc-menu {
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none; 
  width:98%;
    }
 ul.csc-menu li {
  display:inline-block;
  float:left;
  clear:left;
  width:98%;
  margin: 0px 0px 4pt 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;  
    }
 ul.csc-menu li:before {
content: '►';
font-size:13px;
color:#CC0000;
margin-right:2px;
vertical-align:2px;
}
 .csc-sitemap-level1 {
  margin:1em 0 0.3em 0;
  border-bottom:1px solid #FFFFFF;
 display: compact;  
  }
 .csc-sitemap-level2 {
  margin: 0 0 0 20px;
  border: 0;  
  }
 .csc-sitemap-level3 {
  margin: 0 0 0 45px;
  border: 0;  
  }
 .csc-sitemap-level4 {

  margin: 0 0 0 55px;
  border: 0;  
  }
 .csc-sitemap-level5 {
  margin: 0 0 0 65px;
  border: 0;  

  }
 .csc-sitemap-level6 {
  margin: 0 0 0 75px;
  border: 0;  
}

 .suchbutton  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  color: #FFFFFF;
  background-color: #333333;
  border: 1px solid #FF6600;
  height: 22px;
  width: 80px;
  cursor: hand;
  font-weight: normal;
  text-decoration: none;
}

 .termintabelle table.contenttable {
     border:0px solid #cccccc !important; 
      border-collapse:collapse;
    }
     .termintabelle table.contenttable td {
     border:1px solid #999999 !important; 

      border-collapse:collapse;
      text-align:center;
      vertical-align:middle;
    }
 table .contenttable-0 {
width:100%;
}
 .indent {
 margin-left:40px; 
      }

/* Flexslider*/

.flexslider {
background:transparent !important;
z-index:1 !important;
overflow:hidden;
border:0px !important;
box-shadow:none !important;
-webkit-border-radius: 0px !important; 
-moz-border-radius: 0px !important; 
-o-border-radius: 0px !important; 
border-radius: 0px !important;
}
#headertext .tx-ws-flexslider {
  position:relative;
float:left;
clear:left;
margin-left:0px;
margin-top:0px;
  z-index:5;
  width:600px;
  height:206px;
  overflow:hidden;
}
.flexslider ul li {
bottom:0px !important;
} 

#headertext .flexslider .slidercontent img {

}
.flexslider .caption-wrapper {
position:absolute;
display:block !important;
height:100% !important;
width:100% !important;
}
.flexslider .caption-text {
display:none !important;
  }
.flexslider .caption-link {
display:block;
position:absolute;
margin-top:-65px !important;
width:100%;
height:100%;
    }
.flexslider .caption-link a {
display:block;
position:absolute;
left:0px;
top:0px !important;
width:100%;
height:65px;
color:transparent;
      }
/* Accordion */
ul.tinyaccordion {
width:100%;
margin:0px !important;
padding:0px !important;
}

ul.tinyaccordion h4 {
font-size:1em;
background-image:none !important;
padding:6px !important;
color:#fff;
font-weight:normal;
text-transform:none;
font-size:0.9em;
background-color: #585856;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
border:1px solid #585856;
  box-shadow: 0px 0px 8px #999999;
  -moz-opacity:0.90; 
  -khtml-opacity:0.90; 
  opacity:0.90;
}
ul.tinyaccordion h4:hover,
ul.tinyaccordion h4.acc-selected {
text-decoration:none;
  background-color: #CC0000 !important;
        border:1px solid #CC0000 !important;
}
ul.tinyaccordion .csc-default{
padding-left:0px !important;
}
/* VVK Barometer Tabellen */
table.tablebarometer {
color:#fff;
font-size:85%;
line-height:110%;
}
table.tablebarometer td {
padding:2% 0.5% 2% 0.5%;
}
/* Scrollicon Seitenanfang */
.back-to-top {
 position: fixed;
display:block;
z-index:2000;
 bottom:20px;
 right:0px;
 padding:10px;
font-size:150%;
color:#333;
border:2px solid #fff;
background: rgba(88,88,86,0.7);     
}
.back-to-top img {
width:25px;
  }

/* Suchseite css */
.cse input.gsc-input,
input.gsc-input {
  font-size: 15px !important;
}
.cse input.gsc-search-button,
input.gsc-search-button {
  font-size: 14px !important;
  height: 27px !important;
}
.gsc-tabHeader {
font-family: arial,verdana !important;

font-size:16px !important;
  }
.gsc-control-cse {
background:transparent !important;
border:0 !important;
  }
input.gsc-input, .gs-richsnippet-box {
background-color: rgba(255, 255, 255, 0.6) !important;
    }
@media screen and (-webkit-min-device-pixel-ratio:0) {
 img,  embed, object, video {
        max-width: 100%;
        height: auto;
        width: auto;
    }

}
@media \0screen {
 img, #spalte_rechts img, embed, object, video { 
    width: auto\9; /* for ie 8 */
  }
}
@media screen and (max-width: 1099px) {
body {
  }
#headertext {
margin-top:-1px;
  }
#header, #content {
padding:0px;
  }
#content {
margin-top:40px;
  }
#menuedesctop, #produktedesctop,
/* solange wie ohne Onlineshop Produkte select deaktiviert */
#mobilprodukte select {
display:none;
  }
 iframe {
width:100% !important;
} 
.csc-header-alignment-right {
float:left;
    } 
}
@media screen and (min-width: 1100px) {
body {
  }
#header {
border-bottom:10px solid #585856;
  }
#menuemobil, #mobilprodukte {
display:none;
  }
ul.csc-menu li {
  font-size:13pt;
  line-height:1.1em;
  }
}