/*-- Opmaak van de website algemeen.
Hier treft u de opmaak van de website aan, zoals lettergrootte en kleuren.
De items met de uitleg kunt u aanpassen, let op: wijzigigen zorgen dat ervoor dat de website er anders uit gaat zien.
--*/ 

body {
	background-color: #ffffff; 
	margin: 0px;
	font-family: verdana, sans-serif;		/*-- letter type --*/
	font-size: 8pt;							/*-- letter grootte --*/
	color: #5a5a5a;							/*-- letter kleur --*/
	height: 100%;
	}

#website {
	width: 100%;
	}

/*-- opmaak van de koptekst & logo --*/ 

#website-koptekst {
	height: 50px;
	background: #ff7837 url(images/background/koptekst-achtergrond.png) repeat-y right;
	}

#website-koptekst-logo {
	position: absolute;
	left: 10px;
	top: 5px;
	color: #ffffff;							/*-- logo kleur --*/
	font-size: 20pt;						/*-- logo grootte --*/
	font-weight: bold;						/*-- logo stijl --*/
	}

/*-- opmaak van het menu --*/ 

#website-menu {
	position: absolute;
	left: 0px;
	top: 50px;
	width: 100%;
	height: 28px;
	background: #ffffff url(images/background/grijs-menu.png) repeat-x;
	}

#website-menu ul {
   	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
    }

#website-menu li {
	margin: 0px;
	padding: 0px 25px;
	float: left;
	text-align: center;
	height: 28px;
	border-right: solid 1px #ababab;
	}

#website-menu li a{
	display: block;
	padding: 7px 0px 7px 0px;
	text-decoration: none;					/*-- menulink versiering --*/
	font-weight: bold;						/*-- menulink stijl --*/
	font-size: 9pt;							/*-- menulink grootte --*/
	font-variant: small-caps;				/*-- menulink letterstijl --*/
	color: #004fa9;							/*-- menulink kleur --*/
	}	

#website-menu li a:hover {
	text-decoration: none;					/*-- zwevend menulink versiering --*/
	color: #ff7837;							/*-- zwevend menulink kleur --*/
	}	


/*-- opmaak van het tekst --*/

h1 {
	font-size: 11pt;						/*-- titel grootte --*/
	}


#website-tekst {
	position: absolute;
	left: 10px;
	top: 100px;
	width: 600px;
	}

#website-tekst-titel {
	margin: 0px;
	padding: 0px;
	height: 28px;
	}

#website-tekst-titel ul {
   	margin: 0px;
	padding: 0px;
	list-style-type: none;
    }

#website-tekst-titel li {
	margin: 0px;
	padding: 0px;
	float: left;
	padding: 0px 25px;
	text-align: center;
	height: 28px;
	background: #ffffff url(images/background/blauw-menu.png) repeat-x;
	border-right: solid 1px #004fa9;
	}

#website-tekst-titel li a {
	display: block;
	padding: 7px 0px 7px 0px;
	font-weight: bold;						/*-- kopje stijl --*/
	font-size: 9pt;							/*-- kopje grootte --*/
	font-variant: small-caps;				/*-- kopje letterstijl --*/
	color: #ffffff;							/*-- kopje kleur --*/
	text-decoration: none;					/*-- kopje versiering --*/
	}

#website-tekst-inhoud {
	border: solid 1px #004bbf;
	padding: 10px;
	min-height: 200px;
	}

#website-tekst-inhoud a {
	text-decoration: none;
	color: #ff7837;
	}
#website-tekst-inhoud a:hover {
	text-decoration: underline;
	}

/*-- opmaak van de voettekst --*/

#website-voettekst {
	text-align: center;
	}

#website-voettekst a {
	text-decoration: none;
	color: #ff7837;
	}


/*-- opmaak van de voettekst --*/

input, select, textarea {
	color: 				#111111; 
	padding: 			2px; 
	border: 			1px; 
	border-style:		solid; 
	border-color:		#d1d1d1; 
	background-color:	#ffffff;
	margin: 3px 10px 3px 0px;
	scroll: no;
	}

label {
    width: 150px;
    float: left;
    text-align: left;
    margin: 3px 10px 3px 0px;
    clear: both;
	padding-left: 5px;
    }