/* CSS Document Addition 2008
GASOLINE (www.gasoline.nl) */
html {
height:100%;
overflow : -moz-scrollbars-vertical;
}

body {
	background-color: #9C9287;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	line-height: 14pt;
}

*{ /* deze waardes zorgen automatisch voor géén tussenruimte bij alle div's */
margin: 0px;
padding: 0px;
border: 0px;
}

/* Begin Lay-out gedoe*/
#container {
	position:absolute;
	left:50%;
	margin-left : -480px;
	top:10px;
	width:960px;
	height: 600px;
	background-color: #FFFFFF;
	}
	
#toppie {
	padding: 0px;
	float: left;
	width: 960px;
	overflow: auto;
}
#bannerboven {
	float: right;
	width: 468px;
	padding: 0px;
	margin-top: 25px;
	margin-right: 40px;
	margin-bottom: 0px;
	height: 60px;
	background-color: #F7F7F7;
}
#logotop {
	padding: 0px;
	float: left;
	width: 243px;
	height: 65px;
	overflow: auto;
	margin-top: 20px;
	margin-left: 40px;
}
#menu {
	padding: 0px;
	float: left;
	width: 200px;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 30px;
	margin-left: 107px;
	height: 350px;
	background-image: url(../images/balletjes.gif);
	background-repeat: no-repeat;
}
#content {
	float: right;
	width: 468px;
	padding: 0px;
	margin-right: 40px;
	margin-bottom: 30px;
	height: 350px;
	overflow: auto;
	margin-top: 40px;
}
#onderbalk {
	padding: 0px;
	float: left;
	width: 960px;
	overflow: auto;
}
#storybag {
	padding: 0px;
	float: left;
	width: 200px;
	margin-top: 0px;
	margin-right: 40px;
	margin-left: 107px;
	height: 75px;
}
#banneronder {
	float: right;
	width: 468px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 40px;
	height: 60px;
	background-color: #F7F7F7;
}
.bodytekst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ABA299;
	line-height: 14pt;
}
a:link, a:visited {
	color: #ABA299;
	text-decoration: underline;
}
a:hover {
	color: #EC174C;
	text-decoration: underline;
}
.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #F9002D;
}
/* De menuutjes */
a.mainlevel {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*font-weight: bold;*/
	padding-top: 0px;
	padding-bottom: 22px;
	text-decoration: none;
	color: #666666;
	width: 160px;
	text-align: left;
	margin: 0px;
	padding-left: 25px;
	font-weight: bold;
	float: left;
	line-height: 16px;
} 
a.mainlevel:link, a.mainlevel:visited {
	color: #666666;
	text-decoration: none;
}
a.mainlevel:hover {
	color: #CC6666;
	text-decoration: none;
	background-image: url(../images/up.gif);
	background-repeat: no-repeat;
}
a.mainlevel:active {
	color: #CC0099;
	text-decoration: none;
}
#active {
	color: #F0047F;
	background-image: url(../images/up.gif);
	background-repeat: no-repeat;
}
/*#menu_index, #menu_special, #menu_mensen, #menu_friends, #menu_ervaring, #menu_resultaten, #menu_relaties, #menu_werkwijze, #menu_thuisbasis {
	color: #F0047F;
	background-image: url(../images/up.gif);
	background-repeat: no-repeat;
}*/
/* Stylen images*/
/* -------------------------------------------------------- */
.PLAATJE_rechtslijnend {
	border: 0px;
	margin-left: 7px;
	margin-top: 4px;
	margin-bottom: 2px;
	padding: 0px;
	float: right;
	margin-right: 0px;
}
.PLAATJE_linkslijnend {
	border: 0px;
	float: left;
	margin-right: 7px;
	margin-top: 4px;
	margin-bottom: 2px;
	padding: 0px;
}
/* Bietje reclame voor GASOLINE */
#gasoline {
	width: 10px;
	height: 113px;
	position: absolute;
	right: 0px;
	bottom: 45px;
}
/* Einde eigen promo */
#container #content li {
	padding-left: 17px;
	list-style-type: disc;
	list-style-position: inside;
}
h1 {
	font-size: 11pt;
	font-weight: bold;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}
a.red:link, a.red:visited {
	color: #FF0000;
	text-decoration: none;
}
a.red:hover {
	color: #FF0000;
	text-decoration: underline;
}


a.relaties:link, a.relaties:visited {
	color: #666666;
	text-decoration: none;
}
a.relaties:hover {
	color: #EC174C;
	text-decoration: underline;
}