/* css by Hans Kuiters */
/* copyright M&P Media bv 2005 */
/* All associated graphics copyright M&ampP Media bv */
/* Last updated: 16-06-2005 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. */

/*-----start base elements-----*/
* {
	margin: 0;
	padding: 0;
}
ul {
	margin-left: 14px;
	list-style: square outside;
}
html, body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffe7a5;
	scrollbar-3dlight-color: #ffcf84; 
	scrollbar-arrow-color: #000000; 
	scrollbar-darkshadow-color: #ffcf84; 
	scrollbar-face-color: #fef0d0; 
	scrollbar-highlight-color: #ffcf84; 
	scrollbar-shadow-color: #ffcf84; 
	scrollbar-track-color: #fef0d0;
}
#site {
	overflow: hidden;
}
#page {
	position: relative;
	top: 0;
	left: 50%;
	margin-top: 0px;
	margin-left: -495px;
	width: 990px;
	height: 533px;
	border: 1px solid #6b3000;
	background: #fef2ce url(../media/back_content.gif) 223px 0px no-repeat;
}
/* MacIE5 hack \*/
#page {
	position: absolute; 
	top: 50%;
	left: 50%;
	margin-top: -266px;
	margin-left: -495px;
	width: 990px;
	height: 533px;
	background: #fef2ce url(../media/back_content.gif) 223px 0px no-repeat;
}
/* end hack*/
#logo_print {
	display: none;
}
#logo_screen {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 133px;
	width: 233px;
	background: #d68639;
}
#logo_screen_bottom {
	position: absolute;
	top: 133px;
	left: 0px;
	height: 400px;
	width: 233px;
	background: #d68639 url(../media/bg_menu.jpg) 0px -133px no-repeat;
}
#content {
	position: absolute;
	top: 60px;
	bottom: 0px;
	left: 236px;
	width: 754px;
	height: 473px;
	overflow: auto;
}
@media screen {
	html body>#content {
		position: absolute;
		top: 60px;
		width: 770px;
		bottom: 0px;
	}
}
#text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 499px;
	padding-bottom: 30px;
}
#textfrontpage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	padding-bottom: 30px;
}
#buttons {
	position: relative;
	top: 0px;
	left: 236px;
	width: 754px;
	height: 31px;
	background: url(../media/buttonbg.gif) repeat-x;
	z-index: 10;
}
#buttons li {
	list-style: none;
	display: inline;
}
#buttons li a {
	position: absolute;
	top: 0px;
	height: 27px;
	display: block;
	padding: 2px 0px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
#subbuttons {
	position: absolute;
	top: 130px;
	left: 10px;
	width: 180px;
	font-family: Arial;
	font-size: 13px;
	line-height: 19px;
}
#subbuttons ul {
	margin-bottom: 5px;
	margin-left: 3px;
}
.sub {
	list-style: none;
	font-weight: bold;
}
li.sub a, li.sub a:link, li.sub a:visited {
	padding-left: 10px;
	color: #ffffff;
	text-decoration: none;
}
li.sub a:hover, li.sub a#subcurrent {
	color: #fcebb5;
	text-decoration: none;
	background: url(../media/subbullet.gif) 0 4px no-repeat;
}
#zoek {
	position: absolute;
	top: 0px;
	left: 416px;
	width: 180px;
	height: 27px;
	padding-top: 4px;
	color: #ffffff;
	background: url(../media/zoek.gif) no-repeat;
}
#zoek form {
	padding-left: 8px;
	height: 27px;
}
#zoek input {
	border: 0px;
}
#zoek input.zoekveld {
	height: 12px;
	font-size: 12px;
}
#login {
	position: absolute;
	top: 50px;
	left: 320px;
	width: 200px;
	padding: 5px;
}
#login li {
	list-style: none;
}
#profiles {
	position: absolute;
	top: 0px;
	left: 320px;
	width: 200px;
	padding: 5px;
}
.space {
	width: 160px;
	height: 10px;
}
#nedstat {
	display: none;
}
#banner {
	position: absolute;
	top: 60px;
	left: 810px;
	width: 130px;
	height: 50px;
}
#newsheadlines {
	position: absolute;
	top: 260px;
	left: 810px;
	width: 130px;
	font-size: 10px;
}
.headlinehead {
  font-weight: bold;
}
/*-----end base elements-----*/

