/* CSS Document */

/*General layout*/

html, body {
	background-attachment: fixed;
	background-color: #d8d8d8;
	background-image: url(images/bg_gradient.gif);
	background-repeat: repeat-x;
	margin: 0;
	min-height: 101%;
	padding: 0;
}
.menu ol, .menu ul, .menu li { /*Space optimization*/
	margin: 0;
	padding: 0;
}
.menu a:visited, a:link { /*Links zijn niet onderlijnd*/
	text-decoration: none; 
}
.menu a:hover { /*Links zijn onderlijnd bij hover*/
	text-decoration: none;
}
.bluebglinks a { /*links op een blauwe achtergrond zijn donkerder*/
	color: #339;
}
.headersearch .inputfield { /*Inputfield*/
	font-family: Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #000;
}
.headersearch form { /*Voor forms, voor IE*/
	margin: 0;
}

/*Page layout*/

.fixed { /*Fixed het menu bovenaan de pagina, werkt niet in IE*/
	overflow: visible;
	position: fixed;
	width: 100%;
	z-index: 200;
}
.absolute { /*Zet de rest onder het menu*/
	position: absolute;
	top: 102px;
	width: 100%;
	z-index: 1;
}
.content { /*Zet de breedte van het window*/
	background-color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	clear: both;
	margin: 0 auto;
	position: relative;
	width: 782px;
}
.header { /*Opmaak voor de header*/
	background-color: #69c;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	height: 101px;
	overflow: visible;
	width: 100%;
	z-index: 201;
}
.headerimage { /*Eigenschappen van de headerimage*/
	width: 605px;
	height: 56px;
	border: 0;
	padding: 0;
	margin: 0;
}
.headerimage a, .headerimage img, .footer a, .footer img { /*Eigenschappen van de headerimage*/
	border: 0;
	padding: 0;
	margin: 0;
}
.headersearch { /*Opmaak van het searchvak*/
	position: absolute;
	top: 0;
	left: 605px;
	text-align: center;
	vertical-align: top;
	width: 175px;
	padding-top: 5px;
}
.menu { /*Opmaak van de menu container*/
	background-color: #69c;
	clear: both;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 58px;
	width: 780px;
}
.menu ul { /*Opmaak van de menu list*/
	margin: 0 0 0 4px;
	padding: 0;
	list-style-type: none;
}
.menu ul li { /*Opmaak van de menu list items*/
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}
.menu ul li a { /*Opmaak van de links in de menu list items*/
	display: block;
	float: left;
	text-decoration: none;
	border: 1px solid #000;
	color: #369;
	background-color: #cdcdcd;
	font-size: 11px;
	width: 80px;
	margin: 2px;
}
.menu ul li a:hover { /*Opmaak van de hover state van de links in de menu list items*/
	background-color: #bbb;
}
.fixed .loginbar {
	background: #cdcdcd;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	font-size: 12px;
	height: 17px;
	padding: 1px 5px 1px 5px;
	position: absolute;
	top: 81px;
	width: 772px;
}
.fixed .loginbar .inputfield {
	font-size: 10px;
}
.absolute .adspace { /*Opmaak van de advertentieruimte*/
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	text-align: center;
}
.footer { /*Opmaak van de footer*/
	background-color: #69c;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}