/*
OSM Redactiecommissie
Ronald Koenis
*/

*
{
	padding: 0px;
	margin: 0px;
}

body
{
	/* gearceerde buitenkant. */
	background: #F9F9F7 url('../afbeeldingen/layout/bg_pattern.gif') repeat-x;
	/* het zetten van font. De grootte is 87.5% (zie w3school, dit is precies 14pt bij 1em) */
	font-size: 87.5%; 
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: #8C8C73;

}

/* Geselecteerde text kleur */
*::selection {
	background:#8C8C73;
	color:#fff;
}
*::-moz-selection {
	background:#8C8C73;
	color:#fff;
}

*::-webkit-selection {
	background:#8C8C73;
	color:#fff;
}

/* ******************************* PAGINA *********************************************************************** */

/* pagina-rand incl. het langzaam wegfadend randje om de centrale pagina. */
#page_border
{
	/* door de page_border relative te positioneren, functioneren de andere positions binnen dit kader (ipv binnen de browser) */
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background: #fff url('../afbeeldingen/layout/bg_pattern_border_1000_022.gif') repeat-y;
}

/* de twee gearceerde strookjes links- en rechts-boven om de centrale pagina. */
#page_fader_left
{
	/* position absolute: dit telt niet mee in de berekening van de hoogte van de pagina */
	position: absolute;
	left: 0px; 
	top:0px;
	background: #fff url('../afbeeldingen/layout/bg_pattern_fader_left.gif') no-repeat;
	width:16px;
	height: 264px;
	z-index: 1;
}
#page_fader_right
{
	/* position absolute: dit telt niet mee in de berekening van de hoogte van de pagina */
	position: absolute;
	left: 984px; 
	top:0px;
	background: #fff url('../afbeeldingen/layout/bg_pattern_fader_right.gif') no-repeat;
	width:16px;
	height: 264px;
	z-index: 1;
}

#page_inner
{
	position: relative;
	padding: 10px 30px 10px 30px;
	z-index: 2;
}

/* ******************************* HEADER & MENU *********************************************************************** */

.header_banner
{
	/* position is niet gewenst omdat de banner mee moet tellen voor de pagina hoogte */
	width: 730px; /* (aanpassen met page_border_width) */
	height: 110px;

	/* Schaduw */
	-webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
}

/* dit is de class ".header_foto" die vanuit tag aangeroepen kan worden. */
.header_foto
{
	/* de position is absolute, omdat dit niet moet meetellen voor de pagina-hoogte */
	position: absolute;
	/* de positie voor de foto rechts boven*/
	top: 10px;
	left: 770px;
	/* het formaat voor landscape digitale foto's: 3x4, maar 2x3 komt ook vaak voor en is wat platter*/
	height: 150px;
	width: 200px;
	
	/* Schaduw */
	-webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
}

/* de portret-vriant voor foto's die niet landscape zijn */
.header_foto_portret
{
	position: absolute;
	top: 10px;
	left: 770px;
	/* bij portretfoto's (niet-landscape) laten we de foto-proporties in tact */
	height: 150px;
	max-width: 200px;
	
	/* Schaduw */
	-webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
}

.header_foto_naam
{
	/* de positie is vlak onder de foto rechts boven*/
	position: absolute;
	top: 160px;
	right: 30px;
	height: 150px;
	width: 200px;
	font-size: 0.8em;
	white-space:nowrap; /* trucje om het op 1 regel te houden, ook als het niet past */
}

