*{
margin:0;
padding:0;
}

body{
font-family: Arial, Verdana;
font-size: 11px;
font-weight: normal;
color: #002D59;
margin:0;
padding:0;
margin-top:10px;
behavior: url(csshover.htc);
/*background-image: url(../images/watermerk.gif);*/
background-repeat: repeat;

}

#pageWrapper, #footer{
margin:0 auto 0 auto;
width: 771px;
}

#contentWrapper
{
float:left;
margin:0 auto 0 auto;
width: 771px;
}

#header{
position: relative;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
width: 771px;
height: 216px;
background-image: url(../images/header.gif);
background-repeat: no-repeat;
}

#menu-links {
float: left;
margin: 0px;
padding: 0px;
width: 34px;
height: 25px;
background-image: url(../images/menu-links.gif);
background-repeat: no-repeat;
}

#menu-midden {
float: left;
margin: 0px;
padding: 0px;
width: 703px;
height: 25px;
background-image: url(../images/menu-midden.gif);
background-repeat: no-repeat;
text-align: left;
font-family: Arial, Verdana;
font-size: 10px;
font-weight: bold;
font-style: italic;
color: #ffffff;
}

#menu-rechts {
float: left;
margin: 0px;
padding: 0px;
width: 34px;
height: 25px;
background-image: url(../images/menu-rechts.gif);
background-repeat: no-repeat;
}

#breadcrumb {
float: left;
margin: 0px;
padding: 0px;
width: 771px;
height: 163px;
background-image: url(../images/breadcrumb.gif);
background-repeat: no-repeat;
line-height: 43px;
padding-left: 65px;
text-align: left;
vertical-align: text-bottom;
font-family: Arial, Verdana;
font-size: 11px;
font-weight: normal;
color: #4D8FC0;
text-decoration: none;
}

#breadcrumb a{
font-family: Arial, Verdana;
font-size: 11px;
font-weight: normal;
color: #767067;
text-decoration: none;
}

#breadcrumb a:hover{
font-family: Arial, Verdana;
font-size: 11px;
font-weight: normal;
color: #4D8FC0;
text-decoration: underline;
}



#links-boven {
width: 34px;
height: 76px;
background-image: url(../images/links-boven.gif);
background-repeat: no-repeat;
}

#links-midden {
width: 34px;
background-image: url(../images/links-midden.gif);
background-repeat: repeat-y;
}

#links-onder {
height: 155px;
width: 34px;
background-image: url(../images/links-onder.gif);
background-repeat: no-repeat;
}


#rechts-boven {
height: 76px;
width: 34px;
background-image: url(../images/rechts-boven.gif);
background-repeat: no-repeat;
}

#rechts-midden {
width: 34px;
background-image: url(../images/rechts-midden.gif);
background-repeat: repeat-y;
min-height: 100%;
   height: 100%;
   height: auto
}

#rechts-onder {
height: 155px;
width: 34px;
background-image: url(../images/rechts-onder.gif);
background-repeat: no-repeat;
}

#nieuws {
margin: 0px;
padding: 0px 5px 0px 0px;
width: 177px;
background-image: url(../images/nieuws.gif);
background-repeat: repeat-y;
}

#content
{
margin: 0px;
padding: 0px 0px 0px 5px;
width: 516px;
background-color: white;
font-family: Arial, Verdana;
font-size: 11px;
font-weight: normal;
color: #002D59;
}

#footer{
float: left;
margin: 0px;
padding: 0px;
width: 771px;
height: 97px;
background-image: url(../images/footer.gif);
background-repeat: no-repeat;
padding: 36px 0px 0px 0px;
font-size: 11px;
color: #FFFFFF;
text-align: center;

}

#footer2, #footer2 a{
font-size: 11px;
text-align: center;
color: gray ;
text-decoration: none;
}

#footer2 a:hover{
text-decoration: underline;
}

p{
margin-bottom: 11px;
}

