/* ====================================================================
   SPALTENAUFTEILUNG CONTENT
===================================================================== */
div#colLeft{
	width:192px;
	float:left;
	margin-right:15px;
}
div#colCenter{
	width:548px;
	float:left;
}
div#colRight{
	width:191px;
	float:left;
	margin-left:15px;
}

/* ====================================================================
   TEASER BOXEN LINKER RAND
===================================================================== */
div#colLeft .teaser{
	margin-top:15px;
	width:190px;
	color:#555455;
	font-size:12px;
}

div#colLeft .teaserNeu{
	margin-bottom:15px;
	margin-top:15px;
	width:190px;
}

div#colLeft .teaser h3{
	width:190px;
	text-align:center;
	margin:0px;
	padding:34px 0 0 0;
	color:#555455;
	font-size:12px;
}

div#colLeft .teaserNeu h3{
	background:transparent url(/v30/localpictures/theme/sp_layout/h3.gif) top left repeat-x;
	margin:0px 0px 0px 0px;
	line-height:24px;
	padding:0 0 0 30px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
}
div#colLeft .teaser.box1{
	background:url(/v30/localpictures/theme/sp_layout/teaser/dummy_1.gif) no-repeat top left;
	height:130px;
}
div#colLeft .teaser.box2{
	background:url(/v30/localpictures/theme/sp_layout/teaser/dummy_2.gif) no-repeat top left;
	height:344px;
}
div#colLeft .teaser.box3{
	background:url(/v30/localpictures/theme/sp_layout/teaser/dummy_3.gif) no-repeat top left;
	height:201px;
}

div#colLeft .teaserNeu#NeueProdukteHead{
	background:#fff url(/v30/localpictures/theme/sp_layout/teaser/hg_teaser_neueprodukte.gif) right bottom  no-repeat;
}

div#colLeft .teaserNeu h3.NeueProdukte{
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3_neueprodukte.gif) top left repeat-x;
	border-bottom: 2px solid #00644c;
}
div#colLeft .teaserNeu .NeueProdukteContentBox{
	height:175px;
}
div#colLeft .teaserNeu .NeueProdukteContentBox .nrBox{
	float:left; 
	width:12px; 
	height:175px; 
	background-color:#867e4c; 
	padding-left:3px; 
}
div#colLeft .teaserNeu .NeueProdukteContentBox .nrBox .nrFirst{
	margin-bottom:22px; font-size:10px; font-weight:bold; color:#fff;
	*margin-bottom:20px;
}
div#colLeft .teaserNeu .NeueProdukteContentBox .nrBox .nrNormal{
	margin:8px 0 22px 0; font-size:10px; font-weight:bold; color:#fff;
	*margin:10px 0 20px 0;
}
div#colLeft .teaserNeu .NeueProdukteContentBox .nrBox .nrLast{
	margin-top:8px; font-size:10px; font-weight:bold; color:#fff;
}
div#colLeft .teaserNeu .NeueProdukteContentBox .topTextFirst{
	margin-left:24px;
}
div#colLeft .teaserNeu .NeueProdukteContentBox .topText{
	margin:6px 0 0px 24px;
}

/* ====================================================================
   TEASER BOXEN RECHTER RAND
===================================================================== */
div#colRight .teaser{
	margin-bottom:15px;
	width:190px;
}
div#colRight .teaser h3{
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3.gif) top left repeat-x;
	margin:0px 0px 0px 0px;
	line-height:24px;
	padding:0 0 0 30px;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
}

div#colRight .teaser .textLeftProdukt{
	width:85px; 
	float:left; 
	margin:10px 0 0px 10px;
	display:inline;
}
div#colRight .teaser .textRightProdukt{
	width:87px; float:left; 
	text-align:right; 
	margin:10px 0 0px 0px;
}
div#colRight .teaser .textLeftSumme{
	width:100px; 
	float:left; 
	margin:0px 0 5px 10px;
	display:inline;
}
div#colRight .teaser .textRightSumme{
	width:72px; 
	float:left; 
	text-align:right; 
	margin:0px 0 5px 0px;
	display:inline;
}
div#colRight .teaser#cartBg{
	background:#ffffff url(/v30/localpictures/theme/sp_layout/bg_teaser_cart.gif) right bottom  no-repeat; 
}
div#colRight .teaser #btnZumWarenkorb {
	background:url(/v30/localpictures/theme/sp_layout/checkout/btn_red.gif) repeat-x; 
	height:17px;
	width:100px;
	text-align:center;
	line-height:14px;
	margin:15px 0 0 10px;
	padding-bottom:10px;
}
div#colRight .teaser h3.cart{
	border-bottom:2px solid #00644c;
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3_cart.gif) top left repeat-x;
}

