html,
body {
height: 100%;
overflow: hidden;
background-color: #3e5b89;
}

#groen {
position: absolute;
overflow: hidden;
top: 0px;
left: 800px;
width: 900px;
height: 100%;
background-color: #699418;
}

#zijbalk    {
position: absolute;
top: 0px;
left: 0px;
width: 175px;
background-color: #fff;
background-image:url('/gfx/hoek.gif');
background-repeat: no-repeat;
z-index: 1;
}

#nav    {
position: relative;
top: 0px;
left: 0px;
float: left;
background-image:url('/gfx/zijbalk_verloop.gif');
background-repeat: no-repeat;
background-position: -1px bottom;
padding-bottom: 50px;
z-index: 99;
}

#nieuws    {
position: relative;
float: left;
height: 100%;
width: 150px;
padding-top: 35px;
padding-left: 30px;
padding-bottom: 120px;
background-image:url('/gfx/zijbalk_onder.gif');
background-repeat: no-repeat;
background-position: -1px bottom;
}

#login_knop {
position: relative;
height: 0px;
width: 155px;
color: #fff;
text-align: right;
padding-right: 139px;
background-color: #3e5b89;
}

#scroll    {
position: absolute;
top: 0px;
left: 175px;
height: 100%;
width: 670px;
overflow: auto;
overflow-x: hidden;
padding-right: 20px;
background-color: #fff;
outline: none;
}

#logo {
position: absolute;
top: 0px;
left: 15px;
}

#pagetrail    {
position: absolute;
top: 115px;
left: 55px;
height: 25px;
width: 560px;
}

#blad    {
position: absolute;
top: 55px;
left: 420px;
width: 200px;
height: 620px;
background-image:url('/gfx/blad.gif');
background-repeat: no-repeat;
}

#content    {
position: relative;
top: 160px;
left: 55px;
width: 455px;
margin-bottom: 170px;
text-align: justify;
}

#footer    {
position: absolute;
bottom: 0px;
left: 0px;
height: 20px;
width: 460px;
}

#zoeken    {
position: absolute;
top: 67px;
left: 508px;
width: 300px;
height: 25px;
}

/*OMLOOP*/

#omloop div {
position: relative;
display: block;
float: right;
clear: right;
height: 15px;
line-height: 15px;
padding: 0px;
margin: 0px;
}

#omloop #omloop1 {height: 84px; width: 75px;}
#omloop #omloop2 {width:76px;}
#omloop #omloop3 {width:76px;}
#omloop #omloop4 {width:76px;}
#omloop #omloop5 {width:74px;}
#omloop #omloop6 {width:70px;}
#omloop #omloop7 {width:63px;}
#omloop #omloop8 {width:54px;}
#omloop #omloop9 {width:43px;}
#omloop #omloop10 {width:33px;}
#omloop #omloop11 {width:25px;}
#omloop #omloop12 {width:12px;}
#omloop #omloop13 {width:0px; *width:1px; height:195px;}
#omloop #omloop14 {width:22px;}
#omloop #omloop15 {width:38px;}
#omloop #omloop16 {width:48px;}
#omloop #omloop17 {width:35px;}


/*INTRANET -------------------------*/

#zijbalk_intra    {
position: absolute;
top: 0px;
left: 0px;
width: 176px;
height: 700%;
background-color: #3e5b89;
}

#nav_intra    {
position: relative;
top: 0px;
left: 0px;
float: left;
background-color: #fff;
background-image:url('/gfx/zijbalk_onder.gif');
background-repeat: no-repeat;
background-position: 0 bottom;
padding-bottom: 120px;
}

#hoekje_intra    {
position: absolute;
top: 0px;
left: 0px;
float: left;
width: 100px;
height: 100px;
background-image:url('/gfx/hoek.gif');
background-repeat: no-repeat;
}

#scroll_intra    {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 845px;
overflow: auto;
overflow-x: hidden;
padding-right: 20px;
background-color: #fff;
outline: none;
}

#logo_intra {
position: absolute;
top: 0px;
left: 190px;
}

#pagetrail_intra    {
position: absolute;
top: 115px;
left: 230px;
height: 25px;
width: 560px;
}

#blad_intra    {
position: absolute;
top: 55px;
left: 595px;
width: 200px;
height: 620px;
background-image:url('/gfx/blad.gif');
background-repeat: no-repeat;
}

#content_intra    {
position: relative;
top: 160px;
left: 230px;
width: 455px;
margin-bottom: 170px;
text-align: justify;
}

#zoeken_intra    {
position: absolute;
top: 30px;
left: 693px;
width: 200px;
}