/*** GLOBAL HTML ELEMENTS ***/

html, body { margin: 0; padding: 0; overflow: auto; }

body {
font: 100% "Trebuchet MS", "Verdana", sans-serif; 
scrollbar-face-color: #fff;
scrollbar-highlight-color:  #fff;
scrollbar-shadow-color: #c4ddf9;
scrollbar-3dlight-color: #c4ddf9;
scrollbar-arrow-color: #003265;
scrollbar-darkshadow-color: #003265;}

/* links */
a {
color: #257FB2; 
text-decoration: none; 
font-family: "Trebuchet MS", "Verdana", sans-serif;}

a:visited {}

a:active {}

a:hover {
text-decoration: underline;}

/* headers  */
h1 {
font-weight: bold; font-size: 100%;
color: #1164C0;
border-bottom: 1px solid #F0B64F; }

h2 { text-align: center;
font-weight: bold; font-style: italic; font-size: 150%;
color: red; }

h3 { text-align: center;
font: bold 105%; font-style: normal;
color: red; }

h4 {}

h5	{
font: bold 16px "Trebuchet MS", Verdana;
color: #1164c0;}

h6 {}

hr { height: 1px; color: #F0B64F; background-color: #F0B64F;}

/* lists and definition lists */
ul { margin: 0; padding: 0;
list-style: none;}
	
		ul li {}

	dl 	{
	width: 153px; 
	font-size: 80%;}
		
		dl dt { padding: 0 0 3px 0; margin: 0;
		text-align: center;
		font-weight: bold; font-size: .9em;
		color: white;
		background: url(../Webmasters/Images/afrondingboventitel.gif) top center no-repeat; }
		
		dl dd { margin: 0 1px; padding: 0 0 0 5px;
		background-color: #1863BD; }
		
			dl dd a { color: white; font-weight: bold; }
			

	/* tables */
	table {}

		table caption {}
		
		table col
		
		table thead {}
			table thead th {}
			table thead td {}

		table tbody {}
			table tbody th {}
			table tbody td {}

		table tfoot {}
			table tfoot th {}
			table tfoot td {}

	/* form elements, labels & fieldsets */
	form { margin: 0; padding: 0; }

	input {}
	
	fieldset {}
		fieldset legend {}

	label { cursor: default; }
		label:hover {}


	/* block level elements */
	div {}
	blockquote {}
	cite {}
	
	/* images */
	img, a img { border: 0; margin-right: 5px; }

	/* text & paragraphs */
	p { font: italic 100% Trebuchet MS, sans-serif; }
		
		p.serif { font: italic 110% Times New Roman, serif; }
		
	span {}
	strong { font-weight: bold; }
	small { font-size: small; }
	em, ins { font-style: italic; }
	del { text-decoration: line-through; }
	
	/* abbreviations & acronyms */
	abbr, acronym { cursor: help; }
	
	/* code, preformatted text, keyboard text */
	code, pre, kbd { font: .9em Monotype; }
	
/*** LAYOUT ***/

#body { margin: 0; padding: 0; overflow: auto;
width: 100%; height: 100%; }
	
	#body thead, #body tbody, #body tfoot {
	margin: 0; padding: 0; vertical-align: top;}
	
#header { width: 100%; height: 111px;
margin: 0; padding: 0;
background: url(../Webmasters/Images/mountainbg.jpg) top left repeat-x; }
	
	#header h1 { margin: 0; padding: 0;
	width: 100%; height: 100%;
	border: 0; 
	background: url(../Webmasters/Images/bovenbalk.gif) top left no-repeat; }
	
		#header h1 span { display: none; }

/*** Style for Menu ***/
				
#menu {
width: 20%; }
	
	#menu dl dd a {
	display: block;
	padding-left: 10px; } 

	#menu dl dd a:hover { text-decoration: none; 
	background: url(../Webmasters/Images/bolletje.gif) 0 6px no-repeat; }	
	
#content iframe {
border: 0; width: 100%; height: 100%;}

/*** Style for News ***/

#news {
padding: 0 1em;
width: 15%;}

	#news dl {
	color: white; text-align: justify; }
	
		#news dl dt	{
		margin: 0; }
		
		#news dl dd {
		font-size: 90%; }
		
			#news dl dd small {
			font-size: 11px;}
		
			#news dl dd h1 {
			margin: 0; padding: 0; }
		
		#news dl a {
		display: block;
		text-align: center;
		color: #FFBC40; }
		
		#news dl hr {
		height: 1px; 
		margin: 0 20px;
		color: white; 
		background-color: white; }

/*** SPECIFIC SITE STYLING ***/

dl dd.bottom-white { padding: 0 0 20px 0; background: url(../Webmasters/Images/afrondingbenedenblauw.gif) bottom center no-repeat; }

dl dd.bottom-blue {
padding-top: 0; padding-bottom: 20px; 
background: url(../Webmasters/Images/afrondingbeneden.gif) bottom center no-repeat #1863BD;}

	dl dd.bottom-blue h1 {
	margin: 18em 0;
	text-align: center;
	color: yellow;
	font-size: 150%;}

	dl dd.bottom-white p {
	margin: 0; padding: 5px;
	text-align: justify;
	font: normal bold 85% "Trebuchet MS", "Verdana", sans-serif;
	color: #656161;
	border-left: 1px solid #1863BD; border-right: 1px solid #1863BD;}
		
.pullquote { padding: .75em 4em; margin: .6em 0;
border: 1px solid #1863BD;
font: bold Trebuchet MS, sans-serif; font-style: normal;
color: red;
background: url(../Webmasters/Images/bannerfrontpage.jpg) center right no-repeat; }
	.pullquote a { color: red; text-decoration: underline; }

.login { width: 77px;
margin: 0 auto; padding: 15px 20px;
color: #36357B;
background: url(../Webmasters/Images/inlogbutton.jpg) center center no-repeat; }

.clsFreePageFullStory p {	
font: normal 13px "Trebuchet MS", Verdana;}

/*** COMMON CLASSES ***/

.clear-both {
clear: both;}

.float-left {
float: left;}

.float-right {
float: right;}

.hide {
display: none; }