/* ============================================================	*/ 
/* ========	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;
	}
	
img, div{ behavior: url(css/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Tahoma, sans-serif;
	font-size:14px;
	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	}
	
a:focus, object {outline:none;}

a:hover {}

h1, span.heading {
	font-size:28px;
	font-weight:normal;
	color:#000000 !important;
	}
	h1 strong, span.heading strong {color:#000000 !important;}
	h1 a, span.heading a {color:#000000 !important;}
	h1 a:hover, span.heading a:hover {text-decoration:none !important;}
	
h2 {
	font-size:20px;
	font-weight:normal;
	color:#000000;
}

hr {
	border-top:1px solid #CCCCCC;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	}
	
.content p {
	margin:0 0 0 0;
	padding:0 0 15px 0;
	}
	
/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:966px;
	/*min-height:100%;
	_height:100%;*/
	text-align:left;
	}

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

div.header {
	height:137px;
	width:966px;
	overflow:hidden;
	position:relative;
	}
	div.header img.logo {
		position:relative;
		top:10px;
		left:2px
		}
	div.header img.homeabove {
		position:absolute;
		top:10px;
		right:2px;
		}
			
	div.header div.quickNav {
		position:absolute;
		top:33px;
		right:0px;
		text-transform:uppercase;
		font-size:13px;
	    
		}
		div.header div.quickNav a {
			color:#666666;
			text-decoration:none;
			}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie {
	width:180px;
	overflow:hidden;
	float:left;
	border-top:1px solid #CCCCCC;
	font-family:"Lucida Sans Unicode", "Lucida Grande";
	font-size:18px;
	}
	div.navigatie .stip 
	{
		position:absolute;
		left:162px;
		padding-top:10px;
		
	}
	div.navigatie a {
		display:block;
		line-height:32px;
		border-bottom:1px solid #CCCCCC;
		text-indent:10px;
		color:#000000;
		text-decoration:none;
		}
	div.navigatie a:hover,
	div.navigatie a.selected {
		color:#FFFFFF;
		background-color:#5a7eb2;
		}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	position:relative;
	border-top:1px solid #CCCCCC;
	width:966px;
	clear:both;
	margin-top:12px;
	}
	
	div.footerNav
	{
		text-align:right;
	}
	div.footerNav a
	{
		color:#666666;
		text-decoration:none;
		font-size:13px;
		text-transform:uppercase;
	}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	width:966px;
	overflow:hidden;
	position:relative;
	}
div.mainContent {
	width:775px;
	overflow:hidden;
	float:right;
	position:relative;
	}
div.visualBlock {
	width:775px;
	overflow:hidden;
	position:relative;
	padding-bottom:25px;
	}
	div.visualBlock div.breadcrumb {
		color:#999999;
		height:10px;
		overflow:visible;
		position:relative;
		top:15px;
		left:3px;
		}
		div.visualBlock div.breadcrumb a {
			color: #999999;
			text-decoration: none;
			}
div.keuzeContainer {
	background-color:#5a7eb2;
	width:775px;
	overflow:hidden;
	}
div.keuzeBlock,
div.keuzeBlockSmall {
	width:294px;
	height:230px;
	border-top:0px solid #FFFFFF;
	border-right:4px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	float:left;
	}