/*-----start link elements-----*/
#content a {
}
#content a:active {
	text-decoration: underline;
}
#content a:link {
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}
#content a:visited {
	color: #0000ff;
	text-decoration: underline;
}
#but1 a {
	left: 0px;
	width: 50px;
	background: url(../media/email.gif) 0 -31px no-repeat;
}
#but2 a {
	left: 50px;
	width: 53px;
	background: url(../media/nl.gif) 0 -31px no-repeat;
}
#but3 a {
	left: 103px;
	width: 53px;
	background: url(../media/engels.gif) 0 -31px no-repeat;
}
#but4 a {
	left: 156px;
	width: 53px;
	background: url(../media/duits.gif) 0 -31px no-repeat;
}
#but5 a {
	left: 209px;
	width: 53px;
	background: url(../media/frans.gif) 0 -31px no-repeat;
}
#but6 a {
	left: 262px;
	width: 53px;
	background: url(../media/marok.gif) 0 -31px no-repeat;
}
#but7 a {
	left: 315px;
	width: 53px;
	background: url(../media/turks.gif) 0 -31px no-repeat;
}
#but8 a {
	left: 368px;
	width: 48px;
	background: url(../media/home.gif) 0 -31px no-repeat;
}
#but1 a:hover, #but1 a#current {
	color: #000000;
	text-decoration: none;
	width: 73px;
	background: url(../media/email.gif) 0 0 no-repeat;
}
#but2 a:hover, #but2 a#current {
	color: #000000;
	text-decoration: none;
	background: url(../media/nl.gif) 0 0 no-repeat;
}
#but3 a:hover, #but3 a#current {
	color: #000000;
	text-decoration: none;
	background: url(../media/engels.gif) 0 0 no-repeat;
}
#but4 a:hover, #but4 a#current {
	color: #000000;
	text-decoration: none;
	background: url(../media/duits.gif) 0 0 no-repeat;
}
#but5 a:hover, #but5 a#current {
	color: #000000;
	text-decoration: none;
	background: url(../media/frans.gif) 0 0 no-repeat;
}
#but6 a:hover, #but6 a#current {
	color: #000000;
	text-decoration: none;
	background: url(../media/marok.gif) 0 0 no-repeat;
}
#but7 a:hover, #but7 a#current {
	color: #000000;
	text-decoration: none;
	background: url(../media/turks.gif) 0 0 no-repeat;
}
#but8 a:hover, #but8 a#current {
	color: #000000;
	text-decoration: none;
	background: url(../media/home.gif) 0 0 no-repeat;
}
/*-----end link element-----*/

/*-----start base elements-----*/
li i {
	display: none;
}
img {
	border: 0px;
}
table {
	border: 0px;
	padding: 0px;
}
td {
	padding: 2px;
}
/*-----end base element-----*/

/*-----start form elements-----*/
input { 
	color: #3f3f3f; 
	font-size: 10pt; 
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-indent: 3px;
	border-top: 0px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #ffffff;
}
textarea { 
	color: #3f3f3f; 
	font-size: 8pt; 
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-indent: 2px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #000000;
}
.button { 
	font-weight: bold; 
	font-size: 8pt; 
	background-color: white; 
	border: 1px solid #000000; 
}
/*-----end form element-----*/
/*-----start style elements-----*/
h1 {
	color: #000000;
	margin-bottom: 10px;
	font-size: 16px; 
	font-weight: bold;
}
h2 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
h4 {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}
h6 {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}
div, p, td { 
	color: #000000;
	font-size: 12px;
	line-height: 16px;
}
.firstchar {
	font-size: 24px;
	color: #cad8f0;
}
.intro {
	margin-bottom: 10px;
	font-weight: bold;
}
#text li, div>li {
	list-style: square outside;
	line-height: 18px; 
}
/*-----end style element-----*/