/**********************************************************************************
 * 
 * LastChangedDate:		$Date: 2006-07-04 13:25:51 +0200 (Tue, 04 Jul 2006) $
 * LastChangedRevision	$Rev: 5 $
 * LastChangedBy:		$Author: $
 * HeadURL:				$URL: http://linux/cd/geuzenvloot/trunk/css/menu.css $
 * ID:					$Id: menu.css 5 2006-07-04 11:25:51Z  $
 * 
/**********************************************************************************/

/* breadcrumb */
div.breadcrumb {
	padding-left: 10px;
	margin-bottom: 5px;
	color: #666;	
}
div.breadcrumb a,
div.breadcrumb span {
	font-size: 10px;
	padding-right: 2px;
	text-decoration: none;
	color: #666;
}

/* mainmenu */
#mainmenu {

}
#mainmenu div.item {
}
#mainmenu div.item a {
	padding-left: 10px;
	text-decoration: none;
	line-height: 29px;
}
#mainmenu #active a{
	color: #f00;
}
#mainmenu div a:hover {
	color: #06f;
}
#mainmenu div.divider {
	border-bottom: 1px solid #000;
	width: 120px;
	line-height: 1px;
	font-size: 1px;
}

/* submenu */
#submenu .hide {
	visibility: hidden;
}
div.submenu {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	text-align: left;
	background-color: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
div.submenu div {
}
div.submenu div a {
	line-height: 30px;
	font-size: 11px;
	color: #000;
	display: block;
	text-decoration: none;
	border-top: 1px solid #999;
}
div.submenu div a.active,
div.submenu div a:hover {
	color: #fff;
	background-color: #999;
	text-decoration: none;
}

/* quickmenu */
div.quickmenu {
	width: 270px;
	height: 30px;
	float: left;
}
div.quickmenu div.item {
	padding-top: 6px;
	float: left;
}
div.quickmenu div.item a {
	margin-left: 10px;
	text-decoration: none;
}
div.quickmenu div.divider {
	float: left;
	margin: 10px 0 0 10px;
	height: 12px;
	line-height: 10px;
	font-size: 10px;
}
div.top div.quickmenu div.divider {
	border-left: 1px solid #999;
}
div.bottom div.quickmenu div.divider {
	border-left: 1px solid #000;
}

/* search */
div.searchbox {
	height: 30px;
	float: left;
}
div.top div.searchbox {
	width: 170px;
}
div.bottom div.searchbox {
}
div.searchbox div.group {
	margin-top: 5px;
	border: 1px solid #666;
	background-color: #f4f4f4;
}
div.searchbox div.field {
	float: left;		
}
div.top div.searchbox div.field {
	padding-top: 2px;
}
div.bottom div.searchbox div.field {
}
div.searchbox div.field input {
	width: 122px;
}
div.top div.searchbox div.field input {
	background-image:url(../img/searchbox_back.jpg);
	border: 1px solid #8fc7fa;
	padding: 4px 0 4px 7px;
	line-height: 15px;
}
div.bottom div.searchbox div.field input {
	border: none;
	border-right: 1px solid #666;
	background-color: #f4f4f4;
	padding: 2px 0 3px 7px;
	line-height: 15px;
}
div.searchbox div.go {
	text-align: center;
	float: left;
}
div.top div.searchbox div.go {
	width: 30px;
	height: 30px;
	text-align: center;
	float: left;
}
div.bottom div.searchbox div.go {
	text-align: center;
	width: 28px;
}
div.top div.searchbox div.go a {
	display: block;
	padding-top: 5px;
	font-weight: bold;
	text-decoration: none;
}
div.bottom div.searchbox div.go a {
	text-decoration: none;
	display: block;
}