div#colRight .teaser#loginBg{
	background:#fff url(/v30/localpictures/theme/sp_layout/teaser/hg_login.gif) right bottom  no-repeat;
}
div#colRight .teaser h3.login{
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3_login.gif) top left repeat-x;
	border-bottom: 2px solid #00644c;
}

div#colRight .teaser#angemeldetBg{
	background:#fff url(/v30/localpictures/theme/sp_layout/checkout/bg_teaser_angemeldet.gif) right bottom  no-repeat;
}
div#colRight .teaser h3.angemeldet{
	background:transparent url(/v30/localpictures/theme/sp_layout/checkout/bg_teaser_angemeldet_h3.gif) top left repeat-x;
	border-bottom: 2px solid #00644c;
}
div#colRight .teaser #btnAbmelden{
	width:100px;
	height:17px;
	text-align:center;
	line-height:14px;
	margin:30px 0 0 10px;
	padding-bottom:10px;
	background:url(/v30/localpictures/theme/sp_layout/checkout/btn_green.gif) repeat-x;
}

div#colRight .teaser#topsellerHead{
	background:#fff url(/v30/localpictures/theme/sp_layout/teaser/hg_teaser_topseller.gif) right bottom  no-repeat;
}

div#colRight .teaser h3.topseller{
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3_topseller.gif) top left repeat-x;
	border-bottom: 2px solid #00644c;
}
div#colRight .teaser .topsellerContentBox{
	height:175px;
}
div#colRight .teaser .topsellerContentBox .nrBox{
	float:left; 
	width:12px; 
	height:175px; 
	background-color:#867e4c; 
	padding-left:3px; 
}
div#colRight .teaser .topsellerContentBox .nrBox .nrFirst{
	margin-bottom:22px; font-size:10px; font-weight:bold; color:#fff;
	*margin-bottom:20px;
}
div#colRight .teaser .topsellerContentBox .nrBox .nrNormal{
	margin:8px 0 22px 0; font-size:10px; font-weight:bold; color:#fff;
	*margin:10px 0 20px 0;
}
div#colRight .teaser .topsellerContentBox .nrBox .nrLast{
	margin-top:8px; font-size:10px; font-weight:bold; color:#fff;
}
div#colRight .teaser .topsellerContentBox .topTextFirst{
	margin-left:24px;
}
div#colRight .teaser .topsellerContentBox .topText{
	margin:6px 0 0px 24px;
}
div#colRight .teaser h3.newsletter{
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3_newsletter.gif) top left repeat-x;
	border-bottom: 2px solid #00644c;
}
div#colRight .teaser#newsletterBg{
	background:#fff url(/v30/localpictures/theme/sp_layout/teaser/hg_teaser_newsletter.gif) right bottom  no-repeat;
}
div#colRight .teaser h3.service_hotline{
	border-bottom:2px solid #00644c;
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3_service_hotline.gif) top left repeat-x;
}
div#colRight .teaser#hotlineBg{
	background:#ffffff url(/v30/localpictures/theme/sp_layout/teaser/hg_teaser_hotline.gif) right 47px no-repeat;
}
div#colRight .teaser h3.hinweis{
	border-bottom:2px solid #00644c;
	background:transparent url(/v30/localpictures/theme/sp_layout/teaser/h3_hinweis.gif) top left repeat-x;
}
div#colRight .teaser#hinweisBg{
	background:#ffffff url(/v30/localpictures/theme/sp_layout/teaser/hg_teaser_service.gif) right 28px no-repeat;
}

/* ====================================================================
   MITTLERE SPALTE STANDARD ELEMENTE
===================================================================== */
div#colCenter div#breadCrump{
	line-height:24px;
	background-color:#90a892;
	color:#ffffff;
	padding-left:6px;
	_padding-top:8px;
	font-size:11px;
}
div#colCenter div#breadCrump a{
	text-decoration:none;
	color:#000000;
}
div#colCenter div#breadCrump a:hover{
	text-decoration:underline;
}
div#colCenter div#breadCrump img{
	margin:5px 3px 0 3px;
}
div#colCenter div#breadCrump img{
	_margin:5px 3px 10px 3px;
}
div#colCenter h1{
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	margin:23px 0;
}

