/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Trebuchet MS'; font-size: 12px; color: #5c5c5c; }
body { background:url('../images/body-bg.gif') top left repeat-x #08a3dd;  }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }


/* ### WRAPPER ### */
#wrapper { padding-top: 14px; padding-bottom: 20px; width: 100%; min-height: 100%; position:relative; z-index:1; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 1016px; background: url('../images/container-top-bg.png') top left no-repeat;  }
#mainCntr div.mainBottom { padding: 10px 0px 15px 0px; width: 1016px; background: url('../images/container-bottom-bg.png') bottom left no-repeat; }
#mainCntr div.mainCenter { padding: 4px 16px 25px 16px; width: 984px; background: url('../images/container-middle-bg.png') top left repeat-y;  }

	/* ### HEADER CONTAINER ### */
	/*#headerCntr { position: relative; width: 984px; height: 261px; overflow: hidden; background: url('../images/headerBg.png') 297px top no-repeat; } */
	#headerCntr h1 { width: 72px; height: 253px; float: left; }
	#headerCntr h1 a { display: block; width: 72px; height: 253px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr h2 { padding-top: 10px; padding-left: 10px; color: #0c3c58; font-size: 18px; float: left; }
	#headerCntr h2 span { padding-left: 15px; color: #03a1dc; font-size: 16px; font-style:italic; }
	
		/* ### INLOGGEN BOX ### */	
		.inloggenBox { margin-left: 4px; margin-right: 3px; width: 217px; height: 253px; float: left; background: url('../images/login-bg.gif') bottom left no-repeat; overflow: hidden;  }
		.inloggenBox ul { padding-top: 10px; height: 123px; list-style: none; }
		.inloggenBox li { font-size: 20px; font-style: italic; color: #424242; }
		.inloggenBox li a { color: #424242; text-decoration: none; }
		.inloggenBox li a span { color: #03a1dc; }
		.inloggenBox h3 { height: 20px; line-height: 20px; padding-left: 10px; font-size: 16px; color: #0d4565; }
		.inloggenBox form { padding: 9px 0px 0px 6px; width: 209px; }
		.inloggenBox fieldset { border: none; }
		.inloggenBox form input.textfield { padding:4px; margin-bottom: 5px; border:none; width: 129px; float: left; background: url('../images/texfield-bg.gif')  no-repeat 100%; }
		.inloggenBox form label { display: inline-block; width: 70px; float: left; font-size: 10px; color: #fff; line-height: 20px; }
		.inloggenBox form input.login-button { margin-right: 2px; cursor: pointer; font-size: 14px; font-weight: bold; color: #fff; float: right; width: 73px; height: 27px; border: none; text-align: center; text-transform: uppercase; background: url('../images/login-button-bg.gif') top left no-repeat; }
		
		/* ### LANGUAGE BOX ### */
		.languageBox { margin-top: 5px; margin-right: 7px; float: right; overflow: hidden; width: 85px; height: 21px; background: url('../images/langauge-box-bg.gif') top left no-repeat; z-index:1000;  }
		.languageBox img { padding-left: 15px; padding-top: 4px; float: left; }
			
		/* ### MENU CONTAINER ### */
		#menuCntr { margin-top: 100px; width: 687px; float: right; height: 45px; overflow: hidden; }
		#menuCntr ul { padding-left: 45px; overflow: hidden; width: 687px; list-style: none; background: url('../images/menu-bg.gif') top left no-repeat; }
		#menuCntr li { padding-right: 35px; margin-top: 9px; float: left; display: inline; font-size: 17px; color: #fff; }
		#menuCntr li a { padding: 0px 4px 0px 4px; color: #fff; text-decoration: none; display: block; }
		#menuCntr li a span { padding: 3px 15px 6px 12px; color: #fff; display: block; }
		#menuCntr li a:hover { background: url('../images/li-hover-left-bg.gif') top left no-repeat; }
		#menuCntr li a:hover span { background: url('../images/li-hover-right-bg.gif') top right no-repeat; }
		#menuCntr li.active { margin-top: 5px; }
		#menuCntr li.active a { padding: 0px 5px; color: #134867; background: url('../images/li-active-left-bg.gif') top left no-repeat; }
		#menuCntr li.active a span { padding: 6px 10px 15px 9px; color: #134867; background: url('../images/li-active-right-bg.gif') top right no-repeat; }
		
		/* ### NP BOX ### */
		.npBox { margin-top: 5px; width: 688px; line-height: 39px; background: url('../images/navpath-bg.gif') top left no-repeat; overflow: hidden; float: right;}
		.npBox ul { list-style: none; }
		.npBox li { padding-left: 10px; color: #6b6b6b; font-size: 12px; float: left; display: inline; }
		.npBox li a { color: #525252; font-weight: bold; text-decoration: none; }
		.npBox li span { color: #0d4565; }

	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 984px; }
	
		/* ### LARGE BOX ### */
		.largeBox { width: 984px; background: url('../images/largeBg.gif') top left repeat-y; }
		.largeBox div.top { background: url('../images/largeTop.gif') top left no-repeat; }		
		.largeBox div.bottom { padding: 20px 20px 5px 20px; width: 944px; background: url('../images/largeBottom.gif') bottom left no-repeat; }
		.largeBox h1 { padding-bottom: 12px; color: #0c3c58; font-size: 13px; font-style: italic; }
		.largeBox p { padding-bottom: 15px; color: #525252; line-height: 16px; }

		/* ### LEFT CONTAINER ### */
		#leftCntr { margin-right: 6px; float: left; display: inline; width: 218px; }

			/* ### CATEGORIES BOX ### */		
			.categoriesBox { width: 218px; background: url('../images/categories-box-middle-bg.gif') top left repeat-y; margin-bottom:10px;}
			.categoriesBox div.top { width: 218px; background: url('../images/categories-box-top-bg.gif') top left no-repeat; }
			.categoriesBox div.bottom { padding: 20px 15px; width: 188px; background: url('../images/categories-box-bottom-bg.gif') bottom left no-repeat; }
			.categoriesBox ul { list-style: none; }
			.categoriesBox li { font-size: 14px; font-weight: bold; color: #525252; padding: 2px 0 2px 0; }
			.categoriesBox li a { text-decoration: none; color: #525252; }
			.categoriesBox li a:hover { color: #03a1dc; }
			.categoriesBox li a.active { color: #03a1dc; }
			.categoriesBox li ul { list-style: none; }
			.categoriesBox li ul li { color: #525252; }
			.categoriesBox li ul li a { padding-left: 15px; color: #0c3c58; font-weight:bold; }

			/* ### PIC BOX ### */				
			.picBox {  margin-bottom: 10px;}

		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 537px; }

			/* ### TEXT BOX ### */
			.textBox { margin-bottom: 10px; width: 537px; background: url('../images/text-box-middle-bg.gif') top left repeat-y;  }
			.textBox div.top { width: 537px; background: url('../images/text-box-top-bg.gif') top left no-repeat; }		
			.textBox div.bottom { padding: 30px 20px; width: 497px; background: url('../images/text-box-bottom-bg.gif') bottom left no-repeat; }
			.textBox h1, .textBox h3 { padding-bottom: 12px; color: #0c3c58; font-size: 13px; font-style: italic; }
			.textBox p { padding-bottom: 15px; color: #525252; line-height: 16px; }
			.textBox div.partner { width: 486px; line-height: 60px; overflow: hidden; background: url('../images/partner-bg.gif') top left no-repeat; }
			.textBox div.partner ul { list-style: none; }
			.textBox div.partner li { padding-left: 20px; float: left; color: #134e70; font-weight: bold; }
			.textBox div.partner li img{ padding-top: 5px; }

			/* ### NEWS BOX ### */
			.newsBox { margin-bottom: 10px; width: 537px; background: url('../images/text-box-middle-bg.gif') top left repeat-y; }
			.newsBox div.top { width: 537px; background: url('../images/text-box-top-bg.gif') top left no-repeat; }
			.newsBox div.bottom { padding: 20px; width: 497px; background: url('../images/text-box-bottom-bg.gif') bottom left no-repeat; overflow: hidden; }
			.newsBox h3 { padding-bottom: 12px; color: #0c3c58; font-size: 13px; font-style: italic; }
			.newsBox span { color: #4a7995; font-weight: bold; }
			.newsBox .nietp { padding-bottom: 15px; margin-bottom: 13px; color: #525252; line-height: 16px; background: url('../images/dotted-line.gif') bottom left repeat-x; }
			.newsBox a { color: #238fcd; font-size: 10px; font-weight: bold; float: right; text-decoration: none; }
			.newsBox a.meer { color: #238fcd; font-size: 10px; font-weight: bold; display: block; width: 497px; text-decoration: none; text-align: right; }
			.newsBox p.last { background: none; }

		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 218px; }
			
			.tekstBox{width:218px; ; background: url('../images/contact-box-middle-bg.gif') top left repeat-y; }
			.tekstBox div.top{width:218px;  background: url('../images/contact-box-top-bg.gif') top left no-repeat; }
			.tekstBox div.bottom{ padding: 15px; width: 188px; background: url('../images/contact-box-bottom-bg.gif') bottom left no-repeat; color: #525252; }
			.tekstBox h3{padding-bottom:15px; color:#03a1dc; font-size:14px;}
			.tekstBox a{color:#0c3c58; text-decoration:none}
			
			/* ### CONTACT BOX ### */
			.contactBox { width: 218px; background: url('../images/contact-box-middle-bg.gif') top left repeat-y; margin-bottom: 10px;}
			.contactBox div.top { width: 218px; background: url('../images/contact-box-top-bg.gif') top left no-repeat; }		
			.contactBox div.bottom { padding: 15px; width: 188px; background: url('../images/contact-box-bottom-bg.gif') bottom left no-repeat; color: #525252;  }
			.contactBox h3 { padding-bottom: 15px; color: #03a1dc; font-size: 14px; }
			.contactBox address { padding-bottom: 22px; font-style: normal; }
			.contactBox address a { color: #0c3c58; font-weight: bold; }
			.contactBox a { color: #0c3c58; text-decoration: none; }

			/* ### COLUMN BOX ### */
			.columnBox { margin-top: 10px; width: 218px; background: url('../images/contact-box-middle-bg.gif') top left repeat-y; }
			.columnBox div.top { width: 218px; background: url('../images/contact-box-top-bg.gif') top left no-repeat; }
			.columnBox div.bottom { padding: 15px; width: 188px; background: url('../images/contact-box-bottom-bg.gif') bottom left no-repeat; color: #525252; overflow: hidden; }
			.columnBox h3 { padding-bottom: 15px; color: #03a1dc; font-size: 14px; }
			.columnBox span { padding-left: 55px; color: #525252; float: right; }
			.columnBox a.meer { width: 91px; line-height: 26px; text-align: center; float: right; background: url('../images/meer-link-bg.gif') top left no-repeat; font-weight: bold; color: #03a1dc; text-decoration: none; }
		
		/* ### LARGE CONTAINER ### */
		#largeCntr { float: right; width: 755px; }
		
			/* ### TEXT BOX ### */
			#largeCntr div.textBox { width: 755px; background: url('../images/textBg.gif') top left repeat-y; }
			#largeCntr div.textBox div.top { width: 755px; background: url('../images/textTop.gif') top left no-repeat; }		
			#largeCntr div.textBox div.bottom { padding: 20px 20px 5px 20px; width: 715px; background: url('../images/textBottom.gif') bottom left no-repeat; }
			
			/* ### PROFIEL BOX ### */
			.profielBox { width: 755px; background: url('../images/textBg.gif') top left no-repeat; }
			.profielBox div.top { width: 755px; background: url('../images/textTop.gif') top left no-repeat; }		
			.profielBox div.bottom { padding: 20px 20px 20px 20px; width: 715px; background: url('../images/textBottom.gif') bottom left no-repeat; }
			.profielBox table { width: 715px; }
			.profielBox td { padding: 0px 5px 0px 5px; height: 29px; color: #313131; border-bottom: 1px solid #fff; background: #cee9f3; }
			.profielBox tr.dark td { background: #a4d6e8; }
			.profielBox tr.title td { font-weight: bold; background: #d6dee7; }
			.profielBox td.tab1 { width: 16px; }
			
/* ### FOOTER CONTAINER ### */
#footerCntr { padding-top: 5px; margin: auto; font-size: 11px; overflow: hidden; width: 984px; text-align: center; color: #a4ddf2; }
	
	.pollResult{background:#0c3c58; height:12px; display: block;}
	.px10{font-size:10px; display:none}
	
	.goed{display:none;}
	.fout{display:none}
	.search{border:1px solid #666; padding:3px; display:none; width:160px;}
	
	table a{color:#313131; text-decoration:none}
	
	textarea{width:300px; height:50px;}
	
	.letters { color:#313131; text-decoration:none; }
	
	.wit { color:#FFF; margin-left:5px; }
	
	.blauw {
		color: #238fcd;
		text-decoration:none;
	}
	
	.error
	{
		color:#F00;
		font-size:14px;
		text-align:right;
		vertical-align:middle
	}


.imgbox
{
	position:absolute;
	width:686px;
	height:120px;
	z-index:100;
	left:296px;
	top:0px;
}
	
.formulier_bg
{
	background:none;
}

.filetop
{
	color: #0c3c58;
	font-size: 16px;
	float: left;
}


div.doUpload
{
   width: 1020px;
   background-color: #666666;
   position: absolute;
   z-index: 2000;
 display:none;
   opacity: 0.8;
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   overflow: visible;
   height: 115%;
   left:450px;
   top:0px;
}

.order_uploadtable
{
	z-index:3000;
	background-color:#FFF;
	position:absolute;
	margin-top:180px;
	vertical-align:middle;
 display:none;
	position: absolute;
	left: 10px;
	top: 0px;
}


a 
{
	color: #424242;
}

div.stippel
{
	position:relative;
	height:45px;
	width:500px;	
	background: url('../images/dotted-line.gif');
	background-position:bottom left;
	background-repeat:repeat-x;
}

div.fotoboekcorner {
	width: 517px;
}
div.fotoboekcorner .fotoblock {
	width: 115px;
	height: 125px;
	margin: 0 10px 10px 0;
	float: left;
	border: 1px #c6e9f6 solid;
	line-height: 125px;
	text-align: center;
	position: relative;
	
}
div.fotoboekcorner .fotoblock:hover {
	border: 1px #03a1dc solid;
}
div.fotoboekcorner .fotoblock img {
	vertical-align: middle;
	display: inline;
}
div.fotoboekcorner .pagenumbers {
	width: 498px;
	height: 22px;
}
div.fotoboekcorner .pagenumbers a {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	display: block;
	text-decoration: none;
	border: 1px #C6E9F6 solid;
	color: #0C3C58;
	font-weight: bold;
	float: left;
	text-align: center;
}
div.fotoboekcorner .pagenumbers a:hover {
	border: 1px #03a1dc solid;
}
div.fotoboekcorner .pagenumbers a.selected {
	text-decoration: underline;
	border: 1px #03a1dc solid;
}