/**********************************************/
/* KLEUREN
/**********************************************/
/* CREME			achtergrond			#F6EDE2
/* CREME			achtergrond v2		#FFCC99
/* CREME			achtergrond v3		#FFE8C3
/* CREME			achtergrond v4		#FFDA99
/* BLAUW			navigatie/content	#6295C3
/* DONKERBLAUW		navigatie			#1B1376
/* LICHTBLAUW		rechterkolom		#DEE9F0
/* GEEL				Accenten			#E9A900
/* ORANJE			links				#FFCE63
/* LICHTGEEL		VISITED LINKS		#EDCD7A
/* ORANJE			Koppen				#FFCC00 
/* DONKERORANJE		Logo				#E9A901
/**********************************************/


/**********************/
/*	GENERAL
/**********************/
* {
	margin: 0px;
	padding: 0px;
}

a img, img {
	border: none;
}

body {
	background-color: #FFDA99;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
}

/*html {
	height: 100%;
}*/

p {
	margin-bottom: 15px;
}

hr {
	background-color: #6295C3;
	color: #6295C3;
	border-bottom: 1px solid white;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	margin-bottom: 5px;
}

/**********************/
/*	CLEARER
/**********************/
div.clearer {
	clear: both;
	font-size: 1px;
	line-height: 1%;
}

/**********************/
/*	HOLDER
/**********************/
div.holder {
	background-color: #DEE9F0;
	border: 2px solid white;
	/*border-right: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;*/
	color: black;
	/*_height: 480px; --> IE */
	min-height: 530px; /*480px;*/
	margin: 70px auto 0px auto;
	padding: 0px;
	text-align: left;
	width: 950px;
}

/**********************/
/*	NAVIGATIE
/**********************/
div.navigatie {
	background-color: #6295C3;
	color: inherit;
	height: 29px;
	/*overflow: hidden; --> IE */
}

div.navigatie ul {
	list-style: none;
}

div.navigatie ul li {
	background-color: inherit;
	color: white;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 29px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px; /*4px;*/
	position: relative;
	text-align: center;
	z-index: 5;
}

div.navigatie ul li.home {
	width: 40px;
}

div.navigatie ul li:hover {
	background-color: #1B1376;
	color: #E9A900;
}

div.navigatie ul li a {
	display: block;
	padding: 7px 19px 7px 19px;
}

div.navigatie.frontpage ul li a {
	padding-left: 14px;
	padding-right: 14px;
}

div.navigatie ul li.home a {
	padding: 6px 0px 5px 0px; /*2px 0px 3px 0px;*/
	width: 40px;
}

div.navigatie ul li a:link, div.navigatie ul li a:visited {
	background-color: inherit;
	color: white;
	text-decoration: none;
}

div.navigatie ul li a:hover {
	background-color: #1B1376;
	color: #E9A900;
	text-decoration: none;
}

/* Niveau 2 */
div.navigatie li ul {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid white;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid white;	
	left: -1px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 29px;
	/*white-space: nowrap;*/
	width: 150px;
}

div.navigatie div.navigatie_personeel li ul {
	left: -40px;
}

div.navigatie ul li ul li {
	background-color: #DEE9F0;
	color: #444444; /*white;*/
	position: relative;
	font-size: small;
	font-weight: normal;
	float: none;
	height: 22px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 150px;
}

div.navigatie ul li ul li.metsubs a {
	background-image: url("../images/pijl_rechts.gif");
	background-position: 135px 6px;
	background-repeat: no-repeat;
}

div.navigatie ul li ul li.metsubs:hover a {
	background-image: url("../images/pijl_rechts_hover.gif");
}

div.navigatie ul li ul li:hover {
	background-color: #6295C3;
	color: white;
	z-index: 10;
}

div.navigatie ul li ul li a,
div.navigatie.frontpage ul li ul li a {
	display: block;
	padding: 3px 0px 3px 5px;
	width: 145px;
}

div.navigatie ul li ul li a:link, div.navigatie ul li ul li a:visited {
	background-color: inherit; /*#DEE9F0;*/
	color: inherit; /*#444444;*/
}

