/*
 * $Id: bestellung.css 99 2008-02-18 15:01:20Z benzman $
 */

/*********************************************/
/* Bestellung                                */
/*********************************************/
div#bestellung { 
	padding: 10px 0px 10px 10px; 
	border: 1px solid #2D6FC3; 
	background: #F6F6F6; 
	width: 818px;
}

/* Navigationsleiste */
div#bestellung div.navigation {
	margin-bottom: 10px;
	height: 29px;
}
div#bestellung div.navigation div {
	font-weight: bold;
	float: left;
}
div#bestellung div.navigation div.wkorb_icon {
	padding: 3px 10px;
	border-left: 1px solid #2D6FC3;
	border-top: 1px solid #2D6FC3;
	border-bottom: 1px solid #2D6FC3;
	background: #FFFFFF;
	width: 20px; height: 16px;
}
div#bestellung div.navigation div.akt_schritt {
	color: #2D6FC3; line-height: 22px;
	border-top: 1px solid #2D6FC3;
	border-bottom: 1px solid #2D6FC3;
	background: #FFFFFF;
	width: 234px; height: 22px;
}
div#bestellung div.navigation div.schritt a {
	text-decoration: none; color: #2D6FC3;
}
div#bestellung div.navigation div.schritt_a a {
	text-decoration: none; color: #FFFFFF;
}
div#bestellung div.navigation div.schritt {
	text-align: center; line-height: 22px;
	border-top: 1px solid #2D6FC3;
	border-bottom: 1px solid #2D6FC3;
	background: #FFFFFF;
	height: 22px;
}
div#bestellung div.navigation div.schritt_a {
	text-align: center; line-height: 24px;
	background: #2D6FC3;
	height: 29px;
}
div#bestellung div.navigation div.schritt1 {
	width: 108px; 
}
div#bestellung div.navigation div.schritt2 {
	width: 88px;
}
div#bestellung div.navigation div.schritt3 {
	width: 182px;
}
div#bestellung div.navigation div.schritt4 {
	width: 79px;
}
div#bestellung div.navigation div.schritt5 {
	border-right: 1px solid #2D6FC3;
	width: 74px;
}

/* Produktauflistung */
div#bestellung div.produktliste {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 805px;
}
div#bestellung div.produktliste table.head td {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	background: #2D6FC3;
}
div#bestellung div.produktliste div.empty {
	text-align: center; font-style: italic;
	padding: 10px;
	background: #FFFFFF;
}
div#bestellung div.produktliste table.row {
	background: #FFFFFF;
	border-top: 1px solid #2D6FC3;
}
div#bestellung div.produktliste table.row td.spalte1 {
	vertical-align: top;
	padding-top: 5px;
}
div#bestellung div.produktliste table.row td.spalte1 input.input_menge {
	text-align: right;
	padding: 2px;
	border: 1px solid #2D6FC3;
	width: 25px; height: 14px;
}
div#bestellung div.produktliste table.row td.spalte2 {
	vertical-align: top; line-height: 20px;
}
div#bestellung div.produktliste table.row td.spalte2 div.produktname {
	font-weight: bold; line-height: 24px;
}
div#bestellung div.produktliste table.row td.spalte5 {
	vertical-align: top;
	padding: 5px;
}
div#bestellung div.produktliste table.row td.bottom {
	vertical-align: bottom;
	padding-bottom: 10px;
}
div#bestellung div.produktliste table.row td.bottom input.button {
	background: #FFFFFF;
	border: 1px solid #2D6FC3;
}
div#bestellung div.produktliste table.row td.aufdrucke {
	line-height: 16px;
	padding-bottom: 5px;
}

/* Zusatzangebot */
div#bestellung div.angebot {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 805px;
}
div#bestellung div.angebot div.head {
	color: #FFFFFF; line-height: 22px; text-align: center; font-weight: bold;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.angebot div.body {
	text-align: center;
	padding: 0px 65px 0px 40px;
	background: #FFFCC9;
}
div#bestellung div.angebot div.preis {
	background: url(../images/angebot-preis-bg.gif) center no-repeat;
	margin-left: 20px;
	width: 116px; height: 107px; float: right;
}
div#bestellung div.angebot div.preis div.inner {
	text-align: center; font-size: 11px;
	padding-top: 30px;
	padding-left: 10px;
}
div#bestellung div.angebot div.preis strong.gross {
	font-size: 16px;
}
div#bestellung div.angebot div.produktbild {
	border: 1px solid #2D6FC3;
	margin-right: 25px; margin-top: 10px;
	width: 88px; height: 88px; position: relative; float: left;
}
div#bestellung div.angebot div.produktbild img.produktbild_klein {
	width: 88px; height: 88px;
}
div#bestellung div.angebot div.produktbild img.produktbild_gross {
	border: 1px solid #2D6FC3;
	width: 250px; height: 250px; position: absolute; top: -80px; left: -210px;
}
div#bestellung div.angebot div.beschreibung {
	text-align: left;
	padding-top: 15px;
}
div#bestellung div.angebot div.beschreibung form {
	margin-top: 10px;
}

