/* ------------------------ */
/* SHOP-Elemente -> Ihr Warenkorb in linker Navigation - Zusätzliche Definitionen */

/* andere Einträge */
ul#warenkorb li.sub1{
	text-align:right;
	width:202px;
	padding:0 10px 0 0;
	position:relative;
}

li.sub1 b{
	position:absolute; right:75px;
}

#gesamtwert, #gesamtanzahl, #gesamttext{
	font-weight:bold; font-size:12px;
}
#gesamtanzahl, #gesamttext{
	position:absolute;
}

#gesamtwert{
	color:#E6003B !important;
}
#gesamtanzahl{
	right:167px;
}
#gesamttext{
	left:51px;
}

/* IE7 Hacks */
*+html #gesamtanzahl, *+html #gesamttext{
  top:0;
}
/* IE6 Hacks */
* html #gesamtanzahl, * html #gesamttext{
	top:0;
}

/* letzter Eintrag */
ul#warenkorb li.abschluss{
	padding-left:10px;
	width:202px;
	height:27px;
	font-weight:normal;
	vertical-align:top;
}

ul#warenkorb li.abschluss a{
	background:url(../pics/suche/erweitertinaktiv8.png) no-repeat 0 5px;
	padding:5px 0 0 18px;
	font-size:11px;
	height:15px;
	line-height:12px;
	display:block;
}

ul#warenkorb li.abschluss a:hover{
	color:#E80F3C;
	background:url(../pics/suche/erweitertaktiv8.png) no-repeat 0 5px;
}

/* ------------------------ */
/* SHOP-Elemente in der Produktansicht */
.conprice{
	margin:0 0 0 13px;
	font-size:10px;
	line-height:15px;
	position:absolute;
	top:-53px;
}

	#summe_weiter .conprice{
		top:25px; right:0;
	}

.conprice span{
	color:#E6003B;
	font-size:18px;
	font-weight:bold;
}

.conprice a{
	color:#E6003B;
	font-size:10px;
	line-height:12px;
	text-decoration:underline;
}

#conshop{
	width:687px; height:46px;
	padding-top:1px;
	line-height:17px;
	clear:both;
	position:relative;
}

#conshop form{
	border-top: 1px solid #C2C2C2;
	margin-left:10px;
	width:656px;
	padding:11px 0 0 0;
	text-align:left;
}

#conshop select{
	width:41px; border:1px solid #C2C2C2;
	margin:0 4px 0 3px;
}

#conshop option{
	padding-left:3px;
	border:none;
}

/* OOCSS 
.button{ /* inputs und a-Tags 
	background:url(../pics/buttons/red.png) no-repeat left center;
	/* Hack von Matthias -> Entfernen der border des Submit-Buttons -> padding:0px 2px 2px 2px; 
	padding:0 2px 2px 0;
	height:22px; width:147px;
	border:none; color:#fff; font-weight:bold;
	text-align:center;
	cursor:pointer;
}
*+html .button{ /*IE7 Hack 
	padding-top:3px;
}
a.button{
	line-height:25px;
}
a.button:hover{
	color:white !important; /* damit es bei rotem Button keinen roten hover gibt 
}
*+html a.button{ /*IE7 Hack 
	line-height:21px;
}
	.inwarenkorb{
		background-image:url(../pics/shop/warenkorb_button.gif);
		text-align:left; padding-left:33px;
		margin-left:10px;
	}
	
	.lb_popupclose{
		position:absolute;
		right:5px; bottom:5px;
	}
	.lb_popupcancel{
		position:absolute;
		left:5px; bottom:5px;
	}
	.weiter{
		position:absolute;
		right:0; bottom:0px;
	}
	.aktualisieren{
		background-image:url(../pics/shop/aktualisieren.png);
		text-align:left; margin:0; padding-left:20px;
		width:auto;
		color:#4D4D4D;
	}
	.aktualisieren:hover{
		color:#E6003B;
	}
	
	.gray{
		background-image:url(../pics/buttons/gray.png);
	}
*/
	
/* --- */
/* neuer Button mit variabler Breite - benötigt div-Tag um das a-Tag oder das input-Tag */
/* Klasse(n) werden immer dem DIV zugewiesen */

.button{
	background:url(../pics/buttons/buttonend.png) no-repeat right;
	position:absolute;
}

.button a, .button input{
	display:block;
	color:white !important;
	text-decoration:none !important;
	font-weight:bold;
	
	background:url(../pics/buttons/buttonstart.png) no-repeat left;
	background-color:transparent;
	
	padding:0 5px 1px 5px;
	height:22px;
	line-height:22px;
	
	/* IE 6  - Breite des Links nur anhand des Inhaltes bestimmen
	- siehe auch http://stackoverflow.com/questions/1304037/css-div-width-content-width-only 
	- funktioniert auch mit nur float:left; !!!, da display:inline-block laut css4you nicht vom IE6 unterstützt wird */
	float:left;
}

