html, body {
	height: 100%;
}

body {
	font: 11px/1.2 Arial, sans-serif;
	color: #444;
	overflow: -moz-scrollbars-vertical;
}

body, h1, h2, h3, h4, p, form, div {
	padding: 0;
	margin: 0;
}

a:link, a:visited {
	color: #5275b4;
	font-weight: bold;
}

a:hover, a:active {
	color: #849cc9;
}

em {
	font-style:normal;
	color: #769531;
}

#container {
	width: 748px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
	
	/*
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	*/
}

#header {
	min-height: 91px;
	width: 750px;
	margin-bottom: 0 !important;
}

#content {
	width: 100%;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

.rot {background-color: #FF0000;color:#fff;font-size:12px;padding:1px 3px 1px 3px; display:inline-block; float:left;margin-right:4px;}
.kompakt { margin-left:0px;padding-left:14px; list-style:square;margin-top:0px }
.small {font-size:9px; text-decoration:none}
.textTable { width:100% }
.textTable td { padding: 0px 15px 10px 0px; vertical-align:top}





h1 { font-size: 18px;font-weight:normal;padding-bottom:8px; }

h2 {font-size: 16px;font-weight:normal;padding: 0 0 4px 0;}

h3 {
	font-size:11pt;
	font-weight: normal;
}

h3 a:link, h3 a:visited { ;text-decoration:none;}
h3 a.curent {color:#000000; font-weight:bold;}

h3.tabTitel {

	padding: 4px 10px;
	font-size:12px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #222;
	background: #ccc;
	border-bottom:solid 1px #fff;

}

h4 {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #eee;
	margin-bottom:5px;
}

p {
	font-size:12px;
	padding-bottom:5px;
	color: #444;
	background: #fff;
}


input { font-size:inherit }
input.textzeile {width: 230px}
select {font-size:inherit }
label {margin-right:10px;font-size:12px }

.titel { background-color:#ccc }
.titelOK { background-color:#B6B6B6; color:#ffffff;font-weight:bold }

.fett {font-weight:bold;font-size:9px}
.klein { font-size:11px }

/* --------- navigation, hilfe, textlayout der formularbereiche ------------ */

.bereich {position:relative;padding:15px 20px}

.paddedTable td {padding-right:20px;padding-bottom:20px;vertical-align:top;}

.formZeile {clear:both;margin-bottom:5px;margin-top:3px}
.formZeileWeit {clear:both;margin-bottom:10px;margin-top:10px;}

.zwingend { font-weight:bold }

.buttonbar {padding:0px; clear:both;text-align:right }
.buttonbar .prev { float:none; margin-right:10px; background-color:#ccc; cursor:pointer}
.buttonbar .next { float:none; font-weight:bold; background-color:#99BDE8; padding:0 10px;cursor:pointer }
.buttonbar .next:hover { background-color:#003366; color:#FFFFFF; }

/* mootools slider mit fehlermeldungen und hinweisen */
#hinweisBox {
	border:solid 2px #FF6600;
	padding:10px; 
	margin:0px 0px 10px 0px;
	background-image:url(../../media/pix/schliessen_infobox.gif); 
	background-repeat:no-repeat; 
	background-position:right bottom;
	background-color:#FFFFCC;
	cursor: pointer;
}

/* ----- bereich anlass ------------ */

.kalenderButton {margin-left:3px;}
input.datum {width: 80px;float:left}
.labelFormAnlass {
	width: 100px;
	display:block;
	float:left;
}

/* ----- bereich standort ---------- */

.labelort{width: 150px;display:block;float:left;}
#loadani { text-align:center; vertical-align:middle;left:90px;top:30px;width:290px;height:auto;position:absolute; z-index:200}
#kartenbereich {position:relative;margin-top:15px}
#karte { border:dashed 1px #666;width:700px;height:300px; }


/* ---------- inhalte der produktwähler in den moodalboxen  ---------- */

#zeltselector { border:solid 1px #ccc; padding:8px; overflow:auto;height:320px;width:480px;}
#zeltselector h5 {padding:0px;margin:0px;font-size:11px}

#zubehoerselector { border:solid 1px #ccc; padding:8px; overflow:auto;height:320px;width:450px;}
#zubehoerselector h5 {padding:0px;margin:0px;font-size:11px}

.navbarTable {margin-bottom:10px; }
.navbarTable td {padding-right:8px; }

.selecorTable { width:100%;margin-bottom:10px; }
.selecorTable td {padding-bottom:3px;padding-top:5px;vertical-align:top;border-bottom:solid 1px #ccc }

.infoFeld {padding:8px;vertical-align:top; }


/* ---------- (Warenkorb-) Darstellung der gewählten Produkte ---------- */

div.produktListe {overflow:hidden;}

.produktTable { width:100%;margin-bottom:0px}
.produktTable td {padding-right:10px;padding-bottom:3px;padding-top:3px;vertical-align:top;border-bottom:solid 1px #ccc; }
.produktTable td img {clear:both; display:block;margin-right:15px;}
/* blau #003399 */
.produktTable h5 {padding:0px;margin:0px;font-size:12px; color:#000}
tr.totalZeile td {padding-bottom:5px;border-top:solid 1px #CCCCCC;border-bottom:none;}
.totalZelle {font-size:12px}
tr.kopfZeile td {border-bottom:solid 1px #CCCCCC;}

.utitelArtikel {font-size:12px;}
input.menge {width:40px;}
.selectButton {font-size:7pt;}

/* nur in druckansicht und email gebraucht  */
.artikelliste {padding:15px 20px}
/*.artikelliste h5 {padding:0px;margin:0px;font-size:12px}*/


/* ---------- bereich adresse ------ */

.adressTable {}
.adressTable td {padding-right:20px;padding-bottom:3px; vertical-align:top; }
.textFeld {
	width:400px;height:100px;padding:4px;
	border-top:solid 1px #333;
	border-left:solid 1px #333;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

/* ---------- bereich kosten am seitenende ----------- */
#kosten {
	display: block;
	padding: 15px;
	padding-bottom:20px;
}

#km, #ladungen { display:inline; font-weight:bold;  }

.tabelleKosten { width:100%;}
.kostenZahl { text-align:right ; font-weight:bold }
.kostenText { text-align:left ;font-size:12px }
.kostenTotal { font-size:10pt; font-weight:bold; font-style:normal;padding-top:10px; }

#footer {
	display: block;
	text-align: center;
	padding: 15px;
	
}

/* ---- div in bestätigung oder errorseite nach dem senden ----- */
#ende {

	display: block;
	padding: 15px;
	border-bottom: 1px solid #ccc;
}