body {
	color: #fff;
	line-height: 16px;
	margin: 0 0 12px 0;
	padding: 0 0 0 0;
	font-family: Verdana, Arial;
	font-size: 11px;
	background-image: url(/img/jpg/bg-strand.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #dad9d6;
}
p {
	color: #fff;
	line-height: 16px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-family: Verdana, Arial;
	font-size: 11px;
	text-align: justify;
}
img {
	border: 0px;
	outline: none;
}
a {
	outline: none;
}
div.clear {
	border: 0px none;
	font-size: 1px;
	height: 0;
	line-height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	clear: both;
}
div#website {
	margin: 0px auto 0px -400px;
	padding: 0 0 0 0;
	width: 855px;
	padding: 0 0 0 0;
	position: absolute;
	left: 50%;
	top: 8px;
}
div#krul {
	width: 436px;
    height: 610px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(/img/png/bg-krul.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: absolute;
	left: 20px;
	top: -17px;
}
div#logo {
	width: 245px;
    height: 106px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	left: 400px;
	top: 30px;
}
div#content {
	width: 815px;
	min-height: 605px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(/img/png/bg-page.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div#header {
	height: 360px;
}
div#subMenu {
	width: 200px;
	height: 273px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 2;
	position: absolute;	
	left: 17px;
	top: 181px;
}
div#krulPhoto {
	width: 125px;
	height: 95px;	
	z-index: 4;
	background-image: url(/img/png/krul-photo.png);
	position: absolute;	
	left: 670px;
	top: 105px;
}
div#contentBackground {
	background-image: url(/img/png/bg-page-repeat.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	height: 2px;
	left: 1px;
	position: absolute;
	top: 605px;
	width: 814px;
	z-index: 1;
}
div#contentBigger {
	margin: 0 0 0 1px;
	padding: 0 0 0 20px;
}
div#contentLeft {
	width: 185px;	
	margin: 30px 30px 0 0;
	padding: 0 0 0 0;
	float: left;
	z-index: 2;
	position: relative;
}
div#nieuws,
div#weerLinks {
	width: 165px;	
	margin: 0 0 0 0;
	padding: 10px;
	background-image: url(/img/png/border-top.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}
