/******************************************
- achtergrond gemaakt op: http://tools.dynamicdrive.com/gradient/
- zoeken en vervangen van kleuren:

Gelige hoofdteksten:  rgb(70%,71%,99%)

Rode kopteksten:      rgb(99%,0%,0%)
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 0 0 0;   /* boven, rechts, onder, links */
	padding: 0;
	font-family: inherit;
	font-weight: inherit; 
	font-style: inherit;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 1px;}

/*LAYOUT
**************************************************/

/* het volledige scherm, ongeacht resolutie */
body{
	
	background: #000020 url("img/bodybackground.jpg") repeat-x;
	/*
	background: #001467 url("img/blackvelvet.gif") repeat;
    */
	}

/* Het vaste middendeel voor alle content */
div#container{
  width:880px;
  margin: 0 auto;  
}

table.agenda{
	border-collapse:collapse; /* border met td-border samenvoegen als ze naast elkaar lopen */
	width:100%;	
}
tr.agenda {
	min-height: 50px;
	min-width:130px;	
}	
td.agenda {
    /* 1 pixel geeft bij Internet Explorer soms links en boven dunnnere rand: */
	border: 2px groove rgb(00%,00%,99%);	
	margin: 15px 15px 15px 15px;  /* boven, rechts, onder, links */ 
	text-align: left;
	min-width:100px;
	min-height: 50px;
	padding: 5px 5px 5px 5px;  /* boven, rechts, onder, links */ 
}

table.links{
	border-collapse:collapse; /* border met td-border samenvoegen als ze naast elkaar lopen */
	width:100%;	
}
tr.links{
	min-height: 50px;
	min-width:130px;	
}	
td.links{
    /* 1 pixel geeft bij Internet Explorer soms links en boven dunnnere rand: */
	border: 2px groove rgb(00%,00%,99%);	
	margin: 15px 15px 15px 15px;  /* boven, rechts, onder, links */ 
	text-align: left;
	min-width:100px;
	min-height: 50px;
	padding: 5px 5px 5px 5px;  /* boven, rechts, onder, links */ 
}

div#bandlid{
	text-align: center;
	font-size: 14px;
	font-style:italic;
	color: rgb(99%, 00%, 00% );
}

/* kleine witte menu rechtsboven */
div#topmenu{
  text-align:right;
  margin: 5px 0 5px 0;  /* boven, rechts, onder, links */
  color: #fff;
  font-size: 10px;
  }

/* headerbg.png is tegelijk de voorgrond: het BV logo */ 	
div#header{
  position:relative;
  margin: 5px 0 5px 0 ; /* boven, rechts, onder, links */
  width: 880px;
  height: 120px;
  background: url("img/headerbg.png") no-repeat;
}

/* rode hoofdmenu */
div#menu{
  position:relative;
  margin: 5px 0 5px 310px; /* boven, rechts, onder, links */
  color: rgb(99%, 00%, 00%);
} 

div#menu a {         text-decoration: none; font-weight: normal;}
div#menu a:link {    color: #f5f5f5; }
div#topmenu a:visited { color: #f5f5f5; }
div#topmenu a:hover {   color: #dcdcdc; text-decoration: none;}
div#topmenu a:active {  color: #dcdcdc;}


div#meer_kolommen{
}

/* tekst linksboven */    
div#content_kolom1{
  float:left;
  width:480px;
  margin: 0px 0px 0px 20px ;/* boven, rechts, onder, links */
  }

div#content_kolom2{
  float: right;
  width:320px;
  margin: 25px 0px 0px 0px ;/* boven, rechts, onder, links */
}

div#captcha{
  float: none;  
  margin: -30px 0 30px 110px ;/* boven, rechts, onder, links */
  /*background: #ffffff url("img/contentbg.png") repeat-x;*/

  }

div#footer{
  clear: both;
  width:100%
}

/* Ongebruikt   
div#left{
	float: left;
	display: inline;
	width: 300px;
	height: 30px;
	margin: 4px 0 0 0;
	}

div#right{
	float: right;
	display: inline;
	width: 81px;
	height: 30px;
	margin: 10px 30px 0 0;
	}
 */

/* Lettertypen ***************************************************/

body{
	font: normal 12px Trebuchet MS, sans-serif;
	color: rgb(75%,75%,99%);}

div#content_nieuws{
	/* font: normal 11px/16px Lucida sans, Trebuchet MS, Arial, sans-serif; */
	color: rgb(40%,40%,99%);}

div#footer{
  text-align: center;
  color: #fff;
  padding: 0;}

/* Paragrafen */
p {padding: 0 0 20px;}

/* Headings */
h1{
  font: 20px/22px Tahoma, Arial, sans-serif;
  color: rgb(99%,0%,0%);
}

h2{
  font: 18px/20px Tahoma, Arial, sans-serif;
  color: rgb(99%,0%,0%);
  padding: 15px 0 5px 0; /* boven, rechts, onder, links */  
}

h3{
  font: 16px/18px Tahoma, Arial, sans-serif;
  color: rgb(99%,0%,0%);  
  padding: 15px 0 5px 0; /* boven, rechts, onder, links */  
}

h4{
  font: 14px/16px Tahoma, Arial, sans-serif;
  color: rgb(99%,0%,0%);  
  padding: 15px 0 5px 0; /* boven, rechts, onder, links */  
}

/* Lijsten */
	
ul.opsomming li{
	list-style-type: none;
	margin: 0 0 5px 25px; /* boven, rechts, onder, links */
	padding: 0 0 0 20px; /* boven, rechts, onder, links */
	line-height: 16px;
	background: url("img/opsomming.png") 0% 50% no-repeat;}

/* Hyperlinks */
a {         text-decoration: underline; }
a:link {    color: rgb(99%,0%,0%); }
a:visited { color: rgb(99%,10%,10%); }
a:hover {   color: rgb(70%,71%,99%); text-decoration: none;}
a:active {  color: rgb(70%,71%,99%);}

div#topmenu a {         text-decoration: none; font-weight: normal;}
div#topmenu a:link {    color: #f5f5f5; }
div#topmenu a:visited { color: #f5f5f5; }
div#topmenu a:hover {   color: #dcdcdc; text-decoration: none;}
div#topmenu a:active {  color: #dcdcdc;}

h1 a {         text-decoration: none; padding: 10px; background: none}
h1 a:link {    color: rgb(70%,71%,99%); }
h1 a:visited { color: rgb(70%,71%,99%); }
h1 a:hover {   color: rgb(70%,71%,99%); text-decoration: none; background: #fff;}
h1 a:active {  color: rgb(70%,71%,99%); background: #fff;}

div#footer a {         text-decoration: underline;  background: none}
div#footer a:link {    color: #fff; }
div#footer a:visited { color: #fff; }
div#footer a:hover {   color: #b3ffff; text-decoration: underline;}
div#footer a:active {  color: #b3ffff; }

div#menu ul li a,
div#menu ul li a:link,
div#menu ul li a:visited{
	color: #fff;
	text-decoration: none;}
	
div#menu ul li a:hover,
div#menu ul li a:active{
	text-decoration: none;
	color: #d8d8d8;
}
*/