/* 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; margin: 20px; } .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#ratgeber a { position: relative; z-index: 60; width: 90px; background: transparent url('images/header_navi-ratgeber.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#ratgeber a:hover,#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#ratgeber ul.child li a, #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#ratgeber ul.child li a:hover, #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 { background: transparent url('images/main-bg.png') repeat-y top center; } #main { } #main .content { text-align: justify; } #main .content p { margin-top:0px; } .main-btm { width: 975px; height: 17px; background: transparent url('images/main-btm.png') no-repeat top center; } #single { padding: 10px 20px; } /* Premium Angebote */ #premium { padding: 0 20px 20px; margin-top: -5px; background: transparent url('images/main-bg.png') repeat-y top center; } #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 .left { background-color: #fff; color: #333; } #premium ul { list-style-type: square; padding: 5px 0 0 15px; margin: 0; line-height: 140%; } /* Vergleich */ #vergleich { position: relative; width: 975px; background: transparent url('images/table_header-bg.png') no-repeat top center; } #vergleich table { 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 { } #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: 5px; } #vergleich table tbody tr td.alt { background-color: #f2f2f2; } #vergleich table tbody tr td.premium { margin: 0; padding: 0; } #vergleich table tbody tr td ul { list-style: square inside none; text-align:justify; padding: 5px; margin: 0;} #vergleich table tbody tr td ul li {float: left; clear: both; } #vergleich table tbody tr td .art { font-size:9px; font-weight: bold; } #vergleich table tbody tr td .image { margin: 10px; } #vergleich table thead tr th#mitglieder { width: 135px; } /* Bewertungsgrafik */ #rating { margin: auto; width: 78px; height: 12px; } div.herzen { width: 80px; height: 13px; background: url('images/herzen.png') repeat-x top left; margin: 5px 0 0 20px;} div.herzen0 { } div.herzen05 { width: 8px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen1 { width: 16px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen15 { width: 24px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen2 { width: 32px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen25 { width: 40px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen3 { width: 48px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen35 { width: 56px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen4 { width: 64px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen45 { width: 72px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } div.herzen5 { width: 80px; height: 13px; background: url('images/herzen.png') repeat-x bottom left; } /* Sidebar */ #sidebar { float: left; width: 300px; margin-right: 15px; 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 { border: 1px solid #333333; margin-top: -30px; } *+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; } span.biggreen { color: green; font-size: 20px; font-weight: bold;} span.mitglieder { font-size:16px; font-weight: bold;} span.green { color: green;font-weight: bold; } span.red { color: red; } #wide .top { position: relative; width: 975px; height: 55px; background: transparent url('images/title_bg.png') no-repeat; float: left; } #wide .top h2 { color: white; line-height: 34px; margin-left: 18px; } #wide .top .subtitle { color: white; line-height: 38px; font-weight: bold; font-size: 14px; margin-left: 18px; } #wide .inhalt { padding: 0 30px; } #wide .listen { padding: 0 30px; } #wide .listen .row.grey { background: none repeat scroll 0 0 #F5F5F5;height: 22px;} #wide .listen .row { background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #E2E2E2; float: left; height: 22px; width: 870px; padding: 7px 20px;} #wide .listen .row span { color: #4E4E4E; float: left; font-size: 12px; font-weight: bold; text-align: right; width: 379px;} #wide .listen .row .icon { float: left; text-align: center; width: 77px;} #wide .listen .row small { color: #5E5E5E; float: left; font-size: 11px; width: 290px;} #wide .listen .besonderheiten { margin-left: 10px; } /* Sidebar allgemein */ #blogsidebar { margin: 10px; width: 300px; float: left; } #blogsidebar .box { margin-bottom: 10px; background-color: white; border: 1px solid #848484;} #blogsidebar .boxtitle { padding: 10px 15px; background-color: #19437d; color: white; font-size: 14px; font-weight: bold; } #blogsidebar .boxtitle .boxtitletext { margin-left: 40px; font-size: 14px;} #blogsidebar .boxtitle#uptodate { background: url("images/uptodate.png") no-repeat scroll 10px 50% #19437D; padding: 15px; } #blogsidebar .boxtitle#ueberuns { background: url("images/ueberuns.png") no-repeat scroll 10px 50% #19437D; padding: 15px; } #blogsidebar .boxtitle#neustekommentare { background: url("images/neuekommentare.png") no-repeat scroll 10px 50% #19437D; padding: 15px; } #blogsidebar .boxtitle#kategorien { background: url("images/kategorien.png") no-repeat scroll 10px 50% #19437D; padding: 15px; } /* Facebook / RSS Box */ #blogsidebar .box .facebooklogo, #blogsidebar .box .rsslogo { float: left; } #blogsidebar .box .facebookbox { padding: 10px 15px; height: 50px;} #blogsidebar .box .facebooklogo, #blogsidebar .box .rsslogo { margin-right: 20px; } #blogsidebar .box .facebooksubtitle, #blogsidebar .box .rsssubtitle { text-transform: uppercase; line-height: 20px; padding-top: 5px;} #blogsidebar .box .facebooksubtitle a, #blogsidebar .box .rsssubtitle a { text-decoration: none; color: #333; font-size: 14px; } #blogsidebar .box .facebooksubtitle a:hover, #blogsidebar .box .rsssubtitle a:hover { text-decoration: underline; } #blogsidebar .box .facebookurl a, #blogsidebar .box .rssurl a{ color: #19437d; text-decoartion: underline;} #blogsidebar .box .rssbox { border-top: 1px solid black; padding: 10px 15px; height: 50px;} /* �ber uns */ #blogsidebar .box .boxcontent { } #blogsidebar .box #ueberuns { padding: 10px 15px; text-align: justify;line-height: 20px;} #blogsidebar .box .autorbild img { float: left; margin-right: 10px; margin-bottom: 10px; padding: 1px; border: 1px solid black; } /* Kategorien */ #blogsidebar .box ul { list-style: none; margin: 0; padding: 0;} #blogsidebar .box ul li { padding: 5px 10px; border-top: 1px solid black; } #blogsidebar .box ul li ul li { padding: 0 0 0 20px; border: none; } #blogsidebar .box ul li a { text-decoration: none; color: #19437d; } #blogsidebar .box ul li a:hover{ text-decoration: underline; } /* Blogpost */ #blog { margin: 10px 10px 0; width: 635px; float: left; } #blog .blogpost { border: 1px solid #848484; background-color: white; margin-bottom: 20px;} #blog .blogpost h2, #blogkommentare .kommentarschreiben, #blogkommentare .kommentaretitel { padding: 10px 15px; background-color: #19437d; color: white; font-size: 14px; font-weight: bold; } #blog .blogpost h2 span.boxtitletext { margin-left: 40px; font-size: 14px; } #blog .blogpost h2 a { color: white; text-decoration: none; font-size: 14px;} #blog .blogpost h2 a:hover { text-decoration: underline; } #blog .blogpost h2#blogtitle { background: url("images/news.png") no-repeat scroll 10px 50% #19437D; padding: 15px; margin: 0;} #blog .blogpost .detailbox { padding: 5px 10px; background-color: #fcfcff; border-top: 1px solid black; border-bottom: 1px solid black;} #blog .blogpost .detailbox a { color: black; text-decoration: none; } #blog .blogpost .detailbox a:hover { text-decoration: underline; } #blog .blogpost .teaser { margin: 10px 0; font-weight: bold; } #blog .blogpost .contentbox { } #blog .blogpost .contentrahmen { margin: 20px; } #blog .blogpost .realcontent { padding: 10px 0;line-height: 18px; } #blog .blogpost .realcontent p { line-height: 18px; margin-bottom: 10px; } /* Kommentare */ #blogkommentare { background-color: #f8f8f9; border: 1px solid #848484; float: right; width: 632px; margin: 0 10px 0 0; } #blogkommentare .kommentaretitel { background: url("images/kommentare.png") no-repeat scroll 10px 50% #19437D; padding: 15px; } #blogkommentare .boxtitletext { margin-left: 40px; font-size: 14px;} #blogkommentare .keinekommentare { background-color: white; border: 1px solid #395CA2; padding: 10px; margin: 20px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul { list-style: none; margin: 0; padding: 0;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul li { padding: 5px 10px; border-top: 1px solid black; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul li ul li { padding: 0 0 0 20px; border: none; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .textbox input { background-color: #f8f8f9; border: 1px solid #333333; color: #4E4E4E; font-size: 11px; line-height: 26px; padding: 5px 10px; width: 230px;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .comment-body { padding: 10px; margin: 10px; background-color: #FFF; border: 1px solid #333333; min-height: 50px;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .form_area { margin: 20px; background-color: #FFF; border: 1px solid #333333; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .comment-author { float: left; margin-right: 10px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .comment-meta { margin: 5px 0 0 10px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset { border: none; list-style: none; margin: 0; padding: 0;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul textarea { height: 100px; width: 250px; border: 1px solid #333333; background-color: #f8f8f9;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul input#submit { margin: 10px 0 10px 180px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul label { line-height: 30px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .antwortlink { margin: 10px 10px 10px 20px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .reply {padding-top: 10px;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .kommentarschreiben { background: url("images/kommentarschreiben.png") no-repeat scroll 10px 50% #19437D; padding: 15px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .kommentartitel { width: 170px; padding: 15px; float: left; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .textarea_outer { width: 170px; float: left;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .kommentartitel#name { background: url("images/username.png") no-repeat scroll 10px 50%; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .kommentartitel#email { background: url("images/email.png") no-repeat scroll 10px 50%; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .kommentartitel#homepage { background: url("images/homepage.png") no-repeat scroll 10px 50%; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .kommentartitel#text { background: url("images/text.png") no-repeat scroll 10px 50%; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .kommentartitel label {margin-left: 40px; font-size: 14px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .row { border-bottom: 1px solid black; height: 60px;padding: 10px;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .row#text { height: 150px; border: none;} #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .textbox { margin-top: 17px; } #blogkommentare #blogcomments .comments form#kommentarform fieldset ul .loggedin { background-color: #EDF1F9; border-bottom: 1px solid #395CA2; padding: 10px 20px;}