/* ================================================================ 
				Dit zijn de standaardvelden die gebruikt worden.
=================================================================== */
html
	{
	overflow: hidden; 
	overflow-x: hidden; 
	overflow-y: hidden; 
	}
body
	{
	overflow: hidden; 
	overflow-x: hidden; 
	overflow-y: hidden; 
	width: 800px ;
	height: 700px ;
	position: absolute ;
	left: 50% ;
	top: 50% ;
	margin: 0px ;
	margin-left: -400px ;
	margin-top: -350px ;
	background: #ffffff ;
	background-image: url(pix/bg800.jpg) ;
	background-repeat: no-repeat ;
	background-attachment:fixed ;
	background-position:center ;
	text-decoration: none ;
	font-family: Verdana, Arial, Helvetica ;
	font-size: 9pt ;
	border: 0px solid;
	}

h1
	{
	font-size: 11px ;
	color: #006f9a ;
	margin: 0px ;
	margin-bottom: 4px;
	padding: 5px 2px 1px 2px;
	border-bottom: 1px solid #f3731c;
	}

p,td
	{
	direction: ltr;
	margin: 0px;
	padding: 0px 2px 5px 2px;
	font-size: 9px ;
	color: #162350 ;
	}

a
	{
	color: #f5711f ;
	}

a:hover
	{
	color: #2b3747 ;
	text-decoration: none;
	}

/* ================================================================ 
				Dit is voor de tabel van de schepen
=================================================================== */

.schip
	{
		border-left: 1px solid #f3731c;
		border-top: 1px solid #f3731c;
	}

.schip td
	{
		width: 280px;
	}

/* ================================================================ 
				Dit is voor de gallery
=================================================================== */

#gallery {
	width:550px;
	height:272px;
	padding:0px;
	margin:1px;
	overflow: hidden;
	border: 0;
	position:relative;
}
#galleryimages {
	top:0;
	position:relative;
	margin:0px;
}
#galleryimages .photo {
	float:right;
}
#gallery .col1 {
	border: 0px;
}
#gallery .col2 {
	border-left: 1px solid white;
	border-right: 1px solid white;
}
#gallery .row1 {
	border-bottom: 1px solid white;
}
#gallery .row2 {
	border-bottom: 1px solid white;
}
#gallery .row3 {
	border-bottom: 0px;
}
.galleryPageSkipper {
	border: 0;
	text-align: center;
}
.galleryPageSkipItem {
	width: 10px;
	height: 10px;
	padding: 2px;
	margin-left:0px;
	margin-right:2px;
	margin-top: 0px;
	border: 0px solid #ccc;
	cursor:pointer;
	text-align:center;
	float:left;
	background-color: #fffff;
	font-weight: bolder;
	color: #333333;
	text-transform: none;
	font-family: Arial;
	font-size: 10px;
}
.galleryPageSkipItemHover {
	background-color: #ffffff;
}

/* ================================================================ 
				Dit zijn de zelf gemaakte velden.
=================================================================== */

.achtergrond
	{
	background: #f0eff3 ;
	position: absolute ;
	width: 1000px;
	height: 1400px ;
	border: 1px solid;
	margin: 20px ;
	margin-bottom: 20px ;
	}

.copyright
	{
	position: relative ;
	bottom: -280px ;
	left: 20px ;
	color: #d5d3d3;
	font-size: 9px;
	text-decoration: none;
	}


.copyright a
	{
	color: #d5d3d3;
	font-size: 9px;
	text-decoration: none;
	}


.vlaggetje a
	{
	position: relative ;
	border: 0px ;
	bottom: 265px ;
	left: 715px ;
	color: #d5d3d3;
	font-size: 7pt;
	text-decoration: none;
	}

.logo
	{
	position: relative;
	top: 100px ;
	left: 20px ;
	}

.naw
	{
	position: relative;
	right: 55px ;
	top: 199px ;
	text-align: right;
	font-size: 7pt;	
	color: #f47b2f ;
  }

