/*
Theme Name: wohngebaeudeversicherung.info
Version: 1
Author: 3task.de
Author URI: http://www.3task.de
*/


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


/* base
------------------------------------------------------------------ */
html { background: #f4f4f4 url(images/bg_html.png) repeat-x; text-align: center; overflow-y: scroll; }
html, body { height:100%; }


/* container
------------------------------------------------------------------ */
#wrapper { width:100%; min-height:100%; overflow:hidden; display: block; } 
.w1 { margin: 0 auto; width: 1130px; } 
.w2 { position:relative; width:960px; padding:0 170px 0 0; text-align: left;} 
.ad { position:absolute; right:0; top:155px; width: 170px; text-align: right; } 
#contentbox { padding: 155px 0 20px 0; width: 960px; }


/* breadcrumb
------------------------------------------------------------------ */
#breadcrumbs { font-size: 11px; position: absolute; top: 126px; left: 5px; color: #fff; }
#breadcrumbs span { color: #f5a112; font-weight: 700; display: inline-block; padding: 0 2px; font-size: 12px; }
#breadcrumbs a { color: #fff; }


/* div#content
------------------------------------------------------------------ */
#content { width: 731px; text-align: justify; float: right; }
#content div.bg { width: 691px; padding: 10px 20px; background: #fff; }
#content span.top,#content span.bottom { width: 731px; height: 6px; line-height: 1px; display: block; font-size: 1px; }
#content span.top { background: url(images/bg_content_top.png) no-repeat; }
#content span.bottom { background: url(images/bg_content_bottom.png) no-repeat; }

.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 ol li { list-style: decimal; }

#content ul.arrow { margin-left: 0; }
#content ul.arrow li { list-style: none; background: url(images/bg_arrow.png) left top no-repeat; margin-left: 0; padding: 5px 0 5px 40px; line-height: 18px; }

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

table { clear: both; width: 100%; border-collapse: separate; border-left: 1px dotted #c7c7c7; border-top:1px solid #c7c7c7; margin: 15px 0; }
table td, table th { padding:5px; text-align: left; vertical-align: middle; }
table th { text-align: center; line-height: 1.2em; background: #6c9711; vertical-align: middle; color: #fff; padding:5px; font-weight: 700; border-right: 1px dotted #c7c7c7; border-bottom: 1px solid #c7c7c7; } 
table td { border-right: 1px dotted #c7c7c7;; border-bottom: 1px solid #c7c7c7; vertical-align: top; }

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


/* div#header
------------------------------------------------------------------ */
#header { position:absolute; top:0px; left:0px; }
#header a#logo img { margin: 12px 0 0 10px }


/* form#newsletter
------------------------------------------------------------------ */
form#newsletter { font-size: 11px; padding: 0 10px;  }
.email { display: none; }
#un_newsletter { padding: 0!important; }
form#newsletter .error { color: #e74f50!important; }
form#newsletter p.text label, form#newsletter p.select label { display: block; }
form#newsletter p.radio label { display: block; width: 160px; clear: both; }
form#newsletter p.radio { display: none; }
form#newsletter p.radio input { margin: 0 5px 0 0; float: left; }
form#newsletter input#un_name, form#newsletter input#un_email, form#newsletter select { font-size: 11px; padding: 3px; }
form#newsletter input#un_name, form#newsletter input#un_email { border: none; background: url(images/bg_newsletter_input.png) no-repeat; width: 163px; padding: 3px 5px; height: 21px; line-height: 21px; }
form#newsletter select { width: 120px; }
form#newsletter p { padding: 5px 0; }
form#newsletter p.submit { }
form#newsletter #submit { background: url(images/bg_newsletter_submit.png) no-repeat; text-indent: -100000px; width: 173px; height: 27px; border: none; cursor: pointer; }


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top: 73px; left: 0px; width: 960px; height: 44px; background: url(images/bg_nav.png) 0 0 no-repeat; }
#nav ul li { float: left; }
#nav ul li a { text-shadow: 1px 1px 0 #464646; line-height: 39px; height: 39px; display: block; color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; padding: 0 20px; position: relative; }
#nav ul li a:hover, #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) right top no-repeat; color: #fff; }
#nav ul li a:hover span, #nav ul .sfhover span, #nav ul li.current_page_item a span, #nav ul li.current_page_parent a span, #nav ul li.current-page-ancestor a span { background: url(images/bg_nav_li_current_right.png) right top no-repeat; display: block; position: absolute; right: -9px; top: 0px; line-height: 39px; height: 39px; width: 9px; }

#nav ul li.page-item-64 a { background-position: left top!important; }


/* div#search
------------------------------------------------------------------ */
#search { position:absolute; top: 25px; right: 132px; background: url(images/bg_search.png) no-repeat; width: 333px; height: 33px; text-align: left; padding: 2px; }
#search input#srch_fld { width: 227px; height: 23px; line-height: 19px; padding: 5px 5px 5px 30px; background: none; color: #999999; border: 0; }
#search input.submit_btn { background: none; border: 0; text-indent: -100000px; height: 33px; width: 64px; cursor: pointer; float: right; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar { width: 212px; float: left; }

#sidebar ul.menu { width: 210px; }
#sidebar ul.menu ul { display: none; }

#sidebar ul.menu li a { padding: 3px 5px 3px 24px; background: url(images/bg_sidebar_li.png) left center no-repeat; display: block; color: #494949; 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 { font-weight: normal; color: #fff; background: url(images/bg_sidebar_li_current.png) left center no-repeat;  }
#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_parent a { font-weight: normal; }
#sidebar ul.menu li ul.sub-menu li a { background: url(images/bg_sidebar_li.png) 13px 10px no-repeat; padding-left: 34px; font-weight: normal; color: #494949; }
#sidebar ul.menu li ul.sub-menu li a:hover, #sidebar ul.menu ul li.current_page_item a { text-decoration: underline;  }

#sidebar div.box { margin-bottom: 20px; }
#sidebar div.box h3 { background: url(images/bg_sidebar_h3.png) no-repeat; height: 24px; color: #fff; padding: 9px 0 0 25px; margin: 0; width: 187px; font-size: 14px; font-weight: 700; }
#sidebar div.box .bg { background: #fff; overflow: hidden; width: 210px; padding: 10px 1px 10px 1px; }
#sidebar div.box span.bottom { font-size: 1px; background: url(images/bg_sidebar_box_bottom.png) left bottom no-repeat; height: 5px; line-height: 5px; width: 212px; display: block; }

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


/* div#footer
------------------------------------------------------------------ */
#footer { clear: both; height: 46px; width: 960px; position: relative; text-align: left; font-size: 11px; }
#footer p.copy { position: absolute; top: 0px; left: 5px; padding: 0; }

#footer ul#menu-footer { position: absolute; top: 0px; right: 5px; }
#footer ul#menu-footer li { float: left; padding-left: 20px; }
#footer ul#menu-footer li a { color:#757575; text-decoration: none; }
#footer ul#menu-footer li.current_page_item a, #footer ul#menu-footer li.current_page_parent a, #footer ul#menu-footer li.current-page-ancestor a,#footer ul#menu-footer li a:hover { color:#75829b; text-decoration: underline; }


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

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

h1 { font-size: 28px; margin-bottom: 10px; }
h2 { font-size: 16px; margin: 20px 0 10px 0; color: #f5a112; }
h3 { font-size: 14px; color: #f5a112; border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; }
h4 { font-size: 20px; margin-bottom: 10px; margin: 10px 0 5px 0; }

small { font-size: 11px; }

p { padding: 7px 0; }


/* links
------------------------------------------------------------------ */
a { color:#75829b; }
a:hover { text-decoration:none; }


/* misc
------------------------------------------------------------------ */
#facebook a.facebook { position: absolute; top: 125px; right: 140px; }
#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; }