/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #666;
}
body {
    font-size: 14px;
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 1.4;    
    background: url("../images/bg.gif") repeat-x scroll 0 0 #ececec;
    color: #444444;
    font-weight: lighter;
}

p {
     
     color: #444444;
     font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
     font-size: 14px;
     font-weight: lighter;
     line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #ececec;
    text-shadow: none;
}
::selection {
    background: #ececec;
    text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #ccc;
    margin: 25px 10px 10px 0;
    padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
    background: url("../images/nav-left.gif") repeat-y scroll 0 0 transparent;
    width: 1000px;
}

/* ==========================================================================
   ECOVIS custom styles
   ========================================================================== */

.contenttable td {
vertical-align:top;
padding:0 20px 15px 0;
}

.contenttable img {
border: 1px solid #eeeeee;
}

#ecovis{
  background:#fff;
  width:1010px;
  box-shadow: 0 5px 10px 2px #999999;
  margin: 2px auto 50px auto;
  z-index:99;
}

#ecovis a{
  text-decoration: underline;
  color: #D62B3A;
}
#ecovis a:hover{
  text-decoration: none;
  color: #444444;
}

#hnavi {
background: #e8e9ea;
width: 1010px;
height: 30px;
}

#hnavi a {
color: #3e3e3e;
font-size: 11px;
text-decoration: none;
padding: 15px 22px;
line-height: 26px;
}

#hnavi a:hover {
color: #D62B3A;
}

#hnavi a.active {
color: #D62B3A;
background: #fff;
}

#hnavi a:hover.active {
color: #3e3e3e;
}



#header{
  
  height:135px;
        border-top: 1px solid #DDDDDD;
  }
/* TOP */
#ecotop {
    text-align: right;
    border-left: 1px solid #d6d7d9;
}

#ecotop img {
    border-right: 1px solid #d6d7d9;
}

#ecotop .drop {
float:right; 
width: 200px;
   height: 27px;
   overflow: hidden;
   
 
   -webkit-appearance: none;
   overflow:hidden;
}

#ecotop .drop select, #ecotop select {
-webkit-appearance:none;
background: transparent;
color:#fff;
width: 220px;
padding: 4px;
font-size: 12px;
line-height: 1;
border: 0;
border-radius: 0;
height: 27px;
overflow:hidden;
}

#ecotop .drop option{
padding:4px; 
background: #888;
border-bottom:1px #ccc solid;
}


#logo {  
position: relative;  
top: 23px;  
left: 30px;
width: 500px;
}
#berufsgruppe {width: 500px;color:#AEAEAE;font-size:11px;left:61px;line-height:11px;position:relative;top:28px;}
#berufsgruppe  a:link, #berufsgruppe  a:visited, #berufsgruppe  a:link, #berufsgruppe  a:active
{
color:#AEAEAE; 
text-decoration: none;
background: url("../images/pfeil.gif") no-repeat 0px 0px;
padding: 0 6px 0 14px;
   font-size: 12px;
   line-height: 14px;
}
#berufsgruppe  a:hover{
text-decoration: none;
color:#D62B3A;
padding: 0 6px 0 14px;
   font-size: 12px;
   line-height: 14px;
}
#container{
    width: 1000px;
    background: url("../images/nav-left.gif") repeat-y scroll 0 0 transparent;
    font-size: 12px;
  }

#maintop{
  background: #fff url("../images/maintop-bg.gif") no-repeat bottom center;
    height: 274px;
    margin: 0 0 0 237px;
    width: 560px;
}

    
#brot{
font-size: 12px;
    height: 52px;
    margin: 0 auto 0 237px;
    padding: 4px 0 0px;
    
}

#brot a, 
#brot a:link, 
#brot a:visited, 
#brot a:active
{
  color:#666666;
  text-decoration:none;
}
#brot a:hover
{
  
  color:#D62B3A;
  text-decoration:none;
}

.brot-ohneslider{
  border-top: 4px solid #EBF0F3;
   width: 560px;
}
.brot-mitslider{
   width:762px;
   overflow: hidden;
}
.brot-ohnesliderinfo{
border-top: 4px solid #EBF0F3;
 width:762px;
}
.brot-profil{
border-top: 4px solid #EBF0F3;
 width:762px;
}
/* RAND */
#rand{
    float: right;   
  
  }
