.topnav {
	width: 213px;
	padding: 40px 28px 25px 0;
	font-family: Georgia, "Vedrana", "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;
	
	/*background-color:#f2d47e;/**/
}

ul.topnav {
	padding: 0;
	margin: 0;
	font-size: 8pt /*1em*/; 
	line-height: 0.5em;
	list-style: none;
}

ul.topnav li 
{
    /*border-bottom: 1px solid #000000;/**/
	background-color: #ffdd88 /*#ffffff*/ /*#e0c574*/;/**/
	
	border: 2px solid #ffffff;
}

ul.topnav li a {
	line-height: 10px;
	font-size: 8pt /*11px*/;
	padding: 10px 5px;
	color: #000;
	display: block;
	text-decoration: none;
	font-weight: bolder;
	
	/*background-color: #e0c574;/**/
}

ul.topnav li a:hover {
	background-color:#d7b574 /*#675C7C*/;
	color:white;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

/*submenu*/
ul.topnav ul li { 
	margin: 0;
	padding: 0;
	clear: both;
	
	list-style-type:none; /**/
	background-color: #ffffff /*#f2d47e*/;/**/
}

ul.topnav ul li a {
	padding-left: 20px;
	font-size: 8pt /*10px*/;
	font-weight: normal;
	outline:0;
}

ul.topnav ul li a:hover {
	background-color: #d7b574 /*#D3C99C*/;
	color:#675C7C;
}

ul.topnav ul ul li a {
	color:silver;
	padding-left: 40px;
}

ul.topnav ul ul li a:hover {
	background-color:#D3CEB8;
	color:#675C7C;
}

ul.topnav span{
	/*float:right;*/
	margin-right:2px;
}

ul.topnav li div /**/
{
    /*width:500px;*/
	display:inline;
	margin-left:auto;
	margin-right:2px;
	text-align:right;
}

/********************************************************/

.over_internal_post 
{
	background: url('../../Images/internal_post_white_24x24.gif') no-repeat 98% 30%;
}

.out_internal_post 
{
	background: url('../../Images/internal_post_yellow_24x24.gif') no-repeat 98% 30%;
}

.over_default
{
	background: url('../../Images/home_white_24x24.gif') no-repeat 98% 30%;
}

.out_default 
{
	background: url('../../Images/home_yellow_24x24.gif') no-repeat 98% 30%;
}

.over_registration
{
	background: url('../../Images/registration_white_24x24.gif') no-repeat 98% 30%;
}

.out_registration
{
	background: url('../../Images/registration_yellow_24x24.gif') no-repeat 98% 30%;
}

.over_help
{
	/*background: url('../../Images/help_white_24x24.gif') no-repeat 98% 30%;*/
	background: url('../../Images/first_aid_white_26x26.gif') no-repeat 98% 30%;
}

.out_help 
{
	/*background: url('../../Images/help_yellow_24x24.gif') no-repeat 98% 30%;*/
	background: url('../../Images/first_aid_yellow_26x26.gif') no-repeat 98% 30%;
}

.over_report
{
	background: url('../../Images/report_white_24x24.gif') no-repeat 98% 30%;
}

.out_report
{
	background: url('../../Images/report_yellow_24x24.gif') no-repeat 98% 30%;
}

.over_delivery_suppliers
{
	background: url('../../Images/delivery_suppliers_white_24x25.gif') no-repeat 98% 30%;
}

.out_delivery_suppliers
{
	background: url('../../Images/delivery_suppliers_yellow_24x25.gif') no-repeat 98% 30%;
}

.over_daily_delivery_suppliers
{
	background: url('../../Images/daily_delivery_supp_white_24x25.gif') no-repeat 98% 30%;
}

.out_daily_delivery_suppliers
{
	background: url('../../Images/daily_delivery_supp_yellow_24x25.gif') no-repeat 98% 30%;
}

.over_arrival_and_departure
{
	background: url('../../Images/arrival_and_departure_white_24x24.gif') no-repeat 98% 30%;
}

.out_arrival_and_departure
{
	background: url('../../Images/arrival_and_departure_yellow_24x24.gif') no-repeat 98% 30%;
}

.over_route_plan_arrival
{
    background: url('../../Images/clock_white_second_24x24.gif') no-repeat 98% 30%;
}

.out_route_plan_arrival
{
	background: url('../../Images/clock_yellow_second_24x24.gif') no-repeat 98% 30%;
}

.over_nonstand_requirement
{
    background: url('../../Images/nonstand_requirement_yellow_24x24.gif') no-repeat 98% 30%;
}

.out_nonstand_requirement
{
    background: url('../../Images/nonstand_requirement_yellow_24x24.gif') no-repeat 98% 30%;
}

.over_time_slot
{
    background: url('../../Images/clock_white_second_24x24.gif') no-repeat 98% 30%;
}

.out_time_slot
{
	background: url('../../Images/clock_yellow_second_24x24.gif') no-repeat 98% 30%;
}

.over_administration
{
    background: url('../../Images/user_base_mouseover_24x24.gif') no-repeat 98% 30%;
}

.out_administration
{
	background: url('../../Images/user_base_mouseout_24x24.gif') no-repeat 98% 30%;
}

.over_cross_dock
{
    background: url('../../Images/reloading_white_26x26.gif') no-repeat 98% 30%;
}

.out_cross_dock
{
	background: url('../../Images/reloading_yellow_26x26.gif') no-repeat 98% 30%;
}

.over_stock
{
    background: url('../../Images/stock_white_24x24_rotate25.png') no-repeat 98% 30%;
}

.out_stock
{
	background: url('../../Images/stock_yellow_24x24_rotate25.png') no-repeat 98% 30%;
}


.over_contact_form
{
    background: url('../../Images/contact_white_26x22.gif') no-repeat 98% 30%;
}

.out_contact_form
{
	background: url('../../Images/contact_yellow_26x22.gif') no-repeat 98% 30%;
}

/*.over_contact
{
    background: url('../../Images/contact_white_24x24.gif') no-repeat 98% 30%;
}

.out_contact
{
	background: url('../../Images/contact_yellow_24x24.gif') no-repeat 98% 30%;
}*/

.over_internal_post, .over_default, .over_registration, .over_help, .over_report, .over_delivery_suppliers, .over_arrival_and_departure, .over_route_plan_arrival, .over_nonstand_requirement, .over_time_slot, .over_daily_delivery_suppliers, .over_administration, .over_cross_dock, .over_stock, .over_contact_form
{
    background-color:#d7b574;
	color:#ffffff;
}

.out_internal_post, .out_default, .out_registration, .out_help, .out_report, .out_delivery_suppliers, .out_arrival_and_departure, .out_route_plan_arrival, .out_nonstand_requirement, .out_time_slot, .out_daily_delivery_suppliers, .out_administration, .out_cross_dock, .out_stock, .out_contact_form
{
	background-color: #ffdd88;
	color:#000000;
}