@import url(/include/css/editor.php);

/** =COLORS **
#ede50b		Yellow
#8bbc45		Green
#eaf6f8		Near White
#80c2c2		Light Blue
#00a5b5		Blue
#005960		Dark Blue
#ffd621		RWS d.geel
#fff7bd		RWS l.geel
*/


body {
	}

pre {
	font-size: 11px;
	line-height: 1.2;
	padding: 10px;
	margin-top: 1em;
	border: 1px solid #005960;
	font-family: "Courier New", courier, monospace;
	}

pre.noborder	{
	border: 0;
	padding: 0;
	margin: 0;
	}

/** =LAYOUT **/

#hp #container {
	background-image: none;
	}
#container {
	width: 968px;
	margin: 0 auto;
	background: url('/image/faux.gif') repeat-y left top;
	}
#wrapper {
	min-height: 400px;
	}


/** =HEADER **/

#header {
	height: 154px;
	background: #ffffff url('/image/bg-header.gif') no-repeat left top;
	}

#logo {
	float: left;
	width: 200px;
	height: 89px;
	padding-top: 10px;
	padding-left: 30px;
	}
#logo a {
	display: block;
	}

#topnav {
	width: 242px;
	float: right;
	padding-top: 80px;
	}
#topnav #textsize {
	padding-right: 15px;
	text-align: right;
	}
#topnav form a {
	float: right;
	margin-right: 15px;
	}
#topnav input#q {
	width: 171px;
	margin-right: 5px;
	border: 1px solid #bbe1e5;
	}
#topnav input.button {
	width: 49px;
	color: #005a60;
	background: #ffffff;
	border: 1px solid #bbe1e5;
	}
#topnav p {
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	}
#topnav a {
	color: #ffffff;
	font-size: 100%;
	text-decoration: none;
	}
#topnav .sitemap {
	float: left;
	margin-top: 0;
	}

#navigation,
#breadcrumbs {
	height: 28px;
	line-height: 28px;
	color: #BFBFBF;
	}

#navigation {
	clear: both;
	color: #ffffff;
	background: #ffd621;
	}
#breadcrumbs {
	clear: both;
	}
#breadcrumbs * {
	color: #bfbfbf;
	text-decoration: none;
	}
#breadcrumbs a:hover span	{
	color: #000000;
	}
#breadcrumbs a span	{
	text-decoration: underline;
	}

/** =CONTENT - HOMEPAGE **/

#visual {
	height: 335px;
	margin-bottom: 20px;
	position: relative;
	}

	#switcher {
		position: absolute;
		height: 335px;
		width: 245px;
		padding: 0;
		right: 0;
		top: 0;
		z-index: 1000;
		}

	#switcher ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		}
	#switcher ul li.button {
		float: left;
		width: 122px;
		border: 0;
		background: #26959f;
		}
	#switcher ul li.button a {
		display: block;
		padding: 5px 0px;
		color: #ffffff;
		font-size: 110%;
		text-align: center;
		text-decoration: none;
		}
	#switcher ul li.first {
		border-right: 1px solid #1e777f;
		background: #2eb6c2;
		}
	#switcher.active1 {
		background: #2eb6c2;
		}
	#switcher.active2 {
		background: #26959f;
		}

	#switcher ul ul {
		padding-top: 10px;
		position: absolute;
		left: -999em;
		border-top: 0;
		}
	#switcher ul li.active ul {
		left: 0;
		}
	#switcher ul ul li {
		float: none;
		width: 215px;
		margin-left: 15px;
		margin-right: 15px;
		background: none;
		border-color: #6ec3cb;
		}
	#switcher ul li.button ul a {
		text-align: left;
		color: #ffffff;
		padding: 3px 0px;
		background: none;
		}
	#switcher ul li.button ul a:hover {
		background: #26959f;
		}
	#switcher.active2 ul li.button ul a:hover {
		background: #2eb6c2;
		}
	#switcher ul ul li.imagemap {
		height: 129px;
		border: 0;
		text-align: center;
		padding-top: 20px;
		}

#actueel {
	width: 462px;
	width: 447px;
	float: left;
	}
#actueel .navlist li {
	height: auto;
	}

#locations {
	float: left;
	}




/** CONTENT - DEFAULT **/

#content,
#sidebar {
	border-top: 1px solid #80c2c2;
	}

#content {
	width: 450px;
	float: right;
	padding: 0px 12px;
	margin-right: 11px;
	}
.full #content {
	width: 680px;
	width: 691px;
	margin-right: 0;
	}
	#h1-title {
		margin: 0px -12px 10px;
		padding-left: 12px;
		background: #eaf6f8;
		}
	#h1-title h1 {
		color: #005960;
		}