#rand p{   
    font-size:12px; 
  }
.rand-mitslider{
margin: 0 1px;
background: #fff url("../images/maintop-bg-rand.gif") no-repeat top center;
height: 262px;
padding: 13px 0 0 9px;
width: 169px;
}
.rand-ohneslider{
background: #fff url("../images/maintop-bg-rand.gif") no-repeat top center;
border-top: 4px solid #EBF0F3;
margin: 0 1px 0 24px;
height: 262px;
padding: 13px 0 0 9px;
width: 169px;
}
.rand-profil{
  background: url("../images/maintop-bg-profil.gif") no-repeat scroll center bottom #F3F7F8;
    border-top: 4px solid #EBF0F3;
    min-height: 300px;
    margin: 62px 0 0;
    padding: 7px 0 0 9px;
    width: 169px;
}
.rand-profil img{margin:0 0 8px 0;
border: 3px solid #FFFFFF;
    width: auto;
    max-height: 165px;
}
.rand-profil ul{
margin: 0; padding: 0;
}
.rand-profil ul li{
list-style: none;
    margin: 0; padding: 0;
}
#rand h1, #rand h2, #rand h3{
  color:#D62B3A;
}
#rand a:link, 
#rand a:visited, 
#rand a:hover,
#rand a:active
{
   background: transparent url("../images/pfeil2.gif") no-repeat 0px -2px;
   color: #D62B3A;
    padding: 0 0 0 21px;
    text-decoration: none;
    font-size: 12px;
}


#rand li a {
background: none !important;
padding: 0 !important;
color: #333 !important;
}

#rand li a:hover {
color: #D62B3A !important;
}

#rand li {
background: transparent url("../images/pfeil2.gif") no-repeat 0px 3px;
padding: 3px 0 2px 21px;
list-style:none;
}
 
/* HAUPTBEREICH*/
#maincontent{
  font-size: 14px;
    margin: 0 237px;
    min-height: 300px;
    width: 762px;
    word-spacing: 2px;
    letter-spacing: 0;
  line-height: 21px;
  padding-bottom: 40px;
}


#maintop #slideshow{
  margin:1px 0 0 0;
  background:#fff;
  border:1px solid #fff;
}
#maincontent h1{
    color: #D62B3A;
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 20px;
    width: 708px;
    font-weight: normal;
}


#maincontent h2 {
  color: #D62B3A;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}

#maincontent dd {
    margin: 0 0 10px;
}

#maincontent .link a {
  color: #444;
  text-decoration:none;
}

#maincontent .link a:hover {
  color: #D62B3A;
  text-decoration:underline;
}

#maincontent ul, #start ul
{
list-style-type:none;
padding:0px;
margin: 0 0 25px;
}

#maincontent ol
{
margin: 0 0 25px;
}

#maincontent ul li
{
background: transparent url("../images/pfeil.gif") no-repeat 0px 2px;
padding-left:19px;
}

#maincontent ul ul
{
margin-bottom: 2px;
}

#maincontent li li
{
background: transparent url("../images/pfeil-sub3.gif") no-repeat 1px 5px;
padding-left:12px;
}


#maincontent ol li
{
margin-left:19px;
}

#maincontent .csc-default {
padding: 0 0 20px 0;
}

#maincontent img.berater {
border: 1px solid #ddd;
}

.csc-frame {
float: left;
    margin: 0 20px 10px 0;
    height: 150px;
    padding: 0 0 20px;
    width: 220px;
    display: table;
}

#maincontent a {
    text-decoration: none !important;
font-size: 14px;
font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
font-weight: lighter;
}

p.csc-abstract {
font-size: 12px !important;
    height: 50px;
    line-height: 16px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.csc-menu-imagelink img {
margin:0 0px 10px 0;
box-shadow: 1px 4px 7px 0px #CCCCCC;
}







#aktuell-box {
    box-shadow: 1px 6px 7px 0 #CCCCCC;
    float: left;
    margin: 0 0 20px;
    padding: 10px;
    width: 740px;
}

