/* ============================================================	*/ 
/* ========	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:#dd6c07;
	}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
p {margin:0 0 0 0; padding:0 0 0 0;}
	
h1, h2, h3, h4, h5, h6 {margin:0 0 0 0; padding:0 0 0 0;}
h5{font-weight:normal; font-size:12px; margin:0 0 10px 0; text-transform:uppercase;}

a {border:none;}
a:focus {outline:none;}
h1 {font-size:18px;}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:809px;
	min-height:100%;
	_height:100%;
	text-align:left;
	background:#FFFFFF url('../gfx/container-back.gif') repeat-y left top;
}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {width:809px; height:222px; background-color:#dd6c07;}
div.header a.logo {position:absolute; top:45px; left:15px;}
div.header img.headerVisual {position:absolute; top:0px; right:0px; _right:-1px;}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {width:251px; height:206px; float:left;}
div.navigatie a {display:block;}

div.navigatie img.btn-interactief-ontwerpproc{float:left; position:absolute; top:21px; left:71px;}
div.navigatie img.btn-toekomst-gericht{float:left; position:absolute; top:82px; left:58px;}
div.navigatie img.btn-kostenbewust{float:left; position:absolute; top:141px; left:79px;}
div.navigatie img.lijn1{float:left; margin:71px 0 60px 0; height:1px; width:100%; background:white url('gfx/1px.gif') repeat-x;
}
div.navigatie img.lijn2{float:left; height:1px; width:100%; background:white url('gfx/1px.gif') repeat-x;
}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:relative;
	width:809px;
	height:206px;
	clear:both;
	text-align:right;
	float:left;
	background:transparent url('../gfx/footer.gif') repeat-y  center bottom;
}
div#footer img.logo-footer{text-align:right;}
div.footer-text{
	position:absolute;
	bottom:18px; 
	right:21px;
	font-size:13px;
	}
div.footer-text a{	
	color:#c46c1d;
	line-height:20px;
	text-decoration:none;
	}
	 
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {}

.vinkje{margin:0 0 0 10px; padding:0 0 0 0;}

div.contentBlock div.firstRow {background-color:#1F133B; position:relative; width:809px;}
div.contentBlock div.firstRow .sidebar {width:251px; position:absolute; top:0px; left:0px;}
div.contentBlock div.firstRow .mainContent {height:232px; background-color:#FFFFFF; margin:0 0 0 251px; padding:25px 30px 25px 45px; line-height:18px; color:#1F133B;}
div.contentBlock div.firstRow .mainContent p span {text-transform:uppercase;}
div.contentBlock div.secondRow {background:#FFFFFF; position:relative; width:809px;}
div.contentBlock div.secondRow .sidebar {width:251px; position:absolute; top:0px; right:0px;}
div.contentBlock div.secondRow .mainContent {margin:0 375px 0 105px; padding:25px 0 25px 0; line-height:18px; color:#dd6c07;}
div.contentBlock div.secondRow .mainContent p span {text-transform:uppercase;}

div.menu {background-color:#1F133B; padding:25px 0 0 0;}
div.menu a {display:block; background:url('../gfx/menu-item.gif') no-repeat -50px 0; 
text-align:right; padding:0 22px 0 0; line-height:23px;	border-bottom:1px solid #7C768A; color:#FFFFFF; text-decoration:none; text-transform:uppercase;
}
div.menu a:hover, div.menu a.selected {background:url('../gfx/menu-item.gif') no-repeat 100% 50%;
}

.stenen {position:absolute; margin:-230px 0 0 0; left:0px; width:88px; height:246px;}
.slijpsel {position:absolute; top:-120px; right:-47px; width:186px; height:192px;}
.potlood {position:absolute; top:-15px; right:0px; _right:-1px; width:281px; height:119px; background:url('../gfx/potlood.png') no-repeat;
}
.potlood2 {position:absolute; top:-15px; right:0px; _right:-1px; width:281px; height:119px; background:url('../gfx/potlood2.png') no-repeat;
}
.potlood3 {position:absolute; top:-15px; right:0px; _right:-1px; width:281px; height:119px; background:url('../gfx/potlood3.png') no-repeat;
}
.potlood4 {position:absolute; top:-15px; right:0px; _right:-1px; width:281px; height:119px; background:url('../gfx/potlood4.png') no-repeat;
}
.potlood5 {position:absolute; top:-15px; right:0px; _right:-1px; width:281px; height:119px; background:url('../gfx/potlood5.png') no-repeat;
}
.potlood6 {position:absolute; top:-15px; right:0px; _right:-1px; width:281px; height:119px; background:url('../gfx/potlood6.png') no-repeat;
}
div.sidebar {float:right; width:160px; padding-bottom:65px;}