/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* + Zusatz-Stylesheet für Shop-Layouts, Einbindung via $nav_id-Abfrage       + */
/* + 6B Neue Medien, Stuttgart – 12/2008                                      + */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++ Haupt-Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#c1-head {
	border-color: rgb(154,230,88);
	border-color: rgb(91,204,35);
}

#c1-main-shop {
	width: 720px;
	margin: 40px 0 0 0;
	padding: 0 20px 50px 10px;
	float: left;
	min-height: 100%;
}

#c1-main-shop-2 {
	width: 710px;
	margin: 40px 0 0 0;
	padding: 0 30px 50px 10px;
	float: left;
	min-height: 100%;
}

#c2-shop-intro {
	background: rgb(217,243,195);
	margin: 340px 0 0 200px;
	border-top: 1px solid rgb(255,255,244); 
}

/* ----Kopf/Fußbereiche (Auswahl, Status etc.) */

.c2-shop-subnavi {
	text-align: right;
	width: 680px;
	padding: 0.5em 50px 1.0em 20px;
	height: 2.0em;
	background: rgb(223,247,201);
	margin-bottom: 10px;
	position: absolute;
	
}

.c3-shop-select {
	float: right;
	margin: 0 0 0 30px;
}

.c3-shop-select#select-suche,
.c3-shop-select#select-wg {
	padding-top: 0.4em;
}

.c2-shop-subnavi-unten {
	width: 690px;
	padding: 20px 20px 0 0;
}

.c2-shop-subnavi-unten li,
.c3-shop-select ul li {
	display: inline;
}

.c2-shop-subnavi-unten li a, .c3-shop-select ul li a,
a#sonderbut-wk, a#sonderbut-back, button#shop-info, button#shop-info-back {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	width: 29px;
	height: 29px;
	background: url(/media/allgemein/button_forward_shop.png) 0 0 no-repeat;
}

.c2-shop-subnavi-unten li.back a { background-image: url(/media/allgemein/button_back_shop.png); }
.c3-shop-select ul li.info a,
button#shop-info { float: left; background-image: url(/media/allgemein/button_info_shop.png); }
button#shop-info-back,  a#sonderbut-back { float: left; background-image: url(/media/allgemein/button_infoback_shop.png); }
.c3-shop-select ul li.wk a, a#sonderbut-wk { float: left; background-image: url(/media/allgemein/button_wk_shop.png); }

.c2-shop-subnavi-unten li a:hover,
.c3-shop-select ul li a:hover,
button#shop-info:hover, a#sonderbut-back:hover, a#sonderbut-wk:hover {
	background-position: 0 -30px;
}


.c2-shop-status, .c2-shop-aktion {
	color: rgb(91,204,35);
	clear: right;
	width: 690px;
	padding: 0.35em 10px 0.5em 10px;
/* 	border-top: 1px solid rgb(154,230,88); */
	border-top: 1px solid;
}

.c2-shop-status {
	margin-bottom: 10px;
/* 	border-bottom: 1px solid rgb(154,230,88); */
	border-bottom: 1px solid;
}

.c2-shop-fehler {
	width: 690px;
	padding: 0.35em 10px 0.5em 10px;
	background: rgb(220,115,142);
	color: white;
	border-top: 1px solid rgb(197,21,66);
	border-bottom: 1px solid rgb(197,21,66);
	margin-bottom: 10px;
}

/*
.c2-shop-aktion {
	clear: right;
	width: 690px;
	padding: 0.35em 10px 0.5em 10px;
	background: rgb(194,240,155);
	border-top: 1px solid rgb(154,230,88);
}
*/


/* ---- Detailansicht Artikel */

#c2-shop-artikelbox {
	background: rgb(240,238,232);
	width: 710px;
	border-bottom: 1px solid white;
}

.c2-shop-kaufen {
	clear: left;
	width: 690px;
	padding: 0.35em 10px 0.5em 10px;
	background: rgb(215,226,240);
	border-bottom: 1px solid white;
}

.c2-shop-kaufen#menge { background: rgb(228,235,245); }
.c2-shop-kaufen#preis { background: rgb(241,245,250); }

#c3-shop-img {
	display: block;
	text-align: center;
	width: 280px;
	padding: 30px 0;
	float: left;
	margin: 0 20px;
}

#c3-shop-text {
	margin: 10px 20px 0 320px;
}

/* ---- Artikel-Auswahl */

