html, body { height: 100.01%; }
body { background: url(../../media/bilder/_layout/body-bg.gif) repeat-x white; font: 80%/1.5 arial, sans-serif; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }

#kopf, #navigation, #haupt, #fuss { width: 962px; margin: 0 auto; }

#kopf { height: 130px; position: relative; }
#logo { position: absolute; right: 10px; top: 20px; }
#adresse { position: absolute; left: 10px; top: 20px; }
#inhalt { margin: 10px; width: 700px; float: left; }
#teasers { float: right; margin: 10px; width: 220px; }

/* listen-standard */
.p ol { list-style: decimal outside; margin-left: 2em; }



dl.adressdaten dt { float: left; width: 75px; clear: both; margin-right: 10px; }
dl.adressdaten dd { float: left; width: 220px;}
dl.adressdaten dt, dl.adressdaten dd { margin-bottom: 0.75em; }

/*
dl.produktinfo dt, dl.produktinfo dd, dl.anfahrt dt, dl.anfahrt dd, dl.hersteller dt, dl.hersteller dd, dl.partner dt, dl.partner dd, dl.messen dt, dl.messen dd, dl.team dt, dl.team dd, dl.odd dt, dl.odd dd, dl.even dt, dl.even dd { float: none; width: auto; margin: 0; clear: none; }
*/

/* navigation */
#navigation { background: url(../../media/bilder/_layout/navigation-bg.gif) repeat-x #1e94cf; line-height: 2.2em; position: relative; border: 1px white solid; border-width: 0 1px; }
#navigation a { color: white; text-decoration: none; }
#navigation .haupt { float: left; margin-bottom: 30px; margin-left: -1px; }
#navigation li { float: left; }
#navigation .haupt li ul { position: absolute; left: 0; display: none; }
#navigation li a { display: block; height: 31px; background: url(../../media/bilder/_layout/navigation-trenner.gif) no-repeat top left; border: 1px transparent solid; border-width: 0 1px; margin-right: -2px; padding: 0 1em; }
#navigation li a:hover, #navigation li.hover a, #navigation li a:focus, #navigation li.aktiv a { background: url(../../media/bilder/_layout/navigation-punkt-bg-aktiv.gif) repeat-x; border-color: white; }
#navigation li.hover li a { background: url(../../media/bilder/_layout/navigation-trenner.gif) no-repeat top left; border-color: transparent; }
#navigation li.hover li.erster a { background-image: none; }
#navigation li li a:hover, #navigation li li a:focus { background: url(../../media/bilder/_layout/navigation-trenner.gif) no-repeat top left; border-color: transparent; text-decoration: underline; }
#navigation .erster a { background-image: none; }
#navigation .extra { float: right; margin-bottom: 30px; margin-right: 1px; }
#navigation .extra li ul { position: absolute; right: 0; display: none; }
#navigation li.aktiv ul, #navigation li.hover ul { display: block; }

#navigation .erster li a { background-image: url(../../media/bilder/_layout/navigation-trenner.gif); }
#navigation .erster li.erster a, #navigation li li.erster a:hover, #navigation li li.erster a:focus { background-image: none; }
#navigation li.aktiv li a { background: url(../../media/bilder/_layout/navigation-trenner.gif) no-repeat top left; border-color: transparent; }
#navigation li.aktiv li.erster a { background-image: none; }
#navigation li li.aktiv a { text-decoration: underline; }

/* teaser */
.teaser { margin-bottom: 1em; }
.teaser h2 { font-size: 1.3em; }
.teaser h2 { background: url(../../media/bilder/_layout/ueberschrift-bg-teaser.png) no-repeat top right; color: white; height: 54px; margin-left: -11px; margin-top: -8px; position: relative; z-index: 2; }
.teaser h2 span { display: block; padding: 11px 0 0 27px; }
.teaser h2 span a { color: white; text-decoration: none; }
.teaser h2 span a:hover, .teaser h2 span a:focus { text-decoration: underline; }
#teasers div.clearer.partnerLinks { height: 10px; }
#teasers ul.partnerLinks li { float: left; margin-left: 10px; }
#teasers ul.partnerLinks li a { display: block; }
#teasers ul.partnerLinks li.erster { margin-left: 0; }

/* fuss */
#halter { min-height: 100%; }
#fuss-abstand { height: 50px; clear: both; }
#fuss { height: 50px; margin-top: -50px; background: url(../../media/bilder/_layout/fuss-bg.gif) repeat-x top; text-align: center; }
#fuss dt { display: none; }
#fuss dl, #fuss dd, #fuss ul, #fuss li { display: inline; }
#fuss dd, #fuss li { background: url(../../media/bilder/_layout/fuss-trenner.gif) no-repeat top left; padding: 0 4px 0 7px; line-height: 3em; }
#fuss .erster { background-image: none; padding-left: 0; }

