#printadresse {display: none;}

html {overflow-y: scroll;}
html, body {
height: 100%;
font-size: 100.01%;
}

body {
background-image:url(../../media/bilder/_layout/bg_body.gif); 
background-repeat:repeat-x;
  }

#container {
  width:1000px;
  margin:0px auto;
  background-image:url(../../media/bilder/_layout/bg_content_middle.jpg); 
  background-repeat:repeat-y;
  position:relative;
  }

#layout {
background-image:url(../../media/bilder/_layout/bg_content_top.jpg); 
background-repeat:no-repeat;
background-position:center top;
width:940px;
min-height:600px;
padding:0px 30px 0px 30px;
margin:0 auto;
}
* html #layout {height:600px;}

#header {
width:940px;
height:104px;
}

#logo {
  position:absolute;
  top:27px;
  left:20px;
  }

#logoimgprint {display:none;}

/********************** navi-top *********************************/

#navi_top {
  position:absolute;
  top:59px;
  left:320px;
  width:660px;
  height:30px;
  font-size:0.8em;
  }

ul.navi, ul.navi ul { list-style-type: none; z-index:10;}
ul.navi li {background:url(../../media/bilder/_layout/navi_trenner.gif) left center;background-repeat:no-repeat;float: left;}
ul.navi li.first {background:none;}


/* navi links */
ul.navi li a { display: block; padding: 15px 10px 12px 10px;line-height:1.3em;}

ul.navi li a {color: #008c4b; text-decoration: none; }
ul.navi li a:link , ul.navi li a:visited { }
ul.navi li a:hover {color: #ffffff;}
ul.navi li.selected > a {color: #ffffff;border-bottom:6px solid #008c4b;padding-bottom:6px;}
ul.navi li a.hover {color: #ffffff;}

/* subnavi */
ul.navi ul {display:none; position: absolute; background-color: #008c4b; width: 160px;margin-top:0px;z-index: 3;}
ul.navi li ul li {background:none; float: none; margin: 0;font-size: 1em;border-top: 1px solid #add7c2;padding:2px 0px;}
ul.navi li ul li.first {border:none;padding-top:10px;} 
                                    
 
/* subnavi links */
ul.navi li ul li a {color:#fff;font-weight:normal;padding: 5px 5px 7px 8px; text-decoration: none;line-height:1em;}
ul.navi li ul li a:link, ul.navi li li a:visited { }
ul.navi li ul li a:hover {color: #f5a000;}
ul.navi li ul li.selected a {color: #f5a000;}

/*** nur für ie6 ***/
/** html ul.navi li ul li { border-bottom: 1px solid #f0e8d0;margin-bottom:-1px; } */



.floatleft { float: left; }
.floatright { float: right; }
div.label, div.field { margin: 0 0 1em; }
div.label { float: left; width: 35%; }
div.field { float: right; width: 60%; text-align: right; }
.results .field { text-align: left; }
.field input { width: 94%; }

  
/************************ Kunden-Login ***************************/
#loginteaser h1{background:url(../../media/bilder/_layout/login_pfeil.gif) no-repeat;padding-left:20px;margin-left:40px;padding-bottom:0px;} 
#loginteaser a:link {color:#008C4B;}  
#loginteaser a:hover {color:#fff;}  
#loginteaser .p {background:#add7c2; border:1px solid #008C4B; border-top:6px solid #008C4B; padding:15px 10px;font-size:0.9em; margin-top:22px;display:none;}
#loginteaser .floatleft { float: left; padding-top:6px;}
#loginteaser .floatright { float: right; padding-top:3px;}
#loginteaser .floatright input {width:80px;background:#008C4B;color:#fff;padding:1px;}
#loginteaser .results .field { text-align: left; }
#loginteaser div.label { float: none; width: 100%; margin: 2px 0 0;}
#loginteaser div.field { float: none; width: 100%; text-align: right; margin: 0 0 0;}
#loginteaser .field input { width: 100%; }
#loginteaser .login, #loginteaser .lostpassword { margin-top: 0.3em; }
#loginteaser form {margin-top:4px;}
#loginteaser form input {border:1px solid #008C4B;}
#loginteaser form a {text-decoration:underline;color:#008C4B;}
#loginteaser {
  position:absolute;
  top:38px;
  right:56px;
  width:200px;
  font-size:0.8em;
  z-index:500;
  }


#content {  
width: auto;
margin-top:25px;
padding-bottom:10px;
}

#content_main {
  float:left;
  width:620px;
  }

#content_main p {
  font-size:0.8em;
  line-height:1.4em;
  margin-bottom:1em;
  }

#content_main #content_details h1 {
 margin-bottom:0;
padding-bottom:5px;
  margin-top:1em;}    

#flash_container {
  width:620px;
  }  
  
#flash {
  width:620px;
  height:350px;
  background:#F5A000;
text-align:right;
  }
  
#sidebar {
  float:right;
   width:300px;
  padding-left:20px;
  }  

#sidebar2 {
  float:right;
   width:300px;
  padding-left:20px;
  margin-top:40px;
  }  
