/* www.nayanayon.com 2020*/
/* 2020.01.20 */

.balk0      {background-color:#A6C4C4; text-align:center; font:7pt "century gothic",arial; color:#5B8A8A} 	
.balk0:hover {background-color:#9DDB60;}

.blok1      	{float:left; width:280px; height:330px; margin:5px 7px; padding:1px; border:solid 2px #EFFFDF; text-align:center;}
.blok1:hover 	{background:#EFFFDF;}
.blok1 h1 	{margin:0px auto 20px; font-size:20px; color:#999; letter-spacing:0.2em;}
.blok1 span	{margin:12px; text-align:center; font-size:15px; font-weight:normal; color:#aaa; letter-spacing:0.1em;}
.blok1 a    	{display:block; text-decoration:none; cursor:pointer;}

/*hoofdblokken catalogus*/
.blok2		{float:left; width:250px; height:280px; border:solid 0px #EFFFDF; margin:0px; padding:10px; text-align:center;}
.blok2 h2	{margin:10px 0px; padding:0px; font-size:20px; color:#999; letter-spacing:0.2em; background-color:transparent;}
.blok2:hover	{background-color:#EFFFDF;}
.blok2 a	{display:block; text-decoration:none; cursor:pointer;}
.blok2 img	{height:200px}

/*catalogus web*/
.blok3		{float:left; width:250px; height:330px; border:solid 2px #EFFFDF; margin:10px; text-align:center;}
.blok3 h1	{width:250px; height:250px; margin:0px; padding-top:60px; font-size:30px; color:#999; letter-spacing:0.4em; text-align:center; background-color:#EFFFDF;}
.blok3 h2	{margin:10px 0px; padding:0px; font-size:20px; color:#999; letter-spacing:0.2em; background-color:transparent;}
.blok3:hover	{background-color:#EFFFDF;}
.blok3 a	{display:block; text-decoration:none; cursor:pointer;}

/*catalogus cat*/
.blok4		{float:left; width:250px; height:286px; margin:0px; padding:10px; text-align:center;}
.blok4 h1	{width:250px; height:250px; margin:0px; padding-top:60px; font-size:30px; color:#999; letter-spacing:0.4em; text-align:center; background-color:#EFFFDF;}
.blok4 h2	{margin:10px 0px; padding:0px; font-size:20px; color:#999; letter-spacing:0.2em; background-color:transparent;}
.blok4 h4	{margin:0px 0px; padding:0px;}
.blok4:hover	{background-color:#EFFFDF;}
.blok4 a	{display:block; text-decoration:none; cursor:pointer;}
.blok4 img	{height:200px;}
.blok4 table	{width:200px;}
.blok4 th	{padding:0px 10px; letter-spacing:0.4em; text-align:center}
.blok4 td	{padding:0px 10px 0px 0px}
.blok4 input	{width:80px}

.blok2c      {float:center; width:95%; height:330px; margin:15px 14px; border:solid 2px #EFFFDF; text-align:center; cursor:pointer;}
.blok2c:hover{background-color:#EFFFDF;}
.blok2c a    {display:block; text-decoration:none; cursor:pointer;}

/*kleurenlijst*/
.balk4		{clear:both; margin:0px 0px 200px; padding:10px 10px; text-align:center;}
.balk4 div	{float:left; width:140px; height:150px;  border:solid 1px #D8FFBB; padding:10px; cursor:pointer;}
.balk4 div:hover  {border:solid 1px #FF9900;}
.balk4 div:active {border:solid 1px #FFFF00;}

.balk6       {clear:left; float:left; width:290px; height:350px; border:solid 1px #9DDB60; margin:2px 3px; padding:0px; background-color:#EFFFDF; font-size:14px; text-align:center;}
.balk6 h1    {margin:20px 20px 0px; padding:0px;}
.balk6 img   {margin:20px}

.blok6		{float:left; width:142px; height:150px; text-align:center; border:solid 1px #9DDB60; margin:4px 3px; font-size:11px;}
.blok6:hover	{background-color:#EFFFDF;}
.blok6 h3	{margin:5px 0px; text-align:center; font-weight:bold; font-size:11px;}
.blok6 td	{text-align:left; padding:1px 8px;}

.balk8     	{float:left; width:99%; border:solid 1px #9DDB60; margin:2px 3px; padding:0px; background-color:#EFFFDF; font-size:14px; text-align:left;}
.balk8 h1    	{margin:3px 10px; padding:0px;}

.blok8		{float:left; width:142px; height:270px; text-align:center; border:solid 1px #9DDB60; margin:4px 3px; font-size:11px;}
.blok8:hover	{background-color:#EFFFDF;}
.blok8 h3	{margin:5px 0px; text-align:center; font-weight:bold; font-size:11px;}
.blok8 td	{text-align:left; padding:1px 8px;}

.balk9 	  	{margin:0; padding:10px 10px; background:#000; text-align:right; color:#fff; font-size:16px; font-weight:normal;}
.balk9 div	  {width:152px; height:48px; cursor:pointer;}
.balk9 div:hover  {width:150px; height:46px; border:solid 1px #FF9900;}
.balk9 div:active {border:solid 1px #FFFF00;}

/* scuf */
/* was d26, vanaf 2017.05.02 d28 */
/*
.d26	 	{clear:both; position:relative; width:100%; padding:10px; font-size:14px; color:#666; text-align:center}
.d26 a 		{display:inline-block; width:150px; text-decoration:none; color:#666}
.d26 img	{height:125px;}
*/
/*.d26 img:hover	{opacity:1;}*/

.d28	 	{clear:both; position:relative; width:100%; margin:0px; padding:10px 0px; font-size:14px; color:#666; text-align:center}
.d28 a 		{display:inline-block; width:150px; padding:10px 20px; text-decoration:none; color:#666}
.d28 img	{height:125px;}
/*.d28 img:hover	{opacity:1;}*/

.d31	 	{clear:both; position:relative; width:100%; padding:20px 0px; font-size:14px; color:#666; text-align:center}
.d31 a 		{display:inline-block; width:150px; padding:10px 20px; text-decoration:none; color:#666}
.d31 img	{height:125px}
/*.d31 img:hover	{opacity:1;}*/
/*.d31:hover	{background-color:#9D6;}*/

.vorg		{background:url(../graf/vorg.png) no-repeat; background-position-x:0%; background-position-y:50%}
.vorg img	{padding-left:15px;}
.volg		{background:url(../graf/volg.png) no-repeat; background-position:right;}
.volg img	{padding-right:15px;}

.rib		{position:absolute; z-index:1900; opacity:0.5; pointer-events:none;}
.kortvor	{color:#F03; text-decoration:line-through}

/* tabel strakschrijver  */
.cattab  {width:80%; border:solid 2px #9DDB60; padding:6px}
.cattit  {height:40px; padding:12px 18px; background-color:#EFFFDF; font-size:20px; font-weight:normal; color:#f26522; text-align:left;}
.catkop  {padding:4px 10px; background:#000000; font-size:14px; font-weight:normal; color:#fff; text-align:center;} 
.catcel  {border-style:solid 0px 0px 1px #9DDB60; padding: 0px 0px 0px; border-spacing:4px; text-align:center;}
.catfot  {border-style:solid 1px #DDFFFF; font-size:14px;}

/* tabel strakschrijver 2013 */
.tbl4  	    {width:80%; border-collapse:collapse; border-style:solid; border-width:2px; border-color:#9DDB60; margin:auto 20px; padding:6px; text-align:center;}
.tbl4 th    {height:40px; margin:auto; padding:12px 18px; background-color:#EFFFDF; font-size:20px; font-weight:normal; color:#888;}
.tbl4 .kop  {padding:4px 10px; background-color:#666; font-size:14px; font-weight:normal; color:#fff;} 
.tbl4 td    {border-style:solid; border-width:1px; border-color:#9DDB60; padding: 3px; border-spacing:4px; text-align:center;}
.tbl4 img   {border-width:0px; text-align:center;}
.tbl4 input {font-size:14px; text-align:right;}

/* tabel catalogus  */
.tab3  {margin:20px; border-style:solid; border-width:2px; border-color:#9DDB60; padding:6px;}
.tab3 th   {height:40px; padding:0px 50px; background-color:#EFFFDF; text-align:left; font-size:20px; font-weight:normal; color:#f26522;}
.tab3 kop  {padding:4px 10px; background:#000000; text-align:center; font-size:14px; font-weight:normal; color:#fff;} 
.tab3 td   {border:solid 0px 0px 1px #9DDB60; padding: 5px 50px 5px; border-spacing:4px; text-align:left;}
.tab3 img  {border:solid 1px #DDFFFF; font-size:14px;}

.catabel1 {border-collapse:collapse; margin:auto; width:90%; min-width:500px; max-width:750px; border:solid 2px #669933;}
.catatit1 {background-color:#9DDB60; font-size:14px; text-align:center;}
.catafot1 {text-align:center;}
.catakop1 {background-color:#C0C0C0; font-weight:bold; text-align:center;}
.catabel1 td {border:solid 1px #669933; padding:3px 12px 2px;}