html {
	margin: 0;
	padding: 0;
}

body {
	text-align: center; /* for ie */
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	color: black;
}

body,p {
	font-family: Verdana, Arial, Helvetica;
}

/* --- Web page structure --- */

div#container {
	position: relative;
	width: 1001px;
	height: 768px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;
	background-image: url(../image/001_bg1.jpg);
}

div#Top {
	position: absolute;
	left: 39px;
	top: 77px;
	width: 719px;
	height: 53px;
	padding: 0px;
}

div#LeftMenu {
	position: absolute;
	left: 59px;
	top: 165px;
	width: 187px;
	height: 120px;
	padding: 0px;
	font-size: 60%;
}

div#MainText {
	position: absolute;
	left: 261px;
	top: 160px;
	width: 477px;
	height: 135px;
	padding: 0px;
	font-size: 70%;
	margin-bottom: 0px;
}

div#BlueText {
	position: absolute;
	left: 264px;
	top: 329px;
	width: 230px;
	height: 160px;
	padding: 0px;
	font-size: 70%;
	margin-bottom: 0px;
}

div#OrangeText {
	position: absolute;
	left: 508px;
	top: 329px;
	width: 230px;
	height: 160px;
	padding: 0px;
	font-size: 70%;
	margin-bottom: 0px;
}

div#RedText {
	position: absolute;
	left: 264px;
	top: 505px;
	width: 230px;
	height: 160px;
	padding: 0px;
	font-size: 70%;
	margin-bottom: 0px;
}

div#LemongreenText {
	position: absolute;
	left: 508px;
	top: 505px;
	width: 230px;
	height: 160px;
	padding: 0px;
	font-size: 70%;
	margin-bottom: 0px;
}

div#WeatherText {
	position: absolute;
	left: 59px;
	top: 477px;
	width: 190px;
	height: 195px;
	padding: 0px;
	font-size: 70%;
}


/* --- Menu layout --- */

/* Left menu */

div#LeftMenu p {
	margin: 5px 15px 10px 15px;
	padding: 0; /* important for firefox - opera */
	font-weight: bold;
	list-style-type: none;
}

div#LeftMenu a {
	color: #000000;
	text-decoration: none;
}

	div#LeftMenu a.Applegreen:hover { color: #1DA87B; }
	div#LeftMenu a.Blue:hover {	color: #08CDEF; }
	div#LeftMenu a.Orange:hover { color: #F87908; }
	div#LeftMenu a.Red:hover { color: #F95F5A; }
	div#LeftMenu a.Lemongreen:hover { color: #BFDB20; }
	div#LeftMenu a.Purple:hover { color: #712559; }


/* --- Text layout --- */

/* Maintext */

div#MainText p {
	margin:5px 15px;	/*margin: 8px 20px 10px 25px;*/
	padding: 0px 0px 10px 0px; /* boven rechts onder links */
}


/* Colortext */

div#BlueText p {
	margin:5px 15px;	/*margin: 8px 20px 10px 25px;*/
	padding: 0px 0px 10px 0px; /* boven rechts onder links */
}

div#OrangeText p {
	margin:5px 15px;	/*margin: 8px 20px 10px 25px;*/
	padding: 0px 0px 10px 0px; /* boven rechts onder links */
}

div#RedText p {
	margin:5px 15px;	/*margin: 8px 20px 10px 25px;*/
	padding: 0px 0px 10px 0px; /* boven rechts onder links */
}

div#LemongreenText p {
	margin:5px 15px;	/*margin: 8px 20px 10px 25px;*/
	padding: 0px 0px 10px 0px; /* boven rechts onder links */
}

div#WeatherText p {
	margin:5px 15px;	/*margin: 8px 20px 10px 25px;*/
	padding: 0px 0px 10px 0px; /* boven rechts onder links */
}

/* --- Text decoration layout --- */

a { text-decoration:none; }
a:link { color:#000000; text-decoration:underline; }
a:visited { color:#000000; text-decoration:underline; }
a:active { color:#000000; text-decoration:underline; }
a:hover { color:#800000; text-decoration:underline; }

table { font-size: 90%; font-family: Verdana, Arial, Helvetica; }

h1 { font-size: 100%; margin:5px 15px; padding: 0px 0px 10px 0px; color:#000000; font-weight: bold; }

p.highlight { font-weight: bold; }
p.indent { font-size: 100%; margin-top: 0; margin-bottom: 0; margin-left: 0cm; margin-right: 0 }
p.indent1 { font-size: 100%; margin-top: 0; margin-bottom: 0; margin-left: 1cm; margin-right: 0 }

span.highlight { font-weight: bold; }
span.italic { font-style: italic; }
span.underline { font-style: underline; }
span.small { font-size: 80%; }
span.big { font-weight: bold; font-size: 100%; }