	<!--

/********************/
/* Algemene stijlen */
/********************/
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size:8pt;
	color: #17449c;
	background-color: #f7f7f7;
}

a, a:visited {
	color: #17449c;
}

a.menu_bold {
	text-decoration:none;
	font-weight:bold;
}

a:active {
	color: #17449c;
}

a:hover {
	color: #aad628;
}

img {  
	border-style: none;
}

ul {
	list-style: square;
}

p, li {
	line-height:1.5em;
}

input, textarea, select {
	border:1px solid #dddddd;
	font-family: verdana, arial, sans-serif;
	font-size:8pt;
	background-color:#ffffff;
	color: #17449c;
}

input, textarea {
	padding: 2px 5px;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #dddddd;
}

input.radio_check {
	border:none;
}

input.focus {
	background-color: #CCF354;
	cursor:pointer;
}

input.focus_text {
	background-color: #CCF354;
}

.warning{
	font-weight: bold;
	color: red;
}

.debug {
	padding: 20px;
	background-color: #FFFF00;
}


div.news_item {
	line-height:1.7em;
	cursor: pointer;
}

div.news_item:hover{
	color:#aad628;
}

/* Inklappen en uitklappen van items */
.show {
	padding: 10px 50px;
	margin-top:0.7em; 
	margin-bottom:1.4em; 
	background-color: #f7f7f7;
}

.hide {
	display: none;
}

/****************/
/* Schaduw rand */
/****************/
#wrap_all {
	margin-left: 3%;
	margin-right: 3%;
}

#wrap1 {
	margin-left:0px;
	padding-left: 30px;
	background: url(images/shade_left.gif) repeat-y top left;
} 

#wrap2 {
	margin-right:6px;
	padding-right: 24px;
	background: url(images/shade_right.gif) repeat-y top right;
}

#bottom1 {
	margin-left:0px;
	padding-left:41px;
	height:41px;
	background: url(images/shade_left_bottom.gif) no-repeat bottom left;
}

#bottom2 {
	height:41px;
	background: #ffffff url(images/shade_bottom.gif) repeat-x bottom left;
}

#bottom3 {
	margin-right:6px;
	padding-right: 41px;
	height:41px;
	background: url(images/shade_right_bottom.gif) no-repeat bottom right;
}

#container {
	background-color: #FFFFFF;
}

#container_stripped {
	padding:10px 20px 30px 20px;
	margin: 3%;
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
}

/*****************/
/* Logo gedeelte */
/*****************/
#logo {
	width: 350px;
	height: 221px;
	margin-right:-3px;
	background: url(images/logo7.gif) no-repeat bottom right;
	background-color: #FFFFFF;
	float:left;
}

html>body #logo {
	margin-right:0px;
}

/*****************/
/* Menu gedeelte */
/*****************/
#nav {
	height: 221px;
	margin-left:347px;
	background: url(images/bars.gif) repeat-x bottom left;
	background-color: #FFFFFF;
}

#nav_menu, #nav_menu ul { /* Eerste niveau lijst */
	list-style: none;
	padding: 4px 0 0 19px;
	margin: 0;
}

#nav_menu li { /* Eerste niveau lijst-items */
	float: left;
	line-height:0;
	padding: 0;
	margin: 0;
	width: 23px;
}

#nav_menu li:hover {
	position: static;
}

#nav_menu a { /* Anchors in eerste niveau lijst-items */
	display: block;
	padding: 0;
	margin: 0;
}

#nav_menu li ul { /* Tweede niveau lijst */
	position: absolute;
	left: -999em;
	width: 150px;
	height: 74px;
	line-height: 15px;
	padding: 19px 5px 0px 8px;
	margin: 0 0 0 2px;
	display: block;
	background:url(images/bars_transparent.gif) repeat-x 1px 0px;
}

html>body #nav_menu li ul { /* Andere marges voor Mozilla */
	padding-top: 19px;
	background-position: 1px 0px;
}

#nav_menu li:hover ul, #nav_menu li.sfhover ul { /* Tweede niveau lijst komt te voorschijn bij hover */
	left:auto;
}

#nav_menu li.active ul{ /* Actieve lijst ook zichtbaar als de muis niet over het menu beweegt */
	left:auto;
}

#nav_menu li ul li { /* Tweede niveau lijst-item */
	width: 150px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

#nav_menu li ul li a { /* Anchors in tweede niveau lijst-items */
	text-decoration:none;
	font-weight:bold;
	margin-left:8px;
}

#nav_menu li ul li a.active_2 { /* Speciale layout van anchors actieve lijst-items */
	text-indent:-10px;
}

#nav_menu ul.second_column { /* Eventuele tweede kolom tweede niveau lijst-items */
	margin-left:165px;
}

#nav_menu ul.fade { /* Afsluitende kolom die vervaging met de onderliggende balk simuleert */
	margin-left:165px;
	width:140px;
	background:url(images/bars_fade.gif) no-repeat;
}