/* ====================================================================
   MITTLERE SPALTE SCHRITT 1 WARENKORB
===================================================================== */
div#cartHead{
	margin:20px 0 9px 0;
	height:27px;
	line-height:27px;
	width:543px;
	background:url(/v30/localpictures/theme/sp_layout/bg_lastArtikelHead.gif) repeat-x;
	padding-left:5px;
}

div .warenkorbLeftCol{
	float:left;
	width:24px;
	height:88px;
	background:#fff;
	margin-right:1px;
	text-align:center;
	padding-top:40px;
}

div .warenkorbMiddleCol{
	float:left;
	width:365px;
	height:100px;
	background:#fff;
	margin-right:1px;
	padding:14px 0 14px 14px;
	_padding-bottom:10px;
}
div .warenkorbRightCol{
	float:left;
	width:151px;
	height:150px;
	background:#fff;
	padding:14px 12px 0 0;
	text-align:right;
}

.label{
	width:60px;
	float:left;
}

.lieferzeit{
	margin-top:8px;
}

.clearspace{
	clear:left;
	height:1px;
	_line-height:1px;
	width:1px;
}

#updateCartBar{
	background:url(/v30/localpictures/theme/sp_layout/hg_siteamount.gif) repeat-x;
	height:27px;
	line-height:25px;
	margin:9px 0 10px 0;
	padding: 5px 3px;
	*padding-top:1px;
	width:542px;
}

#updateCartBar select{
	_margin:4px 0;
}

#updateCartBar .updateCartBtn{
	width:148px;
	background:url(/v30/localpictures/theme/sp_layout/btn_red.gif) repeat-x;
	margin-top:5px;
	*margin-top:4px;
	margin-right:3px;
	line-height:14px;
	height:17px;
	text-align:center;
}

.gesamtPreisBox{
	width:535px;
	height:39px;
	background:#fff;
	text-align:right;
	padding:13px 13px 0 0;
}

.versandZahlartPreisBox{
	height:21px;
	line-height:19px;
	background:#fff;
	margin-top:1px;
	padding:0 13px;
}

.headlineDot{
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
	height:25px;
	line-height:23px;
	margin:20px 0 10px 0;
	padding-left:3px;
}

.gutscheinBox{
	background:#fff;
	padding:12px 3px 12px 12px;
	width:533px;
	
	margin:1px 0px 10px 0px;
	line-height:15px;
}

.gutscheinBox .textfieldContent{
	height:15px;
	line-height:15px;
	width:170px;
	border: 1px solid #00644c;
}

.btnGutschein{
	background:url(/v30/localpictures/theme/sp_layout/btn_green.gif) repeat-x;
	width:148px;
	height:17px;
	line-height:15px;
	text-align:center;
}

.vorgangWeiter{
	line-height:25px;
	height:27px;
}

.vorgangWeiterBtn{
	background:url(/v30/localpictures/theme/sp_layout/btn_red.gif) repeat-x;
	width:148px;
	height:17px;
	line-height:14px;
	float:right;
	margin:5px 3px 0 0;
	*margin-top:4px;
	text-align:center;
}
/* ====================================================================
   MITTLERE SPALTE SCHRITT 2 PERSONENDATEN
===================================================================== */
#warning{
	height:36px;
	padding:16px 0 0 12px;
	margin-top:22px;
	background:#fff;
	font-size:11px;
}

#warenkorbAbmelden{
	background:url(/v30/localpictures/theme/sp_layout/hg_siteamount.gif) repeat-x;
	height:27px;
	line-height:25px;
	margin:9px 0 10px 0;
	padding-left:12px;
	*padding-top:1px;
	width:535px;
}

.abmeldenBtn{
	width:100px;
	background:url(/v30/localpictures/theme/sp_layout/btn_green.gif) repeat-x;
	margin-top:5px;
	*margin-top:4px;
	margin-right:3px;
	line-height:14px;
	height:17px;
	text-align:center;
}

.adresseVerwendenBtn{
	width:148px;
	background:url(/v30/localpictures/theme/sp_layout/btn_green.gif) repeat-x;
	margin-right:3px;
	line-height:14px;
	height:17px;
	text-align:center;
}

.nameBox{
	
	padding:13px;	
	background:#fff;
}

#abweichendeAdresseBox{
	height:136px;
	padding:13px 0 0 11px;
	background:#fff;
}

