body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #4F3223;
	background-color: #F1EEEE;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #648AB9;
	padding-bottom: 5px;
	margin: 0;
}

.highlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #648AB9;
}
.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #648AB9;
}
.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	color: #FFFFFF;
}
.blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #648AB9;
}
#container {
	width: 955px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #648AB9;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #648AB9;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #4F3223;
	text-decoration: none;
}
/* content */
#header {
	background-color: #DEDBDA;
}
#content {
	position: relative;
	width: 905px;
	background-color: #FFF;
	padding: 25px;
}
#topbanner
{
	height:200px;
}

/*
#topic {
	width: 261px;
	background-color: #EEEDEC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	padding: 12px;
}
#topicheader {
	width: 261px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
}
#topicheader, #topicheader a, #topicheader a:hover, #topicheader a:link {
	color:#FFFFFF;
	font-weight: bold;
}
#topic ul {
	list-style: none;
	padding: 8px 0 0 0;
	margin: 0;
}
#topic li {
	background: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0;
}
#topic li div {
	color: #648AB9;
	font-weight:bold;
}

#topic div a  {
	padding-left: 5px;
	color: #648AB9;
	font-weight:bold; 
	text-decoration: none;
}
#topic a:hover {
	color: #4F3223;
	text-decoration: none;
}
#topic .eventoverview li {
	background: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0 0 10px 0;
}
*/
#smalltopic {
	width: 236px;
	background-color: #EEEDEC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	padding: 12px;
}
#smalltopicheader {
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
}
#smalltopic ul {
	list-style: none;
	padding: 8px 0 0 0;
	margin: 0;
}
#smalltopic li {
	background: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0;
}
#smalltopic .eventoverview li {
	background: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0 0 10px 0;
}
#smalltopic a {
	color: #648AB9;
	text-decoration: none;
}
#smalltopic a:hover {
	color: #4F3223;
	text-decoration: none;
}
#button{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button.gif);
}
#buttonhotel{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button_hotel.gif);
}
#buttonfeestzalen{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button_feestzalen.gif);
}
#buttonseminaries{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button_seminaries.gif);
}
#buttonevents{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button_events.gif);
}
#buttonbrasserie{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button_brasserie.gif);
}
#buttoncontact{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button_events.gif);
}
#buttonwellness{
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
	background-image: url(../img/button_wellness.gif);
}
#button ul, #buttonfeestzalen ul, #buttonseminaries ul, #buttonevents ul, #buttonhotel ul , #buttonbrasserie ul , #buttoncontact ul, #buttonwellness ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#button li, #buttonfeestzalen li, #buttonseminaries li, #buttonevents li, #buttonhotel li, #buttonwellness li {
	background: url(../img/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 10px;
	margin: 0;
}
#button a, #buttonfeestzalen a, #buttonseminaries a, #buttonevents a, #buttonhotel a, #buttonbrasserie a, #buttoncontact a, #buttonwellness a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#button a:hover, #buttonfeestzalen a:hover, #buttonevents a:hover, #buttonhotel a:hover, #buttonseminaries a:hover, #buttonwellness a:hover,
#button .active, #buttonfeestzalen .active, #buttonseminaries .active, #buttonevents .active, #buttonhotel .active, #buttonwellness .active {
	/*color: #CB9E9F;*/
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
#buttonbrasserie a:hover , #buttoncontact a:hover, 
#buttonbrasserie .active , #buttoncontact .active {
	/*color: #CB9E9F;*/
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
/*
#button .active, #buttonfeestzalen .active, #buttonseminaries .active, #buttonevents .active, #buttonhotel .active , #buttonbrasserie .active , #buttoncontact .active, #buttonwellness .active {
	color: #CB9E9F;
	text-decoration: none;
	font-weight: bold;
}
*/
#back a {
	background: url(../img/arrow_back.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0;
	color: #648AB9;
	text-decoration: none;
}
#back a:hover {
	color: #4F3223;
	text-decoration: none;
}
/* navigation */
#navigation {
	background-color: #FFF;
	width: 725px;
	height: 30px;
	text-align: center;
}
#navigation .left {
	background-image: url(../img/nav_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 20px;
}
#navigation .right{
	background-image: url(../img/nav_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 20px;
}
#navigation a {
	color: #4F3223;
	text-decoration: none;
	padding:0 10px 0 10px;
	border-right: 1px solid #000000;
	}
