/* ============================================================	*/
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/
html {
	height: 100%;
	width: 100%;
}
body {
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #72a4cf;
}
body, table, th, td, p, input, textarea, select {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
	font-size: 13px;
	line-height:16px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
}
h1 {
	font-size: 14px;
	color: #72A4CF;
	margin: 0 0 25px 0;
}
a {
	outline: none;
	text-decoration: none;
}
img {
	border: 0px solid #000000;
}
#nb {
	border: 0px solid #ffffff;
}


div.Content ul {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
div.Content ul li {background:transparent url(../gfx/li.gif) 0px 6px no-repeat; padding:0 0 0 10px; margin:0 0 0 0; display:block; list-style:none; line-height:16px !important;}
a.printknop 
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
div.homenav ul,
div.homenav li,
div.navigatie ul,
div.navigatie li,
div.leftMenu ul,
div.leftMenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image:none;
	}

/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/
#container {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1018px;
	text-align: left;
	background:url('../gfx/test-bg.gif') no-repeat bottom;
	overflow:hidden;
}



div.border-left {
	position: absolute;
	top: 0px;
	left: -20px;
	width: 20px;
	height: 659px;
	background:url('../gfx/border-left.gif');
}
div.border-right {
	position: absolute;
	top: 0px;
	right: -20px;
	width: 20px;
	height: 659px;
	background:url('../gfx/border-right.gif');
}
/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/
div.header {position:relative; width:978px; height:237px; overflow:hidden; float:left;}
body.home div.header {height:auto;}

