body {
	background-color: #B5CAE3;
	font-family: Arial, Helvetica, sans-serif;
}

#inhaltContainer {
	background-image: url(images/inhalt_back.gif);
	background-repeat: repeat-y;
	width: 910px;
}

#inhalt {
	background-image: url(images/inhalt_back_logo.png);
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 70px;
	padding-right: 70px;
	/*  bekackter workaround dass der margin von <p> elementen keinen margin bei diesem div erzeugt */
	padding-top: 1px;
	padding-bottom: 1px;
	min-height: 400px;
	width: 770px;
	margin: 0px;
}

#oben,#unter_navi {
	width: 910px;
	margin: 0px;
}
#navi,#unten {
	width: 850px;
	margin: 0px;

}
a {
	text-decoration: none;
	color: #5A80A3;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 18px;
	color: #5A718A;
}
h3 {
	font-size: 15px;
}
p,th,td {
	font-size: 12px;
	line-height: 160%;
}

div.box_kopf, div.produkt_box_kopf, div.lexikon_box_kopf {
	background: #B5CAE3;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
	border: solid #B5CAE3 1px;
	font-size: 14px;
}
div.box, div.produkt_box, div.lexikon_box {
	border-top: solid #B5CAE3 1px;
	border-left: solid #B5CAE3 5px;
	border-right: solid #B5CAE3 1px;
	border-bottom: solid #B5CAE3 1px;
	padding: 8px;
	font-size: 14px;
	background-color: #f4f6f8;
}

/**********************
* NAVI
**********************/
#navi {
	height: 22px;
	background-image: url(images/navi_back.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-right: 10px;
}
#navitem-container {
	float: right;
}
.navitem {
	float: left;
	height: 16px;
	margin: 0px;
	padding: 3px 10px;
	border-left: solid white 1px;
	font-weight: bold;
	font-size: 12px;
}
.navitem a {
	color: #446792;
}


/**********************
* UNTEN
**********************/
#unten {
	height: 80px;
	background-image: url(images/unten.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
}
.unten-box,#kontakt-box {
	text-align: left;
	font-size: 10px;
	color: #555;
	padding: 0px 10px;
	height: 65px;
}
.unten-box {
	float: left;
	width: 100px;
	border-right: dotted #555 1px;
}
#kontakt-box {
	float: right;
	border-left: dotted #555 1px;
}
.unten-box a {
	display: block;
	color: #555;
	background-image: url(images/pfeil.gif);
	background-repeat: no-repeat;

	padding-left: 12px;
	padding-top: 0px;
	padding-bottom: 0px;

	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 0px;
}


/* ========== */
/* = INHALT = */
/* ========== */

#icon {
	float: left;
	margin-top: 12px;
}
.bild-rechts {
	float: right;
	margin-left: 15px;
}
.bild-links {
	float: left;
	margin: 10px;
}
img.border {
	border: solid #B5CAE3 1px;
}
#produktListeKanisterContainer {
	width: 600px;
}
#produktListeContainer {
	width: 398px;
	float: left;
}
#produktListe {
	font-size: 13px;
	line-height: 160%;
}

.fett {
	font-weight: bold;
}
.anfahrtskizze {
	padding-left: 30px;
}


/* ============ */
/* = PRODUKTE = */
/* ============ */

table.produkt {
	border: none;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
}
th.produkt_name {
	text-align: left;
	background: #FFCC00;
	height: 25px;
	padding-left: 13px;
	font-weight: bold;
	font-size: 14px;
	opacity: 0.8;
}
div.produkt_text {
	margin-top: 10px;
	padding: 0px 10px;
	vertical-align: top;
	border-top: solid #B5CAE3 1px;
	border-left: solid #B5CAE3 5px;
	border-right: solid #B5CAE3 1px;
	border-bottom: solid #B5CAE3 1px;
	background-color: #f4f6f8;
}
td.produkt_bild {
	vertical-align: top;
}
div.produkt_bild {
	margin-top: 10px;
	margin-right: 10px;
}
img.produkt_bild {
	border: solid #B5CAE3 1px;
}
div.produkt_box_kopf {
	margin-top: 30px;
}
div.produkt_box {
	text-align: right;
	font-weight: bold;
	margin-bottom: 30px;

}

/* KONTAKT */
td.kontakt {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-size: 12px;
}
th.kontakt {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	font-size: 12px;
}

/* WARENKORB */
table.warenkorb {
	border-collapse: collapse;
	border-spacing: 0px;
}

td.warenkorb_menge,td.warenkorb_name,
td.warenkorb_ep,td.warenkorb_gp,
td.warenkorb_summe_text,td.warenkorb_summe_wert,
td.warenkorb_mwst_text,td.warenkorb_mwst_wert {
	background-color: #f4f6f8;
}

th.warenkorb,td.checkout {
	background: #FFCC00;
	padding: 3px 10px;
	text-align: left;
}
td.warenkorb_menge {
	padding: 3px 10px;
	border-bottom: solid #FFCC00 1px;
}
td.warenkorb_name {
	padding: 3px 10px;
	border-bottom: solid #FFCC00 1px;
	width: 300px;
}
td.warenkorb_ep {
	padding: 3px 10px;
	border-bottom: solid #FFCC00 1px;
	text-align: right;
}
td.warenkorb_gp {
	padding: 3px 10px;
	border-bottom: solid #FFCC00 1px;
	text-align: right;
}
td.warenkorb_summe_text {
	padding: 3px 10px;
	font-weight: bold;
	border-bottom: solid #FFCC00 1px;
}
td.warenkorb_summe_wert {
	padding: 3px 10px;
	text-align: right;
	font-weight: bold;
	border-bottom: solid #FFCC00 1px;
}
td.warenkorb_mwst_text {
	padding: 3px 10px;
	border-bottom: solid #FFCC00 1px;
}
td.warenkorb_mwst_wert {
	padding: 3px 10px;
	text-align: right;
	border-bottom: solid #FFCC00 1px;
}
.fehler {
	color: red;
	font-size: 10px;
	font-weight: bold;
}