@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;}
html{overflow-y:scroll;}
body{background:url(../images/bg/body.jpg) 0 0 repeat-x;font:76% Verdana, Arial, Helvetica, sans-serif;color:#616161}
#container{width:986px; background:url(../images/bg/left.jpg) 0 0 repeat-x; font-size:0.95em}

/* header */
#header{background:url(../images/bg/header.jpg) top right no-repeat; width:986px; height:309px}
#container #header a img {border:none; float:left; margin:119px 0 0 24px; padding:0;}
#header a.right{color:#c9c9c9; margin:13px 8px 0 0; font-size:0.9em; text-decoration:none;}

/* navi */
#navi{float:right; padding:0 12px 37px 0}
#navi li{display:inline; float:left; padding:0 0 0 13px;}
#navi li a{display:block; height:37px; width:77px; background:url(../images/bg/aktuelles.png) 0 0 no-repeat;}
#navi li.n02 a{width:121px; background:url(../images/bg/produktuebersicht.png) 0 0 no-repeat;}
#navi li.n03 a{width:72px; background:url(../images/bg/kovalex.png) 0 0 no-repeat;}
#navi li.n04 a{width:119px; background:url(../images/bg/ansprechpartner.png) 0 0 no-repeat;}
#navi li.n05 a{width:94px; background:url(../images/bg/aussendienst.png) 0 0 no-repeat;}
#navi li.n06 a{width:84px; background:url(../images/bg/die-gruppe.png) 0 0 no-repeat;}
#navi li a:hover,#aktuelles #navi li.n01 a,#produktuebersicht #navi li.n02 a,#kovalex #navi li.n03 a,#ansprechpartner #navi li.n04 a,#aussendienst #navi li.n05 a,#die-gruppe #navi li.n06 a{background-position:0 -37px;}

#teaser{float:right; font-size:0.9em; line-height:1.4em;}
#teaser ul {float:left; padding-left:65px;}
#teaser ul li{ width:170px;}
#teaser ul.t01 h2{background:url(../images/bg/h2bodenbelaege.png) 0 0 no-repeat; width:128px; height:22px;}
#teaser ul.t02 h2{background:url(../images/bg/h2wandbelaege.png) 0 0 no-repeat; width:128px; height:22px;}
#teaser ul.t03 h2{background:url(../images/bg/h2deckenbelaege.png) 0 0 no-repeat; width:128px; height:22px;}

/* naviAdd */
.naviAdd{padding:24px 0 0 343px}
.naviAdd li{display:inline}
.naviAdd li a{color:#b8b8b8;text-decoration:none}
.naviAdd li a:hover{color:#b8b8b8;text-decoration:underline}

.external{background:#009a33;padding:10px;width:596px;margin-bottom:20px;color:#fff;}
.external a{color:#fff;text-decoration:underline;background:url(../images/link.gif) no-repeat 0px 4px;padding-left:15px;}
.external a:hover{text-decoration:none;color:#fff;}

/* content */
#content{}

.contentMain{float:left; width:643px; padding:40px 0 0 0}
.colLeft{width:403px; float:left;}
.colRight{width:240px; text-align:center; float:left}

#container a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0; padding:1px; border:1px solid #ccc;}
#container a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;border:1px solid #127d35;}

.contentSidebar{font-size:0.9em; margin-top:40px; background:url(../images/bg/teaser.png) 0 0 no-repeat; width:343px; float:left;}
.contentSidebar address{padding:40px 0 40px 80px; margin:0;}
.contentSidebar address strong{color:#127d35; line-height:2em}
.contentSidebar p{padding-left:80px; margin:0;}


#teaserAktuelles{background:url(../images/bg/teaser.jpg) 0 0; height:174px; width:643px; padding:73px 0 0 343px; font-size:0.9em; position:relative}
#teaserAktuelles h2{background:url(../images/bg/h2aktuelles.png) 0 0 no-repeat; height:12px; width:50px; margin-bottom:10px;}
/* footer */
#foo{background:url(../images/bg/foo.jpg) 0 0 no-repeat; height:92px; width:986px; position:relative;}
#footer{background:url(../images/bg/footer.gif) bottom left repeat-x; height:92px; font-size:0.9em;}
.holz{background:url(../images/bg/holz.png) bottom right no-repeat; height:115px; width:428px; position:absolute; right:0; top:-22px}
#teaserAktuelles img{position:absolute; right:21px; top:75px;}
#teaserAktuelles p{width:416px;}

/* allgemein */
a{color:#127d35;text-decoration:none}
a:hover{color:#127d35; text-decoration:underline}
ul{list-style:none}
h1{width:643px; height:91px;}
#index h1{background:url(../images/bg/h1/index.png) 0 0 no-repeat;}
#impressum h1{background:url(../images/bg/h1/impressum.png) 0 0 no-repeat;}
#aktuelles h1{background:url(../images/bg/h1/aktuelles.png) 0 0 no-repeat;}
#anfahrt h1{background:url(../images/bg/h1/anfahrt.png) 0 0 no-repeat;}
#produktuebersicht h1{background:url(../images/bg/h1/produkt.png) 0 0 no-repeat;}
#kovalex h1{background:url(../images/bg/h1/kovalex.png) 0 0 no-repeat;}
#ansprechpartner h1{background:url(../images/bg/h1/ansprechpartner.png) 0 0 no-repeat;}
#aussendienst h1{background:url(../images/bg/h1/aussendienst.png) 0 0 no-repeat;}
#die-gruppe h1{background:url(../images/bg/h1/gruppe.png) 0 0 no-repeat;}
#kontakt h1,#danke h1{background:url(../images/bg/h1/kontakt.png) 0 0 no-repeat;}
p{margin-bottom:20px;line-height:1.4em}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}
.right{float:right;}
.left{float:left;}