.tekstvak1
	{
	position: relative;
	left: 13px ;
	top: 269px ;
	height: 293px;
	width: 560px;
	border: 0px solid;
	color: #000000 ;
	scrollbar-arrow-color: #006f9a;
	scrollbar-3dlight-color: #f0f0ff;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #f0f8ff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #c0c0cc;
	scrollbar-track-color: #f5f5f5;
	border-left: 1px solid #006f9a ;
  }

.tekstvak2
	{
	padding: 8px ;
	height: 278px;
	width: 560px;
	text-align: left;
	font-size: 10pt;	
	overflow-y: auto;
	overflow-x: no;
	scrollbar-arrow-color: #006f9a;
	scrollbar-3dlight-color: #f0f0ff;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #f0f8ff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #c0c0cc;
	scrollbar-track-color: #f5f5f5;
  direction: ltr;
  }
  
 
.tekstvak2_part
	{
	padding: 8px ;
	height: 278px;
	width: 560px;
	text-align: left;
	font-size: 10pt;	
	overflow-y: auto;
	overflow-x: no;
	scrollbar-arrow-color: #006f9a;
	scrollbar-3dlight-color: #f0f0ff;
	scrollbar-darkshadow-color: #666666;
	scrollbar-face-color: #f0f8ff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #c0c0cc;
	scrollbar-track-color: #f5f5f5;
  }

.tekstvak1gallery
	{
	position: relative;
	left: 13px ;
	top: 269px ;
	height: 293px;
	width: 560px;
	border: 0px solid;
	color: #000000 ;
	border-left: 1px solid #006f9a ;
	overflow: hidden;
  }

.tekstvak2gallery
	{
	height: 293px;
	width: 560px;
	text-align: left;
	font-size: 10pt;	
	overflow-y: no;
	overflow-x: no;
  direction: rtl;
	overflow: hidden;
  }

/* ================================================================ 
Menu in CSS en XHTML; aangepast door JK Webdesign 19 mei 2008

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}


.menu
	{
	width:560px;
	height:32px;
	font-size:0.85em;
	position:relative;
	top: 195px ;
	left: 189px ;
	z-index:100;
	}

/* hack to correct IE5.5 faulty box model */
* html .menu
	{
	width:560px;
	}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
	{
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
.menu ul ul
	{
	width:78px;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li
	{
	float:left;
	width:78px;
	position:relative;
	}

/* style the links for the top level */
.menu a, .menu a:visited
	{
	display:block;
	font-size:7pt;
	text-decoration:none;
	color:#00709a;
	width:78px;
	height:30px;
	border:1px solid #00709a;
	border-width: 1px 1px 1px 1px;
	background:#ffffff;
	line-height:29px;
	text-align: center;
	}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited
	{
	width:78px;
	}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited
	{
	background:#ffffff;
	}

/* style the second level hover */
.menu ul ul a.drop:hover
	{
	background:#00709a bottom right no-repeat;
	}

.menu ul ul :hover > a.drop
	{
	background:#00709a bottom right no-repeat;
	}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited 
	{
	background:#ffffff;
	}

/* style the third level hover */
.menu ul ul ul a:hover
	{
	background:#00709a;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul
	{
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:78px;
	border-top:1px solid #00709a;
	}


/* another hack for IE5.5 */
* html .menu ul ul
	{
	top:30px;
	}


/* position the third level flyout menu */
.menu ul ul ul
	{
	left:78px;
	top:-1px;
	width:80px;
	}


/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-80px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table
	{
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited
	{
	background:#ffffff;
	color:#00709a;
	height:auto;
	line-height:1em;
	padding:5px 0px;
	width:78px;
	border-width:0 1px 1px 1px;
	}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:78px;}



.menu A:hover {
	BACKGROUND: #00709a; COLOR: #fff;
}
.menu UL UL A:hover {
	BACKGROUND: #00709a; COLOR: #fff;
}
UNKNOWN {
	BACKGROUND: #00709a; COLOR: #fff;
}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}