A:link    { color:#004c3d; text-decoration:none }
A:visited { color:#004c3d; text-decoration:none }
A:active  { color:#004c3d; text-decoration:none }
A:hover   { color:#7B6F00; text-decoration:none }

a.link2 { color:#fff; text-decoration:none }
a.hover2 { color:#000000; text-decoration:none }

body
{
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	color:#1B1B1F;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #f0f1f2;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3d-light-color: #f0f1f2;
	scrollbar-dark-shadow-color: #024466;
	scrollbar-arrow-color: #024466;
	scrollbar-base-color: #f0f1f2;
}



/*Het vak dat alle dingen op zijn plek houdt, het main vak dus*/
.main
{
width:990px;
height:673px;
position:absolute;
left:50%;
top:0px;
margin-left: -500px;

}

.mainflash
{
width:990px;
height:630px;
position:absolute;
left:50%;
top:0px;
margin-left: -500px;

}
.main h1 {
	font: 30px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	margin: 0px 0px 20px 0px;
}

h2 {
	font: 19px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

h3 {
	font: 30px Arial, Helvetica, sans-serif;
	letter-spacing: 0px;

}

/*Helemaal het bovenste plaatje, nog boven het menu*/
.top
{
position:absolute;
top:0px;
left:0px;
width:990px;
height:110px;
}

/*menu*/
.menu
{
position:absolute;
left:0px;
top:141px;
width:990px;
height:40px;
z-index:3;
}


/*Alles onder het menu, dus de rest van de pagina*/
.bottom
{
	position:absolute;
	left:0px;
	top:330px;
	height:270px;
	width:990px;
	background-image: url(../images/pag2/onder.png);
}

.bottom2
{
	position:absolute;
	left:0px;
	top:330px;
	height:270px;
	width:990px;
	background-image: url(../images/pag2/pag2_onder.jpg);
}
/*Tekst vak*/
.tekst
{
	width:409px;
	height:214px;
	position:absolute;
	top:382px;
	z-index:1;
	left: 500px;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	color:#1B1B1F;
	line-height:20px;
	padding-top:5px;
}
#kiwa {
	position: absolute;
	bottom: 69px;
	right: 50px;
	clear: both;
	z-index: 1;
}
.routebeschrijving
{
	width:332px;
	height:295px;
	position:absolute;
	top:343px;
	z-index:1;
	left: 646px;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	color:#1B1B1F;
	line-height:20px;
	padding-top:5px;
	s
}
.vakvoorroute
{
	width:525px;
	height:291px;
	position:absolute;
	top:331px;
	z-index:1;
	left: 360px;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	color:#1B1B1F;
	line-height:20px;
}
.tekst_stappenplan
{
	width:409px;
	height:214px;
	position:absolute;
	top:489px;
	z-index:1;
	left: 505px;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	line-height:20px;
	color:#1B1B1F;
}
.tekst_nieuws
{
	width:675px;
	height:214px;
	position:absolute;
	top:376px;
	z-index:1;
	left: 261px;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	color:#1B1B1F;
	line-height:20px;
	padding-top:5px;
}
.tekst_projecten
{
	width:258px;
	height:214px;
	position:absolute;
	top:483px;
	z-index:1;
	left: 473px;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	color:#1B1B1F;
	line-height:20px;
}


/*de veranderende foto op pagina 2, die ook op pagina 3 komt*/
.fotos_pag2
{
	width:205px;
	height:205px;
	position:absolute;
	top:475px;
	left:210px;
	z-index:4;
	background-color: #006551;
	background-image: url(../images/route/frame.jpg);
}
.namen_projecten
{
	width:205px;
	height:173px;
	position:absolute;
	top:469px;
	left:204px;
	z-index:4; /* dit zorgt dat hij boven de andere blokken uitkomt, anders zou je hem natuurllijk niet zien, dommerd */
	background-color: #006551;
}
.stappenplan
{
	width:205px;
	height:205px;
	position:absolute;
	top:475px;
	left:210px;
	z-index:4; /* dit zorgt dat hij boven de andere blokken uitkomt, anders zou je hem natuurllijk niet zien, dommerd */
	background-color: #678fa3;
}

/*menuutje pagina 4*/
.menu_pag4
{
width:166px;
height:156px;
position:absolute;
top:381px;
left:164px;
background-color:#678FA3;
z-index:1;
font:Arial;
font-size:11px;
letter-spacing:1px;
color:#FFFFFF;
}

/*menuutje pagina 5*/
.menu_pag5
{
width:166px;
height:156px;
position:absolute;
top:381px;
left:164px;
background-color:#7B6F00;
z-index:1;
font:Arial;
font-size:11px;
letter-spacing:1px;
color:#FFFFFF;
}


/*het vakje met de foto's op pagina 4 en het stappeplan, ook pagina 5 heeft deze foto*/
.fotos_pag4
{
width:166px;
height:156px;
position:absolute;
top:226px;
left:330px;
z-index:2;
}
.fotos_projecten
{
	width:205px;
	height:191px;
	position:absolute;
	top:277px;
	left:414px;
	z-index:2;
}
#project_categorien
{
	width:205px;
	height:auto;
	position:absolute;
	line-height:17px;
	top:328px;
	left:212px;
	z-index:5; /* dit zorgt dat hij boven de andere blokken uitkomt, anders zou je hem natuurllijk niet zien, dommerd */
	padding:5px;
}


/*Tekst vak alleen voor de scroll pagina*/
.tekst_scroll
{
	width:419px;
	height:195px;
	position:absolute;
	top:395px;
	z-index:0;
	left: 380px;
	font-family:Arial, Helvetica, sans-serif;
	font:Arial;
	font-size:11px;
	letter-spacing:1px;
	color:#1B1B1F;
}

.pagina5_titel
{
	width:210px;
	height:58px;
	position:absolute;
	left:704px;
	top:365px;
	z-index: 5;
}

#mContainer
{
	top: 2px;
	position: relative;
	width:200px;
	height:189px;
	z-index: 1;
	overflow: hidden;
}

#mContainer .afb
{
	top: 0px;
	left:0px;
	border: none;
	z-index: 0;
}

#mContainer #vergrootglas{
	position: absolute;
	left: 0px;
	top: 168px;
	width: 22px;
	height: 22px;
	z-index: 1;
	border: none;
}

#hideshow{
	position:absolute;
	z-index:1;
	width:411px;
	height:299px;
	right:1px;
	top: 53px;
	visibility:hidden;
}


#Pagination a {
	color: #FFFFFF;
}

#intro_container {
	position:relative;
	width:800px;
	height:600px;
	margin:0 auto;
}

#InUitVoering
{
	width:190px;
	height:175px;
	position:absolute;
	top:280px;
	z-index:5; /* dit zorgt dat hij boven de andere blokken uitkomt, anders zou je hem natuurllijk niet zien, dommerd */
	padding:10px;
        background-color:#024466;
}
#InUitVoering a.LeesVerder,#gerealiseerdeProjecten a.LeesVerder{
    bottom:10px;
    right:10px;
    position:absolute;
    z-index:5;
    font-size:12px;
    color:white;

}
#gerealiseerdeProjecten
{
	width:185px;
	height:195px;
	position:absolute;
	top:475px;
	left:210px;
	z-index:4; /* dit zorgt dat hij boven de andere blokken uitkomt, anders zou je hem natuurllijk niet zien, dommerd */
	background-color: #678fa3;
	padding:10px;
}
#InUitVoering .text,#gerealiseerdeProjecten .text{
    font-size: 28px;
    color:white;
    line-height:30px;
    padding-top:50px;
}