/* Copyright Fulko van Westrenen    */
/* Umantec, August 2006             */
/* part of olland-westrenen website */

/* orange: #ffb005 */

body {
   margin: 0;
   padding: 0 0 25px 0;
   background: #000000;
   font-size:0.8em;
   font-family:arial,helvetica,sans-serif;
   color: #ffffff;
}

html { /* IE font-size bug */
   font-size: 100%;
}

page {
   width:640px;
}

     

/*************** screen layout ***************/


#lefttop { 
   position:absolute;
   padding:0;
   top:0;
   left:0;
   width:160px;
   height:80px;
   background-color:#505050;
   background-image:url(afbeeldingen/grey1-stripe.png);
   background-repeat: repeat-y;   
   overflow: hidden;
}

#top { 
   background-position: 18px 6px;
   border: 0;
   margin: 0;
   padding: 0;
   /*background-color:#000000;*/
   background-color:#353535;
   margin-top:0;
   margin-left:160px;
   height:80px;
   background-image:url(afbeeldingen/olland-westrenen.png);
   background-repeat: no-repeat;
   overflow: hidden;
   /*width: 470px;*/
   /*width: 100%;*/
}

#separator {
   position:absolute;
   top:78px;
   left:0px;
   padding:0;
   width:100%;
   background-color: #cccccc;
   height: 2px;
   margin: 0;
   overflow: hidden;
}

#leftblock {
   position:absolute;
   padding:0;
   padding-top:10px;
   left:0px;
   top:80px;
   width:160px;
   height:2000px;
   background-color:#454545;
   background-position:0px 0px;
   background-image:url(afbeeldingen/block-silver1.png);
   background-repeat: repeat-y;
   overflow: hidden;
}

#mainwindow {
   padding: 0;
   margin: 0px 0px 0px 180px;
   \margin: 0px 0px 0px 180px;
   ma\rgin: 0px 0px 0px 180px;
   background-color:#000000;
   color: #cccccc;
   font-size:1.0em;
   width: 430px;
   \width: 620px;
   w\idth: 430px;
   overflow: hidden;
   text-align: justify;
}

#mainwindow table {
   font-size:1.0em;
   color: #cccccc;
   }
  
#mainwindow th {
   text-align: left;
   }

/*************** list navigator ****************/
#navlist ul {
   /*float: left;*/
   width: 100%;
   list-style-type: none;
   padding: 60px 0 0 10px;
   margin: 0;
   margin-left: 3px;
   text-align:justify;
}

#navlist ul li {  
   display: inline;
   text-align:justify;
}

#navlist ul li a {
   color:#bbbbbb;
   text-decoration:none;
   padding: 0;
   margin: 0;
   /*float: left;*/
   padding-left: 7px;
   padding-right:7px;
   padding-bottom:5px;
   font-weight: bold;
   position: relative;
}

#navlist a span {
  /*width:100%;*/
}

/*
#navlist ul li a:hover {
   background: url(afbeeldingen/longbar-silver.png);
   background-position: 0px 15px;
   background-repeat: no-repeat;
}
*/

#navlist ul li a.silver {
   background:url(afbeeldingen/longbar-silver.png) no-repeat 0px 120px;
}
#navlist ul li a.gold {
   background:url(afbeeldingen/longbar-gold.png) no-repeat 0px 120px;
}
#navlist ul li a.aubergine {
   background:url(afbeeldingen/longbar-aubergine.png) no-repeat 0px 120px;
}
#navlist ul li a.red {
   background:url(afbeeldingen/longbar-red.png) no-repeat 0px 120px;
}
#navlist ul li a.blue {
   background:url(afbeeldingen/longbar-blue.png) no-repeat 0px 120px;
}
#navlist ul li a.orange {
   background:url(afbeeldingen/longbar-orange.png) no-repeat 0px 120px;
}

