/*
Theme Name: Tagesgeld.info
Version: 0.1
Author: 3task.de
Author URI: http://www.3task.de
*/


@import "css/reset.css"; 
@import "css/tools.css"; 
@import "css/content.css"; 
@import "css/mietkautionsrechner.css"; 
@import "fancybox/jquery.fancybox.css"; 


/* base
------------------------------------------------------------------ */
html { background: #f2f0ed url(images/bg_html.png) 0 0 repeat-x; overflow-y: scroll; }
html, body { height:100%; }


/* container
------------------------------------------------------------------ */
#w { width: 100%; min-height:100%; overflow:hidden; display: block; } 
#page { display: block; width:950px; position: relative; }
div.tippright { position:absolute; left: 965px; top: 120px; text-align: left; }


#contentbox { padding: 110px 0 0 0; }
#contentbox .cbg { background: url(images/bg_content.png) 0 0 repeat-y; width: 960px; display: block; }
#contentbox .cbg .innerbg { background: url(images/bg_content_top.png) 0 0 no-repeat; width: 950px; display: block; padding: 20px 10px 0 0; }
#contentbox .cbg .cbottom { background: url(images/bg_content_bottom.png) 0 0 no-repeat; display: block; width: 960px; height: 37px; clear: both; }

#breadcrumb { padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px solid #edebe7; font-size: 11px; }


/* div#content
------------------------------------------------------------------ */
#content { padding: 5px 0px 0 30px; width: 705px; float: left; text-align: justify;}
.entry { margin: 20px 0 0 0; }

#content ul, #content ol { padding-left:15px; margin: 10px 0 10px 15px; }
#content ol li,#content ul li { margin-bottom:5px; line-height: 1.3em; }
#content ul li { list-style: square; }

#content h1 span { color: #e29345; }
#content hr { background: none; border: none; height:1px; border-top: 1px solid #dbd9d6; clear: both; padding:0 0 5px 0; margin: 20px 0 0 0; }

#content #boxed {margin: 15px 0 0 -20px;}


#content #boxed table { clear: both; width: 100%; border-collapse: separate; border-left: 1px dotted #C4BEAE; font-family: Tahoma; }

#content #boxed table th { text-align: center; line-height: 1.2em; font-family: Helvetica, Tahoma; font-size: 12px; background: url(images/bg_th.png) top left repeat-x #ec8118; border-top:1px solid #b7ac90; vertical-align: middle; color: #fff!important; padding:5px; font-weight: 700; border-right: 1px dotted #f4f4f4; border-bottom: 1px solid #fff; } 

#content #boxed table td, #content #boxed table  th { padding:5px; text-align: left; font-size: 12px; vertical-align: middle; color: #222 }
#content #boxed table td { border-right: 1px dotted #C4BEAE; border-bottom: 1px solid #C4BEAE; border-top:1px solid #f4f4f4; vertical-align: top;  }


#content .box { clear: both; position: relative; background:#f2f0ed; border: 1px solid #dbd9d6; display:block; margin: 0 0 15px 20px; padding: 15px 15px 55px 15px; }

#content .box a.antrag { position: absolute; left: 15px; bottom: 15px;  }
#content a.antrag{ line-height: 22px; display: inline-block; background: #4e4123; padding: 1px; text-decoration: none; }
#content a.antrag span { border: 1px solid #fff; font-weight: 700; font-size: 13px; display: block; padding: 2px 6px; line-height: 22px; color: #fff!important; }
#content a.antrag:hover { background: #ef9236; }

#content .bigbox { clear: both; margin: 0 0 15px 0; background:#f2f0ed; border: 1px solid #dbd9d6; padding: 15px; }
#content .bigbox img { border: 1px solid #dbd9d6; display: block; }
.floatright, .alignright { float:right; }
.floatleft, .alignleft { float:left; }
img.floatright, img.alignright  { padding: 15px 0 15px 15px; }
img.floatleft, img.alignleft { padding: 15px 15px 15px 0; }

.wp-caption.alignleft { margin: 15px 15px 15px 0;}
.wp-caption.alignright { margin: 15px 0 15px 15px;}

#content .box h3, #content .bigbox  h3 {  background: url(images/icons/ratgeber.png) right top no-repeat!important;  border-bottom: 1px solid #dbd9d6; margin-bottom:10px; padding: 0 0 10px 0; }
#content .bigbox  h3 { margin-bottom:4px; }

#content .box p { clear: both; border-bottom: 1px dotted #dbd9d6; padding: 3px 0;}
#content .box p small { font-size: 11px; text-align: right; display: block; font-weight: normal!important; padding: 5px 0 10px 0; }
#content .box p strong { display: block; width: 200px; float: left; }
#content .box p span { width: 300px; display: block; float: right; text-align: right; }

.rightcontent { width: 130px; float: right!important; text-align:right; }
.leftcontent { width: 575px!important; float: left!important; }

#content table.details, #content table.details td { border: none!important; padding: 0!important; margin: 0!important; font-size: 13px!important; }
#content table.details { margin: 7px 0!important; }
#content table.details td { padding: 5px 0!important; border-bottom: 1px dotted #dbd9d6!important; }


/* Spalten */
div#content div.col { text-align: left; width: 345px; }
div#content div.col_left { float: left; }
div#content div.col_right { float: right; }
div#content div.col_none { clear: both; float: none; width: 740px; }
div#content div.col .col_headline { background: #ee8f32 url('images/bg_th.png') 0 -1px repeat-x; border: 1px solid #c56c16; border-bottom: none; color: #fff; font-size: 15px; font-weight: 700; height: 30px; line-height: 30px; margin: 0!important; padding: 0 10px; position: relative; }
div#content div.col div.inner { background: #f7f9fc; border: 1px solid #cccccc; border-top: none; }
div#content div.col div.inner ul { margin-top: 0!important; padding-top: 10px; }
div#content div.col div.inner div.bg { font-size: 12px; border: 1px solid #fff; border-top: none; padding: 10px; }


/* Rechner */
#content .rechner { float: left; width: 288px; border: 1px solid #c4beae; background: #f4f2ee; margin: 0 0 0 30px; text-align: left; }
#content .tagesgeldeingabemaske { width: 340px!important; margin: 0 20px 0 0!important; float:left; }
#content .widget { margin: 0 10px 0 0!important; }
#content .rechner form { padding: 10px; }
#content .rechner form label span { width: 120px; display: block; float: left; }
#content .rechner form input.submit { font-weight:700; color:#222; padding: 0px 8px }
#content .rechner #kombiprodukte, #content .rechner #einlagensicherung { width: 320px; }
#content .tagesgeldeingabemaske .nofloat label span { float: none; width: auto; font-weight: 700; }
#content .rechner img { border:1px solid #fff }
#content .rechner h3 { background: url(images/icons/calc.png) left top no-repeat; margin: 0 0 5px 0; padding: 0 0 5px 36px; border-bottom: 1px solid #dbd9d6; }
#content .rechner p { padding: 3px 0; }


#content .widgetsmall { width: 100%!important; margin: 10px 0!important; float: none!important; line-height: 30px; font-size: 11px; }
#content .widgetsmall form { padding: 0px 10px!important; }
#content .widgetsmall strong { display: block; width: 110px; }
#content .widgetsmall h3 { font-size: 13px!important; background: none!important; padding: 0 0 5px 0!important; font-weight: 700; }
#content .widgetsmall label span {width: auto!important; display: inline!important; }
#content .widgetsmall form input.submit { padding: 0px!important;}
#content .widgetsmall form input { margin: 0 0 0 5px; }
#content .widgetsmall p { float: left; padding-right: 15px; }
#content .widgetsmall p.submit { padding-right: 0; float: right; }

#content .widgetbig { background: url(images/rechnerbanner.jpg) no-repeat; text-align: center; padding: 10px 0 0 0!important; width: 120px!important; height: 590px!important; margin: 0 0 0 10px!important; float: right!important; font-size: 11px; }
#content .widgetbig form { padding: 0 0 50px 0; background: url(images/bg_banner.png) top left no-repeat; }
#content .widgetbig strong { background: #fff; display: block; padding: 5px 0 2px 0!important; }
#content .widgetbig label { padding:  0 5px!important;}
#content .widgetbig label, #content .widgetbig label span { margin: 0!important; padding: 0!important; width: auto!important; display: inline!important; }
#content .widgetbig form input.submit { padding: 0px!important;}
#content .widgetbig form input,#content .widgetbig form select { margin: 0; width: 100px; }
#content .widgetbig form select { width: 105px; }
#content .widgetbig p { padding: 5px 0!important; }
#content .widgetbig .button { margin: 10px 0 0 0; font-weight: 700; }

div.rechnerkNav { background: url(images/icons/calc.png) right top no-repeat; clear: both; text-align: right; margin: 15px 0 0 0; padding: 0 39px 5px 0; }
div.rechnerkNav a { -moz-opacity:0.80; opacity:0.80; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; background: url(images/bg_button_right.png) right center no-repeat; line-height: 22px; display: inline-block; }
div.rechnerkNav a span { font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; background: url(images/bg_button.png) left center no-repeat; display: block; margin: 0 2px 0 0; padding: 0 4px 0 6px; line-height: 22px; color: #fff!important; }
div.rechnerkNav a:hover { text-decoration: underline; -moz-opacity:1; opacity:1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; }


/* Tabs */
#content .tabs { padding: 15px 0; background: #f2f0ed }
#content .tabs h3 { padding: 0 15px; }
#content #tabs { margin:20px 0 0 0; }
#content #tabs ul.ui-tabs-nav { margin:0 10px!important; padding:0!important; display:block; width:100%; background:url(images/bg_tabs.png) left bottom no-repeat; }
#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_nav_li_a.png) left top no-repeat; line-height: 29px; display: block; padding: 3px 15px 0 15px; margin: 0 2px 0 0; color: #fff; text-decoration: none; font-weight: 700; }
#content .ui-tabs-selected a { margin:0 1px 0 0!important; }
#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-position: left bottom!important; color: #968c74; }
#content .ui-tabs-hide { display:none; }


/* News (Startseite) */
#content .news { background: #f2f0ed; padding: 15px; margin: 15px 0; border-bottom: 1px solid #dbd9d6; border-left: 1px solid #dbd9d6; border-right: 1px solid #e4e3e0; border-top: 1px solid #e4e3e0; }
#content .news h3 { background: url(images/icons/newspaper.png) right top no-repeat; border-bottom: 1px solid #dbd9d6; margin-bottom:10px; padding: 0 0 10px 0; }
#content .news ul { margin: 0; padding: 0; }
#content .news ul li { list-style: none; border-bottom: 1px solid #fff; margin-bottom:10px; }
#content .news ul li p { padding: 5px 0 10px 0; }

#content .ratgeber h3 { background: url(images/icons/ratgeber.png) right top no-repeat!important; }


/* FAQ */
#faq h4 { padding: 30px 0 5px 15px!important; border-bottom: 1px solid #fff; font-size: 18px; color:#ec8118 }

#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; border-top:15px solid #fff; }
#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 10px!important; }
#faq ol li strong { font-size: 1.1em; }
#faq ol li span { padding: 2px 10px; 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: 175px; }
form#ratingform .right p.rating { background:#fff; padding: 5px 5px 5px 15px; height: 35px; line-height: 35px } 
form#ratingform .right p { margin: 0 0 10px 0; }
p.floatright input#submit { margin: 0 15px 0 0; padding: 4px; }
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: 640px; height: 250px; }

#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 #ccc; border-top: 1px solid #fff; font-size: 12px; }
#content .item .initial { font-weight:700; background: #ccc; 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: 5px 5px 5px 5px; font-size: 12px }



/* Newsletter */
#un_newsletter { padding: 0px 0 0 15px; }
form#newsletter input { font-size: 11px; padding: 3px; }
form#newsletter p { padding: 5px 0; }
form#newsletter #un_name,form#newsletter #un_email { width: 115px; }
form#newsletter .select { display: none; }
.email { display: none; }
input.error { border:1px solid #e74f50!important; }

/* Lexikon */
#content div.AlphabeticList { padding: 5px 0; margin: 15px 0; border-bottom: 1px solid #dbd9d6; }

/* Blog */
.related { border: 1px solid #ccc; background: #f2f0ed; margin: 15px 0 0 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: #F3F3F3; }
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; }
ol.commentlist li.mitarbeiter { border-left: 5px solid #cb0000; padding: 0 10px 0 5px; }

/* 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 { 	border: 1px solid #ec8118; padding: 4px 6px 4px 6px; margin: 2px; color: #ec8118; background-color: #f4f4f4; }

/* Kontaktforumlar */
#content form#kontakt { width: 705px; margin: 20px 0; position: relative; }
#content form#kontakt label { float: left; width: 120px; display:block; }
#content form#kontakt input { background: #f5f5f9; border: 1px solid #b3b3c9; padding: 5px; width: 218px; color: #777777; }
#content form#kontakt .email { display:none }
#content form#kontakt textarea {  background: #f5f5f9; border: 1px solid #b3b3c9; padding: 5px; width: 448px; color: #777777; }
#content form#kontakt .error { border-bottom: 1px solid #d42a2a!important; background: #f7c0c0; }
#content form#kontakt .req { font-weight: 700; }
#content form#kontakt .button { background: #EC8118; width: 80px; margin: 0 0 0 120px; border: 1px solid #b3b3c9; color: #fff; font-weight: 700; height: 24px; padding: 0; }
#content form#kontakt .button:focus { color: #fff; }

/* Newsletter */
#content div.newsletter-box-content { background: #F4F2EE; border: 1px solid #C4BEAE; width: 703px; margin: 8px 0; text-align: left; }
#content div.newsletter-box-content div.newsletter-box-content-inner { border: 1px solid #fff; background: url('images/bg_newsletter_content_box.jpg') right top no-repeat; padding: 15px 15px 10px 15px; color: #494949; }
#content div.newsletter-box-content div.newsletter-box-content-inner h3 { color: #090910; font-size: 22px; font-weight: 700; text-shadow: 1px 1px 0 #C4BEAE; }
#content div.newsletter-box-content div.newsletter-box-content-inner form label { display: none; }
#content div.newsletter-box-content div.newsletter-box-content-inner #un_newsletter { padding: 0; }
#content div.newsletter-box-content div.newsletter-box-content-inner form#newsletter { position: relative; }
#content div.newsletter-box-content div.newsletter-box-content-inner form#newsletter p.text input { border: 1px solid #C4BEAE; padding: 5px 10px; width: 170px; border-radius: 3px; line-height: normal; }
#content div.newsletter-box-content div.newsletter-box-content-inner form#newsletter p.submit input { position: absolute; left: 200px; top: 4px; cursor: pointer; }
#content div.newsletter-box-content div.newsletter-box-content-inner p.success, #content div.newsletter-box-content div.newsletter-box-content-inner p.verified { background: url(images/bg_fff_80.png) repeat; padding: 10px; }


/* div#teaser
------------------------------------------------------------------ */
#teaser { background: url(images/bg_teaser.png) no-repeat; width: 925px; height: 139px; display: block; margin: 0 0 0 19px; position: relative; }
#teaser span.live_max_zins { color: #ec8118; font-weight: 700; position: absolute; top: 47px; left: 45px; font-size: 15px; text-shadow: 1px 1px 0 #fff;  }

#teaser .widget_shortcode {  position: absolute; top: 40px; color: #2b4d92; }
#teaser .widget_shortcode p { float: left; }
#teaser .widget_shortcode input, #teaser .widget_shortcode select { border: 1px solid #e1dece; color: #928e76; width: 95px; padding: 0px 5px; height: 30px; line-height: 30px; }
#teaser .widget_shortcode select { padding: 6px 5px; margin-left: 5px; width: 105px; height: 32px; line-height: 32px; }

body#safari #teaser .widget_shortcode select { padding: 0!important; height: 26px; line-height: 26px; }

#teaser .widget_shortcode p.submit { padding: 0!important; }
#teaser .widget_shortcode input.submit { cursor: pointer; border: none; height: 31px; display: block; text-indent: -10000000px; background: url(images/bg_calc_button.png) 0 0 no-repeat; }

#teaser .widget_shortcode_tagesgeld  { left: 399px;  }
#teaser .widget_shortcode_festgeld  { left: 656px; }
 
#teaser .widget_shortcode_tagesgeld input.submit { background-position: 0 0; width: 203px; }
#teaser .widget_shortcode_festgeld input.submit { background-position: 0 -62px; width: 192px; }
#teaser .widget_shortcode_tagesgeld input.submit:focus, #teaser .widget_shortcode_tagesgeld input.submit:hover { background-position: 0 -31px; }
#teaser .widget_shortcode_festgeld input.submit:focus, #teaser .widget_shortcode_festgeld input.submit:hover { background-position: 0 -93px; }


/* div#header
------------------------------------------------------------------ */
#header { position:absolute; top:0px; left:0; background: url(images/bg_header.jpg) 0 0 no-repeat; height: 102px; width: 960px; display: block; }
#header a#logo img { margin: 8px 0 0 20px }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:71px; left: 171px; width: 789px; }
#nav ul li { float: left; margin-left: -2px; }

#nav ul li a { background: url(images/bg_nav_li_a_right.png) right top no-repeat; line-height: 29px; display: block; color: #fff; text-decoration: none; font-weight: 700; }
#nav ul li a span { background: url(images/bg_nav_li_a.png) left top no-repeat; display: block; margin: 0 5px 0 0; line-height: 28px; padding: 3px 11px 1px 16px; }
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current_page_parent a { background-position: right bottom !important; color: #968c74; }
#nav ul li a:hover span, #nav ul li.current_page_item a span, #nav ul li.current_page_parent a span { background-position: left bottom!important; }


/* div#search
------------------------------------------------------------------ */
#search { position:absolute; top: 16px; left: 690px; background: url(images/bg_search.png) no-repeat; width: 260px; height: 34px; text-align: left; }
#search input#srch_fld { width: 149px; height: 16px; line-height: 16px; padding: 9px 10px; background: none; color: #99968c; border: 0; position:absolute; top: 0px; left: 0px; }
#search input.submit_btn { background: none; border: 0; text-indent: -100000px; height: 34px; width: 91px; cursor: pointer; position:absolute; top: 0px; right: 0px; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar { width: 188px; margin: 10px 0 0 0; float: right; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 12px }
#sidebar ul { background: url(images/bg_sidebar.png) 0 24px no-repeat; padding: 0 0 10px 0; }
#sidebar ul ul { background: none; padding: 0 0 0 5px; }
#sidebar h3 { background: url(images/bg_sidebar_h3.png) 0 0 no-repeat; margin: 0 0 10px 0; display: block; line-height: 24px; height: 24px; padding: 0 0 0 15px; width: 173px; color: #fff; font-weight: 700; font-size: 13px }
#sidebar ul li a { color: #4E4123; text-decoration: none; display: block; padding: 3px 0 3px 15px; font-size: 12px }

.googleAd a { margin: 15px auto; padding: 0!important; display: block!important; }


#sidebar ul.googleAd h3 { margin: 0!important; }


#sidebar ul li a:hover { text-decoration: underline; }
#sidebar ul li.current_page_item a { background: #fff }
#sidebar ul li.current_page_item ul li a { text-decoration: none; background: none }
#sidebar ul li.current_page_parent ul li.current_page_item a { background: #fff }
#sidebar ul li.current_page_parent ul li.current_page_item ul li a { text-decoration: none; background: none }
#sidebar ul ul li.current_page_parent ul li.current_page_item a { background: #fff; }


/* Animation Sidebar */
h3.verbrauchermeinung { margin: 0!important; }
#sidebar ul.spy { background: #fff!important; padding: 0px!important; }
#sidebar .spyWrapper { height: 190px!important; overflow: hidden; position: relative; }
#sidebar .spy li { background: #fff; list-style: none!important; margin: 0!important; padding: 10px!important; height: 205px!important; width: 168px; overflow: hidden; font-size: 11px; }
#sidebar .spy li p { padding: 5px 0 0 0!important; }
#sidebar ul.spy li a { text-decoration: underline; padding: 0; }
#sidebar ul.spy li a:hover { text-decoration: none; }

#sidebar li h4 { font-size: 1.2em; }
#sidebar li h4 a { padding: 2px 0 10px 15px!important; }
#sidebar li h4.rechner a { color: #4E4123; background:  url(images/icons/calc.png) right top no-repeat;}
#sidebar li h4.rechner a:hover { background: url(images/icons/calc.png) right top no-repeat!important; text-decoration: underline; }

#sidebar .box a.antrag { position: absolute; left: 15px; bottom: 15px;  }

#sidebar a.calc { margin: 0 0 5px 15px!important; color: #fff; line-height: 22px; display: inline-block; background: #4e4123; padding: 1px!important; text-decoration: none; width:160px;}
#sidebar a.calc span { border: 1px solid #fff; font-weight: 700; font-size: 13px; display: block; padding: 2px 6px; line-height: 22px; color: #fff!important; }
#sidebar a.calc:hover { background: #ef9236; text-decoration: none; }


/* div#footer
------------------------------------------------------------------ */
#footer { text-align: center; font-size: 11px; margin: 10px 0 0 10px; background: url(images/bg_footer.png) repeat-x; height: 56px; width: 938px; border: 1px solid #fff; border-bottom: none; }
#footer p { padding: 8px 0 0 0; color: #9f957e; }
#footer p.copy { padding:10px 0 0 0; }
#footer p a { color: #807354; padding: 0 10px; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,tbody th, td { font: 13px/1.5 Arial, Helvetica, sans-serif; color:#4e4123; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; line-height:1.1em; font-weight: normal; }

h1 { font-size: 26px; color: #807354; }
h2 { font-size: 20px; color: #807354; margin: 20px 0 0 0;  padding: 0 0 5px 0; border-bottom: 1px dotted #dbd9d6; }
h3 { font-size: 18px; color: #807354; margin-top:20px; }
h4 { font-size: 16px; color: #807354; margin-top:20px; }
h5 { font-size: 14px; color: #807354; margin-top:20px; }

small { font-size: 11px; }

p { padding: 7px 0; }

.TabelleKopfZentriert {
	background-color: #DEDAD3;
	border: 1px solid #E29345;
	text-align: center;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}

.TabelleHauptZentriert {
	background-color: #f4f4f4;
	border: 1px solid #E29345;
	text-align: center;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
}

.TabelleHauptLinks {
	background-color: #f4f4f4;
	border: 1px solid #E29345;
	vertical-align: middle;
	margin-top: 0;
	margin-bottom: 0;
padding-left: 10px;
}

.Tabellefakten {
	background-color: #F4F4F4;
	border: 1px solid #E29345;
	vertical-align: middle;
text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

.table {
    margin: 20px 0 20px 0;
    width: 100%;
}
.table th {
    background-color: #DEDAD3;
    border: 1px solid #E29345;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
}
.table td {
    background-color: #F4F4F4;
    border: 1px solid #E29345;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 10px 0 10px;
    text-align: center;
    vertical-align: middle;
}
.table tfoot td {
    font-size: 11px; 
    text-align: left; 
    padding: 10px;
}
.table .links {
    text-align: left;
}
.table .zentriert {
    text-align: center;
}
.table .rechts {
    text-align: right;
}


/* Listenelemnt als spalte(n) in Tabelle 
--------------------------------------------------------------------*/
table ul.tablecellStaffelzins { list-style-type:none !important; padding:0 !important; margin:0 !important; width:100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -moz-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: start;  -moz-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start;
    align-items: flex-start; }
table ul.tablecellStaffelzins li { line-height:3em !important; margin:0 !important; list-style-type:none !important; text-align:center; border-right:1px dotted #999; min-width:55px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; }
table th ul.tablecellStaffelzins li { line-height:2em; min-height:2em; }
table ul.tablecellStaffelzins li:nth-last-child(1) { border-right:0; }



/* links
------------------------------------------------------------------ */
.mauslinks a:hover{color:#FFFFFF; background-color:#E58D32;cursor:help;}
.mauslinks a:active{color:#ec8118; background-color:#E58D32;cursor:help;}

a { color:#ec8118; }
a:hover { text-decoration:none; }

.linkfett { color: #3D3D7A; text-decoration:none; font-size:13px; font-weight: bold;}
.linkfett:hover {color:white; background-color:#3D3D7A; text-decoration:none; font-size:13px; font-weight: bold;}

p.ultimate_vergleich_show_all { text-align: center; background: #CACACA; padding: 5px 0; }
a.ultimate_vergleich_show_all { font-weight: 700; font-size: 16px; text-shadow: 1px 1px 0 #F4F4F4; }

a.button-pdf {
    background: url("/grafiken/hinweis-pdf.png") no-repeat scroll 0 0 transparent;
    clear: both;
    color: #E29345;
    display: block;
    font-weight: bold;
    height: 50px;
    margin: 20px 0 10px 0;
    width: 100%;
    padding: 0 10px 0 80px;
    text-decoration: none;
}
a.button-pdf span {
    color: #807354;
    font-size: 17px;
}


/* Rechner & Vergleich
------------------------------------------------------------------ */
div.zinsstatistik_widget { display: inline-block; margin: 10px 5px!important; }

table#ultimate_calculator { clear: both; width: 100%; border-collapse: separate; border-left: 1px dotted #C4BEAE; font-family: Tahoma; }
table#ultimate_calculator, table#ultimate_calculator tbody th.i1 { font-size:0.8em; text-align:center; }
table#ultimate_calculator tbody a.imglink { text-decoration:none; width:100%; display:block; text-align:center; margin:10px auto; padding:auto; }
table#ultimate_calculator thead th { text-align: center; line-height: 1.2em; font-family: Helvetica, Tahoma; font-size: 1.2em; background: url(images/bg_th.png) top left repeat-x #ec8118; border-top:1px solid #b7ac90; vertical-align: middle; color: #fff!important; padding:5px; font-weight: 700; border-right: 1px dotted #f4f4f4; border-bottom: 1px solid #fff; } 
table#ultimate_calculator td, #content #ultimate_calculator table thead th { padding:5px; text-align: left; font-size: 1em; vertical-align: middle; }
table#ultimate_calculator tbody td { border-right: 1px dotted #C4BEAE; border-bottom: 1px solid #C4BEAE; border-top:1px solid #f4f4f4; vertical-align: top;  }
table#ultimate_calculator td.i8, table#ultimate_calculator th.i8 { width: 40px; white-space: nowrap; text-align: center; }
table#ultimate_calculator td.i3, table#ultimate_calculator td.i4, table#ultimate_calculator td.i5,table#ultimate_calculator td.i6 { text-align: center; white-space: nowrap; }
table#ultimate_calculator td.i7, table#ultimate_calculator td.i16 { text-align: center; }
table#ultimate_calculator td.i5, table#ultimate_calculator td.i3 { font-weight: 700; font-size: 1.2em;}
table#ultimate_calculator td.i7 a { text-decoration: none; background: url(images/bg_button_grey_right.png) right center no-repeat; line-height: 22px; display: block; text-align: center; }
table#ultimate_calculator td.i7 a { font-weight: 700; font-size: 1em; background: #968C74; color: #fff; padding: 3px 4px; text-decoration: none; border: 1px solid #968C74; }
table#ultimate_calculator td.i7 a:hover { background: #EF9236; border: 1px solid #EC8118;}
table#ultimate_calculator tbody th.i1, table#ultimate_calculator td.i1, table#ultimate_calculator td.i16 { width: 140px; }
table#ultimate_calculator tbody th.i1, table#ultimate_calculator td.i1, table#ultimate_calculator td.i100 { border-bottom: 2px solid #C4BEAE; }
table#ultimate_calculator td.i100 { text-align:left; }
table#ultimate_calculator tbody tr.alt th, table#ultimate_calculator tr.alt td { background-color: #f4f4f4 }
table#ultimate_calculator tbody th.i1 img, table#ultimate_calculator td.i1 img { width:80%; }

#ApiVergleichForm p { padding: 0; margin: 0; }
#ApiVergleichForm a.button { position: absolute; top: 128px; right: 0px; font-weight: 700; border: 1px solid #8d8e88; text-decoration: none; display: inline-block; padding: 3px 10px 3px 10px!important; font-size: 15px;  color:#fff; background: #154674; background: -moz-linear-gradient( top, #2971b3, #154674); background: -webkit-gradient (linear, left top, left bottom, from(#2971b3), to(#154674)); filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#2971b3, endColorstr=#154674); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#2971b3, endColorstr=#154674)"; text-shadow: 1px 1px 0 #4a4a4a; display: inline-block; width: auto!important; margin: 0 5px 0 5px;}
#ApiVergleichForm a.button:hover { background: -moz-linear-gradient( top, #154674, #2971b3); background: -webkit-gradient (linear, left top, left bottom, from(#154674), to(#2971b3)); filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#154674, endColorstr=#2971b3); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#154674, endColorstr=#2971b3)"; }

.ultimate_vergleich table { width: 704px; border-top: 1px solid #cacaca; border-left: 1px solid #cacaca; border-bottom: 3px solid #cacaca;}
.ultimate_vergleich table thead th, .ultimate_vergleich table tbody td { padding: 3px 5px; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; font-size: 11px;}
.ultimate_vergleich table thead th { white-space: nowrap; padding-bottom: 10px!important; cursor: pointer; background:  #E29345; color:#fff; text-align: center }
.ultimate_vergleich table thead th.headerSortUp { background: #2971b3 url("https://api-tagesgeldvergleich.finanzrechner.org/images/asc.gif") right bottom no-repeat!important; }
.ultimate_vergleich table thead th.headerSortDown { background: #2971b3 url("https://api-tagesgeldvergleich.finanzrechner.org/images/desc.gif") right bottom no-repeat!important; }
.ultimate_vergleich table thead th.th_11, .ultimate_vergleich table thead th.th_10 { cursor: auto!important; background: #2971b3!important; text-align: right; }
.ultimate_vergleich table td {text-align: center; vertical-align: middle; }
.ultimate_vergleich table td.i3 { font-weight: 700; font-size: 13px; }
.ultimate_vergleich table td.i7 a { font-weight: 700; font-size: 13px; background: #968C74; color: #fff; padding: 3px 4px; text-decoration: none; border: 1px solid #968C74; }
.ultimate_vergleich table td.i7 a:hover { background: #EF9236; border: 1px solid #EC8118;}
.ultimate_vergleich table tbody tr.odd td { background: #f1f1f1; }
/* .ultimate_vergleich table tbody tr.alt td { background: #fff; } */
.ultimate_vergleich table td span.info { border-bottom: 1px dotted #222; }
.ultimate_vergleich table tr.alt td { background-color: #f4f4f4; }
.ultimate_vergleich p.kombiprodukte_filter { background: #f4f4f4; padding: 5px 10px; }


/* misc
------------------------------------------------------------------ */
#facebook #___plusone_0 { position: absolute; top: 23px; right: 383px; }
#facebook .facebook { position: absolute; top: 23px; right: 244px;  }

#tooltip { text-align: left; padding: 5px 10px; display: none; background: #fff; border: 1px solid #cacaca; position: absolute; width: 300px; font-size: 11px; line-height: 1.5em;  box-shadow: 0 0 8px #b6b7b8; -webkit-box-shadow: 0 0 8px  #b6b7b8; -moz-box-shadow: 0 0 8px #b6b7b8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.surftipp {
	color: #900;
	text-decoration:underline;
	font-size:16px;
	font-weight: bold;
}
.surftipp:hover {color:white; background-color:#900; text-decoration:underline;}

.surftipps a {
	color: #900;
	text-decoration:underline;
	font-size:16px;
	font-weight: bold;
}
.surftipps a:hover {color:white; background-color:#900; text-decoration:underline;}

/******************************************
** Call2Action - Stoerer Content
*******************************************/
.c2a-wrap { padding:5px 0; }
.c2a { text-align:center; margin:0; padding:0;	}
.c2a.type-01 { padding: 10px; border-width: 1px 0 1px 0; border-style: solid; border-color: #dbd9d6; }
.c2a.type-01 a { font-weight:bold; }
.c2a.type-03 { border-width: 1px 0 1px 0; border-style: solid; border-color: #dbd9d6;	}		
.c2a.type-03 a { padding: 10px 0; display:block; }
.c2a.type-03:hover a { background:#900;color:white; }

.btn-c2a-01 { 
	display: inline-block;
	padding: 10px 15px;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF!important;
	border-radius: 1px;
	background: #4e4123;
	text-align: center;
	border: 3px double white;
	text-decoration:none;
}
.btn-c2a-01:hover {
	background: #ef9236;
}