body {
	background: #0a0a0a url(../img/bg.jpg) no-repeat center top;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

#logo {
	position:absolute;
	left:50%;
	margin:15px 0 0 -435px;
	width:193px;
	height:80px;	
}

#nav1 {
	position:absolute;
	left:50%;
	top:30px;
	margin-left:-5px;
	width:55px;
	height:43px;
	z-index:50;
}

#nav2 {
	position:absolute;
	left:50%;
	top:30px;
	margin-left:195px;
	width:55px;
	height:43px;
	z-index:50;
}

#container {
	position:absolute;
	left:50%;
	margin:130px 0 0 -430px;
	width:872px;
	font: 12px Verdana, Geneva, sans-serif;
	color: #ffffff;
}

#container a.error:link, #container a.error:visited { text-decoration:underline; font-weight:normal; color:#000; }
#container a.error:hover { text-decoration:none; font-weight:normal; color:#ffffff; }

#container .item {
	float:left;
	width:269px;
	height:177px;
	text-align:center;
	margin-right:20px;
	margin-bottom:40px;
	font: 12px Verdana, Geneva, sans-serif;
	color: #000000;
}

#container a:link, #container a:visited {
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FFF;
	text-decoration:none;
}

#container a:hover {
	font: 12px Verdana, Geneva, sans-serif;
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}

#container .item img {
	padding-bottom:6px;
}

#container .contact {width:100px; padding:0px; left:0px; float:left; position:relative; clear:both; }
#container .contact2 {width:200px; padding:0px; left:0px; float:left; position:relative; }
#container .contact1 {width:280px; padding:0px; left:0px; float:left; position:relative; clear:both; margin-top:14px; }

#container #contact1 {
	display:block;
	color:#000000;
	width:231px;
	float:left;
	margin:0px;
	font:bold 13px/16px "Courier New", Courier, monospace;
	padding-top:6px;
	background: url(../img/pic-notepad.png) no-repeat left top;
	height: 157px;
	padding-left:30px;
	padding-top:36px;
}
#container #contact1 a:link, #container #contact1 a:visited {
	font:bold 13px/16px "Courier New", Courier, monospace;
	text-decoration:none;
	color:#000000;
	background-color: #ffffff;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#container #contact1 a:hover {
	font:bold 13px/16px "Courier New", Courier, monospace;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	background-color: #F90;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}

#container #contact2 {display:block; color:#ffffff; width:320px; float:left; margin:0px; font:12px verdana,arial,sans-serif; padding-top:12px; }
#container #contact3 {display:block; color:#ffffff; width:280px; float:left; margin:0px; font:12px verdana,arial,sans-serif; padding-top:2px; line-height:18px; }

.red {
	color:#F90
}

.small {
	font: 11px Verdana, Geneva, sans-serif;
	color: #ffffff;
}

/* formulier ------------------------------------------------------------------------------------------- */	

form {margin-bottom:0px; margin-top:0px;}

.inputveld {
	color:#000000;
	height: 16px;
	width: 186px;
	border: 1px solid #ffffff;
	background-color:#ffffff;
	margin-bottom:2px;
	font: 11px Verdana, Arial, Helvetica;
}

.textarea {
	font: 11px Verdana, Arial, Helvetica;
	color:#000000;
	background-color:#ffffff;
	height: 148px;
	width: 260px;
	border: 1px solid #ffffff;
	margin-top:6px;
}

.button1 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #F90;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	margin-left:0px;
	vertical-align:middle;
	color:#000000;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #F90;
}

.button2 {
	padding: 2px;
	margin: 2px;
	height: 22px;
	width:90px;
	border: 1px solid #000000;
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align:center;
	cursor: pointer;
	margin-top:10px;
	vertical-align:middle;
	color:#ffffff;
}

/* navigatie ------------------------------------------------------------------------------------------- */	

ul#nav {
	list-style:none;
	color:#999999;
	width:402px;
	height:119px;
	position:absolute;
	margin:0 0 0 -27px; /* All browsers */
	#margin:0 0 0 16px; /* Over ride for IE7 */
	left:50%;
	z-index:10;
	font: bold 13px Arial, Helvetica, sans-serif;
}
ul#nav li.nav1 {
	float:left;
	text-align:left;
	height:119px;
	width:201px;
	text-decoration:none;
	background: url(../img/nav1.png) no-repeat left top;
}

ul#nav li.nav1-on {
	float:left;
	text-align:left;
	height:119px;
	width:201px;
	text-decoration:none;
	background: url(../img/nav1-on.png) no-repeat left top;
	color:#ffffff;
}

ul#nav li.nav2 {
	float:left;
	text-align:left;
	height:119px;
	width:201px;
	text-decoration:none;
	background: url(../img/nav2.png) no-repeat left top;
}

ul#nav li.nav2-on {
	float:left;
	text-align:left;
	height:119px;
	width:201px;
	text-decoration:none;
	background: url(../img/nav2-on.png) no-repeat left top;
}

ul#nav li a {
	cursor:pointer; 
	display:block;
	padding-left:34px;
	padding-top:45px;
	color:#999999;
	text-decoration:none;
}

ul#nav li.nav1-on a.on {
	cursor:pointer; 
	display:block;
	padding-left:34px;
	padding-top:45px;
	color:#F90;
	text-decoration:none;
}

ul#nav li.nav2-on a.on {
	cursor:pointer; 
	display:block;
	padding-left:34px;
	padding-top:45px;
	color:#F90;
	text-decoration:none;
}

ul#nav li a:visited {
	cursor:pointer; 
	display:block;
	padding-left:34px;
	padding-top:45px;
	color:#999999;
	text-decoration:none;
}

ul#nav li.nav2 a:hover {
	text-decoration:none;
	background: url(../img/nav2-on.png) no-repeat left top;
	height:119px;
	width:201px;
	color:#ffffff;
	text-decoration:none;
}
ul#nav li.nav2-on a:hover {
	text-decoration:none;
	height:119px;
	width:201px;
	color:#F90;
	text-decoration:none;
}

ul#nav li.nav1 a:hover {
	text-decoration:none;
	background: url(../img/nav1-on.png) no-repeat left top;
	height:119px;
	width:201px;
	color:#ffffff;
	text-decoration:none;
}

ul#nav li.nav1-on a:hover {
	text-decoration:none;
	height:119px;
	width:201px;
	color:#F90;
	text-decoration:none;
}