@import "reset.css";
	
/*feestideeen: 009ee0feestlocaties: e3003dentertainment: f6b900amusement: adaa00;*/
body {
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	color:#454545;
}

#doc.home {
	background:url(../images/bg_doc_home.jpg) repeat-x center -25px;
}

#doc.content,#doc.detail {
	background:url(../images/bg_doc_content.jpg) repeat-x center -25px;
}

#ribbon {
	height:25px;
	line-height:25px;
	width:940px;
	margin:0 auto;
	padding:0 10px;
}

#container {
	width:960px;
	margin:0 auto;
}

.home #container {
	background:url(../images/bg_container_home.jpg) no-repeat 0 0;
}

.detail #container,.content #container {
	background:url(../images/bg_container_content.jpg) no-repeat 0 0;
}

#header {
	height:135px;
}

#logo {
	padding:10px 0 0 10px;
	float:left;
}

#topnavigation {
	width:480px;
	padding:20px 0 0;
	margin:0 0 0 460px;
}

#topnavigation li {
	float:left;
	width:80px;
}

#topnavigation li a {
	color:#fff;
}

#searchform {
	width:160px;
	float:left;
}

#searchform fieldset {
	float:left;
	padding:0;
	width:140px;
}

#searchform fieldset input.text {
	height:20px;
	border:0;
	width:140px;
	padding:0 5px;
	margin:0;
}

#searchform input.submitsearch {
	float:left;
	width:20px;
	height:20px;
	border:0;
	background:url(../images/bg_search.jpg) no-repeat 0 0;
}

#navigation {
	position:relative;
	margin:0 0 10px;
}

#navigation li {
	float:left;
	width:320px;
	position: relative;
}

#navigation li a {
	display:block;
	font-size:18px;
	font-family:'Trebuchet MS';
	color:#fff;
	padding:0 20px;
	width:270px;
	height:30px;
	line-height:30px;
	margin:0 0 0 10px;
}

#navigation li.feestideeen a {
	background:url(../images/menu_bg_feestideeen.png) no-repeat 0 0;
}

#navigation li.feestlocaties a {
	background:url(../images/menu_bg_feestlocaties.png) no-repeat 0 0;
}

#navigation li.entertainment a {
	background:url(../images/menu_bg_entertainment.png) no-repeat 0 0;
}

#navigation li.amusement a {
	background:url(../images/menu_bg_amusement.png) no-repeat 0 0;
}

#navigation li a.active {
	background-position:0 -30px;
}

#navigation li.feestideeen:hover,#navigation li.feestideeen div.dropdownmenu {
	background-color:#009ee0;
}

#navigation li.feestlocaties:hover,#navigation li.feestlocaties div.dropdownmenu {
	background-color:#e3003d;
}

#navigation li.entertainment:hover,#navigation li.entertainment div.dropdownmenu {
	background-color:#f6b900;
}

#navigation li.amusement:hover,#navigation li.amusement div.dropdownmenu {
	background-color:#adaa00;
}

#navigation li a:hover {
	padding:0 0 0 30px;
	width:210px;
	line-height:30px;
	margin:0;
	background:url(../images/menu_bg_active.png) no-repeat 10px 0;
}

#navigation li div.dropdownmenu {
	position:absolute;
	display:none;
	z-index:101;
	top:30px;
	width:320px;
	height:220px;
	color:#fff;
	background:url(../images/bg_dropdownmenu.png) repeat-x left bottom;
}



#navigation li:hover div.dropdownmenu {
	display:block;
}


	
/*#navigation .dropdownmenu ul  {float: left;width: 140px;padding: 20px 10px;}#navigation .dropdownmenu ul label {display: block;font-weight: bold;padding: 0 0;}*/
#navigation li .dropdownmenu ul li {

	
/*float: none;width: 140px;*/
	padding:0 10px;
}

