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


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


/* base
------------------------------------------------------------------ */
html { background: #f8f8f8; text-align:center; }


/* container
------------------------------------------------------------------ */
#page { width:968px; text-align:left; margin:0 auto 30px auto; display: block; }
#contentbox { margin-top:162px; padding: 0 11px; width:946px; background: url(images/bg_contentbox.png) repeat-y; }


/* div#content
------------------------------------------------------------------ */
#content #breadcrumb { margin: 0 0 20px 0; color: #5b5b5b; }
#content #breadcrumb a { color: #2b2b2b; }

#content { margin-top:0px; padding: 25px 20px; width: 716px; float: right; }

#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 .col { width: 355px; padding: 20px 0; }
#content .col h2 { margin: 5px 0 0 0; }
#content .left { float: left; }
#content .right { float: right; }

#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 table td a { color: blue;}


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

ol.commentlist { margin: 0!important; padding: 0!important; }
ol.commentlist li.alt { background: #f5f5f5; }
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; }

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

#anbieter {font-size: 80%;width: 100%; border: 1px solid #b0b0b0;border-left: none;}
#anbieter th { border-left: 1px solid #b0b0b0; background-color:#b9d065; color: #fff; vertical-align: top; padding: 2px;}
#anbieter td { border-left: 1px solid #b0b0b0; border-top: 1px solid #b0b0b0; padding: 2px; }

/* Lexikon */
#content div.AlphabeticList { padding: 5px 0; margin: 15px 0; border-bottom: 1px solid #dbd9d6; }
#content h2.initial { font-weight:700; background: #f4f4f4; display: block; padding: 5px 8px; }



/* div#header
------------------------------------------------------------------ */
#header { position:absolute; top:0px; background: url(images/bg_header.jpg) top center no-repeat; width: 968px; height: 117px; display: block; }
#header a#logo { position:absolute; top:35px; margin-left: 4px; }

#header form#searchform { background: url(images/bg_search.png) no-repeat; padding: 9px 8px 0 8px; width: 242px; height: 36px; position: absolute; right: 0px; top: 0px; }
#header form#searchform p { padding: 0; }
#header form#searchform input#s { background: none; height: 15px; width: 153px; padding: 5px 5px 5px 22px; float: left; border: none; }
#header form#searchform input#searchsubmit { height: 25px; width: 62px; float: right; border: none; background: none; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top:117px; background: url(images/bg_nav.png) no-repeat; width: 960px; padding: 0 4px; height: 45px; }
#nav ul li { float: left; }
#nav ul li a { background: url(images/bg_nav_li.png) right top no-repeat; display: block; color: #fff; text-shadow: 1px 1px 1px #ccc; font-weight: 700; font-size: 14px; text-decoration: none; line-height: 39px; height: 39px; padding: 0 10px; }
#nav ul li a:hover { text-decoration: underline; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar { width: 190px; float: left; display: block; padding: 25px 0; }
#sidebar ul { margin:  0 0 20px 0; }
#sidebar ul ul { margin: 0; display: none;  }
#sidebar ul li { line-height: 1.1em; }
#sidebar ul li h3 { background: url(images/bg_sidebar_li.png) repeat-y; color: #fff; text-shadow: 1px 1px 1px #ccc; font-weight: 700; font-size: 14px;line-height: 30px; height: 30px; padding: 0 12px; }

#sidebar ul li.current_page_ancestor ul,#sidebar ul li.current_page_item ul, #sidebar ul li.current_page_parent ul { display: block; }
#sidebar ul li.current_page_ancestor ul ul,#sidebar ul li.current_page_item ul ul, #sidebar ul li.current_page_parent ul ul { display: none; }
#sidebar ul ul li.current_page_ancestor ul,#sidebar ul ul li.current_page_item ul, #sidebar ul ul li.current_page_parent ul { display: block; }

#sidebar ul li a { font-size: 11px; padding:4px 12px; color: #5b5b5b; background: #f5f5f5; display: block; border-bottom: 1px solid #e5e5e5; text-decoration: none; }

#sidebar ul li a:hover { text-decoration: underline; }
#sidebar ul li.current_page_item a,#sidebar ul li.current_page_item a:hover,#sidebar ul li.current-cat a,#sidebar ul li.current-cat a:hover { background: url(images/bg_sidebar_li_current.png) repeat-y; text-decoration: none!important; }

#sidebar ul li.current_page_item ul a,#sidebar ul li.current_page_item ul a:hover { font-size: 11px; padding:4px 12px; color: #5b5b5b; background: #f5f5f5; display: block; border-bottom: 1px solid #e5e5e5; text-decoration: none; }
#sidebar ul ul li a {padding:4px 12px 4px 20px!important;}
#sidebar ul ul ul li a {padding:4px 12px 4px 28px!important;}



/* div#footer
------------------------------------------------------------------ */
#footer { background: url(images/bg_footer.png) no-repeat; width: 968px; height: 59px; text-align: center; padding: 20px 0 0 0; color: #5b5b5b; }
#footer p { padding: 0 0 3px 0; }
#footer a { color:#2b2b2b; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


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

h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, Helvetica, sans-serif; line-height:1.1em; letter-spacing: 0.05em; color: #b9d065; }

h1 { font-size: 20px; }
h2 { font-size: 16px; margin-top: 15px; }
h3 { font-size: 14px; }

.small,small { font-size: 11px; }

p { padding: 7px 0; }


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



/* table */
div#content table { font-size: 11px; width: 100%; border: 1px solid #b4b4b4; border-left: none; border-collapse: collapse; margin: 0 0 10px 0; color: #000000; }
div#content table tr td { padding: 2px; vertical-align: top; vertical-align: middle; border-left: 1px solid #b4b4b4;  }
div#content thead tr td { background:#C2D67A; font-weight: bold; text-align: center;border-top: 1px solid #b4b4b4;}

div#content tbody tr td { border-top: 1px solid #b4b4b4; }

div#content tbody tr.alt td { background: #EFEFEF; }
div#content tbody tr.odd td { background: #FFE6D9 }

div#content tbody tr:hover td { background: #F5F5F5; }

div#content table a { font-weight: normal; text-decoration: underline; }
div#content table a:hover { font-weight: normal;}