@charset "utf-8";
/* CSS Document */

/* algemeen */
body {font-family:"Trebuchet MS", Verdana; font-size: 13px; text-align: center; background: #7B6B59; height: 100%; margin: 10px auto; }
h1{font-size: 16px; font-weight: bold; color: #D7D2CC;}
h2{font-size: 15px; font-weight: bold; color: #D7D2CC;}
h3{font-size: 14px; font-weight: bold; color:#839935;}
h4{font-size: 13px; font-weight: bold;}
p{font-size: 13px; color: #000000;}
a{font-size: 13px; font-weight: bold; color: #3B2D1F; text-decoration:none;}
a:hover{color: #7B6B59;}
#container{width: 920px; height: 613px; padding: 0px; margin: 0px auto; text-align:left; overflow: hidden; background: url(../images/achtergrond.jpg);}
	.header{width: 920px; height: 80px; padding: 0px; margin:0px; overflow: hidden;}
		.header .tekstheaderleft{float: left; width: 210px; padding: 30px 0px 0px 20px; margin: 0px;}
			.tekstheaderleft h1{font-size: 26px; line-height: 20px;}
		.header .tekstheaderright{float: left; width: 660px; padding: 30px 0px 0px 0px; margin-right: 30px; text-align: right;}		
			.leftm{float:left; padding: 0px;}
			.leftm h2{font-variant: small-caps; font-size: 20px; letter-spacing: -1px; line-height: 20px;}
			.rightm{float:right; padding: 0px;}
			.rightm h2{font-size: 20px; line-height: 20px;}
	.content{width: 920px; height: 533px; padding: 0px; margin:0px; overflow: hidden;}
		.contentleft{float: left; width: 180px; padding: 0px 0px 0px 0px; margin: 0px;}
			.navigatie{width: 160px; padding: 100px 0px 0px 20px; margin:0px; overflow: hidden;}
				.navigatie a{color: #FFFFFF; padding: 0px; font-size: 16px; font-variant:small-caps;}
				.navigatie a:hover{color: #931614;}
				.navigatie ul{line-height: 35px; list-style-type:none; margin-left: 0px; padding-left: 0px;}
			
		.contentright{float: right; width: 650px; padding: 0px 0px 0px 0px; margin-right: 30px; background:#FFF; border: 4px solid #D7D2CC; height: 500px;}
		.contentright2{float: right; width: 650px; padding: 0px 0px 0px 0px; margin-right: 30px; background:#7B6B59; border: 4px solid #D7D2CC; height: 500px;}		
		.contentright2 h1, h2, h3, h4, p, ul{padding: 0px 5px 0px 5px;}
		.contentright2 a{color: #FFFFFF;}
		.contentright2 a:hover{color: #3B2D1F;}		
		.contentright2 table{border-spacing: 15px; padding: 5px; }
		.contentright2 th{text-align: left; color: #FFFFFF; font-variant: small-caps; vertical-align: top;}
		.contentright2 td{color: #FFFFFF; vertical-align: top; }				
			table.contact {border-spacing: 0px; vertical-align: top;}
			table.contact th{text-align: left; color: #FFFFFF; font-variant: small-caps; vertical-align: top;}
			table.contact td{color: #FFFFFF; padding: 0px; vertical-align: top;}				
		
			.tekstproject{float: left; width: 330px; height: 500px; overflow-x: hidden;}
					.tekstproject h1, h2, h3, h4, p, ul{padding: 0px 5px 0px 5px;}
					.tekstproject h1{color: #931614; line-height: 15px; font-variant: small-caps;}
					.tekstproject h2{color: #3B2D1F; line-height: 15px;}
					.tekstproject h3{color: #7B6B59; line-height: 15px;}							
					.tekstproject h4{color: #7B6B59; line-height: 14px;}												
					.tekstproject p {color: #7B6B59;}		
					.tekstproject ul {color: #7B6B59;}			
			.planproject{float: left; width: 320px; height: 500px; margin: 0px; padding: 50px 0px 0px 0px;}					
			.referenties{padding: 5px;}
			.referenties h1{color: #7B6B59;}
			.tekstlocatie{float: left; width: 295px; padding-right: 5px; height: 500px; text-align:justify;}
				.tekstlocatie h1, h2, h3, h4, p, ul{padding: 0px 5px 0px 5px;}
				.tekstlocatie h1{color: #931614; line-height: 15px;}
			.tekstlocatie2{float: left; width: 630px; padding: 5px; height: 500px; text-align:justify;}
                .tekstlocatie2 h1, h2, h3, h4, p, ul{padding: 0px 5px 0px 5px;}
                .tekstlocatie2 h1{color: #931614; line-height: 15px;}
			.fotoswaregem{float: left; width: 350px; height: 500px; margin: 0px; padding: 0px 0px 0px 0px; overflow-y: scroll;}					
			.adres{padding: 30px 0px 0px 0px;}
			.adres p{color: #FFFFFF;}
            .prijstabel {border-collapse: collapse;}
			     .prijstabel td, th {border-style: solid; border-width: 1px; padding: 4px;}
		
/* Lightbox for links */		
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}