/* CSS OM ALLE MARGINS AAN TE PASSEN VAN ELEMENTEN DIE PER BROWSER ANDERS ZIJN */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* OVERIGE CSS */

/* BODY VAN DE WEBSITE */
body {
	text-align: center;
}

#container {
	display: block;
	width: 826px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* LOGO */
#logo {
	display: block;
	height: 70px;
	width: 272px;
	float: left;
	clear: right;
	padding-top: 25px;
}

/* TOPMENU */
#topmenu {
	display: block;
	height: 95px;
	width: 554px;
	float: left;
	clear: right;
	background-image: url(../images/achtergrond_menu.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#topmenu span.link {
	display: block;
	height: 25px;
	width: 544px;
	text-align: right;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
}

#topmenu span.link a, #topmenu span.link a:hover {
	color: #FFFFFF;
}

#topmenu ul {
	width: 472px;
	text-align: right;
	margin-left: 82px;
}

#topmenu ul li {
	float: left;
	clear: right;
	display: block;
	width: 117px;
	height: 23px;
	margin-left: 1px;
	margin-top: 18px;
	background-image: url(../images/achtergrond_topmenuitem.gif);
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #467392;
}

#topmenu ul li.active2 {
	background-image: url(../images/achtergrond_topmenuitem_active2.gif);
}

#topmenu ul li a {
	color: #467392;
	display: block;
	width: 107px;
	height: 23px;
	padding-right: 10px;
	line-height: 23px;
}

#topmenu ul li a:hover {
	color: #FFFFFF;
}

#topmenu ul li.active {
	width: 129px;
	height: 54px;
	margin-left: -3px;
	margin-right: -8px;
	margin-top: 0px;
	background-image: none;
	z-index: 999;
}

#topmenu ul li.active a {
	color: #FFFFFF;
	display: block;
	width: 109px;
	height: 33px;
	padding-top: 21px;
	padding-right: 28px;
	line-height: 23px;

	background-image: url(../images/achtergrond_topmenuitem_active.png);
	background-repeat: no-repeat;
	z-index: 99999;
}

/* LEFTMENU */
#leftmenu {
	display: block;
	width: 272px;
	float: left;
	clear: right;
	padding-top: 45px;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

#leftmenu ul {
	list-style: outside;
	margin-bottom: 25px;
	width: 200px;
}

#leftmenu ul li {
	list-style-image: url(../images/leftmenu_bullet.gif);
	margin-left: 30px;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 20px;
}

#leftmenu ul li.last {
	border-bottom: none;
}

#leftmenu ul li a {
	color: #666666;
	text-decoration: none;
}

#leftmenu ul li a:hover {
	color: #666666;
	text-decoration: underline;
}

/* MAIN */
#main {
	display: block;
	width: 554px;
	float: left;
	clear: right;
	padding-top: 45px;
	line-height: 1.5em;
	font-size: 11px;
	color: #565656;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
}

#main h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FF9900;
	line-height: 1.5em;
	margin-bottom: 15px;
}

#main p, h1, ul {
	margin-bottom: 15px;
}

#main ul {
	list-style: outside;
	margin-left: 40px;
}

#main a {
	text-decoration: underline;
	color: #565656;
}

#main a:hover {
	text-decoration: none;
	color: color: #565656;
}

/* CLEAR-FIX */
div.clear {
	width: 100%;
	clear: both;
	height: 1px;
	font-size: 1px;
}