﻿div, h1, h2, h3, p, li, table, td, tr
{
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}

html
{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-image: url('../IMG/achtergrond_raster.png');
    background-repeat: repeat;
    background-attachment: scroll;
}
body
{
    width:100%;
    height:100%;
    padding: 0px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; /*9pt */
    text-align: center;
    overflow: scroll;
    
}

.clear
{
    display:block;
    float:none;
    clear:both;
    position:relative;
    }

h1
{
    color: #808080;
    font-weight: normal;
    font-size: 22px; /* 16pt */
    padding-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom:5px;
}

h2
{
    color: #E10032;
    font-weight: normal;
    font-size: 16px; /* 12pt;*/
    padding-bottom: 10px;
}

a
{
    text-decoration: none;
    color: #808080;
}

a.navact
{
   color: #E10032;
}

a:hover, a:active
{
    color: #E10032;
}

p
{
    }

#balkrood
{
    position: fixed;
    top: 0px;
    background-color: #E10032;
    display: block;
    width: 100%;
    height: 75px;
    color: #FFFFFF;
    z-index: 100;
    margin:0px;
    padding:0px;
    font-size: 9px; /*7pt;*/
}
 
#balkrood_900
{
    margin: 0px 0px 0px -450px;
    position: fixed;
    left: 50%;
    width: 900px;
    text-align: left;
    height: 75px;
}
    
#balkrood_900_logo, #balkrood_900_logo a, #balkrood_900_logo a img
{
    height:75px;
    border-width:0px;
    }
    
#balkrood_900_logo
{
    display:block;
    width:auto;
    float:left;
    
    } 
    
#balkrood_900_share
{
    display:block; 
    width:auto;
    float:left;
    height:15px;
    margin-top:40px; 
    margin-bottom:20px;
    
    }
    
    
#balkrood_900_lang
{
    display:block;
    width:auto;
    float:right;
    text-align: right;
    height:15px;
    margin-top:40px; 
    margin-bottom:20px;
    
    }


#balkrood_900_lang ul
{
    list-style-type: none;
    display: inline;
}

#balkrood_900_lang ul li
{  
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
    text-transform: uppercase;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #FFFFFF;
}

#balkrood_900_lang ul li.geenrand
{
    border-width: 0px;
    padding-right: 0px;
}

    
    
