/* CSS Document */

html {height: 100%}
body {height: 100%; margin: 0; padding: 0; background-color: #fff;}
body {font-family: arial; font-size: 0.8em;} 
a {border: 0; text-decoration: none; color: #000;}
p, form, h1, h2, h3 {margin: 0; padding: 0;}
h1 {font-size: 2.2em; font-weight: lighter;}
h2 {font-size: 1em; }
h3 {font-size: 0.9em; }
img {display: block; border: 0;}
form { margin: 0; padding: 0}

#startseite { background: #000 url(images/bg_startseite.jpg) no-repeat 0px -1200px;}
#startseiteLogo { position: absolute; top: 50%; left: 50%; height: 110px; width: 236px; margin-left: -118px; margin-top: -55px; z-index: 10;}
#navigationHauptStartseite {position: absolute; overflow: hidden; visibility: visible;  width: 200px; filter:Alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
ul#linkListe {padding: 0; margin: 0; list-style-type: none; }
ul#linkListe li {height: 25px; line-height: 25px; margin-bottom: 1px;}
ul#linkListe li a {display: block; padding-right: 10px; background-color: #000; text-align: right; width: 190px; color: #ccc; text-decoration: none; }
ul#linkListe li a:hover {color: #ff7300;}
ul#linkListe li a:active {color: #fff;}

#seitenKopfStarseite {position: relative; overflow: hidden;  width: 100%; height: 140px;}
#seitenKopf_logo {position: absolute; top: 8px; left: 97px; }
#seitenKopf_edition {display: none; position: absolute; top: 0px; left: 830px; height: 40px; width: 175px; background: #ff7300 url(images/edition.jpg) left bottom no-repeat; }
#seitenKopf_edition p {padding: 0; margin: 0; font-size: 18pt; font-weight: lighter; color: #fff}
#seitenKopf_option {cursor:pointer; cursor:hand; position: absolute; top: 0px; right: 0px; height: 40px; width: 180px; background-color: #ff7300; z-index: 999; }
#seitenKopf_option p {margin: 5px 0 0 10px;  color: #fff; font-size: 1em;}
#seitenKopf_option p.anzahl {margin: 2px 0 0 10px; color: #fff}


#seitenkopf {position: fixed; top: 0px; overflow: hidden;  width: 100%; height: 115px; background-color: #000; z-index: 2}
#ie6 #seitenkopf {position: absolute;}
#seitenkopf img.logo {position: absolute; top: 0px; left: 97px; }
#seitenkopf p.hinweis {position: absolute; top: 10px; left: 366px; font-size: 0.85em; color: #ccc }
#seitenkopf ul.navigation {position: absolute; bottom: 0px;  left: 360px; padding: 0; margin: 0; line-height: 20px; list-style-type: none; float: left; color: #fff;}
#seitenkopf ul.navigation li {display: inline;}
#seitenkopf ul.navigation li a {display: block; float: left; font-size: 1.2em; color: #ff7300; margin-right: 20px; padding: 5px 5px 23px 5px; background-color: #000; }
#seitenkopf ul.navigation li a:hover {color: #fff;}
#seitenkopf div.option {cursor:pointer; cursor:hand; position: absolute; top: 0px; right: 0px; height: 40px; width: 180px; background-color: #ff7300; z-index: 999; }
#seitenkopf div.option p {margin: 5px 0 0 10px;  color: #fff}
#seitenkopf div.option p.anzahl {margin: 2px 0 0 10px; color: #fff}

#navigation {position: fixed; top:115px; left: 0px; bottom: 0px; overflow: hidden; visibility: visible; background: #e4e4e4 url(images/navigation_bg.gif) repeat; width: 200px;}
#ie6 #navigation {position: absolute;}
#1navigation { position: absolute; height: 100% background: #e4e4e4 url(images/navigation_bg.gif) repeat; width: 200px;}
#navigation ul {padding: 0; margin: 0; list-style-type: none;}
#navigation ul li {height: 25px; line-height: 25px; margin-bottom: 1px; background-color: #e4e4e4;}
#navigation ul li a {display: block; text-align: right; width: 190px; color: #000; text-decoration: none; }
#navigation ul li.aktiv {background-color: #fff; color: #ff7300;}
#navigation ul li a:hover {color: #ff7300;}

#navigation ul li.aktion {background-color: #ff7300;}
#navigation ul li.aktion a {color: #fff;}
#navigation ul li.aktion a:hover {color: #fff;}

#seitenInhaltContainer {position: absolute; top: 115px; left: 200px; padding-left: 40px;}
#ie6 #seitenInhaltContainer {overflow: auto;}
#seitenInhalt { float:left; width: 740px; padding-bottom: 60px; } 
#seitenInhalt h1 {margin: 20px 0; color: #ff7300;} 
#seitenInhalt div.laden {display: none; position:absolute; top: 50%; left: 50%; height: 50px; width: 300px; margin-left: -150px; margin-top: -25px; z-index: 10; background: #f4f4f4 url(images/loader.gif) no-repeat 10px 50%; } 

#seitenfuss { overflow: hidden; position: fixed; bottom: 0px; left: 0px; height: 25px; width: 100%; background-color: #000; z-index: 2;}
#ie6 #seitenfuss {position: absolute;}
#seitenfuss p {color: #ccc; margin: 5px auto; text-align: center; font-size: 0.85em}
#seitenfuss a {color: #ccc; margin-left: 20px}
#seitenfuss span {color: #ccc; margin-left: 20px}
#seitenfuss span a {margin: 0; color: #ff7300};
#seitenfuss a:hover {color: #ff7300}

#banner-express {margin-top: 20px; width: 670px; height: 80px; background: url(images/banner-express.jpg) -20px 0px;}
#banner-stuehle {margin-top: 20px; width: 670px; height: 125px; background: url(images/banner-stuehle.jpg) -244px -65px;}
#banner-affair {margin-top: 20px; width: 670px; height: 140px; background: url(images/banner-affair.jpg) 0 0 ;}

.artikelContainer1, .artikelContainer2 {position: relative; float: left; margin: 30px 30px 0px 0px; border: 2px solid #fff}
.artikelContainer2 {margin: 30px 25px 0px 0px;}

.artikelContainer1 p , .artikelContainer2 p {display: block; padding: 2px 5px; font-size: 0.85em;}

.artikelContainer1 img, .artikelContainer2 img {background: #f4f4f4 url(images/loader.gif) no-repeat center;}
.artikelContainer1 ul, .artikelContainer2 ul { display: none; list-style: none; margin: 0; padding: 2px; background-color: #fff; } 
.artikelContainer1 li, .artikelContainer2 li { display: inline; padding-left: 12px; margin-right: 0px; }
.artikelContainer1 li.detail, .artikelContainer2 li.detail {background: url(images/detail.gif) no-repeat 0 6px }
.artikelContainer1 li.option, .artikelContainer2 li.option {background: url(images/option.gif) no-repeat 0 6px }
.artikelContainer1 li a, .artikelContainer2 li a  {color: #000; font-size: 0.7em; }
.artikelContainer1 li a:hover, .artikelContainer2 li a:hover {color: #ff7300}

.artikelContainer1 div.express, .artikelContainer2 div.express {position: absolute; left: -20px; bottom: 35px; height: 35px; width: 70px; background: url(images/express-icon-uebersicht.png);}
.artikelContainer1 div.verkaufsaktion, .artikelContainer2 div.verkaufsaktion {position: absolute; left: -15px; bottom: 65px; height: 35px; width: 60px; background: url(images/verkaufsaktion-icon-uebersicht.png);}

#ie6 .artikelContainer1 div.express, #ie6 .artikelContainer2 div.express { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='images/express-icon-uebersicht.png');}
#ie6 .artikelContainer1 div.verkaufsaktion, #ie6 .artikelContainer2 div.verkaufsaktion {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='images/verkaufsaktion-icon-uebersicht.png');}

.artikelVariante div.express {position: absolute; left: -20px; bottom: 35px; height: 35px; width: 70px; background: url(images/express-icon-uebersicht.png);}
.artikelVariante div.verkaufsaktion {position: absolute; left: -15px; bottom: 65px; height: 35px; width: 60px; background: url(images/verkaufsaktion-icon-uebersicht.png);}

#ie6 .artikelVariante div.express { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='images/express-icon-uebersicht.png');}
#ie6 .artikelVariante div.verkaufsaktion {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='images/verkaufsaktion-icon-uebersicht.png');}

.artikelImgContainer { background: #fff url(images/loader.gif) no-repeat center center}

.uebersichtListeBildAussen {float: left; clear: both; padding: 2px; background-color: #fff; margin: 30px 50px 0 0;}
.uebersichtListeBild {float: left; position: relative; width: 650px; background-color: #fff; padding: 2px}
.uebersichtListeBild img {float: left; background: #f4f4f4 url(images/loader.gif) no-repeat center}
.uebersichtListeBild div.optionText {text-align: right;}
.uebersichtListeBild div.optionText h2 {font-size: 1.2em; background-color: #e4e4e4; margin: 0; padding: 5px 10px; }
.uebersichtListeBild div.optionText p {margin-right: 10px; margin-top: 10px; }
.uebersichtListeBild div.optionText p.preis { margin-top: 40px;} 
.uebersichtListeBild div.optionText p.preis strong { font-size: 1.2em; font-weight: bold;}
.uebersichtListeBild div.optionText p.preisMwst { font-size: 0.8em; margin-top: 0px}
.uebersichtListeBild div.optionText .artikelExpressOption { margin-top: 5px; margin-right: 10px;}
.uebersichtListeBild div.optionText .artikelExpressOption input{ width: 50px; height: 18px; margin: 5px 5px 0px 20px; }
.uebersichtListeBild div.optionText .artikelExpressOption a{margin-top: -5px; padding: 3px 10px; color: #fff; border: 1px solid #ff7300; background-color: #ff7300; }


.uebersichtListeAussen {float: left; clear: both; padding-bottom: 1px; background-color: #ccc; margin: 10px 40px;}
#uebersichtListe {list-style: none; background-color: #fff; margin: 40px 100px 40px 40px;}
#uebersichtListe li {margin-bottom: 0; padding: 5px 10px; border-bottom: 1px solid #e5e5e5; cursor: pointer;  }
#uebersichtListe li a {margin-left: 0; display: block; color: #999; padding: 5px 10px; background-color: #fff;}
#uebersichtListe li a:hover {}

.artikelDetailContainer {float:left; width: 730px; padding: 2px; margin-top: 5px; position: relative; }
.artikelDetailContainer h2 {margin: 20px 0 0 20px; line-height: 1.2em; font-size: 1.2em; font-weight:bold; color: #000;}
.artikelDetailContainer p {margin: 0 0 10px 20px; line-height: 1.5em;}
.artikelDetailContainer img {float: left; background: #f4f4f4 url(images/loader.gif) no-repeat center}
.artikelDetailContainer img.artikelKreisBild {position:absolute; background: none; right: 130px; top: 35px;}
.artikelDetailContainer span {width: 70px;}
.artikelDetailContainer strong {}

.artikelDetailContainer ul { display: none; list-style: none; margin: 10px 0 0 2px; padding: 2px; background-color: #fff; } 
.artikelDetailContainer li { display: inline; padding-left: 12px; margin-right: 10px; }
.artikelDetailContainer li.detail {background: url(images/detail.gif) no-repeat 0 6px }
.artikelDetailContainer li.option {background: url(images/option.gif) no-repeat 0 6px }
.artikelDetailContainer li a {color: #000;  }
.artikelDetailContainer li a:hover {color: #ff7300}

.artikelDetailInfo p {margin: 30px 0 0 20px;}
.artikelDetailInfo table {margin-top: 30px; margin-left: 20px; margin-bottom: 0px; font-size: 1em;}
.artikelDetailLabel {padding-right: 0; width: 65px;}
.artikelDetailTitelAktion {padding-top: 5px; padding-right: 5px; font-weight: bold; color: #ff7300; }
.artikelDetailLabelAktion {padding-right: 5px; color: #ff7300;font-weight: bold; }
.artikelDetailPreisAktion {text-align: left; padding-right: 2px; color: #ff7300; font-weight: bold; }
.artikelDetailHinweisAktion {font-size: 0.75em; color: #ff7300; padding-bottom: 5px}
.artikelDetailPreis { text-align: left; padding-right: 2px; font-weight: bold; line-height: 1.5em; }
.artikelDetailPreisMwst { font-size: 0.75em; padding-bottom: 2px; color: #000; line-height: 1.5em;}
.artikelDetailHinweisMwst p {font-size: 0.75em; }
.artikelDetailOption input{ float: left; width: 50px; height: 18px; margin: -4px 5px 0px 20px; }
#ie6 .artikelDetailOption input{ float: left; width: 50px; height: 24px; margin: -4px 5px 0px 20px; }
.artikelDetailOption a{ padding: 3px 10px; color: #fff; border: 1px solid #ff7300; background-color: #ff7300; }

.artikelDetailAktionIcon { clear:both; position: absolute; bottom: 70px; left: -25px; height: 100px; width: 120px; background: url(images/lem-thin-aktion-detail-icon.png);}
#ie6 .artikelDetailAktionIcon { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='images/lem-thin-aktion-detail-icon.png');}

.artikelDetailExpressIcon { clear:both; position: absolute; bottom: 10px; left: -7px; height: 50px; width: 100px; background: url(images/express-icon-navigation.png);}
#ie6 .artikelDetailExpressIcon { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='images/express-icon-navigation.png');}



.artikelDetailContainerGross {float:left; width: 730px; padding: 2px; margin: 5px 0 0 0;}
.artikelDetailContainerGross h2 {margin: 20px 0 0 5px; line-height: 1.5em; font-weight:bold; color: #000;}
.artikelDetailContainerGross img {margin-bottom: 20px; background: #f4f4f4 url(images/loader.gif) no-repeat center}
.artikelDetailContainerGross p {margin: 0 0 10px 5px; color: #000; }
.artikelDetailContainerGross span {width: 70px;}

.artikelDetailContainerGross ul {display: none;  list-style: none; margin: 10px 0 0 2px; padding: 2px; background-color: #fff; } 
.artikelDetailContainerGross li {display: inline; padding-left: 12px; margin-right: 10px; }
.artikelDetailContainerGross li.detail {background: url(images/detail.gif) no-repeat 0 6px }
.artikelDetailContainerGross li.option {background: url(images/option.gif) no-repeat 0 6px }
.artikelDetailContainerGross li a {color: #000;  }
.artikelDetailContainerGross li a:hover {color: #ff7300}

.artikelDetailContainerGross .artikelDetailInfo p {margin: 30px 0 0 5px;}
.artikelDetailContainerGross .artikelDetailInfo table {margin-top: 30px; margin-left: 5px; margin-bottom: 0px;}
.artikelDetailContainerGross .artikelDetailLabel {padding-right: 5px;}
.artikelDetailContainerGross .artikelDetailOption input{margin: -4px 5px 0px 5px; }



ul#artikelDetailNavigation {clear: both; display: none; list-style-type: none; padding: 0; margin: 10px 2px;}
ul#artikelDetailNavigation li { display: inline;}
ul#artikelDetailNavigation li a { color: #000; text-align: center; text-decoration: none;}
ul#artikelDetailNavigation li a:hover {color: #ff7300;}
ul#artikelDetailNavigation .zurueck { float: left;}
ul#artikelDetailNavigation .weiter { display: none; float: right; }


.artikelVarianteContainer {clear: both;  width: 100%}
.artikelVariante {position: relative; float: left; border: 2px solid #fff; margin: 20px 20px 0 0;}
.artikelVariante p {display: block; margin: 0px; padding: 2px 5px; font-size: 0.85em; color: #000; background-color: #fff; border-top: 1px solid #fff;}

.artikelVarianteSpezialContainer {clear: both;  width: 350px; position: relative; z-index: 2; margin-top: -175px; margin-left: 15px;}
.artikelVarianteSpezialContainer .artikelVariante {margin: 5px 5px 0 0;}

ul#optionListe { padding: 0; margin: 0px 40px 25px 40px;; list-style-type: none;}
ul#optionListe li { line-height: 30px; border-bottom: 1px solid #e4e4e4; background-color: #fff;}
ul#optionListe li a {display: block; padding-left: 10px; color: #000; text-decoration: none; }
ul#optionListe li a:hover { }

#navigationOptionContainer {clear: both; margin: 30px 0 50px 0px; width: 540px;}
ul#navigationOption {margin: 0; padding: 0; list-style-type: none}
ul#navigationOption li {}
ul#navigationOption li.zurueck { float: left;}
ul#navigationOption li.weiter { float: right; }
ul#navigationOption li a {padding: 5px 20px; height: 20px; line-height: 20px; text-align: center; text-decoration: none; background-color: #F4F4F4; color: #666; border: 1px solid #E4E4E4;}
ul#navigationOption li a:hover { color: #333 }

/*
04.02.2010
#angabenFormular {float:left; padding: 10px 30px; margin: 0px 200px 20px 0px; background-color: #f8f8f8;}
#angabenFormular div {}
#angabenFormular form {float:left; font-family: arial}
#angabenFormular form br { clear:both;}
#angabenFormular label {width: 100px; margin-right: 10px; color: #666;}
#angabenFormular input {float:left; margin-bottom: 5px; padding: 3px; width: 380px; border: 1px solid #999; }
#angabenFormular select {float:left; margin-bottom: 5px;  width: 200px;}
#angabenFormular label.ort {width: 50px;}
#angabenFormular input.ort {margin-left: 10px; width: 280px;}
#angabenFormular input.plz {width: 80px}
#angabenFormular input.fehlt {background-color: #FCCDCD;}
#angabenFormular input.gesperrt {background-color: #f8f8f8;}
#angabenFormular input.agb {border:0; width: 20px; margin-top:0px}
#angabenFormular label.agbLabel { margin-top:10px}

#angabenFormularHinweis {clear: both; display: none; margin: 0px 205px 10px 0; padding: 10px 10px; color: #000; background-color: #FCCDCD; border-top: 2px solid red; border-bottom: 2px solid red;}
#angabenFormularHinweis p {font-size: 0.9em;} 
*/

#angabenFormular {padding: 10px 30px; margin: 0px 200px 20px 0px; background-color: #f8f8f8;}
#angabenFormular form {font-family: arial}
#angabenFormular form br { clear:both;}
#angabenFormular label {display: block; margin-right: 10px; color: #666;}
#angabenFormular input {margin-bottom: 5px; padding: 3px; width: 380px; border: 1px solid #999; overflow: visible; }
#angabenFormular select {padding: 3px 2px; margin-bottom: 15px;  width: 200px;}
#angabenFormular label.ort {width: 50px;}
#angabenFormular input.ort {margin-left: 10px; width: 280px;}
#angabenFormular input.plz {width: 80px}
#angabenFormular input.fehlt {background-color: #FCCDCD;}
#angabenFormular input.gesperrt {background-color: #f8f8f8;}
#angabenFormular input.agb {border:0; width: 20px; margin-top:0px}
#angabenFormular label.agbLabel {display: inline;}

#angabenFormularHinweis {clear: both; display: none; margin: 0px 205px 10px 0; padding: 10px 10px; color: #000; background-color: #FCCDCD; border-top: 2px solid red; border-bottom: 2px solid red;}
#angabenFormularHinweis p {font-size: 0.9em;} 


ul#optionNavigation {padding: 0; margin: 40px 0; list-style-type: none;}
ul#optionNavigation li {display: inline; margin-right: 20px; font-size: 1.2em; color: #ccc }
ul#optionNavigation li.aktiv {color: #ff7300; font-size: 2em; }

.positionContainerLeft {float:left; width: 600px; padding: 2px; margin: 10px 0 10px 40px; background-color: #fff }
.positionContainerLeftInnen {background-color: #fff }
.positionContainerLeftInnen img {float: left;}

.positionArtikel {position: relative; top: 0px; left: 0px; background-color: #fff; padding: 0 2px 2px 10px  }
.positionArtikel h2 {text-align: right; margin: 0; padding: 2px 10px; font-size: 1em; color: #000; background-color: #e4e4e4;}
.positionArtikel p {font-family: arial; margin: 0; padding: 0; position: absolute; bottom: 0px; right:0px;  color: #000; }
.positionArtikel span {width: 70px;}
.button {float: right; height: 40px; border: 1px solid;}
.positionArtikel ul {list-style: none; background-color: #fff; margin: 10px 0 0 0; } 
.positionArtikel li { border: 1px solid #ccc; display: inline; padding: 2px 5px 2px 25px; margin-left: 10px; }
.positionArtikel li.loeschen {background: #f4f4f4  url(images/loeschen.gif) no-repeat 5px center }
.positionArtikel li.aendern {background: #f4f4f4 url(images/aendern.gif) no-repeat 5px center }
.positionArtikel li a {color: #000; }
.positionArtikel li a:hover {color: #ff7300}

/* Definition für "IhreOptionen" */
.anfrageHinweis {clear: both; margin: 0px 200px 10px 0; padding: 5px; color: #000; background-color: #F4F4F4; }
.anfrageHinweis p {font-size: 0.85em;} 
.anfrageHinweis p.center { text-align: center; font-weight: bold; margin-bottom: 10px;}

.keineOptionen { margin: 10px 0px; padding: 2px; width: 520px;  background-color: #fff}

.optionenListeAussen {float: left; clear: both;  margin: 10px 0px; padding: 2px; background-color: #fff;}
.optionenListe {float: left; position: relative; width: 530px; background-color: #fff; padding: 2px}
.optionenListe img {float: left;}
.optionenListe div.optionText {text-align: right;}
.optionenListe div.optionText h2 {background-color: #e4e4e4; margin: 0; padding: 2px 10px; }
.optionenListe div.optionText p {margin-right: 10px; margin-top: 3px; font-size: 0.85em}
.optionenListe .buttons {position: absolute; right: 2px; bottom: 2px; }
.optionenListe .buttons div {cursor:pointer; cursor:hand; float: left; margin-left: 10px; padding: 2px 10px 2px 22px; font-size: 0.85em; color: #666; border: 1px solid #ccc; background-color: #f4f4f4;}
.optionenListe .buttons div.loeschen {background: #f4f4f4 url(images/loeschen.gif) no-repeat 5px center;}
.optionenListe .buttons div.aendern {background: #f4f4f4 url(images/aendern.gif) no-repeat 5px center; }

#optionenGesamtsumme {display: none; clear: both; height: 1.6em; margin: 10px 200px 10px 0; padding: 10px; background-color: #ff7300; }
#optionenGesamtsumme p { font-size: 1.3em; color: #fff; }
#optionenGesamtsumme p.label {float: left;}
#optionenGesamtsumme p.summe { float: right;}

#optionen-summe {margin: 10px 0; width: 540px; background-color: #ff7300; color: #fff; font-size: 1em;}
#optionen-summe tr.mietpreis td{font-size: 1.8em; padding-left: 5px;}
#optionen-summe tr.mietpreis .summe{text-align: right; padding-right: 5px;} 
#optionen-summe tr.kaufpreis td{font-size: 1.4em; padding-left: 5px;}
#optionen-summe tr.kaufpreis .summe{text-align: right; padding-right: 5px;} 
#optionen-summe tr.mwst {font-size: .9em; text-align: right; padding-right: 5px;}
#optionen-summe tr.mwst2 {font-size: .9em; text-align: right; padding-right: 5px;}
#optionen-summe tr.mwst td {padding-bottom: 10px; padding-right: 5px;}


#optionenSchritte { visibility: visible; position: absolute; top: 70px; left:600px; width: 180px; z-index: 1}
#optionenSchritte div {color: #999; margin-bottom: 10px; padding: 2px 10px 10px 35px; background-color: #f4f4f4}
#optionenSchritte div h2 { margin: 0; padding: 2px 10px; font-size: 1.5em; font-weight: lighter}
#optionenSchritte div ul {list-style-type: none; margin: 0; padding: 0}
#optionenSchritte div li { font-size: 0.9em; margin-left: 20px;}
#optionenSchritte div.schritt1 {color: #999; background: #ff7300 url(images/schritt1.gif) no-repeat 0px 0px;}
#optionenSchritte div.schritt1aktiv {color: #fff; background: #ff7300 url(images/schritt1_aktiv.gif) no-repeat 0px 0px;}
#optionenSchritte div.schritt2 {color: #999; background: #ff7300 url(images/schritt2.gif) no-repeat 0px 0px;}
#optionenSchritte div.schritt2aktiv {color: #fff; background: #ff7300 url(images/schritt2_aktiv.gif) no-repeat 0px 0px;}
#optionenSchritte div.schritt3 {color: #999; background: #ff7300 url(images/schritt3.gif) no-repeat 0px 0px;}
#optionenSchritte div.schritt3aktiv {color: #fff; background: #ff7300 url(images/schritt3_aktiv.gif) no-repeat 0px 0px;}

.sendenAngaben {clear: both; margin: 10px 225px 0 0; padding: 5px; color: #000;}
.sendenAngaben td {padding-bottom: 3px; vertical-align: top; font-size: 1em;}
.sendenAngaben td.label { padding-right: 30px;}

#optionAnzahlDialog {border: 1px solid #666; visibility: hidden; position:absolute; top: 50%; left: 50%; height: 120px; width: 300px; margin-left: -150px; margin-top: -60px; z-index: 10; background-color: #fff;}
#optionAnzahlDialog div {padding: 5px;}
#optionAnzahlDialog div p.artikelName {padding: 2px; font-weight: bold; color: #000; background-color: #fff;}
#optionAnzahlDialog div p { margin: 0;  padding: 10px 10px; margin-bottom: 15px; color: #fff; background-color: #ff7300;}
#optionAnzahlDialog div input {float: left; width: 40px; margin: 0 5px 0 10px; text-align: right;}
#optionAnzahlDialog div.buttons {position: absolute; right: 2px; bottom: 2px;}
#optionAnzahlDialog div.buttons div {cursor:pointer; cursor:hand; float: left; margin-left: 10px; font-size: 0.85em; color: #666; border: 1px solid #ccc; background-color: #f4f4f4;}
#optionAnzahlDialog div.buttons div.loeschen {padding: 2px 10px 2px 10px;}
#optionAnzahlDialog div.buttons div.aendern {padding: 2px 10px 2px 22px; background: #f4f4f4 url(images/aendern.gif) no-repeat 5px center; }

#optionDialog {border: 1px solid #818181; visibility: hidden; position:absolute; top: 50%; left: 50%; height: 150px; width: 350px; margin-left: -175px; margin-top: -75px; z-index: 10; background-color: #fff;}
#optionDialog div {padding: 5px;}
#optionDialog p {margin: 0; margin-bottom: 10px; padding: 10px; color: #fff; background-color: #ff7300}
#optionDialog img {float:left; margin-right: 10px;}
#optionDialog p.artikelName {margin-top: 40px; padding: 2px; font-weight: bold; color: #000; background-color: #fff;}

#bildDialog {border: 10px solid #fff; visibility: hidden; position:fixed; top: 50%; left: 50%; height: 120px; width: 300px; margin-left: -150px; margin-top: -60px; z-index: 10; background-color: #000;}
#ie6 #bildDialog {position: absolute;} 
#bildDialog img{visibility: hidden;}
/*
.uebersichtListe {float: left; position: relative; width: 650px; background-color: #fff; padding: 2px }
.uebersichtListe a {color: #999; padding: 5px 10px;}
.uebersichtListe div.optionText h2 { margin: 0; padding: 5px 10px; }
.uebersichtListe div.optionText p {margin-right: 10px; margin-top: 10px; }
*/

#buttonAnsichten { display: none; position: absolute; left: 710px; top: 30px;  z-index: 20}
#buttonAnsichten .gitter {cursor:pointer; cursor:hand; height: 20px; width: 20px; background: url(images/ansicht.gif) no-repeat 0px 0px}
#buttonAnsichten .liste {display: none; cursor:pointer; cursor:hand; height: 20px; width: 20px; background: url(images/ansicht.gif) no-repeat -22px 0px}
#buttonAnsichten .listeBild {cursor:pointer; cursor:hand; height: 20px; width: 20px; background: url(images/ansicht.gif) no-repeat -44px 0px}

#kontakt p { margin-bottom: 10px;}
#kontakt p.fett { font-weight: bold;}
#kontakt table { margin-bottom: 20px; font-size: 1em;}
#kontakt td.label { padding: 2px 20px 0 0;}

#impressum p { margin-bottom: 10px;}
#impressum p.fett { font-weight: bold;}
#impressum table { margin-bottom: 20px; font-size: 1em;}
#impressum td.label { padding: 2px 20px 0 0;}
#impressum div.hinweis {font-size: 0.85em;}
#impressum div.hinweis p {margin: 0;}
#impressum div.hinweis ol.stufe1 { margin: 0 20px 30px 0; padding: 0; list-style-type:none;}

#agb ol.stufe1 { margin:0; padding: 0; list-style-type:none;}
#agb ol.stufe2 {margin:0 20px 40px 0; padding: 0; list-style-type:none; font-size: 0.85em}
#agb ol.stufe2 li {margin-top: 10px;}
#agb p {font-size: 0.85em}

#pdf .artikelContainer {float: left; padding: 2px; margin: 0px 40px 30px 0px; background-color: #fff;}
#pdf .artikelContainer p {display: block; margin: 0px; padding: 2px 5px; font-size: 0.85em; color: #000; background-color: #e4e4e4; border-bottom: 1px solid #fff;}
#pdf .artikelContainer img {background: #f4f4f4 url(images/loader.gif) no-repeat center;}

#hinweis {clear: both; margin: 30px; padding: 5px; background-color: #F4F4F4; text-align: center; font-size: 0.85em }
#meineOptionen {float: left; border: 1px solid}


.clearboth { clear: both; line-height: 0; height: 0; }
#skriptContainer {visibility: hidden; position: absolute; top:0; left: 0; width: 200px; height: 200px; z-index: 3}
#overlay {visibility: hidden; position:fixed; top: 0px; left: 0px; height: 100%; width: 100%; filter:Alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; background-color: #000; z-index: 5;}
#ie6 #overlay {position: absolute;}
#overlayBild {visibility: hidden; position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; filter:Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; background-color: #000; z-index: 5;}
#ie6 #overlayBild {position: absolute;}

#debugTime {position: absolute; top: 0; left: 0; background-color: #fcc; border: 2px solid #fco; padding: 20px;}

#express-formular-container {visibility: hidden; position: absolute; top: 50%; left: 50%; height: 358px; width: 413px; background: url(images/express-dialog-schatten.png) no-repeat; margin-left: -179px; margin-top: -206px; z-index: 6;}
#express-formular {position: absolute; top: 5; left: 10; height: 360px; width: 399px; }
#express-formular h2 { background-color: #ff7300; color: #fff; font-size: 1.5em; margin: 10px 5px 10px 10px; padding: 10px;}
#express-formular form { margin: 15px;}
#express-formular form input { width: 360px; margin-bottom: 10px; color: #999}
#express-formular form textarea { width: 360px; margin-bottom: 0px; }
#express-formular form li { margin: 0;}
#express-formular form li { display: inline;}
#express-formular form li a {padding: 5px 10px; color: #666; background-color: #e4e4e4; border: 1px solid #ccc;}   
#express-formular form li a.senden {margin-right: 20px; margin-left: 20px}

#express-icon-navigation {position: fixed; left: 0px; top: 128px; height: 50px; width: 100px; background: url(images/express-icon-navigation.png);}
#ie6 #express-icon-navigation {position: absolute; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='images/express-icon-navigation.png');}

.hidden { display: none; }

#seitenInhalt div.kampagne
{
	height: 425px;
	width: 737px;
    position: relative;
	margin-left: -20px;
}

#seitenInhalt div.kampagne .ebene
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
    display: none;	
}

#seitenInhalt div.kampagne .aktuell
{
    z-index: 1;
    display: block;
}

#seitenInhalt div.kampagne ul
{
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2; 
}

#seitenInhalt div.kampagne ul li
{
    float: left;
}

#seitenInhalt div.kampagne ul li a
{
    display: block;
    background-color: #000;
    padding: 5px 9px;
    color: #fff;
    font-weight: bold;
    font-size: 0.7em;
    margin-right: 2px;
}

#seitenInhalt div.kampagne ul li a.aktuell
{
    color: #ff7300;
}