* {
	margin:0px;
	padding:0px;
}
body, html {
	color:#333333;
	height:100%;
}
body{
	font: normal 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
}


/*****************************/
/* 		  STRUCTUUR      */
/****************************/
#distance {
	width:1px;
	height:50%;
	margin-bottom:-285px; /* half of container's height */
	float:left;
}
#pagina {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	clear:left;
	width:784px;
	height:570px;
	background-color:#FFF;
}
#bedrijf{
	z-index:2;
	position:absolute;
	width:200px;
	left: 55px;
	top:8px;
	height:36px;
	background-image:url(../img/blank.gif);
}
#bedrijf h1.wit {	background-image:url(../img/bever_wit.png);      background-repeat:no-repeat; }
#bedrijf h1.zwart { background-image:url(../img/bever_zwart.png);  background-repeat:no-repeat; }

#menu{
	position:absolute;
	left:55px;
	top:55px;
	z-index:1;
	overflow:hidden;
}

#menu ul{
	position:relative;
	list-style:none;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
	width:200px;
}
#menu ul li{
	height:38px;
	background-color:#FFFFFF;
	border:1px solid #fff;
	margin-bottom:3px;
	padding-bottom:2px;
	padding-left:10px;
}
#submenu {
	position:absolute;
	top:190px;
	left:55px;
	width:200px;
	z-index:2;
	overflow:hidden;
}
#submenu ul{
	position:relative;
	list-style:none;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
	width:200px;
}
#submenu ul li{
	height:25px;
	background-color:#FFFFFF;
	border:1px solid #fff;
	margin-bottom:3px;
	padding-left:10px;
}
#sublijst {
	position:absolute;
	top:250px;
	left:55px;
	width:200px;
	z-index:2;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
 	background-color:#FFFFFF;
}
#sublijst ul{
	position:relative;
	list-style:none;
	width:198px;
	border:1px solid #fff;
	padding-top:8px;
	padding-bottom:8px;
	
}
#sublijst ul li{
/*	height:15px;*/
	padding-left:10px;
	font-size:12px;
	
}
#paginanummer {
	position:absolute;
	top:511px;
	left:55px;
	width:198px;
	height:24px;
	z-index:2;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
 	background-color:#FFFFFF;
	border:1px solid #fff;
}
#paginanummer ul, #tekstnummer ul{
	position:relative;
	list-style:none;
	width:198px;
}
#paginanummer ul li, #tekstnummer ul li{
	position:relative;
	float:left;
	width:18px;
	height:17px;
	display:block;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	margin-top:2px;
	padding-top:3px;
	padding-left:2px;
}
#tekstnummer {
	position:absolute;
	top:280px;
	right:295px;
	*right:300px;
	width:200px;
	height:24px;
	z-index:2;
 	background-color:#FFFFFF;
	border:1px solid #fff;
}
#nieuws {
	position:absolute;
	top:55px;
	left:263px;
	width:480px;
	height:314px;
	z-index:2;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
 	background-color:#FFFFFF;
	border:1px solid #fff;
	padding:8px;
	padding-left:10px;
	font-size:12px;
}
#projecten {
	position:absolute;
	top:55px;
	left:263px;
	width:480px;
	height: 500px;
	z-index:2;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
 	background-color:#FFFFFF;
	border:1px solid #fff;
	padding:8px;
	padding-left:10px;
	font-size:12px;
}
#bureau {
	position:absolute;
	top:55px;
	left:263px;
	width:480px;
	height:294px;
	z-index:2;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
 	background-color:#FFFFFF;
	border:1px solid #fff;
	padding:8px;
	padding-left:10px;
	font-size:12px;
}
#slideshow {
	position: relative;
	width: 784px;
	height: 570px;
	overflow: hidden;
}
#slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	width: 784px;
	height: 570px;
}
#backimage {
	position:absolute;
	clear:left;
	z-index:0;
	width:784px;
	height:570px;
	background-repeat:no-repeat;
}
.background {
	border:none;
}
#bureau #projectinfo {
	height:178px;
}
#projectinfo {
	padding:5px;
	padding-top:0px;
	background:#FFF;
	opacity:.85;
	filter: alpha(opacity=85);
	 -moz-opacity: 0.85;
	 border:1px solid #BBB;
}
#bedrijfsinfo{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:6px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	left:55px;
	top:411px;
	width:178px;
	height:112px;
	text-align:left;
	letter-spacing:0.4px;
	background-color:#FFFFFF;
	
	 -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=65)”;
	filter: alpha(opacity=65);
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65;
	opacity: 0.65;



	 font-size:13px;
	 border:1px solid #fff;
	 cursor:hand;
	 cursor:pointer;
	 text-decoration:none;
}
#navvorige, #navvolgende{
	position:absolute;
	clear:both;
	float:left;
	width:16px;
	background-color:#DDD;
	font-size:13px;
	text-align:center;
	border:1px solid #BBB;
	cursor:hand;
}
#navvorige{
	top:470px;
	left:30px;
}
#navvolgende {
	top:470px;
	left:200px;
}
#foto {
	position:absolute;
	top:509px;
	left:455px;
	width:300px;
	height:32px;
	z-index:2;
	font-size:12px;
}
#foto ul{
	position:relative;
	list-style:none;
	width:300px;
	opacity:.65;
	filter: alpha(opacity=65);
	 -moz-opacity: 0.65;
}
#foto ul li{
	position:relative;
	float:left;
	width:18px;
	height:17px;
	display:block;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	margin-top:5px;
	padding-top:3px;
	padding-left:2px;
}