#sidebar {
	width: 237px;
	float: left;
	margin-right: 15px;
	}
#sidebar #subnav {
	margin-top: 0;
	}
#sidebar #subnav li a {
	border-color: #d6e5e5;
	}
#sidebar #subnav li ul	{
	margin-left: 0;
	list-style: none;
	}
#sidebar #subnav li ul li a	{
	padding-left: 37px;
	background-position: 23px center;
	}
#sidebar #subnav li li ul li a	{
	padding-left: 51px;
	background-position: 37px center;
	} 
#sidebar #subnav a {
	color: #005960;
	padding-left: 23px;
	font-weight: bold;
	background: url('/image/arrow-sidebar.gif') no-repeat 7px center;
	}
#sidebar #subnav li.open a,
#sidebar #subnav li.open li.open a	{
	background-image: url('/image/arrow-sidebar-open.gif');
	}
#sidebar #subnav li.open li a,
#sidebar #subnav li.open li.open li a	{
	background-image: url('/image/arrow-sidebar.gif');
	}
#sidebar #subnav a:hover {
	background-color: #EEE;
	}
#sidebar #subnav .active a {
	background-color: #ffd621;
	}
#sidebar #subnav .active ul li a {
	background-color: transparent;
	}

#hp #quicknav {
	border-left-color: #ffffff;
	}
#quicknav {
	width: 200px;
	float: right;
	border-left: 1px solid #eaf6f8;
	}

/** CONTENT - FAQ **/

.faq-item {
	}

.faq-item .question,
.faq-item .answer {
	padding-left: 10px;
	}

.faq-item .question {
	font-weight: bold;
	color: #005960;
	background: url('/image/arrow-faq.gif') no-repeat 0px 5px;
	}
.faq-item .answer {
	margin-bottom: .8em;
	}

.faq-item-js .question {
	cursor: pointer;
	}
.faq-item-js .answer {
	display: none;
	}
.faq-item-js .open-q {
	color: #00a6b5;
	background-image: url('/image/arrow-faq-open.gif');
	}
.faq-item-js .open-a {
	display: block;
	}


/** =FOOTER **/

#hp #footer {
	background-image: none;
	}
#footer {
	clear: both;
	height: 36px;
	background: url('/image/bg-footer.gif') no-repeat left bottom;
	}
#footer p {
	}
#footer a {
	}


/** =CLASSES **/

.coll,
#hp #quicknav {
	width: 215px;
	padding: 0px 15px;
	}
.coll .navlist {
	border-top: 1px solid #e4e4e4;
	}

#subnav, .navlist {
	margin: 10px 0 0 0;
	list-style: none;
	}
#subnav li a,
.navlist li {
	border-bottom: 1px solid #e4e4e4;
	}
#subnav a,
.navlist a {
	padding: 5px 0px;
	display: block;
	text-decoration: none;
	padding-right: 10px;
	background: url('/image/arrow.gif') no-repeat right center;
	}
.navlist a.no-decor	{
	background: none;
	}
.figure {
	margin-right: -12px;
	}


table.data {
	width: 100%;
	border-collapse: collapse;
	}
table.data th,
table.data td {
	white-space: nowrap;
	border: 1px solid #005960;
	}
table.data th {
	color: #000000;
	padding: 2px;
	font-weight: bold;
	background: #ffd621;
	}
table.data td {
	padding: 2px;
	}
table.data a {
	color: #00a5b5;
	font-weight: bold;
	}

.table-note {
	margin-top: .5em;
	font-weight: bold;
	}



/* 		VERTICAL ALIGN
Width en Height kunnen aangepast en/of via een
andere class toegewezen worden.

Moet altijd de volgende HTML hebben:
<div class="verticalalign">
<div>
<div>
	<!-- element dat gecentreerd moet -->
</div>
</div>
</div>
*/
.verticalalign { width:400px; height:300px; }
.verticalalign { display: table;  overflow: hidden; text-align:left; }
.verticalalign * { display: table-cell; vertical-align: middle; overflow:visible; }
.verticalalign * * { display:auto; vertical-align:none; }

#slideshow	{
	height: 335px;
	width: 968px;
	padding: 0;  
    margin:  0;  
	}
#slideshow img {
	display: none;  
	top:  0; 
	left: 0
	height: 335px;
	width: 968px;
}
#slideshow .active	{
	display: inline;
	}
#carousel-container	ul	{
	list-style-type: none;
	margin: 0;
	}
#carousel-container	li	{
	border: 0;
	}