/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:left;
	background-color:#E9EADC;
	
	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;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6, p {
	margin:0 0 10px 0;
	}
	
a {text-decoration:none;}
a:hover {}
h1 {font-size:14px}
h2 {}
h3 {font-size:12px;margin:0;}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

.cB {
	clear:both;
	}

label {	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	left:0;
	/*margin:0 auto 0 auto;*/
	width:777px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:transparent url(../gfx/back.gif) repeat-y left top;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */
	
/* ============================================================	*/ 
/* ========	SIDEBAR			  	===============================	*/
/* ============================================================	*/ 

div.sidebar {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	z-index:100;
	padding-bottom:41px;
	background:transparent url(../gfx/gradient.jpg) repeat-x left bottom;
	}
	.visual {
		text-align:right;
		background-color:#C0C19A;
		}
	.slogan {
		padding:100px 10px 100px 87px;
		background-color:#C0C19A;
		}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	position:relative;
	float:left;
	width:477px;
	height:120px;
	background-color:#16650A;
	}
div.logo {
	float:left;
	width:300px;
	height:120px;
	background-color:#E9EADC;
	}
div.logo img {
	margin:20px 10px 10px 30px;
	}
	
.renovatieVoor {
	background:#C0C19A;
	}
.renovatieVoor h1 {
	margin:0;
	}

.renovatieVoor,
.renovatieNa {
	text-align:right;
	font-weight:bold;
	padding:0 5px 0 0;
	margin:0 0 0 0;
	}
.renovatieNa h1,
.renovatieVoor h1 {
	margin:0;
	}
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.topNav {
	height:15px;
	text-align:right;
	background-color:#C0C09A;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	padding-right:8px;
	font-size:10px;
	color:#16650A;
	}
div.topNav a {
	color:#16650A;
	font-size:9px;
	}
div.topNav a:hover {
	color:#FFF;	
	}
	
div.navigatie {
	height:104px;
	padding:2px 0 0 0px;
	}
div.navigatie ul,
div.navigatie li {
	margin:0;
	padding:0;
	list-style:none;
	}
ul.nav {
	border-top:5px solid #16650A;
	display:block;
	position:relative;
	width:150px;
	
	}
ul.nav a {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding:0 0 0 10px;
	width:145px;
	_width:155px;
	
	}
ul.nav a:hover,
ul.nav a.active {
	color:#16650A;
	background-color:#C0C09A;
	}
ul.subNav {
	display:none;
	position:absolute;
	top:17px;
	left:155px;
	width:185px;
	height:101px;
	z-index:350;
	background-color:#C0C09A;
	}
ul.subNav a {
	display:block;
	font-size:12px;
	color:#16650A;
	width:165px;
	_width:185px;
	padding:0 0 0 20px;
	
	}
ul.subNav a:hover {
	background:#E9EADC url(../gfx/smallDot.gif) no-repeat 4px 6px;
	
	}
ul.subNav a.active {
	background:#E9EADC url(../gfx/bigDot.gif) no-repeat 4px 3px;
	
	}
	
	
#SubNav1 {
	}
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:absolute;
	bottom:0;
	left:300px;
	width:477px;
	height:34px;
	clear:both;
	font-size:10px;
	background-color:#16650A;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	}
div#footer .footerText {
	text-align:right;
	padding:5px 10px 5px 0px;
	color:#FFF;
	}
	div#footer .footerText a {
		color:#FFF;
		text-decoration:none;
		}
	div#footer .footerText a:hover {
	text-decoration:underline;
	}

html>body #footer {
	top:expression(document.getElementById('container').clientHeight - 34 + "px"); /* IE7 fix */
	}


/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

.contentBlock {
	padding-left:300px;
	height:100%; /* toegevoegd */
	}
.mainContent {
	clear:left;
	padding:10px 10px 50px 10px;
	
	border-bottom:0px solid #E9EADC;
	}
.siteMap {}
.siteMap a {
	display:block;
	color:#000;
	padding-left:10px;
	}
.siteMap a:hover {
	text-decoration:underline;
	}
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
	padding:2px 2px 2px 0px;
		}
.formGrid .nameCell {
	padding-right:20px;
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#16650A;
	font-weight:normal;
	width:200px;
	border-top:1px solid #16650A;
	border-right:1px solid #16650A;
	border-bottom:1px solid #16650A;
	border-left:1px solid #16650A;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
.typeButton {
	color:#FFF;
	border:1px solid #16650A;
	background-color:#16650A;
	}
textarea.textarea {
	
	}