/* Webility CSS Stylesheet */
/* KLEUREN */
/* bruin: 			#BA8136 */
/* blauw: 			#036BAA */
/* achtergrond: 	#F6EEE3 */
/* bruinige balk: 	#BC9F7F */

body {
	/*behavior: url(js/csshover.htc);*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
}

a {
	color: #036BAA;
	text-decoration: underline;
}
a:visited {
	color: #BC9F7F;
}
a:hover {
	color: #BA8136;
	text-decoration: underline;
}

hr	{
	border-width: 1px;
	border-color: #BC9F7F;
	border-style: solid;
}

img {
	border: none;
}

p {
	margin: 0px;
	margin-bottom: 15px;
}

div {
	margin: 0px;
	padding: 0px;
}

div.holder {
	width: 990px;
	border-bottom: 1px solid #BA8136;
	border-left: 1px solid #BA8136;
	border-right: 1px solid #BA8136;
	margin: auto;
}

div.top {
	background-color: #036BAA;
	border-bottom: 5px solid #BA8136;
	color: white;
	font-size: 10px;
	font-weight: normal;
	height: 17px; /*20px;*/
	padding: 3px 18px 0px 0px;
	text-align: right;
}

div.top a:link, div.top a:visited {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

div.top a:hover {
	color: white;
	text-decoration: underline;
}


div.links {
	float: left;
	width: 223px;
}
div.links div.logo {
	
}
div.links div.logo img {
	border: none;
}

div.info {
	color: #844200;
	font-size: small;
	line-height: 20px;
	width: 190px;
	margin: auto;
}
div.info h3 {
	color: #036BAA;
	font-size: medium;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}
div.rechts {
	float: right;
	width: 767px;
}

div.header {
	height: 191px;
}
div.contactgegevens {
	color: white;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	left: 600px;
	margin-bottom: -177px;
	position: relative;
	text-align: right;
	top: -177px;
	width: 150px;
}

div.banner {
}


/***********************************/
/* SECURITY
/***********************************/
div.security {
	font-size: smaller;
	line-height: 160%;
	margin-bottom: 100px;
	padding: 10px;
	text-align: left;
}

div.security a:link, div.security a:visited {
	color: #036BAA;
	/* bruin: 			#BA8136 */
/* blauw: 			#036BAA */
/* achtergrond: 	#F6EEE3 */
/* bruinige balk: 	#BC9F7F */
	text-decoration: none;
}

div.security a:hover {
	color: #036BAA;
	text-decoration: underline;;
}

div.security span.naam {
	font-weight: bold;
}

/***********************************/
/* NAVIGATIE 					   */
/***********************************/
div.navigatie {
	background-color: white;
	bottom: 8px;
	color: #036BAA;
	font-size: 16px;
	font-weight: bold;
	height: 28px;
	margin: auto;
	margin-top: -35px;
	opacity: 0.9;
	right: 0px;
	width: 763px;
	/*-moz-opacity: 0.9;*/
}

div.navigatie ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 28px;
}
div.navigatie ul li {
	float: left;
	position: relative;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	list-style: none;
}
div.navigatie ul li a, div.navigatie ul li a:visited {
	color: #036BAA;
	display: block;
	padding: 5px;
	text-decoration: none;
}
div.navigatie ul li a:hover {
	color: #BA8136;
	text-decoration: none;
}

/* Niveau 2 */
div.navigatie li ul {
	left: 0px;
	position: absolute;
	top: 28px;
	width: 190px; /*170px;*/
/*	white-space: nowrap;*/
}

div.navigatie ul li ul li {
	border-left: 1px solid #BC9F7F;
	border-right: 1px solid #BC9F7F;
	/*background: url("../images/transparant.png");
	background-repeat: repeat;*/
	/*background-color: white;*/
	position: relative;
	/*filter: Alpha(Opacity=92, FinishOpacity=92, Style=1);*/
	float: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	min-height: 27px;
	margin: 0px;
	opacity: 0.99;
	padding: 0px;
	/*-moz-opacity: 0.99;*/
}
div.navigatie ul li ul li.last,
div.navigatie ul li ul li.metsubs_last {
	border-bottom: 1px solid #BC9F7F;
}

div.navigatie ul li ul li:hover {
	color: #BA8136;
	z-index: 10;
}			
div.navigatie ul li ul li a {
	background-color: white;
	filter: Alpha(Opacity=92, FinishOpacity=92, Style=1);
	display: block;
	padding: 5px 0px 5px 5px;
	min-height: 17px;
	margin: 0px;
}
div.navigatie ul li ul li a:hover {
	margin: 0px;
}

/* Niveau 3 */
div.navigatie ul li ul li ul {
	border-top: 1px solid #BC9F7F;
	position: absolute;
	left: 155px; /*155px;*/
	top: 5px;
}
div.navigatie ul li ul li ul li {
	/*filter: Alpha(Opacity=92, FinishOpacity=92, Style=1);*/
}
div.navigatie li a.metsubs {
	background: url("../images/arrow_right.jpg") no-repeat;
	background-color: white;
	background-position: 175px; /* 155px;*/
}
div.navigatie li a.metsubs:hover {
}

/* 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%; }
/*********************************/

/***********************************/
/* CONTENT						   */
/***********************************/
div.kruimelpad {
	background-color: #F6EEE3;
	color: gray;
	font-size: x-small;
	padding-left: 20px;
	padding-top: 10px;
}
div.kruimelpad a, div.kruimelpad a:visited {
	color: #BA8136;
	text-decoration: none;
}
div.kruimelpad a:hover {
	text-decoration: underline;
}

/***********************************/
/* CONTENT						   */
/***********************************/
div.content {
	background-color: #F6EEE3;
	background-image: url(../images/achtergrond.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 20px;
	line-height: 22px;
	min-height: 500px;
	_height: 500px;
}

div.content h1 {
	color: #036BAA;
	font-size: x-large;
	margin-top: 0px;
	margin-bottom: 40px;
}

div.content h2 {
	color: #BA8136;
	font-size: large;
	margin-bottom: 10px;
}

div.content h3 {
	color: #036BAA;
	font-size: small;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

div.clearer {
	clear: both;
}

p.fout {
	color: #880000;
	font-size: small;
	font-weight: bold;
}

/***********************/
/*	COPYRIGHT
/***********************/
div.copyright {
	background-color: inherit;
	color: #CCCCCC;
	/*display: none;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	margin: 2px auto 0px auto;
	padding: 5px 10px 5px 5px;
	text-align: right;
	width: 977px;
}

div.copyright a:link, div.copyright a:visited {
	color: #999999;
	text-decoration: none;
}

div.copyright a:hover {
	color: black;
	text-decoration: underline;
}


/**********************/
/*	OVERIG
/**********************/
.transferer {
	border: 1px solid #BA8136; /*#547490;*/
	background-color: #F6EEE3; /*#DADFE2;*/
	filter: alpha(opacity=30); 
	opacity: 0.3;
}
