body {
	background-color: #DDE2F5;
	color:            #DDE2F5;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        14pt;
	font-weight:      none;
	line-height:      1em;
	margin-bottom:    0.25em;
	padding:		  0px;
}


/* Koppen: */

h1 {
	background-color: "";
	color:            #6487DC;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        32pt;
	font-weight:      bold;
	line-height:      1em;
}

h2 {
	background-color: "";
	color:            #FFFFFF;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        16pt;
	font-weight:      none;
	line-height:      1em;
	margin-bottom:    0.25em;
}

h3 {
	background-color: "";
	color:            #30016B;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        12pt;
	font-weight:      none;
	line-height:      1em;
	margin-bottom:    0.25em;
}
h4 {
	background-color: "";
	color:            #000252;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        16pt;
	font-weight:      none;
	line-height:      1em;
	margin-bottom:    0.25em;
}
h5 {
	background-color: "";
	color:            #000252;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        10pt;
	font-weight:      none;
	line-height:      1em;
	margin-bottom:    0.25em;
}
h6 {
	background-color: "";
	color:            #00FF00;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        14pt;
	font-weight:      none;
	text-decoration:  underline;
	line-height:      1em;
	margin-bottom:    0.25em;
}

/* Besturingselementen (controls) voor formulieren: */

fieldset {
	cursor:  default;
	padding: 10px;
}

input {
/* 	width:	20px;     */
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   10pt;
}

label {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   10pt;
}

legend {
	color:       #0046D5;
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

select {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   10pt;
	line-height: 1.1em;
}

/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
/* (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
	vertical-align: middle;
}


/* Andere blokelementen (block-level elements): */

p {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   9pt;
	line-height: 1.3em;
}

li {
	font-family:   Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:     9pt;
	line-height:   1.2em;
	margin-bottom: 1ex;
}

td {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   11pt;
}

th {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

/*
address {
	font-family: Verdana, Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   7pt;
	font-style:  normal;
	line-height: 1.2em;
	margin-top:  13px;
	color: #FFFFFF;
}
*/

/* Inline elementen: */

cite, em, var {
	font-style:  italic; /* cursief ... */
	font-weight: normal;   /* ...niet vet     */
}


/* Selectors (pseudo-klassen) voor hyperlinks: */

a:link {
	color:            #1F3A80;   /* Achtergrondkleur           */
	text-decoration:  none;      /* Niet onderstrepen              */
}

a:visited {
	color:            #0000FF;   /* Voorgrondkleur           */
	text-decoration:  none;      /* Niet onderstrepen              */
}

a:hover {
	color:            #6666FF;   /* Voorgrondkleur   */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  underline; /* Onderstrepen                   */
}

a:active {
	background-color: #316AC5;   /* Achtergrondkleur   */
	color:            #FFFFFF;   /* Voorgrondkleur             */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  none;      /* Niet onderstrepen              */
}


/*
+---------------------------------+
| S P E C I A L E   K L A S S E N |
+---------------------------------+
*/

/* Waarschuwingen: */
.w {
	color:       #DE5C2F; /* Rood         */
	font-style:  normal;  /* Niet cursief */
	font-weight: bold;    /* Vet          */
}

/* Knoppen met een standaardformaat van 75 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften:        */
input.knop {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	width:       75px;
	height:      23px;
	margin:      5px 0 10px 0;
}

knop {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	width:       75px;
	height:      23px;
	margin:      5px 0 10px 0;
}

/* ------------------------+
Klassen
+--------------------------+
*/
	.float { float: left; border: 1px black solid; }
 	#float1 { background: #FF0000; }
	#float2 { background: #00FF00; }
	#float3 { background: #0000FF; }
 
.menu {
		color: red: yellow;
        text-align: left;
        }
 
.info  {
		test-align: right;
        color: green;
        }
    
#kop {
	position: fixed;
    top: 0px;
    left: 0px;
	width: 100%;
    height: 150px;
    border=15px;
	border-color="#DDE2F5";
    background: #DDE2F5;
 	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
 	color: #333;
    z-index: 3;
}

#navigatie {
    position: fixed;
    left: 4px;
	top: 150px;
 	width: 230px;
 	PADDING: 0PX;
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
 	background-color: "#DDE2F5";
 	color: "#C6C2F8";
}

#navigatie ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigatie ul li {
	margin: 0;
	border-top: 1px solid #003;
}

#navigatie ul li a {
	display: block;
	padding: 2px 2px 2px 4px;
	border-left: 10px solid #369;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #036;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #navigatie ul li a {
	width: auto;
}

#navigatie ul li a:hover {
	border-left: 10px solid #036;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #69f;
	color: #fff;
}

