body {margin: 0; padding: 0; text-align: center; background: #000 url(../images/background-wood.jpg)}

td, div, input, select, textarea {font-family: arial, sans-serif; font-size: 12px}

#site-container {width: 990px; margin: 0 auto; text-align: left; min-height: 840px; height: auto !important; height: 840px}

#header {font-size: 11px; color: #bcbcbb;  height: 50px;}
#header .breadcrumbs {float: left; width: 450px; line-height: 15px; margin: 20px 0}
#header .address     {float: right; text-align: right; line-height: 15px; margin: 20px 0}

#header a {color: #bbb; font-weight: normal; text-decoration: none}
#header a:hover {color: #fff; font-weight: normal; text-decoration: none}

#top-row {height: 580px}

#top-row #left-column      {width: 215px; float: left; height: 580px}
#top-row #middle-column    {width: 385px; float: left; height: 580px}
#top-row #paginaafbeelding {width: 390px; float: left; height: 580px; backround: #000000}

#top-row .logo {width: 215px; background: #002b46; height: 200px; text-align: center}
#top-row .logo img {margin-top: 40px}

#block-container {
	clear: both;
}

.content-menu {
	float: right;
	width: 46%;
	border-left: 1px solid #888;
	padding: 2%;
	margin-left: 10px;
	margin-bottom: 100px;
}

.content-menu a {
	display: block;
	font-weight: normal !important;
	cursor: pointer;
}

#top-row .menu-facilities {width: 385px; float: left; background: #001f32; height: 200px}
#top-row .menu-facilities a {color: #fff; font-weight: normal; text-decoration: none}
#top-row .menu-facilities a:hover {color: #d1ba9a; font-weight: bold; text-decoration: none}
#top-row .menu-facilities a.active {color: #d1ba9a; font-weight: bold; text-decoration: none}
#top-row .menu-facilities a.active:hover {color: #fff; font-weight: normal; text-decoration: none}
#top-row .menu-facilities .wrapper {font-size: 12px; padding: 25px; line-height: 18px}

#top-row .menu-company {width: 215px; background: #000000; height: 380px}
#top-row .menu-company img {margin-bottom: 15px}
#top-row .menu-company .wrapper {font-size: 12px; padding: 0 15px; line-height: 16px}
#top-row .menu-company a {color: #fff; font-weight: normal; text-decoration: none}
#top-row .menu-company a:hover {color: #d1ba9a; font-weight: bold; text-decoration: none}
#top-row .menu-company a.active {color: #d1ba9a; font-weight: bold; text-decoration: none}
#top-row .menu-company a.active:hover {color: #fff; font-weight: normal; text-decoration: none}
#top-row .menu-company .children {font-size: 11px; margin: 0 0 0 20px}
#top-row .menu-company .children p {margin: 2px 0}

#top-row .pagetitle {width: 385px; float: left; background: #601e31 url(../images/background-pagetitle.jpg) no-repeat; height: 380px}
#top-row table.pagetitle  {height: 380px}
#top-row h1 {font-family: palatino, georgia, serif; color: #fff; font-weight: normal; font-size: 36px; padding: 10px; margin: 0}

#bottom-row  {background: url(../images/background-bottomrow.png); min-height: 260px; height: auto !important; height: 260px}
#bottom-row .menu-activities {width: 215px; float: left}
#bottom-row .menu-activities .wrapper {font-size: 12px; color: #fff; padding: 25px; line-height: 18px}
#bottom-row .menu-activities a {color: #d1ba9a; font-weight: normal; text-decoration: none}
#bottom-row .menu-activities a:hover {color: #fff; font-weight: bold; text-decoration: none}
#bottom-row .menu-activities a.active {color: #fff; font-weight: bold; text-decoration: none}
#bottom-row .menu-activities a.active:hover {color: #d1ba9a; font-weight: normal; text-decoration: none}

#bottom-row .content {width: 775px; float: left}
#bottom-row .content .wrapper {font-size: 14px; color: #fff; padding: 10px 25px; line-height: 18px}
#bottom-row .content a {color: #d1ba9a; font-weight: bold; text-decoration: none}
#bottom-row .content a:hover {color: #fff; font-weight: bold; text-decoration: none}

.toerisme-logos {margin: 15px 0}

/* Stijlen vanuit het CMS */

div.homepage-kader {font-size: 11px; margin-left: 50px}


a img {border: none}

/* Clearfix */
.clfx:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0}
* html .clfx             {zoom: 1} /* IE6 */
*:first-child+html .clfx {zoom: 1} /* IE7 *//* Clearfix */
.clear:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0}
* html .clear             {zoom: 1} /* IE6 */
*:first-child+html .clear {zoom: 1} /* IE7 */
