body
{
	font: 78%/1.5 verdana, arial, helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
	background-image: url(../images/achtergrond.jpg);
	background-color: #006;
	background-repeat: repeat-y;
}
h1#kopper
{
	margin: 0;
	padding: 0;
	background-image: url(../images/kop.jpg);
	background-color: #006;
	background-repeat: no-repeat;
	height: 186px;
	width: 100%;
  text-indent: -999em;
}
#nav
{
	background-image: url(../images/knop_balk.gif);
	background-color: #00F;
	background-repeat: repeat-x;
}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#nav a
{
	display: block;
	color: #fff;
	background-color: #900;
	text-decoration: none;
	padding: 0;
}
#nav ul.blauw a
{
	background-color: #009;
}


#nav a#knop_wel { text-indent: -999em; width: 59px;  height: 29px; background-image: url(../images/knop_welkom.jpg); 		}
#nav a#knop_inf { text-indent: -999em; width: 80px;  height: 29px; background-image: url(../images/knop_meerinfo.jpg);		}
#nav a#knop_edu { text-indent: -999em; width: 87px;  height: 29px; background-image: url(../images/knop_educatiemt.jpg);	}
#nav a#knop_age { text-indent: -999em; width: 53px;  height: 29px; background-image: url(../images/knop_agenda.jpg);		}
#nav a#knop_pro { text-indent: -999em; width: 69px;  height: 29px; background-image: url(../images/knop_projecten.jpg);	}
#nav a#knop_doc { text-indent: -999em; width: 68px;  height: 29px; background-image: url(../images/knop_docenten.jpg);		}
#nav a#knop_ron { text-indent: -999em; width: 93px;  height: 29px; background-image: url(../images/knop_rondleidingen.jpg);}
#nav a#knop_gas { text-indent: -999em; width: 82px;  height: 29px; background-image: url(../images/knop_gastenboek.jpg); 	}
#nav a#knop_ins { text-indent: -999em; width: 77px;  height: 29px; background-image: url(../images/knop_inschrijven.jpg); 	}
#nav a#knop_con { text-indent: -999em; width: 57px;  height: 29px; background-image: url(../images/knop_contact.jpg); 	}

#nav a#knop_wel:hover, #nav a#knop_wel.current { background-image: url(../images/knop_welkom_f2.jpg); 		}
#nav a#knop_inf:hover, #nav a#knop_inf.current { background-image: url(../images/knop_meerinfo_f2.jpg);		}
#nav a#knop_edu:hover, #nav a#knop_edu.current { background-image: url(../images/knop_educatiemt_f2.jpg);	}
#nav a#knop_age:hover, #nav a#knop_age.current { background-image: url(../images/knop_agenda_f2.jpg);		}
#nav a#knop_pro:hover, #nav a#knop_pro.current { background-image: url(../images/knop_projecten_f2.jpg);	}
#nav a#knop_doc:hover, #nav a#knop_doc.current { background-image: url(../images/knop_docenten_f2.jpg);		}
#nav a#knop_ron:hover, #nav a#knop_ron.current { background-image: url(../images/knop_rondleidingen_f2.jpg);}
#nav a#knop_gas:hover, #nav a#knop_gas.current { background-image: url(../images/knop_gastenboek_f2.jpg); 	}
#nav a#knop_ins:hover, #nav a#knop_ins.current { background-image: url(../images/knop_inschrijven_f2.jpg); 	}
#nav a#knop_con:hover, #nav a#knop_con.current { background-image: url(../images/knop_contact_f2.jpg); 	}

#nav a:hover
{
  text-decoration: underline;
}

#nav a.daddy
{
	background-color: #900;
	background-image: url(../images/gt.png);
	background-repeat: no-repeat;
	background-position: center right;
}

#nav li {
	float: left;
	padding: 0;
	/* width: 10em; */
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 16em;
	w\idth: 15em; 
	font-weight: normal;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
}

#nav li ul a {
	width: 15em;
	w\idth: 11em;
	padding: 1px 2px 1px 4px;
	border-width: 0 1px;
	border-style: none solid;
	border-color: #fff;
}
#nav li ul a:hover, #nav li ul a:active {
	background-color: #f00;
	}
#nav li ul.blauw a:hover, #nav li ul.blauw a:active {
	background-color: #00f;
	}
	
#nav li ul a.last {
	padding-bottom: 4px;
	border-width: 0 1px 1px;
	border-style: none solid solid;
	border-color: #fff;
}

#nav li ul a.first {
	border-width: 1px 1px 0;
	border-style:  solid solid none;
	border-color: #fff;
}


#nav li ul ul {
	margin: -1em 0 0 11.4em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}



#content
{
	clear: left;
	background-image: url(../images/fotootjes.jpg);
	background-repeat: no-repeat;
	min-height: 220px;
	padding: 80px 0 0 260px;
	color: #fff;
}
#content p
{
  width: 480px;
}
#content a { color: #6CF; }

#content a:hover {
	text-decoration: none;
}

#content h2
{
	font-size: 1.2em;
	width: 460px;
}

#sidebar
{
  padding 0;
  width: 200px;
  position: absolute;
  top: 380px;
  left: 3px;
}
#sidebar p
{
  color: #eee;
  size: 10px;  
  padding: 0;
  margin: 0;
}