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

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


/* Rechner */
#content .rechner { float: left; width: 288px; border: 1px solid #c4beae; background: #f4f2ee; margin: 0 0 0 30px; }
#content .widget { margin: 0 10px 0 0!important; }
#content .rechner form { padding: 10px; }
#content .rechner form label span { width: 150px; display: block; float: left; }
#content .rechner form input.submit { font-weight:700; color:#222; padding: 0px 8px }
#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)"; }

/* Rechner -> Ergebnisse */
table#ultimate_calculator { clear: both; width: 100%; border-collapse: separate; border-left: 1px dotted #C4BEAE; font-family: Tahoma; }

table#ultimate_calculator thead 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; } 

table#ultimate_calculator td, #content #ultimate_calculator table th { padding:5px; text-align: left; font-size: 11px; 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.i1,#content td.i1 img { }
table#ultimate_calculator td.i8,#content th.i8 { width: 40px; white-space: nowrap; text-align: center; }
table#ultimate_calculator td.i4,#content th.i4,#content td.i3,#content th.i3 { text-align: center; }
table#ultimate_calculator td.i5 { text-align: center; font-weight: 700; font-size: 12px; }
table#ultimate_calculator td.i7,#content td.i6 { width: 40px; white-space: nowrap; text-align: center; }

table#ultimate_calculator td.i5 { white-space: nowrap; }
table#ultimate_calculator td.i9 a span { display: none; }

table#ultimate_calculator td.i6 a,#content #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; }
table#ultimate_calculator td.i6 a span,#content #ultimate_calculator td.i7 a span {  font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; background: url(images/bg_button_grey.png) left center no-repeat; display: block; margin: 0 1px 0 0; padding: 0 5px 0 6px; line-height: 22px; color: #fff!important; }
table#ultimate_calculator td.i6 a:hover span,#content #ultimate_calculator td.i7 a:hover span { text-decoration: underline; }

table#ultimate_calculator tr.alt td { background: #f4f4f4 }


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


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


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


/* 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:#4e4123; }

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

h1 { font-size: 20px; color: #807354; }
h2 { font-size: 16px; color: #807354; margin: 20px 0 0 0;  padding: 0 0 5px 0; border-bottom: 1px dotted #dbd9d6; }
h3 { font-size: 17px; color: #807354; }

small { font-size: 11px; }

p { padding: 7px 0; }

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

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

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