﻿@charset "utf-8";
/* ## NAVIGATION CSS  
	  contains styles for Breadcrumbs, Language switcher, Main Menu, Footerlinks
##*/


/*BREADCRUMBS*/
#breadcrumbs {
	overflow:hidden;
	list-style:none;
	margin-left:10px;
}

#breadcrumbs li{
   float:left; 
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active,#breadcrumbs a:focus {
	font-size:11px;
	color:#b7cddc; 
	line-height:13px;
	background:url(../img/layout/trenner_breadcrumb.png) 0 2px no-repeat;
	padding: 0 4px 0 6px;
	display:block;
}

#breadcrumbs a:hover, #breadcrumbs a.active ,#breadcrumbs a:focus{
	color:#7394a2; 
}

#breadcrumbs a.home:link, #breadcrumbs a.home:visited,  #breadcrumbs a.home:hover,#breadcrumbs a.home:active, #breadcrumbs a.home:focus{
	background:none;
	padding: 0 4px 0 0;
}

/*LANGUAGES*/
#languages {
  float:right;
  overflow:hidden;
  list-style:none;
}

#languages li{
	float:left;
}

#languages a:link, #languages a:visited,  #languages a:hover,#languages a:active,#languages a:focus {
	font-size:11px;
	color:#a3a3a3; 
	line-height:13px;
	padding: 0 0 0 10px;
	display:block;
}

#languages a:hover, #languages a.active,#languages a:focus {
	color:#7394a2; 
}


/* NAVIGATION  TOP MENU */
#topmenu {margin:0 15px 0px 7px; position:relative; z-index:100;}
#topmenu  ul {
	margin:0;
	list-style:none; 
}

#topmenu  ul li {
	float:left;
	background:url(../img/layout/trenner_topmenu.png) top left no-repeat;
	height:31px; 
	padding-left:1px;
}

#topmenu  ul li a , #topmenu ul li a:link , #topmenu ul li a:visited , #topmenu ul li a:hover {
	display:block;
	font-size:13px;
	line-height:16px;
	color:#767575;
	padding:4px 0 4px 0;
	text-align:center;
	height:23px;
	background:url(../img/layout/bg_top_menu.png) 0 0 repeat-x;	
}

#topmenu  ul li:hover a, #topmenu  ul li a:hover{
	color:#e48037;
	background:url(../img/layout/bg_top_menu_hover.png) 0 0 repeat-x;	
}

#topmenu  ul li.noline {
	background:none;
	padding-left:0;
}

/* to menu corner graphics*/
#topmenu  ul li a.cr_left,  #topmenu  ul li a.cr_left:link,  #topmenu  ul li a.cr_left:visited {	
	background:url(../img/layout/cr_left_topmenu.png) top left  no-repeat transparent;
	width:124px;
	height:23px;
}

#topmenu  ul li:hover a.cr_left, #topmenu  ul li a.cr_left:hover {	
 	background:url(../img/layout/cr_left_topmenu_hover.png) top left  no-repeat transparent;
 	width:124px;
	height:23px;
}

#topmenu  ul li a.cr_right, #topmenu  ul li a.cr_right:link,  #topmenu  ul li a.cr_right:visited {
	background:url(../img/layout/cr_right_topmenu.png) top right no-repeat transparent;	
	width:150px;
	height:23px;
}


#topmenu  ul li:hover a.cr_right, #topmenu  ul li a.cr_right:hover {
	background:url(../img/layout/cr_right_topmenu_hover.png) top right no-repeat transparent;	
	width:150px;
	height:23px;
}

/* Topmenu points width*/
.first {
	width:122px;
}

.second {
	width:135px;
}

.third {
	width:163px;
}

.forth {
	width:155px;
}

.fifth {
	width:135px;
}
.sixth {
	width:145px;
}


/*Show Submenu*/
#topmenu ul li:hover  {position:relative;}
#topmenu ul li:hover ul {display:block;}

/*Submenu */
#topmenu ul li ul {	
    display:none;
	position:absolute;
	left:1px;
	top:25px;
	
	list-style:none;
	padding-top:4px;
	background:#e3e3e3;
}

#topmenu ul li.noline ul {
left:3px;
}

#topmenu  ul li ul li  {
	clear:left;height:auto; background:none;padding-left:0px;
}

#topmenu  ul li ul a:link, #topmenu ul li ul a:visited , #topmenu  ul li ul li:hover a {
	font-size:11px;
	line-height:16px;
	color:#767575;
	padding:1px 10px 2px 10px;
	background:#e3e3e3;
		text-align:left;
	border-bottom:1px solid #d8d8d8;
	height:auto;
}

#topmenu  ul li ul li:hover a {
	color:#e48037;
}


/*LEFT NAVIGATION MENU*/
ul#leftmenu {
	margin:0;
	list-style:none; 
	overflow:hidden;	
	background:url(../img/layout/bg_leftmenu.png) 0 0 repeat-x;
	width:191px;
}

#leftmenu li {
	background:url(../img/layout/bg_leftmenu.png) repeat-y;
	text-align:right;
	margin-bottom:3px;	
}

#leftmenu  div {	
	background:url(../img/layout/cr_bottom_leftmenu.png) bottom left no-repeat;	
	padding-bottom:21px;
}

#leftmenu  li a , #leftmenu  li a:link , #leftmenu li a:visited, #leftmenu li a:hover {
	font-size:16px;
	line-height:17px;
	color:#767575;
	padding:10px 28px 0px 20px;
	display:block;
	background:url(../img/layout/cr_top_leftmenu.png) top left no-repeat;

}

#leftmenu li a:hover {
	color:#e48037;
}

#leftmenu span {color:#e48037;}

#leftmenu ul.sub_leftmenu {
	margin-right:28px;
	margin-top:5px;
	list-style:none;
}

#leftmenu .sub_leftmenu li {
	background:none;

}

#leftmenu .sub_leftmenu li a ,#leftmenu .sub_leftmenu  li a:link , #leftmenu .sub_leftmenu li a:visited, #leftmenu .sub_leftmenu li a:hover {
	font-size:12px;
	line-height:15px;
	color:#767575;
	padding:0px 28px 0px 0px;
	display:block;
	background:url(../img/layout/arrow_leftmenu.png) center right no-repeat;
}

#leftmenu .sub_leftmenu li a:hover{
	color:#e48037;
}

#LeftNavOrangeBtTop{
	text-align:right;
	padding:10px 28px 0px 20px;
	display:block;
	background:url(../img/layout/cr_left_topmenuORANGE.png) top left no-repeat;

}
#LeftNavOrangeBtBottom{
	padding:10px;
	background:url(../img/layout/cr_teaser_bottomORANGE.png) top left no-repeat;
	
}