html,body {
margin: 0;
padding: 0;
SCROLLBAR-HIGHLIGHT-COLOR: white;
SCROLLBAR-SHADOW-COLOR: #6699cc;
SCROLLBAR-ARROW-COLOR: #6699cc;
SCROLLBAR-BASE-COLOR: #e3f3fd
}

body {
font: 18px/1.3 Verdana, Arial, Helvetica, sans-serif;
text-align: left;
background: #FFFFED;
padding-bottom: 0;
}

a {
color: #223576;
text-decoration: none;
} 

#top {
/*background-color:#223576; */
background-color: #c80c3f;
background:url(images/bg_top.gif);
height:150px;
color: #FFFFEE;
padding: 6px 0px 0px 0px;
}

#google h1 {
z-index: -1;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: yellow;
position: absolute;
font-size: 12pt;
font-style: normal;
font-weight: normal;
left: 20px; top: 20px;
text-align: left;
}

#image {
height: 105px; margin-top: -70px
}

.images {
margin-top: -5px;
margin-left: -5px;
margin-right: 0px;
border: #223576 1px solid;
text-align: center;
}

#line {
/*background-color: #3272A7;*/
background-color: #223576;
border-top: #FFFFFF 1px solid;
height: 30px;
text-align: right;
padding: 5px 30px 0px 0px;
color: #ffffff;
font-size: 10pt;
font-weight: bold;
}

#pagetitle h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFEE;
position: absolute;
font-size: 32px;
font-style: normal;
font-weight: bold;
left: 775px;
top: 49px;
text-align: center;
}

#left {
position: absolute;
left: 5px;
top: 215px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #223576;
font-size: 10px;
font-style: normal;
font-weight: normal;
padding: 30px 10px 10px 10px;
background-image:url(images/referentie_bg.jpg);
background-repeat: no-repeat;	
width: 125px;
height: 350px;
}

#left p {
width: 110px;
}

#left-bottom {
position: absolute;
left: 5px;
top: 585px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #223576;
font-size: 10px;
font-style: normal;
font-weight: normal;
padding: 30px 10px 10px 10px;
width: 125px;
height: 50px;
}

#right {
position: absolute;
left: 748px;
top: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #223576;
font-size: 12px;
font-style: italic;
font-weight: bolder;
background: transparent;
width: 230px;
}

#right-bottom {
position: absolute;
left: 748px;
top: 585px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #223576;
font-size: 10px;
font-style: normal;
font-weight: normal;
padding: 30px 10px 10px 10px;
width: 230px;
height: 50px;
}

#container a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #223576;  	 
}

#right a {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #223576;
font-size: 12px;
font-style: italic;
font-weight: bolder;
}

#right p, #right div {
margin-left: 10px;
font-size: 11px;
color: #223576;
font-style: normal;
font-weight: normal;
} 

#content1.left {
font-size: 9px;
}

#container {
position: absolute;
color: #223576;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 570px;
height: 550px;
top: -154px;
/*background: #76B0EF;*/
background: #FFFFDE;
/*border: #76B0EF 10px solid; */
border: #c80c3f 10px solid;
padding: 0px;
text-align: center;
}

#container p, .content_table {
margin-top: 0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;   
font-size: 12px;
padding-left: 10px;
color: #000000;
}

#container img { }

#container h1,h2,h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
padding-left: 20px;
color: #000000;
text-align: left;
}

#container h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: 0px;
padding-left: 10px;
color: #000000;
text-align: left;
}

#scroll {
height: 345px; margin: 10px 0px 0px 0px; padding: 0px 15px 5px 5px; 
overflow-x: hidden; overflow-y: auto; background-color: transparent;
}

#content1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
padding: 10px 10px 10px 10px;
color: #223576;
text-align: left;
height: 388px;
}

#content1 ul, ol{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000;
}

#shadow_r {
position:absolute;
width:590px;
padding-right:12px;
height:424px;
background:url(images/shadowr.gif) right repeat-y;
}

#shadow_l {
position:absolute;
width:135px;
height:424px;
left:133px;
padding-left:12px;
background:url(images/shadowl.gif) left repeat-y;
}

#footer {
position: absolute;
width: 598px;
height: 35px;
left: 141px;
top: 595px;
padding-left: 0px;
background: url(images/shadowf.gif) left repeat-x;
}

.footertxt {
padding-top: 15px;
text-align: left;
font-size: 10px;
color: #404040;
}

.powered, A.powered{
text-align: center;
padding-top: 5px;
font-size: 10px;
color: #404040;
}

#menu {
margin-top: 6px;
height: 30px;
width: 550px;
border-top: #223576  0px solid;
top: 213px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}


ul#navi,ul#navi li{list-style-type: none; margin: 0; padding: 0}
ul#navi{float: left; font-size: 12px}
ul#navi li{width: 105px; float:left; margin: 2px; text-align: center}
ul#navi a{float: left; width: 105px; padding: 7px 0px 7px 0px; background: #223576; text-decoration:none; color: #FFFFEE; border-top : 1px solid #223576; border-left : 1px solid #223576; border-right : 1px solid #223576; border-bottom : 1px solid #223576; }
ul#navi a:hover{background: #FFFFEE; color: #000;}
ul#navi li.activelink a,ul#navi li.activelink a:hover {background: #FFF; color: #003}

ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search
{
padding-left: 0;
margin-left: 0;
list-style: none;
text-align: left;
font-size: 12px;
}

li {
line-height: 1.31;
}

li.doc, li.docs, li.sdoc, li.sdocs {
padding-left: 20px;
background-image: url(menu/menu.jpg);
background-repeat: no-repeat;	
}

.menulevel1 {
font-size: 100%;
}

.menulevel2, .menulevel3 {
font-size: 100%;
}

.menulevel1,.menulevel2,.menulevel3,.navigator,.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu {
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

.menulevel1 a:link,.menulevel1 a:visited,.menulevel1 a:active,.menulevel2 a:link,.menulevel2 a:visited,.menulevel2 a:active,.menulevel3 a:link,.menulevel3 a:visited,.menulevel3 a:active,.locator a:link,.locator a:visited,.locator a:active,.navigator a:link,.navigator a:visited,.navigator a:active,.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited,.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.submenu a:link,.submenu a:visited,.submenu a:active {
text-decoration: none;
color: #8BA055;
}

.menulevel1 a:hover,.menulevel2 a:hover,.menulevel3 a:hover,.locator a:hover,.navigator a:hover,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover,.submenu a:hover {
text-decoration: underline;
color:#000000;
}

#mainmenu {
margin: 5px 2px  5px 15px;
}

#searchbox  {
margin: 5px 2px  -13px 15px;
}

.edit {
font-size:9px;
color: #555;
background-color: buttonface;
}

.edit a:link,.edit a:visited,.edit a:active {
font-weight: normal;
color: #555;
font-size:9px;
text-decoration: none;
}

.edit a:hover {
text-decoration: underline;
}

input,select {
font-size:9px;
}

textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
width:98%;
text-align: left;
}

#text {
text-align: left;
font-size: small;
}

#form_middle {
float: center;
width: 280px;
height: 100%;
margin: 0px;
text-align: right;     
}