/* ******************** General ******************** */

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align:center;
}
.dpnone{
	display:none;
}




/* ******************** Container ******************** */

#container {
	background-image:url(../images/lay-out/background2.gif);
	text-align: left;
	margin: 0 auto;
	width: 960px;
	height: 100%;
	position: relative;
	z-index: 10;
}




/* ******************** Header ******************** */


#header {
	background-color:#FF4400;
	width: 960px;
	height: 45px;
	position: relative;
	z-index: 30;
}
#navigation {
	background-color:#000000;
	padding-left:10px;
	padding-right:10px;
	width: 940px;
	height: 25px;
	position: relative;
	z-index: 30;
}
#navigation a{
	background-repeat:no-repeat;
	display:block;
	float:left;
	height: 25px;
	position: relative;
	z-index: 30;
}
#navigation .slash{
	background-image:url(../images/navigation/slash.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width: 13px;
	height: 25px;
	position: relative;
	z-index: 30;
}
#container #navigation #english a{
	background-image:url(../images/navigation/english.gif);
	width: 59px;
}
#agenda a{
	background-image:url(../images/navigation/agenda.gif);
	width: 61px;
}
#agenda a:hover{
	background-image:url(../images/navigation/agendah.gif);
}
#kaartverkoop a{
	background-image:url(../images/navigation/kaartverkoop.gif);
	width: 112px;
}
#kaartverkoop a:hover{
	background-image:url(../images/navigation/kaartverkooph.gif);
}
#bezoek a{
	background-image:url(../images/navigation/bezoek.gif);
	width: 54px;
}
#bezoek a:hover{
	background-image:url(../images/navigation/bezoekh.gif);
}
#mailinglist a{
	background-image:url(../images/navigation/mailinglist.gif);
	width: 89px;
}
#mailinglist a:hover{
	background-image:url(../images/navigation/mailinglisth.gif);
}
#contact a{
	background-image:url(../images/navigation/contact.gif);
	width: 65px;
}
#contact a:hover{
	background-image:url(../images/navigation/contacth.gif);
}
#overparadiso a{
	background-image:url(../images/navigation/over.gif);
	width: 113px;
}
#overparadiso a:hover{
	background-image:url(../images/navigation/overh.gif);
}
#persberichten a{
	background-image:url(../images/navigation/persberichten.gif);
	width: 109px;
}
#persberichten a:hover{
	background-image:url(../images/navigation/persberichtenh.gif);
}
#searchfield input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	float:right;
	border:none 0;
	padding-left:3px;
	margin-top:5px;
	margin-right: 10px;
	width: 117px;
	height: 13px;
}
#zoek a{
	background-image:url(../images/navigation/zoek.gif);
	float:right;
	width: 40px;
}
#zoek a:hover{
	background-image:url(../images/navigation/zoekh.gif);
}

#zoek a .dpnone{
	position:absolute;
	left: -999em;
}
#gradient {
	background-image:url(../images/lay-out/gradient.gif);
	background-repeat: repeat-x;
	width: 960px;
	height: 10px;
	position: relative;
	z-index: 30;
}




/* ******************** Content General ******************** */

#maincontent {
	background-image:url(../images/lay-out/background.gif);
	padding-left:10px;
	width: 950px;
	position: relative;
	z-index: 30;
}




/* ******************** Content Home ******************** */

#upnext {
	background-image:url(../images/lay-out/background_upnext.gif);
	margin-bottom: 10px;
	width: 940px;
	height: 450px;
	position: relative;
	z-index: 30;
}
#news {
	background-color:#FFFFFF;
	clear:left;
	margin-bottom:5px;
	width: 940px;
	height: 20px;
	position: relative;
	z-index: 30;
}
#fabchannel {
	background-color:#FFFFFF;
	margin-bottom:10px;
	width: 940px;
	height: 20px;
	position: relative;
	z-index: 30;
}
#highlights {
	background-color:#FFFFFF;
	margin-bottom:10px;
	float:left;
	width: 465px;
	height: 120px;
	position: relative;
	z-index: 30;
}
#highlights_content {
	background-color:#FFFFFF;
	margin-bottom:10px;
	float:left;
	width: 180px;
	height: 400px;
	position: relative;
	z-index: 30;
}
#sales {
	background-color:#FFFFFF;
	margin-bottom:10px;
	float:right;
	width: 465px;
	height: 120px;
	position: relative;
	right: 10px;
	z-index: 30;
}




/* ******************** Content Main ******************** */

#agendanavigation{
	background-color:#FFFFFF;
	float: left;
	margin-bottom:10px;
	width: 940px;
	height:25px;
	position: relative;
	z-index: 30;
}
#contentwrap{
	background-image:url(../images/lay-out/content_background.gif);
	background-repeat:repeat-y;
	float: left;
	margin-bottom:10px;
	width: 950px;
	min-height: 450px;
	position: relative;
	z-index: 30;
}
#wrap-left{
	width: 180px;
	float: left;
	padding-bottom: 20px;
	position: relative;
	z-index: 30;
}
#wrap-center{
	width: 520px;
	float: left;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	position: relative;
	z-index: 30;
}
#wrap-right{
	width: 180px;
	float: left;
	padding-bottom: 20px;
	position: relative;
	z-index: 30;
}
#player{
	width: 180px;
	height: 40px;
	float: left;
	padding-bottom: 10px;
	position: relative;
	z-index: 30;
}



/* ******************** Footer ******************** */


#footer {
	clear:left;
	padding-bottom: 10px;
	width: 940px;
	height: 40px;
	position: relative;
	z-index: 30;
}

/* ******************** toegevoegd 29 09 2009 banner webwinkel ******************** */

#header_sitewide {
	padding: 0;
	color:#FFFFFF;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 0;
	}	
	
#header_sitewide a {
	text-decoration: none;
	color:#FFFFFF;
}