/* Naya Nayon 2020 	*/
/* 2020.01.20	 	*/

body {color:#444; font-family:Century Gothic,Arial,Verdana,sans-serif; font-size:14px; font-weight:normal; text-decoration:none; margin:0;}
body {margin:0px; box-sizing:border-box; background-size:cover; background-repeat:no-repeat; background-position:top;}

p 		{text-align:justify;}
img		{max-width:100%; border-width:0px}

h1 		{clear:both; margin:10px 0px; padding:0px 10px 0px; font-size:30px; font-weight:normal; color:#666;}
h1 span 	{font-weight:bold}
h2 		{margin:30px 0px 10px; padding:10px; background:#B8E790; font-size:18px; font-weight:normal; color:#333; } 
.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		{font-size:16px}
h5		{font-size:14px}


/******   forms *****/
input[type=text],[type=password],select,textarea		{width:100%; resize:vertical;}


input[type=text],[type=password]		{height:20px; width:100%; resize:vertical; margin:5px; padding:5px; border:1px solid #AAA; font-size:14px; color:#666;}
select		{height:30px; margin:5px; padding:5px; border:1px solid #AAA; font-size:14px; color:#666;}

input[type=submit]	{display:block; width:320px; height:40px; margin:10px; padding:0px 8px 0px; border:1px solid #AAA; background:#CEFF9D; text-decoration:none; font-size:14px; color:#666; text-align:center; cursor:pointer;}
.knop			{display:block; width:300px; height:32px; margin:10px; padding:8px 8px 0px; border:1px solid #AAA; background:#CEFF9D; text-decoration:none; font-size:14px; color:#666; text-align:center; cursor:pointer;}

input[type=submit]:hover	{border:solid 1px #063; color:#063;}
.knop:hover			{border:solid 1px #063; color:#063;}
.knop:focus			{border:solid 1px #063; color:#063;}

input[type=submit]		{-webkit-border-radius:5px; border-radius:5px;}
.knop		{-webkit-border-radius:5px; border-radius:5px;}
select		{-webkit-border-radius:5px; border-radius:5px;}
textarea	{border:solid 1px #C0C0C0; padding:1px; font:12px 'century Gothic',Verdana; color:#333;} 

/* velden op forms */
.ry:after 	{content:""; display:table; clear:both;}
.ry .kolA 	{float:left; width:25%; margin-top:6px;}
.ry .kolB 	{float:left; width:75%; margin-top:6px;}
.ry label 	{display:inline-block; padding:12px 12px 12px 0;}
.iB		{width=100%}


/******  elementen  ******/
.i0		{padding:5px; border-width:0px; text-align:center;}
.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}

/*********** pagina-indeling  ************/
.d00	 	{width:100%; margin:0px auto; background:#FFF;}

/********** kop  **********/

.d11		{width:100%; border-bottom:solid 3px #063;}
.logo 	 	{display:inline-block; clear:left; max-width:calc(100% - 50px);}
.logo a img	{width:calc(50% - 25px); min-width:200px;}
.logoi 	 	{float:left; clear:left; background:url(../graf/logo.png) no-repeat; background-size:480px; width:480px; height:60px;}
.logo a 	{display:block; text-decoration:none}

div.taln	{display:inline-block; float:right; width:50px; height:50px; color:#666;}
.taln ul	{list-style:none; float:left; margin:0px; padding:0px; padding-top:10px;}
.taln ul:after 	{content:""; clear:both; display:block;}
.taln ul li	{text-align:center; height:40px; width:20px; padding:10px 15px;}
.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}

.icpyo		{background:url(../graf/icpyo.png) no-repeat;}
.icpyb		{background:url(../graf/icpyb.png) no-repeat; display:none;}

.d14	 	{clear:both; position:relative; width:100%; height:49px; background:#9D6; font-size:14px; color:#666;}

#icm		{float:left; clear:left; background:url(../graf/menu.png) no-repeat; background-size:35px; margin:8px; padding:0px; height:33px; width:36px;}
.ni		{font-weight:normal; color:red}

.d14 ul		{position:relative; float:left; z-index:1; list-style:none; margin:0px; padding:0px; background:#9D6; white-space:nowrap;}

.d14 ul li 	{float:left; height:49px; text-align:center;}
.d14 ul li a	{display:block; text-decoration:none; color:#666}

.d14 ul.menu li	{border-right:1px solid #666;}
.d14 ul.menu li a {padding:15px 10px;}

.d14 ul:after 	{content:""; clear:both; display:block;}
.d14 ul li:hover {background:#CCC; color:#222;}

.d14 ul li:hover > ul.m01 {display:block;}
.d14 ul li:hover > ul.m00 {display:block;}
.d14 ul li:hover > ul ul.m05 {display:block;}

.d14 ul ul 	{display:none; z-index:1; width:0px}
.d14 ul ul.m00 	{display:none; z-index:1; background:#666}

.d14 ul ul li 	{position:relative; border-bottom:1px solid #5f945f; background:#eee; text-align:left;}
.d14 ul ul li a {display:block; padding:15px 10px; color:#666; text-decoration:none;}
.d14 ul ul.m00 li.m04 	{height:98px;}

.d14 ul.memu		{clear:none; float:left; width:122px; padding:0px}
.d14 ul.memu		{}		 tonen indien nieuws 
/*.d14 ul.memu	{display:none;}		/* verbergen indien geen nieuws   */

.d14 ul.memu li 	{width:122px;}
.d14 ul.memu li a 	{margin:0px; padding:0px;}
.d14 ul.memu img	{margin:0px; height:49px;}

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


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

@media only screen and (min-width:481px) {
 .d14 ul ul.m00 {width:322px}
 .d14:hover > ul.menu {display:block;}
 .d14 ul li {width:160px}
 }


@media only screen and (max-width:744px) {
 #icm {display:inline-block;}
 .d14 ul.menu, .d14 ul.menu:active {display:none; position:absolute; padding:0px; left:0px; top:49px; width:483px; background:#ddd;}
 .d14:hover > ul.menu {display:block;}
 }

@media only screen and (min-width:745px) {
 #icm {display:none}
 .d14 ul.menu 	 {display:block; width:483px}
 .d14 ul.menu li {width:160px;}
}

@media only screen and (max-width:1009px) {
 .d14 ul ul.m00 li.m05 ul {width:160px}
 .d14 ul ul ul.m05 li {width:160px}
 .d14 ul ul ul 	{display:none}
 .d14 ul ul li a   {pointer-events:auto; cursor:auto;}
 .d14 ul ul li li a   {pointer-events:auto; cursor:auto;}
 }

@media only screen and (min-width:1010px) {
 .d14 ul.menu	{width:calc(100% - 244px); max-width:607px;}
 .d14 ul ul.m00 {width:1006px}
 .d14 ul ul.m00 ul.m05 	{width:804px;}
 .d14 ul ul.m00 li.m05 ul {width:804px;}
 .d14 ul.menu li {width:200px;}
 .d14 ul ul.m00 li.m05 ul li	{width:200px}
 .d14 ul ul.m00 li.m05 ul li ul	{width:200px}
 .d14 ul ul li:hover > ul {display:block;}
 .d14 ul ul ul li:hover > ul {display:block;}
 .d14 ul ul li a   {pointer-events:auto; cursor:auto;}
 .d14 ul ul li li a   {pointer-events:auto; cursor:auto;}
 }


/********** romp **********/
.d20	 	{margin:0px; padding:10px;}

.d20b	 	{margin:auto; padding:0px; width:300px;}
.d21	 	{clear:both; margin:0px}

.d22		{margin:auto; padding:10px;}
.d25		{float:left; max-width:380px; padding:10px;}
/*.d25 *		{text-align:right; color:#555;}*/
.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;}

.inh		{min-height:200px; 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;}


/********** voet **********/
.d30		{clear:both; width:100%; margin:auto; padding:0px; text-align:center}
.d31	 	{clear:both; position:relative; width:100%; padding:20px 0px; font-size:14px; color:#666; text-align:center}


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

.d35	 	{clear:both; margin:auto; padding:0px; background:#B8E790; font-size:14px; color:#444; text-align:center; text-decoration:none}
.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}

@media only screen and (max-width:807px) {.d35	 {display:none;}}
@media only screen and (min-width:808px) {.d35	 {display:inline-block;}}

.d36	 	{clear:both; display:inline-block; box-sizing:border-box; margin:auto; padding:3px 5px; background:#333; font-size:14px;}
.d36 div 	{float:left; width:205px; margin:5px}
.d36 div div	{margin:13px; border:1px solid #888; padding:10px 0px; text-align:left;}
.d36 ul 	{list-style:none; margin:0; padding:0;}
.d36 ul li 	{margin:0px; height:40px;}
.d36 ul li a	{display:block; padding:10px 18px; color:#BBB; text-decoration:none}
.d36 li:hover 	{background:#222; color:#458546}

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

/********** refr balk **********/
.d38		{background:#9D6; box-sizing:border-box; width:100%; padding:5px 10px; font-size:11px; color:#111; text-align:right;}
.ref,.refr,.copr{clear:left; font-size:11px; color:#666; text-align:left; padding-right:5px;}

.pagedu		{display:inline-block; max-width:300px; clear:none; padding:10px; text-align:center;}
.pagedu a	{display:block; font-size:18px; color:#666; text-decoration:none}


/* moln */
.moln {max-width:500px; height:500px; margin:auto; background-color:#EFFFDF;}
.molf {display:none; width:100%;}

.slide 		{width:100%}
.slide ul	{width:100%}
/*.slide li	{width:100%}*/
.slide img	{width:100%}	

/********** tabellen ********/
table	{text-align:left; border-collapse:collapse;}
.tbl    {margin:10px auto; width:500px; padding:2px ; border:solid 1px #C0C0C0;}

.tbl th  	{text-align:center; background-color:#EFFFDF; font-size:14px; color:#888; padding: 3px 10px;}
.tbl .kop	{text-align:center; background-color:#c0c0c0; font-size:14px; color:#222; padding: 3px 10px;}
.tbl td		{text-align:left; border-style: solid; border-width: 1px; border-color:#C0C0C0; padding: 3px 10px;}
.tbl .c		{text-align:center;}
.tbl th a {display:block; text-decoration:none; color:#F26522;}
.tbl td a {display:block; text-decoration:none; color:#333;}
.tbl td:hover 	{background:#eee; text-decoration:none; color:#333;}
.tbl img  	{border:solid 1px #DDFFFF;}


/* tabel verzendkosten op pagina bestellen */
.mailtbl2  {margin:auto; width:500px; padding:2px ; border:solid 1px #C0C0C0;}
.mailtbl3  {margin:auto; width:700px; padding:2px ; border:solid 1px #C0C0C0;}
.mailkop2  {text-align:center; background-color:#800080; font-size:14px; color:#FFFFFF;}
.mailkop3  {text-align:center; background-color:#c0c0c0; font-size:12px; }
.mailcel2  {text-align:center; border:solid 1px #C0C0C0; padding: 3px 10px;}

/* tabel kortingen */
.kortbl  {margin:auto; padding:2px ; border:solid 1px #C0C0C0;}
.kortit  {text-align:center; background-color:#800080; font-size:12px; color:#FFFFFF; padding: 3px 10px;}
.kortbl .subkop {text-align:center; background-color:#c0c0c0; font-size:12px; font-weight:bold; padding: 3px 10px;}
.kortbl th {text-align:center; background-color:#c0c0c0; font-size:12px; padding: 3px 10px;}
.kortbl td  {width:140px; border:solid 1px #C0C0C0; padding:3px 10px; text-align:center;}
.kortbl .r {padding-right:10px;}
.kortbl .c1 {padding-left:10px; text-align:left;}

/****** tabel kortingen  ******/
.tbl-kor 	 {margin:auto; width:300px; padding:2px ; border:solid 1px #C0C0C0;}
.tbl-kor .tit  {text-align:center; background-color:#800080; font-size:12px; color:#FFFFFF; padding: 3px 10px;}
.tbl-kor th 	 {width:100px; text-align:center; background-color:#800080; font-size:12px; color:#FFFFFF; padding: 3px 10px;}
.tbl-kor .subkop {text-align:center; background-color:#c0c0c0; font-size:12px; font-weight:bold; padding: 3px 10px;}
.tbl-kor td  	 {text-align:right; border:solid 1px #C0C0C0; padding: 3px 30px 3px;}