/* color changes */
body {
	color:#535A3A;
	background:#FFFFF2 url(imagesc/bg_page2.gif) center;
	background-repeat: repeat-y;/*#E9F2C2*/
	}
/* color changes-menu-navigations */
#nav a, #nav li{
	color:#778053;background-color:inherit;/*#F2FFBF*/
	}
	#nav li ul, #nav li ul li a{color:#E6FF80;background-color:#5C604F;}
	
	
ul#topmenu li a, ul#topmenu li a:link, ul#topmenu li a:visited {
	color:#D1DE96;background-color:#333822;
	border-top:1px solid #C2CF89;
	border-bottom:1px solid #C2CF89;
	border-left:0px solid #C2CF89;
	}
#nav li {
	border-bottom:1px solid #A7BA83;
	}
	#nav li ul {border:2px solid #ACBF60;
	}
ul#topmenu li a:active, #nav li a:active {color:#FF6600;background:#E6FF80}

ul#topmenu li a:hover, #nav a:hover {
	color:#E6FF80;background-color:#333822; /*color:#334000;background-color:#E6FF80;*/
	}
	
	 #nav a:hover {color:#334000;background-color:#E6FF80;}

	
ul#topmenu li a.last, ul#topmenu li a.last:link, ul#topmenu li a.last:visited {
	width: 33px;
	min-width:33px;
	}
ul#topmenu li a.last:hover {
	
	}
	
/* color changes-content */

#inhoud, p {
	color:#334000;background:#FFFFFA;
	}
#inhoud {
	margin-top:20px;
	border-top: 0px solid #D4D9C3;
	border-left: 0px solid #D4D9C3;
	border-bottom: 0px solid #D4D9C3;
	
	}
p.welcom, fieldset, ul.mp3 li ul {
	color:#778053;
	background:#FCFFF2;
	border:1px solid #E7EEC9;
	
}
p.welcom:first-letter {
	color:#5C8000;
	background-color:#E9F2C2;
	}


#inhoud a:link, #inhoud a:visited { 
	color: #5C8000;background-color:inherit;
	}

#inhoud a:hover { 
	color: #8ABF00;background-color:inherit; 
	}

#inhoud a.extern:link, #inhoud  a.extern:visited  {  
	color: #5C8000;background-color:inherit; 
	}

#inhoud a.extern:hover{ 
	color: #8ABF00;background-color:inherit; 
	}
#paginatitel {
	width:570px;
	color:#333822;/*#4A4B45*/
	border-top:3px solid #333822;
	background:#D1DE96;
	border-bottom:1px solid #A7BA83;
	border-left:0px solid #E9F2C2;
	padding:0;margin:0;
	}
	#paginatitel h2 {width:758px;}
h3,h4,h5,h6 {
	color:#8FB300;
	background: url('imagesc/h2bg.jpg') no-repeat 15px 100%;
	}
	
 #inhoud a.navtop, #inhoud a.navtop:link, #inhoud a.navtop:visited {  
	color:#E6E6B8;background-color:inherit;
	}
	
#inhoud a.navtop:hover {
	color:#402600;background-color:inherit; 
	}
	
* {margin:0;padding:0;
	}
html { height: 101%; } /* geeft Firefox altijd een scrollbar rechts, zodat de breedte niet 
                         verspringt bij wissel tussen pagina's die wel/niet op 1 screen passen. */
html { 
	background:#C5CCCC;
	font-size : 62.5%; 
	color:#995C00;
	font-family: verdana, arial, Sans-Serif;
	text-align: center; /* nu column gecentreerd voor IE, maar alles in de body ook gecentreerd */
	}
	
	
body {
	width:762px; 
	margin:0 auto;
	text-align:left;
	padding:0 10px;
	}
	
	
#header {
	background:#D1DE96 url("imagesc/Image6buttonize.jpg");
	color:#65870D;
	width: 760px;
	height: 100px;
	text-align: center;
	border-bottom:3px solid #333822;
	margin:0 auto;
	}
	
#header span {position: absolute;left: -999em;}

#header a {float:right;margin-top:31px;padding:5px}
  a#skip {text-decoration:none;margin:0;padding:0;color:#ccc;display:none}
  
/* top-menu */
ul#topmenu {
	width: 760px;
	list-style-type: none;
	vertical-align:bottom;
	height:34px;
	line-height:34px;
	margin:0 auto;
	}
	
ul#topmenu li {
	display:inline;
	height:34px;
	line-height:34px;
	}
/* sinds oktober 2006 gebruik ik IE7, hieronder staan de oude waardes in een IE6-hack */

