/*  
Theme Name: Reconbouw
Theme URI: http://www.reconbouw.be
Description: Custom wordpress theme design for RECON Bouw.
Version: 2.0
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 */
#page {
	margin: 0 auto;
	width: 980px;
	overflow:hidden;
	background: #fff ;
	border: 1px solid #bbb;
}
/* Header */
#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 40px;}	
#content .breadcrumb a{color:#D0383F;margin:1px 8px;}	
#content .post {float: left;width: 508px;padding:0;}
#content h1{color:#D0383F;font-size: 2.6em;margin: 10px 10px 0 40px;}
#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 40px;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 Verdana;
	color: #000;
	padding: 0 0 50px 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 Verdana;
	color: #000;
	float: right;
	padding-bottom: 5px;
}
#content .post .post-entry h2{color: #000;font: bold 12px/25px Verdana;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;}
		/* Post - Info */
#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 Verdana;
	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;}
	/* =================================================== Main - Sidebar ================================*/
.sidebar{color: #000;}
.sidebar a{color: #000;text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}
		/* Sidebar - Sides */
.sidebar-left {
	width: 210px;
	margin:00;
	float:left;
   padding:0;/*
	border-right: 1px solid #ccc;*/
	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 - Titles */
.sidebar h3 {
	padding-left: 10px;
	font-size:12px;
   margin:8px 0;
   font-weight:bold;
	color: #000;
	width: 159px;
}
		/* Sidebar - Menus */
.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 /*#D2DDE1*/#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/*#B0BFC4 url(bouwbedrijf-bouwen-css/arrcurr.png) 30% 80% no-repeat*/;
}
.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 - Submenus */
.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 - Forms */
.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: 1em;
   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{
	background:url(images/group.jpg) left top no-repeat;
	width: 140px;
	height: 30px;
	text-indent: -9999px;
	display:block;
}
#recon-links h4.bouw a{
	background:url(images/bouw.jpg) left top no-repeat;
	width: 140px;
	height: 30px;
	text-indent: -9999px;
	display:block;
}
#recon-links h4.schrijnwerk a{
	background:url(images/schrijnwerk.jpg) left top no-repeat;
	width: 160px;
	height: 30px;
	text-indent: -9999px;
	display:block;
}
#recon-links h4.damage a{
	background:url(images/damage.jpg) left top no-repeat;
	width: 140px;
	height: 30px;
	text-indent: -9999px;
	display:block;
}
.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;}