@charset "UTF-8";

/* CSS Document */

body  {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	background-image: url(../images/achtergrond5.gif);
	background-repeat: repeat-y;
	background-position: center;
}
	
body a:link, a:visited 
{
	color:#1976b1;
	text-decoration:none;
}

body a:hover
{
color:#8bacc0;
text-decoration:underline;
}

h1 {
font-size:16px;
color:#ce003c;
}

h2 {
	font-size:14px;
	color:#003063;
	margin: 0px;
	padding-bottom:5px;
}

hr {
color:#003063;
}

img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}
	
#container {
z-index:3;
	position:relative;
	width:1000px;
	margin:0 auto;
	height:auto;
	height:100%;
	min-height:100%;
	margin-right: auto;
	margin-left: auto;
}

#bikini {
	position:absolute;
	left:0px;
	top:-1px;
	width:321px;
	height:450px;
	z-index:9;
	background-image: url(../images/bikini.jpg);
	background-repeat: no-repeat;
}

#bikini2 {
	position:absolute;
	left:0px;
	top:-1px;
	width:321px;
	height:176px;
	z-index:9;
	background-image: url(../images/bikini.jpg);
	background-repeat: no-repeat;
}

#logo {
	position:absolute;
	left:310px;
	top:0px;
	width:419px;
	height:150px;
	z-index:3;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
#surfer {
	position:absolute;
	top:0px;
	width:276px;
	height:300px;
	z-index:20;
	bottom: 0px;
	left: 724px;
	background-image: url(../images/surfer.jpg);
	background-repeat: no-repeat;
	z-index:99;
}

#navigatie ul {
	position:absolute;
	top:150px;
	width:419px;
	height:21px;
	margin: 0;
	z-index:3;
	background-color: #003063;
	left: 310px;
	list-style-type:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	
}
	
#navigatie ul li { display: inline; }

#navigatie ul li a {
	text-decoration: none;
	color:#FFFFFF;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
}
	
#navigatie ul li a:hover
{
color: #fff;
background-color: #ce003c;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom:5px;
	padding-top:4px;

}

#current
 {
 display: block;
	width: 160px;
	height: 20px;
	background-color:#ce003c;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom:5px;
	padding-top:4px;
	color:#FFFFFF;
}

#adres {
	position:absolute;
	left:0px;
	width:260px;
	height:329px;
	z-index:1;
	top: 449px;
	color:#FFFFFF;
	font-size:12px;
	padding-left: 20px;
	padding-right: 0px;
	background-image: url(../images/adres.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
}

#verhuurbutton {
	position:absolute;
	left:140px;
	top:380px;
	width:115px;
	height:114px;
	z-index:17;
}
	

#formulier {
	position:absolute;
	left:298px;
	top:194px;
	width:499px;
	z-index:10;
	overflow: auto;
	font-size:10px;
	color:#003063;
}

#maincontent {
	position:absolute;
	left:302px;
	top:200px;
	width:436px;
	z-index:100;
	font-size:12px;
}

#maincontent2 {
	position:absolute;
	left:10px;
	top:149px;
	width:998px;
	z-index:100;
	font-size:12px;
}

#shop_rightcontent {
	position:absolute;
	left:790px;
	top:0px;
	width:201px;
	height:660px;
	z-index:110;
	font-size:12px;
  background-image: url(../images/shop_left.jpg);
	background-repeat: no-repeat;
}


input {
	font-size: 11px;
}

#fotorechts {
	position:absolute;
	left:785px;
	top:291px;
	width:215px;
	height:300px;
	z-index:29;
	bottom: 0px;
}
#fotomiddenonder {
	position:absolute;
	left:350px;
	top:407px;
	width:336px;
	height:263px;
	z-index:22;
}
#openingstijden {
	position:absolute;
	left:739px;
	top:200px;
	width:154px;
	height:95px;
	z-index:4;
	background-image: url(../images/openingstijden.gif);
	background-repeat: no-repeat;
	z-index:110;
}
#fotomidden {
	position:absolute;
	left:512px;
	top:358px;
	width:225px;
	height:271px;
	z-index:4;
}