header, footer, section, aside, nav, article{display:block;}
@media (min-width: 1000px) {header, section, nav, footer {background-color:white;width:950px;padding:0px;margin: 0px auto;}}									
@media (max-width: 999px)  {header, section, nav, footer {background-color:white;width:100%; padding:0px;margin: 0px auto;}}

/********** BODY **********/
@media (min-width: 1000px) {body{width:950px;margin-left: auto;margin-right: auto;
								 font-family: Verdana, Arial, Helvetica;font-size:13px;color:#2a2a2a;overflow:auto;
								 background-color: #7d8f87;	background-image:url(images/camping-verte-rive-cromary-fond.jpg);width:950px;
								 background-attachment:fixed;}}

@media (max-width: 999px) {body{width:95%;margin-left: auto;margin-right: auto;
								 font-family: Verdana, Arial, Helvetica;font-size: clamp(13px, 5vw, 13px);color:#2a2a2a;overflow:auto;
								 background-color: #7d8f87;background-image:url(images/camping-verte-rive-cromary-fond.jpg);
								 background-attachment:fixed;}}

/********** HEADER = alles boven zwarte NAV-balk **********/
header{height:auto;background-color: white;}
@media (min-width: 1000px) {header table{width:950px;}}
@media (max-width: 999px)  {header table{width:95%;}}
header table td{width:auto;height:64px;margin-bottom:0px;}
header li{list-style-type:none;padding-top:5px;font-size: clamp(13px, 2vw, 13px);padding-right:5px;padding-left:5px;}
header a{text-decoration: none;color:#2a2a2a;}
header ul li ul {position: absolute;width: 17em;left: -999em;float: none;border-bottom: none;}
header ul li:hover ul {left:auto; padding:10px;}/*afstand lijst 4 talen tov vlaggen*/
header ul li ul li {padding: 8px; background-color:white;}
@media (min-width: 1000px) {.banner-home {width:950px;height:140px;}}
@media (max-width: 999px) {.banner-home {width:100%;height:100%;}}

/********** ZWARTE NAV-BALK **********/
/*NAV1 (enkel zichtbaar bij grote toestellen)*/
@media (min-width: 1000px) {.nav2{display: none}}
@media (min-width: 1000px) {.nav1{height:40px;background-color:#2a2a2a;width:950px;margin-top:-16px;}}   /*hoogte van de zwarte balk*/
@media (min-width: 1000px) {.nav1 li{float:left;list-style-type:none;padding-top:12px;}}   /*left=vlnr - geen dots of... - verticale positie binnen zwarte balk*/
@media (min-width: 1000px) {.nav1 a{text-decoration: none;color:white;padding:5px;margin-top:5px;margin-bottom:5px;margin-right:25px;margin-left:25px;border-radius:10px;}}
@media (min-width: 1000px) {.nav1 a:hover, .nav1 a:active{background-color:white;color: #2a2a2a;}}
@media (min-width: 1000px) {.nav1 .huidige_pagina{background-color:white;color: #2a2a2a;}}
@media (min-width: 1000px) {.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}}   /*https://www.w3schools.com/css/css_float_clear.asp*/
@media (min-width: 1000px) {*:first-child+html .clearfix {min-height: 1px;}}   /*https://www.w3schools.com/cssref/sel_firstchild.php*/
@media (min-width: 1000px) {.nav1 ul li ul {position:absolute;width: 17em;left: -999em;float: none;}}
@media (min-width: 1000px) {.nav1 ul li:hover ul {left:auto; padding:11px;}}   /*positie uitklapmenu tov zwarte balk*/									  
@media (min-width: 1000px) {.nav1 ul li ul li{padding-left: 0px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;
                             margin-left:5px;background-color:white;width:230px;border:1px solid black;}}   /*inhoud, kleur, breedte en rand uitklapmenu*/	
@media (min-width: 1000px ){.nav1 ul li ul li a{text-decoration: none;color:#2a2a2a;}}

/*NAV2 (enkel zichtbaar bij kleine toestellen)*/
/*NAV2 (enkel zichtbaar bij kleine toestellen)*/
@media (max-width: 999px) {.nav1{display: none}}   /*nav1 niet zichtbaar op kleine toestellen*/
@media (max-width: 999px) {.nav2{height:100px;background-color:#2a2a2a;width:100%;margin-top:-19px;font-size: clamp(13px, 5vw, 15px);}}   /*opmaak zwarte balk*/
@media (max-width: 999px) {.nav2 ul li{float:left;list-style-type:none;padding-top: 20px;line-height: 0.2;}}   /*afstand 3 witte lijntjes uitklapmenu*/
@media (max-width: 999px) {.hr-nav-resp-res{width:30px; border:2px solid white;}}   /*opmaak 3 witte lijntjes uitklapmenu*/
@media (max-width: 999px) {.nav2 ul li:hover ul{left:auto; padding:11px;}}   /*uitklapmenu verschijnt links met padding 11px bij hover*/
@media (max-width: 999px) {.nav2 ul li ul {position:absolute;width: 12em;left: -999em;float: none;margin-top:-80px;margin-left:-70px;}}   /*positie uitklapmenu tov zwarte balk*/
@media (max-width: 999px) {.nav2 ul li ul li {color:#2a2a2a;line-height: 1.5;padding-left: 30px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;margin-left:20px;background-color:white;width:250%;height:300%;border-bottom:1px solid black;}}   /*inhoud, kleur, breedte en rand uitklapmenu*/	
@media (max-width: 999px) {.nav2 a:link, .nav2 a:active,.nav2 a:visited {text-decoration: none; color: #2a2a2a;}}
@media (max-width: 999px) {.nav2 a:hover {text-decoration:underline;font-weight:bold;color: #2a2a2a;}}

/*NAVINDEX: index, google, campercontact, camperstop, 2 QR-pagina's */
@media (min-width: 1000px) {.navindex{height:40px;background-color:#2a2a2a;width:950px;margin-top:-16px;text-align:center;color: white;padding-top:4px; padding-bottom:3px;word-spacing:5px;}}
@media (max-width: 999px) {.navindex{height:40px;background-color:#2a2a2a;width:100%;margin-top:-18px;text-align:center;color: white;padding-top:4px; padding-bottom:3px;word-spacing:5px;}}
		  
/********** SECTION **********/
section{height:auto;overflow:scroll;overflow-y:hidden;padding-top:10px;}

/********** ASIDE **********/
@media (min-width: 1000px) {aside{width:200px;float:left;font-size:13px;padding-left:25px;padding-right:15px;padding-top:5px;padding-bottom:5px;}}
@media (max-width: 999px)  {aside{display: none}}
aside ul li {margin-left:-20px;padding-top:2px;padding-bottom:2px;}
aside ul li a:link, aside ul li a:visited, aside ul li a:active, aside ul li a:hover{text-decoration:none;color:#2a2a2a;}
aside ul li ul li a:link, aside ul li ul li a:visited, aside ul li ul li a:active, aside ul li ul li a:hover{text-decoration:none;color:#2a2a2a;}	

/*18/11/25: fixed-aside enkel nog bij mentions legales, mag dan weg */
.fixed-aside {width:200px;position:fixed;float:left;font-size:13px;padding-left:25px;padding-right:15px;padding-top:4px;padding-bottom:4px;}
.fixed-aside ul li{margin-left:-15px;padding-top:2px;padding-bottom:2px;}
.fixed-aside a:link, .fixed-aside a:visited, .fixed-aside a:active{text-decoration:none;color:#2a2a2a;}
.fixed-aside a:hover{text-decoration:underline;color:#2a2a2a;}

/* .home = opmaak balk highlights in aside */
.home {text-align:center;width:200px;float:left;font-size:13px;padding-left:35px;padding-right:5px;padding-top:5px;padding-bottom:5px;}
.home a:link, .home a:visited, .home a:active{text-decoration:none;color:#2a2a2a;}/* is enkel van toepassing als er terug tekst in zou komen */
.home a:hover {text-decoration:underline;color:#2a2a2a;} /* is enkel van toepassing als er terug tekst in zou komen */

/********** ARTICLE: OPMAAK LIJSTEN INDIEN NIETS AFWIJKEND **********/
article ul li{padding-bottom:3pt;margin-left:0px;font-size: clamp(13px, 2vw, 13px);}  
article a:link, article a:visited, article a:active, article a:hover{text-decoration:underline;color:#2a2a2a;}
article ul li a:link, article ul li a:visited, article ul li a:active{text-decoration:none;color:#2a2a2a;}
article ul li a:hover{text-decoration:underline;color:#2a2a2a;}

/********** ARTICLE met aside **********/
@media (min-width: 1000px) {article{width:625px;float:right;padding-left:15px;padding-right:10px;padding-top:5px;margin-right:10px;border-left:2px solid #686868;}}
@media (max-width: 999px)  {article{width:90%;  float:left; padding-left:10px;padding-right:10px;padding-top:5px;margin-left:25px;margin-right:10px;border-left:0px;}}

/********** ARTICLE opmaak kader TROEVEN **********/
.troeven li{font-size: clamp(14px, 2vw, 14px);	padding-bottom:10px;}
@media (min-width: 1000px) {.troeven li a:link, .troeven li a:visited, .troeven li a:active, .troeven li a:hover{text-decoration:underline;color:#2a2a2a;
							font-size:14px;line-height:15pt;}}
@media (max-width: 999px)  {.troeven li a:link, .troeven li a:visited, .troeven li a:active, .troeven li a:hover{text-decoration:underline; 
							font-size: clamp(14px, 2vw, 14px);line-height:25pt;}}
@media (min-width: 1000px) {article .troeven{
	margin-left:0px;
	padding-top:15px;padding-bottom:15px;padding-right:20px;
	width:500px;
	border:1px solid black;border-radius:15px;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #7d8f87 100%); /* FF3.6-15 */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#7d8f87)); /* Chrome4-9,Safari4-5 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#7d8f87 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#7d8f87 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#7d8f87 100%); /* IE10 preview */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#7d8f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7d8f87',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}}
@media (max-width: 999px) {article .troeven{
	margin-left:0px;
	padding-top:15px;padding-bottom:15px;padding-right:20px;
	width:90%;
	border:1px solid black;border-radius:15px;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #7d8f87 100%); /* FF3.6-15 */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#7d8f87)); /* Chrome4-9,Safari4-5 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#7d8f87 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#7d8f87 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#7d8f87 100%); /* IE10 preview */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#7d8f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7d8f87',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}}

/********** ARTICLE Fit en Fun **********/
.articlefitenfun{width:100%;float:left;padding-left:0px;padding-right:0px;padding-top:5px;margin-left:100px;margin-right:0px;border-left:0px;}

/*button voor titels article fit en fun en verhuur */
.buttononclick {background-color: white;font-family: Arial;text-decoration:none;font-size:13px;color:#2a2a2a;border: 1px solid black;border-radius:10px;padding-top:8px;padding-bottom:8px;padding-left:30px;padding-right:30px;float:right;display: inline-block;cursor: pointer;}
.buttononclick2 {background-color: white;font-family: Arial;text-decoration:none;font-size:13px;color:#2a2a2a;border: 1px solid black;border-radius:10px;padding-top:8px;padding-bottom:8px;padding-left:30px;padding-right:30px;text-align:center;display: inline-block;cursor: pointer;}

/********** ARTICLE zonder aside **********/
.articlenoaside{width:92%;float:left;padding-left:10px;padding-right:10px;padding-top:5px;margin-left:25px;margin-right:10px;border-left:0px;}

/********** ARTICLE zonder aside voor reviews**********/
.articlereviews{width:92%;float:left;padding-left:100px;padding-right:100px;padding-top:5px;margin-left:25px;margin-right:10px;border-left:0px;}
.articlereviews img{margin-right:50px;margin-bottom:10px;}

/********** ARTICLE zonder aside voor reserverings- en andere formulieren met code via Bravenet **********/
.articlereservation{width:93%;float:left;padding-left:15px;padding-right:10px;padding-top:5px;margin-right:10px;
					font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#000000;border-left:0px}
.articlereservation ul li{padding-bottom:3pt;margin-left:-20px;font-size:13px;}  
.articlereservation a:link{text-decoration:none;color:#2a2a2a;}
.articlereservation a:hover{text-decoration:underline;color:#2a2a2a;}
.articlereservation ul li a:link{text-decoration:none;color:#2a2a2a;}
.articlereservation ul li a:hover{text-decoration:underline;color:#2a2a2a;}
/* FORMULIER extra tov Bravenet voor kader */
form {border-width: 1px;border-style: dashed;border-color: #cccccc;padding: 15px;width: 100%;}

/********** SOCIALS (onderaan op home **********/
@media (min-width: 1000px) {.socials2 {display: none}}
@media (max-width: 999px) {.socials1 {display: none}}

/********** FOOTER (nog aan te passen -1000/+1000 **********/
footer {height:40px;background-color:#2a2a2a;color: white;}
footer table td{width:156px;height:30px;}
footer table tr{padding-top:9px;margin:0;}
footer a{text-decoration: none;color: white;}

/********** HEADING ELEMENTS EN ANDERE SPECIFIEKE OPMAAK **********/
h1{font-family: Verdana, Arial, Helvetica;font: #2a2a2a;font-size:20px;font-weight:bold;}
h2{font-family: Verdana, Arial, Helvetica;font: #2a2a2a;font-size:15px;font-weight:bold;}
h3{font-family: Verdana, Arial, Helvetica;font: #2a2a2a;font-size:13px;line-height:1.3;word-spacing:2px;font-weight:normal;padding-left:15px;}
h4{font-family: Verdana, Arial, Helvetica;font: #2a2a2a;font-size:13px;font-weight:bold;}
h5{font-family: Verdana, Arial, Helvetica;font: #2a2a2a;font-size:19px;font-weight:bold;border-bottom:3px solid black;border-left:3px solid black;padding-bottom:5px;}
/*h5 enkel voor titels article fit en fun*/
.padding15{padding:15px;}
.padding8{padding:8px;}
.alignright{text-align:right;}
.backtotop{background-color: white;border: 1px solid black;border-radius:10px;padding-top:1px;padding-bottom:3px;padding-left:5px;padding-right:5px;float:right;}
.backtotop a:link{font-family: Arial;text-decoration:none;font-size:13px;color:#2a2a2a;}
.pictcenter img{text-align:center;}

/********** SCALE verhuur **********/
.scale2_5:hover{transform:scale(2.5);transition-duration:0s;position:relative;top:60px;}
.scale2_5right:hover{transform:scale(2.5);transition-duration:0s;position:relative;right:145px;top:60px;}
.scale2_5left:hover{transform:scale(2.5);transition-duration:0s;position:relative;left:145px;top:60px;}
.scale2left:hover{transform:scale(2);transition-duration:0s;position:relative;left:145px;top:60px;}

/******************************/
/********** TABELLEN **********/
/******************************/

/********** TABEL standaard **********/
table{width:100%; border-collapse:collapse;}
th, td{width:98px; height:20px;padding-left:5px;}

/********** TABEL stylenoaside **********/
.tablenoaside {width:100%; border-collapse:collapse;overflow:scroll;}
.tablenoaside th, .tablenoaside td{width:auto;height:20px;padding-left:5px;}

/**********TABEL TAALKEUZE STARTPAGINA **********/
.tabeltaalkeuze          {width:80%;}
.tdlinks                 {padding-left:120px;}
.tdrechts                {padding-left:14px;}
.tabeltaalkeuze tr       {height:240px;}
.img1                    {border-radius:80px 10px 10px 10px;border:2px solid grey;}
.img2                    {border-radius:10px 80px 10px 10px;border:2px solid grey;}
.img3                    {border-radius:10px 10px 10px 80px;border:2px solid grey;}
.img4                    {border-radius:10px 10px 80px 10px;border:2px solid grey;}
.tabeltaalkeuze  img:hover{transform:scale(1.08);transition-duration:1s;position:relative;}

/********** TABEL uitstapjes (nu Fit en Fun) **********/
/********** TABEL stylenoaside **********/
.tablefitenfunkop {width:600px; border-collapse:collapse;overflow:scroll;border:2px solid grey;background-color:#e9e9e9;}  /*#f4f8f9;*/
.tablefitenfunkop td{width:120px;padding-left:5px;padding-right:10px;padding-top:5px;text-align:left;}
.tablefitenfun {width:600px;border:1px solid grey;text-align:top;}
.trlaag td{height:1px;}
.tablefitenfun td {width:120px;padding-left:5px;padding-right:10px;padding-top:5px;vertical-align: top;}
.tablefitenfun a:link, .tablefitenfun a:visited, .tablefitenfun a:active{text-decoration:none;color:#2a2a2a;}
.tablefitenfun a:hover{text-decoration:underline;color:#2a2a2a;}
.trtop10px img{float:left;}
.trtop10px td{height:35px;vertical-align: bottom;}
.tableresto {width:600px;border:1px solid grey;text-align:top;}
.tableresto td {width:auto;padding-left:5px;padding-right:10px;padding-top:10px;padding-bottom:10px;vertical-align: top;}
.tableresto a:link, .tablefitenfun a:visited, .tablefitenfun a:active{text-decoration:none;color:#2a2a2a;}
.tableresto a:hover{text-decoration:underline;color:#2a2a2a;}

/********** TABEL wat waar in een notendop **********/
.tabelwatwaar	 {width:100%; }
.tabelwatwaar td {padding-top:4px;padding-bottom:4px; width:auto; padding-left:6px; padding-right:6px;}
.tabelwatwaar tr {border:0.75px solid grey;text-align:center;padding-top:100px;}

/**********TABEL tarieven camping 2025 *********
.tabeltarieventabel       {width:98%;}
.tarieventabelkleurleft   {width:12,5%;height:24px;border:1px solid grey;padding:8px;text-align:left; background-color:lavender;}
.tarieventabellow         {            height:20px;border:1px solid grey;}
.tarieventabel            {width:10%;  height:20px;border:1px solid grey;padding:8px;text-align:center;}
.tarieventabellesspadding {width:12,5%;height:20px;border:1px solid grey;padding:2px;text-align:center;}
.tarieventabelbig         {width:12,5%;height:20px;border:1px solid grey;padding:8px;text-align:center;font-size:18px;}
.tarieventabelkleurbig    {width:12,5%;height:20px;border:1px solid grey;padding:8px;text-align:center;background-color:lavender;font-size:18px;}
.tarieventabelpict        {                                              padding:0px;text-align:center;}
.tarieventabelhoger       {width:12,5%;height:40px;border:1px solid grey;padding:8px;text-align:center;}
.tarieventabelkleurhoger  {width:12,5%;height:40px;border:1px solid grey;padding:8px;text-align:center;background-color:lavender;}
.tarieventabelhogerleft   {width:12,5%;height:40px;border:1px solid grey;padding-left:40px;text-align:left;}*/

/**********TABEL tarieven camping 2026 *********
.tabeltarieventabel       {width:95%;margin-left:40px;}
.tarieventabelkleurleft   {width:20%;height:24px;border:1px solid grey;padding:8px;text-align:left; background-color:lavender;}
.tarieventabellow         {          height:20px;border:1px solid grey;padding-top:10px;padding-bottom:10px;}
.tarieventabel            {width:20%;height:20px;border:1px solid grey;padding:8px;text-align:center;}
.tarieventabellesspadding {width:20%;height:20px;border:1px solid grey;padding:2px;text-align:center;}
.tarieventabelbig         {width:20%;height:20px;border:1px solid grey;padding:8px;text-align:center;font-size:18px;}
.tarieventabelkleurbig    {width:20%;height:20px;border:1px solid grey;padding:8px;text-align:center;background-color:lavender;font-size:18px;}
.tarieventabelpict        {                                            padding:0px;text-align:center;}
.tarieventabelhoger       {width:20%;height:40px;border:1px solid grey;padding:8px;text-align:center;}
.tarieventabelkleurhoger  {width:20%;height:40px;border:1px solid grey;padding:8px;text-align:center;background-color:lavender;}
.tarieventabelhogerleft   {width:20%;height:40px;border:1px solid grey;padding-left:40px;text-align:left;}
.tarieventabelborder0     {width:20%;height:20px;border:0px;           padding:8px;text-align:center;}
.tarieventabelhogerleftborder0  {width:20%;height:40px;border:0px;padding-left:40px;text-align:left;}*/


/**********TABEL TEST BREEDTES **********/
.tabeldefinitie{width:800px;margin-left:40px;table-layout:fixed;border-collapse:collapse;}
.tabeldefinitie tr{height:50px;}
.td40proc{width:40%;border:1px solid grey;}
.td15proc1{width:15%;border:1px solid grey;}
.td15proc2{width:15%;border:1px solid grey;overflow: hidden;}

/**********TABEL tarieven camping 2026 *********padding:10px 5px 15px 20px; = boven10px rechts5px onder15px links20px */
.tarieven {width:800px;margin-left:40px;table-layout:fixed;border:3px solid grey;border-collapse:collapse;}
.tarieventitels          {width:120px;height:20px;padding:15px 10px 15px 10px;border:1px solid grey;text-align:left; background-color:lavender;}
.tarieventekst           {width:120px;height:20px;padding:15px 10px 15px 10px;border:1px solid grey;}
.tarieventekstcenter     {width:120px;height:20px;padding:15px 10px 15px 10px;border:1px solid grey;text-align:center;}
.tarieventekstfont18     {width:120px;height:40px;padding:5px 10px 5px 10px;border:1px solid grey;text-align:center;font-size:18px;}
.tarieventekstkleurfont18{width:120px;height:40px;padding:5px 10px 5px 10px;border:1px solid grey;text-align:center;font-size:18px;background-color:lavender;}
.tarievenpict            {width:120px;            padding:5px 10px 5px 10px;                      text-align:center;}
.tarieventeksthoger      {width:120px;height:20px;padding:15px 10px 15px 10px;border:1px solid grey;text-align:center;}
.tarieventekstkleurhoger {width:120px;height:20px;padding:15px 10px 15px 10px;border:1px solid grey;text-align:center;background-color:lavender;}
.tarievenrijlaag         {font-size:1px;height:10px;}



/********** VERHUUR – VERHUUR PRIJSLIJST – ACTIVITEITEN – PRAKTISCHE INFO **********/
caption{line-height:3;font-weight:bold; font-size:27px; height:40px;padding-bottom:10px;}
.rij {font-size:1px;height:15px}
.lagerij {font-size:1px;height:4px;}
.tablefoto {width:75%; border-collapse:collapse;}
.tablefoto th, .tablefoto td {width:33%;}
.prijstabel                  {font-size:12px;border:1px solid grey;padding-left:5px;text-align:center;}
.prijstabelkleur             {width:auto;font-size:12px;border:1px solid grey;padding-left:5px;text-align:center; background-color:lavender;}
.prijstabel th, .prijstabel td {overflow:visible;width:auto;height:20px;padding-left:30px;padding-right:30px;border:1px solid grey;}
.prijstabelkleur th, .prijstabelkleur td   {overflow:visible;width:auto;height:20px;padding-left:30px;padding-right:30px;border:1px solid grey;}
.prijstabelleft           {width:auto;font-size:12px;border:1px solid grey;padding-left:5px;text-align:left;}
.prijstabelkleurhoofd     {width:auto;font-size:12px;border:2px solid grey;padding-left:5px;text-align:center; background-color:lavender;}
.prijstabelkleurhoofdbig  {width:auto;font-size:20px;border:2px solid grey;padding-left:5px;padding-bottom:10px;padding-top:10px;text-align:center; background-color:lavender;}
.prijstabelkleurlefthoofd {width:auto;font-size:12px;border:2px solid grey;padding-left:5px;text-align:left; background-color:lavender;}
.prijstabelkleurleft      {width:auto;font-size:12px;border:1px solid grey;padding-left:5px;text-align:left; background-color:lavender;}
.prijstabelkleurright     {width:auto;font-size:12px;border:1px solid grey;padding-left:5px;text-align:right; background-color:lavender;}

/********** ZWEVENDE KNOP back to top (nu verborgen op home-nl.html) *********
.floating-container{
position: fixed;
margin-right: 250px;
right:0;
margin-top: 500px;
}

.floating-button a:link, .floating-button a:active,.floating-button a:hover, .floating-button a:visited {text-decoration:none;color:black;}

.floating-button{
position: absolute;
width: 150px;
height: 20px;
background: white;
border:5px solid black;border-radius: 20%;
font-size: 10px;color: white;text-align: center;
cursor: pointer;
}*/