body {
	font-family: Verdana;
	font-size: small;
	background-color: #333333;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	background-image: url('background.png');
	background-repeat: repeat-x;
}

#content {
	position: relative;
	width: 100%;
	min-height: 200px;
	top: 240px;
}
#content .midden {
	position: relative;
	left: 0px;
	top: 0px;
	width: 88%;
	float: left;
	height:100%;
}
#content .inhoud {
	opacity:.80;
	filter: alpha(opacity=80);
	height: 100%;
	padding: 5px;
	padding-bottom: 20px;
}
#content .leftitem {
	float: left;
	width: 6%;
	height: 100%;
}
#content #wit { background-color: #837796;}
#content #geel { background-color: #817729;}
#content #turkoois { background-color: #0c76a8;}
#content #groen { background-color: #0a763f;}
#content #paars { background-color: #7a03bc;}
#content #rood { background-color: #760359;}
#content #blauw { background-color: #0102d4;}
#content #zwart { background-color: #000266;}

#footer {
	position: fixed;
	width: 100%;
	height: 20px;
	left: 0px;
	bottom: 0px;
	background-color: #000000;
	text-align: center;
	padding: 5px;
	z-index: 20;
}

#foto {
	position: absolute;
	left: 0px;
	top: 0px;
        width: 95%;
	height: 200px;
	overflow: hidden;
	background-image:url('background_foto.png');
	z-index:-1;
}
h1 {
	font-size:large;
	font-weight: bolder;
}

#header {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	max-width: 100%;
	min-width: 636px;
	#min-width: 680px;
}
#left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 6%;
	background-color: #000000;
}
#leftitem {
	float: left;
	width: 6%;
	height: 30px;
}

#logo {
	position:absolute;
	overflow: hidden;
	height: 122px;
	top: 59px;
	left: 130px;
}

#logo a img {
	max-width: 90%;
	padding: 2px;
	border: 0px;
}

#menu {
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0px;
	bottom: 0px;
}

#menu .item a {
	float: left;
	width: 11%;
	height: 30px;
	text-align: center;
}

#menu .item a img {
	max-width: 90%;
	vertical-align: baseline;
	border: 0px;
	padding: 2px;
}
#rainbow {
	position: absolute;
	width: 100%;
	height: 200px;
	z-index:-1;
	min-width:
}

#rainbow #left {
	position: relative;
	float: left;
	width: 6%;
	height: 100%;
}

#rainbow #right {
	position: relative;
	float: left;
	width: 2%;
	height: 100%;
	background-color: #000000;
}

#rainbow .item {
	position: relative;
	width: 11%;
	height: 100%;
	opacity:.50;
	filter: alpha(opacity=50);
	float: left;
}

#rainbow #wit { background-color: #837796;}
#rainbow #geel { background-color: #817729;}
#rainbow #turkoois { background-color: #0c76a8;}
#rainbow #groen { background-color: #0a763f;}
#rainbow #paars { background-color: #7a03bc;}
#rainbow #rood { background-color: #760359;}
#rainbow #blauw { background-color: #0102d4;}
#rainbow #zwart { background-color: #000266;}

#top {
	position: relative;
	width: 100%;
	height: 200px;
	top: 30px;
}

img.floatleft { float: left; margin: 0.5em 1em 1em 0; border: 1px solid #999; clear: left; }

img.floatright { float: right; margin: 0.5em 0 1em 1em; border: 1px solid #999; clear: right; }