/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000000; }
body { background: #2a7da7 url('/images/body.jpg') center top no-repeat;  }
img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 900px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 900px; height: 137px; overflow: hidden; }
	#headerCntr h1 { padding: 31px 0 0 24px; float: left; }
	#headerCntr h1 a { width: 542px; height: 64px; display: block; text-indent: -9999px; background: url('/images/logo.png') no-repeat; }
	
		/* ### LANGUAGE BOX ### */
		.languageBox { padding-top: 90px; float: right; width: 200px; }
		.languageBox ul { float: right; list-style: none; text-transform: uppercase; }
		.languageBox li { padding-right: 3px; float: left; }
		.languageBox li a { padding: 0 4px; font-weight: bold; line-height: 25px; display: block; text-decoration: none; color: #17557a; text-transform: uppercase; } 
		.languageBox li a:hover, .languageBox li.selected a { color: #fff; background: #17557a; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { width: 900px; overflow: hidden; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 230px; }
			
			/* ### MENU BOX ### */
			.menuBox { padding-bottom: 13px; margin-bottom: 15px; font-weight: bold; width: 230px; background: url('/images/left-bottom.png') left bottom no-repeat; }
			.menuBox .mid { background: url('/images/left-mid.png') left repeat-y; }
			.menuBox .top { width: 230px; overflow: hidden; background: url('/images/left-top.png') left top no-repeat; }
			.menuBox h2 { padding: 0 15px; font-size: 14px; line-height: 30px; color: #fff; }
			.menuBox ul { padding: 0 15px; list-style: none; }
			.menuBox li a { color: #fff; text-decoration: none; font-size: 14px; line-height: 25px; }
			.menuBox li a:hover, .menuBox li.selected a { color: #f9ba2d; }
			.menuBox li.selected ul li a { color: #fff; }
			.menuBox li ul { padding-left: 4px; }
			.menuBox li li a { padding-left: 23px; font-size: 12px; color: #fff; background: url('/images/white-arrow.png') left center no-repeat; }
			.menuBox li li a:hover,  .menuBox li.selected ul li a:hover, .menuBox li li.selected a  { color: #f9ba2d; background: url('/images/yellow-arrow.png') left center no-repeat; }
			.menuBox li.selected ul li.selected, .menuBox li.selected ul li.selected a, .menuBox li.selected ul li.selected a:hover {color:#f9ba2d; background: url('/images/yellow-arrow.png') left center no-repeat;}
			
			/* ### SPECIAL BOX ### */
			.specialBox { padding-bottom: 13px; margin-bottom: 15px; width: 230px; background: url('/images/left-bottom.png') left bottom no-repeat; }
			.specialBox .mid { background: url('/images/left-mid.png') left repeat-y; }
			.specialBox .top { padding: 0 15px; width: 200px; overflow: hidden; background: url('/images/left-top.png') left top no-repeat; }
			.specialBox h2 { font-size: 14px; line-height: 30px; color: #fff; }
			.specialBox p { padding: 15px 30px 15px 0; }
			.specialBox a { padding: 0 10px; font-weight: bold; margin-bottom: 10px; width: 104px; color: #17557a; text-decoration: none; height: 25px; line-height: 25px; display: block; background: #fff url('/images/arrow.gif') 105px center no-repeat; }
			.specialBox a:hover { background-color: #fcc141; }

			/* ### WEER BOX ### */
			.weerBox { padding-bottom: 13px; width: 230px; background: url('/images/left-bottom.png') left bottom no-repeat; }
			.weerBox .mid { background: url('/images/left-mid.png') left repeat-y; }
			.weerBox .top { padding: 0 15px; width: 200px; overflow: hidden; background: url('/images/left-top.png') left top no-repeat; }
			.weerBox h2 { padding-bottom: 18px; font-size: 14px; line-height: 30px; color: #fff; }
			.weerBox ul { overflow: hidden; width: 100%; list-style: none; text-align: left; }
			.weerBox li { width: 60px; font-size: 18px; font-weight: normal; float: left; line-height: 33px; height: 40px; }
			.weerBox span { width: 67px; height: 33px; display: block; line-height: 33px; text-align: center; background: url('/images/c.png') left center no-repeat; }
			.weerBox a { padding: 0 10px; margin: 10px 0; font-weight: bold; width: 74px; color: #17557a; text-decoration: none; height: 25px; line-height: 25px; display: block; background: #fff url('/images/arrow.gif') 76px center no-repeat; }
			.weerBox a:hover { background-color: #fcc141; }
			
		/* ### RIGHT CONTAINER ### */
		#rightCntr { width: 624px; float: right; }
		
			/* ### NP BOX ### */
			.npBox { width: 624px; height: 30px; line-height: 30px; background: url('/images/np-bg.gif') left top repeat-x; }
			.npBox ul { padding: 0 12px; font-size: 11px; list-style: none; }
			.npBox li { padding-left: 3px; float: left; }
			.npBox li a { padding-right: 5px; text-decoration: none; color: #fff; }
			.npBox li a.last { background: none; }
			.npBox li a:hover, .npBox li.selected a { font-weight: bold; }
			
			/* ### BANNER BOX ### */
			.bannerBox { width: 624px; position: relative; height: 231px; overflow: hidden; }
			.bannerBox img { left: 0px; top: 0px; position: absolute; z-index: -1; }
			.bannerBox .price { padding: 15px; margin: 33px 0 0 30px; float: left; display: inline; color: #17557a; width: 137px; height: 80px; background: #fff; }
			.bannerBox p { font-size: 15px; font-weight: bold; text-transform: uppercase; }
			.bannerBox p.next { padding-left: 22px; float: right; display: block; font-size: 40px; text-align: right; font-weight: bold; }
			.bannerBox p.next span { font-size: 32px; }
			.bannerBox ul { padding: 20px 20px 0 0; width: 201px; float: right; list-style: none; }
			.bannerBox li a { padding-left: 80px; width: 117px; height: 60px; display: block; float: left; line-height: 60px; text-decoration: none; color: #fff; font-weight: bold; }
			.bannerBox li a:hover, .bannerBox li.selected a { color: #17557a; background: url('/images/banner-hover.png') center center no-repeat; }

			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 2px; width: 624px; background: url('/images/right-bottom.png') left bottom no-repeat;  }
			.textBox .mid { padding: 10px 31px; width: 564px; overflow: hidden; background: url('/images/right-mid.png') left repeat-y; min-height:300px; }
			.textBox h1 { padding: 0 15px; width: 594px; height: 30px; font-size: 14px; line-height: 30px; background: url('/images/np-bg.gif') left top repeat-x; margin-left:-31px; margin-top:-10px; margin-bottom:10px }
			.textBox h4 { padding: 15px 0 3px 0; font-size: 12px; }
			.textBox a { color: #fcc141; }
			.textBox a:hover { text-decoration: none; }
			.textBox p{ padding:0px; margin:0px; margin-bottom:15px;}
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 20px; width: 900px; }
	#footerCntr ul { padding: 25px 0; list-style: none; text-align: center; }
	#footerCntr li { padding: 0 8px; display: inline; background: url('/images/li-bg.gif') right center no-repeat; }
	#footerCntr li.last { background: none; }
	#footerCntr li a { text-decoration: none; color: #fff; }
	#footerCntr li a:hover, #footerCntr li.selected a { color: #febe43; text-decoration: underline; }
	
		/* ### ADDRESS BOX ### */
		.addressBox { width: 900px; height: 41px; line-height: 41px; display: block; background: url('/images/footer-bg.png') left top no-repeat; }
		.addressBox address { font-style: normal; color: #003366; text-align: center; }
		.addressBox span { padding: 0 2px; color: #fff; }
		.addressBox a { color: #003366; text-decoration: none; }
		.addressBox a:hover { text-decoration: underline; }
		
	
	/* CONTACT FORMULIER */
	.contact_links {*float: left; margin-top: 2px;}
	.contact {min-height: 200px; clear: both;}
	.contact_rechts {margin-left: 170px; margin-top: -15px; *margin-top: 0px;}
	.contact_submit {margin-left: 170px; margin-top: -15px; *margin-top: 0px; height:30px;}
	.contact_rechts input {border: 1px solid #17557a; margin-bottom: 3px; padding: 3px; color: #666666;}
	.contact_rechts input:hover {border: 1px solid #f9ba2d;	color: #17557a;}
	.contact_rechts select {border: 1px solid #17557a; margin-bottom: 3px; padding: 3px; color: #666666;}
	.contact_rechts select:hover {border: 1px solid #f9ba2d;	color: #17557a;}
	.verstuurbutton {position: absolute; background-color: #17557a; color: #FFFFFF;	font-weight: bold; border: 1px solid #17557a; cursor: pointer; height: 24px;}
	.verstuurbutton:hover {background-color: #f9ba2d; border: 1px solid #f9ba2d; }	
	textarea {border: 1px solid #17557a; margin-bottom: 3px; padding: 3px; color: #666666; width: 330px;}
	textarea:hover {border: 1px solid #f9ba2d; margin-bottom: 3px; padding: 3px; color:#17557a;}
	.fout_tekst{color:#FF0000; background-color:#FFFFFF; padding:5px; line-height:20px;}
	
	/* SITEMAP */
	.sitemap ul {padding: 0px; margin: 0px;}
	.sitemap li {list-style: none;}
	.sitemap li a {width: 100%;	height: 20px;	line-height: 20px;	text-decoration: none;	display: block;	border-bottom: 1px solid #cccccc;}
	.sitemap li a:hover {height: 20px; line-height: 20px; text-decoration: none; display: block; border-bottom: 1px solid #cccccc; background-color: #f7f7f7;}
	.subpagina li a {padding-left: 20px; color: #cccccc; width: 96.5%;}
	.subsubpagina li a {padding-left: 40px;	width: 93%;	color: #cccccc;}
	
	/* OVERZICHT */
	.overzicht {margin-top: 0px;}
	.overzicht ul {padding: 0px; margin: 0px;}
	.overzicht li {list-style: none;}
	.overzicht li a {width: 100%; height: 20px; line-height: 20px; text-decoration: none; display: block; border-bottom: 1px solid #cccccc; font-weight:bolder; padding:2px 2px 2px 6px;}
	.overzicht li a:hover {background-color: #17557a; color:#FFFFFF;}
	
	/* FOTOKADER */
	.foto_kader { width: 100%; }
	.foto_kader ul { margin: 0px; padding: 0px; overflow: hidden; width: 100%; list-style: none;}
	.foto_kader li { padding: 10px 15px 10px 10px; float: left; display: inline; }
	.foto_kader li a img { padding: 3px; border: 1px solid #17557a; background: #fff; }
	.foto_kader li a:hover img { border-color: #f9ba2d; }
	
	/* TERUG */
	.terug {margin-bottom: 0px; float:left; width:550px; }
	.terug a { text-decoration: none; background-color:#17557a; color: #FFFFFF; line-height: 20px; display:block;  width: 30px; height: 21px;  font-weight:bolder; padding: 0px 10px 0px 10px;  }
	.terug a:hover { background-color:#f9ba2d;  }
	
	/* DOWNLOADKADER */	
	.download_kader {padding: 10px 0px 10px 0px;}
	.download_kader ul {list-style: none; padding:0px; margin:0px;}
	.download_kader li {padding: 0px 0px 0px 0px; }
	.download_kader li a {line-height: 15px; background-position: left; color: #0174a9;	text-decoration: none;}
	.download_kader li a:hover {color: #003954;}		
	

	/* FOTOALBUM */	
	.fotoalbum a img {float: left;	margin-right: 10px;	margin-left: 10px;	margin-bottom: 10px; border: 2px solid #17557a;}
	.fotoalbum a:hover img {border: 2px solid #f9ba2d;}
	.fotoalbum_tekst {width: 100%;	height: 100px;	border-top: 1px solid #cccccc;	padding-top: 10px;}
	.fotoalbum_rij {height: 110px;	width: 500px; margin-bottom: 10px; margin-left:20px;}
	.fotoalbum_intro {width: 100%; padding-bottom: 10px; border-bottom: 1px solid #cccccc;	margin-bottom: 10px;}
	.fotoalbum_titel {font-size: 12px; font-weight: bold;}
	.fotoalbum_overzicht {width: 562px;	height: 115px;	border-bottom: 1px solid #cccccc; padding-top: 10px;}
	.fotoalbum_overzicht a {width: 562px;	height: 104px;	display: block;	color: #FFFFFF;	text-decoration: none;	padding:5px;}
	.fotoalbum_overzicht a:hover {background-color: #f7f7f7; color: #17557a;}
	.fotoalbum_overzicht a img {float: left; border: 2px solid #17557a; display:block;}
	.fotoalbum_overzicht a:hover img {border: 2px solid #f9ba2d;}
	.fotoalbum_omschrijving { margin-left: 120px; cursor:pointer; }
	.fotoalbum_kader {float: left;}	
	
	/* PAGINA NAVIGATIE */
	.pagina_navigatie {margin-top: 2px;}
	.pagina_navigatie ul {margin: 0px; padding: 0px;}
	.pagina_navigatie li {float: left;	margin-left: 2px; list-style: none;	width: 23px; height: 23px;}
	.pagina_navigatie li a {width: 23px; height: 23px; text-align: center; color: #FFFFFF; font-weight: bold; display: block; line-height: 23px; text-decoration: none; border: none; background-color:#17557a;}
	.pagina_navigatie li a:hover {background-color:#f9ba2d;}
	#pagina_navigatie_actief {width: 23px; height: 23px; background-color: #f9ba2d; text-align: center; color: #ffffff;	font-weight: bold; display: block; line-height: 23px;}
	#pagina_navigatie_volgende a {width: 23px; height: 23px; text-align: center; font-weight: bolder; display: block; line-height: 23px; text-decoration: none; font-size:18px;}
	#pagina_navigatie_volgende a:hover {}
	#pagina_navigatie_vorige a {width: 23px; height: 23px; text-align: center; font-weight: bolder; display: block; line-height: 23px; text-decoration: none; font-size:18px;}
	#pagina_navigatie_vorige a:hover {}