div.navigatie ul li ul li a:hover {
	background-color: #6295C3;
	color: white;
	margin: 0px;
}

/* Niveau 3 */
div.navigatie li ul li ul {
	left: 147px; /*125px;*/
	top: 0px; /*5px;*/
}

div.navigatie ul li ul li.metsubs ul li a, div.navigatie ul li ul li.metsubs:hover ul li a {
	background-image: none;
}

/* hovers with specificity */
/* voor uitleg, zie: http://www.naarvoren.nl/artikel/hover.html */

/* Niveau 3 */
ul ul, li:hover ul ul {
	/* waarde: 2 en 13 */
	display: none;
}
li:hover ul, li:hover li:hover ul {
	/* waarde: 12 en 23 */
	display: block;
}

/* Niveau 4 */
ul ul ul, li:hover li:hover ul ul  {
	/* 3 en 24 */
	display: none;
}
li:hover li:hover ul, li:hover li:hover li:hover ul {
	/* 23 en 34 */
	display: block;
}

/* Niveau 5 */
ul ul ul ul, li:hover li:hover li:hover ul ul  {
	/* 4 en 35 */
	display: none;
}
li:hover li:hover li:hover ul, li:hover li:hover li:hover li:hover ul {
	/* 34 en 45 */
	display: block;
}

/* Fix IE. Hide from IE Mac */
* html div.navigatie ul li ul li { float: right; height: 1%; }
* html div.navigatie ul li ul li a { height: 1%; }

/**********************/
/*	LOGO
/**********************/
div.navigatie div.logo {
	height: 190px;
	/*left: 600px;*/
	margin-left: 500px;
	position: relative;
	/*top: -95px;*/
	top: -66px;
	width: 267px;
}

/**********************/
/*	NAVIGATIE PERSONEEL
/**********************/
div.navigatie_personeel {
	/* float: right; --> IE */
	left: 353px;
	/* left: 0px; --> IE */
	margin-top: -190px;
	/*margin-top: 0px; --> IE */
	position: relative;
	/* top: -193px; --> IE */
}

/**********************/
/*	CONTENT HOLDER
/**********************/
div.content_holder {
	border-top: 4px solid #DEE9F0; /*#F6EDE2;*/
	/*border-bottom: 2px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;*/
	font-size: medium;
	padding-top: 4px; /*8px;/*
	/*_height: 500px; --> IE */
	min-height: 530px;
	padding-bottom: 15px;
}

/**********************/
/*	CONTENT
/**********************/
div.content {
	background-color: #6295C3;
	/*background-image: url("../images/tekstvco.gif");
	background-position: 595px 81px; /* 599 81 *//*
	background-repeat: no-repeat;	*/
	border: 1px solid white;
	color: white;
	font-size: 95%;
	line-height: 140%;
	/*_height: 500px; --> IE */
	min-height: 530px;
	margin-left: 150px;
	padding: 51px 80px 20px 80px; /* 20 40 20 80 */
	text-align: justify;
	width: 464px; /*504px 624px;*/
}

div.content div.logowrapper {
	/*background-color: red;*/
	float: right;
	height: 35px; /*56px 66px 86px;*/
	width: 195px; /*275px;*/
}

div.content div.kruimelpad {
	background-color: inherit;
	color: #CCCCCC;
	display: inline;
	font-size: smaller;
	left: -20px;
	position: relative;
	top: -40px;
}

div.content div.kruimelpad a:link, div.content div.kruimelpad a:visited {
	background-color: inherit;
	color: #CCCCCC;
	text-decoration: none;
}

div.content div.kruimelpad a:hover {
	background-color: inherit;
	color: white;
	text-decoration: none;
}

div.content div.kruimelpad img {
	margin-left: 2px;
	margin-right: 2px;
}

div.content div.kruimelpad span.instructie img {
	margin-left: 0px;
	margin-right: 2px;
}

/* OPMAAK STYLEN */
div.content h1 {
	background-color: inherit;
	color: white;
	font-size: x-large;
	font-weight: normal;
	padding-top: 0px;
	line-height: 140%;
	text-align: left;
	margin-bottom: 15px;
}

