html, body {
background:#fff;
margin: 0;
width: 100%;
height: 100%;
overflow: hidden
}

#back {
visibility: visible;
position:absolute;
background-image:url("/assets/images/TideStream-achtergrond.png");
background-repeat: no-repeat;
position:absolute;
top: 0px;
left:0px;
width:100%;
height:100%;
overflow:hidden;
z-index:0;
}

#top {
visibility: visible;
position:absolute;
height:80px;
top: 0px;
left: 0px;
width: 100%;
overflow: hidden;
z-index: 99 
}

#headerimg {
visibility: visible;
position:absolute;
height:59px;
left: 0px;
width: 100%;
overflow: hidden;
z-index:95
}

#streamer {
visibility: visible;
position:absolute;
top: 35px; 
left: 230px;
width: 100%; 
height: 10px;
font-size: 20px; 
font-family: "Arial"; 
font-weight: bold; 
color: #00395A;
z-index:97
}

#headernavigation {
position:absolute;
background-color: #979999;
top: 59px;
left: 0px;
width: 100%;
height: 20px;
color: white
}

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

div#headernavigation ul li {
float: left
}

#headernavigation ul li a {
background-color: inherit;
height: 18px;
font-family: Arial;
font-size:12px;
font-weight: bold;
color: white;
text-decoration: none;
padding: 0 20px 0 20px
}

#headernavigation ul li a:hover,
#headernavigation ul li.active a {
background-color: inherit;
color: red
}


/*main*/
#bottom{
visibility: visible;
position:absolute;
top: 25px;
left: 0;
height:100%;
width: 100%;
overflow: hidden;
z-index: 98
}

#leftmenu{
visibility: visible;
position:absolute;
top: 59px;
left: 1%;
height:646px;
width: 15%;
line-height: 14px;
border-right:1px solid #037293;
overflow: hidden;
z-index:99
}

#add{
position: absolute;
top: 580px;
left: 2.5%;
height:15px;
width: 12%;
overflow: hidden;
z-index:99 
}

#rightright{
visibility: visible;
position:absolute;
top: 62px;
left: 83.5%;
height:100%;
width: 170px;
font-family: arial;
font-size: 0.8em;
color: red;
overflow: auto
}

#content {
background-color: white;
visibility: visible;
position:absolute;
top: 57px;
left: 17%;
height:86%;
width: 66%;
border: 1px solid #00395A;
overflow: auto;
z-index: 99
}

#content1 {
background-color: white;
margin: 3px;
width:48%;
height: 48%;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

#content2 {
background-color: white;
margin: 3px;
width: 48%;
height:48%;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

#content3 {
background-color: white;
margin: 3px;
width:48%;
height:48%;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

#content4 {
background-color: white;
margin: 3px;
width: 48%;
height:48%;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

#content5 {
background-color: white;
margin: 3px;
width:48%;
height: 102%;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

#content6 {
margin: 3px;
width: 48%;
height: 102%;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

#content7 {
background-color: white;
margin: 3px;
width: 96%;
height: auto;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

#content8 {
background-color: white;
margin: 3px;
width: 96%;
height:48%;
float:left;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #00395A
}

.pager { 
background-color:#eee; 
border:#ccc 3px solid;
padding:3px;
text-align:center;
font:normal 12px verdana
}

.lhead { 
background-color:#eee; 
border-top:#aaa 3px solid;
border-bottom:#aaa 3px solid;
padding:3px;
font:bold 14px verdana
}

.lpart { 
background-color:#f0f0f0; 
border-left:#ccc 2px solid;
padding-bottom:25px
}

.lpage { 
	font:normal 12px verdana
}

.lcount { 
background-color:#999; 
color:#fff;
padding:2px;
font:bold 12px verdana
}

#copyright{
font:normal 11px tahoma,verdana;
color:#000;
text-align:center;
padding:0px;
width:720px
}


/* Navigatie Left-Menu */
ul.nav_left li a {
text-decoration: underline;
top: 10px;
text-decoration:none;
font-family: arial;
font-size: 11px;
font-weight: bold;
color: #037293
}

ul.nav_left li a:hover {
color: #00395A
}

ul.nav_left li.active a{
color: red;
font-weight: bold
}

ul.nav_left {
position:relative;
margin:0px;
padding-left: 30px;
padding-top: 0px;
list-style: none
}

ul.nav_left li {
position:relative;
font-family:arial, sans-serif;
display:block
}

#wave, a {
font-family: Arial;
font-size: 11px;
font-weight: normal;
margin-left: 2px;
color: #00395A;
}

#text, p {
font-family: Arial;
font-size: 11px;
font-weight: normal;
margin-left: 2px;
color: #00395A;
}

h3 {
font-family: Arial;
font-size: 13px;
font-weight: normal;
margin-left: 2px;
color: #00395A;
}