body {
	margin: 0px;
	padding: 0px;
}


/* ------------- HOME -------------------------------------------------------------------- */

#splash {
	height: 590px;
	width: 950px;
	left:50%;
	top:50%;
	position:absolute;
	margin:-295px 0 0 -475px;
	background: url(../img/bg_home2.jpg) no-repeat left top;
}

#logo {
	height: 162px;
	width: 722px;
	left:50%;
	top:50%;
	position:absolute;
	margin:-173px 0 0 -381px;
}

#enter {
	height: 30px;
	width: 100px;
	left:50%;
	top:50%;
	position:absolute;
	margin:-35px 0 0 245px;
	background-color:#EC337F;
	color:#FFFFFF;
	font: 28px/30px Arial, Helvetica, sans-serif;
	text-align:center;
	z-index:50;
	padding:2px 4px 2px 4px;
}

#enter a:link{
	color:#FFFFFF;
	font: 28px/30px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#enter a:visited{
	color:#FFFFFF;
	font: 28px/30px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#enter a:hover{
	color:#810081;
	font: 28px/30px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#data {
	height: 150px;
	width: 400px;
	left:50%;
	top:50%;
	position:absolute;
	margin:215px 0 0 -390px;
	font: 28px/30px Arial, Helvetica, sans-serif;
	color: #000000;
}

#data a:link, #data a:visited {
	color:#FFFFFF;
	font: bold 34px/34px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#data a:hover{
	color:#810081;
	font: bold 34px/34px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#info {
	height: 150px;
	width: 200px;
	left:50%;
	top:50%;
	position:absolute;
	margin:-245px 0 0 250px;
	font: bolder 30px/30px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform:uppercase;
}


#rose { 
	color: #FF3399;
	padding-top:8px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}

.light { font-weight:lighter; font-size:26px; }



/* ------------- NAVIGATIE -------------------------------------------------------------------- */

#nav {
	position: relative;
	text-align:center;
	width:620px;
	margin:0px;
	padding:0px;
}

#container {
	text-align:center;
	width:620px;
	margin:144px 0 0 -122px;
	left:50%;
	position:absolute;
	z-index:50;
}

#container ul { /* all lists */
	list-style: none;
	padding: 0;
	margin: 0;
	text-align:center;
	z-index:12;
}

#container li {
	float: left;
	position: relative;
	width: auto;
	margin-left: 0px;
	padding-left: 1px;
	padding-right: 0px;
	list-style: none;
	display: inline;
	text-align:left;
	z-index: 12;
	height:22px;

}


li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
	left: 0px;
	top:22px;
}

#container ul li a {
	font-weight: bold;
	color: #631A3F;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
	height:13px;
	float: left;
	background-color:#FF3399;
}


#container ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color:#631A3F;
}

li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	width:185px;
	float: left;

}
#container ul li li a {
	color: #ffffff;
	text-decoration: none;
	padding-bottom: 5px;
	padding-top:4px;
	padding-right:5px;
	width:185px;
	background-color: #FF3399;
	margin-top:0px;
	margin-left:0px;
	display:block;
	height:15px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

#container ul li li a.bottom {
	border-bottom: 1px solid #FF3399;

}

#container ul li li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-image: none;

}

#container ul li a.navon {
	color: #ffffff;
	text-decoration: none;
	background-color:#631A3F;
}


/* ------------- CONTENT -------------------------------------------------------------------- */

.bg-content {
	background: url(../img/bg_content.jpg) no-repeat center 140px;
}

#head {
	height: 178px;
	width: 964px;
	left:50%;
	position:absolute;
	margin:0 0 0 -483px;
	background: url(../img/head2.gif) no-repeat left top;
}

#head-nobg {
	height: 178px;
	width: 964px;
	left:50%;
	position:absolute;
	margin:0 0 0 -483px;
	background: url(../img/head3.gif) no-repeat left top;
}

#head-kortingsbon {
	height: 178px;
	width: 964px;
	left:50%;
	position:absolute;
	margin:0 0 0 -483px;
	background: url(../img/head4.gif) no-repeat left top;
}

#logo-home {
	height: 112px;
	width: 395px;
	left:50%;
	position:absolute;
	margin:28px 0 0 -452px;
}

#contentbox {
	width: 964px;
	height:485px;
	left:50%;
	position:absolute;
	margin:178px 0 0 -483px;
	background: url(../img/bg_content2.jpg) repeat-y left top;
}

#contentbox-nobg {
	width: 964px;
	height:485px;
	left:50%;
	position:absolute;
	margin:178px 0 0 -483px;
	background-image:none;
}

#content {
	width: 840px;
	position:relative;
	margin-left:70px;
	padding-top:10px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#content-deelnemers {
	width: 560px;
	position:relative;
	margin-left:70px;
	padding-top:10px;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	float:right;
}

#content-deelnemers a:link, #content-deelnemers a:visited {
	color: #FF3399;
	text-decoration:underline;
}

#content-deelnemers a:hover {
	color: #FF3399;
	text-decoration:none;
}

#content a:link {
	color: #FF3399;
	text-decoration:underline;
}

#content a:visited {
	color: #FF3399;
	text-decoration:underline;
}
#content a:hover {
	color: #FF3399;
	text-decoration:none;
}

#content #left {
	width: 480px;
	position:relative;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}