/* startseite */
body.start { background-image: none; background-color: #d6e6fe; }
.start dl.partner dt { display: none; }
.start dl.partner dd { float: left; margin-right: 10px; }
.start #halter { height: 600px; width: 962px; position: absolute; left: 50%; top: 50%; margin-left: -481px; margin-top: -300px; }
.start #slideshow { margin-bottom: 10px; }

/* standard-seite spalten */
.spalte { width: 50%; float: left; margin-right: 1%; }
.spalte.zwei { width: 49%; margin-right: 0; }

.slideable { background: url(../../media/bilder/_layout/dropdown.gif) no-repeat left center; padding-left: 14px; cursor: pointer; }
.slideable.slideAktiv { background-image: url(../../media/bilder/_layout/dropdown-aktiv.gif); }

dl.anfahrt { float: right; }

/* zäune/messetermine */
dl.messen dt { float: left; width: 110px; clear: both; margin-right: 10px; }
dl.messen dd { float: left; width: 220px;}
dl.messen dt, dl.messen dd { margin-bottom: 0.75em; }

/* partner-logos überall */
dl.partner dt { position: absolute; top: -9999px; font-weight: bold; line-height: 3em; text-align: center; }
dl.partner dt a { text-decoration: none; }
dl.partner dt a:hover, dl.partner dt a:focus { text-decoration: underline; }
dl.partner dd { display: inline; }
/*dl.partner dd { text-align: center; }
dl.partner dd img { vertical-align: middle; }*/

dl.hersteller dd.bild { float: left; width: 100px; }
dl.hersteller dt { clear: both; font-weight: bold; line-height: 3em; font-size: 1.2em; }
dl.hersteller dt a { text-decoration: none; }
dl.hersteller dt a:hover, dl.hersteller dt a:focus { text-decoration: underline; }

/* team */
dl.team { margin-bottom: 1em; }
dl.odd { float: left; clear: both; width: 200px; margin-right: 40px; }
dl.even { float: left; width: 200px; }


#inhalt ul.gebiete { margin: 0; }
ul.gebiete li { display: inline; }

/* formulare */
.feld { margin-bottom: 1em; clear: both; }
.feld label { display: block; }
.feld input, .feld textarea { width: 200px; padding: 0.2em 0; }
.feld .submit { width: auto; }
.feld textarea { font: 1em arial, sans-serif; }
.feld .label { display: block; float: left; width: 100px; text-align: right; margin: 0 10px 1em 0; }
.feld .input { display: block; float: left; width: 200px; margin: 0 0 1em 0; }
.feld.fehler .input { border-left: 2px solid red; margin-left: 0px; padding-left: 10px; }
/*.feld.fehler input, .feld.fehler textarea, .feld.fehler .input { width: 190px; }*/

/* ff3 fixes */
#navigation { min-height: 61px; }
ul.partnerLinks { min-height: 64px; }
form.kontakt { width: 330px; }

/* ie6 fixes */
* html #navigation li a { float: left; border-left-width: 0; }
* html #navigation li ul { padding-top: 32px; width: 960px; }
* html #inhalt { margin: 5px; }
* html .spalte.eins { margin: 0; }

/* kh 20100701
   schubkarren */
ul.schubkarren{
	margin-bottom: 0 !important;
}

.product{
	margin-top: 10px !important;
	border-bottom: 1px dotted #333;
	padding-top: 10px;
	padding-bottom: 10px;
}

.product.last {
	border: none;
}

.preis{
	color:red;
	font-size: 1.4em;
}

/* kh 20110307
     teaser-slideshow */
#slideshowTeaser {
    position:relative;
    height:150px;
}

#slideshowTeaser IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshowTeaser IMG.active {
    z-index:10;
}

#slideshowTeaser IMG.last-active {
    z-index:9;
}

.teaser h2{
    z-index: 20;   
}

/* kh 20110318
       Betriebsausstattung (ausstattung-sortiment) */
.shop-teaser {
    width: 220px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;   
}

.shop-teaser.last {
    margin-right: 0;   
}

.shop-teaser h2 {
    background: url("../../media/bilder/_layout/shop-h2-bg.png") no-repeat left top transparent;
    color: white;
    height: 40px;
    margin-left: -8px;
    margin-top: -8px;
    position: relative;
    top: 8px;
    z-index: 2;
}

.shop-teaser h2 span {
    display: block;
    padding: 8px 0 0 14px;
    font-size: 16px;
}

.shop-teaser h2 span a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}

.shop-teaser .p {
    margin-right: 12px;   
}

.shop-teaser h2 span a:hover {
    text-decoration: underline;
}

/* Stoerer Aktionskatalog Startseite */
#stoerer { position: absolute; top: 212px; left: 382px; z-index: 9999; }

/* Zertifikate kh 2012-01-17 */
dl.bild.zertifikate img { border: 1px solid #ccc; }