html,body{margin:0;padding:0; height: 100%;}
body{
    text-align:center;
    background-image: url(../images/body_background.jpg);
    background-repeat: repeat-x;
    background-color: #363636;
    font-family: "Verdana";
    font-size: 18px;
    color: #000000;
}


p {
     margin:  0 0 1em 0;
     padding:  0;
}


#container{
    margin: 0 auto;
    width: 880px;
    height: 100%;
    height: auto !important; /*  soort van hack om 100% height te realiseren in firefox */
    min-height: 100%;
    text-align: left;
 
}


#wrapper{    
    overflow: hidden;
    width: 880px;    
    background-repeat: no-repeat;    
}
#banner {
    margin-top: 1px;
    height: 157px;
    width: 880px;
    overflow: hidden;
    text-align: right;
    background-image: url(../images/banner_1.jpg);
}

/*
#menu {
    height: 46px;
    overflow: hidden;  
    font-size: 24px;
    font-family: "Verdana","Myriad Pro";
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    background-image: url(../images/menu_background.jpg);
}
*/

/* start menu
---------------------------------------------------------------
*/

body {
    behavior:url("csshover3.htc");
}
#menu{
    font-family: "Verdana";
    font-size:26px;
    color:#fff;
    background-image: url(../images/menu_background.jpg);
    background-repeat:no-repeat;
    height:46px;
    background-color:#373737;
    line-height: 16px;
}

/* opmaak bovenste regel*/
#menu ul
{
    left: 0px;
    top: 0px;
    margin:0px;
    padding:0px;
    position: relative;
}

#menu li a{
   text-decoration:none;
   font-size:26px;
   color:#fff;
}

#menu li a:hover{
    color:#019e57;
    text-decoration:underline;
}

#menu ul li
{
    height: 32px;           /* centreer de menukoppen is 44 samen met height*/
    padding-top: 14px;      /* centreer de menukoppen is 44 samen met height*/
    padding-left: 10px;     /* maak de koppen wat groter*/
    padding-right: 10px;    /* maak de koppen wat groter*/

    margin-left: 30px;      /* marge tussen de hoofdmenu koppen*/
    position: relative;
    float:left;
    list-style:none;
}


/* 2e menu item*/
#menu ul ul {
    margin-top:45px;
    position: absolute;
    background-color: #b1afb0; /* llicht blauw grijs */
    border: 1px solid black;
}

#menu ul ul li
{
    height: 20px;           /* */
    padding-top: 8px;      /* */
    padding-left: 5px;     /* px van rand af */
    padding-right: 0px;    /* */


    margin-left: 0px;      /* overerving teniet doen*/
    position: relative;
    float:left;
    list-style:none;


    min-width: 150px;    /* tegen het opkroppen */
    width:auto;
    height: auto;
    border-bottom: 1px solid gray;
}



#menu li li a{
    text-decoration:none;
    font-size:16px;
    font-style: normal;
    font-weight: normal;
    color:#0e4887;
}



/* 3e menu items */
#menu ul ul ul{
    margin-top:0px;    /* kill overerving*/
    top: -1px;           /* positioneer sub sub item*/
    left: 100%;         /* positioneer sub sub item*/

}



/* hovering:D*/
#menu ul ul,
#menu ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul
{ display:block;}
/*  end hover*/

/* end menu
---------------------------------------------------------------
*/

#wrapperMain{
    width: 880px;
    padding-left: 22px;
    background: url(../images/main_background.jpg) repeat-y  22px 0px;
}

#content{
    float: left;
    width: 855px;
    margin-left: 1px;
    min-height: 530px;
    overflow: hidden;
    background-color: white;
    background: url(../images/main_gradient.jpg) repeat-x bottom;
}
#padding{
    margin: 45px;
    width: 765px;
    font-size: 14px;
}

#footer{
    clear: both;  /* om de divjes in firefox tot de onderkant uit te laten rekken */
    width: 858px;
    background: url(../images/footer.jpg) no-repeat;
    height: 72px;
    overflow: hidden;
    text-align: right;
}

.pageName{
    font-family: "Verdana";
    font-size: 30px;
    color: #373838;
    width: 760px;
}
hr.pageName {
    float: left;
    margin-top: -35px;
    width: 550px;
}