/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

address, caption, cite, code, dfn, em, strong, th,
var, optgroup {
font-style: inherit;

}

html {
	height: 100%;
	background-color:transparent ;
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
* html #hoofdnavigatie {
	margin-top: 0px;
}
body {
	height: 100%;
	
	background-color:transparent;
	background-position:center;
	background-attachment:fixed;
	
	background-repeat:no-repeat;
	line-height: 1;
	    font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #646464;
	text-align:left;
	
}

img, div { behavior: url(../js/png6/iepngfix.htc) }


ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

li {
list-style: none;
}

h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

h1 {    
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #00c800;
	text-align:left;
	
	}

/* remember to define focus styles! */

:focus {
outline: 0;
}

/* GEEN IMAGE BORDERS BIJ LINKS */
a img {border: none;}


/* remember to highlight inserts somehow! */

ins {
text-decoration: none;
}

del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align: top;
}

/* forms stuff */

input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}

input, button, textarea, select {
font-size: 100%;
}   



.teksten {
    font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #646464;
	text-align:left;
	padding: 18px 50px 40px 34px;
	
	line-height:120%;
}
.tekstenpopup {
    font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #646464;
	text-align:left;
	padding: 14px 20px 20px 20px;
	
	line-height:120%;
}



#logo {position: fixed; z-index:7; left: 0px; top: 0px;width:110px;height:110px;}

/* TOPNAVIGATIE */
#hoofdnavigatie {
		clear:left;
		float:left;
		top: 0px; 
		width:100%;
		background:transparent 0 25% repeat;
		font-family:Arial, Verdana, Helvetica, sans-serif;
		font-size:10px;
		color:#00c800;
		border:0px;
		overflow:hidden;
		font-weight:bold;
		z-index:6;
	}
	#hoofdnavigatie ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		left:49%;
		text-align:center;
		
	}
	#hoofdnavigatie ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right:50%;
		border-right:1px solid transparent;
	}
	
	#hoofdnavigatie ul li a {
		display:block;
		margin:0;
		padding:.5em 1.1em;
		color:#00c800;
		text-decoration:none;
		border: 0px;
		line-height:1.4em;
		background:url(../images/achtermenu.png) 0 75% repeat;
		font-weight:bold;
	}
	#hoofdnavigatie ul li.active a {
		background:url(../images/achtermenu.png) 0 75% repeat;
		font-weight:bold;
		color:#ffffff;
	}
	#hoofdnavigatie ul li a:hover {
		background:url(../images/achtermenu.png) 0 75% repeat;
		color:#ffffff;
		font-weight:bold;
	}
	#hoofdnavigatie ul li a span {
		display:block;
	}
/* EINDE TOPNAVIGATIE */

/* START ZIJNAVIGATIE */

