/*
	Projekt: netmoebel.de
	Datei: shop.css
	Author: Carolin Schwank
*/


/* ----------------------------------------------------- Shop Layout */

#contentArea {
	float: left;
	margin: 20px 0 0 0;
	width: 578px;
}

#contentArea .shopRow {
	margin-bottom: 22px;
}

#contentArea .descProdukt {
	margin: 22px 0 22px 17px;
	width: 240px;
}

#contentArea .preis {
	color: #900;
	font-size: 20px;
	font-weight: bold;
}

#contentArea .preisTab {
	font-size: 12px;
	width: 235px;
}

#contentArea .preisTab .left {
	text-align: left;
}

#contentArea .preisTab .right {
	text-align: right;
}

#contentArea .descProdukt h2 {
	color: #868788;
	font-size: 13px;
	font-weight: bold;
}

#contentArea .produktBox_1 {
	border: 1px solid #C7C7C7;
	float: left;
	/*height: 320px;*/
	min-height: 320px;
	height: auto !important;
	height: 320px;
	width: 265px;
}

#contentArea .produktBox_2 {
	border: 1px solid #C7C7C7;
	float: right;
	/*height: 320px;*/
	min-height: 320px;
	height: auto !important;
	height: 320px;
	width: 265px;
}

#contentArea .imgProdukt {
	text-align: center;
}

#contentArea .shopRow {
	margin-left: 22px;
}

#zahlungsart {}
#zahlungsart div {font-size:11px}
#zahlungsart p {font-size:11px;margin: 0 0 5px 0;}
#zahlungsart h3 {font-size: 12px;font-weight: bold;line-height: 18px;margin: 0 0 10px 0;padding: 0;}
#zahlungsart .left {float: left;width: 20px;}
#zahlungsart .right {float: right;margin: 0 0 0 0;text-align: left;width:530px}
#zahlungsart h6 {font-size:11px;font-weight:normal;margin: 0 0 3px 0;}
#zahlungsart .kontoNR, .bankname, .BLZ {float:left;width: 150px;margin: 0 10px 10px 0;}
#zahlungsart .right input {width: 140px;border-top: 1px solid #CCC;border-right: 1px solid #999;border-bottom: 1px solid #999;border-left: 1px solid #CCC;font: 11px Verdana, Helvetica, Geneva, Arial;padding: 2px;}

#lieferart div {font-size:11px}
#lieferart p {font-size:11px}
#lieferart h3 {font-size: 12px;font-weight: bold;line-height: 18px;margin: 0 0 10px 0;padding: 0;}
#lieferart .left {float: left;width: 20px;}
#lieferart .right {float: right;margin: 0 0 0 0;text-align: left;width:530px}


#toolArea {
	float: right;
	margin: 20px 0 0 0;
	width: 218px;
}

#toolArea p {
	font-size: 11px;
	line-height: 14px;
}

#toolArea h2 {
	background-color: #17952A;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 23px;
	width: 186px;
}

#toolArea #warenkorb span, #toolArea #rueckruf span, #toolArea #kontakt span, #toolArea #vorteile span, #bewUebersicht span, #toolArea #kontaktXL span, #toolArea #hilfeBox span {padding: 0 0 0 10px;}
#toolArea #warenkorb p, #toolArea #rueckruf p, #toolArea #kontakt p, #toolArea #vorteile p, #toolArea #hilfeBox p,#toolArea #bewUebersicht p {padding: 0 0 0 10px;}

#toolArea #warenkorb, #toolArea #rueckruf, #toolArea #kontakt, #toolArea #vorteile, #toolArea #kontaktXL,#toolArea #bewUebersicht, #toolArea #hilfeBox {
	border-left: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	margin: 0 0 16px 0;
	padding-bottom: 15px;
	width: 186px;
}

#toolArea #vorteile ul {
	padding: 10px 0 0 10px;
}

#toolArea #vorteile li {
	background: url(../img/iconVorteil.gif) no-repeat 0 3px transparent;
	margin-bottom: 5px;
	padding-left: 15px;
}

#toolArea h3 {
	color: #868788;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 0
}

#toolArea h4 {
	color: #868788;
	font-size: 11px;
	font-weight: bold;
	margin: 10px
}

