@import "/style/kleuren.css";

html, body {
	width:100%;
	height:100%;
}

body {
	font-family: tahoma, arial;
	font-size:13px;
	margin:0;
	padding:0;
}

div#viewport {
	position:relative;
	margin:0 auto;
	width:950px;
	height:auto;
	min-height:100%;
	_height:100%;
	background:#fff;
	overflow:hidden;
	_overflow:visible;

}

/* Header met Menu */
div#viewport div#main_menu {
	position:relative;
	float:left;
	width:200px;
	height:auto;
}

div#viewport div#main_menu div#header {
	position:relative;
	width:200px;
	height:118px;
}

div#viewport div#main_menu div#header div#header_speelboerderij {
	background: url(../images/header_speelboerderij.png) no-repeat;
}

div#viewport div#main_menu div#header div#header_boerengolf {
	background: url(../images/header_boerengolf.png) no-repeat;
}

div#viewport div#main_menu div#header div#header_buitensport {
	background: url(../images/header_lasergame_en_boerengolf.png) no-repeat;
}

div#viewport div#main_menu div#header div#header_familierestaurant {
	background: url(../images/header_familierestaurant.png) no-repeat;
}


div#viewport div#main_menu div#header div#header_algemeen {
	background: url(../images/header_algemeen.png) no-repeat;
}


div#viewport div#main_menu div#header a {
	display:block;
	width:200px;
	height:118px;
	cursor:pointer;
}

div#viewport div#main_menu div#header a span {
	display:none;
}

/* MENU */
div#viewport div#main_menu ul {
	position:relative;
	width:200px;
	margin:29px 0 0 0;
	font-family:trebuchet MS;
	font-size:18px;
}

div#viewport div#main_menu ul li {
	margin:1px 0 0 0;
	display:block;
	width:200px;
	height:30px;
}

div#viewport div#main_menu ul li a {
	display:block;
	width:200px;
	height:27px;
	cursor:pointer;
	text-align:center;
	padding:3px 0 0 0;
}

/* BLOKJES */

div#viewport div#main_menu div#guus_zwaait {
	position:relative;
	margin:20px 0 0 0;
	width:200px;
	height:258px;
	background: url(../images/blokjes/guus_zwaait.png) no-repeat;
}

/* Kerst */
div#viewport div#main_menu div#kerstblokje{
	position:relative;
	margin:20px 0 0 0;
	width:200px;
	height:169px;
	background: url(../images/blokjes/kerst.png) no-repeat;
}

div#viewport div#main_menu div#kerstblokje a {
	display:block;
	width:200px;
	height:169px;
}
div#viewport div#main_menu div#kerstblokje a span {
	display:none;
}
/* Pasen */
div#viewport div#main_menu div#paasblokje {
	position:relative;
	margin:20px 0 0 0;
	width:200px;
	height:131px;
	background: url(../images/blokjes/pasen.png) no-repeat;
}

div#viewport div#main_menu div#paasblokje a {
	display:block;
	width:200px;
	height:131px;
}
div#viewport div#main_menu div#paasblokje a span {
	display:none;
}

/* Konninginnedag */
div#viewport div#main_menu div#konninginnedag {
	position:relative;
	margin:20px 0 0 0;
	width:200px;
	height:197px;
	background: url(../images/blokjes/koninginnedag.png) no-repeat;
}

div#viewport div#main_menu div#konninginnedag a {
	display:block;
	width:200px;
	height:197px;
}
div#viewport div#main_menu div#konninginnedag a span {
	display:none;
}

/* Pinksteren */
div#viewport div#main_menu div#pinksteren {
	position:relative;
	margin:20px 0 0 0;
	width:200px;
	height:169px;
	background: url(../images/blokjes/pinksteren.png) no-repeat;
}

div#viewport div#main_menu div#pinksteren a {
	display:block;
	width:200px;
	height:169px;
}
div#viewport div#main_menu div#pinksteren a span {
	display:none;
}


/* Hemelvaartsdag */
div#viewport div#main_menu div#hemelvaartsdag {
	position:relative;
	margin:20px 0 0 0;
	width:200px;
	height:135px;
	background: url(../images/blokjes/hemelvaart.png) no-repeat;
}

div#viewport div#main_menu div#hemelvaartsdag a {
	display:block;
	width:200px;
	height:135px;
}
div#viewport div#main_menu div#hemelvaartsdag a span {
	display:none;
}

/* Herfstvakantie */
div#viewport div#main_menu div#herfstvakantie {
	position:relative;
	margin:20px 0 0 0;
	width:200px;
	height:135px;
	background: url(../images/blokjes/herfstvakantie.png) no-repeat;
}

div#viewport div#main_menu div#herfstvakantie a {
	display:block;
	width:200px;
	height:135px;
}
div#viewport div#main_menu div#herfstvakantie a span {
	display:none;
}


/* HOME PAGINA VAN DE SPEELBOERDERIJ */ 
div#viewport div#welkom {
	position:relative;
	float:left;
	width:475px;
	height:auto;
}