#nav{
    position: fixed;
    left: 4px;
	top: 150px;
	width: 200px;
	padding: 0;
	font-family: verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
 	background-color: "";
 	color: "";
	list-style: none;
    z-index: 4;
}

#nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav ul ul{
padding: 0;
margin: 0;
list-style: none;
background: url(none.gif) repeat 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
}

#nav li{
width: 120px;
}

#nav ul{
position: absolute;
width: 150px;
left: -1000px;
margin: -22px 0 0 105px;
font-size: 100%;
}

* html #nav ul{
margin: -23px 0 0 95px;
}

#nav li li{
width: 120px;
}

#nav ul ul{
width: 150px;
margin: -22px 0 0 105px;
font-size: 100%;
}

* html #nav ul ul{
margin: -22px 0 0 100px;
}

#nav li li li{
width: 120px;
}

#nav li:hover ul, #nav li.ie_does_hover ul{
left: auto;
}

#nav li:hover ul ul, #nav li.ie_does_hover ul ul{
left: -1000px;
}

#nav ul li:hover ul, #nav ul li.ie_does_hover ul{
left: auto;
}

#nav a {
display: block;
text-decoration: none;
padding: 2px 4px 3px 4px;
margin: 1px;
}

#nav a:link, #nav a:visited{
	display: block;
	padding: 2px 2px 2px 4px;
	border-left: 10px solid #369;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #036;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

#nav a:hover, #nav a:active{
	border-left: 10px solid #036;
	border-right: 1px solid #69c;
	border-bottom: 1px solid #369;
	background-color: #69f;
	color: #fff;
} 


#data	{
	position: absolute;
	top: 150px;
	left: 22%;
	width: 75%;
	padding: 10px;
	background: #C0FFFF;
	color:            #000252;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        12pt;
	font-weight:      none;
    z-index: 2;
}    

#kaart	{
	position: 		absolute;
	top: 			150px;
	left: 			22%;
	width: 			800px;
	padding: 		opx;
	background: 	"";
	color:          #000252;
	font-family:    verdana, Helvetica, Arial, sans-serif;
	font-size:      12pt;
	font-weight:    none;
    z-index: 2;
}    

#datainfo	{
	position: absolute;
	top: 150px;
	left: 40%;
	width: 58%;
	padding: 10px;
	background: #C0FFFF;
	color:            #000252;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        12pt;
	font-weight:      none;
    z-index: 2;
}    

#periode	{
	position: fixed;
	top: 410px;
	left: 4px;
	width: 220px;
	padding: 4px;
	border-left: 4px;
	background:       #C0FFFF;
	color:            #000252;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        10pt;
	font-weight:      none;
	border-left: 0px solid #369;
    z-index: 3;
}    

#typeinfo	{
	position: fixed;
	top: 258px;
	left: 2px;
	width: 224px;
	padding: 4px;
	border-left: 4px;
	*height: 1200px;
	background:       #C0FFFF;
	color:            #000252;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        12pt;
	font-weight:      none;
	border-left: 0px solid #369;
    z-index: 1;
}    

iframe		{
	background-color: "";
	color:            #000252;
	left: 			  0px;
	padding:          0px;
	border:     	  0px;
	border-style:  	  none;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        14pt;
	font-weight:      none;
	line-height:      1em;
	margin-top:       0em;
	margin-left:      0em;
	margin-right:     0em;
	margin-bottom:    05em;
	
}

#yachtpic	{
	position: fixed;
	top: 555px;
	left: 2px;
	width: 250px;
	border: 0px;
	padding: 0px;
	background: "";
	color:            "";
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        12pt;
	font-weight:      none;
    z-index: 		  1;
}    

#jchtjpg	{
	position: fixed;
	top: 			330px;
	left: 			4px;
	width: 			420px;
	padding: 		0px;
	border: 		0px;
	background: 	"";
	color:          #000252;
	font-family:    verdana, Helvetica, Arial, sans-serif;
	font-size:      12pt;
	font-weight:    none;
    z-index:		2;
}    

#prijs	{
	position: fixed;
	top: 350px;
	left: 0px;
	width: 20%;
	padding: 10px;
	*height: 800px;
	background: #FDFF2B;
	color:            #000252;
	font-family:      verdana, Helvetica, Arial, sans-serif;
	font-size:        12pt;
	font-weight:      none;
	border-left:	  0px solid #369;
    z-index: 1;
}    
#tips	{
	position: 		fixed;
	top: 			450px;
	left: 			4px;
	width: 			18%;
	padding: 		10px;
	background: 	#C0FFFF;
	color:          #000252;
	font-family:    verdana, Helvetica, Arial, sans-serif;
	font-size:      12pt;
	font-weight:    none;
    z-index: 		2;
	border: 		0px;
}