html,body,p,h1,h2,h3{
	margin : 0;
	padding : 0;
}


body{
	font : 14pt Amaranth, Gudea, Vollkorn, Verdana;
	background : #ffefe8;
}

div#background{
	width : 100%;
	height : 800px;
	background : #c5d9fb url(images/background-sheep4.jpg) no-repeat top left;
	background-size : cover;
	margin-top : 40px;
}

div#top-menu{
	position : fixed;
	top : 0;
}

div#top-menu,div#bottom-menu,div#top-debug{
	width : 100%;
	height : 40px;
	background : #3a3a3a url(images/menu-bg.png) repeat-x top left;
	border-bottom : 1px solid #6d6d6d;
}
div#top-debug{
	margin-top : 40px;
	position : fixed;
	color : #ffffff;
	font-size : 12pt;
	line-height : 40px;
}

div#top-menu div#menu-content{
	max-width : 800px;
	margin : 0 auto;
	padding : 0;
}
div#menu-content{
	color : #ffffff;
	font-size : 12pt;
	line-height : 40px;
}
div#menu-content a{
	display : block;
	float : left;
	width : 20%;
	color : #ffffff;
	text-align : center;
}

div#container{
	max-width : 800px;
	margin : 0 auto;
	padding : 50px;
}

/*
div#inner-bg{
	background : #ffffff url(images/mascotte_kleur_web.png) no-repeat center;
	background-size : contain;
}
*/

div#inner{
	background : #ffffff;
	min-height : 400px;
	height : 100%;
}

div#content{
	width : 100%;
	height : 100%;
	overflow : hidden;
}

div#content img{width : 50%; margin : 0 auto;}

.clr{clear : both;}
a{color : #000000; text-decoration : none;}
a:hover{text-decoration : underline;}
h1{font-size : 24pt;}
h2{font-size : 20pt;}
h3{font-size : 16pt;}

div#subfooter{
	height : 100px;
	max-width : 1000px;
	margin : 0 auto;
	margin-top : -75px;
}
div#subfooter div#slogan{
	background : url(images/slogan.png) no-repeat top center;
	background : contain;
	height : 30px;
	text-align : center;
	padding : 35px 0;
	line-height : 30px;
}

div#mascotte{
	max-width : 800px;
	margin : 0px auto;
	padding : 50px 0;
	display : block;
	text-align : center;
}

div#mascotte img{
	max-width : 100%;
}
/*
div#oogboll,div#oogbolr{
	display : block;
	width : 111px;
	height : 111px;
	position : absolute;
	z-index : 3;
	background : url(images/mascotte_oogbol.png) no-repeat top left;
	border : 1px solid red;
}
*/
div#oogpupill,div#oogpupilr{
	display : block;
	width : 30px;
	height : 30px;
	position : absolute;
	z-index : 5;
	background : url(images/mascotte_oogpupil.png) no-repeat top left;
}