<style type="text/css">

/* -----------------------------------------
// algemene definities
// -----------------------------------------*/

div.piet	{}
body		{font-family: arial;}
div.kader	{font-family: arial; font-size: 17px; font-style: normal; font-weight: normal; color:black; text-align: left; text-decoration: none; 
		width:960px; max-width:960px; margin:0 auto; box-shadow: 0 4px 12px rgba(100, 100, 100, 0.4); }
.rood		{color:red;}
.blauw		{color:blue;}
img.kopfoto	{width:900px;}
img.tekstfoto	{width: 250px; border-style:solid; border-width:5px; border-color:red; margin:20px; float:right;}
img.vlag	{height:70px; float:left}
td.links	{width:700px; vertical-align:baseline; border-style:none; font-family: arial; font-size: 17px; color:darkslategray; }
td.rechts	{width:200px; vertical-align:baseline; border-style:none;}
td.full		{width:900px; vertical-align:baseline; border-style:none;}
td.geenrand	{border-style:none;}
td.metrand	{padding-top:50px; vertical-align:baseline; border-style:solid; font-family: arial; font-size: 17px; color:darkslategray; }

/* -----------------------------------------
// definities voor sticky landkaart 
// -----------------------------------------*/

div.kaart	{height:600px; width:925px;}
div.maptekst	{width:160px;color:blue;font-size:15px;}
img.mapfoto	{height:70px; float:right;}
table.marker	{background-color:yellow; border-style:none;}

/* -----------------------------------------
// definities voor bestelscherm
// -----------------------------------------*/

iframe.bestelframe	{width:100%; height:600px; background-image: url("./pictures/bestel1.jpg"); background-repeat: no-repeat;}
.subkop		{position:absolute; width:90%; border-style: solid; border-width:1px; border-color:black; padding:5px 13px 5px 13px;
		background-color:yellow; color:blue; text-align:left; display:block; font-size:16px; font-weight:bold;} 
.frametekst	{font-style:normal; font-size:15px; font-weight:bold; color:blue; text-decoration:initial;}
.menutekst	{border-style: solid; border-width:1px; border-color:black; padding-left:13px; padding-right:13px; padding-top:5px; padding-bottom:5px;
		margin-left:-49px; background-color:blue; color:yellow; text-align:center; display:block; font-size:16px;} 
.knoptekst	{font-style:normal; font-size:15px; font-weight:bold; color:blue;}
ul.menu		{position:absolute; margin-top:5%; width:20%;}
li.menu		{float:none; display:block; margin:35px;}
a:hover		{font-style:italic; color:red; text-decoration:underline; background:transparent;}
div.bestel1	{font-family:garamond; position:absolute; margin-top:15px; margin-left:5%; font-size:14px; font-weight:bold;}
div.bestel2	{font-family:arial; position:absolute; margin-top:5px; margin-left:5%; font-size:16px; font-weight:bold;}
img.etiket	{width:70px;}
img.wagen	{cursor:pointer; visibility:hidden;}
img.kopicon	{height:70px; float:left;}
area.rondeknop	{cursor:pointer;}
input.aantal	{width:35px; font-size:20px; font-weight:bold; text-align:center;}
input.naam	{position:absolute; left:250px; width:400px; font-size:20px; font-weight:bold;}
textarea.melding	{width:850px; height:50px; font-size:22px; font-weight:bold; color:red; background-color:transparent; border-style:none;}

table.regel	{border-style:none; border-collapse: collapse;}
table.bestel	{border:1px solid blue; background-color:white; padding: 15px 15px 0px 0px; border-collapse: collapse;}
th		{border:1px solid green; padding-left:10px; padding-right:10px; padding-top: 8px; padding-bottom: 8px; text-align: left; background-color: #04AA6D; color: white;}
tr		{border:1px solid blue; background-color:white; padding: 15px 15px 0px 0px; border-collapse: collapse;}
tr:nth-child(even)	{background-color: #f2f2f2;}
td.webshop	{ vertical-align:middle; text-align:center; padding-left:13px; padding-right:13px;}
td.num		{ vertical-align:middle; text-align:right;  padding-left:13px; padding-right:13px;}
td.alfa		{ vertical-align:middle; text-align:left;   padding-left:13px; padding-right:13px;}

button.bestel	{background-color:green; border-radius: 8px; border: 1px solid red; color: white; padding: 15px 20px; text-align: center; text-decoration: none;
		display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; transition-duration: 0.2s;}
button.bestel:hover	{background-color: darkgreen;}
button.menuregel	{width:49%; font-style: normal; font-size: 18px; font-weight: bold; color: blue;}
button.wagentje	{width:70px; margin-right:13px; visibility:hidden}
form.inlog	{font-size:20px;}


/* -----------------------------------------
// definities voor sticky menubalk 
// -----------------------------------------*/

.header {
  background-color: khaki;
  padding: 10px;
  text-align: center;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width:960px;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 10px;
} 

/* Style the navbar */
#navbar {
  overflow: hidden;
  background-color: blue;
}

/* Navbar links */
#navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  background-color: blue;
  text-align: center;
  padding: 14px 34px;
  text-decoration: none;
}

#navbar a:hover {
  background-color: #ddd;
  color: black;
}

#navbar a.active {
  background-color: #4CAF50;
  color: white;
}

/* -----------------------------------------
// definities voor dropdownmenus
// -----------------------------------------*/

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #e0ffe0;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  margin-top: 70px;
  width: 220px;
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover	{background-color: #ddd;}
.show			{display: block;}
.container		{position: relative;}
.icontekst		{position: absolute; top: 20px; left: 85px;}

</style>