* html ul#topmenu, ul#topmenu li {height:28px;
	line-height:28px;} 

ul#topmenu li#homet a {
	width: 160px;
	min-width:160px;}
ul#topmenu li a, ul#topmenu li a:link, ul#topmenu li a:visited {
	width: 102px;
	min-width:102px;
	float:left;
	display:block;
	padding: 2px 9px;
	margin:0;
	font-family:verdana, arial, sans-serif; 
	font-size: x-small; 
	font-weight:bold;
	text-decoration:none;
	height:28px;
	line-height:28px;
	vertical-align:baseline;
	}
	
ul#topmenu li a:hover {
	font-weight:bold;
	padding: 2px 9px;
	margin:0;
	font-family:verdana, arial, sans-serif; 
	font-size: x-small; 
	height:28px;
	line-height:28px;
	vertical-align:baseline;
	text-decoration:none;
	}
	
	ul#topmenu li a img {
	float:left;
	margin:5px;
	}

ul#footer,a.footlevel, a.footlevel:link, a.footlevel:visited  {
	color:#D1DE96;background-color:#5C604F;
	border-top:0px solid #C2CF89;
	border-bottom:0px solid #C2CF89;
	border-left:0px solid #C2CF89;
	}
a.footlevel:hover {
	color:#E6FF80;background-color:inherit;
	}
ul#footer li  {
	display:inline;
	}
 ul#footer li a, ul#footer li a:link, ul#footer li a:visited, ul#footer li a:hover {float:left;padding:0 5px;}
	 ul#footer{}
		/*via http://positioniseverything.net/explorer/threepxtest.html de hack gevonden.. Hide from IE5-mac. Only IE-win sees this. \*/
 


ul#leftcolumn {color:inherit;background:#FFFFF2;float:left;width:174px;margin-left:1px;border-right:0px solid #EFF2E6;list-style: none;height:100%;min-height:100%;}
ul#leftcolumn li {float:left}

#paginatitel{
	font-family:arial, verdana;
	font-size: x-small;
	font-weight:bold;
	text-align: left; 
	height:22px;
	line-height:22px;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:left;
	padding-left:190px;
	margin:0 auto;
	}

h2 {
	font-family: georgia,arial, verdana, Sans-Serif;
	font-size: large;
	text-align:left;
	letter-spacing:1px;

	padding:5px 15px;
	}
h3 {
	font-family: georgia,arial, verdana, Sans-Serif;
	font-size: large;
	text-align: left;
	
	padding:2px 17px;
	border-top:0;
	letter-spacing:1px;
	}
/*inhoud op rechts;nu nog in een div, later misschien ook veranderen*/
#inhoud {
	float:right;
	clear:none;
	width:73.5%;
	font-family: verdana, arial, Sans-Serif;
	font-size: small;
	text-align:left;
	
	margin:0 3px 0 auto;
	}

ul#footer {
	list-style: none;
	clear:both;
	font-family: "courier new", courier, Sans-Serif;
	font-size: small;
	padding: 2px;
	text-align: right;
	line-height: 28px;
	height:28px;
	}
	

ul#bottom {
	clear:both;
	list-style: none;
	margin:0;
	padding: 0 0 0 200px;
	font-size: small;
	text-align: center;
	font-family: arial, "courier new", Sans-Serif;
	color:#4A4B45;
	background:#D1DE96 url(imagesc/pagetitle.jpg);
	border-bottom:1px solid #8B965A;
	height:22px;
	line-height:22px;
	}
	
#bottom li {display:inline;float:left;font-size: x-small;padding:0 4px}
#bottom img {margin-top:2px}
#bottom a, #bottom a:link, #bottom a:visited  {
	color:#4A4B45;
	background-color:inherit;
	font-size: x-small;
	font-family: arial, "courier new", Sans-Serif;
	}
	
#bottom a:hover {
	color:#4A4B45;
	background-color:inherit;
	}
	
	/* menu */
/* uitgangspunt Suckerfish! http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html */

#nav {
	position:relative; /* 26oktober stond op float:left misschien terug zetten op position:relative */
	z-index: 15;
	}
 #nav, #nav ul {	
	list-style: none;
	width: 174px; 
	font-size: 1.16em; 
	font-family: verdana,arial, Sans-Serif;
	margin:2px 0;
	}

#nav a {
	display: block; 
	width: 150px; 
	text-decoration: none;
	letter-spacing:1px; 
	padding: 1px 0 1px 15px;
	}

 #nav ul li,#nav ul li a:link, #nav li ul li a:hover {width: 150px; }
 #nav a.pijl, #nav a.pijl:link, #nav a.pijl:visited {
	background-image: url("imagesc/pijlrechtsnew.jpg");
	background-repeat: no-repeat;
	background-position:96% 50%;
	padding: 1px 0 1px 15px;
	} 
	