.zijnavigatie{margin:0; padding:0; width:120px; list-style:none;}
.zijnavigatie li{padding:0; margin:0; height:20px; display:block; }
.zijnavigatie li a{text-align:left;height:20px; padding:0px 10px; font:12px  Arial, Verdana, Helvetica, sans-serif; display:block; background:url('../images/achtermenuitemleeg.gif') 0px 0px no-repeat; text-decoration:none;}
.zijnavigatie li a:hover{background:url('../images/achterzijmenuitem.png') 0px 0px no-repeat;}
.zijnavigatie li a.active, .zijnavigatie li a.active:hover{background:url('../images/achterzijmenuitem.png') 0px 0px no-repeat;color:#FFF;}
.zijnavigatie li a span{line-height:20px;}

/* EINDE ZIJNAVIGATIE */

/* START PLAATJES GALERIE */
#plaatjes {position: relative; z-index:6; left: 0px; top: 0px;width:180px;height:450px;}


#plaatjeschaduw1 {position: absolute; z-index:5; left: 6px; top: -6px;width:86px;height:86px;}
#plaatjeschaduw2 {position: absolute; z-index:5; left: 95px; top: -6px;width:86px;height:86px;}
#plaatjeschaduw3 {position: absolute; z-index:5; left: 6px; top: 83px;width:86px;height:86px;}
#plaatjeschaduw4 {position: absolute; z-index:5; left: 95px; top: 83px;width:86px;height:86px;}
#plaatjeschaduw5 {position: absolute; z-index:5; left: 6px; top: 172px;width:86px;height:86px;}
#plaatjeschaduw6 {position: absolute; z-index:5; left: 95px; top: 172px;width:86px;height:86px;}
#plaatjeschaduw7 {position: absolute; z-index:5; left: 6px; top: 261px;width:86px;height:86px;}
#plaatjeschaduw8 {position: absolute; z-index:5; left: 95px; top: 261px;width:86px;height:86px;}
#plaatjeschaduw9 {position: absolute; z-index:5; left: 6px; top: 350px;width:86px;height:86px;}
#plaatjeschaduw10 {position: absolute; z-index:5; left: 95px; top: 350px;width:86px;height:86px;}

#plaatje1 {position: absolute; z-index:7; left: 12px; top: 0px;width:73px;height:73px;}
#plaatje2 {position: absolute; z-index:7; left: 101px; top: 0px;width:73px;height:73px;}
#plaatje3 {position: absolute; z-index:7; left: 12px; top: 89px;width:73px;height:73px;}
#plaatje4 {position: absolute; z-index:7; left: 101px; top: 89px;width:73px;height:73px;}
#plaatje5 {position: absolute; z-index:7; left: 12px; top: 178px;width:73px;height:73px;}
#plaatje6 {position: absolute; z-index:7; left: 101px; top: 178px;width:73px;height:73px;}
#plaatje7 {position: absolute; z-index:7; left: 12px; top: 267px;width:73px;height:73px;}
#plaatje8 {position: absolute; z-index:7; left: 101px; top: 267px;width:73px;height:73px;}
#plaatje9 {position: absolute; z-index:7; left: 12px; top: 356px;width:73px;height:73px;}
#plaatje10 {position: absolute; z-index:7; left: 101px; top: 356px;width:73px;height:73px;}


#plaatjemuis1 {position: absolute; z-index:8; left: 12px; top: 0px;width:73px;height:73px;}
#plaatjemuis2 {position: absolute; z-index:9; left: 101px; top: 0px;width:73px;height:73px;}
#plaatjemuis3 {position: absolute; z-index:10; left: 12px; top: 89px;width:73px;height:73px;}
#plaatjemuis4 {position: absolute; z-index:11; left: 101px; top: 89px;width:73px;height:73px;}
#plaatjemuis5 {position: absolute; z-index:12; left: 12px; top: 178px;width:73px;height:73px;}
#plaatjemuis6 {position: absolute; z-index:13; left: 101px; top: 178px;width:73px;height:73px;}
#plaatjemuis7 {position: absolute; z-index:14; left: 12px; top: 267px;width:73px;height:73px;}
#plaatjemuis8 {position: absolute; z-index:15; left: 101px; top: 267px;width:73px;height:73px;}
#plaatjemuis9 {position: absolute; z-index:16; left: 12px; top: 356px;width:73px;height:73px;}
#plaatjemuis10 {position: absolute; z-index:17; left: 101px; top: 356px;width:73px;height:73px;}


/* EINDE PLAATJES GALERIE */
#topplaatje{position: relative; z-index:15; left: 0px; top: 0px;width:550px;height: 38px;background:url(../images/achtertekstentop.png) no-repeat;}
#tekstblokhouder {position: relative; z-index:15; left: 10px; top: 0px;width:550px;height: auto;background:url(../images/achterteksten.png) repeat-y;}
#tekstdeel{position: absolute; z-index:22; left: 25px; top: 23px;width:450px;height:inherit;padding:0;margin:0;}
#schaduwtoptekstblok {position: relative; z-index:14; left: 10px; top: 0px;width:550px;height:14px; background:url(../images/schaduwtoptekstblok.png) repeat-x;}
#schaduwondertekstblok {position: relative; z-index:14; left: 10px; top: 0px;width:550px;height:14px; background:url(../images/schaduwondertekstblok.png) repeat-x;}
#sluitknoptekst{position: absolute; z-index:27; left: 505px; top: 4px;width:20px;height:20px;}
#achtergoogle {position: relative; z-index:60; left: 0px; top: 0px;width:480px;height:360px; background:url(../images/achtergoogle.png) no-repeat;}
#googlemap {position: absolute; z-index:61; left: 4px; top: 4px;width:470px;height:350px;}

#linkercommentfoto {float: left;	font-size: 11px;}	
#rechtercommentfoto {float: right;	font-size: 11px;}

a:link {color: #00c800;text-decoration: none;}
a:visited {color: #00c800;text-decoration: none;}
a:active {color: #00c800;text-decoration: none;}
a:hover {text-decoration: none; color: #ffffff;}

.wittelink a:link {color: #2c6ba1;text-decoration: none;}
.wittelink a:visited {color: #2c6ba1;text-decoration: none;}
.wittelink a:active {color: #2c6ba1;text-decoration: none;}
.wittelink a:hover {text-decoration: underline; color: #2c6ba1;}
.groenelink a:link {color: #00c800;text-decoration: none;}
.groenelink a:visited {color: #00c800;text-decoration: none;}
.groenelink a:active {color: #00c800;text-decoration: none;}
.groenelink a:hover {text-decoration: underline; color: #00c800;}