/* --> Includes CSS
******************************************************************************/
@import url(modules.css);


/* --> General body
******************************************************************************/

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #fff;
	/* scrollbar-face-color: #E1C577;
	scrollbar-highlight-color: #E1C577; 
	scrollbar-3dlight-color: #E1C577;
	scrollbar-darkshadow-color: #E1C577;
	scrollbar-shadow-color: #E1C577;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #fff; */
}

body, td {
	font: normal 11px/16px Verdana, Arial, Tahoma, sans-serif;
	color: #6B6A6C;
}

input, textarea, select {
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	color: #6B6A6C;
}

hr {
	height: 1px;
	color: #e3e3e3;
	background-color: #e3e3e3;
	border: 0;
}


p, h1, h2, h3 {
	margin: 0;
}

p {
	margin: 15px 0;
}

h1, h2 {
	font-size: 16px;
	font-weight: normal;
	color: #999;
}

img {
	border: none;
}

a {
	color: #333;
	text-decoration: underline;
	cursor: pointer;
}

a:hover	{
	color: #333;
	text-decoration: none;
}

div.spacer {
	margin-top: 15px; 
	display: block; 
	background: url(../images/grey_dot_hor.gif) repeat-x;
}

div.logo {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 23px;
	top: 14px;
	width: 143px;
	height: 61px;
}

/* --> Page layout Splash
******************************************************************************/

#sp-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}

#sp-container #canvas-container {
	padding: 0px;
	margin: auto;
	width: 1004px;
	height: 588px;
	text-align: left;
}


/* --> Page layout Website
******************************************************************************/

#wb-canvas {
	padding: 0px;
	margin: auto;
	width: 1004px;
	height: 100%;
}

#wb-canvas .top-cell {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#wb-canvas .bottom-cell{
	padding: 0px;
	margin: 0px;
	height: 72px;
	vertical-align: bottom;
}

/* --> Top Splash
******************************************************************************/

#sp-container #canvas-container #top {
	padding: 0px;
	margin: 0px;
	width: 1004px;
	height: 129px;
	position: relative;
}


/* --> Top Website
******************************************************************************/

#wb-canvas #top {
	padding: 0px;
	margin: 0px;
	width: 1004px;
	height: 129px;
	background: url(../images/logo.gif) no-repeat 23px 14px;
	position: relative;
}


/* --> Menu Splash
******************************************************************************/

#sp-container #canvas-container #top .menu {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 190px;
	top: 20px;
}

/* --> Menu Website
******************************************************************************/

#wb-canvas #top .menu {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 190px;
	top: 20px;
}

/* --> Mid-flash Splash
******************************************************************************/

#sp-container #canvas-container #mid-flash {
	padding: 0px;
	margin: 0px;
	width: 1004px;
	height: 323px;
}


/* --> Content Website
******************************************************************************/

#wb-canvas #content-container {
	padding: 0px;
	margin: 0px 0px 70px 0px;
	width: 1004px;
	display: table;
}

#wb-canvas #content-container .left {
	padding: 0px;
	margin: 0px;
	width: 230px;
	background: url(../../img/left_bg.gif) repeat-y;
	float: left;
}

#wb-canvas #content-container .right {
	padding: 0px;
	margin: 0px;
	width: 737px;
	float: left;
}

#wb-canvas #content-container .right .canvas-content {
	padding: 18px 0px 0px 25px;
	margin: 0px;
}

#wb-canvas #content-container .right .canvas-content .title {
	padding: 0px;
	margin: 0px 0px 15px 0px;
	display: block;
}


/* --> Bottom Splash
******************************************************************************/

#sp-container #canvas-container .bottom {
	padding: 0px;
	margin: 0px;
	width: 1004px;
	height: 126px;
	background: url(../images/bottom_bg.gif);
	position: relative;
}

#sp-container #canvas-container .bottom .b-01 {
	padding: 0px;
	margin: 0px;
	width: 150px;
	height: 20px;
	position: absolute;
	left: 18px;
	top: 71px;
}

#sp-container #canvas-container .bottom .b-02 {
	padding: 0px;
	margin: 0px;
	width: 150px;
	height: 20px;
	position: absolute;
	left: 209px;
	top: 71px;
}

#sp-container #canvas-container .bottom .b-03 {
	padding: 0px;
	margin: 0px;
	width: 150px;
	height: 20px;
	position: absolute;
	left: 656px;
	top: 70px;
}

#sp-container #canvas-container .bottom .b-04 {
	padding: 0px;
	margin: 0px;
	width: 110px;
	height: 20px;
	position: absolute;
	left: 879px;
	top: 70px;
}

/* Subnavigation footsteps */
div#subnavigation  {
	background: top right url(../images/grey_dot_ver.gif) repeat-y;
	padding-right: 40px;
}
div#subnavigation a:link, div#subnavigation a:visited, div#subnavigation a.last:link, div#subnavigation a.last:visited  {
	display: block;
	background: url(../images/grey_dot_hor.gif) repeat-x;
	padding: 15px 5px;
	height: 17px;
	text-decoration: none;
	color: #545454;
}
div#subnavigation a.last:link, div#subnavigation a.last:visited  {
	background: url(../images/background_subnavigation.gif) no-repeat;
}
div#subnavigation a:hover, div#subnavigation a.last:hover {
	padding: 15px;
	color: #dddddd;
}

/* News page footsteps */
div.highlighted {
	margin: 15px 0;
	padding-top: 15px;
	background: url(../images/grey_dot_hor.gif) repeat-x;
}
div.days {
	background: url(../images/grey_dot_hor.gif) repeat-x;
	padding-top: 15px;
	margin-top: 15px;
}
div.days ul {
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
}

/* Contactformulier footsteps */
div.mailer_ext {}
div.mailer_ext label {
	display: block;
	float: left;
	width: 130px;
}
div.mailer_ext input {
	margin-bottom: 3px;
	padding: 5px;
	width: 130px;
	border: 1px solid #ccc;
}
div.mailer_ext select {
	margin-bottom: 3px;
	width: 130px;
	border: 1px solid #ccc;
}
div.mailer_ext textarea {
	border: 1px solid #ccc;
	padding: 5px;
	width: 240px;
}
div.mailer_ext input.versturen {
	text-transform: capitalize;
	width: auto;
	cursor: pointer;
}

/* Trace footsteps */
div#trace {
	margin-bottom: 15px;
	color: #6B6A6C;
}
div#trace a:link, div#trace a:visited {
	text-decoration: none;
	color: #6B6A6C;
}
div#trace a:hover {
	text-decoration: underline;
	color: #333;
}

/* Credits footsteps */
div#footer_inner {
	position: relative;
}
div#credits {
	position: absolute;
	right: 0;
	bottom: 13px;
	z-index: 2;
	color: #ccc;
}
div#credits a:link, div#credits a:visited {
	color: #ccc;
	text-decoration: none;
}
div#credits a:hover {
	color: #999;
}
a#linkTop {
	left: 0;
	bottom: 0;
}




/* Extra */
div.clear_float {
	clear: both;
}