body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
	padding:0px;
	background:#eff3f7;
}

#wrapSite{
	background:#ffffff;
	width:777px;
	height:1500px;
	margin: auto;
	border:1px solid #dddddd;
}


/* ******************************************** inhoud ************************** */

#inhoud {
	z-index:9;
	position:absolute;
	top:133px;
	z-index:1;
	width:777px;
	height:588px;
	border:0px solid #ff0000;
	background-image: url(../images/achtergrond.gif);
	background-repeat: no-repeat;
}

/* ************************************** dropDown ************************** */

#mainMenu {
  background-color: #005D94;
  color: #fff;
  margin: 0px;
  padding: 2px 0px 2px 2px;
  width:714px;
  height:15px;
  position:absolute;
  top:100px;
  border:1px solid #ccc;
  z-index:5;
}


#menuList {
  margin: 0px 0px 0px 0px;
  padding:0px;
}

#menuList ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#menuList span {
  margin: 0px 0px 0px 13px;
  padding:0px;
  color:#fff;
}

.menubar {
  margin: 0px 0px 0px 13px;
  padding: 0px;
  display: inline;
  list-style: none outside;
  font-size: 11px;
  font-weight: bold;
}

a.actuator {
  background-color: transparent;
  color: #fff;
  margin: 0px;
  padding: 0px;

  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;

  font-style: normal;
  text-decoration: none;
  letter-spacing: 1px;
}

a.actuator:hover {
  margin: 0px;
  padding: 0px;
  color: #FFCF00;
  font-size: 11px;
  font-weight: bold;
}

.menu {
  color: #fff;
  background-color: #005D94;
  border: 1px solid #CCC;
  position: absolute;
  visibility: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  list-style:outside;
}

.menu li{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  display: inline;
  list-style: none outside;
  font-size: 11px;
  font-weight: bold;
}

.menu li a {
  background-color: #005D94;
  color: #fff;
  display: block;
  font-size: 11px;
  line-height: 1.75em;
  margin: 0px;
  padding: 0px 10px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: #005D94;
  color: #ffcf00;
  font-size: 11px;
  font-weight: bold;
}

span.key {
  text-decoration: underline;
}

#vaargebiedMenu { width: 160px; }
#schepenMenu { width: 140px; }
#extraMenu { width: 100px; }






/* ******************************************** vlaggen ************************** */

#vlaggen{
  padding-left:723px; 
  padding-top:106px; 
  width:50px; 
  height:14px; 
  z-index:1;
}

#vlaggen img {
	width:22px;
	height:14px;
}

/* ******************************************** top achtergronden ************************** */

.top #wrapSite{
	background-image: url(../images/kopIndex.jpg); 
	background-repeat: no-repeat;
	
}

.topAanmelden #wrapSite{
	background-image: url(../images/kopAanmelden.jpg); 
	background-repeat: no-repeat;
	
}

.topContact #wrapSite{
	background-image: url(../images/kopContact.jpg); 
	background-repeat: no-repeat;
	
}

.topFotoSchepen #wrapSite{
	background-image: url(../images/kopFotoSchepen.jpg); 
	background-repeat: no-repeat;
	
}

.topIndex #wrapSite{
	background-image: url(../images/kopIndex.jpg); 
	background-repeat: no-repeat;
	
}

.topIndividuelen #wrapSite{
	background-image: url(../images/kopIndividuelen.jpg); 
	background-repeat: no-repeat;
	
}

.topHotelschepen #wrapSite{
	background-image: url(../images/kopHotelschepen.jpg); 
	background-repeat: no-repeat;
	
}


.topInloggen{
	background-image: url(../images/kopInloggen.jpg); 
	background-repeat: no-repeat;
	background-color:#ffffff;
}

.topLinks #wrapSite{
	background-image: url(../images/kopLinks.jpg); 
	background-repeat: no-repeat;
	
}

.topNieuws #wrapSite{
	background-image: url(../images/kopNieuws.jpg); 
	background-repeat: no-repeat;
	
}

.topSchepen #wrapSite{
	background-image: url(../images/kopSchepen.jpg); 
	background-repeat: no-repeat;
	
}

.topVaargebied #wrapSite{
	background-image: url(../images/kopVaargebied.jpg); 
	background-repeat: no-repeat;
	
}

.topVerhalen #wrapSite{
	background-image: url(../images/kopVerhalen.jpg); 
	background-repeat: no-repeat;
	
}

.topVoorwaarden{
	background-image: url(../images/achtergrond.gif);
	background-repeat: no-repeat;
	
	background-color:#ffffff;
}

