/*=== New ==================================================================================*/
/* #2f5376 = patrol blauw */ 
/* #add8e6 = licht blauw */
/* #b22222 = firebrick */
/* #006224 = donker groen */
/* #00a94f = licht groen */
/* #ffc424 = geel */

/* General style >>> */

body {
  color: #006224;
  background: white;
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-family: verdana, arial, helvetica, sans-serif;
}

div.content {
  text-align: left;
  padding: 8px;
}

table {
  width: 100%;
  margin: 5;
  padding: 5;
  border-collapse: collapse;
}

table td {
  padding: 0;
  border-width: 0;
  vertical-align: top;
}

a {
  color: #00a94f;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #ffc424;
}

img {
  border: 0;
}

img.imageright {
  float: right;
  border-left: 15px solid white;
}

img.imageborderright {
  border-right: 10px solid white;
}

img.imagelanguage {
  padding-left: 5px; 
}

img.logoborder {
  padding: 0px;
  border: 15px solid white;
}

iframe.mapsright {
  float: right;
  border-left: 5px solid white;
  border-bottom: 5px solid white;
}

ul {
  margin: 2px;
  padding: 2px;
  list-style: decimal inside;
  text-align: left;
}

li {
  margin-left: 2px;
  list-style: square inside;
}

/* General style <<< */


/* Picture cell of the upper row */
td.headerimage {
  width: 160px;
  background-color: white;
  vertical-align: middle;
  text-align: center;
  border: 1px solid white;
}

/* Hafslotun text cell of the upper row */
td.headertext {
  width: 306px;
  background-color: white;
  vertical-align: middle;
  text-align: center;
  border: 1px solid white;
}

/* Second row, menu column cell */
td.leftseparatorcell {
  border: 1px solid white;
  background: #00a94f;
}

/* Second row, title cell */
td.rightseparatorcell {
  border-left: 1px solid white;
  border-right: 0px;
  border-top:1px solid white; 
  border-bottom:1px solid white; 
  background: #ffc424;
  color: #006224;
  padding: 6px;
  font-size: 12px;
  font-weight: bold;
}

/* Second row, empty middle cell */
td.middleseparatorcell {
  border-left: 0px;
  border-right: 0px;
  border-top:1px solid white; 
  border-bottom:1px solid white; 
  background: #ffc424;
  color: #006224;
  padding: 6px;
  font-size: 12px;
}

/* Second row, language icon cell */
td.languageseparatorcell {
  background: #ffc424;
  vertical-align: middle; 
  text-align:right; 
  border-left: 0px;
  border-right: 1px solid white; 
  border-top: 1px solid white; 
  border-bottom: 1px solid white; 
  padding-top: 4px;
  padding-right: 10px;
}

/* Third row, menu cell */
td.leftcolumn {
  width: 160px;
  background: #00a94f;
  border-left: 1px solid white;
}

td.mainmenu a {
  background-color: transparent;
  display: block;
  margin: 0;
  padding: 6px;
  font-size: 11px;
  font-weight: normal;
  color: white;
}

td.mainmenu a:hover {
  background-color: #ffc424;
  color: #006224;
}

td.mainmenu a.menuMain {
  padding-left: 10px;
  border-bottom: 1px solid white;
}

td.mainmenu a.menuSub {
  padding-left: 20px;
  border-bottom: 1px solid white;
}

td.mainmenu a.logo {
  padding: 0px;
  border-bottom: 1px solid white;
/*  switch to this when enabling to 'summer' logo's */  
/*  border-bottom: 1px solid #00a94f; */
}

td.centercolumn {
  font-size: 12px;
}

/* Price table */
td.pricetableheader {
  padding: 4px; 
  border: rgb(255, 255, 255) 2px solid; 
  vertical-align: middle; 
  background-color: firebrick;    
  color: rgb(255, 255, 255); 
}

td.pricetablelowseason {
  padding: 4px; 
  border: rgb(255, 255, 255) 2px solid;
  vertical-align: middle; 
  background-color: lightblue;    
}

td.pricetablehighseason {
  padding: 4px; 
  border: rgb(255, 255, 255) 2px solid; 
  vertical-align: middle; 
  background-color: lightgreen;    
}

td.pricetableskiseason {
  padding: 4px; 
  border: rgb(255, 255, 255) 2px solid; 
  vertical-align: middle; 
  background-color: yellow;    
}

td.pricetablehousekeeping {
  padding: 4px; 
  border: rgb(255, 255, 255) 2px solid; 
  vertical-align: middle; 
  background-color: rgb(255, 204, 0);    
}

td.pricetablebedlinen {
  padding: 4px; 
  border: rgb(255, 255, 255) 2px solid; 
  vertical-align: middle; 
  background-color: rgb(255, 204, 153);    
}
