/*
Theme Name: buero-heidebrecht.de
Version: 0.1
Author: Tim Portner
Author URI: http://www.timportner.de
*/

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


/* base
------------------------------------------------------------------ */
html, body { height:100%; }
html { background: #74747b url(images/bg_html.png) left top repeat-x; }


/* container
------------------------------------------------------------------ */
#page { width:960px; min-height:100%; margin: 0 0 -50px 0; text-align:left; display: block; background:url(images/bg_body.png) 0 0 no-repeat; }

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


/* div#content
------------------------------------------------------------------ */
#content { padding: 195px 30px 30px 30px; float: right; width: 640px; position: relative; }

#content ul, #content ol { padding-left:15px; margin: 10px 0 10px 15px;}
#content ol li,#content ul li { margin-bottom:5px; line-height: 1.5em; }
#content ul li { list-style-image: url(images/bg_li.png); }

#map { width: 480px; height: 425px; }
#map form { font-size: 11px; padding: 15px 0 0 5px; }
#map form input { float: right;  }
#map form input#saddr { width: 245px; }

form#kontakt { position: absolute; right: 30px; top: 258px; width: 282px; }
form#kontakt label { float: left; width: 100px; display:block; }
form#kontakt input { border: 1px solid #bebebe; border-bottom: 1px solid #5FADD2; padding: 2px; width: 170px; }
form#kontakt .email { display:none }
form#kontakt small { font-weight: normal; font-size: 10px; }

form#kontakt input#ngplz { width: 46px!important; }
form#kontakt input#ngort { width: 113px!important; }
form#kontakt textarea { border: 1px solid #bebebe; border-bottom: 1px solid #5FADD2; padding: 2px; width: 278px; height: 145px; font-size: 12px;  }

form#kontakt .error { border-bottom: 1px solid #ff632d!important; background: #ffcebd; }
form#kontakt .req { font-weight: 700; }
form#kontakt .button { float: right; }


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


/* div#nav
------------------------------------------------------------------ */
#nav { position:absolute; top: 40px; left: 270px; width: 660px; height: 85px; background: url(images/bg_nav_text.png) bottom right no-repeat; }
#nav ul li { float: left }
#nav ul li a { font-size: 20px; text-decoration: none; color: #fff; margin: 8px 0 0 0; padding: 0 15px 0 14px; line-height: 45px; height: 45px; display: block; border-left: 1px solid #000; }
#nav ul li a:hover { background: url(images/bg_nav_li_a_hover.png) top left repeat-x }

#nav ul li.current_page_item a, #nav ul li.current_page_parent a { background: #7dc0e0!important; margin: 0; padding: 8px 15px 0 15px; border-left: none; }
#nav ul li.page-item-3 a { border-left: none; padding-right: 15px; padding-left: 15px; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar { float: left; width: 260px; color: #fefefe; }

#sidebar h3 { font-size: 20px; padding: 0 20px 0 20px; color: #fefefe; }

#sidebar .sidenavi ul li { background: url(images/bg_left_li_a.png) repeat-x; line-height: 45px; }
#sidebar .sidenavi ul li a { background: url(images/bg_li.png) 20px 21px no-repeat; display: block; border-bottom:1px solid #636365; padding: 0 20px 0 35px; text-decoration: none; color: #fefefe; }

#sidebar .sidenavi ul li a:hover,#sidebar .sidenavi ul li.current_page_item a { background-color: #48484a; }

#sidebar .widget {padding: 20px 0 0 0; font-size: 12px; }
#sidebar .widget p { padding: 0 15px 0 20px; }

#sidebar .widget ul li { border-bottom: 1px solid #7b7b7e; padding: 10px 15px 10px 20px;}
#sidebar .widget ul li a { color: #7dc0e0; }

#sidebar .widget ul li a:hover { text-decoration: none; }


/* div#footer
------------------------------------------------------------------ */
#footer { position:relative; width:640px; height: 50px; background: #74747b; padding: 0 30px; margin-left: 260px; font-size: 12px; }
#clearfooter { height:50px; clear: both; }

#footer span.copy { color: #d9d9d9; float: left; }
#footer span.right { color: #d9d9d9; float: right; }

#footer a { color: #a7a7aa; text-decoration: none; }
#footer a:hover { color: #fff; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td,textarea { font: 14px/1.5 Arial, Helvetica, sans-serif; color:#1a1a1c; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; color: #38383b; font-weight: normal; }

h1 { font-size: 25px; padding-bottom: 20px; }
h2 { font-size: 20px; color: #5fadd2; }
h3 { font-size: 15px; color: #5fadd2; }

.small { font-size: 12px; }

p { padding: 7px 0; }


/* links
------------------------------------------------------------------ */
#content a:link,#content a:visited { color: #5fadd2; text-decoration: none; border-bottom: 1px solid #eaeaea }
#content a:hover { text-decoration:none; border: none; padding: 0 0 1px 0; }

a.extern { color: #7dc0e0; background: url(images/bg_left_li_a_extern.png) right center no-repeat; padding-right: 12px; border-bottom: 1px solid #7dc0e0; text-decoration: none; }
a.extern:hover { padding-bottom: 0; border-bottom: none; }