#nav li { 
	float: left; 
	width: 174px;
	font-weight: normal; 
	line-height: 145%; 
	}

#nav li ul { 
	position: absolute;
	/*	using left instead of display to hide menus because "display: none"
		isn't read by screen readers */
	left: -999em; 
	width:166px;
	padding-bottom:4px;
	}

#nav li ul li { 
	font-size: 90%; 		
	line-height: 125%;
	border-bottom:0;
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* eerst moeten de submenu-knoppen op gelijke hoogte van het bijbehorende menu-item komen;
	   proefondervindelijk: */	   
	margin-top: -1.2em; /* -1.8em */
	left: 122px;
	}

* html #nav li:hover ul, * html #nav li.sfhover ul { /* IE-hack, correctie verkeerde maatvoering */
	 
	}

#nav a:hover {
	
	font-family: verdana,arial, Sans-Serif;
	font-weight: normal;
	width: 160px;
	letter-spacing:1px;
	
	}
	
#nav a.pijl:hover {
	background-image: url("http://www.haroldbeukers.nl/imagesc/pijlrechtszwart.gif");
	background-repeat: no-repeat;
	background-position:90% 50%;
	}
	
#nav li:hover, #nav li.hover {
	position: static;
	} /* IE7-fix voor als uitklap-menu blijft hangen */

/* 
	#nav li:hover, #nav li.sfHover  {  bg-kleur van knoppen wisselen bij hover 
	background: #FFFFFF; 
	
	} 
*/

/* einde menu-styles */
 fieldset#ads {
	
	border:0px solid gray;
	
	width:144px;
	padding:0;
	margin:0;
	}
	fieldset#ads form {text-align:left;letter-spacing:-1px;font-size:small;padding:12px;}
li.border {margin-left:5px;}
img.welcom2 {position:relative;top:-105px;left:265px}
p.welcom {position:relative;top:80px;left:81px;width:256px;padding:17px;}

img {border:0;}
#topmenu img {vertical-align:bottom;}
img.webreus {border:1px solid gray;margin:10px 0;}
p.welcom:first-letter {
	font-size: 130%; 
	font-weight:bold; 
	font-family:'times new roman', georgia, verdana, arial,Sans-Serif;
	padding:2px;
	margin:1px;
	}
#hbeuk {font-weight:bold;font-style:italic;font-family:georgia, verdana,arial}
#inhoud form {margin:3px 3px 30px 50px;}
#inhoud form.cont {width:430px;}
p 	{
	font-family: verdana, arial, Sans-Serif;
	font-size: small;
	text-align:left;
	margin: 12px 15px 10px 30px;
	padding: 0px;  
	}

#phimarge {margin-left:11px;}

p.b {
	color: #333822;
	background: #F4FECC;
	font-family: verdana,arial, Sans-Serif;
	font-size: small;
	text-align:left;
	margin: 10px;
	padding: 15px; 
	}

p.c {
	color: #999;
	background: #fff;
	font-family: verdana,arial, Sans-Serif;
	font-size: small;
	text-align:left;
	margin: 15px;
	padding: 15px; 
	border: solid 1px #999; 
	}

p.d {
	text-align:right;
	font-size: x-small;
	color: #999;
	padding:0;
	margin:0 2px;
	background-color:inherit;
	}
	
p.e {
	text-align:left;
	font-size: x-small;
	color: #33c;
	padding:3px;
	margin: 0;
	border: solid 1px #fff;
	background: #fc9;
	}

p.alert {
	text-align:left;
	font-size: x-small;
	color: #33c;
	border: solid 1px #fff;
	background: #fc9;
	}
p.noflash {font-size:x-small;color:#FF0000;background:white;border:1px dotted;padding:5px}
	
fieldset.ensemble {
	border: 1px solid #999;
	color: #995C00;
	margin: 15px;
	padding: 20px; 
	background-color:inherit;
	}


h4 {
	font-family: arial, verdana, Sans-Serif;
	font-size: small;
	letter-spacing: 0px;
	text-align: left;
	padding: 3px 0 0 20px;
	}

h5 {
	font-family: arial, verdana, Sans-Serif;
	font-size: small;
	text-align: left;
	padding: 3px 0 0 20px;
	}

h6 {
	font-family: arial, verdana, Sans-Serif;
	font-size: small;  
	letter-spacing: 0px;
	text-align: left;
	padding: 3px 0 0 20px;
	}

	
a.footlevel, a.footlevel:link, a.footlevel:visited {
	text-align: center; 
	text-decoration: none; 
	font-family:verdana, arial, sans-serif; 
	font-size: x-small; 
	padding: 1px 2px;
	margin:0;
	font-weight: normal;
	}

a.footlevel:hover {
	font-weight: normal;
	text-decoration:none;
	padding: 1px 2px;
	margin:0;
	}
	
#inhoud a:link, #inhoud a:visited { 
	text-decoration: underline; 
	font-size: small;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	}