#maincontent .kontakt-box p {
font-size: 12px;
    line-height: 17px;
}

#maincontent .kontakt-box {
    background: none repeat scroll 0 0 #f3f6f7;
    border: 3px solid #FFFFFF;
    box-shadow: 0 2px 1px 0 #CCCCCC;
    float: right;
    font-size: 12px;
    line-height: 17px;
    margin: 55px 0 20px 28px;
    padding: 10px 10px 15px;
    width: 155px;
    }

#maincontent .kontakt-box h2 {
  font-size: 12px;
  font-weight: bold;
}

#maincontent .kontakt-box img {
  box-shadow: 0 7px 5px 1px #CCCCCC;
    margin: 10px 0 15px 0;
}

#maincontent .kontakt-box a {
    background: url("../images/pfeil2.gif") no-repeat scroll 0 -2px transparent;
    padding: 0 0 0 21px;
    text-decoration: none;
    font-size: 12px;
}

#maincontent .info-box {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 3px solid #FFFFFF;
    box-shadow: 0 2px 1px 0 #CCCCCC;
    font-size: 12px;
    line-height: 17px;
    margin: 0px 0 10px 0px;
    padding: 10px 10px 15px;
    }
#maincontent .info-box p {
font-size: 12px;
    line-height: 17px;
}

#maincontent .info-box h2 {
  font-size: 12px;
}

#maincontent .info-box img {
  box-shadow: 0 7px 5px 1px #CCCCCC;
    margin: 10px 0 15px 0;
}

#maincontent .info-box a, #start .info-box a {
    background: url("../images/pfeil2.gif") no-repeat scroll 0 -2px transparent;
    padding: 0 0 0 21px;
    text-decoration: none;
    color: #444444;
}

#maincontent .info-box a:hover, #start .info-box a:hover {
    background: url("../images/pfeil2.gif") no-repeat scroll 0 -2px transparent;
    padding: 0 0 0 21px;
    text-decoration: none;
    color: #D62B3A;
}



#maincontent .pdf-box {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 3px solid #FFFFFF;
    box-shadow: 1px 6px 4px 0 #CCCCCC;
    float: right;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 20px 20px;
    padding: 5px;
}
#maincontent .pdf-box p{
font-size: 11px;
    line-height: 16px;
}

#maincontent .pdf-box img {
 border: 1px solid #DDDDDD;
    float: left;
    margin: 0px 10px 5px 0;
}

#maincontent .pdf-box a {
    background: url("../images/pfeil2.gif") no-repeat scroll 0 -2px transparent;
    padding: 0 0 0 21px;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
}


#maincontent h3 {
  color: #D62B3A;
font-weight: bold;
   margin: 20px 0 0;
    padding: 0;
}

#maincontent h4 {

font-weight: bold;
    margin: 0;
    padding: 0;
}


#startreihe {
font-size:14px;
}

#startreihe p{
font-size:13px;
line-height:18px;
}


#startreihe td {
width:245px;
padding:0 10px 0 0;
}

#startreihe img {
margin:7px 10px 20px 1px;
box-shadow: 1px 6px 7px 0 #CCCCCC;
}

#startreihe h2 {
font-size:14px;
margin:0;
padding:0;
font-weight: bold;
line-height:18px;
}

#startreihe a, .clicks a {
background: url("../images/pfeil2.gif") no-repeat scroll 0 -2px transparent;
    padding: 0 0 0 21px !important;
    text-decoration: none !important;
    font-size:13px !important;
    line-height:18px !important;
    color:#444 !important;
}

#startreihe a:hover, .globalnews a:hover, .clicks a:hover {
    color: #D62B3A !important;
}

/* FOOTER */
#footer{
   background: none repeat scroll 0 0 #D62B3A;
    color: #FFFFFF;
    font-size: 11px;
    padding: 6px 20px 6px 0;
    text-align: right;
}
#footer a:link, 
#footer a:visited, 
#footer a:hover,
#footera:active{
  text-decoration:none;
  color:#fff;
}

#footer p {
color: #fff;
     font-size: 11px;     
     line-height: 1.4;
}

