@charset "utf-8";
/* CSS Document */

*{
	padding:0;
	margin:0;
}

body{
	background:#902e2e;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#630303;
	line-height:14px;
}

ul{
	list-style:none;
}

p, table{
	padding-bottom:15px;
}

a{
	color:#630303;
	text-decoration:none;
}

a:hover, a:active{
	color:#FF0000;
}

/* Classes */

.vet{
	font-weight:bold;
}

.persoonlijk{
	width:130px;
}

.jaar{
	width:125px;
}

.soort{
	width:100px;
}

.opleiding{
	width:125px;
}

.werk{
	width:260px;
}

.contactinformatie{
	width:400px;
}

.vaardigheid{
	width:200px;
}

.puntplaatje{
	margin-right:10px;
}

/* Divjes */

#container{
	width:100%;
}

#menu{
	width:100%;
	height:300px;
	float:left; background:url(images/menu.png) no-repeat;
	color:#FFFFFF;
}

#menu ul{
	margin:165px 0px 0px 20px;
}

#menu li{
	float:left;
	font-size:13px;
	font-weight:bold;
}

#menu a{
	color:#FFFFFF;
	text-decoration:none;
}

#menu a:hover{
	color:#CCCCCC;
}

#content{
	position:relative;
	width:100%;
	float:left;	
}

#boven{
	margin-left:auto;
	margin-right:auto;
	width:864px;
	height:67px;
	background:url(images/boven.png) no-repeat;
	text-align:center;
	padding-top:23px;
}

#midden{
	margin-left:auto;
	margin-right:auto;
	background:url(images/midden.png) no-repeat #FFFFFF;
	width:804px;
	min-height:350px;
	padding:20px 30px 20px 30px;
	
}

#links {
	width:300px;
	float:left;
}

#rechts{
	width:470px;
	float:right;
}

#onder{
	margin-left:auto;
	margin-right:auto;
	width:864px;
	height:60px;
	background:url(images/onder.png) no-repeat;
}

#kwast{
	position:relative;
	top:-110px;
	margin-left:auto;
	margin-right:auto;
	width:864px;
	height:120px;
	left:500px;
	background:url(images/kwast.png) no-repeat;
}

#footer{
	width:100%;
	height:31px;
	background:url(images/footer.jpg);
	float:left;
	color:#FFFFFF;
	padding-top:14px;
	text-align:center;
	position:relative;
	top:-70px;
}

/* Uitklapmenu */

.home, .contact, .links {
	float: left;
	height: 45px;
	width:65px;
	list-style: none;
	text-align: center;
	padding-right: 15px;
	margin: 0px;
}

.overmij, .showcase {
	float: left;
	height: 45px;
	width:95px;
	list-style: none;
	text-align: center;
	padding-right: 15px;
	margin: 0px;
}

.school{
	float: left;
	height: 45px;
	width:75px;
	list-style: none;
	text-align: center;
	padding-right: 15px;
	margin: 0px;
}
.streep{
	width:2px;
}


a.link:hover {
	text-decoration: none;
	color: #CCCCCC;
}

#menu ul li ul {
	position: absolute;
	z-index: 9000;
	width: 95px;
	left: -1999em;
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	top: 201px;
	border-bottom:solid 13px #af4040;
	border-right:solid 18px #af4040;
	border-left:solid 13px #af4040;
}

#menu ul li:hover ul{
	left:auto;
}

#menu ul li ul li {
	position:relative;
	background-color:#c71f1f;
	background-image:none;
	height: 23px;
	width: 90px;
	margin:0;
	text-align: left;
	display: block;
	font-size:11px;
	padding-left:10px;
}

/* Showcase */

.showcaselijst{
	float:left;
	padding-right:15px;
}

