html,
body {
	height: 100%;
}

body {
	background: #fff;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2a2853;
	
	text-align: center;
	margin: 0;
	padding: 0;
}

/* ***
 * Container.
 */
div#container {
	width: 935px;
	min-height: 100%;
	
	background: url('images/containerbg.gif') repeat-y left top;
	
	margin: 0 auto;
	padding: 0;
	
	text-align: left;
	
	position: relative;	
}

* html div#container {
	height: 100%;
}

div#container2 {
	width: 100%;
	bottom: 0;
	
	background: url('images/footerbg.gif') no-repeat left bottom;
	
	position: absolute;
}

* html div#container2 {
	height: 13px;
	bottom: -1px;
}

div#container3 {
	position: relative;
}

/* ***
 * Header.
 */
div#header {
	height: 75px;
	width: 933px;

	background: url('images/headerbg.jpg') no-repeat left top;
	margin: 0 0 0 1px;
	overflow: hidden;
	
	position: relative;
}

div#header h1 {
	line-height: 250px;
}

div#header div#algemeneInformatie {
	position: absolute;
	top: 0;
	right: 35px;
	font-size: 0.8em;
}

div#header div#homelink {
	position: absolute;
	top: 0;
	left: 0;
	height: 75px;
	width: 190px;
	
	overflow: hidden;
}
div#header div#homelink a {
	display: block;
	padding: 75px 0 0 0;
	background: url('images/headerbg.jpg') no-repeat left top;
}

div#header form#search {
	position: absolute;
	top: 35px;
	right: 15px;
}

div#header form#search input {
	border: 1px solid #2b2954;
	width: 75px;
	height: 13px;
	line-height: 11px;
	
	padding: 0 0 0 3px;
	
	color: #2b2954;
	
	font-size: 0.8em;
}

* html div#header form#search input {
	font-family: arial;
}

div#header form#search input.submit {
	border: 0;
	width: 12px;
	height: 15px;
	
	overflow: hidden;
	
	line-height: 300px;
}

/* ***
 * Menu en Nieuws.
 */
div#menuAndNews {
	height: 201px;
	width: 933px;
	
	background: #7b8fcc url('images/menuAndNewsbg.jpg') no-repeat left top;
	
	overflow: hidden;
	
	margin: 0 0 0 1px;
}

/* **
 * News.
 */
div#menuAndNews div#news {
	margin: 0 0 0 642px;
	
	height: 140px;
	overflow: hidden;
	
	color: #fff;
}

div#menuAndNews div#news h3 {
	margin: 4px 0;
	font-size: 1.4em;
}

div#menuAndNews div#news h3 a {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

div#menuAndNews div#news p {
	margin: 4px 0;
}

div#menuAndNews div#news div.news-list-text a,
div#menuAndNews div#news a {
	margin: 4px 0;
	text-decoration: none;
	color: #fff;
}

div#menuAndNews div#news a:hover {
	text-decoration: underline;
}


/* **
 * Mainmenu.
 */
div#menuAndNews div#mainmenu_outer {
	padding: 1px 0 0 27px;
	background: url('images/mainmenubg.gif') no-repeat top left;
}
div#menuAndNews table#mainmenu {
	height: 60px;
	overflow: hidden;
	
	width: 864px;
	
	font-size: 0.8em;
}

div#menuAndNews table#mainmenu td {
	border-right: 1px solid #fff;	
	text-align: center;
	
	padding: 0 10px;
}

div#menuAndNews table#mainmenu tr.boven {
	height: 39px;
}
div#menuAndNews table#mainmenu tr.boven td {
	background-color: #fc2c9a;

}

div#menuAndNews table#mainmenu tr.onder {
	height: 21px;
}

div#menuAndNews table#mainmenu tr.boven td a {
	color: #fff;
	text-transform: uppercase;
	
	text-decoration: none;
}

div#menuAndNews table#mainmenu tr.boven td a:hover {
	text-decoration: underline;
}

/* ***
 * Content Outer.
 */
div#content_outer {
	overflow: hidden;
	padding-bottom: 20px;
}

/* **
 * Content Left.
 */
div#content_outer div#content_left {
	float: left;
	width: 179px;
	overflow: hidden;
	
	margin: 0 0 0 1px;
}

div#content_outer div#content_left ul#submenu {
	list-style-type: none;
	margin: 21px 0 0 11px;
	padding: 0;
	font-size: 0.75em;
	font-weight: bold;
}

div#content_outer div#content_left ul#submenu li {
	margin: 4px 0 0 0;
}

div#content_outer div#content_left ul#submenu li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #2a2853;
}

div#content_outer div#content_left ul#submenu ul {
	display: none;
}

div#directInloggen {
	position: absolute;
	bottom: 20px;
	left: 3px;
	
	width: 132px;
	height: 22px;
	
	background: #2a2853;
	text-align: center;
	
	overflow: hidden;
}

div#directInloggen a {
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 22px;
	
	background: url('images/directLoginKnop.gif') no-repeat 120px center;
}

/* **
 * Content Main.
 */
div#content_outer div#content_main {
	float: left;
	width: 360px;
	margin: 0 44px 0 33px;
	position: relative;
}

div#content_outer div#content_main a {
	color: #2a2853;
}
div#content_outer div#content_main a:hover {
	text-decoration: none;
}

div#content_outer div#content_main h2 {
	color: #2a2853;
	text-transform: uppercase;
	font-size: 2em;
	
	margin: 15px 0 0 0;
	position: relative;
	left: -20px;
	padding: 0 0 0 20px;
	background: url('images/header_content_main.gif') repeat-y left top;
}

/* **
 * Content right.
 */
div#content_outer div#content_right {
	float: right;
	width: 310px;
}

div#content_outer div#content_right a {
	color: #2a2853;
}

div#content_right div.content_right_vak,
div#content_right div.news-list-item {
	padding: 15px 21px 10px 21px;
	border-bottom: 1px solid #2a2853;
}

* html div#content_right div.content_right_vak {
	padding-left: 26px;
}

div#content_right div.content_right_vak h2 {
	font-size: 1.5em;
}

div#content_right div.content_right_vak h2,
div#content_right div.content_right_vak h3,
div#content_right div.news-list-container h3 {
	background: url('images/header_content_main.gif') repeat-y left top;
	margin: 0 0 0 -13px;
	padding: 0 0 0 13px;
}

div#content_right div.news-list-item div.news-list-morelink a,
div#content_right div.content_right_vak div.vervolg a {
	color: #2a2853;
	font-weight: bold;
	text-transform: lowercase;
}

div#content_right div.news-list-item div.news-list-text a,
div#content_right div.news-list-item a {
	color: #2a2853;
	text-decoration: none;
}

div#content_right h3 a {
	color: #2a2853;
	text-decoration: none;
}

/* ***
 * Footer.
 */
div#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	
	height: 13px;
	width: 935px;
	
	margin: 0 auto;
	
	overflow: hidden;
	
	background: #2a2853;
}

/* **
 * Overige.
 */
div.news-list-morelink,
div.vervolg {
	text-align: right;
	margin: 0 10px 0 0;
}

div.news-list-morelink a,
div.vervolg a {
	padding: 4px 20px 4px 0;
	background: url('images/vervolgknop.gif') no-repeat right center;
	text-decoration: none;
	color: #fff;
}

div.news-list-morelink a:hover,
div.vervolg a:hover {
	text-decoration: underline;
}