/* Allgemeines */
body { background: #00141d url('images/background.jpg') repeat-x top left; font: normal normal normal 76%/180% Arial, Sans-Serif; text-align: center; }

.alignleft, .floatleft { float: left; }
.alignright, .floatright { float: right; }
.textalignleft, .tal { text-align: left; }
.textalignright, .tar { text-align: right; }
.center { text-align: center; }
.clear { clear: both; }
.nostyle, a.nostyle, .nostyle a { color: #373737; text-decoration: none; }
hr { border: none; border-bottom: 1px solid #ccc; background: none; height: 0px; }
img, a img { border: none; }

/* Headings, Titles */
span.title { display: block; font: 14px/180% Arial, Sans-Serif; font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font: 18px/180% Trebuchet MS, Arial, Sans-Serif; font-weight: bold; margin: 5px 0 7px; } 

/* Links */
a { color: #e20177; }
a:hover { color: #ff2e9c; text-decoration: none; }
a:active { border: none; }

/* Struktur */
#wrap { width: 975px; margin: auto; text-align: left; }

/* Header */
#header .top { width: 975px; height: 132px; background: transparent url('images/header-bg1.png') no-repeat; }
#header .bottom { width: 975px; height: 69px; background: transparent url('images/header-bg2.png') no-repeat; }
#header .bottom .content { float: right; padding: 31px 25px 0 0; color: #fff; }
#header h1 { display: none; }
#header img.logo { width: 975px; height: 100px; }

/* Header - Navigation */
#header ul.navi { list-style: none; margin-top: 0; }
#header ul.navi li { float: left; margin-right: 10px; }
#header ul.navi li a { display: block; height: 24px; }
#header ul.navi li a strong { display: none; }
#header ul.navi li#start a { width: 56px; background: transparent url('images/header_navi-start.png') no-repeat top center; }
#header ul.navi li#anbieter a { position: relative; z-index: 60; width: 90px; background: transparent url('images/header_navi-anbieter.png') no-repeat top center; }
#header ul.navi li#moeglichkeiten a { position: relative; z-index: 60; width: 131px; background: transparent url('images/header_navi-moeglichkeiten.png') no-repeat top center; }
#header ul.navi li#start a:hover, #header ul.navi li#anbieter a:hover, #header ul.navi li#moeglichkeiten a:hover { background-position: bottom center; }  
#header ul.navi li ul.child { clear: both; position: absolute; z-index: 50; margin-top: -1px; padding: 4px; list-style: none; display: none; width: 145px; border: 1px solid #06222f; background-color: #135675; }
#header ul.navi li:hover ul.child { display: block;	}
#header ul.navi li#anbieter ul.child li a, #header ul.navi li#moeglichkeiten ul.child li a { width: 125px; height: 20px; padding: 0 10px; color: #ccc; text-decoration: none; background-image: none; }
#header ul.navi li#anbieter ul.child li a:hover, #header ul.navi li#moeglichkeiten ul.child li a:hover { background-image: none; color: #fff; text-decoration: none; background-color: #0f455e; }

/* Main Content */
#wide { width: 935px; padding: 15px 20px; margin: auto; background: transparent url('images/main-bg.png') repeat-y top center; }
#main { width: 927px; margin: auto; margin-left: 2px; padding: 2px; border: 1px solid #999; }
#main .content { float: right; width: 600px; padding: 5px 10px 10px 0; text-align: justify; }
.main-btm { width: 975px; height: 17px; background: transparent url('images/main-btm.png') no-repeat top center; }
#single { padding: 10px 20px; }

/* Premium Angebote */
#premium .box1, #premium .box2 { width: 433px; height: 135px; padding: 10px; color: #fff; border: 1px solid #282828; }
#premium .box1 { float: left; background: transparent url('images/box_rot-horiz-bg.png') repeat-x }
#premium .box2 { float: right; background: transparent url('images/box_blau-horiz-bg.png') repeat-x }
#premium .left { float: left; width: 140px; text-align: center; }
#premium .left img { margin-bottom: 5px; }
#premium .right { float: right; width: 270px; }
#premium ul { padding: 5px 0 0 15px; margin: 0; line-height: 140%; }

/* Vergleich */
#vergleich { z-index: 50; position: relative; width: 975px; background: transparent url('images/table_header-bg.png') no-repeat top center; }
#vergleich table { z-index: 60; position: relative; width: 961px; margin: auto; text-align: center; border-collapse: collapse; }
#vergleich table thead tr { height: 42px; color: #fff; font-weight: bold; }
#vergleich table thead tr th.alt, #vergleich table thead tr td.alt { background: transparent url('images/table-thead-alt.png') repeat-x top left; }
#vergleich table tbody tr { width: 961px; background-color: #fff; border-bottom: 1px solid #ebebeb; }
#vergleich table tbody tr td { padding: 8px 5px 4px; }
#vergleich table tbody tr td.alt { background-color: #f2f2f2; }

/* Bewertungsgrafik */
#rating { margin: auto; width: 78px; height: 12px; }
.rating-0, .rating-00 { background: transparent url('images/rating.png') 0 -122px; }
.rating-05 { background: transparent url('images/rating.png') 0 -110px; }
.rating-1 { background: transparent url('images/rating.png') 0 -98px; }
.rating-15 { background: transparent url('images/rating.png') 0 -86px; }
.rating-2 { background: transparent url('images/rating.png') 0 -74px; }
.rating-25 { background: transparent url('images/rating.png') 0 -62px; }
.rating-3 { background: transparent url('images/rating.png') 0 -50px; }
.rating-35 { background: transparent url('images/rating.png') 0 -38px; }
.rating-4 { background: transparent url('images/rating.png') 0 -24px; }
.rating-45 { background: transparent url('images/rating.png') 0 -12px; }
.rating-5 { background: transparent url('images/rating.png') 0 0; } 

/* Sidebar */
#sidebar { float: left; width: 300px; padding: 25px 0 10px; color: #333; background: #999 url('images/sidebar-bg.png') repeat-x top left; }
#sidebar .inner { width: 243px; padding: 10px 20px; margin: auto; background: transparent url('images/sidebar-innerbox-bg.png') repeat-y top center; }
#sidebar .inner-top { width: 283px; height: 5px; margin: auto; background: transparent url('images/sidebar-innerbox-top.png') no-repeat bottom center; }
#sidebar .inner-btm { width: 283px; height: 10px; margin: auto; background: transparent url('images/sidebar-innerbox-btm.png') no-repeat top center; }
img.partnerlogo { width: 110px; height: 26px; margin-top: -30px; border: 1px solid #fff; }
*+html img.partnerlogo { margin-top: -40px; }
#sidebar table { width: 100%; margin: auto; border-collapse: collapse; margin-bottom: 15px; }
#sidebar table tr td { padding: 3px 5px; border-bottom: 1px solid #ccc; }
#sidebar table tr td.tar { font-weight: bold; }
#sidebar table tr td.tal { width: 50%; }

/* Kommentare */
#comments .top { z-index: 60; position: relative; width: 975px; height: 55px; background: transparent url('images/title_kundenrezensionen.png') no-repeat; }
#comments .wrap { z-index: 50; width: 961px; margin: auto; margin-top: -16px; background: #c3c3c3 url('images/logo-icon.png') no-repeat bottom left; }
#comments .content { width: 746px; float: right; background: none; padding: 15px 0; }
#comments .bottom { width: 961px; height: 16px; margin: auto; background: transparent url('images/comments-btm.png') no-repeat top center; }
#comments .title { display: block; font: 18px/180% Trebuchet MS, Arial, Sans-Serif; font-weight: bold; text-transform: uppercase; color: #333; margin: 20px 0; }
#comments .writebox { width: 621px; float: right; margin-right: 12px; }
#comments .comment-wrap { float: right; margin: 0 12px 12px 0; }
#comments .comment { width: 581px; overflow: hidden; padding: 5px 20px; background: transparent url('images/comment-bg.png') repeat-y top center; }
#comments .comment .type { font-weight: bold; color: #e20177; }
#comments .avatar-male { float: left; width: 113px; height: 72px; position: relative; right: -1px; background: transparent url('images/comments-avatar-male.png') no-repeat center right; }
#comments .avatar-female { float: left; width: 113px; height: 72px; position: relative; right: -1px; background: transparent url('images/comments-avatar-female.png') no-repeat center right; }
#comments .avatar-female .user, #comments .avatar-male .user { font-weight: bold; color: #0793d0; position: relative; top: 80px; line-height: 100%; width: 80px; height: 25px; text-align: center; overflow: hidden; }
#comments .comment img.spacer { float: left; width: 1px; height: 40px; }
#comments .comment p { margin: 0; }
#comments .comment-top { width: 621px; height: 9px; background: transparent url('images/comment-top.png') no-repeat bottom center; }
#comments .comment-btm { width: 621px; height: 10px; background: transparent url('images/comment-btm.png') no-repeat top center; }
#comments form#commentform { margin-top: -20px; }
#comments input#author, #comments input#email { border: none; padding: 0 5px; width: 310px; height: 32px; background: transparent url('images/comments-input.png') no-repeat; }
*+html #comments input#author, *+html #comments input#email { padding: 7px 5px 3px; } 
#comments textarea { border: none; padding: 5px; width: 617px; height: 100px; font: 12px/150% Arial, Sans-Serif; background: transparent url('images/comments-textarea.png') no-repeat; }
#comments input#submit { margin: 10px 1px 0 0; float: right; }

/* Footer */
#footer { color: #8b979d; padding: 10px 20px; text-align: justify; }
#footer .infobox { float: left; width: 300px; }
#footer .content { float: left; width: 600px; padding-left: 35px; }
#footer img.logo { margin: 20px 0 0 20px; }
#footer h2, #footer h3 { text-transform: uppercase; color: #fff; }
#footer .bottomline, #footer .bottomline a { float: right; text-decoration: none; font-weight: bold; color: #b3b3b3; word-spacing: 5px; }