#navigation li .dropdownmenu ul li a {
	color:#fff;
	line-height:20px;
	height:auto;

	
/*width: 125px;*/
	padding:0 0 0 20px;
	margin:0;
	background:none;
	font-size:12px;
	background:url(../images/menu_bg_active.png) no-repeat -2px -6px;
}

#navigation li .dropdownmenu ul li a:hover {
	font-weight:bold;
}

#carrousel {
	height:220px;
	padding:0 0 60px;
	position:relative;
	background:url(../images/bg_carrousel.jpg) no-repeat center bottom;
}

#carrousel ul {
	overflow:hidden;
	height:240px;
}

#carrousel ul li {
	display:block;
	float:left;
	overflow:hidden;
	height:230px;
	width:950px;
	border:5px solid #009ee0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#fff;
}

#carrousel ul li.feestideeen {
	border:5px solid #009ee0;
}

#carrousel ul li.feestlocaties {
	border:5px solid #e3003d;
}

#carrousel ul li.entertainment {
	border:5px solid #f6b900;
}

#carrousel ul li.amusement {
	border:5px solid #adaa00;
}

#content {
	position:relative;
}

.home #maincontent {
	padding:0 0 20px;
	border-bottom:1px solid #ccc;
	margin:0 0 20px;
}

.home .introduction {
	float:left;
	width:300px;
	padding:0 10px 20px;
}

.home .introduction .image {
	height:66px;
	width:216px;
	margin:10px 0;
}

.home .introduction .textholder {
	height:150px;
	overflow:hidden;
	margin:0 0 30px;
}

.home .introduction.feestideeen {
	background:url(../images/bg_introduction_feestideeen.jpg) no-repeat center bottom;
}

.home .introduction.feestlocaties {
	background:url(../images/bg_introduction_feestlocaties.jpg) no-repeat center bottom;
}

.home .introduction.entertainment {
	background:url(../images/bg_introduction_entertainment.jpg) no-repeat center bottom;
}

.home .introduction.amusement {
	background:url(../images/bg_introduction_amusement.jpg) no-repeat center bottom;
}

.content #maincontent {
	padding:20px 0 0;
	margin:0 0 20px;
}

.content #maincontent h1 {
	margin:0 10px;
}

.content .introduction {
	padding:20px 10px;
	border-bottom:1px solid #ccc;
}

.content .introduction p {
	margin:0 0 0 240px;
}

.content .overview {
	padding:20px 0;

	
/*border-bottom: 20px solid #ccc;*/
}

.content .overview .divider {
	height:10px;
	margin:10px 0;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	
/*background: url('../images/bg_dropdownmenu.png') repeat-x left top;*/
}

.content.feestideeen .overview .divider {
	border-color:#009ee0;
	background:#009ee0;
}

.content.feestlocaties .overview .divider {
	border-color:#e3003d;
	background:#e3003d;
}

.content.entertainment .overview .divider {
	border-color:#f6b900;
	background:#f6b900;
}

.content.amusement .overview .divider {
	border-color:#adaa00;
	background:#adaa00;
}

.content .overview .overviewitem {
	float:left;
	width:300px;
	padding:10px;
}

.content .overview .overviewitem .textholder {
	height:160px;
	overflow:hidden;
	margin:0 0 10px;
}

.content #maincontent ul.pagenav li {
	float:right;
	text-align:right;
	width:140px;
	background:none;
	padding:0 10px;
}

.detail {
	border-bottom:1px solid #ccc;
}

.detail #subnavigation {
	float:left;
	width:220px;
	padding:20px 10px;
}

#subnavigation h2 {
	margin:10px 0;
}

#subnavigation ul {
	padding:0 0 20px;
	line-height:30px;
}

#subnavigation ul label {
	padding:0 10px;
	display:block;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

.feestideeen #subnavigation ul label {
	background:url(../images/bg_ul_label_feestideeen.jpg) no-repeat right 0;
}

