/*THIS PART IS FOR THE NAVIGATION LINKS*/


.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited, .nav4 a:link, .nav4 a:visited, .nav5 a:link, .nav5 a:visited, .nav6 a:link, .nav6 a:visited{
	color: #4E4E4E;
	width: 90px;
	height: 22px;
	line-height: 22px;
	background: url(images/01_linkbg2.gif) top repeat-y;
	padding: 0;
        font-weight: bold;
}

.nav1 a:link, .nav1 a:visited{
	position: absolute;
	top: -1px;
	left: 10px;
}
.nav2 a:link, .nav2 a:visited{
	position: absolute;
	top: -1px;
	left: 101px;
}
.nav3 a:link, .nav3 a:visited{
	position: absolute;
	top: -1px;
	left: 192px;
}
.nav4 a:link, .nav4 a:visited{
	position: absolute;
	top: -1px;
	left: 283px;
}
.nav5 a:link, .nav5 a:visited{
	position: absolute;
	top: -1px;
	left: 374px;
}
.nav6 a:link, .nav6 a:visited{
	position: absolute;
	top: -1px;
	left: 465px;
}


/*HOVER EFFECTS*/
.nav1 a:hover, .nav1 a:active, .nav2 a:hover, .nav2 a:active, .nav3 a:hover, .nav3 a:active, .nav4 a:hover, .nav4 a:active, .nav5 a:hover, .nav5 a:active, .nav6 a:hover, .nav6 a:active{
	background: url(images/01_linkbg1.gif) top repeat-y;
	/*margin: 1px 0 0 0;*/
}
/*USE A DIFFERENT COLOR WHEN USER IS ON THAT PAGE*/
#home .nav1 a:link, #home .nav1 a:visited, #home_wie .nav2 a:link, #home_wie .nav2 a:visited, #home_programma .nav3 a:link, #home_programma .nav3 a:visited, #home_doemee .nav4 a:link, #home_doemee .nav4 a:visited, #itempage .nav1 a:link, #itempage .nav1 a:visited, #itempage_wie .nav2 a:link, #itempage_wie .nav2 a:visited, #itempage_programma .nav3 a:link, #itempage_programma .nav3 a:visited, #itempage_doemee .nav4 a:link, #itempage_doemee .nav4 a:visited, #archives .nav6 a:link, #archives .nav6 a:visited,#home_contact .nav5 a:link, #home_contact .nav5 a:visited, #itempage_contact .nav5 a:link, #itempage_contact .nav5 a:visited {
	color: #E0E0E0;
        background: url(images/01_linkbg1.gif) top repeat-y;
}


/*THE FOLLOWING PART IS FOR THE FONT CONTROL*/

#fontcontrol{
	background: none;
	width: 66px;
	height: 18px;
	position: absolute;
	top: 130px;
	left: 720px;
}
#fontcontrol h3{
        background: none;
        width: 100;
        height: 0;
        top: 4px;
        left: -95px;
        color: #020803;
}
#zoekform{
        background: none;
        width: 66px;
        height: 18px;
        position: absolute;
        top: 38px;
        left: 605px;
}
#fontcontrol ul{
	background: none;
	list-style: none;
	padding: 0;
	margin: 0;
}
 #fontcontrol li{
        background: none;
}
#fontcontrol i{
	display: block;
	visibility: hidden;
}
.font1 a:link, .font1 a:visited{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/01_font1.gif) no-repeat;
}
.font2 a:link, .font2 a:visited{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 22px;
	background: url(images/01_font2.gif) no-repeat;
}
.font3 a:link, .font3 a:visited{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 44px;
	background: url(images/01_font3.gif) no-repeat;
}
.font1 a:hover, .font1 a:active{
	background-position: 0 -18px;
}
.font2 a:hover, .font2 a:active{
	background-position: 0 -18px;
}
.font3 a:hover, .font3 a:active{
	background-position: 0 -18px;
}


/*THE FOLLOWING PART IS FOR THE GEDACHT CONTROL*/
#gedachtcontrol{
        background: none;
# margin: 0 10px 1px 20px;
# padding: 0;

        width: 170;
        height: 78px;
#        position: absolute;
#        top: 25px;
#        left: 25px;
        margin: 0 10px 1px 20px;
        padding: 0;

}
#gedachtcontrol ul{
        background: none;
        list-style: none;
        padding: 0;
        margin: 0;
}
#gedachtcontrol li{
        background: none;
}
#gedachtcontrol i{
        display: block;
        visibility: hidden;
}
.gedacht a:link, .gedacht a:visited{
        width: 170px;
        height: 78px;
#        position: absolute;
#        top: 25px;
#        left: 25px;
# margin: 0 10px 1px 20px;
        margin: 0 10px 1px 20px;
        padding: 0;

        background: url(images/uwgedacht.gif) no-repeat;
}
.gedacht a:hover, .gedacht a:active{
        background-position: 0 -77px;
}


