html, body {
	margin:0px;
	padding:0px;
	background-color:#000000;
	background-image:url(../img/site_background.png);
	background-position:top left;
	background-repeat:repeat-x;
	font-size:13px;
	font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.3em;
}

h3 {
	font-size: 1.2em;
}

ul,li {
	margin:0px;
	padding:0px;
	list-style:none;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
	text-decoration:underline;
}

p {
	line-height:1.5em;
}

fieldset {
	border:none;
}


.PromilleRechnerdesignAussen {
	background-color:#ffffff;
	width:840px;
	margin:10px auto;
	margin-bottom:40px;
	border:1px solid #000000;
}

.PromilleRechnerBox {
	width:100%;
	min-height:300px;
}

.kopfbereich {
	width:100%;
	height:100px;
}

.kopfgrafik {
	width:100%;
	height:140px;
	background-image:url(../img/kopfgrafik.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

.navigation {
	width:100%;
	height:20px;
	line-height:20px;
	background-image:url(../img/topnavigation_background.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	border-top:1px solid #000000;
	border-bottom:1px solid #afafaf;
}

.navigation li {
	float:left;
	list-style:none;
	border-right:2px solid #ffde00;
}

.navigation li a {
	display:block;
	height:20px;
	font-weight:bold;
	color:#000000;
	padding:0px 10px;
}

.navigation li a:hover {
	text-decoration:none;
}

.navigation li.aktiv a, .navigation li a:hover, .navigation li.aktiv a:hover {
	background-color:#1f1f1f;
	color:#ffffff;
}

.contentContainer {
	margin-top:10px;
}

.contentContainer .inner {
	margin:10px;
}

.contentSpalte {
	width:100%;
	height:100%;
	float:right;
}

.fusszeile {
	background-image:url(../img/fusszeile_background.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	margin-top:10px;
	border-top:1px solid #afafaf;
	height:20px;
	line-height:20px;
}

.trenner {
	width:100%;
	height:1px;
	background-color:#afafaf;
}

.obenText {
	width:460px;
	float:left;
}

.obenText p {
	line-height:23px;
}

.obenBild {
	float:right;
}

.bildlizenz {
	text-align:right;
}

#gewicht {
	margin-left:15px;
	text-align:right;
}

.right {
	text-align:right;
}

.clearer {
	clear:both;
}

/* FORM */
form input, form textarea {
	margin-bottom:10px;
}
form label {
	width:130px;
	display:block;
	float:left;
}
form input.text {
	width:200px;
	border:1px solid lightgrey;
}

form textarea {
	width:200px;
	height:100px;
	border:1px solid lightgrey;
}