div#nieuwsBottom,
div#weerLinksBottom {
	width: 185px;
	height: 14px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(/img/png/border-bottom.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div#nieuwsBottom {
	margin: 0 0 20px 0;
}
div#breadCrumbs {
	width: 328px;	
	height:37px;
	margin: -17px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	z-index: 999;
	font-size:9px;
}
div#breadCrumbsBig {
	width: 538px;	
	height:37px;
	margin: -17px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	z-index: 999;
	font-size:9px;
}
div#breadCrumbs a,
div#breadCrumbsBig a,
div#breadCrumbs a:hover,
div#breadCrumbsBig a:hover{
	font-weight: normal;
}
div#contentMiddle {
	width: 330px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	z-index: 2;
	position: relative;
}
div#gallerypic1 {
	width: 150px;	
	height: 101px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 999;
	top:200px;
	left:450px;
}
div#gallerypic2 {
	width: 150px;	
	height: 101px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 999;
	left:450px;	
}
div#gallerypic3 {
	width: 150px;	
	height: 101px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 999;
	left:450px;		
}
/* deze gebruiken als tekst in contentMiddle een border nodig heeft */
div.bgBorder {
	width: 330px;	
	margin: 0 0 0 0;
	padding: 10px;
	background-image: url(/img/gif/bg-border.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.bgBorderWhite {
	background-image: url(/img/gif/bg-border-letop.gif);
}
div.bgBorderFull {
	width:510px;
	background-image: url(/img/gif/bg-border-full.gif);
}
div.bgBorderContent {
	width: 310px;	
}
div.bgBorderContentFull {
	width:510px;
}
div.bgBorderContent img{
	float:  left;
	margin: 5px 10px 5px 0;
	padding: 0 0 0 0;
	border: 1px solid #fff;
}
div.bgBorderContent p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div.bgBorderBottom {
	width: 330px;	
	height: 16px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	background-image: url(/img/gif/bg-border-bottom.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.bgBorderBottomWhite {
	background-image: url(/img/gif/bg-border-bottom-letop.gif);
}
div.bgBorderBottomFull {
	width:510px;
	background-image: url(/img/gif/bg-border-bottom-full.gif);
}
div#contentMiddleBig {
	width: 540px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	z-index: 2;
	position: relative;
}
div#contentMiddleBig p {
	margin: 0 30px 15px 0;
	padding: 0 0 0 0;
}

div#contentMiddleBig p a,
div#contentMiddleBig a,
div#contentMiddle p a,
div#contentMiddle a {
	font-weight:normal;
}

/* deze gebruiken als contentMiddle + contentRight = contentMiddleBig  samengevoegd zijn, 2 border-blokjes naast elkaar */
div.bgTotaal {
	float: left;
	margin: 0 20px 0 0;
}
div.bgBorderSmall {
	width: 225px;	
	margin: 0 0 0 0;
	padding: 10px;
	background-image: url(/img/gif/bg-border-small.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div.bgBorderContentSmall {
	width: 225px;
}
div.bgBorderContentSmall img{
	float: left;
	margin: 5px 8px 5px 0;
	padding: 0 0 0 0;
	border: 1px solid #fff;
}
div#contentMiddleBig div.bgBorderContentSmall p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}
div.bgBorderBottomSmall{
	width: 245px;	
	height: 16px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	background-image: url(/img/gif/bg-border-bottom-small.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
div#contentRight {
	width: 155px;	
	margin: 30px 0 0 30px;
	padding: 0 0 0 0;
	float: left;
	z-index: 2;
	position: relative;
}
div#contentRight img {
	margin: 0 0 20px 0;	
}
div#contentMenu {
	width: 52px;
	height: 570px;
	float: left;
	margin: 16px 0 0 -14px;
	padding: 0 0 0 0;
}
div#footer {
	width: 850px;
	height: 80px;
	position: absolute;
	background-image: url(/img/png/bg-footer.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index: 2;
}
div#copyright {
	width: 220px;
	height: 19px;
	position: absolute;
	left: 50px;
	top: 56px;
	font-size: 10px;
	font-family: Tahoma;
	color: #000;
}
div#topsite {
	width: 140px;
	height: 19px;
	position: absolute;
	left: 285px;
	top: 56px;
	font-size: 10px;
	font-family: Tahoma;
	color: #000;
}
div#eyetems {
	width: 140px;
	height: 19px;
	position: absolute;
	left: 440px;
	top: 56px;
	font-size: 10px;
	font-family: Tahoma;
	color: #000;
}
div#copyright a,
div#topsite a,
div#eyetems a {
	font-weight: normal;
	color: #000;
}
div#copyright a:hover,
div#topsite a:hover,
div#eyetems a:hover {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}
div#powerd {
	width: 200px;
	height: 19px;
	position: absolute;
	left: 620px;
	top	: 56px;
}
div#footerKrul {
	width: 92px;
	height: 80px;
	position: absolute;
	left: 725px;
	bottom: -60px;
	background-image: url(/img/png/footer-krul.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 4;
}
ul#nieuwsNav li {
	text-align:right;
}
ul#nieuwsNav li a {
	margin-left:50px;
}



div#openingstijden {
	background-image: url(/img/gif/bg-openingstijden-beachclub.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 40px;
	margin: 30px 0 20px 0;
	width: 330px;
}
div#openingstijden h1 {
	height: 40px;
	line-height: 40px;
	text-align: center;
}
div#openingstijden.beachclub {
	background-image: url(/img/gif/bg-openingstijden-beachclub.gif);
}
div#openingstijden.kiteschool {
	background-image: url(/img/gif/bg-openingstijden-kiteschool.gif);
}
/*
div#openingstijden.beach-events {
	background-image: url(/img/gif/bg-openingstijden-beach-events.gif);
}
*/
div#openingstijden.beach-events {
	background-image: url(/img/gif/bg-openingstijden-beach-events2.gif);
}
div#openingstijden.beach-events a {
	color: #fff;
}
div#openingstijden.beach-events a:hover {
	color: #000;
}
div#openingstijden.clinics {
	background-image: url(/img/gif/bg-openingstijden-clinics.gif);
}
div#openingstijden.shop {
	background-image: url(/img/gif/bg-openingstijden-shop.gif);
}


/* FLASH */
#flashPhoto {
	width: 562px;
	height: 233px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 3;
	position: absolute;	
	left: 232px;
	top: 105px;
}

#videoBlok{
	padding:15px 0 0 0;	
	text-align:center;
}
	#videoBlok h2{
		text-align:center;	
		font-size:12px;
	}
#containerVideo{
	width:960px;
	height:540px;	
}