@charset "iso-8859-1";
/* CSS Document */


/* Spezifische Seitenformatierung */
@import url(website_content.css);


html{
  height:100%
}

body{
  margin:0px;
  padding:0 20px 0px 20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:100.01%;
  height:100%;
  color:#3a3531;
}

/* generische html-Tag Formatierungen */

a{
  text-decoration:none;
  color:#3c3231;
  outline: none;
}

h1{
  margin:0 0 7px 0;
  padding:0px;
  font-size:14px;
}

h2{
  margin:0 0 6px 0;
  padding:0px;
  font-size:13px;
}

h3{
  margin:4px 0 0 0;
  padding:0px;
  font-size:12px;
}

h4{
  margin:0px;
  padding:0px;
  font-size:12px;
}

h5{
  margin:0px;
  padding:0px;
  font-size:12px;
  color:#bd0066;
  font-weight:bold;
}

h6{
  margin:0px;
  padding:0px;
  font-size:12px;
  font-weight:normal;
  color:#bd0066;
}

p{
  margin:2px 0 4px 0;
  padding:0px;
}

/*===============================================================
    allgemeine Hilfselemente
=================================================================*/

.hidden{
  display:none;
}

span.link{
  display:block;
  font-size:12px;
}

span.link a{
  text-decoration:none;
  color: #bf0165;
  display:inline;
  padding:0 0 0 8px;
  font-size:12px;
  background:url(../image/website/image_activelinkarrow_trans.gif) no-repeat left top;
}

span.link a:hover{
  background:url(../image/website/image_activelinkarrow_trans.gif) no-repeat left top;
  color:#bf0165;
}
/* neu am 16.06.2009 */
div#centerColWrapper #content #indexMainTeaser span.link a,
div#centerColWrapper #content #indexMainTeaser span.link a:hover{
  color:#fff;
  background:url(../image/website/linkpfeil_weiss.gif) left center no-repeat;
}
/****************/
span.white a{
  color: #ffffff;
  background:url(../image/website/linkpfeil_weiss.gif) left center no-repeat;
}

span.white a:hover{
  color: #ffffff;
  background:url(../image/website/linkpfeil_weiss.gif) left center no-repeat;
}

span.bold a{
  font-weight:bold;
}



.fixfloat{
  height:0px;
  line-height:0px;
  font-size:0px;
  clear:both;
}

 

div#mainwrapper{
  width:995px;
  margin:0px;
}

div#fadeWrapper{
  background:url(../image/website/leftcol_background.gif)  repeat-y left top;
  margin-top:-2px;
}

/*===============================================================
    Seitenheader
=================================================================*/

div#printheader{
  display:none;
  height:54px;
  margin:20px 10px 8px 0;
}

div#headwrapper{
  width:977px;
  background:#FFFFFF;
  padding-top:20px;
}

div#headbannerLeftColWrapper{
  height:95px;
  float:left;
  background: url(../image/website/logo_kion.gif) no-repeat right top #333333;
  width:195px;
  position:relative;
  margin:0px;
  border-right:5px solid #ffffff;
}

div#headbannerLeftColWrapper a{
  display:block;
  height:50px;
  width:110px;
  margin:10px 0 0 86px;
}

div#subcompanyBrand{
  height:35px;
  background:#e6e2df;
  border-top:5px solid #FFFFFF;
  position:absolute;
  left:0px;
  width:100%;
  top:95px;
  background-position:right center;
  background-repeat:no-repeat;
}

/*
div#headbannerCenterColWrapper{
  height:95px;
  float:left;
  width:575px;
  margin:0 5px 0 0px;
}
*/
/* ELA NEW 20091023 */
div#headbannerCenterColWrapper{
  height:95px;
  float:left;
  width:575px;
  margin:0 5px 0 0;
  position:relative;
}
div#headbannerCenterText{
  position:absolute;
  right:0;
  top:0;
}
/* ELA NEW OUT 20091023 */

div#headbannerRightColWrapper{
  height:95px;
  width:185px;
  padding:0 0 0 10px;
  float:left;
  background:#e6e2df;
  font-size:11px;
  font-weight:normal;
}

div#headbannerRightColWrapper #headLangLink{
  display:block;
  float:left;
  width:45px;
  margin:7px 0 0 0;
}

div#headbannerRightColWrapper span#headLangLink{
  color:#cbc6c2;
}

div#headbannerRightColWrapper #headContactLink{
  display:block;
  float:left;
  width:75px;
  margin:7px 0 5px 0;
}

div#headbannerRightColWrapper span{
  display:block;
  float:left;
  width:5px;
  text-align:left;
  margin:7px 7px 5px 0;
}

