/* css by Hans Kuiters */
/* copyright M&P Media bv 2005 */
/* All associated graphics copyright M&ampP Media bv */
/* Last updated: 26-08-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;
}
li {
	list-style: square outside;
	line-height: 18px; 
}
html, body {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url(../media/bg_page.jpg) repeat-x;
\	overflow: auto;
}
#page {
	position: relative;
	top: 0;
	left: 50%;
	margin-top: 0px;
	margin-left: -385px;
	width: 770px;
	height: 533px;
	border: 2px solid #6e0033;
	background: #d1eeff url(../media/bg_content.jpg) 188px 160px no-repeat;
}
/* MacIE5 hack \*/
#page {
	position: absolute; 
	top: 50%;
	left: 50%;
	margin-top: -266px;
	margin-left: -385px;
	width: 770px;
	height: 533px;
	background: #d1eeff url(../media/bg_content.jpg) 186px 159px no-repeat;
}
/* end hack*/
#logo_print {
	display: none;
}
#logo_screen {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 159px;
	width: 770px;
	background: #ffdae9;
	border-bottom: 1px solid #6e0033;
}
#footer {
	position: absolute;
	top: 471px;
	left: 186px;
	width: 583px;
	height: 60px;
	border-top: 2px solid #6e0033;
	border-left: 1px solid #6e0033;
	background-color: #ffdae9;
}
#content {
	position: absolute;
	top: 160px;
	bottom: 38px;
	left: 186px;
	width: 583px;
	height: 311px;
	overflow: auto;
	border-left: 1px solid #6e0033;
	scrollbar-3dlight-color: #6e0033; 
	scrollbar-arrow-color: #6e0033; 
	scrollbar-darkshadow-color: #6e0033; 
	scrollbar-face-color: #d1eeff; 
	scrollbar-highlight-color: #d1eeff; 
	scrollbar-shadow-color: #d1eeff; 
	scrollbar-track-color: #d1eeff;
}
@media screen {
	html body>#content {
		position: absolute;
		top: 180px;
		width: 584px;
		bottom: 38px;
	}
}
#text {
	position: absolute;
	top: 20px;
	left: 40px;
	width: 504px;
	padding-bottom: 15px;
}
#textfrontpage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	padding-bottom: 30px;
}
#buttons {
	position: relative;
	top: 159px;
	left: 0px;
	width: 188px;
	z-index: 10;
}
#buttons li {
	list-style: none;
}
#buttons li a {
	width: 180px;
	height: 16px;
	display: block;
	padding: 2px 0px 2px 6px;
	color: #6e0033;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #6e0033;
	border-right: 1px solid #6e0033;
	border-bottom: 1px solid #6e0033;
	background-color: #ffffff;
}
#banner {
	position: absolute;
	top: 471px;
	left: 17px;
	width: 130px;
	height: 50px;
	z-index: 30;
}
#zoek {
	position: absolute;
	top: 130px;
	left: 595px;
	width: 170px;
	height: 27px;
	padding-top: 4px;
	color: #ffffff;
	z-index: 20;
}
#zoek form {
	padding-left: 8px;
	height: 27px;
}
#zoek input {
	border: 0px;
}
#zoek input.zoekveld {
	height: 14px;
	font-size: 12px;
	border: 1px solid #6e0033;
}
#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;
}
#copy {
	position: relative;
	bottom: 0px;
	padding: 10px 0px;
	color: #6e0033;
	font-size: 9px;
	font-weight: normal;
	line-height: 10px;
}
/*-----end base elements-----*/

/*-----start link elements-----*/
#content a {
}
#content a:active {
	text-decoration: underline;
}
#content a:link {
	color: #6e0033;
	text-decoration: underline;
	font-weight: bold;
}
#content a:hover {
	color: #6e0033;
	text-decoration: none;
	font-weight: bold;
}
#content a:visited {
	color: #6e0033;
	font-weight: bold;
}
#content a.terug, #content a:active.terug, #content a:link.terug, #content a:hover.terug, #content a:visited.terug {
	font-style: italic;
	font-weight: normal;
}
#but1 a {
	position: absolute;
	top: 0px;
	left: 0px;
}
#but2 a {
	position: absolute;
	top: 30px;
	left: 0px;
}
#but3 a {
	position: absolute;
	top: 60px;
	left: 0px;
}
#but4 a {
	position: absolute;
	top: 90px;
	left: 0px;
}
#but5 a {
	position: absolute;
	top: 120px;
	left: 0px;
}
#but6 a {
	position: absolute;
	top: 150px;
	left: 0px;
}
#but7 a {
	position: absolute;
	top: 180px;
	left: 0px;
}
#but1 a:hover, #but1 a#current {
	text-decoration: none;
	width: 194px;
}
#but2 a:hover, #but2 a#current {
	text-decoration: none;
	width: 194px;
}
#but3 a:hover, #but3 a#current {
	text-decoration: none;
	width: 194px;
}
#but4 a:hover, #but4 a#current {
	text-decoration: none;
	width: 194px;
}
#but5 a:hover, #but5 a#current {
	text-decoration: none;
	width: 194px;
}
#but6 a:hover, #but6 a#current {
	text-decoration: none;
	width: 194px;
}
#but7 a:hover, #but7 a#current {
	text-decoration: none;
	width: 194px;
}
/*-----end link element-----*/

/*-----start base elements-----*/
li i {
	display: none;
}
img {
	border: 0px;
}
#content img {
	border: 1px solid #6e0033;
}
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: 1px solid #6e0033;
	background-color: #ffffff;
}
textarea { 
	color: #3f3f3f; 
	font-size: 8pt; 
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	text-indent: 2px;
	border: 1px solid #6e0033;
	background-color: #ffffff;
	margin: 0px 0px 5px 0px;
}
.button { 
	font-weight: bold; 
	font-size: 8pt; 
	background-color: white; 
	border: 1px solid #000000; 
}
/*-----end form element-----*/
/*-----start style elements-----*/
h1 {
	color: #6e0033;
	margin-bottom: 10px;
	font-size: 16px; 
	font-weight: bold;
}
h2 {
	color: #6e0033;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
h4 {
	color: #6e0033;
	font-size: 16px;
	font-weight: bold;
}
h6 {
	color: #6e0033;
	font-size: 9px;
	font-weight: normal;
	line-height: 10px;
	padding: 4px 10px 0px 10px;
}
div, p, td { 
	color: #6e0033;
	font-size: 12px;
	line-height: 16px;
}
.firstchar {
	font-size: 24px;
	color: #6e0033;
}
.intro {
	margin-bottom: 10px;
	font-style: italic;
}
#text ul {
	margin-left: 14px;
}
#text li {
	list-style: square outside;
	line-height: 18px; 
}
/*-----end style element-----*/