/*


*/

.stop-scrolling
{
  height: 100%;
  overflow: hidden;
}

body 
{               
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:        12px;
  color:            #000000;
}

table
{
  font-size:        12px;
}

h1 
{
  font-size:        20px;
  font-weight:      bold;
  color:            blue;
  text-transform:   uppercase;
  margin-top:       20px;       
}


h2 
{       
  font-size:        16px;
  font-weight:      bold;               
  text-transform:   uppercase;
  color:            blue;
  margin-top:       40px;       
}


h3 
{
  font-size:        15px;       
  font-weight:      bold;
  color:            blue;
  text-transform:   uppercase;
  margin-top:       30px;
  font-style:       italic;
}


h4 
{
  font-size:        13px;       
  font-weight:      bold;
  color:            blue;
  text-transform:   uppercase;
  margin-top:       20px;
}
        
h5 
{
  font-size:        12px;       
  font-weight:      bold;
  color:            blue;
  text-transform:   uppercase;  
  margin-top:       20px;
}       

h6 
{
  font-size:        11px;       
  font-weight:      bold;
  font-style:       italic;
  color:            blue;
  text-transform:   uppercase;  
  margin-top:       0px;
}       

tr
{
  vertical-align:   top;
}


#centerText img 
{
  margin:           8px 8px;
/*  height:           150px;*/
  border:           0px;
/*  max-width:        200px;
  max-height:       160px;
  height:           auto;
  width:            auto;
  height:           expression(this.height >= this.width && this.height > 160 ? '160px' : true);
  width:            expression(this.height < this.width && this.width > 200 ? '200px' : true);
*/
}


#inmemoriam img {
        width: 300px;
        height: 406px;
}

#fotomapje
{
  text-align:           left;
}

#fotomapje img
{
  width:           100px;
  height:          100px;
}

#container 
{
  width:            1000px;
  background-color: #FFFFFF;
  margin:           0px 0px 0px 0px;
}

#fout
{
  color:            red;
}

#topTab 
{
  width:            auto;
  padding-left:     100px;
  color:            blue;
  display:          inline-block;
  overflow:         hidden;
  clear:            both;
}

.nieuwsdatum
{
  font-size:        8px;
  font-style:       italic;
}

#topBar > table > tbody > tr > td > img
{
  margin:           0px 9px 0px 0px;
  height:           120px;
  max-width: 200px;
  overflow: hidden;
}

#topBar td
{
  vertical-align:   center;
}

#topBar 
{
  width:            100%;
  height:           150px;
  overflow:         hidden;
}

#navigation 
{
  clear:            both;
  float:            left;
  width:            195px;
  margin-top:       25px;
  min-height:       100%;
  z-index:          10000;
  position:         sticky;
}

#laatfotozien
{
  top: 0px;
  z-index:          -1;
}

#vetschuin
{
  font-weight:      bold;
  font-style:       italic;
}

#fotoarea 
{
  position:         absolute;
  width:            700px;
  top:              80px;
  height:           400px;
  display:          block;
  background-color: yellow;
  z-index:          -1;
  visibility:       hidden;
}

#programma
{
  border-collapse:  collapse;
}

#programma tr
{
  border:           1px solid black;
}

#programma td
{
  border:           1px solid black;
  padding:          3px;
}

#foto
{
  margin:           8px 8px;
/*  max-width:        650px;
  max-height:       440px;
  height:           auto;
  width:            auto;
  width:            expression(this.height <= this.width ? '650px' : true);
  height:           expression(this.height > this.width  ? '440px' : true);
  height:           440px;   */
}

#centerDoc 
{
  float:            right;      
  width:            800px;
  min-height:       500px;
  text-align:       left;
}

#centerText 
{
  float:            left;
  width:            580px;
}

#centerText_vol
{
  float:            left;
  width:            700px;
}


#centerText ul
{
  margin-left:    0px;
  list-style-type:disc;
}
#centerText ul li
{
  list-style-type:disc;
}

#news
 {
  float:            right;
  width:            200px;
}


#footer
{
  text-align:       left;
  color:            #000000;
  height:           50px;
  font-size:        11px;
  width:            100%;
  clear:            both;
  padding-top:      50px;
}

#nav 
{
  margin:           0px;
  padding-top:      20px;
  padding-left:     0px;
}

#nav li
{
  list-style:       none; 
  margin:           1px; 
  width:            170px; 
  border-bottom:    1px solid #CCCCCC; 
  border-right:     1px solid #CCCCCC; 
  border-left:      1px solid #CCCCCC;
  background-color: #EEEEEE;
  text-align:       center;
}

#reisverslag li
{
  list-style:       none;
  margin-bottom:    15px;
}

#reisverslag a
{
  text-decoration:  none;
/*   color:            black; */
}


                                        
.menu-main-menu-container ul
{
  margin:           0;
  padding:          0;
  list-style-type:  none;
  width:            180px;           /* Main Menu Item widths */
  border-bottom:    1px solid #ccc;
}
 
.menu-main-menu-container ul li
{
  position:         relative;
}

.menu-main-menu-container ul li a                 /* Top level menu links style */
{
  display:          block;
  overflow:         auto;            /*force hasLayout in IE7 */
  text-decoration:  none;
  padding:          6px;
  border-bottom:    1px solid #778;
  border-right:     1px solid #778;
}

.menu-main-menu-container ul li a:link, .menu-main-menu-container ul li a:visited, .menu-main-menu-container ul li a:active
{
  background-color: #EEEEEE;
  color:            blue;
}

.menu-main-menu-container ul li a:visited
{
  color:            blue;
}

.menu-main-menu-container ul li a:hover
{
  background-color: #000090; 
  color:            #EEEEEE;
}

.menu-main-menu-container ul li ul             /*Sub level menu items */
{     
  position: absolute;
  width:            170px;       /*Sub Menu Items width */
  top:              0;
  visibility:       hidden;
}

.menu-main-menu-container a.subfolderstyle
{
  background:       url(https://www.militairebedevaart.nl/old_site/wp-content/themes/milbed/css/img/right.gif) no-repeat 97% 50%;
}


* html .menu-main-menu-container ul li           /* Holly Hack for IE \*/
{
  float:            left; 
  height:           1%; 
}

* html .menu-main-menu-container ul li a 
{ 
  height:           1%; 
}                                /* End */


.onethird {
  float: left;
/*   position: relative; */
  width: 319px;
  text-align: left;
  margin-bottom: 30px;
}

.first {
  padding-right: 20px;
  width: 180px; 
}

.last {
  margin-left: 20px;
  width: 180px;
}


.copyright {
  clear: both;
  width: 100%;
  text-align: center;
  font-size: 10px;
}