.button input{
	border:none;
	cursor:pointer;
	padding-bottom:3px;
	overflow:visible; /* for IE 7 */
}

.button a:hover{
	color:white;
}
	
	.button_weiter{
		right:0; bottom:0px;
	}
	
	.button_gray, .button_aktualisieren{
		background:url(../pics/buttons/buttonend_gray.png) no-repeat right;
	}
	
	.button_gray a, .button_gray input{
		background:url(../pics/buttons/buttonstart_gray.png) no-repeat left;
	}
	
	.button_aktualisieren input{
		padding-left:26px;
		background:url(../pics/buttons/buttonstart_aktualisieren.png) no-repeat left;
	}
	
	.button_inwarenkorb{
		position:relative;
		float:right;
	}
	
	.button_inwarenkorb input{
		padding-left:36px;
		background:url(../pics/buttons/buttonstart_warenkorb.png) no-repeat left;
	}
	
	/* Popups */
	.lb_popupclose{
		right:5px; bottom:5px;
	}
	
	.lb_popupcancel{
		left:5px; bottom:5px;
	}
	
	/* kleine Buttons */
	.button_small{
		background:url(../pics/buttons/buttonend_gray_small.png) no-repeat right;
	}

	.button_small a{
		background-image:url(../pics/buttons/buttonstart_gray_small.png);
	}

	.button_entfernen{
		top:78px;
	}
	
	.button_entfernen a{
		padding-left:26px;
		background-image:url(../pics/buttons/buttonstart_entfernen.png);
	}



/* ------------------------ */
/* Produktliste des Shops */
#prodlist_header{
	background:url(../pics/shop/prodlist_header.png) no-repeat;
	height:35px;
	margin:-12px -14px 0 -14px;
	
	padding-top:15px;
	padding-left:15px;
}
/*
#prodlist_header a{
	font-size:16px;
	margin-right:20px;
	font-weight:bold;
	color:#4D4D4D;
}
*/

#prodlist_header span{
	font-size:16px;
	margin-right:20px;
	font-weight:bold;
	color:#A6A6A6;
}

#prodlist_header span.active{
	color:#E6003B;
}

/*
#prodlist_header a:hover, #prodlist_header a.active{
	color:#E6003B;
}
*/

.col_headings{
	border-bottom:1px solid #C3C3C3;
	margin:13px 0 0 0;
	color:#4D4D4D;
	font-weight:bold;
	padding-left:5px;
	height:14px;
	position:relative;
}

.col_headings span{
	font-size:11px;
	position:absolute;
}

/* ------------------------ */
/* Änderungen im Vergleich zur normalen Produktliste */
#prodlist_warenkorb{
	margin-top:5px;
	border-bottom:1px solid #C3C3C3;
}

#prodlist_warenkorb li{
	padding-left:101px;
	border:none;
	border-bottom: 1px dotted #E6003B;
	height:103px;
	margin-bottom:5px;
}

#prodlist_warenkorb li:last-child{
	border-bottom:none;
	margin-bottom:0;
}

#prodlist_warenkorb .prod_image_popup_link{
	width:90px; height:90px;
}

#prodlist_warenkorb a{
	font-size:12px;
	text-decoration:underline;
	margin:0;
}
/*
#prodlist_warenkorb .entfernen{
	background:url(../pics/shop/entfernen.png) no-repeat 0 2px;
	color:#4D4D4D;
	padding-left:18px;
	text-decoration:none;
	position:absolute;
	top:78px;
}
*/

/*
#prodlist_warenkorb .entfernen:hover{
	color:#E6003B;
}
*/

.fh{
	position:absolute;
	top:78px; left:405px;
	text-align:right;
	width:40px;
	padding:1px;
}

.fh input{
	border:1px solid #A6A6A6;
	width:20px !important;
}

/* ------------------------ */
/* Belegfuss */
#summe_weiter{
	/*height:85px;*/
	height:105px;
	padding-top:8px;
	position:relative;
}

/*
.preistext{
	position:absolute;
	right:100px; top:6px;
	color:#E6003B;
	font-weight:bold;
}
*/

.sum_text{
	position:absolute;
	right:100px; top:6px;
	color:#4D4D4D;
	font-weight:bold;
	line-height:19px;
	text-align:right;
}

.sum_text .small{
	font-size:10px;
	font-weight:normal;
}

.sum_text .red{
	color:#E6003B;
}


