/* Document Information -----------------------------------------------------------------------------------------------------------------

Title			: menu.css
Author		: René van Wingerden
Email			: info@eyeinteractive.nl

Company	: Eye Interactive
Website		: www.eyeinteractive.nl

Modification Log:

Name		Date					Description
=========================================================================================
RWI			01-09-2008		Ontwikkeld

------------------------------------------------------------------------------------------------------------------------------------------- */

/* LAYOUT VOOR TOPMENU */
	#topmenu {
		clear: both;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		height: 24px;
		line-height: 24px;
		font-weight: 800;
		background: transparent url(../images/menu/menu.png) left top repeat-x;
		}
	#topmenu ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display:inline;
		font-size: 0.9em;
		list-style: none;
		height: 24px;
		}
	#topmenu ul li {
		float: left;
		display:inline-block;
		margin: 0 0 0 0;
		text-decoration: none;
		height: 24px;
		background: transparent url(../images/menu/end.png) right top no-repeat;
		}
	#topmenu ul li.end {
		float: left;
		display:inline-block;
		margin: 0 0 0 0;
		text-decoration: none;
		height: 24px;
		background: transparent;
		}
	#topmenu a {
		margin: 0 1px 0 1px;
		display: block;
		padding: 0 10px 0 10px;
		text-decoration: none;
		color: #666;
		background: transparent url(../images/menu/no_select.png) left top no-repeat;
		}
	#topmenu a:hover {
		margin: 0 1px 0 1px;
		display: block;
		padding: 0 10px 0 10px;
		text-decoration: none;
		color: #900;
		background: transparent url(../images/menu/selected.png) left top no-repeat;
		}
	.selected {
		margin: 0 1px 0 1px;
		display: block;
		padding: 0 10px 0 10px;
		text-decoration: none;
		color: #F96;
		background: transparent url(../images/menu/selected.png) left top no-repeat;
		}


/* LAYOUT VOOR SUBMENU.... */
	#submenu {
		margin: 0 0 5px 0;
		padding: 0 0 0 15px;
		font-size: 0.9em;
		height: 20px;
		line-height: 18px;
		background: transparent url(../images/menu/submenu.png) left top repeat-x;
		}
	#submenu ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display:inline;
		list-style: none;
		height: 20px;
		}
	#submenu ul li {
		float: left;
		display:inline-block;
		margin: 0 20px 0 0;
		text-decoration: none;
		height: 20px;
		}
	#submenu a {
		margin: 0 0 0 0;
		display: block;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #777;
		}
	#submenu a:hover {
		margin: 0 0 0 0;
		display: block;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #900;
		}
	.subselected {
		margin: 0 0 0 0;
		display: block;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #F96;
		}


/* LAYOUT VOOR PAGEMENU.... */
	#pagemenu {
		float: left;
		margin: 0 5px 0 0;
		padding: 10px 0 10px 0;
		font-size: 0.9em;
		width: 155px;
		border-right: 1px dotted #666;
		}
	#pagemenu ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style: none;
		}
	#pagemenu ul li {
		display: block;
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		list-style: none;
		height: 16px;
		}
	#pagemenu a {
		margin: 0 0 0 0;
		padding: 0 0 0 8px;
		width: 135px;
		text-decoration: none;
		font-weight: 800;
		color: #888;
		background: transparent url(../images/menu/pagemenu_a_back.png) 0px 4px no-repeat;
		}
	#pagemenu a:hover {
		margin: 0 0 0 0;
		padding: 0 0 0 8px;
		text-decoration: none;
		font-weight: 800;
		color: #900;
		background: transparent url(../images/menu/pagemenu_sel_back.png) 0px 4px no-repeat;
		}
	.pageselected {
		margin: 0 0 0 0;
		padding: 0 0 0 8px;
		width: 135px;
		text-decoration: none;
		font-weight: 800;
		color: #F96;
		background: transparent url(../images/menu/pagemenu_sel_back.png) 0px 4px no-repeat;
		}


