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


@import "css/reset.css"; 
@import "css/tools.css"; 


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


/* container
------------------------------------------------------------------ */
#page { display: block; width:950px; min-height:100%; margin: 0 0 -67px 0; }

#contentbox { padding: 110px 0 0 0; }
#clearfooter { height:67px; clear: both }

#contentbox .cbg { background: url(images/bg_content.png) 0 0 repeat-y; width: 950px; display: block; }
#contentbox .cbg .innerbg { background: url(images/bg_content_top.png) 0 0 no-repeat; width: 950px; display: block; }
#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: 25px 0px 0 25px; width: 720px; float: left; font: 10px/1.5 Arial, Helvetica, sans-serif;  }

/* 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; }

#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.page-item-931 a { background-position: right bottom !important; color: #968c74; }
#nav ul li a:hover span, #nav ul li.page-item-931 a span { background-position: left bottom!important; }




/* div#sidebar
------------------------------------------------------------------ */
#sidebar { width: 188px; margin: 30px 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: #807354; text-decoration: none; display: block; padding: 3px 0 3px 15px; }

.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: 150px!important; overflow: hidden; position: relative; }
#sidebar .spy li { background: #fff; list-style: none!important; margin: 0!important; padding: 10px!important; height: 165px!important; width: 168px; overflow: hidden; }
#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; }


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


/* 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,td { font: 13px/1.5 Arial, Helvetica, sans-serif; color:#807354; }


/* Vergleiche
------------------------------------------------------------------- */
#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 { width: 100%; border-top: 1px solid #cacaca; border-left: 1px solid #cacaca; border-bottom: 3px solid #cacaca;}

#ultimate_vergleich thead th, #ultimate_vergleich tbody td { padding: 3px 5px; border-right: 1px solid #cacaca; border-bottom: 1px solid #cacaca; font-size: 10px;}
#ultimate_vergleich thead th { white-space: nowrap; padding-bottom: 10px!important; cursor: pointer; background:  #2971b3; color:#fff; }

#ultimate_vergleich thead th.headerSortUp { background: #2971b3 url("https://api-tagesgeldvergleich.finanzrechner.org/images/asc.gif") right bottom no-repeat!important; }
#ultimate_vergleich thead th.headerSortDown { background: #2971b3 url("https://api-tagesgeldvergleich.finanzrechner.org/images/desc.gif") right bottom no-repeat!important; }

#ultimate_vergleich thead th.th_11, #ultimate_vergleich thead th.th_10 { cursor: auto!important; background: #2971b3!important; text-align: right; }

#ultimate_vergleich td {text-align: center; vertical-align: middle; }
#ultimate_vergleich th.th_3,#ultimate_vergleich td.td_3 { text-align: left; }
#ultimate_vergleich td.td_10 { padding: 0!important; }
#ultimate_vergleich td.td_11 { text-align: left; white-space: nowrap; }

#ultimate_vergleich td.td_7, #ultimate_vergleich td.td_3, #ultimate_vergleich td.td_6 { white-space: nowrap; }
#ultimate_vergleich td a.antrag { font-weight: 700; color: #23a612; }

#ultimate_vergleich tbody tr.odd td { background: #f1f1f1; }
#ultimate_vergleich tbody tr.alt td { background: #fff; }
#ultimate_vergleich td.td_9 a { font-weight: 700; }
#ultimate_vergleich td span.info { border-bottom: 1px dotted #222; }

#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; }