body{
    margin: 0;
    padding:150px 60px 25px 230px;
    background-image:url("images/agvw01.jpg");
    background-repeat: no-repeat;
    background-attachment:fixed ;
    background-position:60% 90%;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size:11pt;
    text-align:justify;
    }
* html body {
    padding-right: 0;
    }
div#header{
    z-index:2;
    position:absolute;
    background-repeat:no-repeat;
    border-top: 1px solid #000066;
    border-bottom: 1px solid #000066;
    top:0;
    left:0;
    right:0;
    width:auto;
    height:148px;
    }
* html div#header {
    width:162%;
    }
.header-hm{
    background-image:url("header/hdr_home01.jpg");
    }
.header-vw{
    background-image:url("header/hdr_voorw03.jpg");
    }
.header-vg{
    background-image:url("header/hdr_vaargeb02.jpg");
    }
.header-vg-ijs{
    background-image:url("header/hdr_ijsselm03.jpg");
    }
.header-vg-wad{
    background-image:url("header/hdr_wad02.jpg");
    }
.header-vg-frs{
    background-image:url("header/hdr_friesem01.jpg");
    }
.header-av{
    background-image:url("header/hdr_avont02.jpg");
    }
.header-oo{
    background-image:url("header/hdr_overons02.jpg");
    }
.header-fo{
    background-image:url("header/hdr_fotos02.jpg");
    }
.header-bk{
    background-image:url("header/hdr_boek01.jpg");
    }
.header-ct{
    background-image:url("header/hdr_cont02.jpg");
    }
.logo{
    margin: 5px 0 0 300px;
    padding: 0;
    float:left;
    }
* html .logo {
    margin: 20px 0 0 300px;
    }
div#tfoto{
    z-index:2;
    position:absolute;
    top:0;
    left:0;
    width:220px;
    height:148px;
    background-image:url("images_small/hdr01.jpg");
    background-repeat: no-repeat;
    border:1px solid #000080;
    }
div#left-sidebar{
    z-index:1;
    position:absolute;
    top:0;
    left:0;
    width:220px;
    height:100%;
    background-color:#E4EEF8;
    border: 1px solid #000066;
    }
.rul{
    margin-left:-20px; /*FF tov std 40px*/
    }
* html .rul {
    margin-left:20px; /*IE tov 0px*/
    }
div#counter{
    z-index:3;
    position:absolute;
    margin: 0;
    padding: 0;
    top:460px;
    left:23px;
    width:50px;
    height:15px;
    text-align: center;
    }
*html div#counter{
    top: 470px;
    }
.count{
    z-index:1;
    color:#FFF;
    background-color: #000080;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size: 10pt;
	font-weight: bold;
    width:50px;
    height:15px;
    text-align: center;
    margin: 0;
    padding: 0;
    }
div#footer{
    z-index:0;
    position:absolute;
    margin:0;
    padding:0;
    background-color:#EBFFEB;
    border-top: 1px solid #000066;
    border-bottom: 1px solid #000066;
    bottom: 0;
    left:220px;
    right: 0;
    width:auto;
    height:25px;
    }
* html div#footer {
    width:110%;
    }
.info{
    color:#000066;
    font-family:Arial,Verdana,Helvetica, "sans serif";
    text-align: center;
    margin-top:4px;
    font-style:none;
    font-size: 10pt;
	font-weight: normal;
    }
.stip{
    color:#FF0000;
    font-size: 12pt;
    }
table{
    border-color: #000080;
    }
th{
    font-family:Arial,Verdana,Helvetica, "sans serif";
    vertical-align:middle;
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    border-color: #000080;
    color:#000000;
    }
td{
    font-family:Arial,Verdana,Helvetica, "sans serif";
    vertical-align: middle;
    font-size:11pt;
    font-weight:normal;
    text-align:left;
    border-color: #000080;
    color:#000000;
    }
h1{
    font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size:14pt;
    font-weight: bold;
    color: #008000;
    margin: 10px 0;
    }
h2{
    font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size:12pt;
    font-weight: bold;
    color: #008000;
    }
h3{
    font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size:10pt;
    font-weight: bold;
    color: #008000
    }
ul.navbar {
	list-style-type: none;
	padding: 165px 0 0 20px;
	margin: 0;
	position: fixed;
	top: 0;
	left: 0;
    width: 180px;
    }
ul.navbar li {
    list-style-type: none;
	margin: 2px;
	padding: 0em;
    }
ul.navbar a {
	text-decoration: none;
	font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size: 13pt;
	font-weight: bold;
    }
.left{
    float:left;
    margin: 0 10px 5px 0;
    }
.right{
    float:right;
    margin: 0 0 5px 10px;
    }
.mid{
    text-align: center;
    clear: both;
    }
img{
    border: 0;
    }
.rnd{
    border: 1px solid #000080;
    }
.laatst{
    z-index:1;
    color:#000080;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size: 8pt;
	font-weight: normal;
    margin: 15px 0 0 0;
    }
.klr{
    font-size: 12pt;
    font-weight: bold;
    color:#F00;
    }
.menukl{
    color:#008000;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    font-size: 13pt;
	font-weight: bold;
    }
a.menu:link {
	color: #000080;
	font-weight: bold;
    }
a.menu:visited {
	color: #000080;
	font-weight: bold;
    }
a.menu:hover {
	color: #008000;
	font-weight: bold;
    }
a.menu:active {
	color: #008000;
	font-weight: bold;
    }
a.tekst:link {
	color:#0000FF;
	font-weight: normal;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    }
a.tekst:visited {
	color:#0000FF;
	font-weight: normal;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    }
a.tekst:hover {
	color:#800080;
    font-weight: normal;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    }
a.tekst:active {
	color:#FF0000;
	font-weight: normal;
    font-family:Arial,Verdana,Helvetica,"sans serif";
    }
@media screen{
    body>div#header{
    position:fixed;
    }
    body>div#left-sidebar{
    position:fixed;
    }
    body>div#counter{
    position:fixed;
    }
    body>div#tfoto{
    position:fixed;
    }
    body>div#footer{
    position:fixed;
    }
    }
* html body{
    overflow:hidden;
    } 
* html div#content{
    padding-right: 60px;
    height:100%;
    overflow:auto;
    }
* html div#left-sidebar{
    height:100%;
    overflow:auto;
    }