#toolArea .button {padding: 0 0 0 10px;}

#toolArea a {color: #000;}
#toolArea a:hover {color: #17952A;}
#toolArea .kontaktEintrag {border-bottom: 1px solid #BBB;margin: 0 10px;}
#toolArea .last {border-bottom:none;}
#toolArea .kontaktEintrag p {margin: 0 0 10px 0;}
#toolArea .kontaktEintrag h3 {margin: 10px 0 5px 0;color: #868788}
#toolArea a {color: #000;}
#toolArea a:hover {color: #AE141C;}

#toolArea .warenkorb {
	margin: 0 0 15px 10px;
	font-size: 11px;
	line-height: 14px;
	width:165px;
}

#toolArea .warenkorb .left {
	text-align: left;
}

#toolArea .warenkorb .right {
	text-align: right;
}

#toolArea .warenkorb .summe {
	color: #AE141C;
	font-weight: bold;
	padding: 5px 0 0 0;
}

#toolArea .warenkorb .preis {
	font-weight: bold;
}

#toolArea .warenkorb .trenner {
	background: url(../img/dotGrau.gif) repeat-x 0 5px transparent;
	height: 10px;
}

#toolArea #bewUebersicht table {width: 90%; margin: 10px 0 0 10px; font-size:0.8em}
#toolArea #bewUebersicht td {padding-bottom: 5px}
#toolArea #bewUebersicht .note{text-align: right; }


#contentArea .produktListe {
	width: 100%
}

#contentArea .produktListe th {
	border-bottom: 1px solid #C7C7C7;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 0;
}

#contentArea .produktListe td {
	border-bottom: 1px solid #C7C7C7;
	font-weight: normal;
	font-size: 12px;
	padding: 5px 0;
	vertical-align: top;
}

#contentArea .produktListe td.bild {
	text-align: left;
	width: 120px;
}

#contentArea .produktListe td.betrag {
	width: 120px;
	text-align: right;
	vertical-align: bottom;
}

#contentArea .produktListe td.betrag span.preis {
	font-size: 14px;
	font-weight: bold;
}

#contentArea .produktListe tr:hover {
	background-color: #F0F0F0;
}

#contentArea .produktListe td.desc {
	padding-right: 20px;
}

#contentArea .produktListe td.desc h3 {
	font-weight:bold;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#contentArea .produktListe td.desc p {
	font-size: 11px;
	margin: 5px 0;
	padding: 0;
}

.produktDetails {}
.produktDetails .imgProduktDetail {float: left;text-align: left;width: 280px;}
.produktDetails .imgProduktDetail_klein {margin: 25px 0 0 0;}
.produktDetails .imgProduktDetail_klein img {margin: 0 15px 0 0;}
.produktDetails .descProduktDetails {text-align: left;margin-left: 280px;width: 270px}
.produktDetails .preisTab2 {font-size: 12px;width: 270px;}
.produktDetails .preisTab2 .left {text-align: left;}
.produktDetails .preisTab2 .right {text-align: right;}
.shopRow .button {margin-top: 15px;text-align: right;}
.produktDetails .button a {display:block;margin-bottom: 5px;}
.produktDetails h2 {font-weight: bold;font-size: 13px;margin: 0 0 5px 0;}

#contentArea .warenkorbListe {margin-bottom: 10px;width: 100%}
#contentArea .warenkorbListe th {border-bottom: 1px solid #C7C7C7;font-weight: bold;font-size: 11px;padding: 5px 0;}
#contentArea .warenkorbListe td {border-bottom: 1px solid #C7C7C7;font-weight: normal;font-size: 11px;padding: 5px 0;vertical-align: top;}
#contentArea .warenkorbListe td.bild {text-align: left;width: 110px;}
#contentArea .warenkorbListe .gesamtpreis {color: #900;font-weight: bold;width: 90px;text-align: right;}
#contentArea .warenkorbListe .preis {color: #000;width: 60px;text-align: right;}
#contentArea .warenkorbListe .loeschen {color: #000;width: 40px;text-align: right;}
#contentArea .warenkorbListe td.menge {width: 60px;text-align: left;}
#contentArea .warenkorbListe td.menge input {font-size:11px;font-family:verdana;margin:0;}
#contentArea .warenkorbListe td.desc {padding-right: 20px;width: 210px;}
#contentArea .warenkorbListe td.desc h3 {font-weight:bold;font-size: 11px;margin: 0;padding: 0;}
#contentArea .warenkorbListe td.desc p {font-size: 11px;margin: 5px 0;padding: 0;}


