* { margin: 0 auto; padding: 0; }
body{font-family:Verdana, sans-serif; width: 775px; font-size: 12px;}
a { outline: 0; }
a.button { background:transparent url(images/btn.gif) repeat-x scroll 0 0;border:1px solid #990000;color:#FFFFFF; padding: 7px 30px; }
#header{margin: 0 auto;}
#header h1,#header h2{padding: 20px; font-size: 14px; color: #346aa7;}
#header img { border: 0; margin: 10px 0;}

#header h1 a { font-size: 20px; color: #01448f; text-decoration: none; }
#header h1 a:hover { text-decoration: underline; }

#header #menue { background-color: #1e577c;border: 1px solid black; float: left;margin: 0; }
#header ul {float:left; border: 1px solid white;   color: white; padding: 10px 0; list-style: none; width: 771px;}
#header ul li {float:left; margin: 0 20px 0 20px;width: 150px; text-align: center;}
#header ul li a { color: white; }

#content { float: left; margin-top: 5px; }
#content #maincontent p { line-height: 18px; text-align: justify; }
#content #maincontentvergleich { margin-bottom: 10px; }
h2,h3, #titel { color: #1E577C; border-bottom: 2px dotted #1E577C; padding-bottom: 5px;  padding-left: 10px; margin: 10px;font-weight: bold; font-size: 14px;}

#footer { margin-top: 10px;  font-size: 11px; background-color: #1e577c;  border: 1px solid black; }
#footercontent { height: 28px;border: 1px solid white; }
#footer ul { list-style: none; padding-top: 6px; padding-left: 20px; color: white; }
#footer ul li a { color: white; font-size: 10px; }
#footer ul li {float: left; padding: 0 10px; font-size: 10px;line-height: 16px; }

#content #text { width: 753px; padding: 10px; border: 1px solid #ecedec;}
#content #text p { line-height: 18px; text-align: justify;margin: 10px 0;}
#text ul { list-style: square inside; margin: 20px;}
#text ul li { margin: 8px 0; }
#text ul li a { color: #3865a9; font-weight: bold;}

.anbieter { clear: both; border-bottom: 2px dotted black; }
.anbieter .anbieterlogo { float: left; margin: 0 20px 10px 0;}
.anbieter .anbieterlogo img { border: 0;  }
.anbieter .description a { font-weight: bold; color: #005889; text-decoration: none;}
.anbieter .description a:hover { text-decoration: underline; }
.anbieterdetaillogo { float: left; margin: 4px 20px 10px 0; }
.anbieterdetaillogo img { border: 0; }

#text ul.faq { list-style: none; margin: 0; }
#text ul.faq li { background:transparent url(images/faq.jpg) no-repeat scroll left center;font-size:16px;padding:35px 0 35px 100px; border-bottom: 2px dotted #1A394A; }
#text ul.faq li a { font-weight: normal; }
#text .faqbig { float: left; margin: 10px 20px 10px 0; }

#text .step_1 { background: transparent url(images/step1.jpg) no-repeat scroll left center;  padding: 5px 20px 5px 75px; border-bottom: 2px dotted #1a394a; }
#text .step_2 { background: transparent url(images/step2.jpg) no-repeat scroll left center;  padding: 5px 20px 5px 75px; border-bottom: 2px dotted #1a394a; }
#text .step_3 { background: transparent url(images/step3.jpg) no-repeat scroll left center;  padding: 5px 20px 5px 75px; border-bottom: 2px dotted #1a394a; }
#text .step_4 { background: transparent url(images/step4.jpg) no-repeat scroll left center;  padding: 5px 20px 5px 75px; border-bottom: 2px dotted #1a394a; }
#text .step_5 { background: transparent url(images/step5.jpg) no-repeat scroll left center;  padding: 5px 20px 5px 75px; border-bottom: 2px dotted #1a394a; }

#text .step_1 p, #text .step_2 p, #text .step_3 p, #text .step_4 p, #text .step_5 p { }

#text.anbieterdetails p a { background:transparent url(images/btn.gif) repeat-x scroll 0 0;border:1px solid #990000;color:#FFFFFF; display: block; margin: 0 auto; width: 426px; text-align: center; font-weight: bold; font-size: 13px; padding: 5px 30px; }
	


#empfehlungen .empfehlung { float: left; color: white; margin: 10px 0;}
#empfehlungen .empfehlung .title { text-transform: uppercase; font-weight: bold; padding: 8px 15px; }
#empfehlungen .empfehlung .logo img { border: 1px solid white; }
#empfehlungen .empfehlung#anbieter1 .logo { border: 1px solid green; width: 120px; float: left;margin: 10px; }
#empfehlungen .empfehlung#anbieter2 .logo { border: 1px solid grey;width: 120px; float: left; margin: 10px; }
#empfehlungen .empfehlung#anbieter1 { background: url('images/bg-anbieter1.png') no-repeat; height: 152px; width: 381px; }
#empfehlungen .empfehlung#anbieter2 { margin-left: 13px; background: url('images/bg-anbieter2.png') no-repeat; height: 152px; width: 381px; }
#empfehlungen .empfehlung .details ul { list-style: square; float: left; margin-left: 20px; margin-top: 10px; }
#empfehlungen .empfehlung .details ul li { margin-bottom: 5px; }