div.keuzeBlockSmall
{
	height:75px;
}
	div.keuzeBlock div.margin,
	div.keuzeBlockSmall div.margin {
		margin:0 40px 0 40px;
		padding:25px 0 0 0;
		}
		div.keuzeBlock div.margin a,
		div.keuzeBlockSmall div.margin a {
			display:block;
			line-height:30px;
			font-family:"Lucida Sans Unicode", "Lucida Grande";
			font-size:18px;
			text-indent:10px;
			text-decoration:none;
			color:#000000;
			}
		div.keuzeBlock div.margin a:hover,
		div.keuzeBlockSmall div.margin a:hover {
			background-color:#FFFFFF;
			color:#5a7eb2;
			text-decoration:none;
			}
			
		div.keuzeBlock div.margin a.select,
		div.keuzeBlockSmall div.margin a.select{
			background-color:#FFFFFF;
			color:#5a7eb2;
			text-decoration:none;
			}
			
		div.keuzeBlock div.margin .kop,
		div.keuzeBlockSmall div.margin .kop {display:block; font-size:20px; line-height:30px; font-weight:bold !important; text-transform:uppercase; color:#FFFFFF; text-indent:10px; font-family:Tahoma, sans-serif !important;}
		div.keuzeBlock div.margin span.text {display:block; padding:0 0 5px 0; color:#FFFFFF; text-indent:10px;}

div.content {
	/*border-top:1px solid #CCCCCC;*/
	width:575px;
	float:left;
	color:#333333;
	}
	div.content strong,
	div.content a {
		color:#5a7eb2;
		text-decoration:none;
		}
		div.content a:hover {text-decoration:underline}

div.sidebar {
	float:right;
	width:184px;
	overflow:hidden;
	position:relative;
	border-top:1px solid #CCCCCC;
	}
	div.sidebar span.kop {
		font-size:15px;
		line-height:24px;
		text-indent:4px;
		display:block;
		font-weight:bold;
		}
	div.sidebar ul 
	{
		float: left;
		width: 100%;
		display:block;
		list-style:none;
		margin:0 0 0 0;
		padding:0 0 0 0;
		border-top:1px solid #CCCCCC;
		}
		div.sidebar ul li {
			display:block;
			font-size:13px;
			line-height:15px;
			list-style:none;
			background:transparent url(../gfx/li.gif) 6px 10px no-repeat;
			margin:0 0 0 0;
			padding:5px 0 5px 18px;
			border-bottom:1px solid #CCCCCC;
			}
			div.sidebar ul li a {color:#000000; text-decoration:none;}
			div.sidebar ul li a:hover {color:#CCCCCC;}

div.makelaarsinfo
{			
	display:block;
	line-height:15px;
	margin:0 0 0 0;
	padding:0px 0 5px 4px;
	border-bottom:1px solid #CCCCCC;
}
div.makelaarsinfo p
{
	font-size:13px;
}


div.downloads {
	border-top:1px solid #CCCCCC;
	}

div.downloads a {
	display:block;
	width:184px;
	overflow:hidden;
	padding:10px 0 10px;
	border-bottom:1px solid #CCCCCC;
	color:#CC0000;
	text-decoration:none;
	}
div.downloads a:hover {
	background-color:#EEEEEE;
	}
div.downloads a img {
	float:left;
	position:relative;
	left:5px;
	}
div.downloads a span {
	display:block;
	margin:0 0 0 45px;
	}

/* ============================================================	*/ 
/* ========	CONTENT INDELINEN 	===============================	*/
/* ============================================================	*/ 

/*PROJECT*/
div.project {border-top:1px solid #CCCCCC; width:575px; overflow:hidden; padding:40px 0 10px 0; position:relative;}
div.project div.datum {background-color:#7F7F7F; color:#FFFFFF; font-size:12px; line-height:22px; position:absolute; top:0px; left:0px; width:55px; text-align:center;}
div.project h1 {display:block;}
div.project img {float:left;}
div.project div.text {margin:0 0 0 309px;}
 a.verder {/*color:#FF6600;*/ text-decoration:none; font-weight:bold; /*position:absolute; bottom: 10px !important;*/}
div.project a.verder:hover {text-decoration:underline;}
div.project span.heading {padding:0 0 10px 0; display:block;}

/*PROJECT PAGINA*/
div.projectDetails {border-top:1px solid #CCCCCC; width:575px; overflow:hidden; position:relative;}

/*PROJECTOVERZICHT PAGINA*/
div.projectItem {width:575px; overflow:hidden; position:relative; border-top:1px solid #CCCCCC; padding:10px 0 17px 0;}
div.projectItem div.text {width:270px; float:right; color:#666666; line-height:16px;}
div.projectItem div.text a {color:#000000; font-weight:bold; /*position:absolute; bottom: 38px;*/ display:block; float:left; padding: 0 0 0 20px; background:transparent url(../gfx/verder.gif) left center no-repeat;}
div.projectItem img {float:left;}
div.projectItem div.status {position:absolute; bottom:17px; right:0px; font-family:"Lucida Sans Unicode", "Lucida Grande"; font-size:18px; color:#999999;}

/**/
div.companyInfo 
{
	font-size:12px;	
	margin:0 4px 0 4px;
	}
div.companyInfo a {
	text-decoration:none;
	color:#000000;
	}

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


.formGenAddButton
{
}


.formElementLabel
{
	font-weight: bold;
}



div.ErrorMessage
{
	border-bottom: #660000 1px solid;
	border-left: #660000 1px solid;
	padding-bottom: 24px;
	padding-left: 54px;
	width: 367px;
	padding-right: 24px;
	margin-bottom: 12px;
	background: url('../gfx/fout.gif') #ffeeee no-repeat 10px 10px;
	color: #660000;
	border-top: #660000 1px solid;
	border-right: #660000 1px solid;
	padding-top: 18px;
}
div.ErrorMessageUL
{
	margin-top: 8px;
}
div.ErrorMessage UL LI
{
	color: #660000;
	background-image: none !important;
	list-style: disc;
	list-style-position: inside;
}



.formGenerator, .errorsummary *, .formSentMessage li
{
	color: #000000;
	font-family: "Trebuchet MS" , Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
}
.validationSummary
{
	background-color: #ffeeee;
	border: solid 1px #880000;
	padding: 12px;
	margin-bottom: 20px;
}
.formGenerator td
{
	vertical-align: middle;
	padding: 0 5px 4px 0;
	line-height: 12px;
	margin: 3px 0;
	
	}

.formGenerator input.TextBox, .formGenerator textarea, .formGenerator select
{
	border: 1px solid #d0d2cd;
}

.formGenerator textarea
{
	height: 140px;
	width: 300px;
}

.formGenerator td label
{
	font-weight: normal;
}

.formGenerator td td label
{
	position: relative;
	top: -1px;
	_top: 1px;
	padding: 0 0 0 5px;
}
.RadioButtonList td
{
	vertical-align: top;
	padding: 0px 0px 10px 0px;
}
.RadioButtonList *
{
	margin: 0 auto;
}
.RadioButtonList input
{
	display: inline;
	width: 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:5px005px;
	border: 0px solid #000000;
}
.CheckBox input
{
	clear: none;
	float: left;
	border: 0px solid #000000;
}
.CheckBoxList label, .CheckBox label
{
	padding: 0 0 0 5px;
	clear: none;
	border: 0px solid #000000;
}

.formElement .TextBox
{
	width: 300px;
}
.formElement input
{
	margin: 5px 0 0 0;
}
.formElement label
{
	margin: 0 0 0 0;
}