/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow:hidden;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	font-size:14px;
	text-align:left;
	}
body, table, th, td, p, input, textarea, select, div{
	font-family: "Courier New", Courier, monospace;
	font-size:12px;
	line-height:16px;
	}	
a {}
a:hover {}
h1 {}
h2 {font-size:12px;}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;margin:0;
	height:100%;
	overflow:auto;
	text-align:left;
	background:#FFF url(/content/gfx/containerback.gif) repeat-y left top;
	}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header {
	position:absolute;
	top:0px;
	left:0px;
	width:980px;
	margin-right:20px;
	height:190px;
	z-index:250;/* MAURICE 1-12-2008 */
	background-color:#FFF;
	}
.tel-email {
	position:absolute;
	top:20px;
	left:22px;
	width:160px;
	height:34px;
	z-index:100;
	}
.logo {
	position:absolute;
	top:124px;
	left:22px;
	width:126px;
	height:53px;
	z-index:100;
	}
.logo-beeld {
	position:absolute;
	top:191px;
	left:22px;
	width:126px;
	height:71px;
	z-index:100;
	}
.slogan {
	position:absolute;
	top:140px;
	left:183px;
	width:119px;
	height:14px;
	background:#FFF url(/content/gfx/slogan.gif) no-repeat left top;
	z-index:10;
	}
/* ============================================================	*/ 
/* ========	NAVIGATION			===============================	*/
/* ============================================================	*/

.navigation {
	position:absolute;
	top:20px;
	left:248px;
	width:300px;
	z-index:100;
	}
.language {
	position:absolute;
	top:20px;
	/* left:920px; */
	right:30px;
	width:45px;
	height:15px;
	z-index:251;
	}
.language img {display:block;float:left;}

/* ============================================================	*/ 
/* ========	SUBNAV				===============================	*/
/* ============================================================	*/


.sub-nav {
	position:absolute;
	top:20px;
	left:607px;
	width:300px;
	height:167px;
	z-index:100;
	overflow:hidden;
	font-weight:bold;
	}
.sub-nav li a {
	display:block;
	width:155px;
	height:19px;
	padding-left:16px;
	background:#FFF url(/content/gfx/subnav.gif) no-repeat left top;
	}
.sub-nav li a.active,
.sub-nav li a:hover {
	background:#FFF url(/content/gfx/subnav_active.gif) no-repeat left top;
	}
	.sub-nav .content {line-height:16px;}
/* ============================================================	*/ 
/* ========	CONTENT-BLOCK		===============================	*/
/* ============================================================	*/

.content-block {
	width:960px;
	}
.main-content {
	padding:190px 0 0 20px;
	}
.image-container {
	position:relative;
	width:895px;
	}
	

.image-container a,
.image-container img {
	display:block;
	float:left;
	position:relative;
	}
.image-container a {height:150px;}
.image-container img.vert {margin:0px 5px 0 0;}
.image-container img.hor {margin:20px 5px 0 0;}

.image-container-large {float:left;width:770px;}
.content-wide .image-container-large {float:normal;width:960px;}
.image-container-large a {float:left;}
.image-container-large .image-vert img,
.image-container-large .image-hor img {display:block;}
.image-container-large .image-vert {float:left;height:430px;margin-right:33px;padding-bottom:50px;}
.image-container-large .image-hor {float:left;height:430px;padding-top:50px;}
.content-wide .image-container-large .image-vert,
.content-wide .image-container-large .image-hor {height:auto;padding-bottom:50px;}


.main-content .content {margin-left:190px;width:750px;}
.main-content .content .firstcolumn {
	float:left;
	width:300px;
	padding-top:10px;
	padding-left:39px;
	margin-right:48px;
	line-height:16px;
	}
.main-content .content .secondcolumn  {float:left;padding-top:42px;width:315px;line-height:16px;}
.main-content .content .firstcolumn img,
.main-content .content .secondcolumn img {margin-bottom:12px;}

.main-content .content a {color:#000;text-decoration:underline;}
.main-content .content a:hover {color:#000;text-decoration:none;}

div.foto-detail {display:none;}
	
.float-image {float:left;position:relative;z-index:10;}
div.subBlok		{	
    width:160px;
	height:128px;
    z-index:999;		
	}
.subBlok .back {
	padding:10px;
	width:140px;
	height:108px;
	background:transparent url(/Content/gfx/mini_popup.png) no-repeat left top;
	}
.subBlok h3,
.subBlok h3 a {
	color:#000;
	font-size:11px;
	}
.sidebar {
	position:absolute;
	width:180px;
	}
.sidebar a {
	display:block;
	color:#000;
	font-weight:bold;
	}
.sidebar a:hover,
.sidebar a.active {
	text-decoration:underline;
	}
.back {
	padding:0 0 15px 250px;
	}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

.formgrid {
	width:560px;
	background-color:#F5F5F5;
	border:15px solid #F5F5F5;
	}
input, select {
	vertical-align:middle;
	}
input.type-text {
	padding-left:5px;
	color:#666;
	background-color:#F00;
	border:1px solid #F00;
	}
.formgrid input.type-text {
	width:232px;
	background-color:#FFF;
	}
input.type-button {
	border:1px solid #F00;
	background-color:#F00;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	margin:0;
	padding:0;
	}
label {vertical-align:middle;cursor:pointer;}
select.select {}
textarea.textarea {
	width:470px;
	}
.radio {}
.radio input {
	margin-right:5px;
	vertical-align:middle;
	}

.wie-is-wie {position:relative;width:338px;margin-left:229px;display:none;}
#Pieke {}
#Gerard {}
#Gwen {}
.grey-blocks {
	position:relative;
	margin:-150px 0 0 242px;
	height:150px;
	}
.grey-blocks .grey {
	position:absolute;
	float:left;
	margin-right:10px;
	z-index:100;
	}
.grey-blocks #grey-01 {display:none;left:0;}
.grey-blocks #grey-02 {display:none;left:102px;top:20px;}
.grey-blocks #grey-03 {display:none;left:242px;}