/*
	CSS Document: css_navigation.css
	Version: 1.0 | Date: 2006-08-22
	Project: www.vita-alpina.de
	Author: websLINE, 2006
	-------
*/

/* NAVIGATION */

#navigation {
	width: 100%;
	background: #fff;
	height: 18px;
	padding: 0 0 5px 0;
	position: relative;
	z-index: 9;
	}
/*
* html #navigation {
	overflow: hidden;
	}
*/

/* Haupteinstellungen */
#navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
#navigation ul li {
	float: left;
	position: relative;
	}
#navigation a:hover {
	font-weight: bold;
	}

	
/* Ebene 1 - Formatierung */
#navigation ul li a, #navigation ul li a:visited {
	display: block;
	overflow: hidden;
	padding: 0px 14px 0px 0px;
	}
* html #navigation ul li a, * html #navigation ul li a:visited {
	margin-bottom: -7px;
	}

	
/* Ebene 2 */
#navigation ul li ul {
	display: none;
	border-top: 1px solid #A4A8AB;
	}
#navigation ul li ul li a, #navigation ul li ul li a:visited {
	width: 188px;
	text-align: left;
	margin: 0px;
	}
#navigation ul li:hover ul, #navigation ul li a:hover ul {
	display: block;
	position: absolute; z-index: 100;
	top: 18px;
	width: 200px;
	}
#navigation ul li:hover ul.subitem01 li a, #navigation ul li a:hover ul.subitem01, #navigation ul li:hover ul.subitem02 li a, #navigation ul li a:hover ul.subitem02, #navigation ul li:hover ul.subitem03 li a, #navigation ul li a:hover ul.subitem03, #navigation ul li:hover ul.subitem04 li a, #navigation ul li a:hover ul.subitem04, #navigation ul li:hover ul.subitem05 li a, #navigation ul li a:hover ul.subitem05 {
/*	filter: Alpha(opacity=80, finishopacity=0, style=0);*/
	display: block;
	left: 0;
	}

/* Ebene 2 - Formatierung */
#navigation ul li:hover ul li a, #navigation ul li a:hover ul li a {
	padding: 3px 10px;
	text-decoration: none;
	font-size: 10px;
/*	border-left: 1px solid #A4A8AB;*/
	border-right: 1px solid #A4A8AB;
	border-bottom: 1px solid #A4A8AB;
	}
#navigation ul li:hover ul li a:hover, #navigation ul li a:hover ul li a:hover {
	font-weight: bold;
	}

/* style for non IE */	
#navigation ul li:hover ul.subitem01 li a {
	border-left: 4px solid #335697;
	background: #fff;
	}
#navigation ul li:hover ul.subitem01 li a:hover {
	background: #D6DDEA;
	}
#navigation ul li:hover ul.subitem02 li a {
	border-left: 4px solid #EE4C38;
	background: #fff;
	}
#navigation ul li:hover ul.subitem02 li a:hover {
	background: #FCDBD7;
	}
#navigation ul li:hover ul.subitem03 li a {
	border-left: 4px solid #FFB525;
	background: #fff;
	}
#navigation ul li:hover ul.subitem03 li a:hover {
	background: #FFF0D3;
	}
#navigation ul li:hover ul.subitem04 li a {
	border-left: 4px solid #00C1F3;
	background: #fff;
	}
#navigation ul li:hover ul.subitem04 li a:hover {
	background: #CCF3FD;
	}
#navigation ul li:hover ul.subitem05 li a {
	border-left: 4px solid #6774B5;
	background: #fff;
	}
#navigation ul li:hover ul.subitem05 li a:hover {
	background: #D6DFEF;
	}
/* style for IE */
#navigation ul li a:hover ul.subitem01 {
	border-left: 4px solid #335697;
	background: #fff;
	}
#navigation ul li a:hover ul.subitem01 li a:hover {
	background: #D6DDEA;
	}
#navigation ul li a:hover ul.subitem02 {
	border-left: 4px solid #EE4C38;
	background: #fff;
	}
#navigation ul li a:hover ul.subitem02 li a:hover {
	background: #FCDBD7;
	}
#navigation ul li a:hover ul.subitem03 {
	border-left: 4px solid #FFB525;
	background: #fff;
	}
#navigation ul li a:hover ul.subitem03 li a:hover {
	background: #FFF0D3;
	}
#navigation ul li a:hover ul.subitem04 {
	border-left: 4px solid #00C1F3;
	background: #fff;
	}
#navigation ul li a:hover ul.subitem04 li a:hover {
	background: #CCF3FD;
	}
#navigation ul li a:hover ul.subitem05 {
	border-left: 4px solid #6774B5;
	background: #fff;
	}
#navigation ul li a:hover ul.subitem05 li a:hover {
	background: #D6DFEF;
	}