@charset "UTF-8";
/* CSS Document */

#preloader {
    /* Images you want to preload*/
    background-image: url(../fotootjes/foto01.jpg);
	background-image: url(../fotootjes/foto02.jpg);
	background-image: url(../fotootjes/foto03.jpg);
	background-image: url(../fotootjes/foto04.jpg);
	background-image: url(../fotootjes/foto05.jpg);
	background-image: url(../fotootjes/foto07.jpg);
	background-image: url(../fotootjes/foto08.jpg);
	background-image: url(../fotootjes/foto09.jpg);
	background-image: url(../fotootjes/foto10.jpg);
	background-image: url(../fotootjes/foto11.jpg);
	background-image: url(../fotootjes/foto12.jpg);
	background-image: url(../fotootjes/foto13.jpg);
	background-image: url(../fotootjes/foto14.jpg);
	background-image: url(../fotootjes/foto15.jpg);
	background-image: url(../fotootjes/foto16.jpg);
	background-image: url(../fotootjes/foto17.jpg);
	background-image: url(../fotootjes/foto18.jpg);
	background-image: url(../fotootjes/foto19.jpg);
	background-image: url(../fotootjes/foto20.jpg);
	background-image: url(../fotootjes/foto21.jpg);
	background-image: url(../fotootjes/foto22.jpg);
	background-image: url(../fotootjes/foto23.jpg);
	background-image: url(../fotootjes/foto24.jpg);
	background-image: url(../fotootjes/foto25.jpg);
	background-image: url(../fotootjes/foto26a.jpg);
    width: 0px;
    height: 0px;
    display: inline;
}

* {
	margin:0;
	padding:0;
}
a {
	color:#fff;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: none;
}
img {
	border:none;
}
img a {
	border:none;
}
h1 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:20px;
}
p {
	padding-bottom:20px;
}
ul {
	margin-left:15px;
	margin-bottom:20px;
}

html, body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#fff;
	background:url(../img/achtergrond.png) center top repeat-y;
}
#header {
	width:664px;
	height:185px;
	float:right;
	overflow:hidden;
}
#wrapper {
	width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	position:relative;
}
#actie {
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	width:273px;
	height:276px;
}

#sidebar {
	width:258px;
	float:left;
	margin-left:19px;
}
#content {
	width:535px;
	float:right;
	padding-top:65px;
	margin-right:65px;
}

#nieuws {
	width:190px;
	padding-left:20px;
	margin-left:30px;
	margin-right:-30px;
	min-height:400px;
	float:right;
	border-left:1px dotted #9b9288;
}

#bericht {
	padding:10px 2px 10px 5px;
	border-bottom:1px dotted #9b9288;
}

#bericht:hover {
	background-color:#988b7a;
	color:#fff;
	cursor:pointer;
}

#bericht a:hover {
	text-decoration:none;
}

.titel {
	font-size:14px;
	font-weight:bold;
	padding-bottom:20px;
	letter-spacing:-0.07em;
}

/* navigatie */

#sidebar ul {
	padding:0;
	margin:0;
}
#sidebar li {
	list-style:none;
}
#sidebar li a {
	display:block;
	width:257px;
	height:24px;
	background-color:#bd165c;
	color:#fff;
	padding-left:20px;
	padding-top:7px;
	text-decoration:none;
}
.activel {
	display:block;
	width:257px;
	height:27px;
	background-color:#fff;
	color:#bd165c;
	padding-left:20px;
	padding-top:10px;
	text-decoration:none;
}
#sidebar li a:hover {
	background-color:#FFF;
	color:#bd165c;
}
/* paginas */

#midden {
	width:400px;
	margin:0 auto;
}
#midden a {
	color:#716658;
}
#midden ul {
	padding-left:40px;
	margin-bottom:20px;
}
#midden li {
	padding-left:0px;
}
#midden h1 {
	padding-left:23px;
	margin-bottom:-15px;
}
td.wit {
	background-color:#fff;
	width:102px;
	height:102px;
	color:#716658;
}
/* nieuwsbrief */

#nieuwsbrief {
	margin-top:23px;
	width:258px;
	background-color:#ccc;
	color:#bd165c;
	padding:7px 0px 9px 20px;
	position:inherit;
	float:left;
}
.textbox {
	width:200px;
	height:21px;
	border:1px solid #716658;
	background-color:#ccc;
	padding:2px 0px 0px 2px;
	color:#453b2f;
	float:left;
}
.submit {
	width:30px;
	height:25px;
	padding:2px;
	border:0px solid #716658;
	background-color:#716658;
	color:#fff;
	float:left;
}
.submit:hover {
	background-color:#453b2f;
}
/* sfeer */

#s3slider {
	width: 530px; /* important to be same as image width */
	height: 344px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	border:1px solid #fff;
	background:url(../img/logo.png) #453b2f;
}
#s3sliderContent {
	width: 530px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
}
.s3sliderImage {
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}
.s3sliderImage span {
	position: absolute; /* important */
	left: 0;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 15px 13px;
	width: 530px;
	background-color: #000;
	filter: alpha(opacity=0); /* here you can set the opacity of box with text */
	-moz-opacity: 0.0; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.0; /* here you can set the opacity of box with text */
	opacity: 0.0; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	bottom: 0;/*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.clear {
	clear: both;
}
/* headerplaatjes */
.slideshow {
	height: 185px;
	width: 166px;
	margin:0;
	float:left;
}

.slideshow1 {
	height: 185px;
	width: 166px;
	margin:0;
	float:left;
}
.slideshow2 {
	height: 185px;
	width: 166px;
	margin:0;
	float:left;
}
.slideshow3 {
	height: 185px;
	width: 166px;
	margin:0;
	float:left;
}
.slideshow4 {
	height: 185px;
	width: 166px;
	margin:0;
	float:left;
}
.slideshow img {
	background-color: #fff;
}

.sfeer {
	height: 630px;
	width: 344px;
	margin:0;
	border:1px solid #fff;
}
.sfeer img {
	background-color: #fff;
}
#galleria {background-color:#fff;}

#nieuw a {
	display:block;
	width:308px;
	height:27px;
	background-color:#fff;
	color:#bd165c;
	padding-left:20px;
	padding-top:10px;
	text-decoration:none;
}
#nieuw a:hover {
	background-color:#bd165c;
	color:#fff;
}
ul#aanbod{
	line-height:30px;
}