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


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

html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font: normal 11px/16px Tahoma, Verdana, Arial, Tahoma, sans-serif;
	color: #6B6A6C;
}

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

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

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

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


/* --> Splash begins here!
###############################################################################/

/* --> Splash page layout
******************************************************************************/

#splash-container {
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #121212;
}

#splash-container #top-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 388px;
	background-color: #fff;
}

#splash-container #mid-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	min-height: 190px;
	height: auto !important;
	height: 190px;
	background: #272727 url(../../img/sp_mid_bg.gif) repeat-x;
}

#splash-container #bottom-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 122px;
	background-color: #121212;
}



/* --> Top splash
******************************************************************************/

#splash-container #top-container .canvas {
	padding: 0px;
	margin: auto;
	width: 1000px;
	height: 388px;
	position: relative;
	background: #fff url(../../img/sp_photo.jpg) no-repeat;
}

#splash-container #top-container .canvas .photo-01 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 13px;
	left: 0px;
}

#splash-container #top-container .canvas .photo-01 img {
	padding: 0px;
	margin: 0px;
	border: 4px solid #fff;
}

#splash-container #top-container .canvas .photo-02 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#splash-container #top-container .canvas .photo-02 img {
	padding: 0px;
	margin: 0px;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
	border-left: 4px solid #fff;
}



/* --> Mid splash
******************************************************************************/

#splash-container #mid-container .canvas {
	padding: 0px;
	margin: auto;
	width: 1000px;
	min-height: 190px;
	height: auto !important;
	height: 190px;
	position: relative;
}

#splash-container #mid-container .canvas .b {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 135px;
	right: 10px;
}

#splash-container #mid-container .canvas .title {
	padding: 0px;
	margin: 0px;
	width: 661px;
	height: 28px;
	position: absolute;
	top: 22px;
	left: 162px;
	background: url(../../img/sp_mid_title.gif) no-repeat;
}

#splash-container #mid-container .canvas .news {
	margin: 0px 0px 0px 0px;
	padding: 115px 0px 20px 162px;
	width: 500px;
	background: url(../../img/sp_mid_news_title.gif) no-repeat 165px 73px;
}


#splash-container #mid-container .canvas .news ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#splash-container #mid-container .canvas .news ul li {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#splash-container #mid-container .canvas .news ul li a {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	text-decoration: none;
	background: url(../../img/sp_mid_news_icon.gif) no-repeat 0px 5px;
}

#splash-container #mid-container .canvas .news ul li a:hover {
	text-decoration: underline;
}


/* --> Bottom splash
******************************************************************************/

#splash-container #bottom-container .canvas {
	padding: 0px;
	margin: auto;
	width: 1000px;
	height: 122px;
	position: relative;
}

#splash-container #bottom-container .canvas .naw {
	padding: 0px;
	margin: 0px;
	width: 114px;
	height: 43px;
	position: absolute;
	top: 73px;
	right: 207px;
	background: url(../../img/sp_mid_naw.gif) no-repeat 0px 0px;
}

#splash-container #bottom-container .canvas .mail {
	padding: 0px;
	margin: 0px;
	width: 157px;
	height: 99px;
	position: absolute;
	top: 73px;
	right: 21px;
	background: url(../../img/sp_mid_mail.gif) no-repeat 0px 0px;
}

#splash-container #bottom-container .canvas .mail img {
	padding: 0px;
	margin: 32px 0px 0px 19px;
}


/* --> Website begins here!
###############################################################################/

/* --> Website page layout
******************************************************************************/

#website-container {
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #121212;
}

#website-container #top-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 256px;
	background-color: #981540;
	background: #981540 url(../../img/wb_top_bg.gif) repeat-x;
	text-align: center;
}

#website-container #mid-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	background: #fff url(../../img/wb_mid_bg.jpg) no-repeat center bottom;
	text-align: center;
}

#website-container #bottom-container {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 133px;
	background: #121212 url(../../img/wb_bottom_bg.gif) repeat-x;
	text-align: center;
}



/* --> Top website
******************************************************************************/

#website-container #top-container .canvas {
	padding: 0px;
	margin: auto;
	width: 780px;
	height: 256px;
	position: relative;
	background: url(../../img/wb_top_photo.jpg) no-repeat;
	text-align: left;
}

#website-container #top-container .canvas .photo-01 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 57px;
	z-index: 1;
}

#website-container #top-container .canvas .photo-01 img {
	padding: 0px;
	margin: 0px;
}

#website-container #top-container .canvas .photo-02 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 57px;
	left: 18px;
	z-index: 2;
}

