﻿/* ============================================================	*/
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/
html {
	height: 100%;
	width: 100%;
	overflow: -moz-scrollbars-vertical;
}
body {
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #cecece;
	scrollbar-face-color: #ddd;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #aaa;
	scrollbar-3dlight-color: #aaa;
	scrollbar-arrow-color: #666;
	scrollbar-track-color: #FFF;
	scrollbar-darkshadow-color: #FFF;
}
select {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
input {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
p {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
td {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
th {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
table {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
div{ behavior: url(css/iepngfix.htc); }

img{ behavior: url(css/iepngfix.htc); }
img {
	border:0px solid #FFFFFF;
}

h6 {
	margin: 0 0 10px 0;
}

h5 {
	margin: 0 0 10px 0;
}

h4 {
	margin: 0 0 10px 0;
}

h3 {
	margin: 0 0 10px 0;
}

h2 {
	margin: 0 0 10px 0;
}

h1 {
	margin: 0 0 10px 0;
}
h1{
	font-size:11px;
	font-weight:bold;
}
img{
border:0px none;
}
a{
	color:#FFF;
	text-decoration:none;
	border:0px;
}
/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 990px;
	height: 571px;
	text-align: left;
	background-image:url('../gfx/bg.gif');
	overflow:hidden;
	}
	
/* mozilla hax \*/
html > body #container {
	height: 567px;
}
/* mozilla hax */
/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.header {
width:990px;
position:relative;
float:left;
height:165px;
background:#fff  no-repeat right;
}

.blok6{position:absolute;float:left;top:0px;z-index:50;}

.blok5{position:absolute;float:left;top:0px;z-index:50;}

.blok4{position:absolute;float:left;top:0px;z-index:50;}
.blok3{position:absolute;float:left;top:0px;z-index:50;}


.blok2{position:absolute;float:left;top:0px;z-index:50;}

.blok1{position:absolute;float:left;top:0px;z-index:50;}

.blok1{left:0px;height:165px;width:165px;}
.blok2{
	left: 247px;
	height: 105px;
	width: 165px;
	background:url('../gfx/btb_logo.png');
	z-index: 60;
	}
.blok21{
	position:absolute;
	top:0px;
	left: 247px;
	height: 105px;
	width: 165px;
	z-index: 100;
	}
	
.blok21 a{
	height: 105px;
	width: 165px;
	display:block;
	}
/*block voor logo*/
.blok3{left:330px;height:165px;width:165px;}
.blok4{left:495px;height:165px;width:165px;}
.blok5{left:660px;height:165px;width:165px;}
.blok6{left:825px;height:165px;width:165px;}

.trans15{filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;background-color:white;}
.trans50{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;background-color:white;}
.trans70{filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;background-color:white;}
.trans100{filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;background-color:white;}
/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {	
		color:#FFF;
		position:relative;
		float:left;
		width: 995px;
		height: 47px;
				_height: 48px;

		overflow:hidden;
		font-size:15px;
		font-family:Helvetica, Arial, sans-serif;
		line-height:48px;
		border-top:1px solid white;

	}
		
div.block{
		position:relative;
		float:left;
		width:165px;
		height:48px;
		background:#c10c1b;
}

a.borderleft{
		width:165px;
		color:#FFF;
		float:left;
		display: block;
		width:165px;
		height:48px;
		background:#c10c1b;

			
}

a.borderright{
		width:165px;
		color:#FFF;
		float:left;
		display: block;
		width:165px;
		height:48px;
		background:#c10c1b;

			
}
a.borderright{width:165px;padding:8px 8px;}
a.borderleft{border-left:1px solid white;padding:8px 8px;}

div.none{
		border-left:1px solid white;padding:8px 8px;width:165px;
		color:#FFF;
		float:left;
		display: block;
		width:165px;
		height:48px;
		background:#c10c1b;}


a.borderleft:hover{
		width:165px;
		color:#FFF;
		float:left;
		display: block;
		width:165px;
		height:48px;
		background:#860d17;
}





a.borderright:hover{
		width:165px;
		color:#FFF;
		float:left;
		display: block;
		width:165px;
		height:48px;
		background:#860d17;
}


div.mainContent{
	position:relative;
	float:left;
	left:331px;
	top:1px;
	height:191px;
	_height:192px;
	width:494px;
	line-height:18px;
	color:#fff;
	background:#c10c1b;

}


div.sidebar {
	position:absolute;
	left:166px;
	top:214px;
	height:191px;
	_height:192px;
	width:164px;
	background:#c10c1b;
	}
	

div.sidebar a{
		position:relative;
		float:left;
		display:block;
		width:164px;
	/*	height:23px;
		_height:24px;*/
		border-bottom:1px solid #fff;
		line-height:24px;
		text-indent:8px;

}
div.sidebar a:hover{
		background:#860d17;
}




/* ============================================================	*/
/* ========	deco cube		===============================	*/
/* ============================================================	*/

.cube6{
	width:31px;
	height:31px;
	background:#c10c1b;
	position:absolute;
	z-index:100;
}

.cube5{
	width:31px;
	height:31px;
	background:#c10c1b;
	position:absolute;
	z-index:100;
}

.cube4{
	width:31px;
	height:31px;
	background:#c10c1b;
	position:absolute;
	z-index:100;
}

.cube3{
	width:31px;
	height:31px;
	background:#c10c1b;
	position:absolute;
	z-index:100;
}

.cube2{
	width:31px;
	height:31px;
	background:#c10c1b;
	position:absolute;
	z-index:100;
}

.cube1{
	width:31px;
	height:31px;
	background:#c10c1b;
	position:absolute;
	z-index:100;
}
.cube1{top:0px;left:826px;}
.cube2{top:134px;left:496px;}
.cube3{top:374px;left:0px;}
.cube4{top:374px;left:959px;}
.cube5{top:540px;left:166px;}
.cube6{top:540px;left:630px;}
/* ============================================================	*/
/* ========	mainContent		===============================	*/
/* ============================================================	*/
.photo3{
	width:165px;
	height:165px;
	position:absolute;
	z-index:95;
}
.photo2{
	width:165px;
	height:165px;
	position:absolute;
	z-index:95;
}
.photo1{
	width:165px;
	height:165px;
	position:absolute;
	z-index:95;
}
.banner {
	width:165px;
	height:165px;
	position:absolute;
	z-index:95;
	display:block;
}

.photo3{top:406px;left:0px;}
.photo2{top:406px;left:496px;/*display:none;*/}
.photo1{top:406px;left:827px;}
.banner{
	top:406px;
	left:663px;
}




/* ============================================================	*/
/* ========	mainContent		===============================	*/
/* ============================================================	*/

div.index2{
position:relative;
float:left;
background:#c10c1b;
height:190px;
_height:191px;
width:495px;
left:165px;
top:1px;
line-height:18px;
color:#fff;
}

div.index2{
	width:660px;
}
div.project{
	float:left;
	padding:8px 0 0 8px;
	height:170px;
	font-weight:bold;
	width:140px;

}
div.projectdetails{
	position:relative;
	float:left;
	left:18px;
	padding-top:8px;
	height:160px;
	width:320px;
}
div.projectdetails a{
	font-weight:bold;
	position:absolute;
	top:165px;
	left:0px;
}

div.projectinfo{
	float:left;
	padding:8px 0 0 8px;
	height:160px;
	width:470px;
}

div.projectinfo a{
	font-weight:bold;
}

div.index{
	float:left;
	padding:8px 0 0 8px;
	height:160px;
	width:645px;
}





div.contentBlock {
}
/* MOZILLA HAX */
html > body div.left {
	margin-bottom: 0px;
}
/* MOZILLA HAX */
/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/
form {margin: 0px;}

td{
color:#fff;
height:20.5px;
}
input{
	color:#860d17;
	width:150px;
		border:1px none;
}
input.submit{
	width:75px;
	background-color:#860d17;
	border:1px none;
	color:#fff;;
}

div.routekaartje{
	position:absolute;
	float:left;
	top:103px;
	left:330px;
	width:300px;
	height:437px;
	z-index:990;
	background-image:url('../gfx_content/route.gif');
	visibility:hidden;
	
	}
	
div.routekaartje a.printen{
	color:#F00;
	position:absolute;
	float:left;
	left:5px;
	bottom:5px;
	display:block;	
}

div.routekaartje a.sluiten{
	color:#F00;
	position:absolute;
	float:left;
	right:5px;
	bottom:5px;
	display:block;	
}

