/* Theme Name: Kreditkarten.net Version: 0.1 Author: 3task Author URI: http://www.3task.de */ @import "css/reset.css"; @import "css/tools.css"; @import "css/formulare.css"; @import "css/rechner.css"; /* base ------------------------------------------------------------------ */ html { background: #eee url(images/bg_html.png) 0 0 repeat-x; text-align:center; } /* container ------------------------------------------------------------------ */ #page { width:960px; text-align:left; margin:0 auto; display: block; } #contentbox { margin-top: 165px; width: 960px; background:url(images/bg_contentbox.png) top center repeat-y; position: relative; } span.ctop { background:url(images/bg_contentbox_top.png) top center no-repeat; width: 960px; height: 10px; line-height: 10px; display: block;} /* div#content ------------------------------------------------------------------ */ #content {margin-top:0px; padding: 15px 12px 0 0px; width: 740px; float: right; } #content ul, #content ol { padding-left:15px; margin: 5px 0 5px 15px; text-align: left;} #content ol li,#content ul li { margin-bottom:5px; line-height: 1.3em; } #content ul li {list-style: disc; } #content ul li a {text-decoration: underline;} #content ul li a:hover {text-decoration: none;} #content div#left {width: 460px; float: left; text-align: justify;} #content div.maxwidth ul { margin: 5px 0 5px 35px;} #content div.maxwidth {width: 550px!important;} #content div#breadcrumb {font-size: 11px;} #cols a.button_beantragen {TEXT-ALIGN: center; font-weight: 600; LINE-HEIGHT: 28px; WIDTH: 420px; BACKGROUND-IMAGE: url(images/bg_button_beantragen.png); BACKGROUND-REPEAT: no-repeat; HEIGHT: 32px; COLOR: #0033cc; FONT-SIZE: 14px; MARGIN: 5px 0 15px 20px; padding: 1px 0 0 0; display:inline-block;} #cols a.button_beantragen:hover {BACKGROUND-POSITION: 0px -98px;} /* Tabelle rechts ------------------------------------------------------------------ */ #content div#right {width: 264px; float: right; margin: 25px 0 0 0; padding: 1px; background: #fff; border: 1px solid #C9E1EC; } #content div#right h3 { background: #C9E1EC; padding: 5px; font-weight: 700; border-bottom: 1px solid #fff; margin: 0; color: #3f7b97;} #content div#right table {margin: 0; padding: 0; width: auto; border-collapse: collapse;} #content div#right table tr {width: auto;} #content div#right table tr td img { border: 1px solid #C9E1EC; } #content div#right table tr td {text-align: left; padding: 2px; vertical-align: top; font-size: 10px; border-top: 1px solid #E0E0E0; border-right: 0px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-left: 0px solid #E0E0E0;} #content div#right table tr td.first {width: 120px; font-size: 10px; border-left: 0px solid #E0E0E0;} #content div#right table tr td.second {width: 136px; font-size: 10px; border-right: 0px solid #E0E0E0;} #content div#right table tr td.tdcenter {text-align: center;} #content div#right table tr td.compl strong {margin: 12px 0 0 0; font-size: 11px; display: block;} #content div#right table tr td.compl a.beantragen {font-weight: 600;} #content div#right table tr td a {color: #0066ff;} #content div#right table tr td a.info {color: #202020; text-decoration: none; border-bottom: 1px dotted #3781FB;} #content div#right table tr td a.info:hover {border-bottom: 1px solid #0066ff;} #content div#right table tr td.second ul {margin: 0; padding: 0;} #content div#right table tr td.second ul li {margin: 0; padding: 0;} #content div#right table tr td a.beantragen {font-size: 14px;} /* Sidebar rechts ------------------------------------------------------------------ */ #content div#sidebar_right { margin: -18px 0 0 0; width: 168px; float: right; } #content div#sidebar_right form p { padding: 8px 0 0 0; text-align: right; } #content div#sidebar_right input#iso_name, #content div#sidebar_right input#iso_mail { width: 148px; padding: 2px;} /* Boxen ------------------------------------------------------------------ */ #content div.downbar_under {margin: 20px 0 0 0;} #content div.cleft { width: 356px; float: left; background: #f8f8f8; margin: 10px 0 0 0; border: 1px solid #C9E1EC; min-height: 327px; } #content div.cright { width: 356px; float: right; margin: 10px 8px 0 0; background: #f8f8f8; border: 1px solid #C9E1EC; min-height: 327px; overflow: hidden; position: relative } #content div.athird { width: 234px; float: left; background: #f8f8f8; margin: 10px 0 0 0; border: 1px solid #C9E1EC; height: 150px; } #content div.afourth { width: 174px; float: left; background: #f8f8f8; margin: 10px 0 0 0; border: 1px solid #C9E1EC; height: 120px; } #content div.ccomplete { width: 730px; float: left; background: #f8f8f8; margin: 10px 0 0 0; border: 1px solid #C9E1EC; } #content div.cleft h2, #content div.cright h2, #content div.athird h3, #content div.ccomplete h3 {padding: 0px 10px; margin:0; color:#fff; border: 1px solid #fff; font-size: 12px; height: 31px; line-height: 28px; font-weight: 700;} #content div.afourth h4 {padding: 0px 7px; margin:0; color:#fff; border: 1px solid #fff; font-size: 12px; height: 27px; line-height: 28px; font-weight: 700;} #content div.cleft h2, #content div.cright h2 {background: url(images/bg_catchybox_h2.png) left top repeat;} #content div.athird h3, #content div.ccomplete h3 {background: url(images/bg_catchybox_h3.png) left top repeat;} #content div.afourth h4 {background: url(images/bg_catchybox_h3.png) left top repeat;} #content div.cleft .box, #content div.cright .box, #content div.athird .box, #content div.ccomplete .box { padding: 10px; } #content div.afourth .box { padding: 3px 6px 0 6px; } #content div.ccomplete.news ul, #content div.news ul li { margin: 0; padding: 0; list-style: none; overflow: hidden; position: relative;} #content div.cleft p, #content div.cright p, #content div.athird p {padding: 0; line-height: 16px;} #content div.cright h4 {margin: 2px 0 0 0;} #content div.afourth p {margin: 0; padding: 0;} #content div.cleft h4, #content div.cright h4, #content div.athird h4 {font-size: 13px; font-weight: 700; clear:left;} #content div.ccleft {width: 88px; float: left;} #content div.ccright {width: 247px; float: left;} #content div.ccright ul, #content div.ccright ul li { margin: 0; padding: 0; list-style: disc; line-height: 16px;} #content div.ccright ul li { margin: 0 0 0 20px;} /* Tabs */ #content .tabs { padding: 15px 0; background: #f8f8f8; border: 1px solid #3f7b97; } #content .tabs h3 { padding: 0 15px; } #content #tabs { margin:20px 0 0 0; } #content #tabs ul.ui-tabs-nav { margin:0 0px!important; padding:0!important; display:block; width:100%; } #content #tabs ul.ui-tabs-nav:after { display:block; clear:both; content:" "; } #content #tabs ul.ui-tabs-nav li { float:left; list-style:none!important; margin:0!important; } #content #tabs ul.ui-tabs-nav li a { background: url(images/bg_tab_a.png) left top repeat; border: 1px solid #3f7b97; border-bottom:none; line-height: 27px; display: block; padding: 3px 15px 0 15px; margin: 0 2px 0 0; color: #fff; text-decoration: none; font-weight: 700; } #content #tabs ul.ui-tabs-nav .ui-tabs-selected a, #tabs ul.ui-tabs-nav .ui-tabs-selected a:hover, #tabs ul.ui-tabs-nav li.bold a{ background: #3f7b97; } #content .ui-tabs-hide { display:none; } /* Tabelle - Vergleich */ #content table.vergleich { margin: 1px 0; position: relative;} #content table.vergleich th { background: url(images/bg_th.png) bottom repeat-x; color: #fff; font-weight: 500; border-right:1px solid #ccc; padding:2px; text-align: center; font-size: 10px;} #content table.vergleich td { background: url(images/bg_td.png) bottom repeat-x; border-right:1px solid #fff;border-top:1px solid #fff; padding: 2px; margin: 0; text-align: center; font-size: 11px; vertical-align: middle;} #content table.vergleich td img { display:block; margin: 0 0 0 7px; padding: 0 0 0px 0; } #content table.vergleich th strong.hasinfo { background: url(images/bg_pfeil.png) center bottom no-repeat; display: block; width: 100%; padding: 10px 0; } #content table.vergleich th span { font-size: 11px; position: absolute; display: none; text-align: left; margin: 22px 0 0 -40px; background: #fff; color: #5b5b5b; font-weight: normal; width: 250px; border:1px solid #7b7b7b; padding: 10px; border-radius: 10px;-moz-border-radius: 10px; -webkit-border-radius:10px; } #content table.vergleich td.left {text-align: left;} #content table.vergleich th span a {color: #0066ff;} #content table.vergleich td a.infolink {font-size: 8px; text-decoration: none; padding: 0; margin: 0;} #content table.vergleich td ul {padding:0; margin: 0 0 0 15px;} #content table.vergleich td ul li {padding:0;margin:0; line-height: 1.2em; } #content table.vergleich td.smaller {font-size: 10px;} #content table.vergleich td.right {text-align: right; padding-right: 4px;} #content table.vergleich a.button_details {COLOR: #0033cc; FONT-SIZE: 12px; MARGIN: 0; padding: 1px 0 0 0;} #content table.vergleich a.button_details:hover {text-decoration: none;} #content table.vergleich a.button_antrag {TEXT-ALIGN: center; font-weight: 500; WIDTH: 84px; BACKGROUND-IMAGE: url(images/bg_button_antrag.png); BACKGROUND-REPEAT: no-repeat; HEIGHT: 21px; COLOR: #0033cc; FONT-SIZE: 12px; MARGIN: 3px 0 0 0; padding: 1px 0 0 0; display:inline-block;} #content table.vergleich a.button_antrag:hover {background-position: 0px -98px; text-decoration: none;} /* FAQ */ #faq h4 { padding: 30px 0 5px 15px!important; border-bottom: 1px solid #fff; font-size: 18px; color:#3f7b97 } #faq form { background:#fff; padding: 5px 5px 5px 15px; border-top:1px solid #b7ac90; border-bottom:1px solid #b7ac90; } #faq form label { float: left; width: 150px; display:block; font-weight: 700; } #faq form input { border: 1px solid #bebebe; padding: 2px; width: 170px; } #faq form input#email { display:none } #faq form textarea { clear: both; width: 640px; height: 250px; } #faq form label.faq_callback { float: none; width: 600px!important; padding: 15px 0 0 0; } #faq form label.faq_callback input { width: auto!important; padding: 0!important; border: none!important; } form.answerform textarea { width: 600px!important; height: 100px!important; } #faq ol { margin: 0!important; padding: 0!important; border:1px dashed #ccc; } #faq ol li { background: #f7f7f7!important; padding: 0 0 10px 0 !important; border-top:1px solid #fff; list-style: none!important; margin: 0!important; } #faq ol li p { background: #f7f7f7!important; padding: 5px 20px!important; } #faq ol li strong { font-size: 1.1em; } #faq ol li span { padding: 2px 20px; border-bottom:1px solid #ccc; display: block; background: #ececec; } /* Bewertungen */ form#ratingform .right { clear: both; padding: 15px 0; } form#ratingform .right label { font-weight: 700; width: 450px; float: left; display: block; } form#ratingform .right .bg { float:right; width: 220px; } form#ratingform .right p.rating { background:#fff; padding: 5px 5px 5px 15px; height: 45px; line-height: 45px } form#ratingform .right p { margin: 0 0 10px 0; } p.floatright input#submit { margin: 0 15px 0 0; padding: 4px;border: 1px solid #bebebe; } form#ratingform .left { padding: 15px 0; } form#ratingform .left label { display: block; } form#ratingform .left input { } form#ratingform .left p { float: left; padding: 0 15px; } form#ratingform p.comment { padding: 0 15px ; } form#ratingform p.comment textarea { width: 685px; height: 250px; padding: 5px; } form#ratingform input { padding: 5px; } .email { display: none; } .error { border:1px solid #e74f50!important; } #content div.rating { background:#fff; padding: 5px 5px 5px 15px; border-top:1px solid #b7ac90; border-bottom:1px solid #b7ac90; } #content div.rating div { line-height: 24px; } #content .item { padding: 15px; border-bottom: 1px solid #c9e1ec; border-top: 1px solid #fff; font-size: 12px; } #content .item .initial { font-weight:700; background: #c9e1ec; display: block; padding: 2px 5px; font-size: 13px; } #content .item p { padding: 5px 7px; background: #fff; } #content .item .itemrating { background-color: #fff; line-height: 24px; padding: 10px 5px 10px 5px; } /* Lexikon */ #content div.AlphabeticList { padding: 5px 0; margin: 15px 0; border-bottom: 1px solid #dbd9d6; } /* Blog */ .related { border: 1px solid #ccc; background: #f9f9f9; margin: 15px 0 20px 0; } .related h3 { padding:5px 0 0 15px; border-top: 1px solid #fff; } p.social { float: left; } /* Kommentare */ h3#comments { font-size: 20px; border-bottom: 1px solid #ccc; } ol.commentlist { margin: 0!important; padding: 0!important; } ol.commentlist li.alt { background: #f9f9f9; } ol.commentlist li { padding: 0 10px 20px 10px!important; font-size: 0.9em; position: relative; min-height: 150px; list-style: none!important; margin: 0!important; } ol.commentlist li p.meta { border-bottom: 1px dashed #b0b0b0; } ol.commentlist li strong { font-size: 1.2em; } ol.commentlist li span { font-size: 2em; color: #C4C4C4; position: absolute; bottom: 0px; right: 10px; font-style: italic; } /* Paging Blog */ div.wp-pagenavi { padding: 10px 0 10px 0; margin: 5px 0 0 0; width: 450px; float: right; text-align: right; } div.wp-pagenavi a { padding: 4px 6px 4px 6px; margin: 2px; border: 1px solid #e0e0e0; } div.wp-pagenavi span { position: static!important; display: inline!important; } div.wp-pagenavi span.pages { padding: 4px 6px 4px 6px; margin: 2px 2px 2px 0; border: 1px solid #e0e0e0; } div.wp-pagenavi span.current, div.wp-pagenavi a:hover { color:#fff!important; border: 1px solid #3f7b97; padding: 4px 6px 4px 6px; margin: 2px; color: #3f7b97; background-color: #3f7b97; } /* div#header ------------------------------------------------------------------ */ #header { position:absolute; top:0px; width: 960px; height: 120px; background:url(images/bg_header.jpg) right top no-repeat;} #header a#logo img { margin: 30px 0 0 15px; } /* div#nav ------------------------------------------------------------------ */ #nav { position:absolute; top:120px; } #nav ul li { float: left; background: url(images/bg_nav_li.png) top left no-repeat; position: relative; } #nav ul li.page-item-7 { background: none; } #nav ul li.sub a { background: url(images/bg_nav_li_subnav.png) right 14px no-repeat; padding-right:15px!important; } #nav ul li a {font-size: 12px; color:#fff; text-decoration: none; margin: 0 15px; height: 30px; line-height: 30px; display: block; text-shadow: 1px 1px 1px #336075;} #nav ul li a:hover { color: #eaeaea; text-decoration:underline;} #nav ul ul { display: none; position: absolute; top: 30px; left: 0; background: url(images/bg_nav_ul_hover.png) bottom left repeat-x; padding: 0 0 6px 0;} #nav ul li:hover ul { display: block; } #nav ul ul li { float: none; border: 1px solid #609cb8; border-top:none; border-bottom:1px solid #3f7b97; } #nav ul ul li a { text-decoration:none; white-space: nowrap; padding: 4px 15px 4px 15px; margin: 0; color: #fff; background: #3a7089!important; white-space: nowrap; height: auto; line-height: normal; font-size: 11px; border-bottom: 1px solid #316177; } #nav ul ul li a:hover { text-decoration: underline; color: #fff; } /* div#sidebar ------------------------------------------------------------------ */ #sidebar { width: 186px;float:left; margin: 0 0 0 7px; padding: 5px 0 0 0px; backgroundd: #e8e8e8;} #sidebar h3 { font-size:12px; background: url(images/bg_sidebar_h3.gif) 0 0 no-repeat; width: 174px; height: 36px; display: block; line-height: 28px; padding: 0 6px; color:#ffffff; text-shadow: 1px 1px 1px #3f7892; font-weight: 700} #content div#sidebar_right h3 { font-size:12px; background: url(images/bg_sidebar_right_h3.png) 0 0 no-repeat; width: 155px; height: 26px; display: block; line-height: 26px; padding: 0 6px; color:#ffffff; text-shadow: 1px 1px 1px #3f7892; font-weight: 700} #sidebar .subnav ul li { background: url(images/bg_sidebar_ul_li.png) left top no-repeat; width:186px;} #sidebar .subnav ul li a { color: #2b637d; text-decoration: none; font-size: 11px; font-weight: 700; padding: 0 2px 0 17px; line-height:24px; height: 24px; display:block; } #sidebar .subnav ul li a:hover { text-decoration: underline; } #sidebar .subnav ul { margin: -5px 0 0 0px; width:167px; } #sidebar .subnav ul ul { margin: 0 0 0 11px; border:none; border-bottomm: 1px solid #dcdcdc; display: none; } #sidebar .subnav ul li.current_page_item ul, #sidebar .subnav ul li.current_page_parent ul { display: block; } #sidebar .subnav ul ul li {background: url(images/bg_sidebar_ul_ul_li.gif) left top no-repeat;} #sidebar .subnav ul ul li a { color: #3f7b97; padding: 0 5px 0 15px; background: url(images/bg_sidebar_ul_ul_li_a.png) 8px center no-repeat; font-weight: normal; } #sidebar .subnav ul ul li a:hover { } #sidebar .subnav, #sidebar .box { margin-bottom: 25px } #sidebar h3.zusatzbox { font-size:12px; background: url(images/bg_sidebar_h3-box.gif) 0 0 no-repeat; width: 174px; height: 36px; display: block; line-height: 28px; padding: 0 6px; color:#ffffff; text-shadow: 1px 1px 1px #3f7892; font-weight: 700} #sidebar .box { padding: 0 5px 5px 5px; width:171px; border-top: none; margin-top: -5px; background: url(images/bg_sidebar_searchbox.png) no-repeat; } #sidebar_right .box { padding: 5px; width:155px; border: 1px solid #dcdcdc; border-top: none; margin-top: 0px; margin-left: 0px; background: url(images/bg_sidebar_box.png) repeat-y; } #sidebar_right .box p { font-size: 9px; line-height:11px; padding: 0; margin: 0; text-align: left;} #sidebar_right .imgleft {margin: 0 2px 1px 0;} #sidebar_right .box h4 { font-size: 11px; font-weight: bold; clear:left; margin: 12px 0 3px;} #sidebar_right .box a { color: #3f7b97; } #sidebar_right .box ul.spy2 {padding: 0px!important; margin: 0px!important;} #sidebar_right .box ul.spy2 li {list-style: none!important; padding: 0px!important; margin: 0 0 10px 0; font-size: 11px; } #sidebar_right .box ul.spy2 li p {} #sidebar .box input#s { font-size: 11px; background: url(images/bg_searchbox.png) 0 0 no-repeat; width: 144px; border:none; height: 17px; padding: 4px 5px 0 5px; float: right;} #sidebar input#searchsubmit { font-size: 11px; float: right; margin: 5px 1px 0px 0; padding: 0 5px; color: #12658b; } #sidebar input#newslettersubmit {font-size: 11px; float: right; margin: 5px 1px 0px 0; padding: 0 5px; color: #12658b;} /* Animation Sidebar */ #cancel_sidebar_right .box ul { background: #fff!important; padding: 0px!important; } #cancel_sidebar_right .spyWrapper { height: 180px!important; overflow: hidden; position: relative; } #cancel_sidebar_right .box ul li { background: url(images/bg_sidebar_box.png) repeat-y; list-style: none!important; margin: 0!important; height: 180px!important;overflow: hidden; font-size: 11px; } /* div#footer ------------------------------------------------------------------ */ #footer { height: 90px; background: url(images/bg_footer.png) repeat-x; color: #fff; } #footer div { text-align: left; margin: 0 auto; width:930px; padding: 0 15px; background:url(images/bg_contentbox_bottom.png) top center no-repeat; } #footer p { width: 450px; padding: 45px 0 0 0; font-size: 11px; } #footer p.left { float:left; } #footer p.right { float: right; text-align: right; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { text-decoration: underline; } /* typography ------------------------------------------------------------------ */ body,input,select,th,td,textarea { font: 12px/1.5 Arial, Helvetica, sans-serif; color:#202020; } h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; line-height:1.1em; color: #202020; font-weight:normal; } h1 { font-size: 22px; margin: 20px 0 0 0; } h2 { font-size: 18px; margin: 20px 0 0 0; } h3 { font-size: 15px; color: #202020; margin: 8px 0 0 0;} h4 { font-size: 14px; margin: 12px 0 0 0;} #content div#left h2 {font-size: 16px; margin: 20px 0 0 0; color: #e5cd05;} #content div#left.maxwidth h2 {color:#202020;} #content div#left h4 {font-size: 13px; margin: 7px 0 0 0; font-weight: bold; color: #202020;} p { padding: 5px 0; text-align: justify;} hr { background: none; border: none; border-bottom: 1px solid #dcdcdc; height: 1px; clear: left; padding: 7px 0 0 0;} .small,small {font-size: 11px; display: block;} #sidebar_right small {font-size: 8px; display: block;} .imgleft {float: left; padding: 0; margin: 0 5px 5px 0;} a.bleu:link, a.bleu:visited {color: #0033cc;} a.bleu:hover {text-decoration: none;} a.bleuraquo:link, a.bleuraquo:visited {color: #0033cc; padding: 2px 0 0 14px; background: url(images/raquo.png) 0 5px no-repeat;} /* links ------------------------------------------------------------------ */ a:link,a:visited { color:#202020; } a:hover { text-decoration:none; } /* CSS fuer tooltipp und spaltensortierung ------------------------------------------------------------------ */ div#qTip { max-width: 350px; padding: 5px 6px 10px; display: none; line-height: 1.5em; position: absolute; z-index: 1000; border: 1px solid #666666; background-color: #fff; font-size: 11px; } div#qTip p { margin: -8px -8px -15px; background-color: #F8FDD5; padding: 1em; text-align: left; } .sortable tr th img { background: transparent url(../images/icons/arrow_blank.gif) bottom right no-repeat; } .sort-arrow.descending { background: transparent url(../images/icons/arrow_down.png) bottom right no-repeat; } .sort-arrow.ascending { background: transparent url(../images/icons/arrow_up.png) top right no-repeat; } thead.sortable th { cursor: pointer; } table tr td span.forSort { display: none; }