div.topnav {position: relative;float: left;height: 34px;width: 978px;font-size: 11px;text-align: right;line-height: 34px;}
div.topnav a {color: #999999;padding-left: 10px;padding-right: 10px;border-right: 1px solid #999999;text-transform: uppercase;}
div.topnav a:hover {color: #5d9bd3;}
div.topnav a.selected {color: #5d9bd3!important;padding-left: 10px;padding-right: 10px;border-right: 1px solid #999999;text-transform: uppercase;}
div.logo {position: absolute;top: 0px;left: 0px;width: 210px;height: 34px;z-index: 100;}
div.logo a {border: 0px;}


/* ============================================================	*/
/* ========	homenav 			===============================	*/
/* ============================================================	*/
div.homenav a {
	font-weight: bold;
	font-size: 12px;
	color: #003366;
}
div.homenav {
	position: relative;
	clear: both;
	width: 978px;
	height: 75px;
	line-height: 36px;
	overflow: hidden;
}
div.homenav ul li {
	float: left;
	height: 36px;
	overflow: visible;
}
div.homenav ul li a {
	position: relative;
	width:161px;
	height:40px;
	display: block;
	margin-right: 3px;
	text-align: center;
	background: url('../gfx/but-2.gif') no-repeat;
	z-index: 80;
	text-transform:uppercase;
	font-size:11px;
}
div.homenav ul li a.left {
	width: 159px;
	display: block;
	background: url('../gfx/but-1.gif') no-repeat;
}
div.homenav ul li a.right {
	width: 160px;
	display: block;
	margin-right: 0px;
	background: url('../gfx/but-3.gif') no-repeat;
}
div.homenav ul li a:hover,
div.homenav ul li a.left:hover,
div.homenav ul li a.right:hover {
    background:transparent url(../gfx/hover-back.gif) top left repeat-x;
    }
div.homenav ul li img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
div.homenav ul li ul {
	position: absolute;
	display: none;
	padding-top: 36px;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 978px;
}
div.homenav ul li ul li {
	position: relative;
	height: 36px;
	color: white;
	display: inline;
	background: none;
}
div.homenav ul li ul li a {
	display: block;
	position: relative;
	float: left;
	line-height: 20px;
	padding: 10px;
	width: auto;
	color: white;
	background: none;
	font-weight: normal;
}
div.homenav ul li ul li a:hover {
	color: white;
	text-decoration: underline;
	 background:none;
}
.selected {
	background: none !important;
	color: #ffffff !important;
	}
#navbg1, #navbg2, #navbg3 {
	left: 0px;
}
#navbg4, #navbg5, #navbg6 {
	left: auto;
	right: 0px;
}
/*#navbg1 {left:25px; width:900px;}
#navbg2 {left:190px; width:900px;}
#navbg3 {left:170px; width:900px;}
#navbg4 {left:140px; width:900px;}
#navbg5 {left:600px;}
#navbg6 {left:480px;}*/
#navbg1 {left:25px; width:900px;}
#navbg2 {left:25px; width:900px;}
#navbg3 {left:25px; width:900px;}
#navbg4 {left:25px; width:900px;}
#navbg5 {left:25px;}
#navbg6 {left:25px;}
div.flash {
	position:relative;
	float:left;
	width:978px;
	height:237px;
	overflow:hidden;
}
div.flash object {height:203px;}
body.home div.flash object {height:336px;}
body.home .flash {
	position: relative;
	float: left;
	height:336px;
	overflow:hidden;
	width:978px;
	background-image:url('../files/headers/00-HOME/home-01-01.jpg')
}


/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.navigatie a {
	font-weight: bold;
	color: #003366;
	font-size:11px;
	text-transform:uppercase;
}
div.navigatie {
	position: relative;
	clear: both;
	width: 978px;
	height: 42px;
	line-height: 36px;
	overflow: hidden;
	}
div.navigatie ul li {
	float: left;
	height: 42px;
	}
div.navigatie ul li a {
	position: relative;
	width: 164px;
	display: block;
	margin-right: 0px;
	height: 42px;
	text-align: center;
	background: url('../gfx/nav.jpg') top;
	z-index: 80;
	}
div.navigatie ul li a:hover, 
div.navigatie ul li a.selected {
	background: url('../gfx/nav.jpg') right bottom!important;
	color:#ffffff!important;	
	}
div.navigatie ul li a.left {
	width: 161px;
	display: block;
	height: 42px;
	background: url('../gfx/nav.jpg') right top;
	overflow:hidden;
	}

div.navigatie ul li a.right {
	width: 161px;
	display: block;	height: 42px;
	background: url('../gfx/nav.jpg') left top;
	overflow:hidden;
	}

div.breadcrumb{
position:relative;
float:left;
height:42px;
width: 747px;
color:#6699cc;
padding-left:231px;
}
div.breadcrumb a{
line-height:42px;
color:#6699cc;
}
div.breadcrumb a:hover{
color:#ffffff;
}

div.breadcrumb a.selected{
line-height:42px;
color:#ffffff;
}

/* ============================================================	*/
/* ========	left sub nav		===============================	*/
/* ============================================================	*/

div.leftMenu .top{position:relative; background:url('../gfx/leftMenu_header.gif');height:9px;width:208px;line-height:0px;font-size:1px;}
div.leftMenu .bot{position:relative; clear:both; background-image:url('../gfx/leftMenu_footer.png');height:13px;width:208px;line-height:0px;font-size:1px;}
div.leftMenu .left{position:absolute;left:0px;top:0px; background: url('../gfx/leftMenu_left.gif');height:600px;width:4px;}
div.leftMenu .right{position:absolute;right:0px;top:0px; background: url('../gfx/leftMenu_right.gif');height:600px;width:4px;}

div.leftMenu {position: relative; float:left; width: 208px; background:url('../gfx/leftMenu-bg.gif') bottom no-repeat; min-height:100px;}
div.leftMenu ul {position:relative; float:left; width:200px; list-style-type: none; line-height: 15px; padding:0 4px 0px 4px; overflow:hidden; padding-bottom:6px; clear:left;}
div.leftMenu ul li {margin-left:10px; clear:left;}
div.leftMenu ul li ul {padding-bottom:0px;}

div.leftMenu a {color: white; font-weight:bold; font-size:10px; background:transparent url(../gfx/li.gif) left center no-repeat; padding:0 0 0 10px;}
div.leftMenu a.selected {background:transparent url(../gfx/li-selected.gif) left center no-repeat; padding:0 0 0 10px;}
div.leftMenu ul a:hover {color: #72a4cf;}
div.leftMenu ul li a.selected {color:#72a4cf!important;}

ul#leftMenu {display:block; min-height:100px; height:auto;}

/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/
div.contentBlock {
	position: relative;
	float:left;
	width: 978px;
	line-height: 13px;
	padding: 0 0 20px 0px;
	background: #2787e3 url('../gfx/bg.jpg') repeat-x;
	overflow:hidden;
	margin-left:20px;
	min-height:570px;
	_margin-left:11px;
	_height:570px;
	_overflow:inherit;
	}

.home .contentBlock {background: #1667ae url('../gfx/home_bg.jpg') repeat-x;}
.home .mainContent {
	position: relative;
	width: 958px;
	margin-top: 20px;
	margin-left: 20px;
	_margin-left: 10px;
}

div.mainContent {
	position: relative;
	float:left;
	width: 978px;
}
div.introtext {
	float: left;
	width: 415px;
	color: white;
	margin-right: 20px;
}
div.introtext p {
	/*margin: 16px 0 0 0;*/
	margin:0 0 0 0;
	padding:0 0 16px 0;
	font-size: 13px;
}




/* ============================================================	*/
/* ========	promobox 			===============================	*/
/* ============================================================	*/
div.promobox {
	position: relative;
	float: left;
	width: 164px;
	height: 126px;
	margin: 0 0 0 3px;
}
#lightbluebox {
	background: url('../gfx/promo-lightblue.jpg');
}
#darkbluebox {
	background: url('../gfx/promo-darkblue.jpg');
}
#orangebox {
	background: url('../gfx/promo-orange.jpg');
}
div.textbox {
	position: relative;
	width: 164px;
	height: 126px;
	overflow: hidden;
}
div.textbox span {
	font-size: 11px;
	line-height: 13px;
	color: #003366;
	display: block;
	margin: 10px 26px 0 0;
}
a.Box {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 164px;
	height: 126px;
	padding: 12px;
	overflow: hidden;
}
div.textbox b {
	color: #003366;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	display: block;
	margin: 0 30px 0 0;
}
div.textbox b#white {
	color: #ffffff;
}
div.textbox b#blue {
	color: #3366ff;
}