#content #right {
	width: 360px;
	position:relative;
	float:right;
	margin-top:20px;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#content #double {
	width: 850px;
	position:relative;
	padding-left:110px;
}

#kortingsbon {
	width: 140px;
	height:140px;
	left:50%;
	position:absolute;
	margin:495px 0 0 -470px;
	z-index:10;
}

#image-big1 {
	width: 490px;
	height:505px;
	left:50%;
	position:absolute;
	margin:140px 0 0 -483px;
	z-index:-10;
}

#image-big2 {
	width: 362px;
	height:505px;
	left:50%;
	position:absolute;
	margin:140px 0 0 -483px;
	z-index:-10;
}

.rose {
	font: 16px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3399;
}

.rose2 {
	color: #FF3399;
}

h1 {
	font: 24px/24px Arial, Helvetica, sans-serif;
	color: #FF3399;
	margin-bottom:25px;
	margin-top:6px;
}


h2 {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #FF3399;
	margin-bottom:4px;
	margin-top:16px;
	text-transform:uppercase;
}

h3 {
	font: bold 20px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #FF3399;
	margin-bottom:4px;
	margin-top:16px;
	text-transform:uppercase;
}


HR {
	BORDER-TOP-STYLE: none; 
	BORDER-BOTTOM: #FF3399 1px dotted; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 1px
}


.hr-rose {
	BORDER-TOP-STYLE: none; 
	BORDER-BOTTOM: #FBD6E6 1px dotted; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	HEIGHT: 1px
}

ol li { list-style:square; padding-bottom:4px; }

.baseline {
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

.small {
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left:8px;
}

.red {
	color: #FF3399;
}

#data2 {
	height: 120px;
	width: 300px;
	left:50%;
	position:absolute;
	margin:31px 0 0 -95px;
	font: 19px/21px Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#rose2 { 
	color: #FF3399;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}

.rose3 { 
	color: #FF3399;
	font: 16px Arial, Helvetica, sans-serif;
}

.rose4 { 
	color: #FF3399;
	font: lighter 17px Verdana, Arial, Helvetica, sans-serif}

#circles {
	height: 208px;
	width: 305px;
	left:50%;
	position:absolute;
	margin:260px 0 0 10px;
	z-index:100;
}

#slideshow {
	height: 208px;
	width: 305px;
	left:50%;
	top:50%;
	position:absolute;
	margin:-183px 0 0 10px;
	z-index:90;
}

td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}


/* formulier ------------------------------------------------------------------------------------------- */	


.invulveld {
	color:#000000;
	background-color:#F0DCE5;
	height: 20px;
	width: 160px;
	border: 1px solid #9F8B96;
	font: 11px Verdana, Arial, Helvetica;
}

.button1 {
	padding: 0px;
	margin: 2px;
	height: 22px;
	width:85px;
	border: 1px solid #631A3F;
	color: #EE3E8A;
	text-align:center;
	cursor: pointer;
	margin-top:15px;
	background-color:#631A3F;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.button2 {
	padding: 0px;
	margin: 2px;
	height: 20px;
	width:65px;
	border: 1px solid #DDCCD6;
	color: #EE3E8A;
	text-align:center;
	cursor: pointer;
	margin-top:15px;
	background-color:#DDCCD6;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}


/* reductiebon ------------------------------------------------------------------------------------------- */	


#bon {background:#ffffff; padding:0px; margin-bottom:8px; }
#bon .item1 {display:block; padding-top:4px; color:#000000; width:80px; height:20px; float:left; margin:0px; text-align:left; font: 12px/16px Verdana, Arial, Helvetica, sans-serif; }
#bon .item2 {display:block; padding-top:4px; color:#000000; width:112px; height:20px; float:left; margin:0px; font: 12px/16px Verdana, Arial, Helvetica, sans-serif;  }
#bon .item3 {display:block; padding-top:4px; color:#000000; font-weight:bold; width:280px; height:20px; float:left; margin:0px; font: 12px/16px Verdana, Arial, Helvetica, sans-serif;  }
#bon .item4 {display:block; padding-top:4px; color:#000000; width:480px; height:20px; float:left; margin:0px; font: 12px/16px Verdana, Arial, Helvetica, sans-serif;  }
#bon .item5 {display:block; padding-top:4px; color:#000000; width:80px; height:20px; float:left; margin:0px; font: 12px/16px Verdana, Arial, Helvetica, sans-serif;  }
#bon .item6 {display:block; padding-top:4px; color:#000000; width:120px; height:20px; float:left; margin:0px; font: 12px/16px Verdana, Arial, Helvetica, sans-serif;  }
#bon .item7 {display:block; padding-top:4px; color:#000000; width:286px; height:20px; float:left; margin:0px; text-align:left; font: 12px/16px Verdana, Arial, Helvetica, sans-serif; }

#bon3 {width:480px; line-height:22px; float:left; padding-top:8px; margin-bottom:0px; position:absolute; z-index:10;}

.invulveld1 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 515px;
	border: 1px solid #cccccc;
}

.invulveld2 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 260px;
	border: 1px solid #cccccc;
}

.invulveld3 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 80px;
	border: 1px solid #cccccc;
}

.invulveld4 {
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	height: 20px;
	width: 360px;
	border: 1px solid #cccccc;
}