#website-container #top-container .canvas .photo-02 img {
	padding: 0px;
	margin: 0px;
	border: 4px solid #fff;
}

#website-container #top-container .canvas .photo-03 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 15px;
	right: 108px;
	z-index: 3;
}

#website-container #top-container .canvas .photo-03 img {
	padding: 0px;
	margin: 0px;
	border: 4px solid #fff;
}

#website-container #top-container .canvas .nav {
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 7px;
	left: 20px;
	z-index: 4;
}

#website-container #top-container .canvas .b-home {
	padding: 0px;
	margin: 0px;
	position: absolute;
	bottom: 7px;
	right: 20px;
	z-index: 5;
}



/* --> Mid website
******************************************************************************/

#website-container #mid-container .canvas {
	padding: 0px;
	margin: auto;
	width: 780px;
	display: table;
	text-align: left;
}

#website-container #mid-container .canvas .left {
	padding: 0px;
	margin: 0px;
	width: 574px;
	float: left;
}

#website-container #mid-container .canvas .right {
	padding: 0px;
	margin: 0px;
	width: 206px;
	float: left;
}

#website-container #mid-container .canvas .left .canvas {
	padding: 60px 60px 60px 24px;
	margin: 0px;
	width: auto !important;
}

#website-container #mid-container .canvas .right .canvas {
	padding: 60px 0px 0px 0px;
	margin: 0px;
	width: auto !important;
}

#website-container #mid-container .canvas .right .canvas .ev-container {
	padding: 0px;
	margin: 0px;
	width: 190px;
	overflow: hidden;
}

#website-container #mid-container .canvas .right .canvas .ev-container .header {
	padding: 0px;
	margin: 0px;
	height: 75px;
	width: 190px;
	background: url(../../img/evenementen_header.gif);
}

#website-container #mid-container .canvas .right .canvas .ev-container .content {
	padding: 0px;
	margin: 0px;
	width: 190px;
	background-color: #F1EDDB;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content li.odd {
	padding: 0px;
	margin: 0px;
	background: #F2EEDB url(../../img/evenementen_icon.gif) no-repeat 178px 13px;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content li.even {
	padding: 0px;
	margin: 0px;
	background: #F8F6ED url(../../img/evenementen_icon.gif) no-repeat 178px 13px;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content li.odd .title {
	padding: 0px;
	margin: 0px;
	color: #9A1641;
	text-decoration: none;
	display: block;
	font-size: 10px;
	font-weight: bold;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content li.even .title {
	padding: 0px;
	margin: 0px;
	color: #3E3E3E;
	text-decoration: none;
	display: block;
	clear: both;
	font-size: 10px;
	font-weight: bold;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content a {
	padding: 5px 17px 5px 10px;
	width: 100%;
	margin: 0px;
	color: #867E56;
	text-decoration: none;
	display: block;
	font-size: 10px;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content a:hover {
	text-decoration: underline;
}

#website-container #mid-container .canvas .right .canvas .ev-container .content .b {
	padding: 0px 0px 17px 0px;
	background: url(../../img/evenementen_b_icon.gif) no-repeat 162px 10px;
}

#website-container #mid-container .canvas .right .canvas .ev-container .bottom {
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 5px;
	background: url(../../img/evenementen_bottom.gif) no-repeat;
}



/* --> Bottom splash
******************************************************************************/

#website-container #bottom-container .canvas {
	padding: 0px;
	margin: auto;
	width: 780px;
	height: 122px;
	position: relative;
}

#website-container #bottom-container .canvas .nav {
	padding: 8px 0px 0px 0px;
	margin: auto;
	width: 360px;
}

#website-container #bottom-container .canvas .nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#website-container #bottom-container .canvas .nav li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#website-container #bottom-container .canvas .nav li a {
	padding: 0px 0px 0px 19px;
	margin: 0px;
	color: #AAAAA9;
	text-decoration: none;
}

#website-container #bottom-container .canvas .nav li a:hover {
	text-decoration: underline;
}

#website-container #bottom-container .canvas .naw {
	padding: 0px;
	margin: 0px;
	width: 114px;
	height: 43px;
	position: absolute;
	top: 66px;
	left: 269px;
	background: url(../../img/sp_mid_naw.gif) no-repeat 0px 0px;
}

#website-container #bottom-container .canvas .mail {
	padding: 0px;
	margin: 0px;
	width: 100px;
	height: 50px;
	position: absolute;
	top: 68px;
	left: 413px;
	background: url(../../img/sp_mid_mail.gif) no-repeat 0px 0px;
	overflow: hidden;
}

#website-container #bottom-container .canvas .mail img {
	padding: 0px;
	margin: 32px 0px 0px 7px;
}