/* ============================================================	*/
/* ========	promobox 			===============================	*/
/* ============================================================	*/



div.Content {
	position: relative;
	float: left;
	width: 475px;
	margin-left:23px;
	color:#ffffff;
}
div.Content a {
	color: white;
	text-decoration:underline;

}

div.Content b {
	color: white;
	line-height: 16px;
	font-size: 12px;

}
div.Content h1 {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-size: 21px;
	line-height:21px;
}

div.Content p {
	color: white;
	line-height: 16px;
}


/* ============================================================	*/
/* ========	right	 			===============================	*/
/* ============================================================	*/

div.right{
position:relative;
float:right;
width:248px;
}


div.right h2{
background:url('../gfx/right-info-header.gif');
font-size:12px;
color:#ffffff;
text-indent:10px;
line-height:30px;
width:238px;margin:0px;
text-transform:uppercase;
}

div.infobox{
background:#bef0fe url('../gfx/info-table-bg.gif') repeat-x bottom;width:238px;
}
div.adres{
font-size:11px;
line-height:15px;
position:relative;
margin:15px 0 15px 9px;
width:210px;
color:#06315b;
padding:0px 0 15px 0px;
}

div.adres b{
color:#1e48c6;
}
div.adres a{
text-decoration:underline;
color:#06315b;
}

table.informatie td{
border-bottom:1px solid #61a0d1;
color:#06315b;
font-size:11px;
line-height:24px;
}
.last td{
border-bottom:none!important;
}

table.informatie td  span{
font-size:9px;
}


table.informatie td.subject{
color:#1e48c6;
font-size:9px;
padding-left:10px;

}

table.informatie {
width:238px;font-weight:bold;
margin-bottom:10px;
}

div.videotumb{
margin:10px 0;

}

/* ============================================================	*/
/* ========	gallery 			===============================	*/
/* ============================================================	*/



#gallery {
	position: relative;
	float: left;
		width: 475px;
	
}
#gallery img {
	position: relative;
	float: left;
	width: 140px;
	height: 95px;
	margin:0 15px 15px 0;
}

div.video {
	position: relative;
	float: left;
		width: 475px;
	
}


/* ============================================================	*/
/* ========	buttons			  	===============================	*/
/* ============================================================	*/


a.button_blue{
float:left;
display:block;
font-family:Helvetica, Arial,  sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
line-height:26px;
text-indent:12px;
width:240px;
height:26px;
background:url(../gfx/button_blue.gif);
text-transform:uppercase;
margin:4px 0;
}


