* {
	margin: 0;
	padding: 0;
	}

html
{
	height: 100%;
	width:100%;
	background-color:#FFFFFF;
}

body {
	height: 100%;
	width:100%;
	color: #000000;
	/*background: url('../images/background.gif') top center repeat-y;*/
	background-color::#FFFFFF;
	font-family: Arial, Verdana;
	font-size: 8pt;
	line-height: 130%;
	} 

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

#wrap {
	position: relative;
	height: 728px;
	width:990px;
	min-width:990px;
	margin:0 auto;	
	}



#middle {
	position: relative;
	height: 636px;
	min-height: 100%; /* for modern browsers, to push the footer down */
	margin-right: 5px; /* right column width */
	margin-left: 646px; /* left column width */
	margin-bottom: -40px; /*  footer height */
	width: auto;
	
	}

#middle:after { /* this will keep the floats contained, for modern browsers */
	content: "."; 
	display: block; 
	height: 0; 
	overflow: hidden; 
	clear: both; 
	visibility: hidden; 
    } 

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

#header {
	position: absolute;
	top: 0;
	left: 0;
	height: 52px;
	width: 100%;
	overflow: hidden;
	}


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

	}

#content {
		position: relative;
		float: right;
		width: 100%;
		z-index:10;
		height: 470px;
		background-color:#ffffff;
		margin-top:172px;
		margin-bottom:46px;		
		margin-left:10px;
		overflow:auto;
	}

.hidden
{
	display: none;
}


#content .contenttekst
{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:20px;
}

#content img
{
	border:0;
}


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

p
{
	margin-bottom:10px;
}

#content img
{
	margin-right: 8px;
	margin-left:	8px;
}

#content h1
{
	position: relative;
	margin-left:10px;
	width:auto;
	font-weight:bold;
	margin-top:10px;
	font-size: 12pt;
	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: 10pt;
}

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

}


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

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

#logopaktekst
{
	margin-left:5px;
}

#nav {
	position: relative;
	float: left;
	width: 630px;
	height: 638px;
	margin-top: 52px;	
	margin-left: -646px; /* width */
	}

#nav_transtop, #nav_transbottom,#nav_transleft
{
	position:absolute;
	left:375px;
	background-color: #FFFFFF;
	filter: alpha(opacity: 59); -moz-opacity: .59;
	opacity:.59;
}


#nav_transleft
{
	top: 	340px;
	width:	33px;
}

#nav_transtop, #nav_transbottom
{
	width:260px;
}

#nav_transtop
{
	height:340px;
}

#twitter
{
	position:absolute;
	top: 556px;
	left:491px;

	
}

#twitter a img
{
	border:0;
}

#nav_contact
{
	position:absolute;
	top:	586px;
	left:	375px;
}

#nav_contacttxt{
	position:absolute;
	top:	19px;
	left:	70px;
	font-size:10pt;
	font-weight:bold;
	/*FILTER: Glow(Color=#ffffff, Strength=2); */
}

#nav_contacttxt a
{


	color: #172983;

	width:100%;

}

#nav_address
{
	position:				absolute;
	top:					550px;
	left:					375px;	
	width: 					260px;
	text-align:				center;
	font-weight:			bold;
	font-size:				11pt;
	line-height: 			130%;
}
#nav_address a:hover{
	text-decoration: none;
}
#nav_dutchlogo
{
	position:absolute;
	left:375px;
	width:260px;
	height:290px;
	margin-top: 5px;	
}

blockquote
{
	margin-left:30px;
}	

a
{
	text-decoration:none;
	color: #ff0000;
}

a:hover
{
	text-decoration:underline;
}

#hoofdmenu, #footermenu
{
	margin-left:375px;
}

#hoofdmenu
{
	margin-top:34px;
}

#ul_hoofdmenu, #ul_footermenu
{
	list-style:none;
	font-size:9pt;
	font-weight:bold;	
	height:16px;	
	width:260px;
	text-align:center;
}


#ul_hoofdmenu
{
	border-bottom:2px solid #ff0000;
}

#ul_footermenu
{
	border-top:2px solid #ff0000;
}

.li_hoofdmenu, .li_activehoofdmenu, .li_footermenu, .li_activefootermenu
{
	float:left;
}

.li_hoofdmenu a, .li_activehoofdmenu a, .li_footermenu a, .li_activefootermenu a
{
	display:block;
	height:16px;
	line-height:16px;
	color: #666666;
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
}

.li_hoofdmenu a:hover, .li_activehoofdmenu a, .li_footermenu a:hover, .li_activefootermenu a
{
	color: #ffffff;	
	background-color: #ff0000;
}

.li_footermenu a, .li_activefootermenu a
{
	padding-bottom:2px;
}



#linklogopak
{
	position:absolute;
	left:-630px;
}

#linklogopak a img
{
	border:0;
}

#menu_left
{
	position:absolute;
	left:-616px; /*460*/ 
	top: 635px; 
}

#menu_left .menu_title
{
	width:213px;
	height: 29px;
	background-color: #e2001a;
	background: url('../images/menutop.gif') top left no-repeat;
	vertical-align:top;
	color: #ffffff;
	font-weight:bold;
	font-size:10pt;
	
}

#menu_left .menu_title a
{
	color: #ffffff;
	margin-left:10px;
	margin-top:10px;
	line-height:29px;
}

#menu_left .menu_content
{
	width:213px;
	height:28px;
	background-color: #fbba00;
}