#navlist ul li a.silver:hover {
   background:url(afbeeldingen/longbar-silver.png) no-repeat 0px 14px;
}
#navlist ul li a.gold:hover {
   background:url(afbeeldingen/longbar-gold.png) no-repeat 0px 14px;
}
#navlist ul li a.aubergine:hover {
   background:url(afbeeldingen/longbar-aubergine.png) no-repeat 0px 14px;
}
#navlist ul li a.red:hover {
   background:url(afbeeldingen/longbar-red.png) no-repeat 0px 14px;
}
#navlist ul li a.blue:hover {
   background:url(afbeeldingen/longbar-blue.png) no-repeat 0px 14px;
}
#navlist ul li a.orange:hover {
   background:url(afbeeldingen/longbar-orange.png) no-repeat 0px 14px;
}


#navlist a.selected {
   color:#ffffff;
}

/*************** submenue navigator ****************/


#submenu ul {
   padding: 0;
   margin: 0;
   float: left;
}

#submenu ul li {
   list-style: none;
   /*background: none;*/
   background-position:34px 12px;
   background-image:url(afbeeldingen/streep.png);
   background-repeat: no-repeat;
   padding: 0;
   margin: 0;
}

#submenu ul li a {
   padding-left: 50px;
   margin-bottom: 0.5em;
   width: 150px;
   font-size: 110%;
   font-weight: bold;
   display:block;
   text-align:left;
   color:#cccccc;
   text-decoration:none;
}

#submenu a span {
/*  display:block;
  width:100%;*/
}

#submenu ul li a:hover {
  background: #454545;
  background-image:url(afbeeldingen/grey1-stripe.png);
  background-repeat: repeat-y;   
}

#submenu a.selected {
  color:#ffffff;
}

#tempmenu a {
   color:#777777;
   display:block;
   padding-left: 50px;
   font-weight: bold;
}

#submenuhead a {
   padding-left: 50px;
   font-weight: bold;
   color:#cccccc;
   display:block;
   margin-bottom: 1.0em;
   font-size: 100%;
}

/*************** placement of foto's ********/

#fotoos {
   padding: 0;
   margin-top: 50px;
   margin-left: 1px;
   float: left;
   color: #cccccc;
}

#fotoos img {
   padding:0;
   margin:0;
   margin-bottom:5px;
   margin-right:10px;
   left:20px;
   float: left;
}
	     
#fotoos p {
   padding:0;
   margin:0;
   margin-right:10px;
   margin-bottom:5px;
   clear: both;
   text-align: justify;
}

#fotoos a:link {
  text-decoration: none; 
  color: #eeeeee;
}

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

#fotoos a:visited {
  text-decoration: none;
  border-bottom:1px dotted;
  color: #eeeeee;
}

#fotoos table {
   padding:0;
   margin:0;
   margin-right:10px;
   margin-bottom:25px;
   margin-top:15px;
}

	  
#groepfoto ul {
   padding: 0;
   margin: 0;
   float: left;
}

#groepfoto ul li {
   list-style: none;
   background: none;
   margin: 0;
   list-style-type: none;
}

#groepfoto img {
   padding: 0;
   margin: 55px 0px 0px 35px;
}



/*************** positioning ****************/



#leftblock img{
   margin: 0;
   margin-left:50px;
   margin-top: 0px;
   margin-bottom:7px;
   border: 0;
   text-decoration:none;
}

#leftblock a{
   text-decoration:none;
}
	    
#leftblock a:link img{
   margin: 0;
   margin-left:50px;
   margin-top: 0px;
   margin-bottom:7px;
   border: 0;
   text-decoration:none;
}
	    

#setright { 
   /*position:right;*/
   float:right;
}
/*************** DEFAULT TAGS ***************/

h1 { display: none; }

h2 {
   margin: 0 0 40px 0;
   font-weight: normal;
   font-size: 140%;
   line-height: normal;
}


h3, legend {
   margin: 0;
   font-weight: bold;
   font-size: 100%;
}