.feestlocaties #subnavigation ul label {
	background:url(../images/bg_ul_label_feestlocaties.jpg) no-repeat right 0;
}

.entertainment #subnavigation ul label {
	background:url(../images/bg_ul_label_entertainment.jpg) no-repeat right 0;
}

.amusement #subnavigation ul label {
	background:url(../images/bg_ul_label_amusement.jpg) no-repeat right 0;
}

#subnavigation ul li a {
	padding:0 10px;
	display:block;
	border-bottom:1px solid #ececec;
}

#subnavigation ul li a:hover,#subnavigation ul li a.active {
	font-weight:bold;
	background:url(../images/bg_li_a_active.jpg) no-repeat right 0;
}

.feestideeen #subnavigation ul li a:hover,.feestideeen #subnavigation ul li a.active {
	background:url(../images/bg_li_a_active_feestideeen.jpg) no-repeat right 0;
}

.feestlocaties #subnavigation ul li a:hover,.feestlocaties #subnavigation ul li a.active {
	background:url(../images/bg_li_a_active_feestlocaties.jpg) no-repeat right 0;
}

.entertainment #subnavigation ul li a:hover,.entertainment #subnavigation ul li a.active {
	background:url(../images/bg_li_a_active_entertainment.jpg) no-repeat right 0;
}

.amusement #subnavigation ul li a:hover,.amusement #subnavigation ul li a.active {
	background:url(../images/bg_li_a_active_amusement.jpg) no-repeat right 0;
}

.detail #maincontent {
	float:left;
	width:460px;
	padding:20px 10px;
}

.detail #images {
	float:left;
	width:220px;
	padding:20px 10px;
}

.detail #images .image {
	margin:10px 0;
}

.detail #extracontent {
	float:left;
	width:700px;
	padding:20px 10px;
}

.detail ul#toptools {
	height:20px;
	margin-bottom:20px;
}

.detail ul#toptools li {
	float:right;
	background:none;
	padding:0 10px;
	border-left:1px solid #ccc;
}

#content.feestideeen #maincontent {
	background:url(../images/bg_content_feestideeen.jpg) no-repeat 50% 100px;
}

#content.feestlocaties #maincontent {
	background:url(../images/bg_content_feestlocaties.jpg) no-repeat 50% 100px;
}

#content.entertainment #maincontent {
	background:url(../images/bg_content_entertainment.jpg) no-repeat 50% 100px;
}

#content.amusement #maincontent {
	background:url(../images/bg_content_amusement.jpg) no-repeat 50% 100px;
}

#content.detail.feestideeen #maincontent {
	background:url(../images/bg_content_detail_feestideeen.jpg) no-repeat 50% 100px;
}

#content.detail.feestlocaties #maincontent {
	background:url(../images/bg_content_detail_feestlocaties.jpg) no-repeat 50% 80px;
}

#content.detail.entertainment #maincontent {
	background:url(../images/bg_content_detail_entertainment.jpg) no-repeat 50% 80px;
}

#content.detail.amusement #maincontent {
	background:url(../images/bg_content_detail_amusement.jpg) no-repeat 50% 80px;
}


	
/* search */
#content.search .introduction {
	padding:20px 0;
	border-bottom:1px solid #ccc;
}

#content.search .results {
	padding:20px 0 0;
}

#content.search .results .result {
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:1px solid #ccc;
}

#content.search h2 {
	margin:0 0 20px;
}

#content.search .results h3 a {
	color:#f60;
}

#subcontent {
	padding:10px 0 20px;
	border-bottom:1px solid #ccc;
}

#news {
	float:left;
	width:620px;
	padding:0 10px;
}

.newsitem {
	padding:0 0 20px;
	border-bottom:1px solid #ccc;
}

.newsitem + .newsitem {
	padding:20px 0;
}

.newsimage {
	float:left;
}

.newsitem h3,.newsitem p {
	margin:0 0 0 80px;
}