#menu_right
{
	position:absolute;
	left:100px; /*460*/ 
	top: 553px; 
}

#menu_right .menu_title
{
	width:213px;
	height: 29px;
	background-color: #e2001a;
	background: url('../images/menutop.gif') top left no-repeat;
	vertical-align:top;
	color: #ffffff;
	font-weight:bold;
	font-size:10pt;
	
}

#menu_right .menu_title span
{
	color: #ffffff;
	margin-left:10px;
	margin-top:10px;
	line-height:29px;
}

#menu_right .menu_item
{
	color: #ffffff;

	vertical-align:middle;
	border-bottom:1px solid #fddc7d;
}

#menu_right .menu_item a
{
	color:#172983;
	font-weight:bold;
	line-height:29px;
	margin-left:10px;
	margin-top:10px;
	font-size:10pt;
}


#menu_right .menu_content
{
	width:213px;
	height:110px;
	background-color: #fbba00;
}

#folder,
#logo,
#website,
#brand,
#payoff
{
	position:absolute;
}

#folder a img,
#logo a img,
#website a img,
#brand a img
{
	border:0;
}

#payoff
{
	top:264px; 
	left: -100px;
}

#brand
{
	left:-570px; /* 570 */
	top: 142px;
}

#website
{
	left:-460px; /*460*/
	top: 430px;
}


#folder 
{
	left:-4px;
	top:134px;
}

#logo
{
	top:464px;
	left:-2px;
}




#logosubmenu
{
	position:absolute;
	top: 588px;
	left: -34px;
}

#submenu_folder,
#submenu_logo,
#submenu_website,
#submenu_brand
{
	float:left;
	position:absolute;
}

#submenu_folder
{
	margin-top:16px;
	left:0px;
}

#submenu_logo
{
	margin-top:9px;	
	left: 128px;
}

#submenu_website
{
	left:210px;
}

#submenu_brand
{
	margin-top:10px;
	left:278px;
}


#submenu_folder a img,
#submenu_logo a img,
#submenu_website a img,
#submenu_brand a img
{
	border:0;
}


#submenu
{
	position:absolute;
	top:343px;
	left:410px;
	height:200px;
}

.ul_submenu
{
	list-style:none;
	font-size:10pt;
	font-weight:normal;
	width:225px;
}

.li_submenu,.li_activesubmenu  
{
	margin-left:	2px;
	margin-bottom:	4px;	
	background-color: #FFFFFF;	
}

.li_submenu a, .li_activesubmenu a
{
	display:block;
	height:28px;
	line-height:28px;
	color: #000000;
	padding-left:10px;
	text-decoration:none;
}

.li_submenu a:hover, .li_activesubmenu a
{
	font-weight:bold;	
}

.li_submenu a span
{
	
}


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



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


#projimagediv
{
	display: none;	
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;	
	z-index:200;
	text-align:center;
}

#projimagedivcenter
{
	width: 800px;
	min-width: 800px;
	height: 510px;
	margin: 0 auto;
}

#projimages
{
	float:left;
	position: relative;
	width:131px;
	height: 100%;
	min-width:131px;
	margin-top:166px;
	text-align:center;
}

#projimagebigdiv
{
	float:left;
	margin-top:110px;
	border: 2px solid #a8a8a8;
	margin-left:20px;
	text-align:left;
	width: 570px;
	height: 500px;
	background-color:#ffffff;
}
#projimagebigdiv img {

	border-top: 1px solid #a8a8a8;
	padding-top: 15px;
}
.projimages_close {
	padding-bottom: 10px;
}
#projimagebig
{
	width: 534px;
	/* height: 430px; */
	background: url('../images/ajax.gif') 250px 215px no-repeat;
	border: 18px solid #ffffff;
}

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

#projimagetitle
{	

	font-size:10pt;
	font-weight:bold;
	background-color: #FFFFFF;
	
}

#projimagetitle a
{
	float:right;
	padding-top:15px;
	padding-right:18px;

}

#projimagetitle a img
{
	border:0;

	
}

#projimagetitle span
{
	float:left;
	padding-top:15px;
	padding-left:18px;

}

.project_voorbeelddiv
{
	width:100%;
	padding:0;
	margin:0;
	margin-bottom:10px;	
	text-align:center;
	border-bottom: 1px solid #a8a8a8;
	margin-top: 20px;
}

.project_voorbeeld
{	
	border:0;

}


#formulier label
{
	width:			100px;
	text-align:		left;
	float:			left;
	margin:			3px;
}


#formulier .radio label
{
	width:			10px;
	text-align:		left;
	float:			left;
	margin:			2px;
}

#formulier .checkboxen label, #formulier .radiobutton label
{
	width: 			auto;
	text-align:		left;
	float:			left;
	margin:			2px;
    margin-right: 	5px;
}

#formulier .checkboxen label, #formulier .radiobutton label
{
	margin:			0;
	padding:		inherit0;
	padding-top:	6px;
}



#formulier input,#formulier textarea,#formulier select
{
	vertical-align:		top;
	margin:				1px 2px 2px 0px;
}

#formulier input
{
/*font-size:75%;*/
}

#formulier input,#formulier .checkboxen input, #formulier.radiobutton input
{
/* height:12px; */
}

#formulier .checkboxen input,#formulier.radiobutton input
{
float:left;
} 

#formulier input.button
{
	
	vertical-align:		middle;
}