/* colors */

body, table {
	color: #C3C3FF;
	background-color: #0000FF;
}

img, a:hover img {
	background-color: #C3C3FF;
}

a img, .logo img, .info img {
	background-color: White;
}

a:hover {
	color: #C3C3FF;
}

a {
	color: White;
}

div.logo {
  	border-top: 1px solid White;
}

.info {
	color: #0000FF;
	background-color: White;
	border: 1px solid #0000FF;
}

/* home page layout */

html, iframe {
	/* XHTML */
 	overflow: auto;  /* IE */
 	height: 100%;  /* Safari */
 	width: 100%;  /* Safari */
}

body {
	padding: 0; /* Opera */	
 	overflow: auto;
 	height: 100%;  /* Netscape */
 	width: 100%;  /* Netscape */
}

iframe, body, table, td {
	margin: 0;
	border: 0 none;
}

body, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img {
	border: 0 none;
	display: block;
}

a {
	text-decoration: none;
}

a:focus, a:active {
	outline: none;
}

:link:focus, :visited:focus {
	-moz-outline: 0px; /* Mozilla */
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

div.page {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;	
	margin-top: -260px;
	margin-left: -234px;
}

table, div.logo, img {
	width: 468px;
}

img.home1 {
	height: 47px;
}

table.home2 {
	margin-top: 9px;	
}

td {
	line-height: 34px;
}

.home2 td {
	font-size: 27px;
	letter-spacing: 0.02em;
}

.home3 td {
	font-size: 24px;
	letter-spacing: 0.02em;
}

.home4 td {
	letter-spacing: 0.025em;
	line-height: 26px;
}

.home4 td.left {
	font-size: 27px;
}

.home4 .datum {
	font-size: 20px;
}

.home4 td.right {
	font-size: 34px;
}

.home4 td.right a {
	font-weight: bold;
}

.home5 td {
	font-size: 23px;
	letter-spacing: 0.03em;
}

.home6 td {
	font-size: 18px;
	letter-spacing: 0.03em;
}

table.home6 {
	margin-bottom: 10px;
}

span.item, span.bull {
	padding-right: 3px; /* FireFox */
	letter-spacing: 0; /* IE5 */
}

.home4 span.bull {
	padding-right: 1px;
}

.home6 span.item {
	padding-right: 4px;
}

.item {
	font-size: 12px;
	line-height: 12px; /* FireFox, Safari */
	vertical-align: sub;
}

.bull {
	font-size: 17px;
}

div.logo {
   padding-top: 23px;
}

/* windows layout */

.info {
	position: absolute;
	top: 50%;
	left: 50%;	
	width: 620px;
	height: 300px;
}


#nieuws, #images, #nieuws .content, #nieuws .images {
	height: 300px;
}

/* windows position */

#m3harchitecten, #marcreniers, #machielspaan, #cv, #route, #nieuws {
	display: none;
}

#m3harchitecten {
	z-index: 10;
}

#marcreniers {
	z-index: 8;
}

#machielspaan {
	z-index: 9;
}

#cv {
	z-index: 6;
}

#route {
	z-index: 7;
}

#nieuws {
	z-index: 5;
}

#m3harchitecten {
	margin-top: -192px;
}

#marcreniers, #machielspaan {
	margin-top: -152px;
}

#cv, #route {
	margin-top: -112px;
}

#nieuws {
	margin-top: -72px;
	margin-left: -450px;
}

#m3harchitecten {
	margin-left: -320px;
}

#marcreniers, #cv {
	margin-left: -410px;
}

#machielspaan, #route {
	margin-left: -150px;
}