/* --------------
Stysheet created by: Emile Blume - www.netcreators.nl 2005

----------------*/
/* ----- topnavigatie 
De LI wordt gebruikt om de iconen aan te geven. De SPAN is voor de plaatsing van de 
roll-over. Het is van belang om de font-grootte in de SPAN op 0 te zetten zodat de
tekst niet te zien is.
---------*/
#topnav{
	right: 0px;
	top: 16px;
	position: absolute;
	height: 38px;
	width: 210px;
}

#topnav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#topnav li{
	float: right;
}

#topnav li a{
	cursor: pointer;
	display: block;
	height: 38px;
	width: 38px;
	margin-right: 8px;
	text-decoration: none;
}

#topnav a li a span{
	color: #FFFFFF;
	font-size: 0;
	text-decoration: none;
	position: absolute;
	top: 0px;
	right: 100px;
	display: block;
	height: 38px;
	width: 140px;
	vertical-align: top;
}

#topnav li#navtop-4 a{
	background: url(../img/icoon-burger.gif);
}

#topnav li#navtop-3 a{
	background: url(../img/icoon-bedrijf.gif);
}

#topnav li#navtop-2 a{
	background: url(../img/icoon-overheid.gif);
}

#topnav li#navtop-4 a:hover span{
	background: url(../img/tekst-burger.gif);
}

#topnav li#navtop-3 a:hover span{
	background: url(../img/tekst-bedrijf.gif);
}

#topnav li#navtop-2 a:hover span{
	background: url(../img/tekst-overheid.gif);
}

/* ----- breadnavigatie ---------*/
#bread {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF8200;
	height: 15px;
	left: 144px;
	top: 63px;
	position: absolute;
}

#bread a {
	background: url(../img/slash.gif) no-repeat right;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding-right: 6px;
	margin-right: 4px;
}

#bread a:hover {
	color: #FF8200;
}


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

#main-33, #main-73, #main-119, #main-70, #main-137, #main-146, #main-160, #main-174, #sub-34, #sub-39, #sub-128 {
	background: url(../img/dot.gif) repeat-x top left;
	padding-top: 4px;
	margin-top: 4px;
}
#main-137 {
 display:none;
}

.menu-top {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 6px;
	padding-left: 14px;
	width: 116px;
}

.menu-top ul{
	margin: 0;
	padding: 0;
}

.menu-top li {
	list-style: none;
}

.menu-top ul li span, .menu-top ul li a{
	background: url(../img/arrow-down.gif) no-repeat left top;
	color: #000000;
	display: inline !important;
	display: block;
	height: auto !important;
	height: 20px;
	text-decoration: none;
	padding-left: 14px;
	margin-left: -15px;
font-size: 120%;
}

.menu-top ul li a:hover {
	background: url(../img/arrow-down-orange.gif) no-repeat left top;
	color: #FF8200;
}

.menu-top ul ul {
	margin: 0px;
	padding: 0px;
}

.menu-top ul ul li a {
	background: url(../img/arrow.gif) no-repeat left top;
	color: #000000;
	display: block;
	height: auto !important;
	height: 15px;
	line-height: normal !important;
	line-height: 15px;
	text-decoration: none;
	padding-left: 14px;
	margin-left: 0;
font-size: 0.84em;
}

.menu-top ul ul a:hover {
	background: url(../img/arrow-on.gif) no-repeat left top;
	color: #FF8200;
}

.menu-top ul ul span {
	background: url(../img/arrow-on.gif) no-repeat left top;
	color: #FF8200;
	font-weight: bold;
	height: auto !important;
	height: 15px;
	line-height: normal !important;
	line-height: 15px;
	margin-left: 0;
font-size: 0.84em;
}

.menu {
	background: url(../img/dot.gif) repeat-x bottom left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 2px;
	padding-top: 2px;
	padding-bottom: 6px;
}

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

#content ol li {
list-style: decimal;
}

.menu li {
	list-style: none;
}

.menu ul a {
	background: url(../img/arrow.gif) no-repeat left top;
	color: #000000;
	display: block;
                font-size: 90%;
	font-weight: bold;
	height: auto !important;
	height: 15px;
	line-height: normal !important;
	line-height: 15px;
	text-decoration: none;
	padding-left: 14px;
}

.menu ul a:hover {
	background: url(../img/arrow-on.gif) no-repeat left top;
	color: #FF8200;
}


.menu ul li #active{
	background: url(../img/arrow-on.gif) no-repeat left top;
	color: #FF8200;
	font-weight: bold;
	padding-left: 14px;
}

#content li {
	line-height: 1.4em;	
	
}
#content ul a.active {
	color: #ff8200;
	font-weight: bold;
	
}

.listwrapper li {
	list-style: none;	
	
}
.listwrapper ul {
	padding: 1em;
	margin: 1em;
	
	}

.listwrapper ul a {
	background: url(../img/arrow.gif) no-repeat left top;
	color: #000000;
	display: block;
         height: auto !important;
	height: 15px;
	text-decoration: none;
	padding-left: 14px;
	
}
.listwrapper ul a:hover, .listwrapper ul .active {
	background: url(../img/arrow-on.gif) no-repeat left top;
	color: #FF8200;
}