/* ============================================================	*/ 
/* ========	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:#E5E5E5 url(../gfx/background.gif) center top no-repeat;}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;	font-size:11px; color:#535353; line-height:15px;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0;}
	
a:focus {outline:none;}
a:hover {}

p {margin:0 0 0 0; padding:0 0 15px 0;}

strong.kop, h1 {font-size:14px; line-height:16px;}
h1 {padding:0 0 0 0; margin:0 0 0 0;}
strong.kop span, h1 span {font-weight:normal;}

div.mainContent a, div.sidebar a {color:#535353; text-decoration:none;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

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

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

div.header {height:100px; position:relative; background:transparent url(../gfx/header-back.gif) 235px 100% no-repeat;}
div.header a.logo {position:absolute; top:23px; left:23px;}
div.header #teller {position:absolute; right:7px; bottom:7px;}
div.header .quicklinks {position:absolute; top:20px; right:10px; font-size:9px;}
div.header .quicklinks a {color:#535353; text-decoration:none; text-transform:uppercase;}
div.header .quicklinks a:hover {text-decoration:underline;}
div.header div.title {position:absolute; top:75px; left:247px; font-weight:normal; font-size:11px; text-transform:uppercase;}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {float:left; width:230px; padding:30px 0 0 0; overflow:hidden; }
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {position:absolute; bottom:0; left:0; width:987px; clear:both; background:#D9D9D9; font-size:10px; line-height:33px; height:33px;}
div#footer a {text-decoration:none; color:#535355;}
div#footer a:hover {text-decoration:underline;}
.disclaimer {line-height:33px; float:left; padding:0 0 0 20px;}
.talen {line-height:33px; float:right; padding:0 20px 0 0;}
html>body #footer {top:expression(document.getElementById('container').clientHeight - 33 + "px");}
		
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {width:987px; padding:0 0 50px 0; overflow:hidden; background:#FFFFFF url(../gfx/top-gradient.gif) 0px 0px repeat-x;}

div.sidebar {float:right; width:250px; padding:15px 0 0 0;}
div.sidebar ul {margin:0 10px 0 0; padding:0 0 0 0; display:block; list-style:none;}
div.sidebar li {background:transparent url(../gfx/li.gif) 0 3px repeat; margin:0 0 0 0; padding:0 0 15px 10px; display:block;}

div.sidebar .links 
{
	border-top:1px solid #A6A6A6;
	border-left:1px solid #A6A6A6;
	clear:both;
	overflow:hidden;
	}
div.sidebar .links span {
	display:block;
	padding:8px 0 8px 22px;
	line-height:14px;
	margin:0 0 0 8px;
	border-bottom:1px solid #A6A6A6;
	font-size:10px;
	
	clear:both;
	color:#535355;
	_height:30px;
	}
	.lnk-print,
	.lnk-versturen {
		display:block;
		overflow:hidden;
		text-decoration:none;
		}
	.lnk-print:hover,
	.lnk-versturen:hover {
		background-color:#DEDEDE;
		text-decoration:none;
		}
	.lnk-print span {background:transparent url(../gfx/icon-print.gif) 0px 8px no-repeat;}
	.lnk-versturen span {background:transparent url(../gfx/icon-envelop.gif) 0px 8px no-repeat;}

div.mainContent {padding:15px 0 0 0; margin:0 260px 0 240px;}
div.mainContent {border:1px solid #FFFFFF;}

div.mainContent div.leftContent {width:235px; float:left;}
div.mainContent div.rightContent {margin:0 0 0 250px;}
div.mainContent div.news ul,
div.mainContent div.rightContent ul {margin:0 0 0 0; padding:0 0 0 0; display:block; list-style:none; list-style-position:outside;}
div.mainContent div.news li, 
div.mainContent div.rightContent li {background:transparent url(../gfx/li.gif) 0 3px repeat; margin:0 0 0 0; padding:0 0 15px 10px; display:block; _height:1px;}

div.mainContent ul {list-style-position:inside; margin:0 0 0 0; padding:0 0 0 0;}

div.visual {width:752px; float:right; border-left:1px solid #B8B7B7; border-bottom:1px solid #B8B7B7; position:relative;}
div.visual img {display:block;}
div.visual div.visualText {position:absolute; width:752px; height:35px; font-size:29px; line-height:35px; bottom:0px; left:0px; color:#E0E0E0; text-indent:10px;}

div.gradient {background:transparent url(../gfx/content-gradient.gif) top left repeat-x; height:11px; width:752px; line-height:11px; float:right; clear:right;}

/*SUBMENU*/
div.submenu ul {list-style:none; margin:-4px 0 0 10px; padding:0 0 0 0; display:block; overflow:hidden;}
div.submenu ul ul {margin:0 0 0 0; padding:0 0 0 0;}
div.submenu li {margin:0 0 0 0; padding:6px 0 4px 20px; background:transparent url(../gfx/li-nav.gif) 13px 15px no-repeat; border-top:1px solid #A6A6A6;}
div.submenu li li {background:transparent url(../gfx/li-nav.gif) 0px 7px no-repeat; padding:0 0 0 10px; border-top:0px solid #FFFFFF;}

div.submenu li.selected {background:transparent url(../gfx/li-selected.gif) 202px 0px no-repeat;}
div.submenu .selected li {background:transparent url(../gfx/li-nav.gif) 0px 7px no-repeat; padding:0 0 0 10px; border-top:0px solid #FFFFFF;}

div.navigatie a {color:#535353; text-decoration:none;}
div.navigatie a.color {}

div.navigatie strong {}
div.navigatie li li strong {font-weight:normal;}


/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {margin:0px;padding:0px;}
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;}

/* ============================================================	*/ 
/* ========	FORMLAYOUT		  	===============================	*/
/* ============================================================	*/
div.form 
{
	margin-bottom:24px;
	}
div.form span {
	display:block;
	position:relative;
	border-bottom:5px solid #FFFFFF;
	line-height:22px;
	overflow:hidden;
	top: 0px;
	left: 1px;
}
div.form span.kop {
	color:#000000;
	font-weight:bold;
	}
div.form span.kopGroot {
	font-size:15px;
	font-weight:bold;
	}
div.form span.wisknop 
{
	display:inline;
	font-size:11px;
	font-weight:normal;
	margin-left:12px;
}
div.form span label {
	float:left;
	line-height:22px;

	}
div.form span.margin {
	margin:0 0 0 155px;
	text-align:left;
	} 

div.form div.border {
	border-bottom:1px solid #A6A6A6;
	padding:10px 0 0 0;
	overflow:hidden;
	}
	
div.form .typeText {
	background-color:#F1F1F1;
	border-top:1px solid #B5B5B5;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-left:1px solid #B5B5B5;
	width:250px;
	}
div.form input.typeText.Tenth 
{
	width:40px;
}
div.form input.typeRadio 
{
	
}
span.checkbox 
{
	width:250px;
}
span.checkbox input
{
	clear:both;	
}
span.checkbox label 
{
	float:right;
	
}
div.form .typeRadioList
{
	margin:0;
	padding:0;	
	display:inline-block;
	position:relative;
	
}
div.form td label 
{
	margin-left:8px;
}
table.typeRadioList td 
{
	height:16px;
}
table.typeRadioList td input 
{
	float:left;
}
table.typeRadioList td label
{
	line-height:14px;
}
div.form .typeRadioList input 
{
	float:left;
	display:inline;
	position:relative;
	
}
div.form .typeRadioList label 
{
	margin:0 18px 0 6px;
	padding:0;
	position:relative;

}
div.form input.typeSubmit {
	}
div.form div.submitRow {
	padding:14px 0 0 0;
	overflow:hidden;
	}
div.form div.submitRow input.typeSubmit {
	float:right;
}

div.foutmeldingen 
{
	background:#FFEEEE url('../gfx/fout.gif') no-repeat;
	background-position: 10px 10px;
	border:solid 1px #660000;
	color:#660000;
	width:400px;
	padding:18px 24px 24px 54px;
	margin-bottom:12px;
}

div.foutmeldingen UL 
{
	margin-top:8px;
}
div.foutmeldingen UL LI 
{
	color:#660000;
}
div.goedmeldingen 
{
	background:#EEFFEE url('../gfx/goed.gif') no-repeat;
	background-position: 10px 10px;
	border:solid 1px #006600;
	color:#006600;
	width:400px;
	padding:18px 24px 24px 54px;
	margin-bottom:12px;
}
div.goedmeldingen UL 
{
	margin-top:8px;
}

.centerajax 
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-height:100%;
	background-color:#fff;
	color:#000;
	z-index:5000;
	text-align:center;
}

/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

.formGenerator, .errorsummary *, .formSentMessage li {color:#004A8D; font-family:Tahoma, Arial; font-size:11px; font-weight:bold;}
.errorsummary * {color:Red;}
.formGenerator td {vertical-align:top; padding:0 5px 0 0; }
.formGenerator input, .formGenerator label, .formGenerator textarea, .formGenerator select {display:block; clear:both; border:1px solid #d0d2cd;}
.formGenerator textarea {height:80px;width:300px;}
.formGenerator td label {font-weight:normal;width:150px;}
.formGenerator td td label {padding:2px;}
.TextBox {width:250px;}
.RadioButtonList td {padding:3px 3px 0 3px;vertical-align:top;}
.RadioButtonList td input {float:left;display:block;position:absolute;margin:0;}
.RadioButtonList label {border:none;margin:0;clear:both;display:block;margin-left:-40px;}
.RadioButtonList * {text-align:center; margin:0 auto;}
.CheckBoxList td {border:0px solid #000000; padding:0 0 0 0; margin:0 0 0 0;}
.CheckBoxList input {clear:none; float:left; margin:8px 0 0 5px; #margin:5px 0 0 5px;}
.CheckBoxList label {margin:0 0 0 20px; clear:none;}