#balkrood a
{color: #FFFFFF;}
 
#balkrood a:hover
{
    color: #336699;
}
#inh_cont
{
    position:relative;
    top:75px;
    width:100%;
}

#nav1_cont
{
    width:100%;
    background-color:White;
    display:block;
    height:25px;
    }

#nav1
{
    display: block;
    position:relative;
    width: 900px;
    left:50%;
    margin-left:-450px;
    padding: 5px 0px 5px 0px;
}

#nav1 ul
{
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

#nav1 ul li
{
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
    text-transform: uppercase;
}


#imgtop_cont
{
    background-color: #D9D9D9;
    width:100%;
    height:225px;
}



#imgtop
{
    background-position: center center;
    height: 225px;
    position: relative;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    background-repeat: no-repeat;
    background-attachment: inherit;
    font-weight: normal;
    color: #E10032;
    text-align: left;
    position: relative;
    background-color: #D9D9D9;
    margin-top: 0px;
}

#header_show_off
{
    position:absolute;
    height: 225px;
    width:900px;
    display:block;
    }

#header_show_off img
{
    height: 225px;
    width:900px;
    }


.jshowoff-slidelinks
{
    width:auto;
    display:block;
    position:absolute;
    bottom:11px;
    right: 0px;
    }



.jshowoff-slidelinks a
{
    border: 1px solid #E10032;
    width: 45px;
    height: 11px;
    display:block;
    margin-right:11px;
    float:left;
    
}

.jshowoff-active
{
    background-color:#E10032;
    }


#imgtop_text
{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 25px; /* 16pt */
    background: none;
    text-transform: uppercase;
    letter-spacing: 15px;
    line-height:50px;
    vertical-align:top;
    display: block;
    position: absolute;
    top: 0px;
    margin-top: 62px;
    margin-left:225px;
}

#imgtop_text a
{
    color: #FFFFFF;
    background: rgba(128, 128, 128, 0.25);
    }


#imgtop ul
{
    padding: 0px; /* stops the usual indent from ul */
    margin: 0px;
    border: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#imgtop ul.MenuExpandRechts
{
    left: 675px;
    
}
#imgtop ul li
{
    padding: 5px;
    margin: 0px;
    border: 0px;
    background-color: #FFF; /* a bg-color MUST be included for IE to work properly! */
    list-style-type: none;
    margin: 25px; /* Opera 7 puts large spacings between li elements */
    width: 165px;
    height: 15px;
    color: #808080;
    text-transform: uppercase;
}

#imgtop ul.MenuExpandRechts li
{
    text-align:right;
    }

#imgtop ul li ul
{
    /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
    display: none; /* hides child menu blocks - one of the most important declarations */
    position: absolute;
    top: 25px;
    left: 225px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */
    width: 650px; /* sets the size of the menu blocks */ /* stops the usual indent from ul */
    background-color: #FFF;
    height: 175px;
    z-index:10;
}

#imgtop ul.MenuExpandRechts li ul
{
    left: -650px;
    }

#imgtop ul li ul li
{
    padding: 5px;
    background-color: #FFF; /* a bg-color MUST be included for IE to work properly! */
    list-style-type: none;
    margin: 0px; /* Opera 7 puts large spacings between li elements */
    text-align: right;
    width: 215px;
    color: #808080;
    display: block;
    height: 15px;
}

#imgtop ul.MenuExpandRechts li ul li
{
    margin-left:425px;
    text-align: left;
    
    }

#imgtop ul li:hover
{
    width: 190px;
    color: #0000FF;
}

#imgtop ul.MenuExpandRechts>li:hover
{
    margin-left: 0px;
    padding-left: 30px; /* 25+5*/
    width: 165px;
    }

#imgtop ul li ul li:hover
{
    color: #0000FF;
    width: 215px;
}

#imgtop ul li:hover ul
{
    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
    display: block;
}
/* and some link styles */
#imgtop ul li a
{
    display: block;
    width: 100%;
    color: #808080;
}

#imgtop ul li a:hover
{
    display: block;
    width: 100%;
    color: #E10032;
}

#imgtop ul li:hover a
{
    color:#E10032;
    }

#imgtop ul li:hover ul li a
{
    color:#808080;
    }

#imgtop ul li:hover ul li:hover a 
{
    color:#E10032;
    }

div.MenuExpandToel1, div.MenuExpandToel2
{
    height: 175px;
    width: 425px;
    position: absolute;
    vertical-align: middle;
    text-align:center;
    visibility: hidden;
}

div.MenuExpandToel1 
{
    left: 450px;
    top: 25px;
    /*z-index:15;*/
    }
    
div.MenuExpandToel2
{
    left: 225px;
    top: 0px;
    /*z-index:20;*/
    }
    
div.MenuExpandToel1 img, div.MenuExpandToel2 img
{
    height: 175px;
    max-width: 425px;
    vertical-align: middle;
    display: block;
    margin-left:auto;
    margin-right:0;
    right: 0;
    position:absolute;
    display:block;
    
}

/*div.MenuExpandToel1 img
{ z-index: 16;}
div.MenuExpandToel2 img
{ z-index: 21;

  }
*/

div.MenuExpandToel_txt
{
    position: absolute;
    background: rgba(128, 128, 128, 0.25);
    width: 150px;
    color: #FFFFFF;
    padding: 5px;
    text-align: left;
    margin-left: 25px;
    margin-top: 75px;
}

/*
div.MenuExpandToel1 div.MenuExpandToel_txt
{ z-index: 17;
  }
div.MenuExpandToel2 div.MenuExpandToel_txt
{ z-index: 22;}
*/
    
#imgtop ul.MenuExpandRechts li div.MenuExpandToel1
{
    left: -650px;    
    } 
    
#imgtop ul.MenuExpandRechts li div.MenuExpandToel2
{
    left: -650px;
    } 



#imgtop ul li ul li:hover div.MenuExpandToel2
{
    visibility: visible;
}

#imgtop > ul > li:hover div.MenuExpandToel1
{
    visibility: visible;
}







#nav23_cont
{
    display: block;
    position: relative;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    height:auto;
    padding-bottom:20px;
    background-color:White;
    }

#nav2
{
    display: block;
    position: relative;
    padding: 5px 0px 5px 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
}
    
    
#nav2 ul
{
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
    
}

#nav2 ul li
{  
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
    text-transform: uppercase;
}

#nav3
{
    display: block;
    position:relative;
    padding: 5px 0px 5px 0px;

}
    
#nav3 ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline;
}

#nav3 ul li
{  
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
    text-transform: uppercase;
}

#inhoud
{
    display:block;
    position:relative;
    width: 900px;
    left:50%;
    margin-left:-450px;
    text-align: justify;
    /*min-height: 250px; /* Anders wordt achtergrondafb niet getoond in FF / Chrome*/
    background-color:White;
}   

#inhlinks
{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 200px;
    float: left;
    text-align: left;
} 

#inhlinks h3
{
    padding: 5px;
    color: #808080;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #808080;
    margin-top: 14px;
    text-align: left;
    text-transform: uppercase;
    font-size: 7pt;
    font-weight: normal;
}



.ImgGroot, img.ImgGroot
{
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    width: 200px; /*height: 150px;*/
}

.ImgToel
{
    margin: 0px;
    background-color: #808080;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #808080;
    padding: 5px 5px 5px 5px;
    font-size: 7pt;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 190px;
    
}

table.vierkant, table.vierkant td
{
    padding: 0px;
    margin: 0px;
    width: 50px;
    height: 50px;
    line-height: 0px;
    line-height: 0px;
}
.vierkantimg
{
    padding: 0px;
    margin: 0px;
    width: 50px;
    height: 50px;
    line-height: 0px;
    line-height: 0px;
}

#inhmidden
{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 500px;
    float: left;    
}
.minhoogte
{
    padding: 0px;
    margin: 0px;
    display: block;
    float: left;
    width: 25px;
    height: 185px;
}
#inhoudtext
{
    display: block;
    padding: 5px 0px 5px 0px;
    width: 450px; 
    float: left;
    bottom: 0px;
}

#inhoudtext ul, #inhoudtext ol
{
    margin-left: 0px;
    padding-left: 0px;
    list-style-position: outside;
    text-align: left;
    text-indent: 0px;
}
#inhoudtext ol li
{
    margin-left: 25px;
    padding-left: 0px;
}
#inhoudtext ul li
{
    margin-left: 15px;
    padding-left: 10px;
}


#conclusie
{
    margin: 20px 25px 0px 25px;
    padding: 15px 5px 15px 5px;
    display: block;
    width: 440px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #808080;
    background-color: #D9D9D9;
    color: #808080;
    clear: both;
}

#inhrechts
{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 200px;
    float: right;
} 

#inhrechts h3
{
    padding: 5px;
    color: #808080;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #808080;
    margin-top: 14px;
    text-align: right;
    text-transform: uppercase;
    font-size: 7pt;
    font-weight: normal;
}



#info_hl
{
    width: 200px;
    margin-bottom: 2px;
}
#info_toel
{
    background-color: #808080;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #808080;
    padding: 5px 5px 5px 5px;
    font-size: 7pt;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
}

#info_hl
{
    color: #808080;
}

#info_hl ul
{
    list-style-type: disc;
    padding: 0px 0px 0px 15px;
    margin: 0px;
}
#info_hl ul li
{
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

#info_hl a
{
    color: #808080;
    font-size: 7pt;
}

#info_hl a:hover, a:active
{
    color: #E10032;
}

#footer
{
    position: fixed;
    bottom: 0;
    display:block;
    width:100%;
    height:100px;
}

#bottomnav
{
    position:relative;
    padding: 5px 0px 5px 0px;
    width: 900px;
    font-size: 9pt;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #808080;
    margin: 0px;
    margin-left:auto;
    margin-right:auto;
    display: block;
    float: none;
    clear: both;
    background-color: #FFFFFF;
}

#bottomnav ul
{
    list-style-type: none;
    display: inline;
}

#bottomnav ul li
{  
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
    text-transform: uppercase;
}

#balkgrijs
{
    position: relative;
    margin: 0px;
    background-color: #808080;
    display: block;
    width: 900px;
    padding: 0px;
    color: #FFFFFF;
    font-size: 9pt;
    float: none;
    clear: both;
    height: 75px;
    width: 900px;
    left:50%;
    text-transform:uppercase;
    margin-left:-450px;
}

#balkgrijs a
{
    color:#FFFFFF;
    }

#balkgrijs_links
{
    margin-top:50px;
    padding:5px;
    width:290px;
    text-align:left;
    display:block;
    float:left;
    height:15px;
    overflow:hidden;
    }

#balkgrijs_midden
{
    margin-top:50px;
    padding:5px;
    width:290px;
    display:block;
    float:left;
    text-align:center;
    }
#balkgrijs_rechts
{
    margin-top:50px;
    padding:5px;
    width:290px;
    text-align:right;
    display:block;
    float:left;
    }
    
    
div.header
{
    padding: 2px 5px 2px 5px;
    margin: 25px 0px 0px 0px;
    /*cursor: hand;*/
    cursor: pointer;
    background-color: #808080;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
}
div.header table td
{
    font-size: 9pt;
    color:#FFFFFF;
    text-transform: uppercase;
}


div.details
{
    padding: 5px;
    margin: 0px;
    display: none;
    visibility: hidden;
    border-style: none solid solid solid;
    width: 438px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #808080;
    border-bottom-color: #808080;
    border-left-color: #808080;
    font-size: 9pt;
}

div.details table td, div.details table td a
{
    font-size: 9pt;
    
}

#experinh
{
    width: 900px;
    left:50%;
    position:relative;
    margin-left:-450px;
    text-align: justify;
    display: block;
    background-color:#FFFFFF;
}   

#experli
{
    width:200px;
    padding:0px;
    margin:0px;
    display:block;
    float:left;
    }
#expermi
{
    width:450px;
    padding:0px;
    margin:0px;
    display:block;
    float:left;
    }

#experre
{
    width:200px;
    padding:0px;
    margin:0px;
    display:block;
    float:left;}


#expermi table
{
    border: 1px solid #808080;
    padding:0;
    width:100%;
    /*background-color:White;*/
    margin:0;
    
}

#expermi table td
{
    width: 89px;
    height: 59px;
    color: #E10032;
    border: 1px solid #808080;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    overflow: hidden;
}
#experli select, #experre select
{
    border: 1px solid #808080;
    width: 100%;
    text-transform: uppercase;
    color: #808080;
    font-size: 9pt;
}
    
#expermi table td a img
{
     width:89px;
     max-height:59px;
     
  
}
img.imgcentered
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#SiteMap1 ul
{
    display:inline-block;
    border-bottom-width:0px;
    margin:0px;
    padding:0px;
    }

#SiteMap1 ul li
{
    list-style: none;
    margin: 2px;
    padding:0px;
    border: solid 1px #808080;
    text-indent: opx;
    display: block;
    float: left;
    width: 219px;
    /* height: 300px;
    overflow: auto; */
}

#SiteMap1 ul li a
{
    background-color: #808080;
    display: block;
    width: 215px;
    padding: 2px;
    margin: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
}



#SiteMap1 ul li ul
{  
    display:inline-block; 
    padding: 0px;
    margin: 0px;
    
    
    }

#SiteMap1 ul li ul li
{
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 15px;
    text-indent: opx;
    display: block;
    float: none;
    width: auto;
    border: none 0px;
    width:200px;
}

#SiteMap1 ul li ul li a
{
    background:none;
    display:inline-block;
    width:185px;
    padding: 0px;
    margin:0px; 
    text-transform: none;
    color:#808080;
}

#SiteMap1 ul li a:hover, #SiteMap1 ul li ul li a:hover
{
    color:#E10032
    }

#SiteMap1 ul li ul li ul li
{
    width:185px;
}


