/* ============================================================	*/ 
/* ========	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:#FFFFFF;
	
	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:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height: 14px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a {
	color:#C41130;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {
	margin-left: 15px;
}
li {
	list-style-image:url(../gfx/dot.gif);
	margin-bottom:0px;
	margin-left:5px;
}

label {
	
	}
/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:986px;
	min-height:100%;
	height:100%;
	text-align:left;
	background:#FFF url(../gfx/bg_home.jpg) left top repeat-x;
	}
	/* mozilla hax \*/
html>body #container {
    height:auto;
	}
	/* mozilla hax */

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	width:327px;
	/*background:#FFF url(../gfx/bg_top.jpg) 253px 0px repeat-y;*/
	/*overflow:hidden;*/
	/*position:relative;*/
	float:left;
	}
	
img.logo {
	display:block;
	margin-top:25px;
	float:left;
	}
#middenboven {
	top:0px;
	margin-left:245px;
	margin-right:250px;
	height:164px;
	}

.middenbovenkop {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:18px;
	line-height:14px;
	color:#635b47;

	position:relative;
	top:132px;
	text-indent:35px;
	}
#rechtsboven {
    background-color:#e1e2dc;
	float:right;
	width: 243px;
	height: 164px;
	background:url(../gfx/bg_blok.jpg) top left no-repeat;
}
.rechtsboventekst {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height: 14px;
	color: #47453c;
	margin-left: 28px;
	margin-top: 34px;
	}
.rechtsbovenextranet {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height: 14px;
	color: #47453c;
	margin-left: 28px;
	margin-top: 58px;
	}

/* ============================================================	*/ 
/* ========	Buttons			===============================	*/
/* ============================================================	*/

.btnContact {
	display:block;
	position:absolute;
	top:0px;
	left:30px;
	
	width:51px;
	height:26px;
	background:transparent url(../gfx/btn_contact.gif) top left no-repeat;
	}
.btnContact:hover {
	background:transparent url(../gfx/btn_contact.gif) top right no-repeat;
	}
.btnUK {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	
	width:29px;
	height:26px;
	background:transparent url(../gfx/btn_uk.gif) top left no-repeat;
	}
.btnUK:hover {
	background:transparent url(../gfx/btn_uk.gif) top right no-repeat;
	}
.verder {
	display:inline;
	font-size: 11px;
	color: #c41130;
	text-decoration: none;
	background:url(../gfx/pijl_uit.gif) 100% 50% no-repeat;
	/*width:100px;
	height:26px;*/
	
	line-height:14px;
	padding-right:7px;
	vertical-align:middle;
	}
.verder:hover, .verder-selected, .verder-selected:hover {
	font-size: 11px;
	color: #635b47;
	text-decoration: none;
	background-image:url(../gfx/pijl_aan.gif);
	background-repeat:no-repeat;
	line-height:14px;
	vertical-align:middle;
}
.extranet {
	display:inline;
	font-size: 11px;
	color: #635b47;
	text-decoration: none;
	background:url(../gfx/pijl_uit.gif) 100% 50% no-repeat;
	/*width:100px;
	height:26px;*/
	
	line-height:14px;
	padding-right:7px;
	vertical-align:middle;
	}
.extranet:hover, .verder-selected, .verder-selected:hover {
	font-size: 11px;
	color: #c41130;
	text-decoration: none;
	background-image:url(../gfx/pijl_aan.gif);
	background-repeat:no-repeat;
	line-height:14px;
	vertical-align:middle;
}

/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	background-color:#e1e2dc;
	float: left;
	width: 242px;
	height: 154px;
	}
.menuitem {
	font-size: 11px;
	color: #261b01;
	font-weight: normal;
	display: block;
	text-decoration:none;
	background-image:url(../gfx/menuitem-back.gif);
	background-position:top left;
	background-repeat:repeat-y;
	height: 22px;
	width: 243px;
	border-bottom: 1px solid #FFFFFF;
	
	}
	
.menuitem:hover, .menuitem-selected, .menuitem-selected:hover {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	text-decoration:none;
	background-image:url(../gfx/menuitem-back_aan.gif);
	height: 22px;
	width: 243px;
	background-color: #003B99;
	border-bottom: 1px solid #A0A0A0;

}
	
.menuspacer {
	height:22px;
	width:17px;
	vertical-align:middle;
	border: none;
	}
/* ============================================================	*/ 
/* ========	main content			===============================	*/
/* ============================================================	*/

div.mainContent {
	margin-left: 243px;
	margin-right: 242px;
	left: 243px;
	height: 414px;
	}
.maintekst {
	padding-left: 35px;
	padding-top: 20px;
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	line-height: 14px;
	color: #47453c;
	width: 450px;
	}
	
/* ============================================================	*/ 
/* ========	zijkant			===============================	*/
/* ============================================================	*/

div.zijkant {
	background-image: url(../gfx/bg_rechts.jpg);
	background-repeat: repeat-x;
	float: right;
	width: 243px;
	height: 414px;
	}
.zijkant {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:10px;
	line-height: 14px;
	color: #47453c;
	
	}
.zijkanttekst {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height: 14px;
	color: #47453c;
	margin-left: 10px;
	margin-top: 20px;
	width: 218px;

	}
	
.tussentekst {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	line-height: 14px;
	color: #47453c;
	margin-top: 15px;
	margin-bottom: 15px;
	/*width: 603px;*/
	/*clear:both;*/
	}
	
/* ============================================================	*/ 
/* ========	flashknop			===============================	*/
/* ============================================================	*/

div.flashknop {
	/*display:inline;*/
	border-bottom: 1px solid #FFFFFF;
	}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	height:20px;
	clear:both;
	/*background-image: url(../gfx/bg_home.gif);*/
	border-top:1px solid #FFF;
	background-color:#bfbdb5;
	width:983px;
	_width:986px;
	}
	div#footer a {
		color:#FFF;
		}
div#footer .footerText {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:9px;
	color: #FFFFFF;
	margin-left:327px;
	_margin-left:330px;
	border-left:1px solid #FFF;
	text-align:left;
	line-height:20px;
	background-color:#5c5d54;
	padding-left:24px;
	}
	div#footer .footerText a:hover {
	text-decoration:underline;
	font-size:9px;
	color: #FFFFFF;
	}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	/*float:right;*/
	
	margin-left:328px;
	/*width:657px;*/

	/*white-space:no-wrap;*/
	/*overflow:hidden;*/
	/*margin:0 0 0 0;
	padding:0 0 0 0;*/
	}
	
div.contentBlock2 {
	/*float:right;*/
	/*width:657px;*/
	}

div.contentBlock3 {
	/*float:right;*/
	width:655px;
	}
	
div.sidebar {
	float:right;
	width:242px;
	top:164px;
	height:414px;
	background-image: url(../gfx/bg_rechts.jpg);
	}
	/* MOZILLA HAX */
	html>body div.left {
		margin-bottom:0px;
		}
	/* MOZILLA HAX */
	
/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.formgrid {
		}
.formGrid td {
		}
.formGrid .nameCell {
	}
.formGrid .inputCell {
		}
input,
select {
	vertical-align:middle;
	}
input.typeText {
	color:#F00;
	font-weight:normal;
	border-top:1px solid #F00;
	border-right:1px solid #F00;
	border-bottom:1px solid #F00;
	border-left:1px solid #F00;
	}
.formGrid input.typeText {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	}
select.select {
	
	}
textarea.textarea {
	
	}
.bgboven {
	background-image: url(../gfx/bg_top.jpg);
	background-repeat: repeat-y;
}