#rightsidebar {
	float:left;
	width:300px;
	padding:0 10px;
}
	
	
	div.motivation ul {
		overflow:hidden;
		height:210px;
	}
	
	div.motivation ul li {
		display:block;
		overflow:hidden;
		height:210px;
		width:220px;
		position: relative;
	}
	
	div.motivation ul li h4 {
		position: absolute;
		display: block;
		z-index: 1005;
		top: 12px;
		left: 2px;
		width: 206px;
		padding: 0 5px;
		height: 30px;
		line-height: 30px;
		background: #fff;
	}
	
	div.motivation ul li a.motivation {
		position: absolute;
		z-index: 1001;
		top: 0px;
		left: 0px;
		width: 220px;
	}
	
	div.motivation ul li img {
		width: 216px;
		height: 196px;
	}	
	
	div.motivation ul li a.readmoremotivation {
		position: absolute;
		display: block;
		z-index: 1005;
		bottom: 2px;
		left: 2px;
		width: 206px;
		height: 30px;
		line-height: 30px;
		padding: 0 5px;
		text-align: right;
		background: #fff;
	}
	
#contact {
	padding:0 0 20px;
	border-bottom:1px solid #ccc;
	background:url(../images/bg_contact.jpg) no-repeat top right;
}

#newsletter {
	padding:20px 0;

	
/*border-bottom: 1px solid #ccc;*/
	background:url(../images/bg_newsletter.jpg) no-repeat top right;
}

#footer {
	padding:20px 0 50px;
	background:url(../images/bg_footer.jpg) no-repeat top center;
}

#footer p {
	float:left;
	width:320px;
	padding:0;
}

#footer p.center {
	text-align:center;
}

#footer p.right {
	text-align:right;
}

h1 {
	font-family:'Trebuchet MS';
	font-size:22px;
	line-height:30px;
}

.feestideeen h1 {
	color:#009ee0;
	padding-left:25px;
	background:url(../images/bg_h1_feestideeen.png) no-repeat -3px 3px;
}

.feestlocaties h1 {
	color:#e3003d;
	padding-left:25px;
	background:url(../images/bg_h1_feestlocaties.png) no-repeat -3px 3px;
}

.entertainment h1 {
	color:#f6b900;
	padding-left:25px;
	background:url(../images/bg_h1_entertainment.png) no-repeat -3px 3px;
}

.amusement h1 {
	color:#adaa00;
	padding-left:25px;
	background:url(../images/bg_h1_amusement.png) no-repeat -3px 3px;
}

h1 + p {
	padding-top:20px;
	padding-bottom:10px;
}

h2 {
	font-family:'Trebuchet MS';
	font-size:18px;
}

.content #maincontent .overview h2 {
	padding-left:30px;
	background-position:10px 3px;
}

.feestideeen #maincontent h2 {
	color:#009ee0;
	padding-left:20px;
	background:url(../images/bg_h2_feestideeen.jpg) no-repeat 0 2px;
}

.feestlocaties #maincontent h2 {
	color:#e3003d;
	padding-left:20px;
	background:url(../images/bg_h2_feestlocaties.jpg) no-repeat 0 2px;
}

.entertainment #maincontent h2 {
	color:#f6b900;
	padding-left:20px;
	background:url(../images/bg_h2_entertainment.jpg) no-repeat 0 2px;
}

.amusement #maincontent h2 {
	color:#adaa00;
	padding-left:20px;
	background:url(../images/bg_h2_amusement.jpg) no-repeat 0 2px;
}

h2 a {
	color:#454545;
}

h2 + p,h2 + ul,h2 + form,h2 + .newsitem,h2 + .map {
	padding-top:20px;
	padding-bottom:10px;
}

h3 {
	font-family:'Trebuchet MS';
	font-size:16px;
}

