/* BASIS */
.maincontentdetail { float: left; margin-bottom: 30px; width: 700px; }
.detailcontent { float: left; position: relative; width: 520px; z-index: 1; }
.detailcontext { float: left; margin-left: -2px; position: relative; width: 182px; z-index: 2; top: -4px;}
.warenkorb { position: absolute; width: 160px; z-index: 800; }
* html .detailcontext { margin-left: -3px; }
/* /BASIS */


/* HERSTELLERLOGO */
.herstellerlogo { margin-left: 20px; }
.herstellerlogo h4 { padding: 7px 0 3px; }
.reiter.reiter1 .herstellerlogo { margin-right: 0; }
.reiter.reiter2 .herstellerlogo { margin-right: 20px; }
.reiter.reiter3 .herstellerlogo { margin-right: 20px; }
/* /HERSTELLERLOGO */


/* REITERNAVI */
.detailreiternavi { overflow: hidden; width: 520px; }
.detailreiternavi li { background: #9f9f9f; float: left; margin: 0 10px 5px 0; }
.detailreiternavi li div { padding: 3px 0 3px 5px; }
.detailreiternavi li div a { background: transparent no-repeat scroll 0 0; color: #fff; font-size: 10px; font-weight: bold; padding: 0 10px 0 20px; text-decoration: none !important; }
.detailreiternavi li.on { background: #fff; border-right: 1px solid #cfcfcf; margin-bottom: 0; }
.detailreiternavi li.on div { padding-bottom: 8px; }
.detailreiternavi li.on div a { background-image: none; color: #000; }
.detailreiternavi ul {  }

*+html .detailreiternavi li.on { margin-bottom: 1px; }
* html .detailreiternavi li.on { margin-bottom: 1px; }
/* REITERNAVI */


/* REITERCONTENT */
.reitercontent.detailreiter { padding: 0 0 2px 0; }
* html .reitercontent.detailreiter { float: left; }

.navigationreiter.subdetailreiternavi { background-color: #fff; margin: 0 0 -2px; z-index: 2; }
* html .navigationreiter.subdetailreiternavi li { margin-right: 10px; }
* html .navigationreiter.subdetailreiternavi li.on { margin-right: 9px; }

.reitercontent.subdetailreiter { border: 1px solid #dfdfdf; border-width: 1px 1px 1px; margin-bottom: 15px; padding: 3px 10px 5px; position: relative; top: -2px; z-index: 1; }
.reitercontent.subdetailreiter table{width: 100%;}
.reitercontent.subdetailreiter table td{height: 29px; padding-left: 10px;}
.reitercontent.subdetailreiter table td.radio{padding-left: 0px; text-align: center; width: 29px;}


.reiter { min-height: 510px; overflow: hidden; padding: 0px 2px 20px 3px; width: 520px; }
* html .reiter { min-height: auto; }
.reitercopy { clear: both; padding: 10px 18px 0; }
.reitercopy.nopadding { padding-left: 0; }

.archiv .reiter { min-height: 1px; }
/* /REITERCONTENT */


/* BILDSPALTE */
.bildspalte { float: left; margin: 0 20px 10px 0; padding-top: 15px; width: 160px; }
.bildspalte li { border-bottom: 1px dotted #b2b4b3; padding: 2px 0; }
.bildspalte li a { color: #00603f; font-size: 10px; padding-right: 10px; }
.bildspalte ul { border-top: 1px dotted #b2b4b3; margin-left: 20px; padding-top: 1px; }
/*.bildspalte .bild { background: transparent url("/img/deko/teaser_bg.gif") no-repeat scroll right 130px; }*/
* html .bildspalte { width: 159px; }
.reiter3 .bildspalte .bild { background: none; }
/* /BILDSPALTE */




.handydetaillinks { margin-bottom: 10px; overflow: hidden; }
.handydetaillinks a { color: #00603f; font-size: 10px; padding-right: 10px; }
.handydetaillinks a.spc { background: none; padding: 0; }
.handydetaillinks li { border: 1px dotted #b2b4b3; border-width: 0 1px 1px 0; padding: 2px 0 2px 10px; float: left; width: 152px; }
.handydetaillinks ul { border-top: 1px dotted #b2b4b3; height: 1%; overflow: hidden; padding-top: 1px; }
.handydetaillinks .lst { border-right-width: 0; width: 144px; }

.handydetaillinks .hdlrow1 {  }
.handydetaillinks .hdlrow2 { border-top: 0; }

.archiv .handydetaillinks a { background: transparent url(/img/icons/raquo-quietschgruen.gif) no-repeat scroll right 4px; color: #89b72e; font-weight: bold; }
.archiv .handydetaillinks .lst { color: #89b72e; font-size: 10px; font-weight: bold; width: 307px; }



/* CONTENTSPALTE */
.contentspalte { margin-bottom: 10px; overflow: hidden; width: 315px; }
.contentspalte h3 { color: #00603f; margin-top: 15px; padding: 0; }
.contentspalte .detaillink { padding: 0 0 10px 13px; }
.contentspalte .detaillink a { background: transparent url("/img/icons/raquo-quietschgruen.gif") no-repeat scroll right 4px; color: #00603f; font-size: 10px; font-weight: bold; padding-right: 10px;}
.info { background: none; float: right; padding-left: 9px; }
.stoerer { position: absolute; right: 22px; }

.preisbandimreiter { height: 1%; margin-top: 3px; overflow: hidden; }
.preisbandimreiter form * { font-size: 10px; margin-bottom: 15px; width: 195px; }
.preisbandimreiter form b { line-height: 25px; }
.preisbandimreiter .preis { color: #00603f; font-size: 22px; line-height: 30px; /*padding-right: 5px;*/ }
.preisbandimreiter .preis sup { font-size: 12px; }
.preisbandimreiter .streichpreis.nostrike { text-decoration: none; }

.preisbandimreiter table { }
.preisbandimreiter table .list { width: 170px !important; }


.linkrechts { float: right; margin-top: -18px; width: 70px; }
.linkrechts a { color: #00603f; font-size: 10px; padding-right: 10px; }

.borderlinks { margin-top: 15px; }
.borderlinks li { border: 1px dotted #b3b3b3; border-width: 1px 0; float: left; padding: 3px 0 2px; }
.borderlinks li.beg { border-right: 1px dotted #b3b3b3; width: 170px; }
.borderlinks li.end { padding-left: 10px; width: 134px; }
.borderlinks li a { color: #00603f; font-size: 10px; font-weight: normal; padding-right: 10px; }
.borderlinks ul { overflow: hidden; width: 100%; }

h3.detail { color: #00603f; padding: 0; }

.tarifdetail { float: left; margin:0 20px 20px 0; width: 233px; }
.tarifdetail td { font-size: 10px; padding: 5px 0; }
.tarifdetail .td1, .tarifdetail .td2 { border-bottom: 1px dotted #b3b3b3; font-size: 11px; padding: 2px 0; vertical-align: bottom;}
.tarifdetail .td1 {  }
.tarifdetail .td2 { text-align: right; }
.tarifdetail .streichpreis { padding-right: 4px; }

.tarifdetaillinks { clear: both; margin-bottom: 10px; width: 100%; }
.tarifdetaillinks li { border: 1px dotted #b3b3b3; border-width: 1px 0; float: left; height: 16px; padding: 3px 0 2px; }
.tarifdetaillinks li.beg { border-right: 1px dotted #b3b3b3; width: 154px; }
.tarifdetaillinks li.mid { border-right: 1px dotted #b3b3b3; padding-left: 7px; width: 84px; }
.tarifdetaillinks li.mid2 { border-right: 1px dotted #b3b3b3; padding-left: 7px; width: 154px; }
.tarifdetaillinks li.mid3 { border-right: 1px dotted #b3b3b3; padding-left: 7px; width: 83px; }
.tarifdetaillinks li.end { padding-left: 7px; width: 156px; }
.tarifdetaillinks li a { color: #00603f; font-size: 10px; font-weight: normal; padding-right: 10px; }
.tarifdetaillinks ul { overflow: hidden; width: 100%; }

.preisbandbig { border-top: 1px solid #73a896; border-bottom: 1px solid #00603f; clear: both; float: left; overflow: hidden; padding: 1px 0; width: 100%; }
.preisbandbig div { float: left; padding: 6px 5px; }
.preisbandbig .flaeche { background-color: #e0e0e0; width: 100%; }
.preisbandbig .kosten { padding-top: 11px; padding-bottom: 0; width: 140px; }
.preisbandbig .preis { color: #00603f; font-size: 25px; }

.abschlusslink { border-bottom: 1px solid #00603f; color: #00603f; margin-bottom: 10px; padding-bottom: 3px; text-align: right; }
.abschlusslink .link { color: #00603f; font-size: 10px; }
/* CONTENTSPALTE */


/* BEULEN */
.beulen { padding: 0 1px 0 0; }
.beulenhead { padding: 0 0 10px 24px; }
.beulenhead.beulenheadtop { background: none; }
.beulenhead .bhbutton { height: 30px; }
.beulenende { padding-left:24px; }
.beulenhl { margin: 25px 0 0 5px; }
.beule { padding: 0 0 7px 2px; }
.beule a { cursor: pointer; }
.beule a:hover { text-decoration: none; }
.beule.on { background: #fff; margin-left: -2px; }
.beule.on .contentbeule { background-image: none; border-right: 0; margin: 0 10px 0 -20px; padding-left: 44px; }
.beule .contentbeule { overflow: hidden; padding: 10px 10px 5px 22px; }
.beule .contentbeule .hl { display: block; margin-bottom: 10px; }
.beule .contentbeule .vis { float: left; padding: 0 15px 0 0; width: 15px; }

.beule .contentbeule .optionenbeule div { clear: left; height: 1%; overflow: hidden; }
.beule .contentbeule .optionenbeule div img { float: left; margin: 4px 6px 0 0; }
.beule .contentbeule .optionenbeule div b { float: left; width: 116px; }
.beule.on .contentbeule .optionenbeule div img { margin-left: 6px; }

.beule .contents { font-size: 10px; }
.beule .contents div.preis span.preis { color: #00603f; float: right; font-size: 15px; margin-top: -18px; text-align: right; }
.beule .contents div.preis { overflow: hidden; padding-top: 5px; }
.beule.beule1 {  }
.beule.beule2 {  }
.beule.beule3 {  }
.beule .contentbeulehead { left: -30px; position: relative; width: 200px; }
.beule .contentbeulehead .bnum { float: left; height: 17px; width: 30px; }
.beule .contentbeulehead .hl { border-bottom: 1px solid #b6b6b6; }
.beule.on .contentbeulehead .hl { border-bottom: 0; }

* html .beulen * { height: 1%; overflow: hidden; }
* html .beule a { cursor: pointer; }
* html .beule .contentbeule { border-top: 0; }
* html .beule .contentbeulehead { position: static; margin-left: -30px; margin-right: -23px; }
* html .beule .contents { width: 110px; }
* html .beule .contents div.preis { height: 15px;}
* html .beule .contents div.preis span.preis { height: 15px; color: #00603f; float: right; font-size: 15px; margin-top: -18px; text-align: right; }
* html .beule.on .contentbeule { margin-right: 0; padding-left: 45px; width: 145px; }
* html .beule .contentbeule .optionenbeule div b { float: right; width: 84px; }
* html .beule.on .contentbeule .optionenbeule div b { width: 85px; }
* html .beule.on .contentbeulehead { margin-left: 0; position: relative; }

*+html .beule .contentbeule .optionenbeule { width: 100%; }
/* /BEULEN */


/* EXPANDABLE MANIPULIEREN */
.reitercontent .expandable { margin-left: 0 !important; margin-bottom: 0; width: 100%; }
* html .reitercontent .expandable { width: 480px; }
* html .expandable .expandablelink a.on { padding-left: 12px; }
* html .expandable .expandablelink a.on .opener { padding-right: 24px; }
* html .expandable .opener { padding-left: 0; padding-right: 25px; }
* html .expandable .closer a { width: 442px; }
* html .expandable .closer { padding-right: 0; }
/* /EXPANDABLE MANIPULIEREN */


/* HANDYDETAILS */
.handydetails { border-top: 1px solid #00603f; clear: both; height: 1%; padding: 10px 0; overflow: hidden; }
.handydetails li { list-style: none; }
.handydetails td { vertical-align: top; width: 220px; }
.handydetails th { text-align: left; }
.handydetails ul { float: left; list-style: none; width: 219px; }
.handydetails .detailtablelink { float: right; position: relative; top: 1px; }
.handydetails .detailtablelink a { color: #606060; font-size: 10px; }

.handydetailreitercopy { border: 1px solid #dfdfdf; margin: 18px; padding: 20px; }
/* /HANDYDETAILS */


/* LISTEN MANIPULIEREN */
* html .reitercopy ul.list { float: right; margin: 0 !important; width: 220px; }
* html .reitercopy ul.list.full { width: 100%; }
* html .contentspalte ul.list { float: none; }
*+html .reitercopy ul.list { float: right; margin: 0 !important; width: 220px; }
*+html .reitercopy ul.list.full { width: 100%; }
*+html .contentspalte ul.list { float: none; }
/* /LISTEN MANIPULIEREN */



/* MODIFIZIEREN DES HANDYTEASERS */
.reitercontent .handybrowserhtml .teaser { margin-left: 0 !important; height:264px; width: 110px; }
.handybrowserhtml { height:265px; margin-bottom:15px; position:relative;}
/** html .handybrowserhtml {position: static;}*/
.handybrowserhtml .handycol { margin: 0; position: absolute; width: 112px; }
/**+html .handybrowserhtml .handycol {position: static;}*/

.handybrowserhtml .handycol1 {}
.handybrowserhtml .handycol2 {left: 122px;}
.handybrowserhtml .handycol3 { left: 244px; }
.handybrowserhtml .handycol4 {left: 366px; margin-right: 0;}
.handybrowserhtml .teaser.handy.schmal .head h2 { height: 45px; width: 100%; }
.handybrowserhtml .teaser.handy.schmal .teasercontent { background-position: 0 bottom; width: 110px; }
.handybrowserhtml .teaser.handy.schmal .teaserlinks .details { width: 100%; }
/* /MODIFIZIEREN DES HANDYTEASERS */


/* LAYER DETAIL ZUM HANDY */
.browsehandy { top: 0;}
.browsehandy .teaser.handy .tccontent{padding-bottom: 14px; padding-top: 69px;}
.browsehandy .teaser.handy .tccontent h4 { background-color: #fff; font-size: 10px; height: 45px; line-height: normal; }
.browsehandy .teaser.handy .tccontent .handyfeatures { background-color:transparent; font-size:10px; height:58px; }
.browsehandy .teaser.handy .tccontent .tariffeatures { font-size: 10px; }
.browsehandy .teaser.handy .tccontent .preisfeld { background-color:transparent; height:32px; margin:0;}
.browsehandy .teaser.handy .tccontent .preisfeld .proMonat { display: block; margin-top: 5px; width: 77px; }
.browsehandy .teaser.handy .tccontent .preisfeld .preis {font-weight: normal;}
.browsehandy .teaser.handy .teaserlinks { background-color: #fff; height:15px; padding-left: 0; padding-top: 2px; }
.browsehandy .teaser.handy .teaserlinks img { height: 15px; width: 127px; }

html* .browsehandy .teaser.handy .tccontent .preisfeld .proMonat { line-height: 9px; }
*+html .browsehandy .teaser.handy .tccontent .preisfeld { height: auto; }
*+html .browsehandy .teaser.handy .tccontent .preisfeld .preis { line-height: 17px; }
*+html .browsehandy .teaser.handy .tccontent .preisfeld .proMonat { line-height: 10px; }
* html .browsehandy .teaser.handy .teaserlinks { height:18px; }
* html .browsehandy .teaser.handy .tccontent .preisfeld { height: auto; }
* html .browsehandy .teaser.handy .tccontent .preisfeld .preis { line-height: 17px; }
* html .browsehandy .teaser.handy .tccontent .preisfeld .proMonat { line-height: 10px; }
	/* AUSRICHTUNGEN */
		/* LINKS */
.browsehandy { background-color: #fff; width: 127px;}
* html .browsehandy {width: 100px;}
.handycolB2 {left: 228px; z-index: 2;}
.handycolB1 {left: 106px; z-index: 1;}
.handycolB1 .browsehandy .teaser.handy, .handycolB2 .browsehandy .teaser.handy { border-left: 0; width: 127px; }
.handycolB1 .browsehandy .teaser.handy .teasercontent, .handycolB2 .browsehandy .teaser.handy .teasercontent { background-position: 0 bottom; height:243px;}
.handycolB1 .browsehandy .teaser.handy .tccontent h4, .handycolB2 .browsehandy .teaser.handy .tccontent h4 { background-color: Transparent; width: 126px; }
.handycolB1 .browsehandy .teaser.handy .tccontent .tariffeatures, .handycolB2 .browsehandy .teaser.handy .tccontent .tariffeatures { width: 126px; }
.handycolB1 .browsehandy .teaser.handy .tccontent .preisfeld, .handycolB2 .browsehandy .teaser.handy .tccontent .preisfeld { width: 126px; }
		/* /LINKS */
		/* RECHTS */
.handycolB3 {left: 122px; z-index: 3;}
.handycolB4 {left: 244px; z-index: 4;}
.handycolB3 .browsehandy .teaser.handy, .handycolB4 .browsehandy .teaser.handy { border-right: 0; width: 126px; }
* html .handycolB3 .browsehandy .teaser.handy, * html .handycolB4 .browsehandy .teaser.handy { border-right: 0; width: 120px; }
.handycolB3 .browsehandy .teaser.handy .teasercontent, .handycolB4 .browsehandy .teaser.handy .teasercontent { background-position: left bottom; height:243px; padding-left: 10px; width:116px; }
.handycolB3 .browsehandy .teaser.handy .tccontent .preisfeld, .handycolB4 .browsehandy .teaser.handy .tccontent .preisfeld { padding-left: 5px; }
.handycolB3 .browsehandy .teaser.handy .tccontent h4, .handycolB4 .browsehandy .teaser.handy .tccontent h4 { margin-right: 10px; }
.handycolB3 .browsehandy .teaser.handy .tccontent .tariffeatures, .handycolB4 .browsehandy .teaser.handy .tccontent .tariffeatures { height: 33px; overflow: hidden; padding-bottom: 2px; padding-left: 5px; width: 118px; }
		/* /RECHTS */
	/* AUSRICHTUNGEN */
/* /LAYER DETAIL ZUM HANDY */


/* TARIFOPTIONEN */
.tarifoptionen.tarifoptionendetail { width: 100%; }
.tarifoptionen.tarifoptionendetail input { margin-right: 2px; }
.tarifoptionen.tarifoptionendetail td { padding-left: 7px; }
.tarifoptionen.tarifoptionendetail h4 {margin-top: 12px;}
.tarifoptionen.tarifoptionendetail .highlight input { margin-right: 5px; }
.tarifoptionen.tarifoptionendetail .highlight table { margin-bottom: 0px; width: 100%; }
.tarifoptionen.tarifoptionendetail .highlight td { padding-left: 0; }
.tarifoptionen.tarifoptionendetail .highlight .tippstoerer { float: right; margin: 2px 50px 0 0; }
.tarifoptionen.tarifoptionendetail .info { margin-right: 10px; margin-top: -2px; }
.tarifoptionen.tarifoptionendetail .tdToCb {width: 32px;}
.tarifoptionen.tarifoptionendetail .tdToPreis {padding-bottom: 5px; text-align: right; vertical-align: bottom;}
.tarifoptionen.tarifoptionendetail .tdToInfoIcon {width: 40px;}

*+html .tarifoptionen.tarifoptionendetail input { margin-top: 12px; }
*+html .tarifoptionen.tarifoptionendetail td { padding-left: 5px; }
*+html .tarifoptionen.tarifoptionendetail h4 {margin-top: 10px;}
*+html .tarifoptionen.tarifoptionendetail .highlightbackground li{ word-spacing: -0.1em;}
*+html .tarifoptionen.tarifoptionendetail .highlight { padding-bottom: 5px; }
*+html .tarifoptionen.tarifoptionendetail .highlight table { margin-bottom: 0;}
*+html .tarifoptionen.tarifoptionendetail .highlight .tippstoerer { margin-top: 4px; }
*+html .tarifoptionen.tarifoptionendetail .info { margin-top: 0; }
*+html .tarifoptionen.tarifoptionendetail .list.full { width: 300px; }

* html .tarifoptionen.tarifoptionendetail input { margin-top: 12px; }
* html .tarifoptionen.tarifoptionendetail td { padding-left: 5px; }
* html .tarifoptionen.tarifoptionendetail h4 {margin-top: 10px;}
* html .tarifoptionen.tarifoptionendetail .highlightbackground li{ word-spacing: -0.1em;}
* html .tarifoptionen.tarifoptionendetail .border { border: 0; }
* html .tarifoptionen.tarifoptionendetail .highlight { padding-bottom: 5px; }
* html .tarifoptionen.tarifoptionendetail .highlight table { margin-bottom: 0; }
* html .tarifoptionen.tarifoptionendetail .highlight .tippstoerer { margin-top: 4px; }
* html .tarifoptionen.tarifoptionendetail .info { margin-top: 0; }
* html .tarifoptionen.tarifoptionendetail .list.full { width: 300px !important; }
/* /TARIFOPTIONEN */


/* GK - (ABHÄNGIG VON MAINCONTENTSCHMAL) */
.maincontentschmal .bildspalte ul { margin-left: 0; }
.maincontentschmal .contentspalte { margin-bottom: 0; width: 340px; }
.maincontentschmal .herstellerlogo { margin-bottom: 5px; margin-left: 0; padding-left: 20px; }
.maincontentschmal .reiter { background: none; padding: 0; width: 520px; }
.maincontentschmal .reitercontent { padding-bottom: 20px; }
.maincontentschmal .reitercontent.detailreiter { background: none; padding: 0; }
.maincontentschmal .reitercontent.subdetailreiter { margin-bottom: 0; padding-bottom: 10px; }
.maincontentschmal .reitercopy { padding: 0 0 10px; }
.maincontentschmal .stoerer { right: 0; }

.maincontentschmal .hzz { border-collapse: collapse; }
.maincontentschmal .hzz td { border-bottom: 1px dotted #b3b3b3; padding: 2px 0 2px; padding-left:0 !Important; height:auto !Important; }
.maincontentschmal .hzz th { border-bottom: 1px dotted #b3b3b3; padding: 2px 0 2px; text-align: left; }
.maincontentschmal .hzz .td1 { width: 150px; }
.maincontentschmal .hzz .td2 { color: #00603f; text-align: right; width: 65px; }
.maincontentschmal .hzz .td3 { border-left: 1px dotted #b3b3b3; padding-left: 10px; width: 75px; }
.maincontentschmal .hzz .ws { border: 0; width: 20px; }

* html .maincontentschmal .contentspalte { width: 338px; }
* html .maincontentschmal .reitercontent .expandable { width: 520px; }
/*  /GK */


* html .expandable .closer a { width: 482px; }


/* KWK */
.beulenende.kwk { width: 158px; float: right; }
.beulenende.kwk .KWKback { float: left; margin-right: 10px; }
/* /KWK */





/*MAXYMISER*/
.beulencontext { display: none; }
.infoballoon { display: none; }
.infoballoon2 { display: none; }
.produktButtonB { display: none; }
/*/MAXYMISER*/
