
/* shadowbox ie8 bug fix */
#shadowbox_title {
  border: 0px solid;
}
#shadowbox_info {
  border: 0px solid;
} 





table.content p {margin-bottom:20px;}
table.content tr {vertical-align:top;}
table.content td.border {border-top:7px solid #a90000; height:50px;}
table.content td.leftkol {background:#101410; padding-left:20px; width:190px;}
table.content td.rightkol {background:#292c29; padding:20px; padding-top:0px; width:500px}



a.thumb img {border:1px solid #444; margin:10px; }
a:hover.thumb img {border:1px solid #666;}


html, body, form {margin:0; padding:0;}
html, body {
	height: 100%;
	border:none;
}

html{
	background:url(../images/bg_hand.jpg);
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	background: #777777;
}
body{
	margin:0;
	padding:0;
	font:normal 62.8% Arial, Helvetica, sans-serif;
	font:normal 11px Verdana, Arial, helvetica, sans-serif;
	color:#919191;
	line-height:16px;
	height:100%;
}
h1, h2, h3, h4, h5, h6, p, li, ul, ol, li{
	margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6{
font-family: "trebuchet ms";
margin-bottom:7px;
}
h2 {font-size:12px;}

ul, ol, li{
	list-style:none;
}
input, textarea{
}
a img{border:none;}
a{
	outline-style:none;
	color:#fff;
	text-decoration:none;
}
a:hover{
	color:#A90000;
}
.clr{
	position:relative;
	width:1px;
	height:1px;
	margin:-1px;
	clear:both;
	font-size:1px;
}
.left {position:relative; float:left;}
.right {position:relative; float:right;}

.rood {color:#A90000;}
.wit {color:#fff;}


div.logo { }
div.logo a img {border:0px;}
div.logo a:hover img {border:0px;}
/*-------------------------------------------------------------------------------------- Wrapper formatting */
.wrapper{
	margin:0 auto;
	width:775px;
	z-index:1;
}

* html div.wrapper {
	height: 100%;
}
/*--------------------------------------------------------------------------------------- Left side formatting*/
.left_side{
	position:relative;
	width:183px;
	padding:15px 0 30px 7px;
}
.left_nav{
	padding:40px 0 0 45px;
}
.left_nav li{
	padding:7px 0 0 0;
}
.left_nav li a{
	display:block;
	width:123px;
	height:20px;
}
.left_nav li.separated{
	padding:30px 0 0 0;
}
.left_nav li a.filosofie{
	background:url(../images/filosofie0.gif) no-repeat;
}
.left_nav li a.filosofie:hover, .left_nav li a.filosofie_sel{
	background:url(../images/filosofie1.gif) no-repeat;
}
.left_nav li a.wie_wat{
	background:url(../images/wiewathoe0.gif) no-repeat;
}
.left_nav li a.wie_wat:hover, .left_nav li a.wie_wat_sel{
	background:url(../images/wiewathoe1.gif) no-repeat;
}
.left_nav li a.projecten{
	background:url(../images/projecten0.gif) no-repeat;
}
.left_nav li a.projecten:hover, .left_nav li a.projecten_sel{
	background:url(../images/projecten1.gif) no-repeat;
}
.left_nav li a.aanbiedingen{
	background:url(../images/aanbiedingen0.gif) no-repeat;
}
.left_nav li a.aanbiedingen:hover, .left_nav li a.aanbiedingen_sel{
	background:url(../images/aanbiedingen1.gif) no-repeat;
}
.left_nav li a.modellen{
	background:url(../images/modellen0.gif) no-repeat;
}
.left_nav li a.modellen:hover, .left_nav li a.modellen_sel{
	background:url(../images/modellen1.gif) no-repeat;
}
.left_nav li a.links{
	background:url(../images/links0.gif) no-repeat;
}
.left_nav li a.links:hover, .left_nav li a.links_sel{
	background:url(../images/links1.gif) no-repeat;
}
.left_nav li a.contact{
	background:url(../images/contact0.gif) no-repeat;
}
.left_nav li a.contact:hover, .left_nav li a.contact_sel{
	background:url(../images/contact1.gif) no-repeat;
}
.left_nav li a.openingstijden{
	background:url(../images/openingstijden0.gif) no-repeat;
}
.left_nav li a.openingstijden:hover, .left_nav li a.openingstijden_sel{
	background:url(../images/openingstijden1.gif) no-repeat;
}
/*--------------------------------------------------------------------------------------- Display formatting*/
.display{
	width:540px;
	padding:0 10px 50px 34px;
	background:#ccc;
}
.display a{
padding:1px;
}
.display a img{
	border:1px solid #2D2D2D;
}
.display a:hover img{
	border:1px solid #FF0000;
}
.top_images  {
	margin-left:-13px;

}
.top_images img {
	margin:12px;
	}
.display h1{
	font:bold 16px "trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	font-style:italic;
	letter-spacing:1px;
	color:#999999;
	padding:20px 0;
}
.display h2{
	font:bold 12px "trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	padding: 0 0 15px 0;
}
.display p{
	padding:0 0 15px 0;
}
.red_text{
	color:#A90000;
}
/*--------------------------------------------------------------------------------------- Footer formatting*/
.clear_footer{ height: 10px; border: 0; margin: 0; padding: 0; } 
.footer{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:-3px;
	width:680px;
	height:40px;
	border-top:7px solid #a90000;
	border-bottom:1px solid #fff;
	padding:0 30px 0 65px;
	font-size:10px;
	background:url(../images/bg_body.gif) center top repeat-y;
	z-index:2;
}
.footer a{
	display:block;
}

.footer .left {left:-30px;}


/*--------------------------------------------------------------------------------------- PROJECTEN page formatting*/
ul.projects{
	padding:0 0 10px 25px;
}
ul.projects li{
	padding:0px 0 0px 10px;
	background:url(../images/bullet.gif) 0 6px no-repeat;
}
/*--------------------------------------------------------------------------------------- AANBIEDINGEN page formatting*/
.wrapper_samples{
	width:475px;
	padding:0 0 10px 10px;
}
.wrapper_samples a img{
	padding:0;
}
.wrapper_samples img{
	border:1px solid #444444;
	float: left;
}
.description{
	width:350px;
	padding:5px 6px 0 6px;
	border:1px solid #444444;
	background-color:#000;
	color:inherit;
	height: 95px;
}
.description p{
	padding:0 0 3px 0;
	margin-bottom:0px !important;
}
.description ul{
	padding:0 10px 0 0;	
}
