*, body, th, td {
	font-family: arial,helvetica,"liberation sans","dejavu sans condensed",sans-serif;
	font-size:9pt;
	color: #C2CCD5;
}

body
		{
		background-color: #68757E;
		scrollbar-3dlight-color:#C2CCD5;
		scrollbar-arrow-color:#C2CCD5;
		scrollbar-base-color:#68757E;
		scrollbar-darkshadow-color:#C2CCD5;
		scrollbar-face-color:#68757E;
		scrollbar-highlight-color:#68757E;
		scrollbar-shadow-color:#68757E;
		}
    


h1,h2,h3,h4,h5,h6 {
		font-family:futura,arial,helvetica,"liberation sans","dejavu sans condensed",sans-serif;
		clear: left;
 		margin: 4px 0 12px 0; 
 		letter-letter-spacing: 1px;
 		}
		
h1	{font-size:16pt;}
h2	{font-size:15pt;}
h3 {font-size:14pt;}
h4	{font-size:13pt;}
h5	{font-size:12pt;}
h6	{font-size:11pt;}

th
		{
		font-family: futura,arial,helvetica,"liberation sans","dejavu sans condensed",sans-serif;
		font-weight:bold;
		font-size:11pt;
		}
		

a
		{
		cursor:hand;
		}

a.submenu
		{
		font-size: 10pt;
		font-weight:bold;
		cursor:hand;
		}

a.news
		{
		font-weight:400;
		text-decoration:none;
		cursor:hand;
		}

<!--non element specific styles-->
.darktext
		{
		color:#C2CCD5;
		}

.warning
		{
		color:darkred;
		font-weight:bold;
		}

.bvm
		{}
		
.frameContainer
		{
		position:absolute;
		z-index:1;
		}

.frameInlay
		{
		position:absolute;
		z-index:10;
		}

.header
		{
		}

.ieselect
		{
		color:#E2EDF9;
		background-color:#949EA7;
		height:12pt;
		width:90pt;
		}
		
td.fcst_hd
		{
			background-color:#949EA7;
		}

td.fcst_main
		{
			width:30px;
		}

th.buoy-info-head, th.buoy-sub-head
{
	font-size: 9pt;
	background-color: #85919B; 
	border-bottom: 1px solid #C2CCD5;  
}

th.buoy-sub-head
{
	border-top: 1px solid #C2CCD5;  
}

td.buoy-info
{
	font-size: 8pt;
	color: #C2CCD5;
}

td.buoy-info-extra
{
	font-size:8pt;
	background-color: #7B8891;
}

th.buoy-info-extra
{
	font-size:10pt;
	background-color: #7B8891;
}

div.buoy-standard
{
	position: absolute;
	width: 120px;
	padding: 0px;
	font-size: 8pt;
	border: 1px solid #C2CCD5;
	overflow: hidden;
	background-color: #68757E;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

div.buoy-extra
{
	font-size: 8pt;
	background-color: #68757E;
	display: block;
}

table.buoy-extra
{
	font-size: 8pt;
	border: 1px solid #C2CCD5;
	height: 95%;
	_height: 100%;
}

div.knmi-northsea
{
  z-index: 0;
  position: relative;
  left: 80px;
	width: 572px;
	height: 363px;
	background-image: url('http://www.knmi.nl/actueel/images/windbftgmt.png');
	background-repeat: no-repeat;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

div.buoys-northsea
{
  z-index: 1;
  position: relative;
  left: 80px;
	width: 572px;
	height: 363px;
	background-image: url('http://www.pipodekloon.nl/img/noordzee-buoys.gif');
	background-repeat: no-repeat;
}

div.buoy-active, div.buoy-inactive 
{
  position: absolute;
  width: 7px;
  height: 7px;
  max-width: 7px;
  max-height: 7px;
  font-size: 7pt;
}

div.buoy-active 
{
  background-color: #00ff00;
}

div.buoy-inactive 
{
  background-color: #ff0000;
}

#wecolumn_latest {
	font-family: arial,helvetica,"liberation sans","dejavu sans condensed",sans-serif;
	font-size:9pt;
  	overflow: auto;
  	height: 100%;
  	width: 100%;
}

.banner_top {
	border: 2px solid #68757E;
	margin-right: 10px;
}

.banner_left {
	clear: both;
	margin: 0;
	padding: 0;
}

.banner {
	float: right;
	clear: both;
	margin: 0 0 6px 6px;
}

.banner.right {
	border: 0px;
   float: right;
}