H1 {
font-size: 14px;
line-height: 31px;
font-weight: bold;
vertical-align: middle;
color: #002D59;
background-image: url(../images/kopvlak-main.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding: 0px 0px 0px 15px;
}

H2 {
font-size: 11px;
line-height: 21px;
font-weight: bold;
vertical-align: middle;
color: #002D59;
background-image: url(../images/kopvlak-nieuws.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding: 0px 0px 0px 5px;
}


H3 {
line-height: 40px;
font-size: 11px;
font-weight: bold;
color: #000000;
background-image: url(../images/blauwvierkantje.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
padding: 0px 0px 0px 15px;
}


H4 {
font-family: "Times New Roman", Times, serif;
line-height: 32px;
vertical-align: top;
font-size: 26px;
text-align: center;
font-weight: normal;
font-style: italic;
color: #000000;
}

LI{
font-size: 11px;
color: #002D59;
margin: 0px;
/*padding: 6px 15px; */
padding: 7px 0px 0px 15px;
background: url(red-arrow.gif) 0 9px no-repeat;
/*list-style: square url(../images/blauwvierkantje.gif) inside;*/
/*list-style: square url(../images/blauwvierkantje.gif) inside;*/
background: url(../images/blauwvierkantje.gif) 0 9px no-repeat;
}

b, strong {
font-weight: bold;
}


/* MENU LINKS
div#nav {float: left; width: 138px; margin: 0; background: #FDD;}
div#nav ul {margin: 0px; padding: 0px; width: 140px; background: white;  border: 1px solid #AAA; }
div#nav li {position: relative; list-style: none; margin: 0; padding: 5px; border-bottom: 1px solid #CCC;}
div#nav li:hover {background: #F24F00; text-decoration: none;}
div#nav li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: yellow; text-decoration: none;}
div#nav li a {display: block;  text-decoration: none; width: 6.5em;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 140px; display: none; }
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3,
div#nav ul.level3 li.submenu:hover ul.level4 {display:block;}
*/

/* ORIGINEEL MENU BOVEN
div#nav {float: left; margin: -1px 0 0 7em;
  background: #FFF; border: 1px solid #AAA;}
div#nav ul {margin: 0; padding: 0; background: white;
  border: 1px solid #CCC; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; margin: 0;
  float: left; width: 7em; line-height: 1em;}
div#nav li:hover {background: #EBB;}

div#nav li.submenu {background: url(dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #EDD;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 6.5em;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 7em;
  display: none;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav li.submenu li.submenu:hover {background-color: #EDD;}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}
*/



.menu{
font-family: Arial;
font-size: 10px;
font-weight: bold;
font-style: italic;
color: #ffffff;
}

a.menu:hover{
font-family: Arial;
font-size: 10px;
font-weight: bold;
font-style: italic;
color: #C0C0C0;
}

.menu:visited{
font-family: Arial;
font-size: 10px;
font-weight: bold;
font-style: italic;
color: #ffffff;
}


div#nav {
float: left;
margin: 0;
}

div#nav ul {
font-size: 10px;
font-weight: bold;
font-style: italic;
margin: 0;
padding: 0;
color: #FFFFFF;
}

div#nav li {
font-size: 10px;
font-weight: bold;
font-style: italic;
position: relative;
list-style: none;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
text-decoration: none;
float: left;
width: 93px;
line-height: 1em;
color: #ff0000;
background: url(../images/menu-1.gif);
text-align: center;
}

div#nav li:hover {
font-size: 10px;
font-weight: bold;
font-style: italic;
margin: 0px 0px 0px 4px;
background: url(../images/menu-2.gif);
color: #C0C0C0;
text-align: center;
}

div#nav li.submenu {
font-size: 10px;
font-weight: bold;
font-style: italic;
}

div#nav li.submenu:hover {
font-size: 10px;
font-weight: bold;
font-style: italic;
background-color: #C0C0C0;
background: url(../images/menu-2.gif);
}

div#nav li a {
font-size: 10px;
font-weight: bold;
font-style: italic;
display: block;
color: #000000;
padding: 0.5em 0 0.5em 0.2em;
text-decoration: none;
width: 93px;
text-align: center;
}

div#nav li a:hover {
font-size: 10px;
font-weight: bold;
font-style: italic;
display: block;
color: #C0C0C0;
padding: 0.5em 0 0.5em 0.2em;
text-decoration: none;
width: 93px;
text-align: center;
}

div#nav>ul a {
font-size: 10px;
font-weight: bold;
font-style: italic;
width: auto;
text-decoration: none;
}

div#nav ul ul {
font-size: 10px;
font-weight: bold;
font-style: italic;
position: absolute;
width: 93px;
display: none;
}

div#nav ul ul li {
font-size: 10px;
font-weight: bold;
font-style: italic;
border-bottom: 1px solid #000000;
border-top: 1px solid #FFFFFF;
}

div#nav li.submenu li.submenu {
font-size: 10px;
font-weight: bold;
font-style: italic;
background: url(submenu.gif) 95% 50% no-repeat;
background-color: #C0C0C0;
}

div#nav li.submenu li.submenu:hover {
background: url(../images/menu-2.gif);
border-top: 1px solid #FFFFFF;
}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3,
div#nav ul.level3 li.submenu:hover ul.level4 {
border-top: 1px solid #FFFFFF;
font-size: 10px;
font-weight: bold;
font-style: italic;
display:block;
}

div#nav ul.level2 {
font-size: 10px;
font-weight: bold;
font-style: italic;
top: 1,75em;
left: -4px;
border-top: 1px solid #FFFFFF;

/*background: url(../images/menu-1.gif) 95% 50% ;*/
}

div#nav ul.level3 {
font-size: 10px;
font-weight: bold;
font-style: italic;
top: -2px;
left: 92px;
border-top: 1px solid #FFFFFF;
/*background: url(../images/menu-1.gif) 95% 50% ;*/
}

div#nav ul.level4 {
font-size: 10px;
font-weight: bold;
font-style: italic;
top: -2px;
left: 92px;
border-top: 1px solid #FFFFFF;
/*background: url(../images/menu-1.gif) 95% 50% ;*/
}