@charset "utf-8";
/* CSS Document */

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}





/*
	Begin custom CSS
*/

body{
	background: #005a9c url('../img/bg.gif') repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.main{
	width: 900px;
	margin: 0px auto;
}

	.main .maintop{
		height: 20px;
		background: url('../img/mainbg_top.png') no-repeat;
	}
	
	.main .maincontent{
		background: url('../img/mainbg.png') repeat-y;
		padding: 10px 30px;
	}
	
	.main .mainfoot{
		background: url('../img/mainbg_foot.png') no-repeat;
		height: 20px;
		text-align: right;
		padding-right: 10px;
		padding-top: 20px;
	}
	
		.main .mainfoot a{
			text-decoration: none;
			color: #fff;
			font-size: 11px;
		}
		.main .mainfoot a:hover{
			text-decoration: underline;
		}


.head{
	display: block;
	padding-bottom: 20px;
	background: #fff;
}
	.head img{
		display: block;
	}
	
	
.infotop{
	float: right;
	margin-top: 68px;
}


.menu{
	height: 48px;
	padding: 20px 0px; 
}

	.menu a{
		display: block;
		float: left;
		width: 120px;
		height: 29px;
		padding-top: 19px;
		padding-bottom: 4px;
		text-indent: 10px;
		font-size: 14px;
		color: #005a9c;
		text-decoration: none;
		background: url('../img/menubg.gif') no-repeat;
	}
	.menu a:hover, .menu a.sel{
		color: #fff;
		background: url('../img/menubg_sel.gif') no-repeat;
	}




.main_links{
	width: 270px;
	float: left;
}


.main_rechts{
	width: 570px;
	float: left;
}





.links_vlak{
	padding: 46px 20px 20px 30px;
	margin-bottom: 20px;
	margin-right: 30px;
}
.links_vlak h2{
	color: #fff;
	font-weight: normal;
}

.vlak_blauw{
	background: #005a9c url('../img/lv_blauw.gif') no-repeat;
}

.vlak_oranje{
	background: #f5822a url('../img/lv_oranje.gif') no-repeat;
}


.afbeelding_onzichtbaar{
	display:none;
}



.project{
	float:right;
	width: 420px;

}



a.markt{
	margin: 2px -20px 0px -30px;
	padding: 2px 30px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	background: url('../img/trans.gif') 0px 2px no-repeat;
	height: 36px;
}

a.submenu{
	margin: 0px -20px 0px -30px;
	padding: 6px 30px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	background: url('../img/trans.gif') 0px 2px no-repeat;
	
}

a.markt:hover, a.markt.sel, a.submenu:hover, a.submenu.sel{
	background: url('../img/driehoek_links.gif') no-repeat;
}

	a.markt i{
		display: block;
		color: #b3cee1;
		font-size: 10px;
		font-style: normal;
	}


.nieuwsitem{
	color: #fff;
	font-weight: normal;
	background: url('../img/driehoek_links.gif') no-repeat;
	margin-left: -30px;
	padding-left: 30px;
	padding-top: 4px;
}
	.nieuwsitem h3{
		font-weight: normal;
	}
	
	.nieuwsitem p{
		margin: 10px 0px;
		font-size: 11px;
		line-height: 14px;
	}
	
	.nieuwsitem a{
		display: block;
		text-align: right;
		color: #fff;
		text-decoration: none;
		font-size: 11px;
	}
	.nieuwsitem a:hover{
		text-decoration: underline;
	}




.content{
	line-height: 18px;
	color: #444;
}

.content ol{
	list-style: decimal;
	padding-left: 30px;
}


.content ul{
	list-style: disc;
	padding-left: 30px;
}

.content img.right{
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
}




.contentfoot{
	
}
	.contentfoot .blok{
		padding-top: 20px;
		display: block;
		width: 210px;
		float: left;
		padding-left: 30px;
		margin-right: 1px;
		border-top: 1px solid #005a9c;
		line-height: 18px;
	}
	
	.contentfoot .blok a{
		font-size: 11px;
		display: block;
		text-decoration: none;
	}
	.contentfoot .blok a:hover{
		text-decoration: underline;
	}
	
	.blok.blokrechts{
		width: 327px;
	}






h1{
	color: #005a9c;
	font-size: 24px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 1em;
	
}
	h1 i{
		color: #f5822a;
		font-style: normal;
	}


h2{
	font-size: 18px;
	margin-bottom: 14px;
}

h3{
	font-size: 14px;
}

h4{
	color: #005a9c;
	padding-bottom: 4px;
}



a{
	text-decoration: underline;
	color: #005a9c;
}

a:hover{
	text-decoration: none;
}




/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}