#contentArea .formBox_1 {
	border: 1px solid #C7C7C7;
	float: left;
	height: 330px;
	width: 265px;
}

#contentArea .formBox_2 {
	border: 1px solid #C7C7C7;
	float: right;
	height: 330px;
	width: 265px;
}

#contentArea .formBox_3 {
	border: 1px solid #C7C7C7;
	float: left;
	height: 130px;
	width: 265px;
}

#contentArea .formBox_4 {
	border: 1px solid #C7C7C7;
	float: right;
	height: 130px;
	width: 265px;
}

.formBox_1 h3, .formBox_2 h3, .formBox_3 h3, .formBox_4 h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin: 5px 0 0 10px;
	padding: 0;
}

.formBox_1 p, .formBox_2 p, .formBox_3 p, .formBox_4 p {
	font-size: 11px;
	margin: 10px;
}

fieldset {
	font-size: 11px;
}

.buttonAbsenden {
	text-align: right;
	margin-top: 15px;
}

.absendenForm {
	border: 0;
	background: url(../../images/buttonAbsendenKurz.gif) no-repeat 0 0 transparent;
	height: 21px;
	width: 180px;
}

.buttonAbsenden .absenden {
	border: 0;
	background: url(../img/buttonAbschicken.gif) no-repeat 0 0 transparent;
	height: 21px;
	width: 180px;
}

.buttonAbsenden .absenden_uebersicht {
	border: 0;
	background: url(../img/buttonUebersicht.gif) no-repeat 0 0 transparent;
	height: 21px;
	width: 180px;
}

.buttonAbsenden .absenden_zahlung_lieferung {
	border: 0;
	background: url(../img/buttonZahlung.gif) no-repeat 0 0 transparent;
	height: 21px;
	width: 250px;
}


.buttonAnfrageAbsenden .absenden {
	border: 0;
	background: url(../img/buttonAnfrage.gif) no-repeat 0 0 transparent;
	height: 21px;
	width: 180px;
}

fieldset.zahlungsart  {
	margin: 0 10px 0 10px;
}

fieldset.zahlungsart div {
	margin: 3px 0;
}

/* DL als Formularstruktur */

dl.formular {
	margin: 20px 10px 10px 10px;
}

dl.formular dt {
	float:left;
	width:80px;
}

dl.formular dd {
	margin-left:85px;
}

dl.formular dd select {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 2px;
	margin-bottom: 4px;
}

dl.formular dd input {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 2px;
	margin-bottom: 4px;
}

dl.formular dd input.lengthLong {width: 150px;}
dl.formular dd input.lengthShort {width: 35px;margin-right:2px}
dl.formular dd input.lengthMid {width: 107px;}

/*formular für Kontakt / Preisanfrage / Produktanfrage */

dl.formular2 {
	margin: 20px 10px 10px 0;
}

dl.formular2 dt {
	float:left;
	width:120px;
}

dl.formular2 dd {
	/*margin-left:85px;*/
	margin-left:125px;
}

dl.formular2 dd select {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 2px;
	margin-bottom: 4px;
}

dl.formular2 dd input {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 2px;
	margin-bottom: 4px;
}
dl.formular2 dd textarea {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 2px;
	margin-bottom: 4px;
	width: 300px;
}

dl.formular2 dd input.lengthLong {width: 250px;}
dl.formular2 dd input.lengthShort {width: 35px;margin-right:2px}
dl.formular2 dd input.lengthMid {width: 207px;}

#contentArea .formBox_2 {
	border: 1px solid #C7C7C7;
	float: right;
	width: 265px;
}