#menu_extra {
	font-size: 105%; 
	float:right;
	text-align:right;
	line-height:1.7em;
	margin:30px 50px 0 0;
	display:inline;
}

#menu_extra a {
	text-decoration:none;
	font-weight:bold;
}

/*************/
/* Tussenkop */
/*************/
#heading_section {
	z-index:1;
	width: 100%;
	height: 37px;
	border-bottom:1px solid #dddddd;
	clear:both;
}

#heading_section img {
	margin-top: 17px;
	margin-bottom: -6px;
	padding-right: 15%;
	float:right;
	position: relative;
}

/**********************************************/
/* Wrapper voor sub_ en main_content gedeelte */
/**********************************************/
#wrapper {
	float:right;
	width:100%;
	margin-left:-371px;
}

#main_content {
	margin:15px 50px 25px 371px;
	line-height:15px;
}

#wrapper_home {
	float:right;
	width:100%;
}

#main_content_home {
	margin:15px 520px 25px 90px;
	line-height:15px;
}

#sub_content {
	float:left;
	width:335px;
}

#sub_content p {
	margin:15px 0px 25px 20px;
	line-height:15px;
	text-align:right;
}

ul.sub_content li {
	margin-top:1.5em;
	text-align:right;
}

#sub_content img {
	position:relative;
	margin-bottom:-20px;
}

#foto_strip {
	position:relative; 
	width:100%;
	text-align:left;
	margin-bottom:-20px;
}

/*******************/
/* Foto met effect */
/*******************/

#swap_osdorp {
	width:500px;
	height:308px;
	margin:0;
	padding:0;
	float:right;
	position:relative;
}

#swap_osdorp li{
	float:left;
	display:block;
	width:250px;
	height:308px;
}

#swap_osdorp a {
	display:block;
	text-decoration:none;
	width:240px;
	height:308px;
	position:relative;
}

html>body #swap_osdorp a {
	width:250px;
	margin:0;
}

#osdorp_l {background:url(/images/osdorp1_home_l.jpg) no-repeat;}
#osdorp_r {background:url(/images/osdorp1_home_r.jpg) no-repeat;}

#osdorp_l a {margin-right: 10px;}
html>body #osdorp_l a {margin-right: 0px;}
#osdorp_r a {margin-left: 10px;}
html>body #osdorp_r a {margin-left: 0px;}

#osdorp_l a span.span2 {background:url(/images/osdorp1_home_r_trans.jpg) no-repeat;position:absolute;left:-999em;width:250px;height:308px;}
#osdorp_l a:hover span.span2 {left:250px; display:block}

#osdorp_l a div {left:-999em;}
#osdorp_l a:hover div {left:0px}

#osdorp_r a span.span2 {background:url(/images/osdorp1_home_l_trans.jpg) no-repeat;position:absolute;left:-999em;width:250px;height:308px;}
#osdorp_r a:hover span.span2 {left:-260px; display:block}
html>body #osdorp_r a:hover span.span2 {left:-250px;}

#osdorp_r a div {left:-999em;}
#osdorp_r a:hover div {left:0px}

/* hack om problemen bij muisbewegingen van het ene naar het andere vlak te verhelpen */
#osdorp_l a span.span2:hover, #osdorp_r a span.span2:hover {left:-999em; display:none}

#osdorp_inner_wrap {
	position:absolute; 
	width: 216px; 
	margin: 10px 17px; 
	z-index:100
}

#osdorp_inner_span_heading {
	padding:0 2px 2px 2px;
	background-color:#aad628; 
	color:white;
}

#osdorp_inner_span_text {
	color:#133982; /*#17449c;*/
	font-weight:normal;
	font-style:italic;
}

/*******************************/
/* Nieuws-items op home pagina */
/*******************************/

#news_home {
	width: 500px;
	float:right;
	clear:right;
}

#news_home p, #news_home ul {
	margin:0 10px 0 25px;
	line-height:1.5em;
}

#news_home p {
	padding:0;
	letter-spacing:0.15em;
	font-size:110%;
}

#news_home ul {
	list-style-type:none;
	padding-left:15px;
}

#news_home li {
	margin:0;
	padding:0;
	line-height:1.5em;
}

/**********************/
/* Layout formulieren */
/**********************/
div.form_layout {
	margin-top:5px;
	border:1px solid #dddddd;
	background:#f7f7f7;
	padding: 7px 15px;
}

html>body div.form_layout {
	margin-top:15px;
}

div.row {
	padding-top:5px;
	clear:both;
}

div.row span.label {
	float:left;
	width:170px;
	text-align:right;
}

div.submit {
	margin-left:173px;
}

div.form_heading{
	border-bottom: 1px solid #e8e8e8;
	font-weight:bold;
}

/*******************/
/* Footer gedeelte */
/*******************/
#footer {
	clear:both;
	width:100%;
}

#bottom_footer {
	margin-bottom:60px; 
	padding-bottom:25px; 
	text-align:center;
}
#bottom_footer a{
	text-decoration:none;
	font-weight:bold;
}

-->