/********************** navi-right *********************************/

#navi_right {
position:relative;
  }

.kataloglink {
float: left;
width: 185px;
margin-bottom:100px;
}

ul.navi_right {font-size:0.9em;}
ul.navi_right, ul.navi_right ul {list-style-type: none; z-index:10;}
ul.navi_right li {border-top:1px solid #b4b4b4;}
ul.navi_right li.last {border-bottom:1px solid #b4b4b4;}


/* navi_right links */
ul.navi_right li a { display: block; padding: 8px 10px 8px 15px;line-height:1.04em;}

ul.navi_right li a {color: #333; text-decoration: none; }
ul.navi_right li a:link , ul.navi_right li a:visited { }
ul.navi_right li:hover > a {color: #f5a000;}
ul.navi_right li.selected > a {color: #f5a000;}
ul.navi_right li a.hover {color: #f5a000;}

/* subnavi_right */
ul.navi_right li ul {padding-bottom:10px;}
ul.navi_right li ul li { float: none; margin: 0;font-size: 1em;border-top: 0px solid #f0e8d0;padding:2px 0px;}

/* subnavi_right links */
ul.navi_right li ul li a {font-weight:normal;padding: 2px 0px 2px 15px; text-decoration: none;line-height:1em;}
ul.navi_right li ul li a:link, ul.navi_right li li a:visited { }
ul.navi_right li ul li:hover  a{color: #f5a000;}
ul.navi_right li ul li.selected a {background:url(../../media/bilder/_layout/navi_right_pfeil.gif) left center no-repeat;color: #333;}

/*** nur für ie6 ***/
* html ul.navi_right li {height:1px;}
/** html ul.navi_right li ul li { border-bottom: 1px solid #f0e8d0;margin-bottom:-1px; } */
  
/*
ul.navi_right li.position1 {display:none;}
ul.navi_right li.position1 > a {background:#006A2D;color:#ADD7C2;border-left:5px solid #ff8800;}
*/

#content_details {padding-top:20px;}

.download {margin-top:30px;}
.download ul.pdflink li a {
  background:url(../../media/bilder/_layout/adobe_icon.jpg) no-repeat left center; 
  padding:10px 0px 10px 30px;
 font-size:0.8em;
 color:#403e3a;
 text-decoration:underline;
  }

#content_sub {width:940px;padding-top:15px;}
  
#site_info {
background:url(../../media/bilder/_layout/bg_content_bottom.jpg) no-repeat; 
}

#site_info_text {
  text-align:center;
  color:#006a2d;
  font-size:0.70em;
  padding-top:20px;
  }

.downloads a {
 font-size:0.8em;
 color:#403e3a;
 text-decoration:underline;
 float:left;
  }
.downloads {margin-top:30px;}  
.download-left, .download-right {  float: left; margin-right: 1%; }
.download-icon, .download-details { float: left; }
.download-icon { margin-right: 0.5em; float: left; }
.download-details { width: 500px; float: left; margin-top:5px;} 
.fileinfo { margin-left: 10px; float: left; font-size:0.8em;
 color:#403e3a;
} 

.fehlertext {color: #ff0000;	font-weight:bold; font-size:1.1em;}
.fehlerliste {color: #ff0000; font-size:0.9em; margin:20px;}
ul.fehlerliste li {list-style-type:disc;line-height:1.3em;}

/*************************** für switch_button rechts unter der navi 090408 ***************************/

#switch_button {
background-image:url(../../media/bilder/_layout/switch_button.gif); 
background-repeat:no-repeat;
background-position:left top;
display:block;
width:300x;
height:32px;
text-align:right;
}

#switch_button a{
padding-right:7px;
line-height:2.5em;
font-size: 0.8em;
color:#000;
}

#switch_button a:hover{
color:#F5A000;
}




/******************************* startseite-styles **************************************/


body#startseite{
background-image:url(../../media/bilder/_layout/bg_body_start.gif); 
background-repeat:repeat-x;
  }

#layoutstart #logo {
  position:absolute;
  top:42px;
  left:20px;
  }

/*************************** für produktanfragebutton ***************************/
.produktanfrage {
    float:right;
    margin-top:20px;
    width:130px;
    height: 32px;
    text-align:right;
    background-image:url(../../media2/bilder/_layout/produktanfrage.gif); 
    background-repeat:no-repeat;
    background-position:left top;
}

.produktanfrage a{
padding-right:7px;
line-height:2.5em;
font-size: 0.8em;
color:#000;
}

.produktanfrage a:hover{
color:#F5A000;
}

/**** breiterer layout-bereich für die startseite *****/
#layoutstart {
background-image:url(../../media/bilder/_layout/bg_content_top_start.jpg); 
background-repeat:no-repeat;
background-position:center top;
width:960px;
min-height:540px;
padding:0px 20px 0px 20px;
margin:0 auto;
}
* html #layoutstart {height:540px;}

#layoutstart p {font-size:0.75em;line-height:1.4em;margin-bottom:1em;padding-left:10px;}
#layoutstart h1 {padding-left:10px;line-height:.9em;}

.content_main_half.first {}
.content_main_half {width:478px;float:left;display:inline;margin-right:0px;}
.content_main_half img {display:block;}
.content_main_half h2 {position:absolute;color:#fff;font-size:1.6em;top:222px;z-index:100;line-height:1.2em;}
.content_main_half h2 a {color:#fff;padding:0 0 0 70px;display:block;}
.content_main_half h2 a:hover {text-decoration:underline;}
.content_main_half ul {position:absolute;top:265px;padding-left:70px;font-size:0.8em;}
.content_main_half ul a {color:#fff;line-height:1.1em;}
.content_main_half ul a:hover {text-decoration:underline;}
.content_main_half ul.industrie {top:296px;}

/* teaser aktuelle angebote (startseite und produktseite) 
#startseite #teaser-offers a { display: block; position: absolute; margin-top: -27px; margin-left: 234px; text-indent: -999em; background: url(/media/bilder/_layout/teaser-offers-start.png) no-repeat center; width: 173px; height: 36px; }
*/

/* teaser aktuelle angebote (startseite und produktseite) neu 09.08.2010 ub */
#startseite #teaser-offers a {font-size:1em;color:#815500;font-weight:bold;padding:18px 0 0 42px;width:133px;height:28px;margin-left:301px;position:absolute;top:333px;background: url(/media/bilder/_layout/teaser-offers-start.jpg) no-repeat right;}

/* teaser online-shop startseite */
/*
#shoplink { background:url(../../media/bilder/_layout/shop_bg2.jpg); padding:48px 0 40px 108px; }
#shoplink h2 a { font-weight:bold; color:#fff; font-size:1.6em; }
#shoplink #shopicon {position:absolute; bottom:40px; right:70px;}
*/

div.teambildContainer img{ margin-bottom:5px;padding:1px;border: 1px solid #ccc; }
ul.mitarbeiterZeile{ margin-left: 2px;}
li.mitarbeiterContainer{ float:left;width:140px;background-color:#add7c2;padding-bottom:5px;height:189px;}
li.mitarbeiterContainer.invisible{visibility:hidden;}
li.marginright{margin-right: 19px;}
li.mitarbeiterContainer div.imageContainer {height:149px;margin-bottom:5px;padding:1px;border: 1px solid #ccc;background-color:#fff}
li.mitarbeiterContainer div.imageContainer div {height:149px;width:136px;overflow:hidden;position:relative;}
li.mitarbeiterContainer h3{font-size: 0.8em; color:#006d2e; margin-top: 5px; margin-left: 5px;}
li.mitarbeiterContainer h4{font-size: 0.8em; margin-top: 5px; margin-left: 5px;}

#searchBox{
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 17px;
    background-image: url("../../media/bilder/_layout/navi_trenner.gif");
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    z-index: 400;
    position: relative;
}
#searchBox input{ padding: 0px; border-width:1px; border-style:solid; border-color: #008B4C; width: 86px; position: relative; top: -4px; height: 17px;}
#search{position:relative; top: -3px;}
#search img{position:relative; top: 1px; left: -4px; border-width:1px; border-style:solid; border-color: #008B4C;}
#search img:hover{cursor:pointer;}

/* kh 2011-10-24 Aktionskatalog-Störer */
#startseite #teaser-catalog a {
    background: url("/media/bilder/_layout/aktionskatalog_stoerer.png") no-repeat scroll right center transparent;
    color: #815500;
    font-size: 1em;
    font-weight: bold;      
    position: absolute;
    top: 290px;
    left: 760px;
    width: 216px;
    height: 45px;
    text-indent:-9999px;
}

#navi_top li.position7 {}

.Newsuebersicht .article {background:#ADD7C2;margin-bottom:20px;}
.Newsuebersicht h2 {background:#006A2D;padding:0;color:#ADD7C2;}
.Newsuebersicht h2.showLink {border-left:5px solid #ff8800;}
.Newsuebersicht h2 a,
.Newsuebersicht h2 span {color:#ADD7C2;font-size:13px;font-weight:bold;float:left;padding:10px;display:block;}
.Newsuebersicht div.p { font-size:13px;line-height:19px;margin-bottom:13px;padding:10px;}
.Newsuebersicht div.p h3 {color:#006A2D;font-size:13px;font-weight:bold;margin:0 0 5px 0;}
.Newsuebersicht img {float:right;margin:0 10px 10px 10px;padding:2px;background:#fff;}
.Newsuebersicht .p a {/*border-bottom:1px solid #B4B4B4;display:block;margin-top:5px;padding-bottom:10px;text-decoration:underline;*/}
.Newsuebersicht .p a.readarticle {background:#ff8800;padding:5px;color:#fff;font-size:11px;font-weight:bold;}
.Newsuebersicht p a.pdflink {font-size:13px;line-height:19px;}
.Newsuebersicht span.datum {font-size:12px;float:right;padding:10px;display:block;}

.Newsmeldung div.p {font-size:.8em;line-height:1.4em;margin-bottom:1em;}
.Newsmeldung dl.bild {margin:0 0 10px 0;}
.Newsmeldung dl.bildLinks {float:left;margin:0 20px 10px 0;}
.Newsmeldung dl.bildRechts {float:right;margin:0 0 10px 20px;}

a.referenzen {position:absolute;right:0;top:0;width:74px;line-height:21px;background:url('/media/bilder/_layout/button_referenz.png') no-repeat;font-size:12px;padding:0 0 0 25px;display:block;}
a.referenzen:hover {color:#fff;}