body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	color: #333;
	text-align: center;
	font-family: "Lucida Grande",helvetica, arial, sans-serif;
	font-size: 12px;
	background-image: url(../images/body.jpg);
	background-repeat: repeat-x;
	background-color: #000;
}

#wrapper
{
	margin: 0px auto;
	text-align: left;
	width: 960px;
	background-color: #FFF;
	background-image: url(../images/wrapper_admin.gif);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	border-color: #999;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
	background-position: left top;
	min-height: 1600px;
	height: auto !important;
	height: 1600px;
}

ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

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

#header
{
	height: 186px;
	background-color: #FFF;
}

h1
{
	line-height: 40px;
	margin: 8px 0px 0px 0px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.diver
{
	color: #036;
	background-image: url(../images/diver_silhouette.png);
	background-repeat: no-repeat;
	padding: 0 0px 0 80px;
}

.shark
{
	color: #C00;
	background-image: url(../images/shark_silhouette.png);
	background-repeat: no-repeat;
	padding: 0 0px 0 110px;
}

.dolphin
{
	color: #C90;
	background-image: url(../images/dolphin_silhouette.png);
	background-repeat: no-repeat;
	padding: 0 0px 0 90px;
}

#left h4
{
	line-height: 24px;
	background-image: none;
	padding: 0 2px;
	color: #333;
	margin:0px 0px 5px 0px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px solid #333;
/*	border-top: 1px solid #333; */
}

#right h4
{
	line-height: 24px;
	background-image: none;
	padding: 0 2px;
	color: #C00;
	margin: 0px -1px 0px -3px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom: 1px solid #666; 
/*	border-top: 1px solid #666; */
}

h4 a
{
	color: #C00;
	text-decoration:none;
}

h4 a img
{
	border:none;
}


h4 img
{
	float:left;
}

h5
{
	padding: 0 4px;
	margin: 3px 4px 1px 4px;
	color: #FFF;
	text-align: left;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}

h6
{
	margin: 6px 0px 5px 0px;
	text-align: left;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}

#left h2
{
	line-height: 14px;
	background-image: none;
	padding: 0 2px;
	color: #333;
	margin:0px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

#right h2
{
	line-height: 14px;
	background-image: none;
	padding: 0 2px;
	color: #C00;
	margin: 0px -1px 0px -3px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

/* --------------------------------------------- start horizontal navigation -------------------------------------------------- */

#navigation
{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	background-image: url(../images/navbar.jpg);
	background-repeat: repeat-x;
	white-space: nowrap; /* otherwise the (block)level a's will collapse in IE */
}

#navigation ul
{
	margin:0px;
	padding:0px;
	list-style-type: none;
	text-align:left;
}

#navigation li
{
	float:left;
	margin:0px;
	padding:0px;
}

#navigation a
{
	padding:0px 16px;
	text-decoration:none;
	display:block;
	float: left;
	width: .1em; /* makes blocklevel links in IE clickable */
}
	/* sort out iemac mess with floats  \*/
	#navigation a {float:none;} /* end hack*/
	
html>body #navigation a {width:auto;}

#navigation a:link, #navigation a:visited
{
	text-decoration:none;
	color:#FFF;
	background-image: url(../images/navbar.jpg);
	background-repeat: repeat-x;
}

#navigation a:hover
{
	text-decoration: none;
	color: #F00;
	background-image: url(../images/navbar-hover.jpg);
	background-repeat: repeat-x;
}

#navigation a.current:link, #navigation a.current:visited
{
	background-image: url(../images/navbar-hover.jpg);
	background-repeat: repeat-x;
	color: #000;
}

#languageselector
{
	float: right;
	margin: 6px 15px 0 0;
	line-height: 0px;
}

#languageselector img
{
	border:none;
}

#languageselector a
{
	display:inline;
	padding:0px;
	background-image: none;
}

#languageselector a:hover
{
	background-image: none;
}

#languageselector a:link img, #languageselector a:visited img
{
	border: 1px solid #666;
}

/* fake statement to make IE5 and IE6 change (border)styles on a:hover img */

#languageselector a:hover
{
	border: 1px none #CCC;
}


#languageselector a:hover img
{
	border: 1px solid #CCC;
}

#languageselector img
{
	border: none;
}


/* --------------------------------------------- end horizontal navigation -------------------------------------------------- */

#shadow
{
	height:9px;
	background-image: url(../images/shadow_wide.gif);
	background-repeat: no-repeat;
}

/* --------------------------------------------- start left column -------------------------------------------------- */ 

#left
{
	float: left;
	position:relative;
	width:170px;
	z-index:2;
	background-color:transparent;
	color:#FFF;
}

#left form
{
	margin:3px 0px;
}

#left form input
{
	margin: 2px 0px;
	border:1px solid #C00;
	background-color:#900;
	padding: 2px 4px 2px 4px;
	color:#FFF;
}

#left select
{
	width:155px;
	margin: 0px 0px 2px 0px;
	border:1px solid #C00;
	background-color:#900;
	padding:2px 0px;
	color:#FFF;
}

#left div p
{
	margin-left:6px;
	padding:0px 4px  0px 0px;	
}

.leftspacer
{
	margin: 0px 4px 6px 4px;
}

#left ul#weather
{
	margin: 3px 3px 15px 3px;
	background-color:transparent;
	width:160px; /* width added to trigger "HasLayout" */
}

#left ul#weather li
{
	padding:1px 0px 2px 3px;

}


#left div img
{
	display:block;
}

#left a:link img, #left a:visited img
{
	border:1px solid #999;
}

#left a:hover
{
	border: 1px none #CCC;
}

#left a:hover img
{
	border:1px solid #CCC;
}

#left img
{
	border: none;
}

.formcontainer{margin-bottom:10px;}

a#button:link, a#button:visited
{
	border:1px solid #C00;
	background-color:#900;
	padding: 4px 5px 4px 5px;
	text-decoration:none;
	color:#FFF;
	margin-left:3px;
}

 a#button:hover
{
	border:1px solid #CCC;
	background-color:#900;
	padding: 4px 5px 4px 5px;
	text-decoration:none;
	color:#FFF;
}


/* --------------------------------------------- begin list titems -------------------------------------------------- */ 


/* fix for extra vertical space anchors in list items (YAIEB) */

* html ul#nav li a {height:1em; }

* html ul#nav li  
{
	height:1em;
	float:left;
}

#nav
{
	margin-bottom: 15px;
}	

#nav ul, #nav li
{
	line-height: 22px;
	font-variant: small-caps;
	font-weight: bold;
	list-style-type: none;
}

#nav li
{
	position: relative;
}

#nav a 
{
	display:block; 
	padding:0px 3px 0px 6px;
	text-decoration: none;
	width: 161px;
}
 
/* give width to a element(instead of li) to fix whitespacebug in IE7 (submenu is wider than mainmenu) */

ul#nav ul a, ul#nav ul li a
{
	width: 191px;
}

#nav li ul
{
	display:none;
}

#nav a:link, #nav a:visited
{
	color: #FFF;
	background-color: #C00;
	border-bottom: 1px solid #C00;
}

#nav a:hover
{
	color: #C00;
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}

#nav a.sub:link, #nav a.sub:visited
{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#nav a.sub:hover
{
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}


ul#nav li ul li a:link, ul#nav li ul li a:visited
{
	color: #FFF;
	background-color: #333;
	border-bottom: 1px solid #CCC;
}

ul#nav li ul li a:hover
{
	color: #FFF;
	background-color: #666;
	border-bottom: 1px solid #CCC;
}

#nav:hover li ul ul,  #nav li:hover ul ul ul
{
	display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul
{
	display:block;
	position: absolute;
	top: 0px;
	left: 170px;
}

/* --------------------------------------------- end list items -------------------------------------------------- */ 

/* --------------------------------------------- end left column -------------------------------------------------- */ 

/* --------------------------------------------- start middle column -------------------------------------------------- */ 

#content
{
	position: relative;
	margin: 0 150px 0 180px;
	width: 598px;
}

#content img
{
	border:1px solid #CCC;
}

.leftfloater
{
	float:left;
	margin:0px 5px 5px 0px;
}

.rightfloater
{
	float:right;
	margin:0px 0px 5px 5px;
}

#content a:link
{
	text-decoration: underline;
	color:#C00;
}
#content a:visited
{
	text-decoration: underline;
	color:#999;
}

#content a:hover
{
	text-decoration: underline;
	color:#000;
}

#content a:active
{
	text-decoration: underline;
	color:#000;
}

#content a:link img, #content a:visited img
{
	border:1px solid #999;
}

#content a:hover
{
	border: 1px none #333;
}

#content a:hover img
{
	border:1px solid #333;
}

#content ul
{
	margin: 0px 0px 0px 10px;
	padding-left: 10px;
	list-style-type: disc;
}

#content li
{
	margin: 0px;
	padding-left:0px;
}


/* --------------------------------------------- end middle column -------------------------------------------------- */ 

/* --------------------------------------------- start right column -------------------------------------------------- */ 
#right
{
	float: right;
	position: relative;
	padding: 0px 2px 10px 3px;
	width: 170px;
	/* IE5-WIN boxmodelfix */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 165px;
	/* actual value */
}

#right p
{
	margin:3px 0px 3px 6px;
}

#right form
{
	margin:3px 0px;
}

#right form input
{
	margin: 1px 0px 3px 0px;
	border:1px solid rgb(40,40,40);
	background-color:rgb(40,40,40);
	padding: 2px;
	color:#FFF;
}


/* was margin:10px 0px 10px 2px; */
div.imagelink
{
	margin:10px 0px 10px 25px;
}

#right div.imagelink img
{
	display:block;
}

#right div.imagelink a:link img, #right div.imagelink a:visited img
{
	border:1px solid #666;
}

#right div.imagelink a:hover
{
	border: 1px none #999;
}

#right div.imagelink a:hover img
{
	border:1px solid #999;
}

#right div.imagelink img
{
	border: none;
}

/* --------------------------------------------- login -------------------------------------------------- */ 

#loginbox
{
	margin:5px 5px 15px 5px;
}

#loginbox p {margin-left:0px;}

#loginbox a:link, #loginbox a:visited
{
	margin-top:5px;
	text-decoration: none;
	color:#999;
	padding:2px 3px 2px 6px;
}

#loginbox a:hover
{
	margin-top:5px;
	text-decoration: none;
	color:#C00;
	padding:2px 3px 2px 6px;
}

* html #loginbox a{padding:2px 3px 2px 8px;}

#memberbox
{
	background-color: rgb(51,51,51);
	margin: 0px 4px 10px 4px;
	padding: 3px 0px 7px 0px;
}


#memberbox p
{
	padding: 0 2px;
	margin: 3px 0;
}


#memberbox img
{
	border:1px solid #000;
	margin: 8px 0px 0px 3px;
}

#memberbox ul
{
	margin: 5px 0px 5px 0px;
	padding: 1px 2px 5px 4px;
}

#memberbox li
{
	padding: 1px 0px 1px 0px;
}


#memberbox a:link, #memberbox a:visited
{
	text-decoration: none;
	color: #CCC;
}

#memberbox a:hover
{
	text-decoration:none;
	color:#C00;
}

#memberbox li.firstname
{
	color:#CCC;
	font-weight:bold;
	padding-bottom:5px;
}


/* --------------------------------------------- registration -------------------------------------------------- */ 

#regbox
{
	margin-bottom:5px;
}

#regbox img
{
	border:none;
	margin: 10px 0px 10px 1px;
	display:block;
}

#regbox a:link, #regbox a:visited
{
	text-decoration:none;
	color:#CCC;
	background-color:rgb(40,40,40);
	border:1px solid #999;
	padding: 2px 6px;

}

#regbox a:hover
{
	text-decoration: none;
	color: #C00;
	background-color:rgb(40,40,40);
	border:1px solid #999;
	padding: 2px 6px;
}

/* --------------------------------------------- news -------------------------------------------------- */ 

#newsbox
{
	background-color: rgb(51,51,51);
	margin: 0px 4px 10px 4px;
	padding: 3px 0px 7px 0px;
}


#newsbox p
{
	padding: 0 2px;
	margin: 3px 0;
}


#newsbox img
{
	border:1px solid #000;
	margin: 8px 0px 0px 3px;
}

#newsbox ul
{
	margin: 5px 0px 5px 0px;
	padding: 1px 2px 5px 4px;
}

#newsbox li
{
	padding: 3px 0px 5px 0px;
	background-image: url(../images/newslist.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


#newsbox a:link, #newsbox a:visited
{
	text-decoration: none;
	color: #CCC;
}

#newsbox a:hover
{
	text-decoration:none;
	color:#C00;
}

.bannerbox
{
	margin-bottom:5px;
}

.bannerbox div img
{
	display:block;
}

.bannerbox a:link img, .bannerbox a:visited img
{
	border:1px solid #666;
}

.bannerbox a:hover
{
	border: 1px none #FFF;
}

.bannerbox a:hover img
{
	border:1px solid #FFF;
}

.bannerbox img
{
	border: none;
}

#left p
{
	padding: 2px 2px;
	margin: 0px 0;
}

#footer
{
	clear: both;
	height: 50px;
	padding-top:15px;	
	text-align: center;
}


.red
{
	color:#C00;
}

.red{color:#C00;}
.blue{color:#036;}
.yello{color: #C90;}
.boldface{font-weight: bold;}
.italics_standard {font-style: italic; }
.underline {text-decoration:underline;}
.italics{font-style: italic;font-size:10px; }

ul#newslist li
{
	padding: 3px 0px;
	color:#333;
	font-weight:bold;
}

ul#newslist
{
	margin: 0px 10px;
	padding: 3px 7px;
}  

#content ul#newslist a:link
{
	text-decoration:underline;
	font-weight:normal;
	color:#C00;
}

#content ul#newslist a:visited
{
	text-decoration:underline;
	font-weight:normal;
	color:#666;
}

#content ul#newslist a:hover
{
	text-decoration:none;
	font-weight:normal;
	color:#000;
}  

#content ul#newslist a:active
{
	text-decoration:underline;
	font-weight:normal;
	color:#C00;
}

ul#about li
{
	padding: 3px 0px;
	color:#333;
	font-weight:bold;
}

ul#about
{
	margin: 0px 10px;
	padding: 3px 7px;
}  

#content ul#about a:link
{
	text-decoration:underline;
	font-weight:normal;
	color:#C00;
}

#content ul#about a:visited
{
	text-decoration:underline;
	font-weight:normal;
	color:#666;
}

#content ul#about a:hover
{
	text-decoration:none;
	font-weight:normal;
	color:#000;
}  

#content ul#about a:active
{
	text-decoration:underline;
	font-weight:normal;
	color:#C00;
}


#content input, #content textarea
{
	border:1px solid #CCC;
}

#content form input.error, #content form select.error, #content form textarea.error {border:2px solid #C00 !important;}

.required {color:#C00; font-weight:bold; font-size:14px;}

.licht { background-color: rgb(240,240,240);color:#333;}
.licht:hover { background-color: rgb(220,220,220); color:#333;}
.donker{ background-color: rgb(230,230,230);color:#333; }
.donker:hover { background-color: rgb(220,220,220); color:#333;}

p#pager
{
	color: #C00;
	font-weight: bold;
}

#pager a:link, #pager a:visited
{
	text-decoration: none;
	color: #333;
	font-weight: bold;
}


#pager a:hover
{
	text-decoration: none;
	color:#000;
	font-weight: bold;
	letter-spacing: 1px;
}

.vijftig{width:50px;}
.honderd{width:100px;}
.honderdvijftig{width:150px;}
.tweehonderd{width:200px;}
.tweehonderdvijftig{width:250px;}
.driehonderd{width:300px;}
.driehonderdvijftig{width:350px;}
.vierhonderd{width:400px;}
.vierhonderdvijftig{width:450px;}

.lp {padding-left:5px;}

.guestbook 
{
	width:598px;
	margin-bottom:15px;
	border-bottom:1px solid #333;
}

table.guestbook td
{
	padding:2px;
}

table tr.grey
{
	background-color:rgb(240,240,240);
	color:#333;
	vertical-align: middle;
}

#content table tr.grey td img
{
	border:none;
}

.guestinfo
{
	color: #C00;
}

div#gallery
{
	margin-top:15px;
}

div#gallery div
{
	float: left;
	width: 110px;
	height: 72px;
	overflow: hidden;
	margin:3px;
	position:relative;
	color:#FFF;
	border:1px solid #666;
}

div#gallery div:hover
{
	border:1px solid #999;
}

div#gallery div div
{	
	position:absolute;
	bottom:2px;
	right:2px;
	margin:0px;
	width: 20px;
	height:20px;
	line-height:20px;
	text-align:center;
}


div#gallery div div.month
{	
	position:absolute;
	bottom:2px;
	left:1px;
	margin:0px;
	width: 100px;
	height:14px;
	line-height:14px;
	text-align:left;
}

#content div#gallery div a img, #content div#gallery div div
{
	border:none;
}	

p#photographer
{
	font-weight:bold;
	color:#333;
}

form.dateform { display: inline; }

 p#navigator
 {
 	color:#000;
	font-weight:bold;
 }


#content p#navigator a#previous:link, #content p#navigator a#previous:visited
{
	text-decoration: none;
	color:#C00;
	font-weight:bold;
}

#content p#navigator a#previous:hover
{
	text-decoration: none;
	color:#333;
	font-weight:bold;
}

#content p#navigator a#next:link, #content p#navigator a#next:visited
{
	text-decoration: none;
	color:#333;
	font-weight:bold;
}

#content p#navigator a#next:hover
{
	text-decoration: none;
	color:#C00;
	font-weight:bold;
}

p#complink
{
	margin-bottom:10px;
	padding-left:18px;
}

p#complink a:link, #complink a:visited
{
	text-decoration: none;
	color: #CCC;
}

#complink a:hover
{
	text-decoration:none;
	color:#C00;
}

div#map
{
	margin-top:15px;
}