/* CSS sheet voor index.html */ 


HTML {
	LINE-HEIGHT: 20px; 
	FONT-FAMILY: Arial, Trebuchet MS, Helvetica, Swiss, Verdana;
	BACKGROUND: url(images/body-home.jpg) #628e18 fixed no-repeat center top; 
	HEIGHT: 100%; 
	COLOR: #010101; 
	FONT-SIZE: 14px;
	MARGIN:0px;
	}

BODY {
	LINE-HEIGHT: 20px; 
	FONT-FAMILY: Arial, Trebuchet MS, Helvetica, Swiss, Verdana;
	BACKGROUND: url(images/body-home.jpg) #628e18 fixed no-repeat center top; 
	HEIGHT: 100%; 
	COLOR: #010101; 
	FONT-SIZE: 14px;
	MARGIN:0px;
	}



#container {
	MARGIN: 0px auto;
	MIN-HEIGHT: 100%; 
	HEIGHT: auto; /* important */
	}



#header {
	MARGIN: 0px auto; 
	WIDTH: 960px;
	HEIGHT: 200px; 
	}

#header-left {
	position:relative;
	top:15px;
	WIDTH: 700px;
	HEIGHT: 150px;
	}

#header-right {
	position:relative;
	right:-710px;
	top:-135px;
	WIDTH: 250px; 
	HEIGHT: 150px;
	}

.keuzemenu {
	Z-INDEX: 2000;
	POSITION: relative;
	top:-135px;
	WIDTH: 900px; 
	HEIGHT: 20px; 
	PADDING-LEFT: 10px;  
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px;
	PADDING-BOTTOM: 10px; 
	}

	
	
	

#menubox {
	MARGIN: 0px auto;
	BACKGROUND: #fff;
	WIDTH: 960px; 
	HEIGHT: 325px;
	}

#menufoto {
	float:right;
	padding-top:5px;
	padding-right:5px;
	WIDTH: 720px; 
	HEIGHT: 315px;
	}
	
#menu {
	padding: 5px;
	height:315px;
	width:225px;
	}
	
#menu a {
	position:relative;
	border-right:0px solid;
	height:75px;
	margin-bottom:5px;
	}
	
#menu a, #menu a:visited {
	display:block;
	}
	
#menu a span, #menu a:visited span {
	display:none;
	}
	
#menu a:hover {
	border:0; 
	opacity:0.5; /* IE9, Firefox, Chrome, Opera, and Safari */
	filter:alpha(opacity=50); /* For IE8 and earlier */
	}
	
#menu a:hover span {
	display:block;
	text-align:left;
	position:absolute; 
	left:5px;
	top:20px; 
	color:#000; 
	cursor:pointer;
	FONT-SIZE: 20px;
	TEXT-DECORATION: underline;
	FONT-WEIGHT: bold;	
	}

#span_IE7 {
	display:block;
	}







#inhoud {
	MARGIN: 0px auto; 
	HEIGHT: 500px; 
	WIDTH: 960px; 
	BACKGROUND: #ffccff; 
	OVERFLOW: hidden;
	}


#inhoud-left {
	HEIGHT: 450px;
	WIDTH: 200px;  
	MARGIN-TOP: 65px;
	MARGIN-LEFT: 15px;
	MARGIN-RIGHT: 15px;
	FLOAT: left;   
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;  
	OVERFLOW: hidden;
	}


#inhoud-text {
	HEIGHT: 483px;
	WIDTH: 450px; 
	FLOAT: left; 	 
	PADDING-TOP: 15px;
	PADDING-LEFT: 12px;  
	PADDING-RIGHT: 15px; 
	PADDING-BOTTOM: 0px; 
	FONT-SIZE: 14px;
	LINE-HEIGHT: 16px;
	BACKGROUND: #c2e0ff;
	}


#inhoud-stripe {
	BORDER-LEFT: #dddddd 4px solid; 
	HEIGHT: 800px; 
	FLOAT: left; 
	OVERFLOW: hidden;
	}


#inhoud-right {
	TEXT-ALIGN: center;
	HEIGHT: 490px;
	WIDTH: 230px; 
	MARGIN-RIGHT: 10px;
	FONT-SIZE: 14px;
	LINE-HEIGHT: 16px;
	FLOAT: right; 
	}


