/* Standaardvariabelen */
html, body {
	height: 100%; /* héél belangrijk */
}

td{font: 9pt Verdana;}

body {
	text-align: center;
	background-image: url('../images/background.png');
	background-repeat: repeat;
	color: #000;
	margin: 0px;
	font-family: Verdana, Arial; 
	font-size: 9pt;
	line-height: 20px;
}

h1{margin: 0px; margin-bottom: 5px; font: 15px Verdana; font-weight: bold;}

img {border: 0px;}

a {	text-decoration: underline;}
a:active { color: #000; text-decoration: underline;}
a:hover { color: #000; text-decoration: underline;}

P {	margin:0px;}

/* divs om te centreren en 100% te schalen*/
#container {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
}
#central-left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 50px;
	background-image:url('../images/bg-left.png');
	background-repeat:repeat-y;
	min-height: 105%;
	height: 100%; /* voor IE */
}
#central {
    float: left;
	width: 800px;
	text-align: center;
	margin: 0px;
	height: 500px;
	background-color:#CCCCCC;
	background-repeat:repeat-y;
	min-height: 105%;
	height: 100%; /* voor IE */

}
#central-right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 50px;
	background-image:url('../images/bg-right.png');
	background-repeat:repeat-y;
	min-height: 105%;
	height: 100%; /* voor IE */
}


/* Topmenu divs */

#top {
    float: left;
    margin: 0px;
    padding-top: 150px;
    width: 800px;
    height: 48px;
    *height: 198px;
	background-image:url('../images/header-full.png');
	background-repeat:no-repeat;
}
.topmenu {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 112px;
    *width: 113px;
    height: 20px;
	text-align: center;
	font-family: Verdana; 
	font-size: 11pt;
	font-weight: bold; 
	color: #FFF;
	border: 0px solid lightgrey;
}

a {color: black; text-decoration: underline;}
a hover {color: black; text-decoration: underline;}


a.topmenu {color:#999999; text-decoration: none;}
a.topmenu:active {color: #FFF; text-decoration: none;}
a.topmenu:hover {color: #FFF; text-decoration: none;}



/* Submenu divs */

#left {
	float: left;
	margin: 0px;
	padding: 5px;
	width: 220px;
	height: 300px;
	background-image:url('../images/knoppen-banden.png');
	background-repeat:no-repeat;
	background-position: center bottom;
}

.submenu {
    float: left;
    margin: 0px;
    padding-left:30px;
    padding-top:5px;
    width: 210px;
    height: 22px;
	text-align: left;
	font-family: Verdana; 
	font-size: 9pt;
	font-weight: none; 
	background-image:url('../images/submenu.png');
	background-repeat:no-repeat;

}

a.submenu {color:#102452; text-decoration: none;}
a.submenu:active {color: #999999; text-decoration: none;}
a.submenu:hover {color: #999999; text-decoration: none;}



/* Main text divs */

#text {
    float: right;
    width: 525px;
    *width: 545px;
    text-align: left;
	margin-right: 20px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid;
	border-color: white;
}


/* footer divs */
#footer {
	position: absolute;
	bottom: 0; /* heel belangrijk */
	width: 800px;
	*width: 5px;
	height: 1px;
	text-align: center;
}