/*****************************/
/* 		   CLASSES 			*/
/*****************************/
.datum {
	font-style:italic;
}
#submenu.selected{
	color:#F00;
}
.foto_grijs {
	background-image:url(../img/nummer_blok_grijs.gif);
}

.foto_rood {
	background-image:url(../img/nummer_blok_rood.gif);
}

.foto_wit {
	background-color:#FFFFFF;
}
.menu_rood{
	color:#F00;
}
.menu_grijs{
	color:#000;
}
.foto td{
	width:20px;
	/*background-image:url(./img/fotobutton.gif);*/
	height:20px;
	text-align:center;
	background-color:#666666;
}
.menulijst{
	cursor:hand;
	cursor:pointer;
}


/************************/
/* 			HEADERS        */
/************************/
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:46px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:0px;
}
#menu h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	font-weight:bold;
	width:180px;
}
#submenu h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	width:180px;
}


/*****************************/
/* 				LINKS  			*/
/*****************************/
#foto a:link, #tekstnummer a:link, #paginanummer a:link{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
#foto a:visited, #tekstnummer a:visited, #paginanummer a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
#foto a:hover, #tekstnummer a:hover, #paginanummer a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#AAA;
}
#foto a:active, #tekstnummer a:active, #paginanummer a:active{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
#menu a:link, #submenu a:link, #sublijst a:link {
	text-decoration:none;
	color:#111;
}
#menu a:visited, #submenu a:visited, #sublijst a:visited  {
	text-decoration:none;
	color:#111;
}
#menu a:active, #submenu a:active, #sublijst a:active  {
	text-decoration:none;
	color:#F00;
}
#menu a:hover, #submenu a:hover, #sublijst a:hover {
	text-decoration:none;
	color:#F00;
}
#bedrijfsinfo a:link, #bedrijfsinfo a:visited, #bedrijfsinfo a:active{
	text-decoration:none;
	color:#111;
}
#bedrijfsinfo a:hover {
	text-decoration:none;
	color:#FF0000;
}


a:link{
	text-decoration:underline;
	color:#0066CC;
}
a:visited{
	text-decoration:underline;
	color:#0066CC;
}
a:active{
	text-decoration:underline;
	color:#0066CC;
}
a:hover{
	text-decoration:underline;
	color:#111;
}