.c2-shopauswahl-zeile { /* sorgt für einheitl. Höhe der Auswahlboxen */
	background: url(/media/allgemein/bg_shopauswahl.png) left top repeat-y;
	margin: 0 0 10px 0;
}

.c2-shopauswahl-box {
	float: left;
	width: 350px;
	margin: 0 10px 0 0;
	background: rgb(240,238,232);
}

.c3-shopauswahl-img {
	width: 110px;
	height: 90px;
	text-align: center;
	float: left;
	margin: 10px 0 0 0;
}

.c3-shopauswahl-text {
	margin: 10px 10px 0 110px;	
}

/* ---- Formular-Submits */

#shop-wk-update, .c3-submit#shop-kunde-update {
	margin: 1.0em 0 1.5em 0;
	padding: 0;	
}

.c3-submit#shop-kasse {
	margin: 3.0em 0 0 0;
	padding: 0;
}

/* ++++ Typographie +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#c3-shop-text h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;	
}

.c2-shopauswahl-box h2 {
	font-size: 1.0em;
	line-height: 1.1em;
	padding: 0 0 0.35em 0;
}

.c2-shopauswahl-box p {
	line-height: 1.1em;
	padding: 0 0 0.35em 0;
}

#c2-shop-intro p {
	padding: 10px;
}

/* ++++ Tabellen ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#t-shop-adresse, #t-shop-lieferadresse, #t-shop-zugang, #t-shop-kontaktoptionen {
	width: 340px;
}

#t-shop-anmerkungen {
	margin: 1.0em 0 0 0;
	width: 710px;
}

#t-shop-adresse, #t-shop-zugang {
	float: left;
	margin: 0 30px 0 0;
}

#t-shop-wk {
	width: 710px;
}

/* ---- Zeilen (tr) */

.shop-wk-zeile-1 { background: rgb(241,245,250); }
.shop-wk-zeile-2 { background: rgb(228,235,245); }
.shop-wk-zeile-3 { background: rgb(215,226,240); } /* Summe */

/* ---- Zellen (th, td) */

#t-shop-wk th, #t-shop-wk td {
	padding: 5px 5px 0.7em 5px;
	vertical-align: top;
	border-right: 1px solid white;
}

#t-shop-wk th {
	color: white;
	background: rgb(32,65,132);
}

.shop-wk-r {
	text-align: right;
}

#t-shop-wk th.shop-wk-ende, #t-shop-wk td.shop-wk-ende {
	text-align: right;
	border-right: none;
}

/* ++++ Formulare + Sonstiges +++++++++++++++++++++++++++++++++++++++++++++++++ */

textarea#shop-anmerkungen {
	width: 559px;
	height: 4.0em;
}

button#shop-warengruppe, button#shop-suchen {
	margin-left: 5px;
	vertical-align: top;
	width: 18px;
	height: 19px;
	background: url(/media/allgemein/submit_go_shop.png) 0 0 no-repeat;
}

button#shop-warengruppe:hover, button#shop-suchen:hover {
	background-position: 0 -25px;
}

.c3-shop-select select,
.c3-shop-select input,
.c2-shop-kaufen select,
.c2-shop-kaufen input {
 	background: rgb(255,255,244);
}


form#shop-kundendaten input:focus, form#shop-kundendaten textarea:focus, form#shop-kundendaten select:focus,
form#shop-kundencheck input:focus,
.c3-shop-select select:focus, .c3-shop-select input:focus,
.c2-shop-kaufen select:focus, .c2-shop-kaufen input:focus,
#shop-pay:focus  {
	background: rgb(243,252,235);
}


form#shop-kundencheck table {
	margin-top: 30px;
}

.c3-submit button, .c2-shop-kaufen button {
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.1em;
	padding: 6px 40px 10px 10px;
	background: url(/media/allgemein/bg_submit_shop.png) right top no-repeat;
}

.c2-shop-kaufen button#subwk {
	background-image: url(/media/allgemein/bg_submit_shop_wk.png);
}

.c2-shop-kaufen button:hover {
	background-position: right -30px;
	padding: 7px 40px 9px 10px;
}

a#sonderbut-wk span, a#sonderbut-back span, .c3-shop-select a span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

ul#shop-intro { background: rgb(246,166,0); border-top: 1px solid rgb(255,255,244); padding: 0; }
ul#shop-intro li a { color: rgb(255,255,244); }
#c1-main-shop-2 ul#shop-intro li {	 
	padding: 0.6em 10px 0.7em 10px; 
	font-weight: bold; 
	border-bottom: 1px solid rgb(255,255,244);
}