body {
	margin: 0px;
	padding: 0px;
	background-color: #F3F3EE
	}

/******* Layout *******/

#bg {position: relative; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px; width: 750px}

#mitte {
	position:absolute;
	top:20px;
	left:0px;
	width:100%;
	height:158px;
	background:url("../img/bglinie.gif") repeat-x;
}
#logo {
	position:absolute;
	top:20px;
	left:11px;
	width:748px;
	height:163px
}

#linie {
	position:absolute;
	top:189px;
	left:12px;
	width:768px;
	height:2px
}

#kontakt {
	position:absolute;
	top:207px;
	left:625px;
	width:155px;
	height:50px
}
#info {position:absolute; top:405px; left:12px; width:156px; height:50px}

#content {
	position: absolute;
	top: 210px;
	left: 189px;
	width: 372px;
	padding: 0px 20px 0px 20px;
	background:url(../img/bgcontent.gif) repeat-y;
}

.bluebg {padding: 10px; background-color: #1B2B47; color: #FFFFFF; width: 350px}
.conditions {margin: 20px}
.financebox {padding: 10px; background-color: #041D4B; color: #FFFFFF; font-size: 12px; line-height:16px}

/******* Text *******/

div {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px; 
    font-weight: normal; 
	font-size: 12px;
	color: #000000;
	}
	
.title {
    font-weight: bold; 
	font-size: 16px;
	color: #000000;
	}

h1 {
    font-weight: bold; 
	font-size: 16px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}

h2 {
    font-weight: bold; 
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	}
	
a {
	text-decoration:none;
	color:#093A95;
	}

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

.agrey {
	text-decoration:none;
	color:#666666;
	}

a img {
	border:0px;
	}

* html p {margin-top: 12px; margin-bottom: 12px} /* Hack IE6 */
*+html p {margin-top: 12px; margin-bottom: 12px} /* Hack IE7 */

/******* Top Menu *******/

#menu {
	position: absolute;
	top:10px;
	left:257px;
	width:500px
	}

#menu a {
	font-size: 11px;
	line-height: 11px; 
	display: block;
	float: right;
	width: 125px;
	height: 16px;
	color: #ffffff;
	text-decoration: none;
	margin-left: 1px;
	padding: 3px 0px 0px 0px; 
	text-align: center;
	background:url("../img/bg-menu.gif") 0px 0px no-repeat;
}

#menu a.section {background: url("../img/bg-menu1.gif") 0px 0px no-repeat}
#menu a.section:hover {background: url("../img/bg-menu.gif") 0px 0px no-repeat}

#topnav ul {
	display: inline;
	padding: 0px; 
	margin: 0px;
}

#menu ul li {
	display: inline;
	list-style-type: none;
	padding: 0px; 
	margin: 0px;
}


/******* Top Menu Ende *******/

/******* Navigation *******/

#navigation {
	position: absolute;
	top:207px;
	left:12px;
	width:156px
	}

#navigation ul { 
	list-style-image: url("../img/pfeil.gif");
	list-style-position: outside;
	padding: 0px;
	margin: 0px;
	}
	 
#navigation li {  
	margin: 0px 0px 0px 18px; 
	padding: 4px 0px 4px 0px; 
	} 

#navigation li a {
 	text-decoration: none;
 	display: block;
	font-size: 12px;
 	color: #666666;
 	}
 
#navigation li a:hover {
 	color: #999999;
 	text-decoration: none;
	}

.financebox hr {background-color:#AA0910; border: none; color:#AA0910; height:1px}

/******* Content *******/

#content .logocenter {margin-left: 100px}


input, textarea, select{
  	font-size: 12px;
  	background-color:#FFFFFF;
}

label.error {color: #c02d34; margin-left: 5px;}

.facts {
	background: transparent url("../img/facts.gif") no-repeat 0 2px;
	display: block;
	padding: 0px 0px 0px 24px;
	}

.facts-big {
	font-size: 14px;
	background: transparent url("../img/facts.gif") no-repeat 0 2px;
	display: block;
	padding: 0px 0px 0px 24px;
	}

.typo-big {
	font-size: 14px;
	}

/******* Footer *******/

#footer a {color: #666666; text-decoration: none}
#footer a.imprint {margin: 0px 216px 0px 0px}
#footer a.print {background: url("../img/print.gif") 2px left no-repeat; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 20px}
#footer a.top {background: url("../img/top.gif") 2px left no-repeat; padding: 0px 0px 0px 20px}
#footer a:hover {color: #999999}