.topVragen #wrapSite{
	background-image: url(../images/kopVragen.jpg); 
	background-repeat: no-repeat;
	
}

.topZoek #wrapSite{
	background-image: url(../images/kopZoek.jpg); 
	background-repeat: no-repeat;
}



/* ******************************************** achtergrond vulling ************************** */

.vulling {
	background-image: url(../images/achter_creme.gif);
}

/* ******************************************** work area ************************** */

#workArea {
	width:777px;
	margin: 0px;
	border:0px solid #ffffff;
}

/* ******************area 1: zoek.php / aanmelden.htm / aanmelden.php ************* */
.leftArea1 {
	width:215px;
	vertical-align:top;
	border:0px solid #00cc00;
}

.mainArea1 {
	width:100%;
	vertical-align:top;
	border:0px solid #ff0000;
}

/* ******************area 2: vaargebied.htm / schepen.php / individuelen.php ************* */
.leftArea2 {
	width:0px;
	vertical-align:top;
	border:0px solid #00cc00;
}

.mainArea2 {
	width:100%;
	vertical-align:top;
	border:0px solid #ff0000;
}

/* ******************area 3: vaargebied.php /  ************* */
.leftArea3 {
	width:200px;
	vertical-align:top;
	border:0px solid #00cc00;
}
.mainArea3 {
	vertical-align:top;
	border:0px solid #ff0000;
}


/* ******************area 4:  ************* */
.leftArea4 {
	width:400px;
	vertical-align:top;
	border:0px solid #00cc00;
}

.mainArea4 {
	vertical-align:top;
	border:0px solid #ff0000;
}

/* ******************************************** font type ************************** */

.kop1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #660033;	
	letter-spacing: 1px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #660033;	
	letter-spacing: 1px;
}

.letter10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	letter-spacing: 1px;
	line-height: 18px;

}

.letterbruin10bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660033;
	font-weight: bold;
}

.letterbruin11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660033;
	font-weight: normal;
}

.letterbruin11bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660033;
	font-weight: bold;
}


.letter12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.letterbruin12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660033;
	font-weight: normal;
}

.letter13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: normal;
}

.letterbruin13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #660033;
}

.letterbruin13bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #660033;
	font-weight: bold;
}

.letterbruin14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #660033;
	font-weight: normal;
}

.letterbruin14bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #660033;
	font-weight: bold;
}

.letterbruin15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #660033;
	font-weight: normal;
}

.letterbruin15bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #660033;
	font-weight: bold;
}

/* ********************************************index pagina ************************** */

#tekst {
	position:absolute;
	margin-top:5px;
	margin-left:20px;
	width: 600px;
	z-index:1;
	border:0px solid #ff0000;
}

.kop {
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #660033;
	letter-spacing: 1px;
}

.tekstdoelstelling {
	position:absolute;
	margin-top:35px;
	margin-left:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #005D94;
	font-weight: bold;
	line-height: 25px;
}

#linkblok {
	position:absolute;
	margin-top:45px;
	z-index:4;
	border:0px solid #ff0000;
}

div.linkblok1 {
	position:absolute;
	margin-left:230px; 
	margin-top:0px;
	cursor:pointer;
	z-index:5;
	border:0px solid #000000;
}


div.linkblok2 {
	position:absolute;
	margin-left:412px; 
	margin-top:103px;
	cursor:pointer;
	z-index:7;
	border:0px solid #000000;
}

div.linkblok3 {
	position:absolute;
	margin-left:230px; 
	margin-top:206px;
	cursor:pointer;
	z-index:6;
	border:0px solid #000000;
}

div.linkblok4 {
	position:absolute;
	margin-left:450px; 
	margin-top:309px;
	cursor:pointer;
	z-index:8;
	border:0px solid #000000;
}

.indexlinkblauw {
	font-size: 15px;
	color: #005D94;
	font-weight: bold;
}

.indexlinkgeel {
	font-size: 15px;
	color: #FFCF00;
	font-weight: bold;
}

.indexlinkwit {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 21px;
	font-size: 12px;
	color: #ffffff;
}

.indexlinkbruin {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 21px;
	font-size: 12px;
	color: #660033;
}


#linkpagina {
	position:absolute;
	margin-top:470px;
	margin-left:20px;
	width:750px;
}

/* ******************************************** vaargebieden paginas ************************** */

#vaargebiedafbeelding{
	position:absolute;
	margin-top:50px;
	margin-left:10px;
}

#vaargebiedkop{
	position:absolute;
	margin-top:5px;
	margin-left:188px;
	width:290px;
}

