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;*/
  background: transparent url(/img/tile-light.gif) scroll repeat 0 0;
}
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;
}
#site
{
  width:971px;
  margin-right: auto;
  margin-left: auto;
  background: transparent url(/img/bg_site.png) repeat-y scroll 0 0;

}
#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, .topicheader a:visited{
  /*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;
}


hr
{
  background-color:#648AB9;
  border:0 none;
  color:#648AB9;
  height:1px;
  margin:14px 0;
  width:90%;
}


/*** 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;
}