/*
  light blue:            #d0e5ea;  RGB: 208 229 234
  slightly darker blue:  #80b9c6;  RGB  128 185 198
  very darker blue:      #4891a2;  RGB   72 145 162
  red:                   #fc0a16;  RGB  252  10  22
  grey:                  #777;
  
  IE 5:    width= inner box + padding + border
  proper:  width= inner box only (also IE 6 with strict.dtd)
*/ 


body {
  position: absolute;
  top:      0;
  left:     0;
  width:    100%;
  height:   100%;

  margin:       0;  
  border-width: 0;
  padding:      0;
  
  color:            black;
  background-color: #d0e5ea;  

  font-family:  Arial, Helvetica, sans-serif;
  font-style:   normal;
  font-variant: normal;
  font-weight:  normal;
  font-size:    9pt;

  text-decoration: none;
  vertical-align:  baseline;  
  text-transform:  none;
  text-align:      left;
  line-height:     normal;
}

h1, h3, h5 { color: #4891a2; }
h2, h4, h6 { color: #fc0a16; }

a:link    { color: #4891a2; }
a:visited { color: #4891a2; }
a:hover   { color: #fc0a16; }
a:focus   { color: #fc0a16; }
a:active  { color: #fc0a16; }


pre {
  font-family:  'Lucida Console', 'Courier New', Courier, monospace;
  font-size:    8pt;
  }
	
img {
  margin:           0;  
  border-width:     0;
  padding:          0;
  }

th { 
  color:            #d0e5ea; 
  background-color: #fc0a16;
  font-weight:      bold;
  border-width: 0 0 1px 0;
  border-color: #fc0a16;
  border-style: solid;
  }

table { 
  border-width: 1px;
  border-color: #fc0a16;
  border-style: solid;
  }
  
/*--- classes ---*/

.errormessage {
  color:        red;
  font-style:   italic;
}

.indent {
  position:     absolute;
  top:          0;
  left:         0;
  margin:       0;  
  border-width: 0;
  padding:      15px;
  }
	
.gastenboek {
  height: 550px;
  width:  550px;
  }	
	
.small_right {
  text-align:  right; 
  font-size:   7pt;
}

.small_left {
  text-align:  left; 
  font-size:   7pt;
}

  
/*--- div id's: screen partitioning ---*/

#minwidthlogo {
  width:            100%; 
  height:           140px;
  background-color: #fc0a16; 
}
  
  
#logo {
  float:            left;
  width:            800px; /* tartletos.gif: 140x120,  tartletosloopgala.png:  800x140*/
  height:           140px;  
  margin:           0; 
  border:           0;
  padding:          0;  /* padding is used instead of margin, because IE 6 doubles the margin somehow */
  background-color: #fc0a16; 
  }

 
#main {
  margin:           0;       
  border-left:      140px solid #fc0a16;
  border-right:     240px solid #d0e5ea;
  padding:          1px 15px 0 15px;         /* top right bottom left */
  background-color: #d0e5ea;  
}


#mainmenubar {
  position:         absolute; 
  top:              140px;
  left:             0;
  width:            140px; 
  height:           100%;
  margin:           0; 
  border:           0; 
  padding:          0;
  background-color: #fc0a16; 
  }

#sponsorbar {
  position:         absolute; 
  top:              140px;
  right:            0;
  width:            240px; 
  margin:           0; 
  border:           0; 
/*  border-top:       0; 
  border-right:     0; 
  border-left:      1px solid #fc0a16;
  border-bottom:    1px solid #fc0a16;*/
  padding:          0;
  background-color: #d0e5ea; /* #fc0a16 */ 
  text-align:       center;
  }
  
#footer {
  font-size:    xx-small;  
  color:        #777;  
  text-align:   right; 
  margin:       15px 0 0 0;
  border-width: 1px 0 0 0;
  border-color: #777;
  border-style: solid;
  padding:      1px;
  }

#footer  a         { color: #777; }

#footer  a:focus,
#footer  a:hover   { color: #0c2d83; }

#footer  a:active  { color: #777; }

#uitslagen { }
#uitslagen th { 
  color:            black;  
  background-color: #fc0a16;
  font-weight:      bold;
  border-width: 0 0 1px 0;
  border-color: #fc0a16;
  border-style: solid;
  }

#uitslagen table { 
  border-width: 1px;
  border-color: #fc0a16;
  border-style: solid;
  }

  
/*--- css menu system ---*/

#mainmenu {
  margin:       7px;
  border-width: 0;
  padding:      0;
  width:        126px; 
  list-style:   none; 
  }
  
#mainmenu ul {
  float:        left;
  margin:       0; 
  border-width: 0;
  padding:      0;
  width:        126px; 
  list-style:   none; 
  }
  
#mainmenu  li { 
  float:        left;  /* for IE 5 */
  margin:       0;  
  border-width: 0;
  padding:      0;  
  width:        126px;
  }
  
#mainmenu  a, 
#mainmenu  a:link, 
#mainmenu  a:active,
#mainmenu  a:visited { 
  display:          block; 
  margin:           0; 
  border:           1px solid white; 
  padding:          2px;  
  width:            120px;  /* in IE 5 border and padding are included in the width, so right edge will appear wider */
  font-size:        14px;
  text-decoration:  none; 
  color:            black;
  background-color: #d0e5ea;
  }

#mainmenu  a.chosen,
#mainmenu  a.chosen:link,
#mainmenu  a.chosen:visited { color: white;  background-color: #80b9c6; }

#mainmenu  a:focus,
#mainmenu  a:hover          { color: white;  background-color: #fc0a16; }