#footer {
	MARGIN: 0px auto; 
	WIDTH: 960px; 
	BACKGROUND: url(images/footer.jpg) no-repeat center top; 
	HEIGHT: 80px;
	}


.footer-left {
	MARGIN: 15px 0px 0px 50px;
	FLOAT: left;
	COLOR: #fff; 
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
	}


.footer-right {
	MARGIN: 15px 50px 0px 0px; 
	FLOAT: right;
	COLOR: #fff; 
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
	}

	
	
	

H1 {
	LINE-HEIGHT: 18px; 
	MARGIN: 0px 0px 15px; 
	FONT-FAMILY: Arial, Trebuchet MS, Helvetica, Swiss, Verdana;
	COLOR: #0b2268; 
	FONT-SIZE: 16px; 
	FONT-WEIGHT: bold;
	}


H2 {
	LINE-HEIGHT: 18px; 
	MARGIN: 0px 0px 15px; 
	FONT-FAMILY: Arial, Trebuchet MS, Helvetica, Swiss, Verdana;
	COLOR: #0b2268; 
	FONT-SIZE: 14px; 
	FONT-WEIGHT: bold;
	}

H4{
	FONT-SIZE: 14px; 
	LINE-HEIGHT: 16px; 
	Font-Weight: bold;
	FONT-FAMILY: Arial, Trebuchet MS, Helvetica, Swiss, Verdana;
	COLOR: #010101;
	margin-top:1.33em;
	margin-bottom:1.33em;
	padding: 0px;
	}	
	
	
H5{
	FONT-SIZE: 12px; 
	LINE-HEIGHT: 16px; 
	Font-Weight: bold;
	FONT-FAMILY: Arial, Trebuchet MS, Helvetica, Swiss, Verdana;
	COLOR: #010101;
	margin-top:1.67em;
	margin-bottom:1.67em;
	padding: 0px;
	}

p#straat{
	FONT-SIZE: 12px; 
	LINE-HEIGHT: 16px; 
	Font-Weight: bold;
	FONT-FAMILY: Arial, Trebuchet MS, Helvetica, Swiss, Verdana;
	COLOR: #010101;
	margin-top:0.5em;
	margin-bottom:0.5em;
	padding: 0px;
	}	

/* algemene instellingen voor tekst en links */		
A {
	COLOR: blue; 
	TEXT-DECORATION: underline;
	OUTLINE-STYLE: none; 
	OUTLINE-COLOR: invert; 
	OUTLINE-WIDTH: medium;
	}

A:link { color: blue; text-decoration: underline;}	
A:visited { color: purple; text-decoration: underline;}
A:hover { color: red; text-decoration: underline;}
A:active {
	color: black; 
	text-decoration: underline;
	OUTLINE-STYLE: none; 
	OUTLINE-COLOR: invert; 
	OUTLINE-WIDTH: medium;
	}


/* ----------   nodig om in google chrome en IE8 - om rond een imagelink een veranderende kleur te krijgen bij :hover ----------  */	
a.imagelink { display:block;}
a.imagelink:visited { display:block;}	
a.imagelink:hover { border:0;}

a.imagelink:link { color: blue; text-decoration: underline; }
a.imagelink:visited { color: purple; text-decoration: underline; }
a.imagelink:hover { color: red; text-decoration: underline; }


/* -----  horizontale menu sectie -------- */
A.menutekst {
	PADDING-RIGHT: 15px; 
	COLOR: #fff; 
	FONT-SIZE: 15px; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
	}

A.menutekst:hover {
	COLOR: #c0cee8;
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
	}
	
A.menutekst-active {
	PADDING-RIGHT: 15px; 
	COLOR: #c0cee8;
	FONT-SIZE: 15px; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
	}


/* -----  footer sectie -------- */
A.footer-links_tekst {
	COLOR: #fff; 
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
	}

A.footer-links_tekst-link {
	COLOR: #c0cee8;
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
	}

A.footer-links_tekst-link:hover {
	TEXT-DECORATION: underline;
	}