/*
Theme Name: kreditrechner
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%; }
table td { border-bottom: 1px solid #fff; border-left: 1px solid #fff;}


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

#contentbox { padding: 110px 0 0 0;  }

form#rechner { background: #f7f7f7; border: 1px solid #f2f0ed; padding: 5px 10px; }
form#rechner p { padding: 0; }
form#rechner #laufzeit, form#rechner #betrag { margin-right: 10px; }
form#rechner #submit { color: #000; float: right; }

.cbg { background: url(images/bg_content.png) top right repeat-y; width: 960px; display: block; }
.innerbg { background: url(images/bg_content_top.png) top right no-repeat; width: 960px;  display: block; }
.cbottom { background: url(images/bg_content_bottom.png) top right 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 30px 0 20px; width: 710px; float: right; }

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

#content.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 { border: none;  border-top: 1px solid #dbd9d6; clear:  both; padding:0 0 5px 0; margin: 20px 0 0 0;  }

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

#content.related {  border: 1px solid #ccc; background: #f2f0ed;margin: 15px 0 0 0; }
#content.related h3 {padding:5px 0 0 15px;  border-top: 1px solid #fff; }

#content h3#comments { font-size: 20px; border-bottom: 1px solid #ccc;}

#content ol.commentlist { margin: 0!important; padding: 0!important; }
#content ol.commentlist li.alt { background: #F3F3F3; }
#content 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; }
#content ol.commentlist li p.meta { border-bottom: 1px dashed #b0b0b0; }
#content ol.commentlist li strong { font-size: 1.2em; }
#content ol.commentlist li span { font-size: 2em; color: #C4C4C4; position: absolute; bottom: 0px; right: 10px; font-style: italic; }
#content ol.commentlist li.mitarbeiter { border-left: 5px solid #cb0000; padding: 0 10px 0 5px; }


#content .box { border: 1px solid #e2e2e2; width: 325px; float: left; background: #f9f9f9; margin-top: 5px; }
#content div.first { margin-right: 30px; }

#content p { clear: both;}

#content .box h3 { font-size: 15px; font-weight: normal; color: #4d89b0; padding: 10px 15px 0 15px; margin: 0; }
#content .box p { font-size: 11px; padding: 5px 15px; }
#content .box a { cursor: pointer; background: url(images/bg_button.png) 0 0 no-repeat; margin: 10px 0 5px 72px; width: 150px; line-height: 22px; height: 22px; text-align: center; display: block; color: #fff; font-weight: 700; }
#content .box a span { cursor: pointer; background: url(images/bg_button_right.png) top right no-repeat;  padding: 0 13px 0 15px; display: block; line-height: 22px; height: 22px; }


/* div.wp-pagenavi (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 #5395bf; padding: 4px 6px 4px 6px; margin: 2px; color: #5395bf; background-color: #f4f4f4; }
	
p.social { float: left; }
	

/* 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: 12px 0 0 143px }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:71px; left: 198px; 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 12px 1px 17px; }
#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: 189px; margin: 20px 0 0 11px; float: left; font-size: 12px; overflow: hidden; }

#sidebar ul { border-top: 1px solid #fff; background: url(images/bg_sidebar.png) right bottom no-repeat; padding: 0 0 25px 0; }
#sidebar ul ul { display: none; border-bottom: none; padding: 0; background: none;  }
#sidebar ul li.current_page_ancestor ul,#sidebar ul li.current_page_item ul { display: block; }
#sidebar ul li.current_page_ancestor ul ul,#sidebar ul li.current_page_item ul ul { display: none; }
#sidebar ul ul li.current_page_ancestor ul,#sidebar ul ul li.current_page_item ul { display:  block;}

#sidebar ul li a { background: url(images/bg_sidebar_li_a.png) 0 0 no-repeat; display: block; line-height: 30px; height: 30px;padding: 0 0 0 20px; width: 189px; color: #fff; font-weight: 700; text-decoration: none; overflow: hidden; white-space: nowrap; }
#sidebar ul li ul li a { background: url(images/bg_sidebar_li_ul_a.png) 0 0 no-repeat; display: block; line-height: 26px; height: 26px; color: #807354; font-weight: normal; }
#sidebar ul li ul li a:hover,#sidebar ul ul li.current_page_item a { background-position: left bottom; }
#sidebar ul ul li.current_page_item ul a { background-position: 0 0; }

#sidebar ul ul ul li a { background: url(images/bg_sidebar_li_ul_a.png) 0 0 no-repeat; padding: 0 0 0 30px; width: 179px; }


#sidebar ul li a:hover,#sidebar ul li.current_page_item a, #sidebar ul li.current-cat a  { text-decoration: underline;  }
#sidebar ul li.current_page_item ul li a { text-decoration: none; }
#sidebar ul li ul li a:hover { text-decoration: underline; }

#sidebar .box { padding: 5px 5px 30px 5px; background: #fff url(images/bg_sidebar.png) right bottom no-repeat; }


/* div#footer
------------------------------------------------------------------ */
#clearfooter { height:67px; clear: both}
#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; color: #5395bf }
#footer p a {  color: #5395bf; padding: 0 10px; text-decoration: none; font-weight: 700; }
#footer p a:hover { text-decoration: underline; }

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

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