div#viewport div#welkom div#logo_label {
	position:relative;
	width:475px;
	height:175px;
	background: url(../images/speelboerderij/logo_label.png) no-repeat;
}

div#viewport div#welkom div#guus_welkom {
	position:relative;
	width:475px;
	height:350px;
	background: url(../images/speelboerderij/guus_welkom.png) no-repeat;
}

div#viewport div#welkom div#tekst p {
	color:#000;
}


div#viewport div#blokjes {
	position:relative;
	float:left;
	width:257px;
	height:auto;
}

/* OPENINGSTIJDEN */

div#viewport div#blokjes div#openingstijden div.head {
	position:relative;
	margin:20px 0 0 0;
	width:250px;
	height:54px;
	background: url(../images/speelboerderij/openingstijden/head.png) no-repeat;
}

div#viewport div#blokjes div#openingstijden div.head span {
	display:none;
}

div#viewport div#blokjes div#openingstijden div.mid {
	position:relative;
	width:250px;
	height:auto;
	background: url(../images/speelboerderij/openingstijden/mid.png) repeat-y;
}

div#viewport div#blokjes div#openingstijden div.mid p {
	color:#000;
	margin:0;
	text-align:center;
}


div#viewport div#blokjes div#openingstijden div.bottom {
	position:relative;
	width:250px;
	height:13px;
	background: url(../images/speelboerderij/openingstijden/bottom.png) no-repeat;
}

/* 9+ Party */

div#viewport div#blokjes div#plus div.head {
	position:relative;
	margin:20px 0 0 0;
	width:250px;
	height:51px;
	background: url(../images/speelboerderij/9plus/head.png) no-repeat;
}

div#viewport div#blokjes div#plus div.head span {
	display:none;
}

div#viewport div#blokjes div#plus div.mid {
	position:relative;
	width:250px;
	height:auto;
	background: url(../images/speelboerderij/9plus/mid.png) repeat-y;
}

div#viewport div#blokjes div#plus div.mid p {
	color:#000;
	margin:0;
	text-align:center;
}


div#viewport div#blokjes div#plus div.bottom {
	position:relative;
	width:250px;
	height:11px;
	background: url(../images/speelboerderij/9plus/bottom.png) no-repeat;
}

/* CONTENT VAK */
div#viewport div#content {
	position:relative;
	float:left;
	margin:0 0 0 10px;
	width:740px;
	height:auto;
	color:#fff;
}

div#viewport div#content p {
	color:#fff;
	text-align:left;
	margin:10px;
}

/* Titel in de header */
div#viewport div#content h1 {
	font-family:Trebuchet MS;
	font-weight:normal;
	font-size:34px;
	color:#fff;
	position:relative;
	padding:10px 0 0 0;
	margin:0 0 0 18px;
}

/* Header foto */
div#viewport div#content div#content_headerfoto {
	position:relative;
	width:740px;
	height:210px;
}

/* Content Fotos */
div#viewport div#content div#content_foto {
	position:relative;
	float:left;
	margin:8px 0 0 8px;
	padding:0;
	width:257px;
	height:auto;
}


/* FOOTER */
div#clear {
	position:relative;
	float:left;
	width:950px;
	height:70px;
}

div#footer_zwart {
	position:relative;
	width:950px;
	height:44px;
	margin:-44px auto 0 auto;
	background: url(../images/kleuren/zwart/footer.png) no-repeat;
}


ul#afdeling {
	position:relative;
	float:left;
	margin:16px 0 0 20px;
	_display:inline;
}

ul#informatie {
	position:relative;
	float:right;
	margin:16px 20px 0 0;
	_display:inline;
}

ul#afdeling li {
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background: url(../images/home/footer_streep.png) 0 2px no-repeat;
	padding:0 2px 0 10px;
		list-style-type:none;
	display:inline;

}

ul#informatie li {
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background: url(../images/home/footer_streep.png) 0 2px no-repeat;
	padding:0 2px 0 10px;
		list-style-type:none;
	display:inline;

}

ul#informatie li.first {
	background:none;
	padding:0 2px 0 0;
}

ul#afdeling li.first {
	background:none;
	padding:0 2px 0 0;
}

/* ALGEMEENE WAARDES */
h1 {
	margin:0;
	padding:0;
}

h2 {
	margin:0;
	padding:0;
}

p {
	margin:0;
	text-align:center;
}

a {
	margin:0;
	padding:0;
}

a:link,
a:visited {
	text-decoration:underline;
	color:#fff;
}

a:hover,
a:active {
	text-decoration:underline;
	color:#fff;
}

ul {
	margin:0;
	padding:0;
}

ul li {
	margin:0;
	padding:0;
}

div#viewport div#content ul {
	margin:5px 0 0 20px;
	padding:0 0 0 10px;
}

ul li a:link,
ul li a:visited {
	color:#fff;
	text-decoration:none;
}

ul li a:hover,
ul li a:active {
	color:#fff;
	text-decoration:underline;
}

table {
	position:relative;
	margin:10px;
	padding:0;
}

h2 {
	font-size:14px;
	margin:10px;
}