/*

Theme Name: baufinanzierungsrechner.net

Version: 1

Author: 3task.de

Author URI: http://www.3task.de

*/





@import "css/reset.css"; 

@import "css/tools.css"; 





/* base

------------------------------------------------------------------ */

html { background: #fff url(images/bg_html.png) repeat-x; text-align: center; overflow-y: scroll; }

html, body { height:100%; }





/* container

------------------------------------------------------------------ */

#wrapper { width:100%; min-height:100%; margin: 0; overflow:hidden; display: block; } 

.w1 { margin: 0 auto; width: 1100px; } 

.w2 { position:relative; width: 960px; padding:0 140px 0 0; text-align: left;} 

.ad { position:absolute; right:0; top: 180px; width: 140px; text-align: right; } 

#contentbox { padding: 180px 0 0 0; width: 960px; }





/* div#breadcrumbs

------------------------------------------------------------------ */

#breadcrumbs { position: absolute; top: 232px; left: 241px; height: 30px; line-height: 30px; color: #5c6b78; width: 693px; z-index: 2; overflow: hidden; }

#breadcrumbs a { color: #68767d; text-decoration: none; }



#breadcrumbs span { height: 30px; line-height: 30px; padding: 0 20px 0 15px; display: inline-block; position: relative; font-size: 11px; }

#breadcrumbs span.current_page { width: 15px; padding: 0; background: url(images/bg_breadcrumb_right.png) right top no-repeat; float: none; position: absolute; top: 0; right: 0; }

#breadcrumbs span.page { margin: 0 0 0 -15px; padding: 0 20px 0 25px; background: url(images/bg_breadcrumb_a.png) left top no-repeat; color: #68767d; }







/* div#content

------------------------------------------------------------------ */

#content { width: 688px; text-align: justify; float: right; padding: 80px 15px 15px 15px; border: 1px solid #dfdfdf; background: #fff; overflow: hidden; position: relative; }



.entry { margin: 20px 0 0 0; }



#content ol { padding-left:15px; margin: 10px 0 10px 15px; }

#content ul { margin: 10px 0; }

#content ol li,#content ul li { padding: 5px 0; line-height: 1.3em; }

#content ul li { background: url(images/bg_li.png) left 8px no-repeat; padding-left: 25px; }

#content ol li { list-style: decimal; }



#calculator_fq ul li {background: none!important;}



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



/* Lexikon */

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



/* 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 #ffba00; padding: 4px 6px 4px 6px; margin: 2px; color: #ffba00; background-color: #f4f4f4; }





/* div#header

------------------------------------------------------------------ */

#header { position:absolute; top:0px; left:0px; height: 105px; width: 960px; }

#header a#logo img { margin-top: 30px; }





/* form#newsletter

------------------------------------------------------------------ */

form#newsletter { font-size: 11px; }

.email { display: none; }

#un_newsletter { padding: 0!important; }

form#newsletter .error { color: #e74f50!important; }

form#newsletter p.text label, form#newsletter p.select label { width: 45px; line-height: 25px; float: left; display: block; }

form#newsletter input#un_name, form#newsletter input#un_email { background: url(images/bg_input.png) no-repeat; border: none; border-right: 1px solid #dfdfdf; padding: 5px; height: 17px; line-height: 17px; color: #34393b; width: 135px; }

form#newsletter select { width: 90px; }

form#newsletter p { padding: 5px 0; }

form#newsletter #submit { background: url(images/bg_newsletter_submit.png) no-repeat; text-indent: -100000px; width: 93px; height: 27px; border: none; cursor: pointer; }

form#newsletter #submit:hover, form#newsletter #submit:active { background-position: left bottom; }

#un_newsletter .success, #un_newsletter .verified { font-weight: 700; }





/* div#nav

------------------------------------------------------------------ */

#nav { white-space: nowrap; position:absolute; top: 105px; left: 0px; width: 958px; height: 45px; background: url(images/bg_nav.png) no-repeat; padding: 0 1px;  }

#nav ul li { float: left; padding-left: 2px; background: url(images/bg_nav_li.png) left top no-repeat; }

#nav ul li:first-child { background: none; padding-left: 0; }



#nav ul li a { line-height: 45px; height: 45px; display: block; color: #fff; text-decoration: none; font-size: 15px; padding: 0 15px; position: relative; text-shadow: 1px 1px 0 #313342; }

#nav ul li a:hover { color: #ffba00; }



#nav ul li.current_page_item a, #nav ul li.current_page_parent a, #nav ul li.current-page-ancestor a { background: url(images/bg_nav_li_current.png) repeat-x; color: #fff!important; }





/* div#search

------------------------------------------------------------------ */

#search { position:absolute; top: 30px; right: 160px; background: url(images/bg_search.png) no-repeat; width: 288px; height: 31px; text-align: left; }

#search input#srch_fld { width: 190px; height: 19px; line-height: 19px; padding: 6px; background: none; color: #34393b; border: 0; position:absolute; top: 0px; left: 0px; }

#search input.submit_btn { background: none; border: 0; text-indent: -100000px; height: 31px; width: 88px; cursor: pointer; position:absolute; top: 0px; right: 0px; }





/* div#sidebar

------------------------------------------------------------------ */

#sidebar { width: 225px; float: left; padding-top: 1px; overflow: hidden; }



#sidebar ul.menu { margin-bottom: 20px; }



#sidebar ul.menu ul { display: none; }

#sidebar ul.menu li.current_page_item ul, #sidebar ul.menu  li.current_page_parent ul, #sidebar ul.menu li.current-page-ancestor ul { display: block; }

#sidebar ul.menu li.current_page_item ul ul, #sidebar ul.menu li.current_page_parent ul ul, #sidebar ul.menu li.current-page-ancestor ul ul { display: none; }

#sidebar ul.menu ul li.current_page_item ul, #sidebar ul.menu ul li.current_page_parent ul, #sidebar ul.menu ul li.current-page-ancestor ul { display: block; }



#sidebar ul.menu li a { white-space: nowrap; font-weight: 700; color: #fff; line-height: 31px; height: 31px; padding: 0 5px 0 15px; background: url(images/bg_sidebar_ul_li.png) left -60px no-repeat; display: block; text-decoration: none; }

#sidebar ul.menu li a:hover, #sidebar ul.menu li.current_page_item a, #sidebar ul.menu li.current_page_parent a, #sidebar ul.menu li.current-page-ancestor a { color: #ffba00; background: url(images/bg_sidebar_ul_li.png) left -90px no-repeat;  }



#sidebar ul.menu li ul.sub-menu li { margin-bottom: 0; margin-top: -1px; }

/*#sidebar ul.menu li ul.sub-menu li a:before{ content: "- "; }*/

#sidebar ul.menu li ul.sub-menu li a { font-weight: normal; color: #68767d; background: url(images/bg_sidebar_ul_li.png) left -30px no-repeat; }

#sidebar ul.menu li ul.sub-menu li a:hover, #sidebar ul.menu li ul.sub-menu li.current_page_item a, #sidebar ul.menu li ul.sub-menu li.current_page_parent a, #sidebar ul.menu li ul.sub-menu li.current-page-ancestor a { color: #68767d; background: url(images/bg_sidebar_ul_li.png) left 0px no-repeat; }



#sidebar ul.menu li ul.sub-menu li ul.sub-menu li a:before{ content: "- "; }

#sidebar ul.menu li ul.sub-menu li ul.sub-menu li a { background: url(images/bg_sidebar_ul_li.png) left -30px no-repeat!important; font-weight: normal; color: #68767d; padding-left: 17px; }

#sidebar ul.menu li ul.sub-menu li ul.sub-menu li a:hover, #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current_page_item a, #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current_page_parent a, #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current-page-ancestor a { color: #68767d; background: url(images/bg_sidebar_ul_li.png) left 0px no-repeat; }



#sidebar div.box ul.news li { border-top: 1px solid #dfdfdf; padding: 3px 0; }

#sidebar div.box ul.news li:first-child { border-top: none!important; }

#sidebar div.box ul.news li small { background: url(images/bg_icon_date.png) left center no-repeat; padding-left: 15px; display: inline-block; }



#sidebar div.box { margin-bottom: 20px; overflow: hidden;  }

#sidebar div.box h3 { color: #313342; width: 195px; font-size: 20px; padding: 0 15px; margin: 0; line-height: 41px; height: 41px; background: #ffbb03 url(images/bg_sidebar_h3.png); font-weight: 700; text-shadow: 1px 1px 0 #fff; }

#sidebar div.box div.bg { border: 1px solid #dfdfdf; border-top: none; background: #fff; width: 193px; padding: 10px 15px;  }



#sidebar div.box img { max-width: 200px; }





/* div#footer

------------------------------------------------------------------ */

#footer { width: 960px; position: relative; text-align: left; font-size: 12px; height: 50px; color: #68767d; }



#footer p.copy { position: absolute; top: 5px; left: 250px; }



#footer ul.menu { position: absolute; right: 0px; top: 12px; }

#footer ul.menu li { float: left; padding-left: 20px; }

#footer ul.menu li a { color: #ffba00; text-decoration: none; }

#footer ul.menu li.current_page_item a, #footer ul.menu li.current_page_parent a, #footer ul.menu li.current-page-ancestor a,#footer ul.menu li a:hover { text-decoration: underline; }





/* typography

------------------------------------------------------------------ */

body,input,select,th,td { font: 13px/1.5 Tahoma, Arial, Helvetica, sans-serif; color:#34393b; }



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



h1 { font-size: 20px; font-weight: 700; text-shadow: 1px 1px 0 #fff; z-index: 1; background: #ffa200 url(images/bg_h1.png) bottom left repeat-x; width: 690px; position: absolute; top: 0; left: 0; line-height: 46px; padding: 5px 15px 30px 15px;  }

h2 { font-size: 20px; color: #ffba00; margin: 20px 0 0 0; }

h3 { font-size: 16px; margin-top: 10px; }

h4 { font-size: 14px; margin-top: 5px; }



small { font-size: 11px; }



p { padding: 7px 0; }





/* links

------------------------------------------------------------------ */

a { color: #400000; }

a:hover { text-decoration:none; }





/* misc

------------------------------------------------------------------ */

#facebook { position: absolute; top: 70px; right: 161px; }

#facebook #___plusone_0 { position: absolute; top: 0px; right: 120px; }

#facebook .facebook { float: left; }

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



	.TableKopfCenter{

	background-color:#5F6771;

	font-size: 12px;

	color: #FFFFFF;

	text-align: center;

	vertical-align: middle;

	font-weight: bold;

	padding-left: 3px;

	padding-right: 3px;

}



	.TableFuss{

	background-color:#5F6771;

	font-size: 12px;

	color: #FFFFFF;

	text-align: left;

	vertical-align: middle;

	padding-left: 3px;

	padding-right: 3px;

}



.TableEmpfehlung {

	color:#000000;

	background-color:#F1F1F1;

	font-family: Arial;

	font-size: 12px;

	text-align: left;

	vertical-align: middle;

	font-weight: bold;

	padding: 2px 0px;

	text-decoration: none;

	text-align:center;

}



.TableHaupt {

background-color:#FFFFFF;

font-size: 12px;

color: #000000;

text-align: center;

vertical-align: middle;

padding: 2px 3px;

}



.TableHauptLink {

background-color:#F1F1F1;

font-size: 12px;

color: #400000;

text-align: center;

vertical-align: middle;

font-weight: bold;

}

table.vergleich { border: outset 1pt; border-collapse: separate; border-spacing: 2pt; padding: 1pt; }

table.newsTable { border-width: 1px 1px 0 0;  border-color:white; border-style:solid; border-collapse: separate; }
table.newsTable th, table.newsTable td { border-width: 0 0 1px 1px; border-color:white; border-style:solid; padding:5px; }

table.newsTable thead td { background-color:#FCCC2E; color:#34393B; font-weight:bold; }
table.newsTable tbody td { background-color: #F3F3F3; color: #34393B; }
table.newsTable th {}
table.newsTable td {}