/* Gutschein-Code Eingabe */
div#bestellung div.gutscheinfeld {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 805px;
}
div#bestellung div.gutscheinfeld div.head {
	color: #FFFFFF; line-height: 22px; text-align: center; font-weight: bold;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.gutscheinfeld div.body {
	text-align: center;
	padding: 10px 5px;
	background: #FFFFFF;
}
div#bestellung div.gutscheinfeld div.body form {
	margin: 0; padding: 0;
}
div#bestellung div.gutscheinfeld div.body input.text {
	padding: 1px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	width: 250px;
}
div#bestellung div.gutscheinfeld div.body input.button {
	color: #FFFFFF; font-weight: bold;
	padding: 1px 0px;
	border: none;
	background: #2D6FC3;
	width: 140px;
}

/* Preisauflistung */
div#bestellung div.preisliste {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 805px;
}
div#bestellung div.preisliste div.head {
	color: #FFFFFF; line-height: 22px; text-align: center; font-weight: bold;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.preisliste div.body {
	padding: 5px 5px 20px;
	background: #FFFFFF;
}
div#bestellung div.preisliste div.body table {
	width: 338px;
}
div#bestellung div.preisliste div.body table td {
	padding: 3px 10px;
}
div#bestellung div.preisliste div.body div.linie {
	margin: 5px 0px;
	background: #000000;
	width: 420px; height: 1px; overflow: hidden;
}

/* Buttons */
div#bestellung div.buttons {
	text-align: right;
}
/*
div#bestellung div.buttons input {
	font-size: 14px; font-weight: bold;
	margin-left: 10px;
	padding: 2px;
	width: 240px;
}
div#bestellung div.buttons input.button_einkaufen {
	color: #2D6FC3;
	background: #D9DADB;
	border: 2px solid #2D6FC3;
}
div#bestellung div.buttons input.button_bestellen {
	color: #DB3D20;
	background: #FFF000;
	border: 2px solid #DB3D20;
}
*/

/* Login für Bestandskunden */
div#bestellung div.bestandskunde {
	border: 1px solid #2D6FC3;
	width: 238px;
}
div#bestellung div.bestandskunde div.head {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	padding-left: 5px;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.bestandskunde div.body {
	padding: 15px 10px;
	background: #FFFFFF;
}
div#bestellung div.bestandskunde div.body p {
	line-height: 20px;
	margin: 5px 0px;
	padding: 0px;
}
div#bestellung div.bestandskunde div.body form {
	margin: 0px;
	padding: 5px 10px;
}
div#bestellung div.bestandskunde div.body input.text {
	padding: 1px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	width: 136px;
}
div#bestellung div.bestandskunde div.body input.button {
	color: #FFFFFF; font-weight: bold;
	padding: 1px 0px;
	border: none;
	background: #2D6FC3;
	width: 140px;
}

/* Formular für Neukunden */
div#bestellung div.neukunde {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 555px;
}
div#bestellung div.neukunde div.head {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	padding-left: 5px;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.neukunde div.body {
	padding: 15px 10px;
	background: #FFFFFF;
}
div#bestellung div.neukunde div.body p.strong {
	font-weight: bold;
	padding: 0;
	margin: 0;
	height: 20px;
}
div#bestellung div.neukunde div.body div.anredeselect_gelb { 
	line-height: 16px; 
	padding-left: 1px; 
	border: 1px solid #2D6FC3; 
	background: #FFFCC9; 
	width: 147px; height: 16px; overflow: hidden;
}
div#bestellung div.neukunde div.body div.landselect_gelb { 
	line-height: 16px; 
	padding-left: 1px; 
	border: 1px solid #2D6FC3; 
	background: #FFFCC9; 
	width: 147px; height: 16px; overflow: hidden;
}
div#bestellung div.neukunde div.body input.text_gelb {
	line-height: 16px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	width: 148px;
}
div#bestellung div.neukunde div.body input.text_mittel_gelb {
	line-height: 16px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	width: 88px;
}
div#bestellung div.neukunde div.body input.text_kurz_gelb {
	line-height: 16px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	width: 48px;
}
div#bestellung div.neukunde div.body input.text_extrakurz_gelb {
	line-height: 16px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	width: 28px;
}
div#bestellung div.neukunde div.body div.anredeselect_grau { 
	line-height: 16px; 
	padding-left: 1px; 
	border: 1px solid #2D6FC3; 
	background: #F6F6F6; 
	width: 147px; height: 16px; overflow: hidden;
}
div#bestellung div.neukunde div.body div.landselect_grau { 
	line-height: 16px; 
	padding-left: 1px; 
	border: 1px solid #2D6FC3; 
	background: #F6F6F6; 
	width: 147px; height: 16px; overflow: hidden;
}
div#bestellung div.neukunde div.body input.text_grau {
	line-height: 16px;
	border: 1px solid #2D6FC3;
	background: #F6F6F6;
	width: 148px;
}
div#bestellung div.neukunde div.body div.selectbox { 
	border: 1px solid #2D6FC3; 
	background: #FFFFFF; 
	position: absolute; left: -1px; top: -1px;
}
div#bestellung div.neukunde div.body div.selectbox a { 
	color: #000000; line-height: 16px; text-decoration: none; 
	padding-left: 1px; 
	display: block; 
}
div#bestellung div.neukunde div.body div.selectbox a:hover { 
	color: #FFFFFF; 
	background: #6C9AD5; 
}

