* {
	margin: 0;
	padding: 0;

	}

html
{
	height: 100%;
	width:100%;
	/*background: url('../images/background.gif') top center repeat-y;*/
	background-color:#d7d8da; /* e6e7e8*/
}

body 
{
	height: 100%;
	width:100%;
	color: #000000;
	background-color::#d7d8da;
	font-family: Arial,Verdana;
	font-size: 10pt;
	line-height: 120%;
} 

html>body { 
	
	} /* for modern browsers that can resize px */

#wrap 
{
	position: relative;
	height: 100%;
	width:750px;
	min-width:750px;
	margin:0 auto;

}

#middle 
{
	position: relative;
	height: auto;
	margin-right: 0px; /* 215 right column width */
	margin-left: 250px; /* left column width */
	width: auto;
}


* html #middle {
	height: auto; /* for IE because it doesn't do min-height */
	}

#header {
	position: absolute;
	top: 10px;
	left: 0;
	height: 191px;
	width: 100%;
	overflow: hidden;
	background-color:#ffffff;

	}

#blok1,
#blok2,
#blok3,
#blok4,
#blok5,
#blok6,
#blok7,
#blok8,
#blok9,
#blok10,
#blok11,
#blok12
{
	float:left;
	width:250px;
	height:191px;
	background-color:#ffffff;
}

#blok1 img,
#blok2 img,
#blok3 img,
#blok4 img,
#blok5 img,
#blok6 img,
#blok7 img,
#blok8 img,
#blok9 img,
#blok10 img,
#blok11 img,
#blok12 img
{
width:250px;
height:191;

}

a img
{
	border:0;	
}
#blok7
{
	background-color:#f03a37;
	background: url('../images/blok7.jpg') top left no-repeat;
}

#blok8
{
	background: url('../images/blok8.jpg') top left no-repeat;
}

#blok2_overlay,
#blok10_overlay,
#blok11_overlay
{
	position:relative;
	margin-top:-30px;
	filter: alpha(opacity: 90); 
	-moz-opacity: .90;
	opacity:.9;
}



#firstpagemenu
{
	margin-top:20px;
	margin-left:6px;
}

#nextpagemenu
{
	margin-top:10px;	
	margin-left:16px;
}

#firstpagemenu ul,
#nextpagemenu ul
{
	list-style:none;
	margin-left:0;
	padding-left:0;
	color:#ffffff;

	font-weight:bold;
	font-family: Helvetica,Arial,Verdana;
	line-height:24px;
	vertical-align:middle;
}

#firstpagemenu ul li,
#nextpagemenu ul li
{
	list-style:none;
	display:block;
	padding-left:0;
	font-size:11pt;
	background: url('../images/bullet.gif') top left no-repeat;
	vertical-align:middle;
	padding-left:24px;

}




#nextpagemenu ul li ul
{
	list-style:none;
	margin-left:0;
	padding-left:0;
	color:#ffffff;
	font-weight:bold;
	font-family: Helvetica,Arial,Verdana;
	line-height:16px;
	vertical-align:middle;
}

#nextpagemenu ul li ul li
{
	display:block;
	padding-left:0;
	font-size:10pt;
	background: url('../images/bullet_small.gif') top left no-repeat;
	vertical-align:middle;
	padding-left:14px;
}

#firstpagemenu ul li a,
#nextpagemenu ul li a
{
	color:#ffffff;
	text-decoration:none;
}


#firstpagemenu ul li a:hover,
#nextpagemenu ul li a:hover
{
	text-decoration:underline;
}

#content ul, #content ol
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;
	list-style-type: disc;
}

#submenu
{
	margin-left:20px;
	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
	width: 400px;
}

#submenu ul
{
	margin:0;
	display:block;
	list-style:none;
	font-weight:bold;
	font-size:10pt;	

}

#submenu ul li
{
	float:left;
}

#submenu ul li a 
{
	color:#7f8289;
}

