/* This style primarily for standards browser (ie non-IE) */
body {
	font-family: "Bookman Antiqua", "Georgia", "Times Roman";
	color: #804000; /* brown is not a valid color */
	background-color: #00FFFF; /* cyan is not a valid color */
	text-align: left;
	font-size: medium;
	text-indent: 0cm;
	padding: 0;
	margin: 0;
}

/* header part */

#w3c {	display: none;
}

#masthead {
	position: fixed;
	top: 0;
	width: 100%;
	height: 141px;
	background-color: #ffffc4;
	margin: 0 auto 0 auto;
	padding: 0;
}

#masthead img {
	border: none;
}

#masthead { 
	display: none;
}

#logo img {
	display: none;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	width: 130px;
	height: 123px;
}

#headline {
	min-width: 400px;
	min-height: 75px;
	font-size: 18pt;
	margin-left: 150px;
	text-align: center;
}

#headline img {
	width: 400px;
	height: 75px;
}

#subhead {
	margin: auto;
	font-family: Ironclad, Impact, monospace;
	font-size: 18pt;
	font-weight: bolder;
	color: black;
	text-align: center;
}


/* All definitions used in the main menu */

#mainmenu {
	position: fixed;
	top: 140px;
	bottom: 0px;
	right: 0;
	width: 250px;
	background-color: white;
        background-image: url(/img/4circle.png);
        background-position: top right;
        background-repeat: no-repeat;
	padding: 0;
}

#filler {
	position: absolute;
	top: 49px;
	bottom: 0px;
	width: 200px;
	background-color: #ffffc4;
	margin-left: 50px;
	padding: 0;
}

#pinmenu {
	padding-left: 5px;
}

#pinmenu ul {
	list-style-type: none;
}

#pinmenu .home {
	list-style-image: url(/img/home.png);
}

#pinmenu .orange {
	list-style-image: url(/img/uu-orangepin.png);
}

#pinmenu .purple {
	list-style-image: url(/img/uu-purplepin.png);
}

#pinmenu .blue {
	list-style-image: url(/img/uu-bluepin.png);
}

#pinmenu .red {
	list-style-image: url(/img/uu-redpin.png);
}

#pinmenu .yellow {
	list-style-image: url(/img/uu-yellowpin.png);
}

#pinmenu .green {
	list-style-image: url(/img/uu-greenpin.png);
}

#pinmenu .onorange {
	list-style-image: url(/img/lu-orangepin.png);
}

#pinmenu .onpurple {
	list-style-image: url(/img/lu-purplepin.png);
}

#pinmenu .onblue {
	list-style-image: url(/img/lu-bluepin.png);
}

#pinmenu .onred {
	list-style-image: url(/img/lu-redpin.png);
}

#pinmenu .onyellow {
	list-style-image: url(/img/lu-yellowpin.png);
}

#pinmenu .ongreen {
	list-style-image: url(/img/lu-greenpin.png);
}

#pinmenu .orange:hover {
	list-style-image: url(/img/up-orangepin.png);
}

#pinmenu .purple:hover {
	list-style-image: url(/img/up-purplepin.png);
}

#pinmenu .blue:hover {
	list-style-image: url(/img/up-bluepin.png);
}

#pinmenu .red:hover {
	list-style-image: url(/img/up-redpin.png);
}

#pinmenu .yellow:hover {
	list-style-image: url(/img/up-yellowpin.png);
}

#pinmenu .green:hover {
	list-style-image: url(/img/up-greenpin.png);
}

#pinmenu .onorange:hover {
	list-style-image: url(/img/lp-orangepin.png);
}

#pinmenu .onpurple:hover {
	list-style-image: url(/img/lp-purplepin.png);
}

#pinmenu .onblue:hover {
	list-style-image: url(/img/lp-bluepin.png);
}

#pinmenu .onred:hover {
	list-style-image: url(/img/lp-redpin.png);
}

#pinmenu .onyellow:hover {
	list-style-image: url(/img/lp-yellowpin.png);
}

#pinmenu .ongreen:hover {
	list-style-image: url(/img/lp-greenpin.png);
}

/* The address part */

#address {
	background-color: #ffffc4;
	padding: 1em 0 0 0;
	color: #804000; /* brown is not a valid color */
	width: 80%;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 12pt;
}

#address ul {
	list-style-type: none;
	padding: 0;
}

#address ul li  {
	text-indent: 0;
}

#address ul li a {
	padding-top: 1em;
}

/* Submenu definitions */

#submenu {
	position: fixed;
	top: 140px;
	left: 0;
	right: 250px;
	padding: 0 2em 0 0;
	background-color: white;
	border: 1px solid white;
}

#submenu ul {
	margin-left: 1em;
	padding-left: 0.5em;
	list-style-type: none;
}

#submenu ul li {
	display: inline;
	font-family: Verdana, Arial, sans-serif;
}

#submenu ul li a {
	padding: 0.2em 0.7em 0.2em 0.7em;
	text-decoration: none;
	background-color: #deb887;
	border-color: #deb887;
	border-width: 4px;
	border-style: groove;
	color: #a52a2a;
	font-weight: bold;
}

#submenu ul li a:hover {
	border-style: ridge;
	color: #ffffc4;
	font-weight: bold;
}

#submenu ul li a.selected {
	color: #ffffc4;
	background-color: #eec897;
}

/* Main definitions */

#main {
       	margin: 140px 250px 0 0;
	padding: 0.5em;
}

#content {
	margin-top: 50px;
}

#left {
	margin-top: 1em;
        vertical-align: text-top;
        border-right: 1px none #804000; /* brown is not a valid color */
	padding: 0 1em 0 1em;
}

#left h3 {
        padding-top: 0;
        padding-bottom: 0.5em;
}

#right {
	margin-top: 1em;
        vertical-align: text-top;
	padding: 0 1em 0 1em;
        border-left: 1px solid #804000; /* brown is not a valid color */
}

#right h3 {
        padding-top: 0;
        padding-bottom: 0.5em;
}

#topic {
	position: fixed;
	vertical-align: middle;
	text-align: center;
	margin: 0px 0 0 0;
	padding: 15% 0 15% 0;
	width: 5em;
	color: #804000; /* brown is not a valid color */
	font-size: large;
}

#explanation {
	text-align: left;
	color: #804000; /* brown is not a valid color */
	margin-top: 50px;
	margin-right: 2em;
	margin-left: 6em;
}

.odd {
	background-color: #ffffc4;
	padding: 1em;
	margin: 0;
}

.even {
	padding: 1em;
	margin: 0;
}

.highlight {	
	color: #C08000; /* lightbrown is not a valid color */
	font-weight: bold;
	background-color: #ffff00;
}

#tarieven {
	margin-top: 50px;
}

#phpinfo {
	display: none;
}

#noshow { display: none; width: 0; height: 0; margin: 0; padding: 0; }