#adressBox{
	height:109px;
	padding:13px 0 0 11px;
	background:#fff;
	margin:10px 0;
}

#teleBox{
	height:55px;
	padding:13px 0 0 11px;
	background:#fff;
	margin-bottom:10px;
}

#anschriftBox{
	height:27px;
	padding:10px 0 0 11px;
	background:#fff;
	margin-bottom:20px;
}

/* ====================================================================
   MITTLERE SPALTE SCHRITT 3 ABWEICHENDE ANSCHRIFT
===================================================================== */

#anschriftAbweichendBox{
	height:27px;
	padding:10px 0 0 11px;
	background:#fff;
	margin:20px 0 10px 0;
}
#anschriftSpeichernBox{
	height:27px;
	padding:10px 0 0 11px;
	background:#fff;
}

#loginBox{
	height:86px;
	padding:13px 0 0 11px;
	background:#fff;
}

.angabenLabel{
	float:left;
	width:144px;
}
.angabenInput{
	float:left;
	width:175px;
}
.angabenInfos{
	float:left;
	padding-left:5px;
}

.angabenInput input{
	width:170px;
	height:15px;
	line-height:15px;
	font-size:10px;
	border:1px solid #00644c;
	margin-bottom:7px;
	*margin-bottom:5px;
	color:#00644c;
}

.angabenInput select{
	border:1px solid #00644c;
	margin-bottom:7px;
	*margin-bottom:4px;
	color:#00644c;
	font-size:10px;
	width:170px;
}
#anschriftSpeichernBox select{
	border:1px solid #00644c;
	margin-left:10px;
	margin-bottom:7px;
	*margin-bottom:4px;
	color:#00644c;
	font-size:10px;
	width:170px;
}

#tag ,#monat, #jahr{
	width:50px;
}

/* ====================================================================
   MITTLERE SPALTE SCHRITT 4 VERSAND & ZAHLUNGSART
===================================================================== */

#zahlungHeadBox{
	background-color:#bfd8d2;
	border-bottom:1px solid #00644c;
	line-height:21px;
	padding:0 12px 0 12px;
}

.zahlungLeft{
	width:169px;
	height:70px;
	background:#fff;
	padding:9px 0 0 12px;
	margin-bottom:1px;
}
.zahlungMid{
	width:225px;
	height:65px;
	background:#fff;
	padding:7px 12px;
	margin:0 1px;
	margin-bottom:1px;
}
.zahlungRight{
	width:104px;
	height:70px;
	background:#fff;
	padding:9px 12px 0 0;
	text-align:right;
	margin-bottom:1px;
}

.versandArtBox{
	background:#fff;
	height:32px;
	line-height:32px;
	margin-bottom:1px;
	padding-left:12px;
	_padding-top:7px;
	_height:26px;
}

/* ====================================================================
   MITTLERE SPALTE SCHRITT 5 BESTELLVOSCHAU
===================================================================== */

#beachteBox{
	height:50px;
	padding:12px 0 0 12px;
	background:#fff;
	margin:5px 0px 0px 0px;
}
#WarningPreview {

	padding:12px 0 0 12px;
	background:#fff;
	margin:5px 0px 0px 0px;
	font-size:11px;
}

#WarningPreview ul {
margin:0;
padding:0px 0px 10px 10px;
}

#rechnungsBox{
	padding:16px 0 10px 12px;
	background:#fff;
}
#vorschauCart{ width:370px;}

#warenwertBox{
	text-align:right;
	padding: 14px 12px 26px 0;
	background:#fff;
}

#summeBox{
	height:30px;
	padding-top:10px;
}

#zahlweiseInfoBox{
	background:#fff;
	padding:12px; 
}

#bemerkungsBox{
	background:#fff;
	padding:12px 12px 24px 12px;
}
#bemerkungsBox textarea, #bemerkungsBox input{
	border:1px solid #196749;
}
#bemerkungsBox textarea{
	width:522px;
	height:99px;
}

.labelRestText{
	border:1px solid #196749;
	float:right;
	margin-top:1px;
	*margin-right:-1px;
}

#dankeBox{
	background:#fff;
	padding:11px;
	margin-top:20px;
}

.hinweisPw{
	padding:12px 0 12px 12px;
	margin-top:22px;
	background:#fff;
	font-size:11px;
}	

input.email{
	font-size:10px;
	color:#00644c;
	height:14px;
	width:192px;
	border: 1px solid #00644c;
	_margin-top:3px;
}