div#headbannerRightColWrapper form{
  display:block;
  margin:25px 0 5px 0;
}

div#headbannerRightColWrapper form input#searchfield{
  border:1px solid #ffffff;
  height:15px;
  width:138px;
  display:block;
  float:left;
  font-size:11px;
  margin:2px 3px 0 0;
  padding:0 4px 0 4px;
}

form input.searchbutton{
  height:17px;
  width:27px;
  border:none;
  display:block;
  float:left;
  margin:2px 0 0 0;
  background:url(../image/website/searchbutton.gif) no-repeat left top #333333; 
}

div#mainNavi{
  clear:both;
  height:22px;
  background:#E6E2DF;
  margin:0 5px 0 0;
  -margin-top:-3px;
  float:left;
  width:765px;
  padding:0 0 0 10px;
  border-top:5px solid #ffffff;
  border-bottom:5px solid #ffffff;
}

div#mainNavi ul{
  margin:0;
  padding:0 0 0 0;
  list-style-type:none;
}

div#mainNavi ul li{
  margin:0px;
  padding:0px;
  float:left;
  padding:0 24px 0 0px;
  font-weight:bold;
  color:#3C3432;
  font-size:14px;
  line-height:22px;
}


div#mainNavi ul li a:hover{
  color:#3a3531;
}

div#mainNavi ul li a.active{
  color:#3a3531;
}

div#mainNavi ul li a.active:hover{
  color:#3a3531;
}

div.topspacer{
  background:none;
  height:1px;
  border-top:1px solid #ffffff;
  margin:0 0 0px 215px;
  width:760px;
}

div#direkteinstieg{
  float:left;
  width:185px;
  background:#b70462;
  line-height:22px;
  padding:0 0 0 10px;
  border-top:5px solid #ffffff;
  border-bottom:5px solid #ffffff;
  height: 22px;
  margin-right: -3px !important;
}



/*===============================================================
    Contentbereich Linke Spalte
=================================================================*/

div#leftColWrapper{
  min-height:280px;
  width:195px;
  float:left;
  background:#e6e2df;
  font-size:12px;
  margin-top:24px;
  padding:0px;
}

div#leftColWrapper ul{
  margin:0 10px 0 0;
  list-style-type:none;
  line-height:25px;
  *line-height:23px;
  position:relative;
  top:-11px;  
  padding:20px 0 0 9px;
  *padding:15px 0 0 9px;
  -padding:15px 0 0 9px;
}

div#leftColWrapper ul ul{
  position:relative;
  padding:0px 0 0 9px;
  margin:0px;
  top:0px;
}

div#leftColWrapper ul li a{
  padding:0;
  display:block;
  line-height:15px;
  margin:0 0 9px 0;
  -margin:0px;
  *margin:0px;
}


div#leftColWrapper ul li ul li a{
  padding-left:8px;
  margin:0 0 2px 0;
  -margin:0px;
  *margin:0px;
}

div#leftColWrapper ul li{
  *border:1px solid #E6E2DF;
}

div#leftColWrapper ul ul.second_level{
  padding:0px 0 3px 2px;
  list-style-type:none;
}

div#leftColWrapper ul ul.second_level li{
  line-height:15px;
  padding:2px 0 2px 0;
}


div#leftColWrapper ul ul.third_level{
  margin:0 0 3px 0;
  padding:0 0 5px 7px;
  list-style-type:none;
  line-height:19px;
}

div#leftColWrapper ul li a.activeLink{
  font-weight:bold;
  line-height:15px;
  color:#BD0067;
}

div#leftColWrapper ul li ul.second_level li a.activeLink{
  background:url(../image/website/image_activelinkarrow.PNG) no-repeat top left;
  line-height:15px;
}

div#leftColWrapper ul li ul.second_level ul.third_level li a.activeLink{
  background:url(../image/website/image_activelinkarrow.PNG) no-repeat top left;
  line-height:15px;
}


div#leftColWrapper ul li a.listParent{ 
  background:none;
}


/*===============================================================
    Contentbereich mittlere Spalte
=================================================================*/

div#centerColWrapper{
  min-height:280px;
  width:575px;
  float:left;
  font-size:12px;
  margin:0 5px 0 5px;
}

div#centerColWrapper #content{
  margin:31px 15px 0 15px;
  min-height:340px;
  -height:340px;
}

div#centerColWrapper #content h1{
   font-size:15px;
}

div#centerColWrapper #content h4{
   margin:0px;
   padding:0px;
   font-size:12px;
}
/* neu am 16.06.2009  / 15.07.2009 */
div#centerColWrapper #content p{
  margin:2px 0 15px 0;
  padding:0px;
}
div#centerColWrapper #content .imageBoxWrapper p{
  margin:2px 0 4px 0;
  padding:0px;
}
div#centerColWrapper #content .newsBlock p{
  margin:2px 0 4px 0;
  padding:0px;
}

