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

.d00		{margin:auto;}
.d20	{max-width:1088px}
.d22,.d23		{clear:left; margin:auto; padding:0px;}
.d22 .lk	{margin:auto; text-align:center;}
.d32	{max-width:1088px}

.ref,.refr,.copr{clear:left; font-size:11px; color:#666; text-align:left; padding:15px}

.balk0      {background-color:#A6C4C4; text-align:center; font:7pt "century gothic",arial; color:#5B8A8A} 	
.balk0:hover {background-color:#9DDB60;}
.blok0      	{display:inline-block; margin:auto; width:250px; height:250px; border:1px solid #FFF;}
.blok0 img     	{position:relative; z-index:-1;}
.blok0:hover 	{border:1px solid #BBB;}
.blok0 a      	{display:block; font-size:18px; color:#333; text-decoration:none;}

.blok1      	{float:left; width:280px; height:330px; margin:5px 7px; padding:1px; border:solid 2px #EFFFDF; text-align:center;}
.blok1:hover 	{background:#EFFFDF;}
.blok1 h4 	{margin:0px auto 20px; font-size:16px; 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		{display:inline-block; width:250px; height:280px; border:solid 0px #EFFFDF; margin:0px; padding:10px; text-align:center;}
.blok2 h4	{margin:10px 0px; padding:0px; font-size:18px; font-weight:normal; 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}

.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;}




/*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;}

/*kleurenlijst*/
.balk4		{clear:both; margin:0px; padding:0px; text-align:center;}
.balk4 div	{float:left; width:140px; height:150px; border:solid 1px #BBB; padding:10px; cursor:pointer;}
.balk4 div:hover  {border:solid 1px #D8FFBB;}
.balk4 div:active {border:solid 1px #D8FFBB;}

/*catalogus cat*/
.blok4		{float:left; width:250px; height:286px; margin:0px; padding:10px; text-align:center;}
.blok4 h1	{height:230px; 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; padding-top:20px;}
.blok4 table	{width:100%}
.blok4 th	{padding:0px 10px; letter-spacing:0.4em; text-align:center}
.blok4 td	{padding:0px 10px 0px 0px}
.blok4 .kr	{float:right;} 
.blok4 input	{width:80px}

/* tprod wnk  */
.balk5     	{float:left; width:99%; margin:5px 3px; padding:10px 0px 10px 10px; background-color:#EFFFDF; font-size:16px; letter-spacing:0.2em;}
.blok5		{float:left; width:250px; border:solid 1px #FFF; margin:0px; padding:2px; text-align:left;}
.blok5 h4	{height:50px; margin-block-start:1em; font-weight:normal; font-size:16px; letter-spacing:0.2em; text-align:center; vertical-align:middle}
.blok5 h4 span {line-height:16px; vertical-align:middle}
.blok5:hover	{border-color:#CCC;}
.blok5 .i	{height:250px; padding:0px; margin:0px}
.blok5 a	{display:block; text-decoration:none; cursor:pointer;}
.blok5 img	{height:200px; padding-top:20px; padding-left:25px;}
.blok5 table	{width:100%}
.blok5 th	{padding:0px 10px; letter-spacing:0.4em; text-align:center}
.blok5 td	{padding:0px 10px 0px 0px; font-size:14px}
.blok5 input	{width:40px}
.blok5 .tov	{width:100%}

/* tprod w2  */
.balk6      {clear:left; float:left; width:290px; height:350px; margin:2px 3px; padding:0px; background-color:#EFFFDF; font-size:16px; text-align:center;}
/*.balk6 h4	{font-weight:normal; font-size:16px; letter-spacing:0.2em; text-align:center}*/
.balk6 h4	{margin:10px; font-weight:normal; font-size:16px; letter-spacing:0.2em; text-align:center; vertical-align:middle}
.balk6 .i	{height:250px; padding:0px; margin:0px}
.balk6 img  {margin:20px}
.blok6:hover	{border-color:#CCC;}
.blok6		{float:left; margin:4px 3px; border-width:1px; border-color:#333; font-size:10px;}
.blok6 h4	{font-weight:normal; font-size:16px; letter-spacing:0.2em; text-align:center}
.blok6 td	{padding:1px 8px; font-size:12px;}
.blok6 input	{margin:0px; width:20px}
.blok6 .tov		{width:100%; font-weight:normal; margin:0px 4px}



.balk8     	{float:left; width:99%; border:solid 1px #9DDB60; margin:2px 3px; padding:0px; background-color:#EFFFDF;}
.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;}

/*.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}
*/

/* tabel strakschrijver  */
.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;}


/*  prod    */
.pron .knopi {display:block; margin:auto; padding:8px 0px; border-width:0px;text-decoration:none; font-weight:bold; font-size:14px; text-align:center; cursor:pointer;}
.pron .knopi {width:268px; background:#287800; color:#FFF;}
.pron input[type=text] {font-size:14px; text-align:right; }
.pron .tov {clear:none; float:right; width:68px; height:32px; margin-left:4px; padding:2px; font-size:12px; font-weight:normal}

/*  prod    */
.prod		{width:750px}
.prod .p1 	{float:left;}
.prod .p2 	{clear:none; float:right;}

.prod i7 {width:400px;}
.prod img	{width:400px}
.prod .m1		{width:300px; margin:20px; padding:20px; background:#FFF; visibility:hidden; color:#666;}


/*.kl 	{display:inline-block; margin:0px; width:35px; height:65px}*/
/*.kl div 	{clear:left; width:35px; height:30px; margin:1px}*/
.kl		{clear:left;}
.kl div	{float:left; max-width:200px}
.kl img	{height:30px; margin:1px;}
.klk 	{height:32px; width:200px; margin:1px; padding:2px;}
.kl input[type=text]	{width:35px; margin:1px; padding-right:8px; text-align:right;}