/* CSS Document */
/* ------------ Begin Algemene Styles ------------ */
* {
   /* Zorg ervoor dat alle paddings en margins op 0 staan, in IE en FF zijn namelijk verschillende defaults hiervoor en 
      zo staan ze overal hetzelfde. */
   padding : 0px;
   margin  : 0px; 
}
table { 
   /* Voorkom dat lege cellen in IE niet getoond worden. Hierdoor hoef je geen   meer in de cellen te plaatsen */
   empty-cells     : show; 
   border-collapse : collapse;
}
/* ------------ Einde Algemene Styles ------------ */

/* ------------ Begin Hoofdtemplate styles ------------- */
html {
   background:url('../images/bkg_html.jpg') repeat-x;
}
body {
   width       : 980px;
   margin      : 10px auto;
   font-family : arial,verdana;
   font-size   : 11px;
   color       : #3d3938;
}
h1 {
   color : #FA4D3F;
   font-size:26px;
   font-weight:normal;
   border-bottom:1px solid #ddd;
}
h2 {
   color : #006EC7;
   font-size : 20px;
   font-weight:normal;
   padding-top:10px;
}
h3 {
   color : #006EC7;
   font-size : 18px;
   font-weight:normal;
   padding-top:10px;
   border-bottom:1px solid #ddd;
   padding-bottom:5px;   
   margin-bottom:5px;
}

a {
   color:#333;
}

p {
   font-size:12px;
   line-height:19px;
}

p.download {
   margin-top : 20px;
}

#con_Main {
   width      : 980px;
   text-align : left;
}

div#mainmenu {
   overflow          : hidden;
   margin-top        : 10px;
   background-image  : url('../images/bkg_menu_left.jpg');
   background-repeat : no-repeat;
   height            : 62px;
}

img#IMGLogo { 
   margin-top  : 5px;
   margin-left : 5px;
}

div#Gebruikersinfo {
   position    : absolute;
   margin-left : 700px;
   top         : 10px;
   width       : 260px;
   font-size   : 11px;
   text-align:right;
}

div#Gebruikersinfo p {
   font-size:13px;
   padding-bottom:10px;
}

div#Nieuwsberichten {
   margin-top : 20px;
   padding    : 0px 20px;
}

div#Login {
   padding    : 20px;
   margin-left : 380px;
}
form#FormLogin {
   width       : 200px;
   border      : 2px solid #ddd;
   border-bottom:4px solid #ddd;
   border-top:4px solid #ddd;
   padding     : 20px;
}
form#FormLogin input {
   width         : 180px;
   border:1px solid #777;
   padding:5px;
   margin-bottom : 3px;
   font-size:12px;
}
form#FormLogin fieldset {
   border : none;
}

form#FormLogin fieldset.submit input {
   padding:2px;
   width:100px;
   margin-left:90px;
   margin-top:10px;
}
form#FormLogin fieldset label {
   font-size:12px;
   font-weight:bold;
   display:block;
   padding-top:4px;
   padding-bottom:3px;
}
.melding {
   font-weight    : bold;
   color          : #FA4D3F;
   border         : 1px solid #FA4D3F;
   padding        : 10px;
   margin-bottom  : 10px;
   font-size      : 0.8em;
}
/* menu */
div#mainmenu ul {
   list-style:none;
   margin:0;
   padding:0;
   height:40px;
   background-image:url('../images/bkg_menu_right.jpg');         
   background-position:top right;
   background-repeat:no-repeat;
   padding-top:22px;
}


div#mainmenu ul li {
   float:left;
   width:14%;
   background-image:url('../images/menu_seperator.jpg');
   background-repeat:no-repeat;
   background-position:top right;
}
div#mainmenu li:last-child {
   background:none;
}

div#mainmenu ul li a,
div#mainmenu ul li a:active {
   color:#006EC7;
   text-decoration:none;
   font-size:16px;
   display:block;
   padding-bottom:10px;
   text-align:center;
   cursor:pointer;
}


div#mainmenu ul li.active a,
div#mainmenu ul li.active a:active {
   color:#e9332c;
   font-weight:bold;
   cursor:pointer;
}
div#mainmenu ul li.active a:hover {
   text-decoration:none;
}

div#mainmenu ul li a:hover {
   color:#e9332c;
   text-decoration:none;
}

div#mainmenu ul li.hover a {
    color:#e9332c;
    background-image:url('../images/pointer.png');
    background-position:left bottom;
    background-repeat:no-repeat;
    cursor:pointer;
}      
div#mainmenu ul li.hover a:hover {
   color:#e9332c;
   text-decoration:none;
   cursor:pointer;
                 
}      
div#mainmenu ul li ul {
   display:none;
   height:auto;
   padding:0;
   margin:0;
}
   
div#mainmenu ul li ul {
    border:1px solid #f3362f;
    border-bottom:3px solid #f3362f;
    width:125px;
    z-index:900;
    overflow:hidden;
    position:absolute;
    background-color:#fff;
    background-image:url(../images/bkg_menu.gif);
    padding-bottom:10px;
    padding-top:10px;
}
   
div#mainmenu ul li ul li {
   float:none;
   width:100%;
}

div#mainmenu ul li ul li a:active
div#mainmenu ul li ul li a {
   background:none !important;
   color:#006EC7 !important;
   font-size:0.8em;
   display:block;
   padding:5px;
   padding-left:15px;
   font-weight:normal !important;
   text-decoration:none;
   border-bottom:1px solid #efefef;
    text-align:left;
}

div#mainmenu ul li ul li a:hover {
   font-weight:bold !important;
   text-decoration:none;
   color:#e9332c !important;
}
/* ------------ Einde Hoofdtemplate styles ------------- */

/* ------------ Begin Nieuwsberichten ------------------ */
div#Nieuwsberichten ol {
   list-style : none;
   margin:0;
   padding:0;
   margin-left:10px;
   font-size:11px;
}
div#Nieuwsberichten ol li {
   padding:3px;
}
div#Nieuwsberichten ol li a {
   font-weight : bold;
   color : #333333;
   font-size:12px;
}

/* ------------ Einde Nieuwsberichten ------------------ */