/****************/
div#centerColWrapper #content a{
   text-decoration:underline;   
}

div#centerColWrapper #content span.link a{
  text-decoration:none;
}

div#centerColWrapper #content ul{
   margin:2px 0 2px 0;
   padding:0 0 0 0;
   list-style:none;
}

div#centerColWrapper #content ul li{
   padding:0 0 0 15px;
   background:url(../image/website/image_bulletpoint.gif) no-repeat top left;
}


/*===============================================================
    Contentbereich rechte Spalte
=================================================================*/

div#rightColWrapper{
  min-height:286px;
  width:195px;
  float:left;
  font-size:12px;
  padding-top:13px;
  *padding-top:14px;
  -padding-top:13px;
}


div#rightColWrapper h4{
  margin:0px;
  padding:0px;
  line-height:14px;
}

div#rightColWrapper p{
  margin:3px 0 25px 0;
}

div.leftColLinkBlock{
  padding:0 0 0 10px;
}

/*===============================================================
    Linke Modulboxen 
=================================================================*/

/* -----------  Sitefunctions ------------- */
div#rightColWrapper div#leftColModulSitefunctions{
  background: #e6e2df;
  margin:0 0 10px 0;
}

div#rightColWrapper div#leftColModulSitefunctions h4{
  background: #3c3432;
  color:#cbc6c2;
  padding:3px 10px 4px 10px;
  margin:0 0 0 0;
}

div#rightColWrapper div#leftColModulSitefunctions div{
  margin:0px;
  padding:2px 10px 3px 10px;
}

div#rightColWrapper div#leftColModulSitefunctions div div{
  padding:0 0 0 29px;
  margin:0px;
  clear:both;
}


div#rightColWrapper div#leftColModulSitefunctions div div span.link{
  display:block;
  width:146px;
}


/* Newsteaser*/
div#rightColWrapper div.newsteaserWrapper{
  margin:0 0 17px 0;
}

div#rightColWrapper div.newsteaserWrapper h4{
  margin:0 0 8px 0;
}

div#rightColWrapper div.newsteaserWrapper div.NewsteaserNewsBlock{
  margin:0 0 12px 0;
}

div#rightColWrapper div.newsteaserWrapper div.NewsteaserNewsBlock h4{
  margin:0 0 2px 0;
  line-height:16px;
  font-weight:normal;
}

div#rightColWrapper div.newsteaserWrapper div.NewsteaserNewsBlock span{
 
}

/* Textteaser */
div#rightColWrapper div.leftColModulTextTeaser{
  margin:0 0 17px 10px;
}
  
div#rightColWrapper div.leftColModulTextTeaser p{
  margin:0;
  padding:5px 0 0 0;
}

div#rightColWrapper div.leftColModulTextTeaser a{
  display:block;
  padding:0 0 0 7px;
  background:url(../image/website/image_activelinkarrow2.png) no-repeat top left;
}


/* Linkliste */
div#rightColWrapper div.leftColModulLinkliste{
  margin:0 0 17px 10px;
}
div#rightColWrapper div.leftColModulLinkliste p{
  margin:0;
  padding:5px 0 0 0;
  *padding:7px 0 0 0;
}

div#rightColWrapper div.leftColModulLinkliste a{
  display:block;
  padding:0 0 0 7px;
  background:url(../image/website/image_activelinkarrow2.png) no-repeat top left;
}


/* Bildteaser */
div#rightColWrapper div.leftColModulImgTeaser{
  margin:0 0 17px 0;
  padding:0px;
  width:195px; 
  overflow:hidden;
}

/* Bildtextteaser */
div#rightColWrapper div.leftColModulImageTextTeaser img{
  margin:0 0 3px 0;
}


/*===============================================================
    Footer
=================================================================*/

a#printNowButton{
  display:none;
}

/* Footer Leiste */
div#footerBar{
  font-size:11px;
  color:#333333;
  padding-top:10px;
  margin: 0 0 0px 15px;
  position:relative;
  top:3px;
}

div#printFooter{
  display:none;
  border-top:1px solid #D1C3C0;
  padding-top:10px;
  font-size:11px;
  margin-top:20px;
  height:45px;
}

div#printFooter div#printFooterRight{
  float:left;
  width:50%;
  text-align:right;
}

div#printFooter div#printFooterRight span{
  padding-right:10px;
}

div#printFooter div#printFooterLeft{
  float:left;
  width:50%;
}

#printBtn{
  background:transparent url(../image/intranet/button_print.gif) no-repeat scroll left center; /* new */
}