/* ============================================================	*/ 
/* ========	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:#E2D6C6;
	}
	
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	font-size:11px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a, table td {color:#895B1A;}
a:focus {outline:none;}
a:hover {}

.topText {
	color:#00628C;
	}
h1 {
	font-size:25px;
	color:#00628C;
	/*margin:0 0 -10px 0;
	padding:0 0 -10px 0;*/
	}
.sIFR-active h1,
.sIFR-hasFlash h1 {
	visibility: hidden; line-height:1em;
	padding-top:5px;
	/*margin-bottom:-5px;*/
	margin-bottom:-5px;
	}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {
	margin:0 0 0 0;
	padding:0 0 13px 0;
	}
	
.mainContent table td {
	padding:0 10px 0 0;
}

.mainContent ul,
.mainContent ol {
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
.mainContent ul li {
	margin:0 0 0 16px;
	padding:0 0 0 0;
	list-style-position:outside;
	/*display:block;
	background:transparent url(/gfx/li.gif) 0px 4px no-repeat;*/
	}
.mainContent ol li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-position:inside;
	}
li {}
li li {}

label {
	
	}
	
.toelating {
	width:600px;
	height:393px;
	margin:0 -200px 0 0;
	#margin:0 0 0 0;
	}
	
/* ============================================================	*/ 
/* ========	BLOCKS			  	===============================	*/
/* ============================================================	*/	
	
.topRight,
.topLeft,
.bottomRight,
.bottomLeft {
	position:absolute;
	width:10px;
	height:10px;
	display:block;
	}

.topRight {
	top:0px; right:0px;
	background:transparent url(/gfx/top-right.png) top left no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/top-right.png', sizingMethod='image');
	}
.topLeft {
	top:0px; left:0px;
	background:transparent url(/gfx/top-left.png) top left no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/top-left.png', sizingMethod='image');
	}
.bottomRight {
	bottom: 0px; *bottom:-1px; right:0px;
	background:transparent url(/gfx/bottom-right.png) top left no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bottom-right.png', sizingMethod='image');
	}
.bottomLeft {
	bottom: 0px; *bottom:-1px; left:0px;
	background:transparent url(/gfx/bottom-left.png) top left no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/bottom-left.png', sizingMethod='image');
	}
	
/* colors */
.blueBlock {
	background:#51C1EB url(/gfx/gradient-blue.gif) top left repeat-x;
	position:relative;
	overflow:hidden;
	color:#FFFFFF;
	}
.brownBlock {
	background:#C5B49E url(/gfx/gradient-brown.gif) top left repeat-x;
	position:relative;
	overflow:hidden;
	color:#FFFFFF;
	}
.pinkBlock {
	background:#EC008C url(/gfx/gradient-pink.gif) bottom left repeat-x;
	position:relative;
	overflow:hidden;
	color:#FFFFFF;
	}
	.pinkBlock a,
	.greyBlock a {
		position:absolute;
		bottom:4px;
		right:4px;
		width:40px;
		height:40px;
		display:block;
		text-decoration:none;
		cursor:hand;
		}
	.pinkBlock a {
		background:transparent url(/gfx/btn-pink-arrow.png) bottom right no-repeat;
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/btn-pink-arrow.png', sizingMethod='image');
		}	
	.greyBlock a {
		background:transparent url(/gfx/btn-grey-arrow.png) bottom right no-repeat;
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/btn-grey-arrow.png', sizingMethod='image');
		}		
.greyBlock {
	background:#BDBDBD url(/gfx/gradient-grey.gif) bottom left repeat-x;
	position:relative;
	overflow:hidden;
	color:#FFFFFF;
	}
.blueBlock,
.brownBlock,
.pinkBlock,
.greyBlock {
	width:300px;
	overflow:hidden;
	}
.blueBlock .blockVisual,
.brownBlock .blockVisual,
.pinkBlock .blockVisual,
.greyBlock .blockVisual {
	float:left;
	position:relative;
	left:5px;
	padding:5px 0 5px 0;
	}
.blueBlock .margin,
.brownBlock .margin,
.pinkBlock .margin,
.greyBlock .margin {
	margin:0 35px 0 125px;
	padding:10px 0 10px 0;
	height:60px;
	#height:80px;
	overflow:hidden;
	}


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

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:960px;
	min-height:100%;
	_height:100%;
	text-align:left;
	background-color:#FFFFFF;
	}
	

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

