/*  
Theme Name: Reconbouw mod.header
Theme URI: http://www.reconbouw.be
Description: Custom wordpress theme design for RECON Bouw.
Version: 2.1
Author: Lieven Vandenbroucke for Xtence
Author URI: http://www.xtence.be
*/
/* General */
*{margin:0;padding:0;}
body{margin:0;font-size:62.5%;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;padding:0;background-color: #E7E7E8;}
h1, h2, h3, h4 {margin: 0;}
img {border: 0;}
.clear {clear: both;height: 0;overflow: hidden;}
h2{font-size:18px;font-weight:normal;}
#page {margin: 0 auto;width: 980px;overflow:hidden;background: #fff;border: 1px solid #bbb;font-size:1.2em;}
#header {width: 980px;height: 340px;position: relative;}
#link-1 a{position: absolute;top:82px;left:0;width: 980px;display:block;height: 125px;z-index: 9990;text-decoration: none;}
#link-2 a{position: absolute;top:213px;left:0;width: 980px;display:block;height: 120px;z-index: 9990;text-decoration: none;}
#logolink{position: relative;top:0;left:0;width:980px;background:#fff url(bouwbedrijf-bouwen-css/blok-recon.jpg) top right no-repeat;}
#logolink img{margin-left: 20px;}
#main,#main-top {width: 980px;overflow: hidden;}
#main{border-top: 1px solid #bbb;}
#main-bottom {width: 980px;}
#content {float:left;width:560px;border-right:1px solid #ccc;border-left:1px solid #ccc;min-height: 530px;padding:0 0 60px 0;padding:0;background: url("bouwbedrijf-bouwen-css/postblok.jpg") bottom left no-repeat;}
#content .breadcrumb {margin:8px 8px 1px 20px;font-size:10px;}	
#content .breadcrumb a{color:#D0383F;margin:1px 3px;}	
#content .post {float:left;width: 508px;padding:0;}
#content h1{color:#D0383F;font-size: 2.6em;margin: 10px 10px 0 20px;}
#content .post .post-date {color:#444;margin:0 40px 0 0;float:right;line-height:14px;text-align: center;font-size: 10px;}
#content .post .post-feed {display:none;}
#content .post .post-title {margin: 20px 0 5px 0;width: 560px;border-bottom: 1px solid #FFF;color: #000;background-color:#87BC84;font-size: 12px;padding:5px 0;}
#content .post .post-title a {color: #000;text-decoration: none;}
#content .post .post-title a:hover {text-decoration: underline;}
#content .post .post-title h2{color: #000;font-size:12px;float:left;clear:left;padding:0 0 0 20px;line-height:14px;}
#content .post .post-title h2 a{color: #000;text-decoration: none;}
#content .post .post-title h2 a:hover {text-decoration: underline;}
#content .post .post-title .post-title-info{float: right;line-height:14px;}
#content .post .post-entry {font: normal 11px/18px;color: #000;padding:0 0 20px 0;width: 530px;float: left;}
#content .post .post-entry p{margin:10px 20px;}
#content .post .post-entry a{color: #000;text-decoration: none;}
#content .post .post-entry a:hover {text-decoration: underline;}
#content .post .post-entry h3{color: #000;font: bold 14px Verdana;margin: 25px 0 5px 0;}
#content .post .post-entry img{border:1px solid #666;}
#content .post .post-entry .more-link {font: bold 11px/20px;color: #000;float: right;padding-bottom: 5px;}
#content .post .post-entry h2{color: #000;font: bold 12px/25px;margin:0 30px;}
#content .post .post-entry .more-link a{color: #000;text-decoration: none;}
#content .post .post-entry .more-link a:hover {text-decoration: underline;}
#content .post .post-info {padding: 0 10px 0 0;width: 485px;clear: both;font: bold 10px/19px Verdana;color: #000;background: url("images/post_info.gif") no-repeat;text-align: right;}
#content .post .post-info a {color: #000;text-decoration: none;}
#content .post .post-info a:hover {text-decoration: underline;}
#content .navigation {font: bold 11px/25px;color: #000;width: 495px;height: 25px;float: left;margin-bottom: 25px;}
#content .navigation a {color: #000;text-decoration: none;}
#content .navigation a:hover {text-decoration: underline;}
#content .navigation .navigation-previous {float: left;}
#content .navigation .navigation-next {float: right;}
.sidebar{color: #000;}
.sidebar a{color: #000;text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}
.sidebar-left {width: 210px;margin:0;float:left;padding:0;overflow: hidden;}
.sidebar-left h3 {display:none;}
.sidebar-right {position:relative;float: right;margin:2px 0 0 5px;width: 200px;border-right: 1px solid #ccc;}
.sidebar-right .contactus{width: 206px; margin:0 0 0 -6px;color: #fff;background-color:#87BC84;}
.sidebar-right .contactus dl{padding: 20px 20px;font-size: 12px;text-align:center;}
.sidebar-right .contactus dt{font-size: 15px;}
.sidebar-right .brochure{width: 206px;height: 140px;margin:0 0 0 -6px;color: #000;}
.sidebar-right .brochure dl{padding: 40px 20px;font-size: 1em;}
.sidebar-right .brochure dt{font-size: 1.3em;}
.sidebar h3 {padding-left: 10px;font-size:12px;margin:8px 0;font-weight:bold;color: #000;width: 159px;}
.sidebar ul {margin: 0;padding: 0;list-style-type: none;}
.sidebar ul.bouwlink {margin: 0;padding: 0;list-style-type: none;}
.sidebar ul li {color: #676767;font-weight: bold;padding: 0;}
.right-page{position:relative;top:0;}
.sidebar ul li a {color: #676767;text-decoration:none;display:block;width:200px;padding:5px 0 5px 30px;background: transparent url(bouwbedrijf-bouwen-css/logo.png) left center no-repeat;border-top:1px solid #eee;border-left:0;border-right:0;font-size:12px;margin:0;}
.sidebar-right ul li a {width: 155px;}
.sidebar ul li.current_page_item a{color:#fff;background: #CF383F;}
.sidebar ul li.current_page_item ul li a{color:#222;}
.sidebar ul li.current_page_item ul li a,.sidebar ul li.current_page_item ul li ul li a{color:#222;background: none;}
.sidebar ul.bouwlink li a{	border-top:0;}
.sidebar ul li a:hover{color:#fff;display:block;padding:5px 0 5px 30px;margin:0;text-decoration: none;background-color: #CF383F;}
.sidebar ul li ul{margin: 0;padding: 0;}
.sidebar ul li ul li a{margin:0;padding: 5px 0 5px 50px;font-size: 11px;font-weight: bold;border:0;width: 180px;background: none;}
.sidebar ul li ul li a:hover{margin: 0;margin:0;padding: 5px 0 5px 50px;}
.sidebar ul li ul li ul{margin: 0;padding: 0;}
.sidebar ul li ul li ul li a{margin:0;padding: 5px 0 5px 50px;font-size: 10px;font-weight: normal;border:0;color:#222;width: 150px;}	
.sidebar ul li ul li ul li a:hover{margin: 0;padding: 5px 0 5px 50px;}
.sidebar-right ul{margin:5px 0;}
.sidebar-right ul li{line-height:12px;}
.bor img{border:1px solid #666;}
.sidebar-right ul li a,.sidebar-right ul li a:hover{font-size: 10px;padding:2px 0 2px 8px;}
.sidebar p.center{text-align:center;margin:30px 0;}
.sidebar-right #searchform {margin: 0;padding: 5px 0 8px 0;width: 170px;text-align: center;}
.sidebar-right #searchform #s {width: 140px;}
.sidebar-left #zoekform{margin:0;width:269px;float:left;height:70px;}
.sidebar-left #zoekform .searchf{border:outset 1px #ccc;margin:15px 0 0 10px;height:16px;padding: 3px 2px;background:url(bouwbedrijf-bouwen-css/search.jpg) repeat-x left top;}
.sidebar-left #zoekform ul li{display:inline;}
.sidebar-left #zoekform .formbutton{cursor:pointer;border:outset 1px #ccc;background:#999;color:#666;font-weight:bold;padding: 1px 2px;background:url(bouwbedrijf-bouwen-css/formbg.gif) repeat-x left top;}
.sidebar-left #zoekform .formbutton:hover{cursor:pointer;border:outset 1px #ccc;padding: 1px 2px;background:url(bouwbedrijf-bouwen-css/formbg-over.gif) repeat-x left top;}
.sidebar #calendar_wrap{margin: 0 auto;padding: 5px 0 8px 0;width: 130px;}
.sidebar #calendar_wrap caption {font-weight: bold;}
.sidebar #calendar_wrap tbody {text-align: right;}
.sidebar #calendar_wrap tfoot #next {text-align: right;}
.sidebar #calendar_wrap #today {	font-weight: bold;}
.sidebar .textwidget {padding: 5px 4px 8px 4px;}
.sidebar #sidebar-feed {margin: 0 auto 8px auto;width: 160px;height: 17px;}
.alignright{float:right;clear:right;margin:0 0 10px 10px;}
.alignleft{float:left;clear:left;margin:0 10px 10px 0;}
#footer-bouwen-nieuwbouw{color: #000;font-size: 10px;margin:0 0 5px 0;text-align: center;height: 110px;overflow:hidden;text-align: left;border:1px solid #ccc;border-left:none;border-right:none;background-color:#BDD8B7;}
#recon-links{float:left;width:210px;height: 110px;padding-top:10px;background:#fff url(bouwbedrijf-bouwen-css/naamblok.jpg) right top no-repeat;}
#recon-links h4{margin:0 0 0 10px;}
#recon-links h4.group a,#recon-links h4.schrijnwerk a,#recon-links h4.bouw a,#recon-links h4.damage a{width: 160px;height: 30px;text-indent: -9999px;display:block;}
#recon-links h4.bouw a{background:url(images/bouw.jpg) left top no-repeat;}
#recon-links h4.schrijnwerk a{background:url(images/schrijnwerk.jpg) left top no-repeat;}
#recon-links h4.damage a{background:url(images/damage.jpg) left top no-repeat;}
#recon-links h4.group a{background:url(images/group.jpg) left top no-repeat;}
.adres-bouwfirma{float:right;height:110px;width: 207px;border-left:6px solid #fff;background-color:#D1D2D4;}
.adres-bouwfirma h3{margin: 10px 0 0 40px;font-size: 1.1em;}
.adres-bouwfirma ul{margin: 5px 0 0 40px;padding:0;list-style:none;width:115px;float: left;letter-spacing: -1px;}
.adres-bouwfirma a{color:#DD012F;}
.adres-bouwfirma a:hover{color:#000;}
#ramen-deuren-schrijnwerk{position: relative;float: left;text-align: left;margin: 0;height: 110px;padding: 0;border-left: 1px solid #ccc;background-color: #BDD8B7;}
#ramen-deuren-schrijnwerk dl{float: left;margin: 10px 10px;padding: 0;}
#ramen-deuren-schrijnwerk dt{margin: 0;font-weight: bold;}
#ramen-deuren-schrijnwerk dd{margin: 0;}
#address h5{text-align:center;font-size:12px;font-weight:normal;}
#address h5 a{text-decoration:none; color:#000;font-size:0.8em;}
.wp-caption-text{text-align:center;font-size:0.8em;margin-top:-10px;padding:0;}
#tabelproject{margin: 10px 20px 20px 20px;}
#lnks{margin:20px;}
#lnks li{line-height:2em;}
#slider{width:980px;height:250px;position: relative;top:0;overflow:hidden;border-top:1px solid #bbb;border-bottom:1px solid #bbb;}
#sliderContent{width: 980px;position: absolute;top:0;margin-left: 1px;}
.sliderImage {float: left;position: relative;display: none;}
.headtext{position: absolute;top:20px;right:20px;font:10px/15px;padding: 20px;background-color: #000;filter: alpha(opacity=60); -moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.7;color: #fff;z-index: 999;}
.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.right{top: 50px;right: 0;}
ul { list-style-type: none;}
#content .post .post-entry .lees-meer a{color:#CF383F;font-size:11px;}

