html {font-size:62.5%;}
body {margin: 0px; padding: 0px; color: #D6E2E9; background-color: white; 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: #000000; z-index: 10; font-family:"Tahoma", "Arial", "sans-serif";}
.kopafbeelding{background-image:none; width:500px; background-repeat: no-repeat; background-position: center; height:110px; text-align:center; margin-left:auto; margin-right:auto;}
.kopTekst{display: block; text-align:left; margin-left:30px; margin-top:-110px;}
.paginainhoud{position: relative; margin-top:158px; width: 500px; border: 1px solid #6E6E6E; background-color: #000000; 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:#D6E2E9; background-color: #000000; font-weight:normal; font-size:40px; line-height:50px; text-align:center; font-family:"Tahoma", "Arial", "sans-serif";}
.pagina_body{padding:10px; margin:5px; background:#202020; border-radius: 20px 20px 20px 20px;}
a.anker {display: block; position: relative; top: -195px; visibility: hidden;}
.standaardAchtergrondkleur{background-color: #000000;}
.scheidingslijn_boven{border-top:1px solid #6E6E6E;}
.rondomrand{border:1px solid #6E6E6E;}
.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:#6EA032;}
.reclameBlok a[href]:hover{color:#2E9DC2;}
.reclameBlok{background-color: #000000; color: #D6E2E9; 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, #000000, #000000, #000000, #262626, #262626);}  /*background-color:#c7a79f;}*/
.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: #000000;}
.tabel_regel_bg_a {background-color: #262626;}

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

.balk_kop {background-color: #202020; line-height: 25px; font-size: 18px; border-bottom: 1px solid #6E6E6E; padding-left:10px}
.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: #D6E2E9; font-weight: normal; font-size: 14px; line-height: 1.6; font-family:"Arial", "sans-serif";}
.standaard_tekst a:link, .standaard_tekst a:visited {color:#6EA032;}
.standaard_tekst a[href]:hover{color:#2E9DC2;}
.opvallend{color:#F3F781; font-weight:bold;}
.tekst_contra{color:#F3F781;}

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:#6EA032;}
.dummy_link:hover{color:#2E9DC2;}
.list-down {background: url("list-down.png") right center no-repeat;}

.hoofdmenu{margin-bottom: 1px; padding-left: 0px; margin-top: 1px; text-align:center;}	/*Zorgt voor de juiste ruimte rondom het hoofdmenu*/
.hoofdmenu li{width: 124px; 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; padding-left: 0px;}
.submenu li, .subsubmenu li {display: block; text-align:left; width: 250px; margin-left:-100px;}
.subsubmenu {position: absolute; display: none; padding-left: 0px; margin-left:-200px; margin-top:-26px;}
.selected_item{color: #000000;}					/*a*/
.unselected_item{color: #800000;}				/*a*/

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

input, textarea {border: 2px solid black;}
input:invalid, textarea:invalid {border-color:red;}
input:valid,   textarea:valid   {border-color:green;}
input[type=button], input[type=submit], input[type=reset]{background-color: #E0C030; color: #800000; font-weight: bold; font-size: 14px; line-height: 20px; font-family:"Arial", "sans-serif";}

#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){
	/* body {background-image: url('achtergrond.jpg');} */
	.pagina{width: 1110px;}
	.paginakop, #diavoorstelling, .reclame_groot{width: 910px;}
	.paginainhoud2kolommen{width:49.8%;}
	.kopafbeelding{width: 910px; background-image: url("kop.png");}
	.kopafbeelding img{display: none;}
	.kopTekst{margin-left:10px; margin-top:0px;}
	.hoofdmenu > li{width: 130px;}
	.submenu{margin-left:0px;}
	.paginainhoud{width: 910px; margin-top:133px;}
	h1{margin-top:0px;}
	img{max-width:890px;}
	a.anker {top: -175px;}
	.tabel_regel_data {background: #000000;}
	#tabel_body > div:nth-child(even){background:#262626;}
	.tabel_kop_stick{position: fixed;}
	.reclame_rechts_content{position:absolute; display:block; z-index:2; top:0px; right:0px; width:200px; text-align:center;}
	.alleenBreed{display:table-cell;}
	.alleenSmal{display:none;}
	footer{width: 900px;}
}
@media screen and (max-height: 500px){
	.paginakop{position:relative;}
	.paginainhoud{margin-top:0px;}
}
@media print{
	/* body{background-color: white;} */
	.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; background-color: white;}
	.dummy_link{text-decoration:none; color:black;}
	.list-down {background-image: none;}
	.pagina{width: 910px; background-color: white;}
	.paginakop{width: 910px; background-color: white;}
	.kopafbeelding{width: 910px;}
	h1{margin-top:0px;}
	#diavoorstelling{width:910px;}
	.paginainhoud{width: 910px; background-color: white;}
	.pagina_titel{background-color: white; color:black;}
	.pagina_body{background-color: white;}
	.standaardAchtergrondkleur{background-color: white;}
	.tabel_regel_data {background: white; color: black;}
	#tabel_body > div:nth-child(even){background:#d0d0d0; color: black;}
	.opvallend{color:#900505; font-weight:bold;}
}