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

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


/* base
------------------------------------------------------------------ */
html { background: #ffffff 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: 980px; padding:0 150px 0 0; text-align: left; } 
.ad { position:absolute; right:0; top: 170px; width: 140px; text-align: left; } 
#contentbox { padding: 170px 0 0 0; width: 980px; }

/* breadcrumb
------------------------------------------------------------------ */
#breadcrumbs { font-size: 12px; position: absolute; top: 171px; left: 334px; height: 29px; line-height: 29px; color: #838383; background: url(images/bg_breadcrumbs_right.png) right top no-repeat; }
#breadcrumbs .left { background: url(images/bg_breadcrumbs_left.png) no-repeat; position: absolute; left: 0; top: 0; width: 2px; height: 29px; }

#breadcrumbs span.home a { background: url(images/bg_breadcrumbs_home_a.png) top right no-repeat; color: #fff; padding-left: 10px; }
#breadcrumbs span.page a { background: url(images/bg_breadcrumbs_a.png) top right no-repeat; }
#breadcrumbs span.current_page, #breadcrumbs a { padding: 0 20px 0 5px; }
#breadcrumbs span.current_page span.home { margin-left: -5px; padding: 0 17px 0 12px; background: url(images/bg_breadcrumbs_home_a.png) top right no-repeat; color: #fff; height: 29px; line-height: 28px; display: inline-block; }

#breadcrumbs a { text-decoration: none; color: #555555; font-weight: 700; height: 29px; line-height: 29px; display: inline-block;  }
#breadcrumbs a:hover { text-decoration: underline; }


/* div#content
------------------------------------------------------------------ */
#content { width: 615px; text-align: justify; float: right; padding: 45px 15px 15px 15px; background: #fff url(images/bg_breadcrumb.png) 0 0 repeat-x; border: 1px solid #dfdfdf; }

.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) 5px 8px no-repeat; padding-left: 20px; }
#content ol li { list-style: decimal; }

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


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


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top: 103px; left: 0px; width: 960px; height: 47px; }

#nav ul li { float: left; padding-left: 2px; background: url(images/bg_nav_li.png) left bottom no-repeat; }
#nav ul li.first_item { background: none!important; padding-left: 1px; }

#nav ul li a { line-height: 47px; height: 47px; display: block; color: #fff; text-shadow: 1px 1px 0px #0d1a26; text-decoration: none; font-weight: 700; font-size: 15px; padding: 0 15px; position: relative; }
#nav ul li a:hover { color: #9dc6ec; }

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


/* div#search
------------------------------------------------------------------ */
#search { position:absolute; top: 24px; left: 671px; background: url(images/bg_search.png) no-repeat; width: 288px; height: 34px; text-align: left; }
#search input#srch_fld { width: 180px; height: 18px; line-height: 18px; padding: 8px 10px; background: none; color: #555555; border: 0; position:absolute; top: 0px; left: 0px; }
#search input.submit_btn { background: none; border: 0; text-indent: -100000px; height: 34px; width: 88px; cursor: pointer; position:absolute; top: 0px; right: 0px; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar { width: 320px; float: left; overflow: hidden; }

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

#sidebar ul.menu { background: #fff; }

#sidebar ul.menu { margin-bottom: 20px; }
#sidebar ul.menu ul { margin: 0; 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: 30px; height: 30px; padding: 0 5px 0 15px; background: url(images/bg_sidebar_ul_li_a.png) 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: #fff; background: url(images/bg_sidebar_ul_li_a.png) 0 -31px no-repeat;  }

#sidebar ul.menu li ul.sub-menu li a { font-weight: normal; color: #21578b; background: url(images/bg_sidebar_ul_li_a.png) 0 -62px 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: #6caf1b; background: url(images/bg_sidebar_ul_li_a.png) 0 -93px no-repeat; }

#sidebar ul.menu li ul.sub-menu li ul.sub-menu li { color: #6caf1b; }
#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 { font-size: 12px; font-weight: normal; color: #545454; background: url(images/bg_sidebar_ul_li_a.png) 0 -124px no-repeat; }
#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: #6db01c; background: url(images/bg_sidebar_ul_li_a.png) 0 -155px no-repeat;}

#sidebar div.box ul.news { margin-top: -10px; }
#sidebar div.box ul.news li { border-top: 1px solid #d9d9d9; padding-top: 10px; }
#sidebar div.box ul.news li:first-child { border-top: none!important; }
#sidebar div.box ul.news li a { text-decoration: none; }
#sidebar div.box ul.news li a:hover { text-decoration: underline; }
#sidebar div.box ul.news li strong { font-size: 13px; }
#sidebar div.box ul.news li small { background: url(images/icon_date.png) 0 1px no-repeat; padding-left: 15px; display: block; margin-bottom: 5px; }

#sidebar div.box { margin-bottom: 20px; }
#sidebar div.box div.bg { padding: 10px 14px; width: 290px; background: #ffffff; border: 1px solid #dfdfdf; border-top: none; }
#sidebar div.box span.bottom { display: none; }

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


/* 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 { display: none; }
form#newsletter input#un_name, form#newsletter input#un_email { background: url(images/bg_newsletter_input.png) no-repeat; border: none; padding: 5px; height: 17px; line-height: 17px; color: #68767d; width: 280px; }
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#footer
------------------------------------------------------------------ */
#footer { width: 980px; position: relative; text-align: left; font-size: 12px; height: 45px; color: #68767d; }

#footer p.copy { position: absolute; top: 30px; left: 355px; padding: 0; }

#footer ul.menu { position: absolute; right: 22px; top: 10px; }
#footer ul.menu li { float: left; padding-left: 20px; }
#footer a { text-decoration: underline; }
#footer a:hover { 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 { font-weight: 700; }


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

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

h1 { font-size: 25px; }
h2 { font-size: 20px; color: #74b621; margin: 20px 0 0 0; }
h3 { font-size: 16px; margin: 15px 0 0 0; }
h4 { font-size: 14px; margin-bottom: 5px; }

small { font-size: 11px; }

p { padding: 7px 0; }


/* links
------------------------------------------------------------------ */
a { color: #356da1; }
a:hover { text-decoration:none; }


/* misc
------------------------------------------------------------------ */
#facebook { position: absolute; top: 70px; right: 171px; }
#facebook #___plusone_0 { position: absolute; top: 0px; right: 120px; }
#facebook .facebook { position: absolute; top: 0px; right: 0px; }
#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; }