/*grundlegende Formatierungen*/

html, body, div, p, ul, ol, span, a, table, td, form, img, li {
	margin:			0;
	padding:		0;
	color:			#333;
}
										
body {
	font:			62.5% Arial, Helvetica, sans-serif;
}

h2 {
	margin:			0 0 20px 0;
	font: 			bold 2.2em/1em 'Droid Sans', Arial, Georgia, 'Times New Roman',Times,sans-serif;
	color:			#333;
}

h3 {
	margin:			0 0 10px 0;
	font: 			bold 1.7em/1em 'Droid Sans', Arial, Georgia, 'Times New Roman',Times,sans-serif;
	color:			#444;
}

p {
	margin:			0 0 30px 0;
}

ul {
	font:			1.5em/1.8em Arial, Helvetica, sans-serif;
	margin:			0 0 20px 20px;
}

.floatleft {
	float:			left;
}

.floatright {
	float:			right;
}

a img {
	border:			none;
}

/*Ende grundlegende Formatierungen*/

/*Schriftformatierungen*/

a {
	color:			#3d84b0;
	text-decoration:none;
}

a:hover, a:focus {
	text-decoration:underline;
	color:			#03515b;
}

/*Ende Schriftformatierungen*/

#kopf {
	width:			100%;
	height:			90px;
	margin-bottom:	25px;
	padding-top:	10px;
	background:		#02505a url(bilder/bg-kopf.png) no-repeat center;
	border-bottom:	2px solid #014048;
}

#kopftext {
	width:			900px;
	margin:			0 auto;
	padding:		0;
}

#kopftext h1 {
	font:			1.8em/1em 'Droid Sans', Arial, Georgia, 'Times New Roman',Times,sans-serif;
	margin:			0;
	padding-top:	10px;
	color:			#fff;
}

#geruest {
	margin:			0 auto;
	width: 			900px;
}

#kopf-kreditrechner {
	float:			right;
	padding:		0 30px 0px 0;
}

.navigation {
	margin:			15px 0 0 0;
	float:			left;
	width:			160px;
	height:			600px;
	font:			1.4em/1em Arial, Helvetica, sans-serif;
}

.navigation a {
	display:		block;
	color:			#03515b;
	padding:		7px 5px;
	margin:			0 5px;
}

.navigation a:hover, .navigation a:focus {
	color:			#333;
	text-decoration:none;
	background-color:#9fbdc1;
	-moz-border-radius:7px;
    border-radius:7px;
}

.navigation table {
	margin-bottom:	20px;
	padding:		5px 0;
	background:		#edf3f3;
	border:			1px solid #03515b;
    -moz-border-radius:10px;
    border-radius:10px;
	}

#inhalt {
	margin:			15px 0 0 0px;
	float:			right;
	width:			690px;
}

#inhalt p {
	font:			1.5em/2em Arial, Helvetica, sans-serif;
	text-align:		left;
}

#inhalt p a {
	text-decoration:underline;
}

.tabelle {
	border:			1px solid #03515b;
	margin-bottom:	20px;
}

#inhalt th {
	background-color:#9fbdc1;
	color:			#222;
	padding:		0;
	font:			bold 1.4em/3em Arial, Helvetica, sans-serif;
}

#inhalt td {
	text-align:		center;
	font:			1.4em/3.5em Arial, Helvetica, sans-serif;
}

.tabellenkopf {
	border-right:	1px solid #fff;
}

.tabelle-unten-rechts {
	border-bottom:	1px solid #9fbdc1;
	border-right:	1px solid #9fbdc1;
}

.tabelle-rechts {
	border-right:	1px solid #9fbdc1;
}

.tabelle-unten {
	border-bottom:	1px solid #9fbdc1;
}

#inhalt table a {
	font:			bold 1em Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:			#3d84b0;
}

#inhalt table a:hover {
	color:			#03515b;
}

.bg-tabelle {
	background-color:#edf3f3;
}

.hinweis {
	font:			10px Verdana, Arial, Helvetica, sans-serif;
	margin-top:		10px;
}

#fuss {
	clear: 			both;
	margin:			0 auto;
	padding:		100px 0 20px 0;
	width:			900px;
	color:			#666;
	font-size:		1.3em;
}

#fuss a {
	color:			#666;
}

#empfehlung {
	margin-bottom:	30px;
	padding:		10px 20px 20px 20px;
	border:			1px solid #03515b;
	-moz-border-radius:10px;
    border-radius:10px;
	background:		transparent url(bilder/bg-empfehlung-50.gif) no-repeat;
	width:			650px;
	font:			1.6em 'Droid Sans', Arial, Georgia, 'Times New Roman',Times,sans-serif;;
	color:			#333;
}

#empfehlung ul {
	margin-bottom:	20px;
	padding:		10px 0 0 15px;
	font:			1em/2em Arial, Helvetica, sans-serif;
}

#empfehlung img {
	padding:		2px;
	border:			1px solid #03515b;
	background:		#fff;
}

#empfehlung a {
	font:			bold 1em Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:			#06C;
}

#empfehlung a:hover {
	color:			#09C;
}

.liste {
	margin:			0 0 20px 10px;
	font:			1.6em/2.5em Arial, Helvetica, sans-serif;
	list-style-type:square;
}

.detailliste {
	font:			1.6em/2em Arial, Helvetica, sans-serif;
	margin-bottom:	30px;
	list-style-type:none;
}


.detailliste li{
	background: 	#fff url(bilder/pfeil.gif) 0px 10px  no-repeat;
	padding-left: 	30px;
}

.impressumhinweis {
	margin-bottom:	50px;
	color:			#f00;
	font:			bold 2em/2em Arial, Helvetica, sans-serif;
}

.anbieterlink {
	font:			bold 16px Verdana, Arial, Helvetica, sans-serif;
}

.anbieterlinkdetails {
	font:			bold 15px Verdana, Arial, Helvetica, sans-serif;
}

.anbieterbild {
	margin-bottom:	20px;
}

#inhalt h3.newsh3 {
	margin:			30px 0;
	padding-top:	20px;
	border-top:		1px dotted #222;
	font: 			bold 2.2em/1em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;	
}

.newsliste {
	font:			1.6em/1.5em Arial, Helvetica, sans-serif;
	list-style-type:none;
}

.newsliste li:before {
	content: 		"\2022 \0020";
	color:			#3d84b0;
}

.newsliste li a {
	padding-left:	10px;
}

#kreditrechner {
	margin-bottom:	20px;
	padding:		5px 10px;
	width:			100%;
	background:		#edf3f3;
	color:			#222;
	border:			1px solid #9fbdc1;
	font-size:		1em;
}

#kreditrechner td {
	text-align:		left;
	line-height:	3em;
	font-size:		1.6em;
}

#kreditrechner input, #kreditrechner select {
	font:			1em/1em Arial, Helvetica, sans-serif;
	border:			1px solid #ccc;
}

#kreditrechner .submit {
	float:			right;
	padding:		5px 10px;
	font-weight:	bold;
	color:			#fff;
	border:			1px solid #000;
	background:		#03515b;
}

#kreditrechner .submit:hover {
	background:		#03515f;
	cursor:			pointer;
	border:			1px solid #000;
}

.clear {
	clear:			both;
	}