div.header {
	height:113px;
	background:#FFFFFF url(/gfx/header-back.jpg) top right no-repeat;
	border-bottom:3px solid #FFFFFF;
	}
	.vestigingen {
		position:absolute;
		top:80px;
		left:395px;
		word-spacing:20px;
		font-size:13px;
		}
	.vestigingen a {
		background:transparent url(/gfx/header-arrow.gif) left center no-repeat;
		padding:0 0 0 12px;
		color:#5EC4EC;
		text-decoration:none;
		font-weight:bold;
		letter-spacing:-1px
		}
	.ssovLogo {
		display:block;
		width:206px;
		height:86px;
		position:absolute;
		top:12px;
		left:22px;
		}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div#navigatie {
	width:960px;
	overflow:hidden;
	position:relative;
	height:61px;
	}
	div#navigatie a {
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		position:relative;
		display:block;
		top:3px;
		}
	div#navigatie ul ul a {
		color:#000000;
		position:relative;
		z-index:999;
		top:0px;
		}
	div#navigatie a:hover {
		text-decoration:none;
		color:#00628c;
		}
	div#navigatie ul {
		list-style:none;
		margin:0 0 0 0;
		padding:0 0 0 18;
		display:block;
		line-height:33px;
		position:relative;
		background-color:#01628D;
		min-height:33px;
		_height:33px;
		/*background:#01628D url(/gfx/white-px.gif) 0px 31px repeat-x;*/
		background:#FFFFFF url(/gfx/menu-back.gif) 0px -2px repeat-x;
		}
	div#navigatie ul ul {
		position:absolute;
		display:block;
		width:960px;
		/*_width:960px;*/
		clear:both;
		top:32px;
		left:-18px;
		background:transparent;
		display:none;
		line-height:24px !important;
		min-height:24px;
		_height:24px;
		/*background-color:#CAB193;*/
		background:transparent;
		z-index:500;
		}
	div#navigatie li {
		margin:0 5px 0 5px;
		padding:0 4px 0 4px;
		display:block;
		float:left;
		list-style:none;
		/*overflow:visible;*/
		position:relative;
		}
	div#navigatie li li {
		position:relative;
		margin:0 0 0 0;
		height:24px;
		}
	div#navigatie li.sfhover {background:#CAB193 url(/gfx/menu-top.gif) top left repeat-x;}
	div#navigatie li.sfhover a {color:#01628D;}
	div#navigatie li.sfhover li a {color:#FFFFFF;}
	div.subBack {
		width:100%;
		/*position:absolute;*/
		top:0px;
		left:-100%;
		/*border-top:1px solid #FFFFFF;*/
		background-color:#CAB193;
		height: 24px;
		display:none;
		}
		
	/*uitzonderingen*/

	div#navigatie #Select_procedure ul {
		left:auto !important;
		right:-208px !important;
		}
	div#navigatie #Meest_gestelde_vragen ul,
	div#navigatie #Over_de_SSOV ul {
		left:auto !important;
		right:0px !important;
		}
	div#navigatie #Select_procedure ul li,
	div#navigatie #Meest_gestelde_vragen ul li,
	div#navigatie #Over_de_SSOV ul li {
		float:right;
		}
	div#navigatie #Select_procedure ul div.subBack,
	div#navigatie #Meest_gestelde_vragen ul div.subBack,
	div#navigatie #Over_de_SSOV ul div.subBack {
		left:auto;
		right:-100%;
		}
	
	div#navigatie #Open_dagen li:hover ,
	div#navigatie #Open_dagen li.sfhover {
		background:#CAB193 url(/gfx/white-px.gif) bottom left repeat-x !important;
		}

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

div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:960px;
	clear:both;
	height:40px;
	color:#A8A9AD;
	}
	div#footer a {
		color:#A8A9AD;
		text-decoration:none;
		}
	div#footer a:lang {
		text-decoration:underline;
		}
	div#footer .left {
		float:left;
		padding:0 0 0 18px;
		}
	div#footer .right {
		float:right;
		padding:0 18px 0 0;
		}
	div#footer .center {
		margin:0 200px 0 200px;
		text-align:center;
		}

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

div.contentBlock {
	position:relative;
	color:#895B1A;
	width:960px;
	overflow:hidden;
	padding:0 0 50px 0;
	}
	div.mainContent {
		margin:0px 90px 0 348px;
		padding:10px 0 0 0;
		min-height:480px;
		_height:480px;
		}

div.mainContent li a
{
	color: #895b1a;
}
div.leftSidebar {
	/*float:left;*/
	position:absolute;
	width:300px;
	/*position:relative;*/
	left:16px;
	top:0px;
	overflow:hidden;
	}

div.rightSidebar {
	float:right;
	width:300px;
	position:relative;
	right:16px;
	overflow:hidden;
	}
	
	/* List style */
	div.leftSidebar ul,
	div.rightSidebar ul {
		margin:0 0 0 10px;
		padding:0 0 0 0;
		list-style:none;
		display:block;
		}
		div.leftSidebar ul li,
		div.rightSidebar ul li {
			margin:0 0 0 0;
			padding:5px 0 5px 25px;
			vertical-align:top;
			position:relative;
			background:transparent url(/gfx/li-arrow.gif) left center no-repeat;
			display:block;
			}
		div.leftSidebar ul li img,
		div.rightSidebar ul li img {
			position:relative;
			top:3px;
			}
		div.leftSidebar ul li a,
		div.rightSidebar ul li a {text-decoration:none; color:#895b1a;}
		div.leftSidebar ul li a:hover,
		div.rightSidebar ul li a:hover {text-decoration:underline;}

/* ============================================================	*/ 
/* ========	  Search Box 		===============================	*/
/* ============================================================	*/
.searchBox
{
	border: solid 1px #C5C5C5;
	background-color: #DFDFDF;
	height: 21px;
	width: 190px;
}

.searchButton
{
	background:transparent url(/gfx/btn-grey-arrow.png) no-repeat scroll right bottom;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/gfx/btn-grey-arrow.png', sizingMethod='image');
	bottom:0px;
	display:block;
	height:40px;
	position:absolute;
	right:4px;
	text-decoration:none;
	width:40px;
	border:0;
	color: White;
	font-size: 11pt;
	padding: 12px 45px 5px 0px;
	line-height: 45px;
	*line-height: 32px;
	cursor:pointer;
}

.searchButton:hover
{
	cursor:pointer;
}