@charset "utf-8";

/**
* Stylesheet fr http://www.medion.de/
*
* Stylesheet fr Seitennavigation
*
* @author Kristian Augustin
* @link   http://www.getit.de/
*/

/**
* @section Seitennavigation
*/
ul#subnav {
  margin: 0 0 6px 0;
}
#subnav li {
  list-style: none;
  margin-bottom: 3px;
}
#subnav a {
  color: #262626;
  background-color: #CDCDCD;
  display: block;
  position: relative;
  font-size: 1.3em;
  text-decoration: none;
  padding: 6px 8px 6px 10px;
}
#subnav a:hover {
	background: #A0A0A0;
}

#subnav a:hover,
#subnav a:focus {
  text-decoration: none;
}

/* Zweite Ebene */
#subnav ul {
  background-color: #DFDFDF;
  padding-top: 5px;
  padding-bottom: 11px;
}
#subnav ul li {
  margin-bottom: 0;
}
#subnav ul a {
  color: #262626;
  background-color: #DFDFDF;
  padding: 5px 8px 5px 28px;
  font-size: 1.2em;
}

#subnav ul a.hasChildren {
  background: url(../images/icons/arrow_right_trans.png) 12px 6px no-repeat;
}
#subnav ul a.hasChildren.active {
  background: url(../images/icons/arrow_down_trans.png) 7px 12px no-repeat;
}

#subnav ul a.active {
  color: #262626;
  background-color: #DFDFDF;
  padding: 5px 8px 0px 28px;
  font-size: 1.2em;
}
#subnav ul a:hover,
#subnav ul a.active:hover {
	background-color: #A0A0A0;
}


/* Dritte  Ebene */
#subnav ul ul {
  background-color: #DFDFDF;
  padding: 0;
}
#subnav ul ul li {
  margin-bottom: 0;
}

#subnav ul ul a {
  color: #262626;
  background-color: #DFDFDF;
  padding: 0px 8px 0px 33px;
  font-size: 0.9em;
  line-height: 185%;
  background: none;
}
#subnav ul ul a:hover {
	background: #A0A0A0;
}

/*
#subnav ul a.hasChildren {
}
*/


#subnav ul a.last,
#subnav ul strong.last {
	padding: 5px 8px 5px 28px;
}
/* *********************************** */





/**
* @section Topnavigation
*/
#topnav {
	z-index: 100;
	position: static;
	margin: 1px 0 5px 0;
}
#topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#topnav ul li {
	padding: 0;
	margin: 0;
	float: left; 
	position: relative;
	margin-right: 3px;
	margin-bottom: 1px;
}
#topnav li a {
	padding: 0;
	margin: 0;
	background-image: url(../images/navi-left.gif);
	background-repeat: no-repeat;
	padding: 1px 0 0 3px;
	text-decoration: none;
	font-size: 1.4em;
	white-space : nowrap;
	/*letter-spacing: .05em;*/
}
#topnav li a span {
	background-image: url(../images/navi-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0 6px 0 3px;
	color: #767676;

}
#topnav li a:hover,
#topnav li a.hover,
#topnav li a:hover span,
#topnav li a.hover span {
	background: #DFDFDF;
	color: #262626;
}

#topnav ul ul {
	position: absolute; 
	font-size: 1.2em;
	display: none; 
	list-style: none;
	top: 18px; 
	/*width: 459px;*/
	/*width: 150px;*/
	
	left: 0;
	background: #DFDFDF;
}
#topnav ul ul li {
	padding: 3px 15px 3px 15px;
	background: #DFDFDF;
	margin-bottom: 0;
	margin-right: 0;
	float: none; 
}
#topnav ul ul li a {
	background: none;
	font-size: 1em;
	margin-right: 0;
	padding: 0;
	text-transform: none ;
}
#topnav li li a:hover {
	text-decoration: underline;
	background: #DFDFDF;
}