/*
By Wim Robijn
All rights reserved

Used colors: 
===========
0048bb = blue
ba1515 = red
ffdf69 = light yellow
ffc900 = heavy yellow

*/

#menu
{
		width : 760px;
		height: 120px;
		padding: 0px;
		margin: 0px;
		background-color: #ba1515; /* websafe: CC0033 of CC0000 */
		top: 0px;
		left: 0px;
		position: absolute;
		font-family: "Comic Sans MS", cursive;
		z-index: 2;
		color: #0048bb;
}

.nav ul
{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: block;
}

.nav ul li
{
	position: absolute;
}

.nav li ul
{
	display: none;
	position: absolute;
	top: 24px;
	left: 65px;
	width: 100%;
}

.nav ul li:hover ul ul
{
	display : none;
	z-index: 5;
}

.nav ul li a,
.nav ul li:hover a
{
	display: block;
}

.nav a{
	text-decoration: none;
}

.nav ul li:hover ul,
.nav ul li ul:hover ul li ul
{
	display: block;
	z-index: 5;
}
	
#logo {
		top: 5px;
		left: 5px;
		position: absolute;
}
	
#titel {
		top: 10px;
		left: 225px;
		position: absolute;
	}

.nav{
		position: absolute;
		top: 60px;
		left: 200px;
		color: #0048bb; /* use websafe color: 0033CC of 0000CC of 0000FF  ? */
	}

.nav a{
		text-align: center;
		background: url("../nieuw/images/box2.gif");
		height: 24px;
		width: 100px;
		padding: 0px;
		margin: 0px;
		display:block;
		position: absolute;
		top: 0px;
		text-decoration: none;
		color: blue;
}

.nav ul li:hover ul li:hover a
{
	background: url("../nieuw/images/box2blue.gif");
	color: #ffc900;
}
	
#left	{
		top: 120px;
		left: 0px;
		position: absolute;
		background-color: #ba1515; /* websafe: CC0033 of CC0000 */
		width: 160px;
		margin: 0px;
		padding: 0px;
		height: 550px;
	}

#leftunder {
		top: 670px;
		left: 0px;
		position: absolute;
		background-color: #ffdf69; /* use #ffff66?  websafe color*/
		width: 160px;
		margin: 0px;
		padding: 0px;
		height: 80px;
	}	
	
#lefttop	{
		top: 120px;
		left: 160px;
		position: absolute;
		background-color: #ffdf69; /* use #ffff66?  websafe color*/
		width: 60px;
		margin: 0px;
		padding: 0px;
		height: 50px;
	}
	
#middle	{
		top: 140px;
		left: 180px;
		position: absolute;
		color: black;
		padding: 10px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-bottom: 20px;
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 0px;
		width: 80%;
	}
	
body {
		background: #ffdf69; /* use #ffff66?  websafe color*/
		font-family: arial;
	}

h2
	{
		font-size: 14.0pt;
		text-align: left;
		color: #0048bb; /* use websafe color: 0033CC of 0000CC of 0000FF  ? */
	}

h3 	{
		font-size: 12.0pt;
		text-align: left;
		color: #0048bb; /* use websafe color: 0033CC of 0000CC of 0000FF  ? */
	}

img 	{
		border: 0px;
	}	
	
.hoofdletter{
	color: blue;
	font-size: 30px;
	text-align: left;
}

.kleineletter{
	color: black;
	font-size: 20px;
	text-align: left;
}

#kromme
{
	left: 760px;
	width : 80px;
	height: 120px;
	padding: 0px;
	margin: 0px;
	top: 0px;
	position: absolute;
}

.panels{
	position: absolute;
	width: 140px;
	height: 400px;
	top: 40px;
	left: 10px;
}

.textbox{
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #ffdf69;
}

.boxtitle{
	font-family: "Comic Sans MS", cursive;
	text-align: center;
	color: #0048bb;
	background-color: #ffc900;
	height: 25px;
	width: 100%;
}

.boxmiddle{
	padding: 5px 30px;
	background-color: #ffdf69;
}

.leftfiller{
	background-color: #ffc900;
	width: 7px;
	position: absolute;
	top: 25px;
	bottom: 25px;
	left: 0px;
}

.rightfiller{
	background-color: #ffc900;
	width: 7px;
	position: absolute;
	top: 25px;
	bottom: 25px;
	right: 0px;
}

.bottomfiller{
	background-color: #ffc900;
	height: 7px;
	position: absolute;
	bottom: 0px;
	left: 25px;
	right: 25px;
}