#inhoud a:hover { 
	text-decoration: none; 
	font-weight: bold;
	}

#inhoud a.extern:link, #inhoud  a.extern:visited  {  
	/*display:list-item;*/  /* het icoontje blijft nu netjes achter de link..alleen blijkt dat inline-block geen geldige waarde is volgens w3c */

	background:url(imagesc/extern_link.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
	text-decoration: underline; 
	padding:0 12px 0 0;
	font-size: small;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	}

#inhoud a.extern:hover{ 
	background:url(imagesc/extern_link.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
	text-decoration: none; 
	font-weight: bold;
	padding:0 12px 0 0;
	}
	

 #inhoud a.navtop, #inhoud a.navtop:link, #inhoud a.navtop:visited { 
	display:block;
	text-align: right;
	padding:2px;
	text-decoration: none; 
	font-size:x-small;
	
	}
	
#inhoud a.navtop:hover {
	padding:2px;
	} 

#inhoud a.beveiligd, #inhoud a.beveiligd:link, #inhoud a.beveiligd:visited { 
	padding: 1px 3px;
	text-decoration:none; 
	font-family: verdana, arial, sans-serif; 
	font-size:small; 
	font-weight:normal;
	color:gray;
	background-color:white;
	border: solid 1px gray;
	}
	
#inhoud a.beveiligd:hover {
	color:#FF0000;
	background-color:white;
	text-decoration:none;
	border: solid 1px #FF0000;
	}
	
ol.text{
	list-style-image: url('imagesc/text.gif');
	}
   
ul { 
	list-style: disc;
	text-align: left;
	}
 ul.form,ul.pdf,ul.mp3,ul.midi,ul.docu, .list, ol, dl{
 	margin: 5px 10px 30px 31px;
	padding: 10px;
	}


ul.mp3 {list-style-image: url('imagesc/ic_mp3.gif');}
ul.midi {list-style-image: url('imagesc/ic_mid.gif');}
ul.docu {list-style-image: url('imagesc/text.gif');}

ul.pdf {list-style-image: url('imagesc/pdf.gif');}
ul.pdf li, ul.docu li, ul.mp3 li, ul.midi li, ul.list li {padding:0 7px;}

ul.list {list-style-image: url('imagesc/web-page-green2.gif');}

ul.zip {
	list-style-image: url('imagesc/xp47.gif');
	white-space: pre;
	border: solid 0px #999;
	text-align: left;
	}

ul.form {
	list-style: none;
	margin: 10px;
	padding: 10px;
	}

/*	betreft het tabel voor ckv-ensemble die nu niet in gebruik is */
/*
table.ens { 
	background-color:#E6ECFF;
	margin:30px;
	padding:3px;
	font-size: small; 
	color: #6078BF;
	border-collapse: collapse; 
	border-top: 2px solid #668CFF;
	border-right: 2px solid #001F7A;
	border-bottom: 2px solid #001F7A;
	border-left: 2px solid #668CFF;
    }
		   
td.ens { 
	
	color: #001F7A;
	padding: 3px;
	border: 1px solid #BFCFFF; 
	text-align: center;
	width: 100px; 
	}
	
td.links  {
	
	border: 1px dashed #668CFF;
	border-right: 3px double #668CFF;
	background-color:#FFF5E6;
	width: 100px;
	padding: 3px; 
	}
	
td.boven  {
	border: 1px dashed #668CFF;
	border-bottom: 3px double #668CFF;
	background-color:#FFF5E6;
	width: 100px; 
	padding-left: 20px;
	}
	
td.naam {
	text-align: right;
	font-weight: bold;
	border: 0px dashed #668CFF;
	padding:5px 1px 10px 10px;
	}
*/

table.score {margin:5px 5px 5px 20px;}
table tr th img {border:1px solid gray}
th.boven img {vertical-align:middle;}
table.score { 
	background-color:inherit;/*#FFE6BF;*/
	font-family: arial, sans-serif; 
	padding:3px;
	font-size: small; 
	color:inherit;/*#6078BF;*/
	border: 1px solid #D4D9C3; /*#001F7A;*/
	margin:5px 5px 5px 31px;
    }
		   