#feature, #produkte
{
  background:#f5f5f5;
  
  width:980px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
  padding:35px 15px;
  font-size:12px;
  position:relative;
  overflow:hidden;
  line-height: 16px;  
}
#feature p, #produkte p
{
font-size:11px;  
line-height: 15px;
}

#feature a, #produkte a
{
color:#444444;
font-size:12px;  
text-decoration:none;
}

#feature a:hover, #produkte a:hover {
color:#D62B3A;
text-decoration:underline;
}

#feature .box1, #feature .box2, #feature .box3, #feature .box4 {
width:150px;
float:left;
padding: 10px 56px 10px 0;  
}

#feature .box5 {
width:150px;
float:left;
padding: 10px 0px 10px 0;  
}

#produkte .box1 {
width:195px;
float:left;
padding: 10px 30px 10px 0;  
}

#produkte .box2, #produkte .box3 {
width:230px;
float:left;
padding: 10px 20px 10px 0;  
}

#produkte .box4 {
float:left;
padding: 10px 10px 10px 0;  
}


#feature h2, #produkte h2 {
color: #D62B3A;
font-size: 12px;
font-weight: bolder;    
}

#feature img, #produkte img {
    border: 5px solid #FFFFFF;
    height: 145px;
    margin: 0 0 10px;
    width: 100px;    
}

#feature ul, #produkte ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
#feature ul li, #produkte ul li
{
background: url("../images/pfeil-sub2.gif") no-repeat scroll 1px 3px transparent;
    padding-left: 13px;
}

#cse-search-box {
    float:left;
    font-size: 12px;
    padding: 0;
    margin:2px 0px 0 0px;
}


.csc-textpic-imagewrap IMG {
    margin-top: 1px;
}



#headernavi{
  /* visibility: hidden; */
  background:#ffffff;
  width:1015px;
  height:300px;
  position:absolute;
}
#headnavdiv1, #headnavdiv2, #headnavdiv3{
  float:left;
  position: relative;
}
#headnavdivlang{
  float:right;
}


.tx-gkhrssimport-pi1 ul li {
background:none !important;
padding:0 !important;
margin: 0 !important;
}

.tx-gkhrssimport-pi1 a {
text-decoration: none !important;
font-weight:bolder;
}

a.rss-text {
color: #444444 !important;
text-decoration: none !important;
    font-family: Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 14px;
    font-weight: lighter;
}

a:hover.rss-text {
color: #D6233A !important;
}

.csc-header-n2 h1 {
font-size: 14px !important;
margin: 0px !important;
}

.csc-menu a {
text-decoration:none !important;
}

#stellen ul li
{
background: transparent url("../images/pfeil.gif") no-repeat 0px 2px !important;
padding-left:19px !important;
}

#stellen a {
color: #444444;
font-weight: lighter !important;
}

#stellen a:hover {
color: #D6233A;
}
b{
font-weight:bold;
}

#maincontent .subheader h2 {
color: #444444;
}

/*  Standorte Liste  ANFANG*/
#acc h3 {
	color: #444;
	width:auto; 
	padding:2px 0px 0px 0px; 
	font-weight:normal; 
	margin-top:3px; 
	cursor:pointer;
	}
#acc h3:hover {
	color:#D62B3A;
	}
#acc .acc-section {
	overflow:hidden; 
	}
#acc .acc-content {
	padding:10px; 
	margin-top: 2px;
	}
#acc li { 
	background-position: 0 5px !important; 
}
ul#acc{
	width: 100%;
}
.acc-content table{
	width:100%;
}   
/* Standorte Liste ENDE*/

/* Beratersuche CSS Anfang*/
#filters input[type="radio"]{
	 vertical-align: text-top;
	 cursor: pointer;
	   margin: 1px 10px 0 0;
}

#filters label{

	 cursor: pointer;

}

/* Beratersuche CSS ENDE*/


/* Pressemeldungen tt_news CSS Anfang*/
.news-single-files {
margin:20px 0;
padding:0;
}

.news-single-files dt {
display: none;
}

.news-single-files dd {
margin:0;
}

.news-single-files DD A {
    padding: 0 8px 0 0;
}

/* Pressemeldungen tt_news CSS Anfang*/