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/003_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#LeftEndMenu {
	position: absolute;
	left: 55px;
	top: 485px;
	width: 190px;
	height: 35px;
	padding: 0px;
	font-size: 60%;
}

div#LeftEnd2Menu {
	position: absolute;
	left: 55px;
	top: 520px;
	width: 188px;
	height: 130px;
	padding: 0px;
	font-size: 60%;
    overflow-y: auto; 
    overflow-x: hidden; 
    overflow: auto; 
    scrollbar-base-color: #E2EAB6;
}

div#NextMenu {
	position: absolute;
	left: 300px;
	top: 620px;
	width: 430px;
	height: 20px;
	padding: 0px;
	font-size: 60%;
	margin-bottom: 0px;
}

div#TitleText {
	position: absolute;
	left: 300px;
	top: 160px;
	width: 420px;
	height: 30px;
	padding: 0px;
	font-size: 70%;
	margin-bottom: 0px;
}

div#MainText {
	position: absolute;
	left: 300px;
	top: 200px;
	width: 420px;
	height: 430px;
	padding: 0px;
	font-size: 70%;
	margin-bottom: 0px;
    overflow-y: auto; 
    overflow-x: hidden; 
    overflow: auto; 
    scrollbar-base-color: #37B8E2;
}


/* --- 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; }


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

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

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

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

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

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

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


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


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

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

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

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




/* --- 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 }

p.Applegreen { color: #1DA87B; font-weight: bold; }
p.Blue { color: #08CDEF; font-weight: bold; }
p.Orange { color: #F87908; font-weight: bold; }
p.Red { color: #F95F5A; font-weight: bold; }
p.Lemongreen { color: #BFDB20; font-weight: bold; }
p.Purple { color: #712559; font-weight: bold; }

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%; }

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