html {font-size:62.5%;}
body {margin: 0px; padding: 0px; color: #000000; background-color: #000000; background-image: none; background-repeat: round; background-attachment: fixed; background-position: top center;}
/* Alle pagina's met diavoorstelling moeten zelfde paginabreedte toegedeelt krijgen als paginainhoud!
	Aantal bestuurders maximaal naast elkaar moet ook aangepast.
	Stand-tabel en stand-toelichting moeten ook aangepast. */
.pagina{position: relative; margin-left: auto; width: 500px; margin-right: auto;}
.paginakop{position: fixed; margin-top: 0px; width: 500px; top: 0px; background-color: #E0C030; z-index: 10;}
.kopafbeelding{background-image:none; width:500px; background-repeat: no-repeat; background-position: center; height:110px; text-align:center; margin-left:auto; margin-right:auto;}
.paginainhoud{position: relative; margin-top:158px; width: 500px; border: 1px solid #6E6E6E; background-color: #F7F2E0; text-align: left; padding: 0px 10px 0px 10px; box-sizing:border-box;}
.pagina_titel{margin:0px; margin-bottom: 5px; padding:30px 0px 10px 0px; color:#800000; background-color: #E0C030; font-weight:normal; font-size:40px; line-height:50px; text-align:center; font-family:"Arial", "sans-serif";}
.pagina_body{padding:10px; margin:5px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
a.anker {display: block; position: relative; top: -195px; visibility: hidden;}
.standaardAchtergrondkleur{background-color: #F7F2E0;}
.scheidingslijn_boven{border-top:1px solid #6E6E6E;}
.rondomrand{border:1px solid #6E6E6E;}
.reclame_rechts_content{position:absolute; display:none; z-index:2; top:-23px; right:0px; width:200px; text-align:center;}
.reclame_groot{position:fixed; height:500px; width: 500px; text-align:center; visibility:hidden; z-index:30; padding-top:10px; margin-left:auto; margin-right:auto; background:rgba(76,76,76,0.8);}
.reclameBlok a:link, .standaard_tekst a:visited {color:#800000;}
.reclameBlok a[href]:hover{color:#2E9DC2;}
.reclameBlok{background-color: #F7F2E0; color: #000000; font-weight:normal; font-size:14px;}
.reclameBlokKrimp{
    -webkit-animation-name: vervagen; -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: vervagen; animation-duration: 1s;}
@keyframes vervagen{ from {max-height: 300px; opacity: 1;} to {max-height: 0px; opacity: 0.2;} }

.tabel_no_border, .tabel_no_border td, .tabel_no_border th {border: 0px; border-collapse: collapse;}
.standaard_tabel {border-collapse:collapse; border: 1px solid #262626;}
.standaard_tabel td, .standaard_tabel th {border-collapse:collapse; border: 1px solid #800000;}
.tabel_kop {background-color: #E0C030; color: #800000; font-weight: bold; font-size: 14px; line-height: 20px; font-family:"Arial", "sans-serif";}
.tabel_kop_stick{position: fixed;}
.tabel_regel {display: block; padding: 2px 0px 2px 0px; text-align:left; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;}
.tabel_regel > div {display: inline-block; vertical-align:top; margin: 1px 1px 0px 0px; font-size: 14px; line-height: 20px;font-family:"Arial", "sans-serif";}
.tabel_regel_data {background: linear-gradient(to bottom, #FCF0BA, #FCF0BA, #FCF0BA, #FFFFFF, #FFFFFF);}
.tabel_regel_laatste{border-bottom: 1px solid black;}
.tabel_cel_totaal {background-color: #E0C030; color: #800000; font-weight: bold; font-size: 14px; line-height: 20px;font-family:"Arial", "sans-serif";}
.tabel_regel_bg {background-color: #FCF0BA;}
.tabel_regel_bg_a {background-color: #FFFFFF;}

.paragraaf_kop {margin-left: 0px; color: #000000; font-weight: bold; font-size: 14px; line-height: 20px; font-family:"Arial", "sans-serif";}

.balk_kop {background-color: #E0C030; line-height: 25px;}
.balk_kop_tekst {margin-left: 15px; color: #800000; font-weight: bold; font-size: 14px; font-family:"Arial", "sans-serif";}

.standaard_tekst {margin-left: 0px; color: #000000; font-weight: normal; font-size: 14px; line-height: 1.6; font-family:"Arial", "sans-serif";}
.standaard_tekst a:link, .standaard_tekst a:visited {color:#800000;}
.standaard_tekst a[href]:hover{color:#2E9DC2;}
.opvallend{color:#800000; font-weight:bold; }
.tekst_contra{color:#800000;}

footer{width:490px;}
footer table{width:100%;}
.voetnoot {position: relative; background-color: #000000; border: 1px solid #6E6E6E; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;
 	display: block; font-family: inherit; font-weight: normal; font-size: small; line-height: 1.6; margin: 10px 5px 10px 5px; color: #6EA032; font-family:"Arial", "sans-serif";}
.voetnoot a:link, .voetnoot a:visited {color:#CCFFFF;}
.voetnoot a:hover {color:#2E9DC2;}

img {border: 0; vertical-align: middle;}

.lichtkrant {position: relative; vertical-align:middle; height: 23px; padding-top: 0px; background-color: #E0C030; overflow: hidden;}
.lichtkrant_static-text {position: absolute; height: 23px; padding: 0px 10px; background-color: #E0C030; color:#800000; z-index: 99999; font-size: 16px; font-family:"Arial", "sans-serif"; font-weight: bold;}
@keyframes lichtkrantscroll{from{left:500px;}to{left:-10000px;}}
.scrollingtext {position:absolute; vertical-align:middle; height: 23px; top:0px; color: #800000; white-space:nowrap; 
font-size: 16px; font-family:"Arial", "sans-serif";
animation-duration: 200s;
animation-name: lichtkrantscroll;
animation-timing-function:linear;
animation-iteration-count: infinite; 
}
.scrollingtext:hover{animation-play-state:paused;}

.scrollingtext a:link, .scrollingtext a:visited {color:#800000;}
.scrollingtext a:hover {color:#2E9DC2;}
.scrolling_nieuwsitem {padding-right:20px; padding-left:20px;}

.dummy_link {text-decoration:underline; cursor:pointer; color:#800000;}
.dummy_link:hover{color:#2E9DC2;}

.hoofdmenu{margin-bottom: 1px; padding-left: 0px; margin-top: 1px; text-align:center;}	/*Zorgt voor de juiste ruimte rondom het hoofdmenu*/
.hoofdmenu li{display: inline-block; text-align:left;}			/*li*/
.hoofdmenu a{font-size: 16px; padding-left:10px; font-family: "Arial", "sans-serif"; font-weight: bold; font-style: normal; text-decoration: none; display: block; margin: 0px 1px 0px 1px; line-height: 25px;
	background-color:rgba(20,1,1,0.80); border: 1px solid #696969; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; background-image: url("menu_achtergrond.png"); background-repeat:repeat-x; background-size:100% 100%;}
.hoofdmenu a:hover{background-image:none;}	/*ul*/
.hoofdmenu a[href]:hover{color:#FFFFFF;}		/*ul*/
/*.hoofdmenu li:hover .submenu {display: block;} Dit is met javascript geimplementeerd ivm mobile devices.*/
.submenu {position: absolute; display: none; width: 250px; padding-left: 0px;}
.submenu li, .subsubmenu li {display: block; text-align:left;}
.subsubmenu {position: absolute; display: none; width: 200px; padding-left: 0px; margin-left:-200px; margin-top:-26px;}
.selected_item{color: #FFFFFF;}					/*a*/
.unselected_item{color: #000000;}				/*a*/

fieldset table, td, th{border: 0px; border-collapse: collapse;}

input, textarea {border: 2px solid;}
input:invalid, textarea:invalid {border-color:red;}
input:valid,   textarea:valid   {border-color:green;}

#foto_groot{position:relative; height:500px; padding-bottom:20px; text-align:center;}
.toelichting_knop{position:relative;}
.kopafbeelding img{display: inline;}
#diavoorstelling{position:fixed; height:800px; width:500px; text-align:center; visibility:hidden; z-index:30; margin-left:auto; margin-right:auto; background:rgba(76,76,76,0.8);}
img{max-width:460px;}
h1{margin-top:20px;}
.alleenBreed{display:none;}
.alleenSmal{display:table-cell;}
.paginainhoud2kolommen{display:inline-block; vertical-align:top; width:100%;}

@media screen and (min-width: 900px){
	.pagina{width: 1110px;}
	.paginakop{width: 910px;}
	.paginainhoud2kolommen{width:49.8%;}
	.kopafbeelding{width: 910px; background-image: url("kop.png");}
	.kopafbeelding img{display: none;}
	.paginainhoud{width: 910px; margin-top:133px;}
	h1{margin-top:0px;}
	#diavoorstelling{width:910px;}
	img{max-width:850px;}
	a.anker {top: -175px;}
	.tabel_regel_data {background: #FCF0BA;}
	#tabel_body > div:nth-child(even){background:#FFFFFF;}
	.tabel_kop_stick{position: fixed;}
	.reclame_rechts_content{display: block;}
	.reclame_groot{width: 910px;}
	footer{width: 900px;}
	body {background-image: url('achtergrond.jpg');}
	.alleenBreed{display:table-cell;}
	.alleenSmal{display:none;}
}
@media screen and (max-height: 500px){
	.paginakop{position:relative;}
	.paginainhoud{margin-top:0px;}
}
@media print{
	.kopafbeelding{background-image: none;}
	.kopafbeelding img{display: inline;}
	nav, .lichtkrant, .voetnoot, .reclame_rechts_content, #hoofdkeuzemenu, #diavoorstellingAan, #foto_groot, #toelichtingOpStandvolgordeKnop, #gaNaarStandPaginaKnop, #naarMatrixKnop, #tip, .kopTekst{display: none;}
	.standaard_tekst, a[href]{color:black;}
	.dummy_link{text-decoration:none;}
	.pagina{width: 910px;}
	.paginakop{width: 910px;}
	.kopafbeelding{width: 910px;}
	h1{margin-top:0px;}
	#diavoorstelling{width:910px;}
	.paginainhoud{width: 910px;}
/*	body {width:1110px;} */
}