.crossSelling {font-weight: bold;font-size: 11px;color: #868788;}

ul.fehler {background-color:#f8eded;border: 1px solid #cc7f7f;color:#AE141C;font-size: 11px;padding:5px;margin: 0 0 10px 0}
ul.fehler li {
	list-style: disc;
	margin-left: 20px;
}
.anweisung {
	font-size: 10px;
	padding: 5px 10px 0 10px;
}



/*ergänzt von alex */
dl.formular dd textarea {
	border-top: 1px solid #CCC;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #CCC;
	font: 11px Verdana, Helvetica, Geneva, Arial;
	padding: 2px;
	margin-bottom: 4px;
}

#bewertung table{margin-bottom: 10px; table-layout:fixed; width:485px; border-collapse:collapse;}

#bewertung td {padding: 10px;}
#bewertung td .note{text-align: right; border: 1px solid black}
	
#bewFrage {border:1px solid #ccc; border-right: 0; vertical-align:top}
#bewSterne {border:1px solid #ccc; border-left: 0; width:100px}

#AnfrageForm h3 {
	color: #868788;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 0
}

#AnfrageForm td {
	padding: 0 30px 0 0;
}

#check4noHuman {visibility:hidden;display:none;}

/* Rückrufformular */

#rueckruf input.rueckrufInput{
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	height: 17px;
	margin: 0 0 7px 0;
	width: 152px;
}

#rueckruf select {
	width: 73px;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	height: 22px;
	margin: 0 5px 0 0;
}

#rueckrufbox {margin: 0 0 15px 0}

#kundenbewertung {margin: 20px 0 0 0; border-bottom: 1px solid #ccc}

#kundenbewertung table {table-layout:fixed; border-collapse:collapse; width:500px }

#kundenbewertung .sterne {width: 200px}
#kundenbewertung .note {font-size: 0.8em}

#bestellleiste { margin: 5px 0 20px 15px; padding:0; font-size:0.7em; color:#CCC }
#bestellleiste .nummer {border: 1px solid #ccc; padding: 2px;margin: 5px 5px 0 10px}
#bestellleiste .aktiv {font-weight: bold; color: #333}
#bestellleiste .aktiv .nummer {font-weight: bold;background-color: #666; color: #FFF}

#produktliste_hersteller { background-color:#9B9C9D; padding: 10px; font-size: 10px; font-family: Verdana, Geneva, sans-serif; padding-bottom: 10x;}
#produktliste_hersteller .sort_hersteller {float:left; border: 1px solid black; }
#produktliste_hersteller .sort_preis { margin-right: 10px;}
#produktliste_hersteller h3 { color: #fff; font-weight: bold; margin:0 0 5px 0; padding: 0}
#produktliste_hersteller input {background-color:#FFF; border:1px solid #ccc;}
#produktliste_hersteller select {background-color:#FFF; border:1px solid #ccc; }

#sort_list_toogle {font-size: 10px; color: #FFF; background-color:#9B9C9D; padding: 5px; font-weight:bold }

/*Formular Auftragslogin */

#AngebotLogin {font-size:12px; font-family: Verdana, Geneva, sans-serif; margin-bottom: 20px; width: 550px}
#AngebotLogin h3 {
	color: #868788;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 10px 0
}


#AngebotLogin .form_left {width: 200px; float: left}
#AngebotLogin .form_right {padding-top: 35px }
#AngebotLogin .form_right table {width: 350px;  }
#AngebotLogin .form_right td {padding: 2px 5px;  }

#AngebotLogin .float_left {width: 130px; float: left;display: block}

#AngebotLogin .auftrag td {padding: 2px 5px;  }

#AngebotLogin .table_pos {width:550px;}
#AngebotLogin .table_pos td, #AngebotLogin .table_pos th {padding: 2px 5px; border-bottom: 1px solid #666 }

#AngebotLogin .preisuebersicht {margin-left:300px; width: 100px; float:left}
#AngebotLogin .preisuebersicht_summe {margin-left:300px; border-top: 2px solid #000; width: 170px; float:left; font-weight:bold}
#AngebotLogin .preisuebersicht_summe_wert {margin-left: 300px; border-top: 2px solid #000; font-weight: bold; text-align:right} 
#AngebotLogin .wert_right {text-align: right} 

.buttonAbmelden{display: block;height: 48px;margin: 0 0 20px;}