#blok12
{
	background: url('../images/blok12.png') top left no-repeat;
}


#blok5689
{
	float:	left;
	width:	500px;
	height:	382px;
	overflow-y:scroll;
	background-color:#d7d8da;
	background: url('../images/blok5689.jpg') top left no-repeat;

}

#blok5689 img
{
	margin-right: 5px;
}


#main 
{
		position: relative; /* IE float bug workaround */
		float: left;
		width: 100%; 
		margin-top:10px;
		margin-right: 0px; /*-2*/
}

#content 
{
		position: relative;
		float: right;
		width: 100%;
		margin-top:191px;
		z-index:10;
		height:382px;
}

.hidden
{
	display: none;
}


#content .contenttekst
{
	padding:20px;
}

#content .contenttekst img
{
	border:0;
}

p
{
	margin-bottom:10px;
}

#content .contenttekst h1
{
	font-size:100%;
	margin-left:0;
	font-size: 12pt;
	border-bottom:0;
	font-weight:bold;
	margin-bottom:10px;
}

#content .contenttekst h2
{
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
	font-size: 11pt;
}

#content .contenttekst h3
{
	font-size:100%;
	font-weight:bold;
}

#content .contenttekst h4,#content .contenttekst h5
{
	font-size:100%;
	font-style: italic;
}

#content .contenttekst h6
{
	font-size:14pt;
	line-height:26pt;
}

#content h1,
#content .contenttekst h1,
#content .contenttekst h2,
#content .contenttekst h3,
#content .contenttekst h4,
#content .contenttekst h5,
a
{
	color: #ee2e23;
}

#nav 
{
	position: relative;
	float: left;
	width: 250px;
	margin: 0px 0px;
	margin-top: 191px;
	margin-left: -250px; /* width */
	height: 382px;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}


#footer 
{
	clear: both; /* just to make sure it comes below the columns */ 
	position: relative;
	width: 100%;
	height: 191px;
	background-color: #ffffff;
}

#backgroundempty
{
	display: none;	
	position:absolute;
	filter: alpha(opacity: 80); -moz-opacity: .80;
	opacity: .8;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000000;
	z-index:150;
}

#isoimageklein
{
	position:absolute;
	top:116px;
	right:2px;
} 

#bnlimageklein
{
	position:absolute;
	top:60px;
	right:2px;
} 


#isoimageklein a img
{
	border:none;
	width:54px;
	height:35px;
}

#bnlimageklein a img
{
	border:none;
	width:54px;
	height:54px;
}


#projimagediv,
#isoimagediv,
#bnlimagediv
{
	display: none;	
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
	z-index:200;
}

#projimages,
#isoimages,
#bnlimages
{
	position: relative;
	width:800px;
	/*height: 100%;*/
	min-width:800px;
	margin:0 auto;
	text-align:center;
	margin-top:90px;
}

#projimages a img
{
	border:1px solid #ffffff;
	margin: 4px;
}

#projimagebig,
#isoimagebig,
#bnlimagebig
{
	border:2px solid #ffffff;
}


#projimagetitle,
#isoimagetitle,
#bnlimagetitle
{	
	position:absolute;
	width:100%;
	top:20px;
	left:0;	
	line-height:50px;	
	border-top: 2px solid #999999;
	border-bottom:2px solid #999999;
	font-size:16pt;
	color: #FFFFFF;
	background-color: #666666;
	text-align:center;
}

#projimagetitle a,
#isoimagetitle a,
#bnlimagetitle a
{
	position:absolute;
	top:10px;
	right:10px;
}

#projimagetitle a img,
#isoimagetitle a img,
#bnlimagetitle a img
{
	border:0;
}

#projimagetitle span,
#isoimagetitle span,
#bnlimagetitle span
{
	padding-left:30px;
}


#contactgegevens
{
	margin-left:32px;
	margin-top:26px;
	font-size:8pt;
font-weight:bold;
}

#contactgegevens a
{

	color:#000000;
}