/* Adressauswahl */
div#bestellung div.adressauswahl {
	padding: 10px;
	width: 230px;
}
div#bestellung div.adressauswahl input.button {
	color: #FFFFFF; font-weight: bold;
	background: #2D6FC3;
	border: none;
	width: 150px;
}

/* Zahlungsart-Auswahl */
div#bestellung div.zahlungsart {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 555px;
}
div#bestellung div.zahlungsart div.head {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	padding-left: 5px;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.zahlungsart div.body {
	padding: 15px 15px;
	background: #FFFFFF/* bottom right no-repeat url('../images/zahlungsmoeglichkeiten-kasten.jpg')*/;
}
div#bestellung div.zahlungsart div.body input.text {
	line-height: 16px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	width: 188px;
}

/* Angaben überprüfen */
div#bestellung div.pruef_angaben {
	border: 1px solid #2D6FC3;
	background: #FFFFFF;
	width: 238px;
}
div#bestellung div.pruef_angaben div.head {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	padding-left: 5px;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.pruef_angaben div.body {
	padding: 15px 10px;
}
div#bestellung div.pruef_angaben div.body p {
	line-height: 18px;
	margin: 5px 0px;
	padding: 0px;
}

/* Produktauflistung überprüfen */
div#bestellung div.pruef_produkte {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 555px;
}
div#bestellung div.pruef_produkte table.head td {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	background: #2D6FC3;
}
div#bestellung div.pruef_produkte table.row {
	border-top: 1px solid #2D6FC3;
	background: #FFFFFF;
}
div#bestellung div.pruef_produkte table.row td.spalte1 {
	vertical-align: top; text-align: right;
	padding-top: 15px;
}
div#bestellung div.pruef_produkte table.row td.spalte2 {
	vertical-align: top; line-height: 20px;
	padding-top: 10px;
}
div#bestellung div.pruef_produkte table.row td.spalte2 div.produktname {
	font-weight: bold; line-height: 24px;
}
div#bestellung div.pruef_produkte table.row td.spalte5 {
	vertical-align: top;
	padding: 12px 5px;
}

/* Preise prüfen */
div#bestellung div.pruef_preis {
	margin-bottom: 10px;
	padding: 15px 10px;
	border: 1px solid #2D6FC3;
	background: #FFFFFF;
}
div#bestellung div.pruef_preis td.text {
	padding: 0px 10px 0px 20px;
}
div#bestellung div.pruef_preis div.linie {
	margin: 5px 0px;
	background: #000000;
	width: 220px; height: 1px; overflow: hidden;
}
div#bestellung div.pruef_preis div.linie_double {
	margin: 5px 0px;
	background: #000000;
	width: 220px; height: 2px; overflow: hidden;
}

/* AGB akzeptieren */
div#bestellung div.pruef_agb {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
}
div#bestellung div.pruef_agb div.head {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	padding-left: 5px;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.pruef_agb div.body {
	padding: 10px 20px;
	background: #FFFFFF;
}

/* Vielen Dank */
div#bestellung div.danke {
	margin-bottom: 10px;
	border: 1px solid #2D6FC3;
	width: 805px;
}
div#bestellung div.danke div.head {
	color: #FFFFFF; font-weight: bold; line-height: 22px;
	padding-left: 5px;
	background: #2D6FC3;
	height: 23px;
}
div#bestellung div.danke div.body {
	font-size: 18px; font-weight: bold;
	padding: 10px;
	background: #FFFFFF;
}
div#bestellung div.danke div.body img {
	vertical-align: middle;
	margin-right: 20px;
}

/* Zahlungsinfos */
div#bestellung div.zahlinfos {
	margin-bottom: 20px;
	padding: 20px 0px 10px;
	background: #FFFFFF;
	border: 1px solid #2D6FC3;
	width: 805px;
}
div#bestellung div.zahlinfos table.gelb td.pfeil {
	padding-left: 15px; padding-right: 20px;
	background: #FFF000;
}
div#bestellung div.zahlinfos table.gelb td.text {
	font-size: 24px; font-weight: bold;
	padding-right: 15px;
	background: #FFF000;
}
div#bestellung div.zahlinfos div.kontoinfos {
	margin: 20px 40px;
	padding: 8px;
	border: 1px solid #2D6FC3;
	background: #FFFCC9;
	float: left;
}
div#bestellung div.zahlinfos div.kontoinfos td {
	font-size: 14px;
	vertical-align: middle;
}
div#bestellung div.zahlinfos table.bestellinfos {
	margin: 30px 0px;
}
div#bestellung div.zahlinfos table.bestellinfos td.fragen {
	padding-top: 5px; padding-bottom: 25px;
}
div#bestellung div.zahlinfos div.fussnotiz {
	margin-left: 40px;
	clear: left;
}