h4 {
	font-family:'Trebuchet MS';
	font-size:15px;
}

	
/*h3 + p,h3 + ul,h3 + form {padding-top: 20px;padding-bottom: 10px;}*/
#extracontent ul li,#maincontent ul li {
	padding:0 0 0 15px;
	background:url(../images/bg_li.gif) no-repeat -1px -1px;
}

p + p,p + ul,p + form,ul + ul,ul + p,ul + form,form + p,form + ul {
	padding-top:10px;
	padding-bottom:10px;
}

ul + #contact,ul + h2,ul + h3,p + #contact,p + h2,p + h3 {
	margin-top:20px;
}

iframe {
	width:700px;
	min-height:600px;
}

.map {
	padding:40px 0;
}

.map iframe {
	width:456px;
	height:350px;
	min-height:350px;
}

.image {
	border:2px solid #009ee0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.feestideeen .image {
	border-color:#009ee0;
}

.feestlocaties .image {
	border-color:#e3003d;
}

.entertainment .image {
	border-color:#f6b900;
}

.amusement .image {
	border-color:#adaa00;
}

.content .image {
	float:left;
	margin:5px 0;
}

.content .overview .overviewitem .image {
	margin:5px 20px 15px 0;
}

.image + p {
	padding-bottom:10px;
}

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

a.feestideeen {
	color:#009ee0;
}

a.feestlocaties {
	color:#e3003d;
}

a.entertainment {
	color:#f6b900;
}

a.amusement {
	color:#adaa00;
}

a.readmore {
	display:block;
	width:130px;
	height:25px;
	line-height:25px;
	padding:0 0 0 10px;
	margin:5px 0 10px auto;
	background:url(../images/bg_a_readmore.jpg) no-repeat left center;
}

a.actionbutton {
	display:block;
	width:290px;
	height:35px;
	line-height:35px;
	padding:0 0 0 10px;
	margin:5px 0 10px auto;
	background:url(../images/bg_a_actionbutton.jpg) no-repeat left center;
}

a.readmoresidebar {
	display:block;
	width:220px;
	height:35px;
	line-height:35px;
	padding:0 0 0 10px;
	margin:5px 0 10px auto;
	background:url(../images/bg_a_readmoresidebar.jpg) no-repeat left center;
}


a.focus {
	text-decoration:underline;
	font-weight:bold;
}

span.date {
	font-size:12px;
	padding:0 0 0 20px;
}

.newsletterform form {
	width:460px;
}

fieldset {
	padding:10px 0;
}

legend {
	font-family:'Trebuchet MS';
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
}

input.text {
	height:25px;
	width:280px;
	padding:3px 9px 5px;
	display:block;
	border:1px solid #009ee0;
	margin:0 0 10px;
}

select.select {
	height:25px;
	width:280px;
	padding:3px 9px 5px;
	border:1px solid #009ee0;
	margin:0 0 10px;
}




#contactform input.text,
.newsletterform input.text {
	width:400px;
}

#contactform label {
	display: block;
}

#contactform select.select  {
	width:420px;
}

#contactform select.multiple {
	height: 100px;
}

#contactform select.year,
#contactform select.month,
#contactform select.day {
	width: 110px;
	margin-right: 19px;
}


textarea {
	height:200px;
	width:400px;
	padding:3px 9px 5px;
	display:block;
	border:1px solid #009ee0;
	margin:0 0 10px;
}

input.submitbutton {
	display:block;
	width:140px;
	height:25px;
	line-height:25px;
	padding:0 0 0 10px;
	margin:1px 0 10px auto;
	text-align:left;
	color:#696565;
	background:url(../images/bg_a_readmore.jpg) no-repeat left center;
	border:0;
}

.error {
	border:solid 1px #7F2929;
	padding:10px;
	margin:10px 0;
}

.tel2 {
	display: none;
}


	
/* extra */
.print {
	display:none;
}

.clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

.clear {
	display:block;
}