/* ------------------------ */
/* Kundendatenformular */
fieldset{
	border:none;
	margin-top:20px;
	
	/* "Hack" für Hintergrund der Legend - legend ist normalerweise oberhalb des fieldsets*/
	position:relative;
	padding:27px 0 0 0;
	background:url(../pics/shop/shop_formtrenner.png) no-repeat;
}

legend{
	padding:0 10px 0 10px;
	font-size:14px;
	font-weight:bold;
	color:white;
	/*white-space:normal;*/
	
	/* "Hack" für Hintergrund der Legend - legend ist normalerweise oberhalb des fieldsets*/
	position:absolute;
	margin:-24px 0 0 0;
}

.fieldholder{
	position:relative;
	margin:0 0 0 0;
	padding:3px 3px 3px 19px; /* für Markierung des gesamten Blocks -> muss input-Feld mit einschließen */
	border:1px solid transparent;
	min-height:15px;
	float:left;
}

.fieldholder br{
	clear:both;
}

label, .labelersatz{
	width:auto; /* Breite an Textlänge anpassen */
	display:block;
	border:1px solid transparent;
}

	.pflicht:after{ /* kennt IE bis v7 nicht */
		content:" *";
		color:red;
	}

	.radio{
		float:left;
		cursor:pointer;
		text-align:left !important;
	}

input[type='text']{
	width:280px;
}

input[type='radio'], input[type='checkbox']{
	width:auto;
	float:left;
	
	top:10px;
	margin-right:10px;
}

input[type='checkbox']{
	top:3px;
}

select{
	width:282px;
	margin-top:-1px;
}

.erlaeuterung{
	float:left;
	width:428px;
	margin:2px 0 0 10px;
}

/* umschließende DIVS bei Radio-Buttons (innerhalb der fieldholder) */
.radio_holder{
	float:left;
	margin-top:7px;
}

/* ----------------------------------------------------------------------- */
/* "demografische" Darstellung */
.demografisch .fieldholder{
	margin-right:0 !important;
	clear:both;
	min-height:12px;
	/*Üwidth:630px;*/
}

.demografisch label, .demografisch .labelersatz{
	float:left;
	width:202px;
	text-align:right;
	padding-right:15px;
	margin-bottom:0;
}

	.demografisch .pflicht{
		padding-right:7px;
		
		width:210px;
	}
	
	.demografisch .radio{
		width:278px;
	}

.demografisch input[type='text']{
	width:319px;
}

.demografisch select{
	width:321px;
}

.demografisch input[type='radio']{
	top:2px;
}

.demografisch .radio_holder{
	margin-left:219px;
}

/* alt - Anordnung Label-Input nebeneinander
.fieldholder{
	position:relative;
	margin:10px 0 0 0;
	padding:3px 0 3px 0;
	border:1px solid transparent;
	min-height:15px;
}

label, .labelersatz{
	width:100px;
	display:block;
	float:left;
}

.pflicht:after{
	content:" *";
	color:red;
}

input{
	float:left;
}

input[type='text']{
	width:206px;
	top:-1px;
	border:1px solid #A6A6A6;
}

input[type='radio']{
	width:auto;
	border:1px solid transparent;
}
*/

/* IE 6
.input{
	float:left;
}

.text{
	width:100px;
	float:left;
	top:-1px;
	border:1px solid #A6A6A6;
}

input.radio{
	width:auto;
	margin-right:0;
	border:1px solid transparent;
}
label.radio{
	width:auto;
	float:left;
	margin:0 40px 0 7px;
}
*/
/* ------------------------ */
/* Kundendatenformular - Fehlerbehandlung */
.error{
	border:1px solid red;
	background:url(../pics/shop/error.png) no-repeat 2px center;
}

span.errmsg{
	display:block;
}

span.errmsg strong{
	font-size:12px;
	color:red; border:none;
}



/* nur für IE 7 */
*:first-child+html .demografisch select{
	width:323px;
}

*:first-child+html .demografisch .radio_holder{
	width:410px;
}

*:first-child+html legend{
	left:0; top:0; margin-top:3px;
}

/* nur für IE 6 */
* html legend{
	top:3px; left:0;
	margin-top:0;
}

* html .fieldholder{
	border:none;
	vertical-align:top;
}

* html label, * html .labelersatz{
	border:none;
}

* html .radio_holder{
	/* Korrektur des double float margin bugs */
	display:inline;
}

* html .radio{
	margin-left:6px;
}

* html .ie6_radio_input{
	float:left;
	top:-3px;
}

* html .ie6_text_input{
	width:317px;
}

* html .ie6_checkbox_input{
	float:left;
}

* html .error{
	border:1px solid red;
}