/* ------- by Emile Blume -2005- Netcreators.nl -------- */

/* ----- topnav ---------*/
#topnav{
	background: url(../img/bg-topnav.gif) no-repeat;
	margin-left: 12px;
	left: 128px;
	top: 0px;
	position: absolute;
	height: 74px;
	width: 254px;
	z-index: 20;
}

#topnav ul{
margin: 0;
padding: 0;
}

#topnav li{
margin: 0;
padding: 0;
list-style: none;
display: inline;
}

#topnav a{
	display: block;
	height: 37px;
	width: 37px;
}

#topnav a#search{
	background: url(../img/tn-search.gif);
}

#topnav a:hover#search{
	background: url(../img/tn-search-on.gif);
}

#topnav a#home{
	background: url(../img/tn-home.gif);
	top: 0px;
	left: 37px;
	position: absolute;
}

#topnav a:hover#home{
	background: url(../img/tn-home-on.gif);
}

#topnav a#mail{
	background: url(../img/tn-mail.gif);
}

#topnav a:hover#mail{
	background: url(../img/tn-mail-on.gif);
}

#topnav a#gemeente{
	background: url(../img/tn-g.gif);
	top: 37px;
	left: 37px;
	position: absolute;
	width: 217px;
}

#topnav a:hover#gemeente{
	background: url(../img/tn-g-on.gif);
}

/* ----- menu voor aanpassen tekstgrootte ---------*/

#header-size a{	
	display: block;
	margin-top: 8px;
	height: 20px;
	width: 121px;
	float: right;
}

#header-size a#klein{
	background: url(../img/klein-off.gif);
}

#header-size a:hover#klein{
	background: url(../img/klein.gif);
}

#header-size a#groot{
	background: url(../img/groot-off.gif);
}

#header-size a:hover#groot{
	background: url(../img/groot.gif);
}

#topnav a span, #header a span{
	display: none;
}

/* ----- menu aan de linkerkant ---------*/

#menu{
	background: url(../img/menu-top.gif) no-repeat;
	margin-left: 4px;
	padding-top: 5px;
	top: 111px;
	position: absolute;
	width: 136px;
	z-index: 2;
}

#menu ul{
	margin: 0px;
	padding: 0px;
}

#menu li.white{
	background: url(../img/bg-menu.gif) no-repeat right top;
}

#menu li.white li{
	background: transparant;
}

#menu li.green{
	background: #66BB50 url(../img/green.gif) no-repeat right top;
}

#menu li.blue{
	background: #6CACD0 url(../img/blue.gif) no-repeat right top;
}

#menu li.orange{
	background: #F88A15 url(../img/orange.gif) no-repeat right top;
}

#menu li.purple{
	background: #D195C8 url(../img/purple.gif) no-repeat right top;
}

#menu li.basic{
	background: #4573B3 url(../img/basic.gif) no-repeat right top;
}

#menu li{
	list-style: none;
}

#menu li a{
	border-left: 11px solid #F63235;
	color: #000000;
	display: block;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

#menu li a:hover{	
	border-left: 11px solid #FFFFFF;
	color: #000000;
}

#menu ul ul{
	border: none;
	margin-left: 11px;
	width: 160px;
}

#menu li li{	
}

#menu li li a{
	border-left: none;
	border-left: 11px solid #FFFFFF;
/*	margin-left: 11px;*/
	height: auto;
	line-height: normal;
}

#menu li li a:hover{
	border-left: 11px solid #FFFFFF;
	margin: 0;
}

#menu .active{
	border-left: 11px solid #FFFFFF;
}

#menu li{
	background: #FFFFFF url(../img/bg-menu.gif) right;
}

#menu li.home a{
	background: url(../img/menu-home.gif) no-repeat left;
	border-left: 11px solid #F63235;
	padding: 0;
	padding-left: 22px;
	height: 19px;
}

#menu li.home a:hover{
	background: url(../img/menu-home-on.gif) no-repeat left;
}

#menu li.mail a{
	background: url(../img/menu-mail.gif) no-repeat left;
	border-left: 11px solid #F63235;
	padding: 0;
	padding-left: 22px;
	height: 19px;
}

#menu li.mail a:hover{
	background: url(../img/menu-mail-on.gif) no-repeat left;
}

#menu li.zoek a{
	background: url(../img/menu-zoek.gif) no-repeat left;
	border-left: 11px solid #F63235;
	padding: 0;
	padding-left: 22px;
	height: 19px;
}

#menu li.zoek a:hover{
	background: url(../img/menu-zoek-on.gif) no-repeat left;
}