* {	margin: 0;
	padding: 0;}
html, body {
	height: 100%;
	width: 100%; }
body {
  font: 14px/1.5 sans-serif;
	color: #222222;
	background-color: #FFFFFF; }
table {
  border-spacing:0px;
  margin: 0px;
	padding: 0px;
 	border-collapse: collapse; }
table.results {
	border: 2px solid black;
	width:700px }
td {
  font: 14px/1.5 sans-serif;
	border-spacing:0px;
	vertical-align: top;
  text-align: left;
 	margin: 0px;
	padding-left: 1px;
	padding-right: 1px; }
td.results {
  border-right: 1px solid black;
  border-bottom: 1px solid black }
td.resultsClean {
  border-bottom: 2px solid black }
td.plantable {
	font: 12px sans-serif;
	text-align:center }
td.resultsLeft {
	font: 14px sans-serif;
	text-align:left }
td.resultsRight {
	font: 14px sans-serif;
	text-align:left;
	border-left: 1px solid black }
td.resultsDark {
	background-color: #888888;
	font: 14px sans-serif;
	text-align:left;
	border-top: 1px solid black;
	border-bottom: 1px solid black }
h1 {
  font: bold 30px sans-serif }
h2 {
  font: bold 15px sans-serif }
input, select, textarea {
	background-color: #BBBBBB;
	border: 1px solid black;
	color: #222222 }
input:focus, select:focus, textarea:focus {
	background-color: #CCCCCC;
	border: 1px solid black;
	color: #222222 }
img {	border: 0px }
td.story {
  width: 450px;
  text-align: center;
  background-color: #b0b29a }
td.legenda {
  width: 150px; 
  text-align: left;
  border-left: 2px solid black;
  background-color: #b0b29a }
div.header {
	text-align: center;
	z-index: 100;
	left: 50%;
  margin-left: -500px;
	top: 0px;
	width: 1000px;
	height: 158px;
	border-right: 3px solid #222222;
	border-left: 3px solid #222222;
	background-color: #AAAAAA;
  background-image: url('../../icons/header.png');
  background-repeat: repeat;
	position: absolute }
div.overlay {
  filter: alpha(opacity=40);
  -moz-opacity:0.4;
  opacity: 0.4;
	text-align: center;
	z-index: 100000;
	left: 50%;
	margin-left: -500px;
	top: 158px;
	width: 1003px;
	height: 600px;
	background-color: #000000;
	position: absolute;
	visibility: hidden }
div.helper {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
	text-align: center;
	z-index: 10000;
	left: 50%;
	margin-left: -500px;
	top: 158px;
	width: 1003px;
	height: 600px;
	background-color: #000000;
  background-image: url('../../icons/helper.png');
  background-repeat: repeat;
	position: absolute;
	visibility: hidden }
div.helper2 {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
	text-align: center;
	z-index: 10000;
	left: 50%;
	margin-left: -500px;
	top: 158px;
	width: 1003px;
	height: 600px;
	background-color: #000000;
  background-image: url('../../icons/helper2.png');
  background-repeat: repeat;
	position: absolute;
	visibility: hidden }
div.popup {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
	color: #999999;
	text-align: center;
	z-index: 100001;
	left: 50%;
  margin-left: -350px;
	top: 220px;
	width: 700px;
	height: 370px;
	border: 3px solid #333333;
	background-color: #000000;
	position: absolute;
	visibility: hidden }
div.toolbar {
	z-index: 6;
	text-align: center;
	position: absolute;
	left: 50%;
  margin-left: 280px;
	border-right: 3px solid #222222;
	border-left: 3px solid #222222;
	border-bottom: 3px solid #222222;
	top: 618px;
	<--background-color: #55564d;
	border-top: 4px solid #222222;
	font: 30px sans-serif;
	color: #222222;
	width: 220px;
	height: 136px; }
div.information {
	z-index: 5;
	text-align: center;
	position: absolute;
	left: 50%;
  margin-left: -500px;
	border-right: 3px solid #222222;
	border-left: 3px solid #222222;
	border-bottom: 3px solid #222222;
	top: 658px;
	<--background-color: #55564d;
	border-top: 4px solid #222222;
	font: 14px sans-serif;
	color: #222222;
	width: 220px;
	height: 138px; }
div.actlist {
	z-index: 3;
	text-align: center;
	position: absolute;
	left: 50%;
  margin-left: 280px;
	top: 158px;
	border-left: 3px solid #222222;
	border-right: 3px solid #222222;
	<--background-color: #55564d;
	font: 14px sans-serif;
	color: #222222;
	width: 220px;
	height: 460px; }
div.menu {
	z-index: 4;
	text-align: center;
	position: absolute;
	top: 258px;
	left: 50%;
  margin-left: -500px;
	border-top: 3px solid #222222;
	border-right: 3px solid #222222;
	border-left: 3px solid #222222;
	border-bottom: 3px solid #222222;
	<--background-color: #55564d;
	font: 14px sans-serif;
	color: #222222;
	width: 180px;
	height: 300px; }
div.daylayout {
	left: 50%;
	z-index: 1;
  margin-left: -500px;
	position: absolute;
	top: 158px;
	border-bottom: 3px solid #222222;
	border-left: 3px solid #222222;
	border-right: 3px solid #222222;
  width: 1000px;
  height: auto;
  min-height: 600px;
	background-color: #b0b29a;
  <--overflow: auto;
  background-image: url('../../icons/planner_back.png');
  background-repeat: no-repeat;  }
/*\*/
* html div.daylayout {
height: 600px;
}
/**/
hr {	size: 1px;
	width: 100%;
	color: #000000;
	border: 2px solid #000000  }
a {	color: black;
	text-decoration: none}
a.terug {
	color: #999999 }
a.ltblink {
	color: #AAAAAA;
	text-decoration: none}
a.ltblink:hover {
	background-color:#AAAAAA;
	color: #222222 }
img.thumbnail {
	border: 3px solid #333333;
	width: 200px;
  	height: 150px;
  	background-image: url('../../icons/stripes.png');
	background-repeat: repeat;  }