h1 { font-size: 20px;color: #807354; }
h2 { font-size: 17px;color: #807354; }
h3 { font-size: 17px;color: #807354; }

small { font-size: 11px; }

p { padding: 7px 0;  text-align: justify}



/* colors
------------------------------------------------------------------ */
body { color:#000000; }


/* links
------------------------------------------------------------------ */
a:link,a:visited { color:#5395bf; }
a:hover { text-decoration:none; }



/* Tabellen
------------------------------------------------------------------ */

.TableHaupt {
background-color:#F2F0ED;
font-size: 13px;
color: #000000;
text-align: left;
vertical-align: top;
padding: 2px 3px;
}

.TableLinks{
	background-color:#5395BF;
	font-size: 13px;
	color: #000000;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 3px 3px;
}

.TableKopf{
	background-color:#5395BF;
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	height: 35px;
	padding: 3px 3px;
}

.TableLinksDuenn{
	background-color:#B2CFE2;
	font-size: 13px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 3px 3px;
}

.TableSchmal {
                font-size: 13px;
       background-color:#f5f5f5;
}

.TableLuft {
         font-size: 13px;
		height: 18px;
       background-color:#FFFFFF;
}

.TableLuftDuenn {
       		height: 8px;
       background-color:#FFFFFF;
}

.TableAntragZelle {
	color:#000000;
	background-color:#FF9933;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 2px 2px;
}	

.TableAntrag:link {color:#000000!important;  background-color:#FF9933; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; font-weight: bold; padding: 2px 2px;  }
.TableAntrag:active {color:#000000!important;  background-color:#FF9933; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; font-weight: bold; padding: 2px 2px; }		
.TableAntrag:visited {color:#000000!important; background-color:#FF9933; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; font-weight: bold; padding: 2px 2px;  }
.TableAntrag:hover { color:#FFFFFF!important; background-color:#FF9933; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; font-weight: bold; padding: 2px 2px; }

.TableKopfCenter{
	background-color:#0CA7BD;
	font-size: 13px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	height: 35px;
	padding-left: 3px;
	padding-right: 3px;
}

.TableAntragZelleCenter {
	color:#000000!important;
	background-color:#FF9933;
	font-family: Arial;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
        padding-bottom: 2px;
        padding-top: 2px
}	

.TableAntragCenter:link {
	color:#000000!important;
	background-color:#FF9933;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 2px 0px;
	text-decoration: none;
}

.TableAntragCenter:active {color:#000000!important;  background-color:#FF9933; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; font-weight: bold; padding: 2px 0px;  text-decoration: none; }		
.TableAntragCenter:visited {color:#000000!important; background-color:#FF9933; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; font-weight: bold; padding: 2px 0px; text-decoration: none; }
.TableAntragCenter:hover { color:#FFFFFF!important; background-color:#FF9933; font-family: Arial; font-size: 13px; text-align: left; vertical-align: middle; font-weight: bold; padding: 2px 0px; text-decoration: none;}


.TableFettCenter {
background-color:#DBDBD2;
font-size: 12px;
color: #000000;
text-align: center;
vertical-align: middle;
font-weight: bold;
}


.TableNormal {
background-color:#E9E0DB;
font-size: 13px;
color: #000000;
text-align: center;
vertical-align: middle;
padding: 2px 3px;
}


.TableFettLink {
background-color:#E9E0DB;
font-size: 13px;
color: #295F69;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

.TableFettLink:Link {background-color:#E9E0DB; font-size: 13px; color: #295F69; text-align: center; vertical-align: middle; font-weight: bold; }
.TableFettLink:active {background-color:#E9E0DB; font-size: 13px; color: #295F69; text-align: center; vertical-align: middle; font-weight: bold; }
.TableFettLink:visited {background-color:#E9E0DB; font-size: 13px; color: #295F69; text-align: center; vertical-align: middle; font-weight: bold; }
.TableFettLink:hover { background-color:#E9E0DB; font-size: 13px; color: #54BFE2; text-align: center; vertical-align: middle; font-weight: bold; }

.TableFettLinkantrag {color:#000000; 
    background-color:#54BFE2;
    font-family: Arial;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
   	}
	
.TableFettLinkantrag:Link {color:#000000; background-color:#54BFE2; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }	
.TableFettLinkantrag:active {color:#000000; background-color:#54BFE2; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }	
.TableFettLinkantrag:visited {color:#000000; background-color:#54BFE2; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }
.TableFettLinkantrag:hover {color:#FFFFFF; background-color:#54BFE2; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }	


.TableRot {
background-color:#E9E0DB;
font-size: 13px;
color: #FF0000;
text-align: center;
vertical-align: middle;
padding: 2px 3px;
}

.TableEmpfehlung {
	color:#000000!important;
	background-color:#FF9933;
	font-family: Arial;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	padding: 2px 0px;
	text-decoration: none;
	text-align:center;
}


/* text
------------------------------------------------------------------ */

.Detail:Link {color:#004080; background-color:#FFFFFF; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }	
.Detail:active {color:#004080; background-color:#FFFFFF; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }	
.Detail:visited {color:#004080; background-color:#FFFFFF; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }
.Detail:hover {color:#FFFFFF!important; background-color:#004080; font-family: Arial; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; }