td.score { 
	background-color:inherit;/*inherit;*/
	color:inherit;/*#001F7A;*/
	margin:5px;
	padding: 3px;
	border: 1px solid #E6E6E6 ;/*#BFCFFF; */
	text-align: center;
	width: 50px; 
	}
td.g, td.z, td.b, td.c,th.boven, th.boven2  {
	font-weight: normal;
	padding:0 3px;
	text-align: right;
	width: 50px;
	}
td.g  {
	color:#400099;/*#4D4100;*/
	font-weight: bold;
	background-color:#FFFFD9;/*#FFD700;*/
	border:1px solid #CCC08F ;/*#CCC08F;*/
	}
	
td.z {
	color:inherit;/*#404040;*/
	background-color:#F2F2F2;/*#C0C0C0;*/
	}
	
td.b {
	color:inherit;/*#403010;*/
	background-color:#FFFAF2;/*#cc9933;*/
	}

td.c {
	color:inherit;/*#995C00;*/
	background-color:inherit;/*inherit;*/
	}
	
th.boven, th.boven2  {
	border: 1px solid ;/*#001F7A;*/
	text-align: center;
	color:inherit;/*#4D4100;*/
	font-weight: bold;
	background-color:inherit;/*#FFE6BF;*/
	}
	
th.boven2  {
	vertical-align: bottom;
	background-image: url("images/goudstaaf.gif");
	background-repeat: no-repeat;
	background-position:center;	
	background-color:inherit;/*#fff;*/
	}
td.name {width:100px;border:1px solid gray;}

/* #ads form {margin:2em auto 1em auto; -moz-border-radius:14px;} */


#inhoud p.float img {
	float:left;
	clear:both;
	border:1px solid black;
	margin:0 10px 10px 10px;
	padding:1px;
	color:inherit;
	background-color:white
	}
	
h2, p, ul.mp3, ul.pdf, p.bron, a.navtop {clear:both;}

 
fieldset {
	width:430px;
	padding:10px;
	margin:20px 32px;
	}
#contform {width:390px;
	padding:10px;
	margin:20px 20px;
	color:#334000;background:#FFFFFA;
	border:0 }
	#contform  p {background:#F2F2E6; margin:100px 0px;padding:10px;border:1px solid #D0D9AD;}

p.bron {
	font-size: x-small;
	padding:2px 10px;
	border:0px solid gray;
	background-color:#F2F2F2;
	color:inherit;
	}
	p.bron a.extern {font-size:xx-small;}
ul.mp3 li ul {
	list-style-type:circle;
	list-style-image:none;
	font-size:xx-small;
	padding:2px;
	margin:1px 10px 5px 5px;
	
	}

/* stylesheet voor phpgb gastenboek*/
.guestbook-comment {font-style:italic}
/* php/index.php en php/index.tpl*/
a.nor, a.nor:link {font-size:x-small;}
a.nor:hover {font-size:x-small;}
.normall {}
.gbcomment {text-align:left;font-size:small;color:#2A4000;background-color:#F2F2F2;font-family:georgia,serif;padding:5px;}
.rvanh {font-weight:bold;font-size:x-small;color:#999;background-color:inherit;font-family:arial,verdana;letter-spacing:1px;}
.comment {font-size:small;color:#333;background-color:#F2F2F2;font-family:georgia, verdana, serif;padding:3px 5px;border-left:1px solid #ccc}

/*addpost */
ul.addbbcode {margin:0;padding:0;}
ul.addbbcode li {display:inline;float:left;text-decoration:none;}
.addbbcode a.extern, ul.addbbcode a.extern:link {font-size:xx-small;font-weight:normal}
.addbbcode a.color, .addbbcode a.color:link {display:block;width:15px;text-decoration:none;}

li#a {background-color:#000000;color:inherit}
li#b {background-color:#808080;color:inherit}
li#c {background-color:#800000;color:inherit}
li#d {background-color:#808000;color:inherit}
li#e {background-color:#008000;color:inherit}
li#f {background-color:#008080;color:inherit}
li#g {background-color:#000080;color:inherit}
li#h {background-color:#800080;color:inherit}
li#i {background-color:#808040;color:inherit}
li#j {background-color:#004040;color:inherit}
li#k {background-color:#0080FF;color:inherit}
li#l {background-color:#004080;color:inherit}
li#m {background-color:#8000FF;color:inherit}
li#n {background-color:#804000;color:inherit}
li#o {background-color:#FF0000;color:inherit}
li#p {background-color:#8080FF;color:inherit}
li#q {background-color:#FF0080;color:inherit}
li#r {background-color:#FF8040;color:inherit}