div.content h2 {
	background-color: inherit;
	color: #FFCC00;
	font-size: large;
	font-weight: normal;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content h3 {
	background-color: inherit;
	color: white;
	font-size: medium;
	font-weight: bold;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content h4 {
	background-color: inherit;
	color: white;
	font-size: small;
	font-weight: bold;
	padding-top: 15px;
	margin-bottom: 5px;
}

div.content ul, div.content ol  {
	margin-bottom: 15px;
	margin-left: 15px;
}

div.content ul li, ol li {
	padding-bottom: 2px;
	list-style-position: inside;
	text-indent: 10px;
	/*list-style-type: none;*/
	padding-left: 0px;
}

div.content a, div.content a:link {
	background-color: inherit;
	color: #FFCE63;
	text-decoration: underline;
	/*color: #E9A900;
	text-decoration: underline;*/
}
div.content a:visited {
	background-color: inherit;
	color: #FFE8C3;
	text-decoration: underline;
	/*color: #EDCD7A;
	text-decoration: underline;*/	
}
div.content a:hover {
	background-color: inherit;
	color: #E9A900;
	/*color: #DEE9F0;*/
	text-decoration: underline;
}

/**********************/
/*	FOTOLIJST
/**********************/
div.fotolijst {
	background-color: #DEE9F0;
	color: inherit;
	display: inline;
	float: left;
	/*_height: 500px; --> IE */
	margin-top: 0px;
	min-height: 500px;
	width: 150px;
}

div.fotolijst div.lijsten {
	background-image: url("../images/fotolijsten.gif");
	background-repeat: no-repeat;
	height: 440px;
	left: 8px;
	position: relative;
	/*top: 60px; /*50px;*/
	width: 194px;
}

div.fotolijst div.lijsten div.foto1 {
	margin-left: 17px;
	padding-top: 21px;
}

div.fotolijst div.lijsten div.foto2 {
	margin-left: 17px;
	padding-top: 24px;
}

div.fotolijst div.lijsten div.foto3 {
	margin-left: 17px;
	padding-top: 23px;
}

div.fotolijst div.lijsten img {
	height: 106px;
	width: 160px;
}

/**********************/
/*	PERSOONSGEGEVENS
/**********************/
div.persoonsgegevens {
	font-size: 11px;/* xx-small;*/
	/*height: 50px;*/
	width: 135px;
	overflow: hidden;
	padding: 5px 5px 5px 10px;
}

div.persoonsgegevens p.label {
	margin-bottom: 4px;
}

div.persoonsgegevens a:link, div.persoonsgegevens a:visited {
	color: #1B1376;
	text-decoration: none;
}

div.persoonsgegevens a:hover {
	text-decoration: underline;
}

div.persoonsgegevens p.naam {
	background-color: inherit;
	color: #1B1376;
	font-size: small;
	font-weight: bold;
	min-height: 16px;
	margin-bottom: 0px;
}

div.persoonsgegevens p.naam span {
	background-color: #DEE9F0;
	color: #1B1376;
}

div.persoonsgegevens p.links {
	height: 14px;
	margin-bottom: 15px;
	margin-top: 10px;
}

div.persoonsgegevens p.links a {
	padding: 0px 3px 0px 3px;
}

div.persoonsgegevens p.links a.first {
	padding-left: 0px;
}


/**********************/
/*	COPYRIGHT
/**********************/
div.copyright {
	color: white;
	font-size: 0.85em;
	margin: 5px auto 0px auto;
	padding-bottom: 15px;
	padding-right: 10px;
	text-align: right;
	width: 950px;
}

div.copyright a:link, div.copyright a:visited {
	color: white;
	text-decoration: none;
}

div.copyright a:hover {
	color: white;
	text-decoration: underline;
}

/**********************/
/*	OVERIG
/**********************/
.transferer {
	border: 1px solid #547490; /*#547490;*/
	background-color: #DEE9F0; /*#DADFE2;*/
	filter: alpha(opacity=30); 
	opacity: 0.3;
}