/*
# :: screen.css 1.0 ::
#
# File: screen.css
# Last modified: 05-04-2006
#
# Purpose:
# A container for screen media stylesheets
#
# CSS code by: Peter Mulder
# Copyright 2005 IT-Ernity B.V.
#
*/

/* Positioning */

/* general purpose spacer classes */
.clear{clear: both;}

.left {float:left; }
.right {float:right;}

/* start of without padding or margin settings */
* {padding: 0px;margin: 0px; border: 0px; font-weight: normal;}

body {
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
	background-color:#161B2E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	font-weight:800;
	color:#404e88;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:700;
	color:#491562;
	padding-bottom:8px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-bottom:6px;
	font-weight:600;
	color:#491562;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-bottom:6px;
	font-weight:600;
	color:#491562;
}

p {margin-bottom: 15px;}
b {font-weight:800;}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:500;
	color:#FFFFFF;
	text-decoration:none;
}

#tekstveld ul {
	padding-left: 10px;
}

input {border-style:solid; border:1px;}
textarea{border-style:solid; border:1px;}

#tekst2 a {
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#404e88;
}

#tekstveld a {
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	color:#404e88;
}

#container {
	position:relative;
	margin:auto;
	width:750px;
}

#centerscreen {
	float:left;
	background-image:url(../images/menu_onder.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

#menu {
	width:260px;
	float:left;
}

#mnu_header {
	background-image:url(../images/mnu_gradient.jpg);
	background-repeat:repeat-y;
	width:241px;
	height:80px;
	float:left;
	color:#FFFFFF;
	padding:15px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
}

#mnu_content {
	float:left;
	background-image:url(../images/menu_gradient.jpg);
	background-repeat:no-repeat;
	width:130px;
	_height:281px;
	min-height:281px;
}

#mnu_button {
	margin-top:30px;
}

#submenu {
	float:left;
	background-image:url(../images/sub_menu_gradient2.gif);
	background-repeat:no-repeat;
	width:130px;
}

#contentpane {
	width:479px;
	float:right;
}

#contentpics {
	width:100%;
	height:220px;
	float:left;
}

#picsleft {
	float:left;
	margin-top:10px;
	margin-left:10px;
	background-color:#000000;
}

#picsright {
	float:right;
	width:170px;
	height:100%;
}

#tekstveld {
	width:460px;
	float:left;
	padding-left:10px;
	padding-bottom:4px;
}

#tekstveld ol {
	margin-left:10px;
}

#tekstveld h1 {
	margin-top:5px;
}

#tekstveld img {
	margin:3px;
}

#teksthoekje {
	position:relative;
	z-index:10;
	top:-147px;
	left:261px;
	float:left;
}	

#fotorechts {
	position:relative;
	float:right;
	left:10px;
}

#toptekst {
	position:absolute;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#491562;
	top:140px;
	left:600px;
	width:100px;
}

#plaatsen {
	position:absolute;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	top:70px;
	left:450px;
	width:400px;
}

#plaatsen ul {list-style-type:none;}
#plaatsen li {padding-right:50px;display:inline;}

#pics2rechts {
	float:right;
	width:160px;
	clear:none;
}

#tekst2 {
	width:465px;
	float:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:4px;
	padding-right:4px;
	clear:none;
}

#mnu_content2 {
	float:left;
	background-image:url(../images/mnu_bg.jpg);
	background-repeat:no-repeat;
	width:130px;
	height:258px;
}

#centerscreen2 {
	float:left;
	background-image:url(../images/mnu_gradient.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

#infopane {
	position:relative;
	margin-top:50px;
	left:1px;
	float:left;
	width:259px;
	clear:both;
	background-color:#00FF00;
}

#infopanehead {
	background-image:url(../images/infopane_head.jpg);
	background-repeat:no-repeat;
	width:253px;
	height:17px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:800;
	padding-top:2px;
	padding-left:6px;
}

#infopanebody {
	background-image:url(../images/infopanebg.jpg);
	background-repeat:no-repeat;
	background-color:#5B80AB;
	width:244px;
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
	font-weight:600px;
	font-style:italic;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:15px;
}

#infopanefooter {
	background-color:#FFFFFF;
	width:244px;
	padding-left:10px;
	padding-right:5px;
	color:#491562;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px;
	border-top:1px;
	border-color:#D2D2DC;
	border-style:solid;
}

#infopanefooter B {
	font-weight:800;
}

.left_list {
	float:right;
	margin-top:5px;
}
.li_los {
	list-style-type:none;
	clear:both;
}
.li_item {
	list-style-type:none;
	padding-left:13px;
	padding-top:3px;
	padding-bottom:3px;
	clear:both;
	width:117px;
	border-bottom:1px;
	_height:15px;
	min-height:15px;
	border-color:#FFFFFF;
	border-style:solid;
	color:#faf30f;
	font-size:11px;
	font-weight:500;
}

#mnuselected{
	background-image:url(../images/mnu_highlight2.jpg);
	background-repeat:no-repeat;
	background-position:1px 1px;
	font-weight:700;
	border:2px;
	border-top:1px;
	width:113px;
	_height:16px;
	_min-height:16px;
	padding-top:2px;
	padding-bottom:2px;
	border-style:solid;
}

#mnusubselected{
	background-image:url(../images/mnu_highlight2.jpg);
	background-repeat:no-repeat;
	background-position:0px 1px;
	font-weight:700;
	border:2px;
	border-top:1px;
	width:113px;
	_height:15px;
	min-height:15px;
	padding-top:2px;
	padding-bottom:2px;
	border-style:solid;
}

#mnusubtopselected {
	background-image:url(../images/mnusubtop2.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	font-weight:700;
}

#footer {
	width:751px;
	height:128px;
	
}

.showdown {
	float:left;
	vertical-align:bottom;
}

.links {
	padding-top:25px;
	width:220px;
	text-align:center;
	float:left;
}
.midden {
	padding-top:25px;
	width:250px;
	text-align:center;
	float:left;
}
.rechts {
	padding-top:25px;
	width:250px;
	text-align:center;
	float:left;
}


/* backup space
* {border-color:#FF0000; border-style:solid; border-width:1px;}




*/


form.stdform {margin-bottom: 15px;} 
form.stdform fieldset{padding: 10px; border:none;} 

/*form.stdform fieldset legend {display:none;} */

form.stdform fieldset label.radio{float: left; height: 15px;padding-bottom: 0px; padding-top: 0px; } 
form.stdform fieldset label.checkbox{float: left; height: 15px; padding-bottom: 0px; padding-top: 0px} 
form.stdform fieldset p.radio{margin-left:20px} 
form.stdform fieldset input.radio{width: 15px;float:left; height: 15px; margin-right: 8px;padding-bottom: 0px; padding-top: 0px;} 

form.stdform fieldset label {height:18px; width:120px;padding:3px 0 0 3px; float:left; display:inline; text-align:left; margin:0 15px 6px 0; clear:left;} 
form.stdform fieldset input.text {height:18px; width:170px; margin:0 0 10px 0; padding:3px 0 0 3px; border: 1px solid black }

form.stdform br {clear: left} 

form.stdform fieldset input.submit{margin:5px 130px 5px 0; padding: 4px; float:right; clear:both;} 

form.stdform fieldset textarea{width: 300px; float: left; padding: 5px; height: 100px; margin-bottom: 6px; border: 1px solid black; clear: both}
form.stdform fieldset br{clear: both;}
