/* 
    Document   : styles
    Created on : 28-dec-2009, 12:41:49
    Author     : Ben
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	background:url(../img/achtergrond.jpg) repeat-x #FFF;
	text-align:center;
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:11px;
	color:#333;
	line-height:175%;
}

td { vertical-align:top; height:100%;}

ul { margin:0px; padding:0px; list-style:none;}

a { cursor:pointer;}

p {
	text-align:justify;
	line-height:175%;
}

td p { padding:0px;}

div#website {
	margin:0 auto;
	width:900px;
	text-align:left;
}

div#header {
	width:900px;
	height:30px;
}

div#spotlight {
	width:900px;
	height:270px;
	background:url(../img/logo.png) left top no-repeat}

div#body {
	width:900px;
	overflow:auto;
}

div#font_size {
	width:50px;
	text-align:right;}

div#region_1 {
	width:850px;
	float:left;
}

div#region_2 {
	border:1px solid #CCC;
	margin-top:20px;
	margin-left:300px;
	width:600px;
	background:#FFF;
	float:left;
}

div#region_3 {
	width:300px;
	float:left;
}

div#region_4 {
	float:left;
	overflow:hidden;
}

div#footer {
	width:900px;
	height:80px;
	border-top:1px solid #999;
	color:#999;
	text-align:right;
}

div.block {
	padding:10px;
	margin-bottom:10px;
}

div.gray {
	background:url(../img/grijs.jpg) center;
	border:1px solid #999;
}

div.green {
	background:url(../img/groen.jpg) center;
	border:1px solid #1D4B00;
}

ul#menu {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#menu li {
	display:block;
	float:left;
	width:auto;
	padding:0px 5px 0px 5px;
}

ul#menu li a {
	display:block;
	width:auto;
	float:left;
	padding:5px 10px 5px 10px;
	background:#FFF;
	color:#000;
}

.bold { font-weight:bold;}
.center { text-align:center;}
.float-left { float:left;}
.w200 { width:200px;}
.w300 { width:300px;}
.w380 { width:380px;}
.w600 { width:600px;}

.table-header { 
	height:25px;
	color:#FFF;
	line-height:225%;
	margin-bottom:5px;
	background:url(../img/menu_hover.png) #222 repeat-x;}

h1 { font-family:Times New Roman; font-size:20px; padding:0px; margin:0px;}
h2 { font-family:Times New Roman; font-size:20px; padding:0px; margin:0px;}

ul#hoofd-menu {
	padding:0px;
	margin:0px;
	list-style:none;
}

ul#hoofd-menu li {
	display:block;
	float:left;
	height:32px;
}

ul#hoofd-menu li a {
	display:block;
	height:30px;
	float:left;
	padding:0px 10px 0px 10px;
	color:#FFF;
	background:#222;
	text-decoration:none;
	line-height:250%;
	font-weight:bold;
	border-bottom:2px solid #FFF;
}

ul#hoofd-menu li a:hover {
	background:url(../img/menu_hover.png) #222 repeat-x;
}

ul#hoofd-menu li ul {
	display:none;
	position:absolute;
	top:30px;
	z-index:10;
	border-left:2px solid #FFF;
	border-bottom:2px solid #FFF;
	border-right:2px solid #FFF;
}

ul#hoofd-menu li ul li {
	display:block;
	height:26px;
	float:none;}

ul#hoofd-menu li ul li a {
	display:block;
	width:200px;
	text-align:left;
	height:25px;
	background:#333;
	border-bottom:1px solid #555;}

.text { background:#FFF; border:1px solid #2E7300;}
.w430 { width:430px;}

.fontSize { color:#FFF; border-bottom:1px dotted #FFF;}
.fontSize:hover { color:#222;}
.small { font-size:9px;}
.medium { font-size:11px;}
.large { font-size:13px;}
.zoekresultaat_hover:hover { background:#F5F5F5; }

a { color: #2E7300; text-decoration:none;}
a:hover { text-decoration:underline;}