#navigation a:hover {
	color: #648AB9;
	text-decoration: none;
	}
#navigation .active {
	color: #648AB9;
	text-decoration: none;
	}
#navigation a.last {
	border-right: 0;
	}
/* footer */
#footer {
	background-color: #DEDBDA;
	width: 930px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding: 0 25px 0 0;
}
#footer a {
	color: #4F3223;
	text-decoration: underline;
	}
#footer a:hover {
	color: #648AB9;
	text-decoration: none;
	}
#footer .active {
	color: #648AB9;
	text-decoration: none;
	}
/* form */
#form .inputfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ACADB0;
	padding-left:3px;
	width: 220px;
	height: 16px;
	color: #333333;
}
#form .radiobutton {
	border:none;
}
#form label {
	vertical-align: top;
}
#form .smallbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ACADB0;
	padding-left:3px;
	width: 40px;
	height: 16px;
	color: #333333;	
}
#form .bigbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ACADB0;
	padding-left:3px;
	width: 260px;
	color: #333333;	
}
#form .list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #ACADB0;
	padding-left:3px;
	color: #333333;	
}
.errorField{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	height: 16px;
	width: 200px;
	background-color:#f7c1c2;
}
.required{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
}

.galPic
{
/*margin:10px;*/
}
.galPic a.group span.imgWrapper img
{
border: 1px solid #CCC;
padding: 5px;
margin: 8px;
}



ul.bulletlist li {
	background: url(/img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 1px 0px 0 12px;
	margin: 0 0 2px 0;
}


ul.arrangementenlijst li {
	background: url(/img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
	padding: 1px 0px 0 12px;
	margin: 0 0 10px 0;
}

#eventtipheader {
	background: url(/img/header_topic1_wide.gif);
	background-repeat: no-repeat;
	color: #FFF;
	padding: 5px 0 0 12px;
	height:23px;
	font-weight: bold;
}
#eventtipfooter {
	background: url(/img/header_topic1_wide_bottom.gif);
	background-repeat: no-repeat;
	height:28px;
}

.eventoverview {
	/*background-color: #341F15;*/
	background-color: #EEEDEC;
}

.backlink {
	background:transparent url(/img/arrow_back.gif) no-repeat scroll 0 7px;
	margin-top: -20px;
	float: right;
	display: block;
	padding-left: 10px;
}

a.subtitleLink {
	background:transparent url(../img/arrow.gif) no-repeat scroll 0 7px;
	margin:0;
	padding:2px 0 0 10px;
	font-weight:bold;
}

#content img .fotoLinks
{
float: left;
margin: 0 10px 0 0;
}


#hottopic{
	width: 236px;
	background-color:#C8A6A6;
	/*background-color: #EEEDEC;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	padding: 12px;
}
#hottopicheader {
	width: 236px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
}
#hottopic ul {
	list-style: none;
	padding: 8px 0 0 0;
	margin: 0;
}
#hottopic li {
	background: url(../img/arrow_white.gif);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0;
}

#hottopic a, #hottopic a:hover {
/*	color: #648AB9;*/
	color: #FFFFFF;
	text-decoration: none;
}

#hottopic .highlight {
	color: #FFFFFF;
	font-weight: bold;
}
#hottopiclinks a  {
	padding-left: 5px;
	color: #648AB9;
	font-weight:bold; 
	text-decoration: none;
}

#imgSubtitle
{
	position:relative;	
	left:1200px;
}
td.subtitle
{
	width:595px;
	overflow:hidden;
}



.topic {
	width: 261px;
	background-color: #EEEDEC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	padding: 12px;
}
.topicheader {
	width: 261px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0 12px 0 12px;
}
.topicheader, .topicheader a, .topicheader a:hover, .topicheader a:link {
	/*width: 261px;*/
	color:#FFFFFF;
	font-weight: bold;
	/*padding: 0 12px 0 12px;*/
}
.topic ul {
	list-style: none;
	padding: 8px 0 0 0;
	margin: 0;
}
.topic li {
	background: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0;
}
.topic li div {
	/*background-color: #648AB9;*/
	color: #648AB9;
	font-weight:bold;
	
}