/* LAYOUT VOOR TEKSTMENU'S.... */
	#news_menu {
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		font-size: 1.0em;
		}
	#news_menu ul {
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		list-style: none;
		}
	#news_menu ul li {
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		list-style: none;
		}
	#news_menu a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		line-height: 16px;
		color: #333;
		}
	#news_menu a:hover {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		line-height: 16px;
		color: #F90;
		}
	.news_selected {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		font-weight: 800;
		color: #F90;
		line-height: 16px;
		}

	#text_menu {
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		display: block;
		font-size: 1.0em;
		}
	#text_menu ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style: none;
		}
	#text_menu ul li {
		margin: 0 0 10px 0;
		text-decoration: none;
		}
	#text_menu a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		font-weight: 800;
		color: #900;
		}
	#text_menu a:hover {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #F96;
		}
	.text_menuselected {
		margin: 0 0 0 0;
		padding: 0 0 0 5px;
		text-decoration: none;
		color: #008;
		border-left: 1px solid #008;
		}


/* LAYOUT VOOR NEWSMENU.... */
	#newsmenu {
		float: left;
		margin: 0 0 5px 0;
		width: 215px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.0em;
		background: transparent url(../images/menu/newsmenu_top_back.png) left top no-repeat;
		}
	#newsmenu ul {
		margin: 0 0 0 0;
		padding: 3px 0 15px 0;
		list-style: none;
		background: transparent url(../images/menu/newsmenu_ul_back.png) left bottom no-repeat;
		}
	#newsmenu ul li {
		margin: 0 0 0 0;
		padding: 0 10px 5px 10px;
		list-style: none;
		background: transparent url(../images/menu/newsmenu_li_back.png) left top repeat-y;
		}
	#newsmenu a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		line-height: 16px;
		color: #900;
		}
	#newsmenu a:hover {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		line-height: 16px;
		color: #000;
		}
	.news_regel {
		display: block;
		margin: 0 0 5px 0;
		}
	.news_text {
		font-size: 0.9em;
		line-height: 1.0em;
		}



	.newsselected {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		font-weight: 800;
		color: #F90;
		line-height: 16px;
		}
	.newsheader {
		margin: 5px 0 0 15px;
		height: 28px;
		line-height: 26px;
		display: block;
		font-size: 12px;
		font-weight: 800;
		}
	.news_inhoud {
		font-size: 0.9em;
		line-height: 1.0em;
		}

/* LAYOUT VOOR BREADCRUMB.... */
	#breadcrumb {
		margin: 8px 0 12px 0;
		padding: 0 0 0 0;
		height: 20px;
		line-height: 20px;
		}
	#breadcrumb ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		display:inline;
		font-size: 0.9em;
		list-style: none;
		height: 20px;
		}
	#breadcrumb ul li {
		float: left;
		display:inline-block;
		margin: 0 5px 0 0;
		text-decoration: none;
		height: 20px;
		}
	#breadcrumb a {
		margin: 0 0 0 0;
		display: block;
		padding: 0 0 0 0;
		text-decoration: none;
		font-weight: 800;
		color: #888;
		}
	#breadcrumb a:hover {
		margin: 0 0 0 0;
		display: block;
		padding: 0 0 0 0;
		text-decoration: none;
		font-weight: 800;
		color: #900;
		}
	.breadcrumbselected {
		margin: 0 0 0 0;
		display: block;
		padding: 0 0 0 0;
		text-decoration: none;
		font-weight: 800;
		color: #F96;
		}
	.normaal {
		color: #006;
		padding-left: 5px;
		}


/* LAYOUT VOOR SITEMAPMENU.... */
	#site_map {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;
		line-height: 22px;
		}
	#site_map ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		}
	#site_map ul li {
		margin: 0;
		padding: 0 0 0 20px;
		background: transparent url(../images/file.png) left top no-repeat;
		}
	#site_map a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #006;
		}
	#site_map a:hover {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #900;
		}

/* LAYOUT VOOR SEARCHMAPMENU.... */
	#search_map {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;
		line-height: 22px;
		}
	#search_map ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		}
	#search_map ul li {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;
		background: transparent url(../images/file.png) left top no-repeat;
		}
	#search_map a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #006;
		}
	#search_map a:hover {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		color: #900;
		}