/* Naya Nayon 2025 	*/
/* 2025.02.20 */

body {margin:0; font-size:14px; font-family:Century Gothic,Arial,Verdana,sans-serif; font-weight:normal; color:#444;}

h1 		{clear:both; margin:0px; padding:10px 0px 10px; font-size:30px; font-weight:normal; color:#666;}
h1 span 	{font-weight:bold}
h2 		{margin:30px 0px 10px; padding:10px; background:#EEE; font-size:18px; font-weight:normal; color:#333; text-align:center;} 
.h2 		{font-size:18px; margin:-3px 0 -11px -4px}
.body h3 	{margin:15px 0 0 0; padding:0; color:#444; font-size:1.7em; font-weight:normal; padding:0 10px 3px 10px; line-height:20px}
.body .h3 	{font-size:2.65em; margin:0px 0 -8px -1px}
h4		{margin-block-start:4em; margin-block-end:1em; font-size:16px;}
h5		{margin-block-start:1em; margin-block-end:0.5em; font-size:14px;}
p 		{margin-block-start:0.0em; margin-block-end:0.4em;}
p 		{text-align:justify;}
img		{max-width:100%; border-width:0px}

/* beeld  */
.i0		{padding:5px; border-width:0px; text-align:center;}
.i0c	{padding:5px; border-width:0px; text-align:center;}
.i1		{width:100%; margin:auto; padding:5px; text-align:center;}
.i1 img	{height:600px}



.te		{color:red;}

/******  elementen  ******/

.plek		{font-size:14px; color:#333;}

.clear {clear:both}
.l	{text-align:left}
.c	{text-align:center;}
.r	{text-align:right; padding-right:10px}
.nv	{visibility:hidden}

table 	{border-collapse:collapse; margin:10px auto; border:solid 0px #9DDB60; font-size:14px; color:#444;}
th 	 	{border:solid 1px #9DDB60; padding:2px 10px; background-color:#c0c0c0;}
table .subkop {text-align:center; background-color:#c0c0c0; font-size:12px; font-weight:bold; padding: 3px 10px;}
tr	 	{height:40px; border-bottom:solid 1px #9DDB60;}
/*.kortit  {text-align:center; background-color:#800080; font-size:12px; color:#FFFFFF; padding: 3px 10px;}*/
td  	{padding:2px 10px;}
table .r {padding-right:10px;}
table .c1 {padding-left:10px; text-align:left;}

input[type=text],input[type=password]{height:24px; border:solid 1px #AAA; padding:3px 8px; font-family:Century Gothic,Arial,Verdana,sans-serif; font-weight:normal; color:#444;} 
select	        {height:30px; border:solid 1px #AAA; padding:3px; font-family:Century Gothic,Arial,Verdana,sans-serif; font-weight:normal; color:#444;}
textarea		{border:solid 1px #AAA; font-family:Century Gothic,Arial,Verdana,sans-serif; font-weight:normal; color:#444;}

input[type=submit]	{display:block; width:100%; border-width:0px; background:#287800; color:#FFF; font-weight:bold; font-size:14px; cursor:pointer;}
.knok	{clear:both; min-height:46px; width:80%; max-width:920px; padding:5px;}
.knok a 		{display:block; color:#FFF; text-decoration:none}
.knope,.knopi,.knopu,.tov	{display:block; margin:auto; padding:8px 0px; border-width:0px;text-decoration:none; font-weight:bold; font-size:14px; text-align:center; cursor:pointer;}
.knope,.knope [type=submit]			{float:left; width:134px; background:#CCC; color:#FFF}
td.knope		{width:64px; margin:3px; font-weight:normal}
.knopi,.knopu,.knopi [type=submit],.knopu [type=submit]		{width:268px; background:#287800; color:#FFF;}
.tov			{width:180px; background:#287800; color:#FFF;}
.knopu	{float:right}

/*button	{height:36px}*/

.munt		{}
.code		{color:#888}
.rib		{position:absolute; z-index:1900; opacity:0.5; pointer-events:none;}
/*.prys		{float:right;}*/
/*.prys		{text-align:right;}*/
.kr	 		{float:left; color:#F03; text-decoration:line-through}

a[class^=ic]		{float:left; background-size:20px; width:20px; margin:10px 10px; height:30px; text-decoration:none;}
a[class^=ic]:hover	{cursor:pointer}

/* to  */
.to_a 		{position:fixed; top:0px; z-index:2; width:100%; height:20px; font:arial bold 14px; color:#FFF; text-align:center}*/
.to_t		{border:1px solid #888; font-weight:bold}
.to_w		{border:1px solid #666; }

/*********** pagina-indeling  ************/

/********** kop  **********/
.d10 		{position:fixed; top:0px; z-index:1; width:100%; height:66px; border-bottom:solid 1px #333; background-color:#FFF}
.d11 img	{height:66px}
.logo 	 	{clear:left; float:left; height:66px}
.logo a 	{text-decoration:none}
.logo .lic	{width:40px; height:66px; padding:5px;}

.d14		{width:calc(100% - 300px)}
.ix .d14	{width:calc(100% - 344px)}
.d14	 	{float:left;}
.d14 h1		{padding-left:50px;}

#icm		{float:left; background:url(../graf/menu.png) no-repeat; background-size:35px; margin:18px; padding:0px; height:30px; width:36px;}
/*#icm {display:inline-block;}*/
.menu		{float:left; height:66px}
.menu ul	{list-style-type:none; padding:0px; margin:0px}
.menu li	{float:left; width:100px; height:66px; padding:0px; align-content:center; text-align:center; text-decoration:none}
.menu a 	{display:block; height:66px; padding:0px; border-left:1px solid #666; align-content:center; color:#222; text-decoration:none;}
.menu ul li:hover > div.menx {display:block}
.menu ul li:hover > div.meny {display:block}

div.menx,div.meny		{display:none}
div.menx,div.meny		{position:fixed; top:66px; z-index:1; background-color:#EEE}
div.menx	{left:300px; max-width:750px;}
div.menx	{height:600px; width:750px; background-color:#EEE; background-color:rgba(255,255,255,0.9);}

div.meny	{width:190px}
.meny ul li	{width:190px; background-color:#EEE}

.menx ul li	{width:150px; opacity:1}
.menx ul li	{font-weight:bold}
.menx ul li	li {font-weight:normal}

.menu ul li div ul li {clear:none; float:left; height:40px; text-align:left; color:#222; text-decoration:none}
.menu ul li div ul li a {height:40px; padding-left:10px; text-decoration:none; color:#222}
.menu ul li div ul li:hover > a {background:#CCC}

/*  mequ de nieuwsbalk */
.mequ		{}		/* tonen: nieuws 	    */
.mequ		{display:none;}		/* verbergen: geen nieuws   */
.mequ		{clear:none; float:left; width:122px; padding:0px}

.ni		{font-weight:normal; color:red}

.memu		{float:right;}
.memu img	{height:30px}
.lic img	{height:30px}
.mepu img	{height:30px; padding-right:10px}

.memu div	{float:right;}
.memu div	{padding:18px 4px 0px 4px;}
.memu div.munt	{padding:18px 3px 0px 3px;}

.mepu ul	{display:none;}
.memu  .mepu:hover > ul {display: block;}  /*zoekveld uitgeschakeld 2025.08.02**/
.mepu ul	{z-index:2; margin:0; padding:0; list-style:none; background-color:#EEE}
.mepu ul	{clear:right;}
.mepu ul a 	{display:block; text-decoration:none}
.mepu ul li	{width:90px; margin:0px; padding:10px 5px;}
.mepu ul li:hover {background-color:#CCC;}
.mepu ul li a   {display:block; padding:3px 7px 5px; color:#333; text-decoration:none}

/*ul.mepu li 	{width:60px; border-left:1px solid #666;}
ul.mepu li a 	{padding:12px 10px;}
ul.mepu img	{height:25px; margin:0px; padding:0px;}
ul.mepu input[type=submit]	{width:100px; height:26px}
ul.mepu input[type=text]	{margin:5px; height:30px}
ul.mepu ul li  	{height:106px; width:200px}
*/


.munt 		{height:40px;}

.taln ul	{list-style:none; float:left; margin:0px; padding:0px;}
.taln ul:after 	{content:""; clear:both; display:block;}
.taln ul li	{text-align:center; height:40px; width:20px; padding-top:8px;}
.taln li:hover	{background:#EEE;}
.taln li:hover > ul {display:block}
.taln ul ul	{display:none; z-index:2; position:relative; top:-2px; left:-15px; height:0px; padding:0px;}
.taln ul ul li	{position:relative; width:50px; padding:0px; text-align:center; background:#EEE;}
.taln ul ul li a	{display:block; height:20px; padding:10px 15px; text-decoration:none; color:#666;}
.taln ul ul a:hover	{background:#CCC;}

.taln a[class^=ic]	{float:right; background-size:20px; width:20px; height:20px; margin:0px}


.ic_wa		{background:url(../graf/ic_wa.png) no-repeat;}
.ic_em		{background:url(../graf/ic_em.png) no-repeat;}

@media only screen and (max-width:480px) {
 .d14 ul ul.m00 {width:242px}
 .d14 .menu, .d14 .menu:active {display:none; position:absolute; padding:0px; left:0px; top:49px; width:363px; background:#ddd;}
 .d14:hover > .menu {display:block;}
 .d14 ul li {width:80px}
 .ry .kolA, .ry .kolB {width:100%; margin-top:0;}
 }

@media only screen and (min-width:481px) {
 .d14 ul ul.m00 {width:483px}
 .d14:hover > ul.menu {display:block;}
 .d14 ul li {width:100px}
 .meny ul li	{width:190px; background-color:#EEE}

 }

@media only screen and (max-width:944px) {
 #icm {display:inline-block;}
 .d14 .menu, .d14 .menu:active {display:none; position:absolute; left:200px; top:66px; background:#EEE;}
 .d14:hover > div.menu {display:block;}
 div.menx,div.meny		{position:relative; top:0px}
 div.menx	{left:0px;}
 }

@media only screen and (min-width:944px) {
#icm {display:none;}
.d14 .menu 	 {display:block;}
div.menx,div.meny		{position:fixed; top:66px;}
div.menx	{left:300px; max-width:500px;}
}

@media only screen and (max-width:910px) {
div.menx	{max-width:500px;}
.menx ul li	{width:100px;}
}

@media only screen and (min-width:911px) {
div.menx	{max-width:600px;}
.menx ul li	{width:120px; opacity:1}
}

@media only screen and (max-width:1060px) {
div.menx	{max-width:600px;}
.menx ul li	{width:120px;}
}

@media only screen and (min-width:1061px) {
div.menx	{max-width:750px;}
.menx ul li	{width:150px; opacity:1}
}

/********** romp **********/
/*.d20	 	{margin:auto; margin-top:66px;}*/
.d20	 	{margin:auto; padding-top:66px;}
.b00 .d20	{margin-top:0px;}
.bx .d20	{padding-top:0px;}

.d21	 	{clear:both;}

.d22		{padding:0px 20px;}
.bx .d22	{margin:0px}
.d23		{padding:0px 20px;}
/*.d20b	 	{margin:auto; padding:0px; width:300px;}*/

.inh		{min-height:100px; max-width:600px; border:solid 2px #EFFFDF; margin:15px 14px; font-size:16px; text-align:left;}
.inh ul		{margin:0px; padding:0px; list-style:none;}
.inh ul li:hover {background-color:#D8FFBB;}
.inh ul li a	{display:block; padding:5px; text-decoration:none; color:#666; cursor:pointer;}


.d25		{float:left; max-width:380px; padding:10px;}
.d25 a 		{display:block; margin:0px; padding:0px; font-size:30px; color:#333; text-decoration:none;}
.d25 p 		{line-height:18px; margin:0; padding:0; font-size:14px;}

/********** voet **********/
.d30		{clear:both; width:100%; margin:auto; padding:0px;}
/* scuf */
.d31	 	{clear:both; position:relative; width:100%; margin:0px; padding:10px 0px; background-color:#FFF; font-size:14px; color:#666; text-align:center}
.d31 a 		{display:inline-block; padding:10px; text-decoration:none; color:#666}
.d31 img	{height:90px;}

.d33	 	{clear:both; overflow:hidden; margin:auto; padding:0px; background:#333; font-size:14px;}

.d35	 	{clear:both; width:100%; margin:auto; background-color:#111; font-size:14px; color:#444; text-align:center;}
.d35 ul 	{list-style:none; margin:auto; padding:0px;}
.d35 ul li 	{position:relative; float:left; display:inline-block; min-width:50px; margin:0px; border-right:1px solid #666; white-space:nowrap;}
.d35 ul li a	{display:block; padding:15px; color:#666; text-decoration:none}
.d35 li:hover	{background:#EFFFDF; color:#888}

.d36	 	{clear:both;margin:auto; padding:0px; background:#333; font-size:14px;}
.d36 div 	{float:left; width:33%; margin:0px}
.d36 ul 	{list-style:none; margin:0; padding:0;}
.d36 ul li 	{clear:left; margin:0px; height:40px; padding:0px 0px 0px 40px;}
.d36 ul li a	{display:block; padding:10px 10px; color:#BBB; text-decoration:none}
.d36 img	{height:25px; margin:0px; padding:0px;}

div.mezu ul	{display:none;}
.mezu:hover > ul {display: block;}

div.socm	{width:100%}
.socm div	{clear:none; float:left; width:auto; margin:0px; padding:0px}
.socm img	{background-color:#FFF}
.socm div img	{height:25px; padding:0px}

.smicons	{float:right; padding:6px 6px 5px; height:28px;}
.smicons a	{padding:4px}

/********** refr balk **********/
.d38		{background:#287800; box-sizing:border-box; width:100%; padding:5px 10px; font-size:11px; color:#111; text-align:right;}

.d40		{clear:both; width:100%; height:890px;}