html, body { 
	margin:0px;
	padding:0px;
	height:100%;
}

html { overflow:auto; }

body {
	background-image:url("/images/bodyBG.gif");
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#cfcfcf;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	margin:0px;
	margin-bottom:15px;
	padding:0px;
	line-height:24px;
	color:#581342;
	font-size:20px;
	font-weight:normal;
}

h2 {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	line-height:20px;
	color:#581342;
	font-size:16px;
	font-weight:normal;
}

a {
	color:#551240;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


div#header {
	width:962px;
	height:119px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-image:url("/images/headerBG.jpg");
	z-index:1;
}

div#header div#shadowLeft {
	position:absolute;
	top:0px;
	left:-8px;
	z-index:100;
	height:615px;
	width:8px;
	background-image:url("/images/shadowLeft.gif");
	background-position:top right;
	background-repeat:no-repeat;
}

div#header div#shadowRight {
	position:absolute;
	top:0px;
	right:-8px;
	z-index:100;
	height:615px;
	width:8px;
	background-image:url("/images/shadowRight.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

/*---------------------------------------
				Flashfaders in de header
---------------------------------------*/
div#headerFlashfaders {
	position:relative;
	margin-left:505px;
	height:86px;
	width:456px;
}

div#headerFlashfader1, div#headerFlashfader2, div#headerFlashfader3, div#headerFlashfader4 {
	width:114px;
	height:86px;
	float:left;
}

object#headerFlashfader1, object#headerFlashfader2, object#headerFlashfader3, object#headerFlashfader4 {
	margin:0px;
	padding:0px;
	outline:none;
	float:left;
}

/*---------------------------------------
					Menu in header
---------------------------------------*/
div#headMenu {
	position:absolute;
	top:86px;
	left:180px;
	height:22px;
}

div#headMenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
}

div#headMenu ul li {
	line-height:22px;
	margin-left:14px;
	margin-right:14px;
	float:left;
}

div#headMenu ul li a {
	color:#fff;
	text-decoration:none;
}

div#headMenu ul li a:hover {
	text-decoration:underline;
}

/*---------------------------------------
					Menu links
---------------------------------------*/
ul.subMenu {
	margin:0px;
	margin-top:1px;
	padding:0px;
	list-style:none;
}

ul.subMenu li {
	margin:0px;
	padding:0px;
	padding-left:12px;
	padding-right:12px;
	line-height:25px;
}

ul.subMenu li a {
	color:#551240;
	text-decoration:none;
}

div#contentTop {
	width:972px;
	height:11px;
	background-image:url("/images/contentTopBG.gif");
	background-position:top center;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

div#contentWrapper {
	width:972px;
	background-image:url("/images/contentBG.gif");
	background-position:top center;
	background-repeat:repeat-y;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

div#content {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #919191;
}

div#contentLeft {
	float:left;
	width:180px;
	margin-bottom:90px;
}

div.articleHeader {
	width:160px;
	height:22px;
	padding-left:20px;
	line-height:22px;
	background-color:#581342;
	color:#fff;
}

div.articleHeader a {
	text-decoration:none;
	color:#fff;
}

div.articleA {
	margin-bottom:30px;
}

div#contentMid {
	float:left;
	margin-left:26px;
	margin-right:26px;
	width:537px;
	line-height:18px;
	margin-bottom:90px;	
}

div#contentMidColumns {
	width:537px;
	position:relative;
	margin-top:30px;
}

div#contentMidColumns div#colB {
	float:left;
	width:260px;
	margin-right:17px;
	text-align:justify;
}

div.articleB {
	margin-bottom:30px;
}

div#contentMidColumns div#colC {
	float:left;
	width:260px;
	text-align:justify;
}

div.articleC {
	margin-bottom:30px;
}

div#contentRight {
	float:left;
	margin-left:10px;
	width:180px;
	margin-bottom:90px;
}

div.articleD:first-child {
	background-image:none;
}

div.articleD {
	color:#220a54;
	padding-top:13px;
	margin-bottom:20px;
	background-image:url("/images/articleD_bordertop.gif");
	background-position:top left;
	background-repeat:no-repeat;
}

div#footer {
	position:absolute;
	bottom:1px;
	left:23px;
	padding-left:2px;
	width:926px;
	height:90px;
	border-top:1px solid #551240;
	font-size:10px;
	color:#210a5c;
	line-height:28px;
	background-color:#fff;
}

div#footer a {
	color:#210a5c;
	text-decoration:none;
}

/*---------------------------------------
					Nieuwsitem Voorpagina
---------------------------------------*/

div.newsFrontItem {
	margin-top:12px;
	padding-left:10px;
}

/*---------------------------------------
							Nieuws Lijst
---------------------------------------*/
ul.newsList {
	margin:0px;
	padding:0px;
	list-style:none;
}

ul.newsList li {
	margin:0px;
	margin-bottom:25px;
	padding:0px;
}

ul.newsList li span.newsTitle {
	font-size:14px;
	font-weight:bold;
}

.newsIntro  { padding-top:3px; margin-bottom:5px;}
.newsTitle  { padding-top:5px; border-top:1px dotted #ccc;}

/*---------------------------------------
							Login Box
---------------------------------------*/
div#loginBox {
	margin:0px;
	margin-top:10px;
	margin-left:17px;
	padding:0px;
	width:143px;
	line-height:20px;
	color:#551240;
}

div#loginBox input#loginBoxName {
	width:141px;
	border:1px solid #c7c7c7;
	padding-left:0px;
	padding-right:0px;
}

div#loginBox input#loginBoxPassword {
	width:141px;
	border:1px solid #c7c7c7;
	padding-left:0px;
	padding-right:0px;
}

div#loginBox input#loginBoxSubmit {
	margin-top:6px;
	float:right;
}

div.errorBoxSmall {
	width:143px;
	margin-top:10px;
	margin-left:17px;
	border:1px solid #f00;
	background-color:#fcc;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

/*---------------------------------------
								Clearfix
---------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*---------------------------------------
								Contactformulier
---------------------------------------*/
div#reactionForm label {
	width: 200px;
	display:block;
	float:left;
}
div#reactionForm .textField, div#reactionForm .textArea {
	float:left;
	width: 320px;
}
div#reactionForm .textArea {
	height: 175px;
	font-family:Arial, Helvetica, sans-serif;
}

/*---------------------------------------
								Offers
---------------------------------------*/
div#offersForm label {
	width: 200px;
	display:block;
	float:left;
}
div#offersForm .textField, div#offersForm .textArea {
	float:left;
	width: 320px;
}
div#offersForm .textArea {
	height: 175px;
	font-family:Arial, Helvetica, sans-serif;
}

/*---------------------------------------
								Buttons
---------------------------------------*/

.button {
	background-color: #551240;
	border: 1px solid #bca2b4;
	padding:0.4em;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 1em;
	margin-left: 0.3em;
	margin-right: 0.3em;	
	color: white;
}