.topic div a {
	padding-left: 5px;
	color: #648AB9;
	font-weight:bold; 
	text-decoration: none;
}
.topic a:hover {
	color: #4F3223;
	text-decoration: none;
}
.topic .eventoverview li {
	background: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding: 2px 0 0 10px;
	margin: 0 0 10px 0;
}




#feestzalensubmenu
{
	display:none;
	position:absolute;
	top: 53px;
	left: 24px;
	width: 285px;
	height: 134px;
}

#feestzalensubmenutransparent
{
	background-color: #E4D285;
	border: 1px solid white;

	width: 285px;
	height: 134px;

	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

#feestzalensubmenucontent,
#hotelsubmenucontent,
#brasseriesubmenucontent
{
	position:relative;
	top: -134px;
	z-index: 2;
}

#hotelsubmenu
{
	display:none;
	position:absolute;
	top: 53px;
	left: 334px;
	width: 285px;
	height: 134px;
}

#hotelsubmenutransparent
{
	background-color: #C3B97F;
	border: 1px solid white;

	width: 285px;
	height: 134px;

	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}


#brasseriesubmenu
{
	display:none;
	position:absolute;
	top: 53px;
	left: 644px;
	width: 285px;
	height: 134px;
}
#brasseriesubmenutransparent
{
	background-color: #AC5C3C;
	border: 1px solid white;

	width: 285px;
	height: 134px;

	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

#feestzalensubmenucontent ul li,
#hotelsubmenucontent ul li,
#brasseriesubmenucontent ul li
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;

	float: left;
	margin: 4px 0 0 4px;
	width: 142px;
	padding: 0 8px;
	background: transparent url(../img/arrow_white.gif) no-repeat scroll 0 7px;
	width: 120px;
	
}

#feestzalensubmenucontent br,
#hotelsubmenucontent br,
#brasseriesubmenucontent br
{
	clear: left;
}

#feestzalensubmenucontent .intro,
#hotelsubmenucontent .intro,
#brasseriesubmenucontent .intro
{
	margin:10px;
	/*font-style: italic;*/
	font-size:1.2em;
	color:#EEEEEE;
}

#feestzalensubmenucontent,
#hotelsubmenucontent,
#brasseriesubmenucontent
{
	float:left;
}


#feestzalensubmenucontent a:hover,
#hotelsubmenucontent a:hover,
#brasseriesubmenucontent a:hover
{
	text-decoration: underline;
}

.arrowdown
{
	float: right;
	background: url(/img/arrowdown.gif) no-repeat scroll 0 0;
	width:16px;
}

#content strong
{
	color: #7c0d0f;
	font-weight: bold;
	font-size: 1.1em;
}


#sitemap
{
	width: 900px;
}

#sitemapleft, #sitemapright
{
	float:left;
	width:350px;
	padding-right:80px;
}

#sitemap ul
{
	margin-bottom:20px
}
#sitemap ul ul
{
	margin-bottom:0;
}
#sitemap h3
{
	background-color:#7c0d0f;
	font-size:14px;
	margin:24px 0 8px 0;
	padding:4px 8px;
	/*width:350px;*/
}
#sitemap h3 a, #sitemap h3 a:visited
{
	color:#ffffff;
	font-weight:bold;
}
#sitemap h3 a:hover
{
	color:#666666;
}
#sitemap ul li li
{
	padding-left:20px;
}
#sitemap ul li li a
{
	color:#999999;
}
#sitemap ul li li a:hover
{
	color:#666666;
}



#homepagepopup
{
	position:absolute;
	left:75px;
	top:-222px;
	float:right;
	display:none;
	z-index:9;
	padding: 20px 20px 7px 0;
	background-color: #FFFFFF;
	height:441px;
	border: 2px solid grey;
}
#popupclose
{
	margin-top:20px;
	text-align: right;
}
#popupclose a
{
	font-weight:bold;
	font-size: 12pt;
	color: #4F3223;
}





/*** Clearfix Hack
*******************************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.highlight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 16px;
color: #648AB9;
}

.fotoLinks {
float: left;
margin: 0 10px 0 0;
}

.fotoRechts {
float: right;
margin: 0 0 0 10px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 16px;
color: #7C0D0F;
padding-bottom: 5px;
margin: 0;
}

.bullet {
background: url(/img/bullet.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding: 1px 0px 0 12px;
margin: 0 0 2px 0;
}