a.edunet {
	display:block;
	background:url(images/edunet.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.edunet, a:active.edunet {
	background:url(images/edunethover.png);
}

a.wktoto {
	display:block;
	background:url(images/wktoto.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.wktoto, a:active.wktoto {
	background:url(images/wktotohover.png);
}

a.playgrounds {
	display:block;
	background:url(images/playgrounds.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.playgrounds, a:active.playgrounds {
	background:url(images/playgroundshover.png);
}

a.jongleven {
	display:block;
	background:url(images/jongleven.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.jongleven, a:active.jongleven {
	background:url(images/jonglevenhover.png);
}

a.afellay {
	display:block;
	background:url(images/afellay.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.afellay, a:active.afellay {
	background:url(images/afellayhover.png);
}

a.windsurfen {
	display:block;
	background:url(images/windsurfen.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.windsurfen, a:active.windsurfen {
	background:url(images/windsurfenhover.png);
}

a.musicbox {
	display:block;
	background:url(images/musicbox.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.musicbox, a:active.musicbox {
	background:url(images/musicboxhover.png);
}

a.unicef {
	display:block;
	background:url(images/unicef.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.unicef, a:active.unicef {
	background:url(images/unicefhover.png);
}

a.websiteedunet {
	display:block;
	background:url(images/edunetwebsite.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.websiteedunet, a:active.websiteedunet {
	background:url(images/edunetwebsitehover.png);
}

a.introedunet {
	display:block;
	background:url(images/edunetintro.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.introedunet, a:active.introedunet {
	background:url(images/edunetintrohover.png);
}

a.tijdlijnedunet {
	display:block;
	background:url(images/edunettijdlijn.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.tijdlijnedunet, a:active.tijdlijnedunet {
	background:url(images/edunettijdlijnhover.png);
}

a.filmedunet {
	display:block;
	background:url(images/filmedunet.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.filmedunet, a:active.filmedunet {
	background:url(images/filmedunethover.png);
}

a.affiche {
	display:block;
	background:url(images/affiche.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.affiche, a:active.affiche {
	background:url(images/affichehover.png);
}

a.flyer {
	display:block;
	background:url(images/flyer.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.flyer, a:active.flyer {
	background:url(images/flyerhover.png);
}

a.procesvel {
	display:block;
	background:url(images/procesvel.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.procesvel, a:active.procesvel {
	background:url(images/procesvelhover.png);
}

a.teaseropendag {
	display:block;
	background:url(images/teaseropendag.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.teaseropendag, a:active.teaseropendag {
	background:url(images/teaseropendaghover.png);
}

a.origineel {
	display:block;
	background:url(images/origineel.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.origineel, a:active.origineel {
	background:url(images/origineelhover.png);
}

a.animatiesite {
	display:block;
	background:url(images/animatiesite.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.animatiesite, a:active.animatiesite {
	background:url(images/animatiesitehover.png);
}

a.schetsen {
	display:block;
	background:url(images/schetsen.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.schetsen, a:active.schetsen{
	background:url(images/schetsenhover.png);
}

a.karakter {
	display:block;
	background:url(images/karakter.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.karakter, a:active.karakter {
	background:url(images/karakterhover.png);
}

a.summitsite {
	display:block;
	background:url(images/summitsite.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.summitsite, a:active.summitsite {
	background:url(images/summitsitehover.png);
}

a.puzzelgame {
	display:block;
	background:url(images/puzzelgame.png);
	width:185px;
	height:205px;
	margin-bottom:15px;
}

a:hover.puzzelgame, a:active.puzzelgame {
	background:url(images/puzzelgamehover.png);
}

a.afellayklein {
	display:block;
	background:url(images/afellayklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.afellayklein, a:active.afellayklein {
	background:url(images/afellaykleinhover.jpg);
}

a.windsurfenklein {
	display:block;
	background:url(images/windsurfenklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.windsurfenklein, a:active.windsurfenklein {
	background:url(images/windsurfenkleinhover.jpg);
}

a.musicboxklein {
	display:block;
	background:url(images/musicboxklein.png);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.musicboxklein, a:active.musicboxklein {
	background:url(images/musicboxkleinhover.png);
}

a.unicefklein {
	display:block;
	background:url(images/unicefklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.unicefklein, a:active.unicefklein {
	background:url(images/unicefkleinhover.jpg);
}

a.edunetklein {
	display:block;
	background:url(images/edunetklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.edunetklein, a:active.edunetklein {
	background:url(images/edunetkleinhover.jpg);
}

a.wktotoklein {
	display:block;
	background:url(images/wktotoklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.wktotoklein, a:active.wktotoklein {
	background:url(images/wktotokleinhover.jpg);
}

a.playgroundsklein {
	display:block;
	background:url(images/playgroundsklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.playgroundsklein, a:active.playgroundsklein {
	background:url(images/playgroundskleinhover.jpg);
}

a.jonglevenklein {
	display:block;
	background:url(images/jonglevenklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.jonglevenklein, a:active.jonglevenklein {
	background:url(images/jonglevenkleinhover.jpg);
}

a.puzzelgameklein {
	display:block;
	background:url(images/puzzelgameklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.puzzelgameklein, a:active.puzzelgameklein {
	background:url(images/puzzelgamekleinhover.jpg);
}

a.summitsiteklein {
	display:block;
	background:url(images/summitsiteklein.jpg);
	width:300px;
	height:300px;
	margin-bottom:15px;
}

a:hover.summitsiteklein, a:active.summitsiteklein {
	background:url(images/summitsitekleinhover.jpg);
}