a.button_orange{
float:left;
display:block;
font-family:Helvetica, Arial,  sans-serif;
font-size:12px;
font-weight:bold;
color:#003366;
line-height:26px;
text-indent:12px;
width:240px;
height:27px;
background:url(../gfx/button_orange.gif);
text-transform:uppercase;
margin:4px 0;
}
a.button_orange_small, .berekenroute, .formGenAddButton{
float:left;
display:block;
font-family:Helvetica, Arial,  sans-serif;
font-size:12px;
font-weight:bold;
color:#003366;
line-height:26px;
text-indent:12px;
width:156px;
height:27px;
background:url(../gfx/button_orange_small.gif);
text-transform:uppercase;
margin:4px 0;
border:0px;
cursor:pointer;
}

.formGenAddButton {
    margin-top:16px;
    margin-left:183px;
}

.formElementLabel {
    width:179px;
}


/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/
form {
	margin: 0px;
	padding: 0px;
	/*height: 100%;
	min-height: 100%;*/
	position: relative;
	background:fuchsia;
	width: 1018px;overflow:hidden;
	margin: 0 auto 0 auto;
	background:url('../gfx/form-bg.gif');}



input, select {
	vertical-align: middle;
}

input.typeText {
	color: #003366;
	font-weight: normal;
	border-top: 1px solid #25496b;
	border-right: 1px solid #a2c5e6;
	border-bottom: 1px solid #92b7da;
	border-left: 1px solid #6187ac;
	background:#a5c8e9;
}
textarea.typeText {
	color: #003366;
	font-weight: normal;
	border-top: 1px solid #25496b;
	border-right: 1px solid #a2c5e6;
	border-bottom: 1px solid #92b7da;
	border-left: 1px solid #6187ac;
	background:#a5c8e9;
	resize: none;
	overflow:auto;
	margin:0px;
	padding:0px;
}

select.typeText {
    color: #003366;
	font-weight: normal;
	border-top: 1px solid #25496b;
	border-right: 1px solid #a2c5e6;
	border-bottom: 1px solid #92b7da;
	border-left: 1px solid #6187ac;
	background:#a5c8e9;

}


.formGrid input.typeText {
	padding-left: 5px;
}

.formGenerator{
	position:relative;
	float:left;
	width: 725px;
}
.formGenerator td{
vertical-align:top;

}

.formGenerator input.typeText{
	width: 330px;
	margin-bottom:4px;
}
.formGenerator textarea.typeText{
	width: 330px;
	height:100px;
}

.formGenerator select.typeText {
    width:333px;
    margin-bottom:4px;
}

td.errorsummary{
	padding:20px 0 ;
}
.errorsummary li{
	position:relative;
	float:left;
	padding-left:20px;
	color:#ef8618;
	background:url('../gfx/warning.gif') no-repeat 0 2px;
	width: 475px;
}
.errorsummary ul{
	margin:0px;
	padding-left:0px;
}



/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/
div.footer {
	position: relative;
	float:left;
	width: 1022px;
	clear: both;
	height: 29px;
	font-size:11px;
	font-family:Arial, Verdana;
	color:#ffffff;
}


div.footer .footerleft{
	text-align: left;
	line-height: 25px;
	float:left;
	margin-left:30px;
}
div.footer .footerright{
	text-align: right;
	line-height: 25px;
	margin-right:30px;
}



div.footer a{
	font-size:11px;
	font-family:Arial, Verdana;
	color:#ffffff;	

}

div.footer a:hover {
	text-decoration: underline;
}


/* ============================================================	*/ 
/* ========	jquery lightbox-0.5	css    ========================	*/
/* ============================================================	*/ 

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 80;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
	}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 88px;
	float: right;
	padding-bottom: 0.7em;
}


/*=== IN THE MEDIA PAGE ===*/
div.filters label {float:left;}
div.filters .row {position:relative; clear:both; line-height:25px; height:25px;}
div.filters select {float:right; width:200px;}
div.mediaItems {clear:both; border-top:1px solid #FFFFFF; overflow:hidden; padding:20px 0 0 0;}
div.mediaItems a.mediaItem {display:block; overflow:hidden; width:400px; padding0 0 20px 0;}
div.mediaItems a.mediaItem img {float:left;}
div.mediaItems a.mediaItem span.margin {display:block; margin:0 0 0 150px;}

div.mediaItems a.mediaItem * {color:#FFFFFF; font-weight:bold;}
div.mediaItems a.mediaItem p {font-weight:normal;}