/*===================================================
FILENAME:			mu.default.css
DESCRIPTION:		Default Style Sheet
CREATED:			10/12/2007
INITIAL AUTHOR:		Elma Smit
UPDATED BY:			Elma Smit, 10/12/2007

Copyright (c) 2007 KeyAgency
http://www.vanmeeuwen.nl/
===================================================*/

/*
| -------------------------------------------------------------------
| TOPMENU
| -------------------------------------------------------------------
*/

.topmenu ul
{
	height: 34px;
	margin: 0px;
	padding: 0px;
}

.topmenu ul li
{
	list-style-type: none;
	display: inline;
	float: left;
}

.topmenu ul li a
{
	color: #fbc533;
	font-size: 77%;
	text-decoration: none;
	display: block;
	padding: 5px 9px 0 9px;
	border-right: 1px #839db5 solid;
}

.topmenu ul li a.firstitem { border-left: 1px #839db5 solid; }

.topmenu ul.mail-print
{
	padding: 0 20px 0 0;
	width: 280px;
}

.topmenu ul.flags 
{
	float: right;
}

.topmenu ul.flags li a
{
	border-right: none;
	padding: 5px 5px 0 5px;
}

.topmenu ul.mail-print li { float: right; }
.topmenu ul.mail-print li a { color: #839db5; }

.topmenu ul.ePrevent-login li { float: right; }
.topmenu ul.ePrevent-login li a
{
	text-transform: uppercase;
	padding: 5px 10px 20px 43px;
	background-image: url('../gui/e-prevent/e-prevent.logo.gif');
	background-repeat: no-repeat;
}

/*
| -------------------------------------------------------------------
| TABMENU
| -------------------------------------------------------------------
*/

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

#tabmenu ul li
{
	list-style-type: none;
	display: inline;
	float: left;
}

#tabmenu ul li a
{
	color: #fbc533;
	font-size: 77%;
	text-decoration: none;
	display: block;
	height: 46px;
	width: 195px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#tabmenu ul li a.kwc-van-meeuwen-industrie,
#tabmenu ul li a.kwc-industrie { background-image: url('../gui/tabs/industrie.gif?2'); }
#tabmenu ul li a.kwc-food { background-image: url('../gui/tabs/food.gif?2'); }
#tabmenu ul li a.kwc-zoeken { background-image: url('../gui/tabs/zoeken.gif?4'); }

/* active */
/* industrie */
#homepage ul li.kwc-industrie a,
#tabmenu ul li.kwc-industrie a.selected,
#tabmenu ul li.kwc-industrie a.in-path,
#tabmenu ul li a.kwc-industrie:hover { background-image: url('../gui/tabs/active/industrie.gif?3'); }

#homepage ul li.kwc-van-meeuwen-industrie a,
#tabmenu ul li.kwc-van-meeuwen-industrie a.selected,
#tabmenu ul li.kwc-van-meeuwen-industrie a.in-path,
#tabmenu ul li a.kwc-van-meeuwen-industrie:hover { background-image: url('../gui/tabs/active/industrie.gif?3'); }




/* Food */
#homepage ul li.kwc-food a,
#tabmenu ul li.kwc-food a.selected,
#tabmenu ul li.kwc-food a.in-path,
#tabmenu ul li a.kwc-food:hover { background-image: url('../gui/tabs/active/food.gif?8'); }

/* Zoeken */
#homepage ul li.kwc-zoeken a,
#tabmenu ul li.kwc-zoeken a.selected,
#tabmenu ul li.kwc-zoeken a.in-path,
#tabmenu ul li a.kwc-zoeken:hover { background-image: url('../gui/tabs/active/zoeken.gif?19'); }

/*
| -------------------------------------------------------------------
| CHEMICALS TAB-MENU
| -------------------------------------------------------------------
*/
#homepage ul li.kwc-chemicals a,
#tabmenu ul li.kwc-chemicals a.selected,
#tabmenu ul li.kwc-chemicals a.in-path,
#tabmenu ul li a.kwc-chemicals:hover { background-image: url('../gui/tabs/active/chemicals.gif?6'); }
#tabmenu ul ul { display: none; }

/* Voor de chemicals homepage, het tabmenu regelen */
#tabmenu ul li a.kwc-chemicals-zoeken { background-image: url('../gui/tabs/zoeken.gif?9'); }

/* Chemicals active state */

/* Zoeken */
#chemicals ul li.kwc-chemicals-zoeken a,
#tabmenu ul li.kwc-chemicals-zoeken a.selected,
#tabmenu ul li.kwc-chemicals-zoeken a.in-path,
#tabmenu ul li a.kwc-chemicals-zoeken:hover { background-image: url('../gui/tabs/active/zoeken.gif?4'); }

/*
| -------------------------------------------------------------------
| NAVIGATION (left)
| -------------------------------------------------------------------
*/

#navigation ul
{
	margin: 0;
	padding: 0px;
	border-top: 1px #7f94ad solid;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation ul li a
{
	color: #636567;
	font-size: 85%;
	text-decoration: none;
	display: block;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px #7f94ad solid;
}

#navigation ul li a:hover,
#navigation ul li a.selected
{
	color: #007fca;
	font-weight: bold;
}

#navigation ul li.in-path a,
#navigation ul li.selected a { font-weight: bold; }
#navigation ul li.not-selected a { font-weight: normal; }

#navigation ul li ul
{
	display: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px #7f94ad solid;
}

#navigation ul li.in-path ul,
#navigation ul li.selected ul { display: block; }
#navigation ul ul li a { padding: 5px 0px 5px 10px; }

/*
| -------------------------------------------------------------------
| tabsubmenu
| -------------------------------------------------------------------
*/

#tabsubmenu ul { margin: 0 0 20px 0; }

#tabsubmenu ul li a
{
	color: #002a5c;
	font-weight: bold;
	padding: 7px 0px 7px 0px;
	border-bottom: 1px #7f94ad solid;
}

#tabsubmenu ul ul
{
	margin: 0;
	padding: 0;
	border: none;
}

#tabsubmenu ul ul li a
{
	color: #636567;
	font-weight: normal;
	padding: 7px 0px 7px 10px;
}