/* ******************************************** links paginas ************************** */

div.linkPaginaId {
	position:relative;
	left:0px;
	top:0px;
	width:275px;
	height:17px;
	z-index:1;
	overflow: hidden;
}

/* ******************************************** knoppen ************************** */

.button {width:100px}

/* ******************************************** diverse link styles ************************** */

a.link {
	color: #666666;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	text-decoration: underline;
}

a.link:visited {
	color: #666666;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	text-decoration: underline;
}

a.link:hover {
	color: #660033;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	font-style: normal;
	

}   

a.link:active {
	color: #000000;  
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
        text-decoration: underline;
}

a.link1 {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
}

a.link1:visited {
	color: #666666; 
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
}

a.link1:hover {
	color: #660033;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	font-style: normal;
	

}   

a.link1:active {
	color: #000000;  
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
}

a.link2 {
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	text-decoration: underline;
}

a.link2:visited {
	color: #660033; 
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	text-decoration: underline;
}

a.link2:hover {
	color: #666666;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	font-style: normal;
	text-decoration: underline;	
}   

a.link2:active {
	color: #660033;  
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 12px;
	text-decoration: underline;
}

a.link3 {
	color: #660033;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	text-decoration: none;
}

a.link3:visited {
	color: #660033;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	text-decoration: none;
}

a.link3:hover {
	color: #666666;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	font-style: normal;
	text-decoration: underline;	
}   

a.link3:active {
	color: #660033;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	text-decoration: none;
}

a.link4 {
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	text-decoration: underline;
}

a.link4:visited {
	color: #660033; 
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	text-decoration: underline;
}

a.link4:hover {
	color: #666666;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
	font-style: normal;
	text-decoration: underline;	
}   

a.link4:active {
	color: #660033;  
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 11px;
}

a.link5 {
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 10px;
}

a.link5:visited {
	color: #660033; 
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 10px;
}

a.link5:hover {
	color: #666666;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 10px;
	font-style: normal;
	text-decoration: none;	
}   

a.link5:active {
	color: #660033;  
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 10px;
}


a.link6 {
	color: #660033;
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 15px;
	text-decoration: underline;
}

a.link6:visited {
	color: #660033; 
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 15px;
	text-decoration: underline;
}

a.link6:hover {
	color: #666666;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 15px;
	font-style: normal;
	text-decoration: underline;	
}   

a.link6:active {
	color: #660033;  
	text-decoration: none;
	font-weight: normal;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 15px;
	text-decoration: underline;
}


a.zoeklink {
	color: #660033;
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
	text-decoration: underline;
}

a.zoeklink:visited {
	color: #660033; 
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
	text-decoration: underline;
}

a.zoeklink:hover {
	color: #666666;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
	font-style: normal;
        text-decoration: underline;
}   

a.zoeklink:active {
	color: #666666;  
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
	text-decoration: underline;
}

a.index:link {
	color: #660033;
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
	text-decoration: none;
	letter-spacing: 1px;

}

a.index:visited {
  color: #660033; 
  text-decoration: none;
  font-weight: bold;
  FONT-FAMILY : Arial, Helvetica, sans-serif;
  FONT-SIZE : 13px;
  text-decoration: none;
  letter-spacing: 1px;

}

a.index:hover {
	color: #660033;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
	font-style: normal;
	text-decoration: underline;
	letter-spacing: 1px;
}   

a.index:active {
	color: #660033;  
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
    text-decoration: none;
	letter-spacing: 1px;
}


a.meezeilen:link {
	color: #660033;
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
}

a.meezeilen:visited {
	color: #660033;
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
}

a.meezeilen:hover {
	color: #660033;
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
	text-decoration: underline;
}   

a.meezeilen:active {
	color: #660033;
	text-decoration: none;
	font-weight: bold;
	FONT-FAMILY : Arial, Helvetica, sans-serif;
	FONT-SIZE : 13px;
}


/* ******************************************** tekst Zeilklippers.nl printvriendelijke pagina ************************** */

div.printer {
  	top:0px;
	position:relative;
	left:0px;
	width:100%;
}


/* ******************************************** top achtergronden partnersites ************************** */

.topCharterschepen {
	background-image: url(../images/kopCharterschepen.jpg); 
	background-repeat: no-repeat;
	
}

.topBruinevloot {
	background-image: url(../images/kopBruinevloot.jpg); 
	background-repeat: no-repeat;
}

.topZeilvaartuigen {
	background-image: url(../images/kopZeilvaartuigen.jpg); 
	background-repeat: no-repeat;
}