/* het zwarte blok van het menu + fading randje eronder */
#menu
{
	/* geen positioning want dit moet weer meetellen */
	/* zwart-glossy achtergrond */
	background: rgb(129,139,140); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxOGI4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU1NWI1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzBhMGUwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTA4MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
	background: -moz-linear-gradient(top,  rgba(129,139,140,1) 0%, rgba(85,91,89,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,139,140,1)), color-stop(50%,rgba(85,91,89,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(129,139,140,1) 0%,rgba(85,91,89,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(129,139,140,1) 0%,rgba(85,91,89,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(129,139,140,1) 0%,rgba(85,91,89,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(129,139,140,1) 0%,rgba(85,91,89,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818b8c', endColorstr='#0a0809',GradientType=0 ); /* IE6-8 */

	height: 30px;
	width: 730px;
	/* dit bepaalt de ruimte rond het balkje: 
	   de eerste margin bepaalt het verticale startpunt 
	   om mysterieuze redenen is er een verschil van 3px tussen IE/Chrome, daarom 8 ipv 10: */
	margin: 8px 0px 30px 0px;
	
	/* Schaduw voor het vliegende effect */
	-webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
	box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 1);
}



#menu ul
{
}

/* de menu-tekstjes */
#menu ul li
{
	display: inline;
	line-height: 30px;
	padding-left: 3px;
}

/* de eerste keuze (?) */
#menu ul li.first
{
	border-left: 0px;
}

/* de weergave van de hyperlinks in het menu */
#menu ul li a
{
	background-color: transparent;
	/* dit bepaalt de ruimte rond de menu-teksten: */
	padding: 4px 10px 4px 10px;
	color: #fff;
	font-weight: bold;
	
	/* De overgang voor hover */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

/* de weergave van de hyperlinks in het menu als je eroverheen gaat */
#menu ul li a:hover
{
	/* background: #fff url('../afbeeldingen/layout/menu_hover.gif') repeat-x top; */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

	color: #4A4A24;
}

/* de weergave van de hyperlinks in het menu als je op die pagina bevindt */
#menu ul li a.active
{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

	color: #4A4A24;
}


/* de velden van het zoekbalkje */
.zoekveld
{
	/* zet de veldjes iets van links in het midden: */
	position:absolute;
	top:137px;
	left:597px;
	width:115px;
	/* kleiner font, zodat het allemaal goed past: */
	font-size: 0.8em;
}

.zoekknop
{
	/* zet de veldjes iets van links in het midden: */
	position:absolute;
	top:135Px;
	left:718px;
	width:35px;
	height:22px;
	/* kleiner font, zodat het allemaal goed past: */
	font-size: 0.8em;
	padding:0px;
	/* iOS Hack om style weg te halen */
	-webkit-appearance: none;	
	
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.zoekknop:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.zoekknop:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

.info
{
	min-height:20px;
	width:auto;
	height:auto;
	border:#03F 2px solid;
	background-color:#FF9;
	margin:4px 4px 4px 4px;
	padding:4px 4px 4px 4px;
	color: #c00;
}

/* ****************************** FOOTER ************************************************* */
#footer
{
	clear: both;
	height: 60px;
	text-align: center;
	line-height: 56px;
	background-image: url('../afbeeldingen/layout/footer.gif');
	color: #A8A88D;
	font-size: 0.9em;
}

#footer a
{
	color: #8C8C73;
}


/* ****************************** Hoofd- en zijscherm ************************************************* */
#hoofdscherm
{
	position: relative; /* relative, dit moet meetellen */
	top:-20px;   /* begin strak onder de header, en dit creëert meteen wat witruimte voor de footer */
	width: 730px; /* afhankelijk van menu.width */
	float: left;   /* zorgt ervoor dat dit gedeelte aan de linkerkant komt */
}

#hoofdscherm_breed
{
	position: relative; /* relative, dit moet meetellen */
	top:0px;   /* begin strak onder de header, en dit creëert meteen wat witruimte voor de footer */
	width: 940px; /* afhankelijk van menu.width */
	float: left;   /* zorgt ervoor dat dit gedeelte aan de linkerkant komt */
}

/* het menuutje aan de rechterkant */
#zijscherm
{
	position: relative; /* relative, dit moet meetellen */
	top:-20px;   /* begin strak onder de header, en dit creëert meteen wat witruimte voor de footer */
	width: 200px;
	float: right; /* zorgt ervoor dat dit gedeelte aan de rechterkant komt */
}

/* de normale paragraph */
#hoofdscherm p, #hoofdscherm_breed p
{
	padding: 0px 10px 0px 10px;
	text-align: justify;
	line-height: 1.3em; /* brengt wat lucht tussen de regels */
	margin-bottom: 5px;
}

/* Zijscherm niet justify */
#zijscherm p
{
	padding: 0px 10px 0px 10px;
	text-align: left;
	line-height: 1.3em; /* brengt wat lucht tussen de regels */
	margin-bottom: 5px;
}

/* de normale heading3, andere headings zijn niet in gebruik */
#hoofdscherm h3, #zijscherm h3, #hoofdscherm_breed h3
{
	font-size: 1.3em;
	color: #656551;
	letter-spacing: -1px; 
	background: url('../afbeeldingen/layout/horizontal_rule.gif') bottom repeat-x;
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
}

/* een lijntje, kan gebruikt worden als horizontale afscheiding */
#ruler
{
	background: url('../afbeeldingen/layout/horizontal_rule.gif') bottom repeat-x;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	height: 1px;
}

/* de hyperlinks in oranje & underlined */
a
{
	color: #FF7801;
	text-decoration: underline;
}

/* de externe hyperlinks krijgen een pijltje erachter */
a.external
{
	background: url('../afbeeldingen/layout/external_link.jpg') no-repeat 100% 3px;
	padding: 0 16px 0 0;
}

/* deze class kan je gebruiken om teksten dichter op elkaar af te drukken */
.no_margin
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1.0em;
}

/* gebruikt voor eerste artikel naar links te schuiven */
.margin_eersteartikel
{
	margin-bottom: 0px;
	margin-left:120px;
	padding-bottom: 0px;
	line-height: 1.0em;
}

/* deze class maakt het lettertype net een tikje kleiner */
.klein
{
	font-size: 0.9em;
}

/* deze class probeert het alignment 'uitvullen' te doorbreken (is niet gelukt) */
.links
{
	text-align:left;
}

/* een tabel die iets moet inspringen: */
#inspring_tabel
{
	font-style:italic;
	background-color:rgb(240,240,240); 
	position: relative;
	left: +25px;
	margin-left: 50px;
	padding-left: 50px;
}

/* elke table-cell toont de tekst bovenaan (ipv in het midden) */
td
{
	vertical-align:top;
}

/* De reacties worden herkenbaar afgedrukt */
.reactie
{
	margin-left: 30px;
	font-style:italic;
	background-color:rgb(240,240,240); 
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1.4em;
}

/* alles net even ingesprongen (en wat kleiner) */
.inspringen
{
	position: relative;
	left:+10px;
	font-size: 0.9em;
	text-align:left;
}

/* wat geselecteerd is, wordt dikker weergegeven */
#zijscherm .selected
{
	font-weight:bold;
}

/* ul-lijstjes krijgen een stip & springen iets in */
#hoofdscherm ul, #hoofdscherm_breed ul
{
	list-style-type: disc;
	padding-left: 30px;
}

/* Het 3D blokje */
#basicCube
{ 
	left:+10px; /* net zo inspringen als een p(aragraph) */
	width: 180px;
	height: 180px;
}
#basicCube:hover
{
	cursor:pointer;
}

/* Sponsor Scroller */

/* js-disabled class - set image sizes so they all fit in the viewer */  
.js-disabled img { width:180px; height:100px; display:block; float:left; }  
  
#outerContainer { width:185px; height:105px; margin:auto; position:relative; }  
#imageScroller { width:185px; height:105px; position:relative; background:#FFFFFF; }  
#viewer { width:185px; height:105px; overflow:hidden; margin:auto; position:relative; }  
#imageScroller a:active, #imageScroller a:visited { color:#000000; }  
#imageScroller a img { border:0; margin-left:5px; }  

/* ****************************** IMaGe classes ************************************************* */

/* dit zijn de 76x74 icons met achtergrond */
img
{
	border-style:none;
}

img.icon76
{
	position: relative;
	left: +5px;
	background: url('../afbeeldingen/layout/img_border_01.gif') no-repeat;
	width: 76px;
	height: 74px;
	padding: 8px; /* de padding zorgt ervoor dat de background-image wordt getoond. */
}

/* deze wordt ook gebruikt voor de 76x74 icons, zodat er daarachter 14 px ruimte komt */
img.floatleft
{
	float: left;
	margin: 0px 14px 0px 0px;
	border: 0;
}

/* voor eerste artikel die net iets groter wordt */
img.icon152
{
/*	position: relative; */
	position:absolute;
	left: +5px;
	background: url('../afbeeldingen/layout/img_border_01_extrasize.gif') no-repeat;
	width: 152px; /*was 152*/
	height: 148px;/*was 148*/
	padding: 16px; /* de padding zorgt ervoor dat de background-image wordt getoond. */
	z-index:1;
}

/* de index-fotootjes: */
img.index_image
{
	position: relative;
	top: -2px;
	max-width: 150px;
	max-height: 150px;
	/*padding-right: 8px;
	padding-bottom: 4px;*/
	margin-right: 8px;
	margin-bottom: 4px;
	
}

/* Header logo met plaatjes op achtergrond */
img.header_banner
{
	
}

/* voor de weergave van 1 foto uit een fotoalbum */
img.hoofdscherm 
{
	max-width: 730px; /* afhankelijk van hoofdscherm.width */
	position:relative; /* correctie voor de linkermarge om de foto zo groot mogelijk op het scherm te krijgen */
	left:-10px;
	margin-bottom:4px;
	
}

/* random weergave */
img.header_foto
{
	margin-bottom:500px;
	
}
/* voor de weergave van een foto in het zijscherm (persoonspagina) */
img.zijscherm 
{
	max-width: 196px; /* afhankelijk van zijscherm.width */
	border: 2px solid #828280; 
	
}

/* het verslag icoontje op de competitie pagina's */
.verslag-link {
	padding:0px !important;
}
.verslag-icoon {
	border-bottom:1px #FF7801 solid;
	padding-bottom:1px !important;
}
.verslag-icoon:hover {
	border-bottom:2px #FF7801 solid;
	padding-bottom:0px !important;
}
.verslag-cell {
	/* Zorgen dat hij er netjes in past */
	padding:3px 5px 0px 5px !important;
}


/* ************* forms *************************************************************************** */


.MultiFile-remove:link{
	color:#F00;
	text-decoration:none;
}
.MultiFile-remove:hover{
	color:#F60;
}
.MultiFile-title{
	font-style:italic;
}


form
{
/*	font-size: 1.0em; */
}

/* de formulierveldnamen komen in een eigen kolom */
form div.veldnaam
{
	width: 150px;
	text-align: right;
	float: left;
}

/* de formulier-invoervelden komen daarnaast in een eigen kolom */
/* LET OP: gebruik <div id=form_break></div> na elke veld, om veldnaam & veld bij elkaar te houden */
form div.veld
{
	width: 550px;
	margin-left: 170px;
}

/* de grote tekst-invoervlakken */
form input.text
{
	padding: 1px 2px;
	width: 320px;
	font-family: "trebuchet ms", helvetica, sans-serif;
}

/* dit werkt niet, het lijkt erop dat lists geen styling toelaten */
form select option.dummy
{
	font-style: italic;
	font-weight: bold;
}


/* ************* Agenda *********************************************************************************** */
#maandruimte
{
	float: left;   /* zorgt ervoor dat dit gedeelte aan de linkerkant komt */
}

#dagruimte
{
	width: 480px; /* afhankelijk van menu.width */
	float: right;   /* zorgt ervoor dat dit gedeelte aan de linkerkant komt */
}

#jaarruimte, #na_tabel
{
	clear: both; /* dit haalt de floats weg en laat de navolgende tekst weer bij het begin beginnen. */
}

.agenda_dag
{
	width: 30px;
	height: 30px;
	margin: 2px;
	text-align: center;
	vertical-align:middle;
}

.agenda_dagnaam 
{
	font-weight: bold;
}

.agenda_andere_maand
{
	color: #C3C3B6;
}

.agenda_regulier
{
	background-color: #B0C4DE;
}
.agenda_regulier a
{
	color: #8C8C73;
}

.agenda_speciaal
{
	background-color: #90EE90;
}
.agenda_speciaal a
{
	color: #8C8C73;
}

.agenda_annulering
{
	background-color: #FF7A7A;
}
.agenda_annulering a
{
	color: #8C8C73;
}

.agenda_geen
{	
	background-color:rgb(240,240,240);
}
.agenda_geen a
{
	color: #8C8C73;
}

.agenda_geselecteerd
{
	height: 26px; /* correctie van de hoogte: 30 -2 */
	width: 26px;
	border: 2px solid black;
}

.agenda_vorige_maand
{
	text-align: left;
	font-size: 0.8em;
}

.agenda_volgende_maand
{
	text-align: right;
	font-size: 0.8em;
}


/* **************** Wedstrijdtabel *************************************************** */
table.wedstrijd_tabel 
{
	margin: 10px 0px 10px 20px;
}

table.wedstrijd_tabel td
{
	border: 1px solid black;
	padding: 3px 5px 3px 5px;
}

table.mijnmenu
{
	margin-left:10px;
}

table.mijnmenu td
{
	padding:5px 0px 0px 0px;
}

span.winst, a.winst, div.winst
{
	color: green;
	font-weight: bold;
}

span.gelijkspel, a.gelijkspel, div.gelijkspel
{
	color: orange;
	font-weight: bold;
}

span.verlies, a.verlies, div.verlies
{
	color: red;
	font-weight: bold;
}


/* *************** Competitie(team, wedstrijd, speler & persoon) ***************************************************** */


.comp_veldnaam
{
	font-weight: bold;
	width: 80px;
	text-align: center;
	float: left;
}

#tabel_ruimte, #comp_uitslag
{
	width: 610px;   /* afh. van menu.width & veldnaam.width*/
	float: right;   /* zorgt ervoor dat dit gedeelte aan de rechterkant komt */
}
.comp_veldwaarde
{
	width: 600px;   /* afh. van menu.width & veldnaam.width*/
	float: right;   /* zorgt ervoor dat dit gedeelte aan de rechterkant komt */
}

#comp_break, #form_break
{
	clear: both; /* dit haalt de floats weg en laat de navolgende tekst weer bij het begin beginnen. */
	height:0.5em; /* een beetej extra ruimte bij elke break */
}