/*
	CSS Document: css_navigation.css
	Version: 1.0 | Date: 2008-04-17
	Project: www.airlink.at
	Author: websLINE, 2008
	-------
*/


/* NAVIGATION */

/* Haupteinstellungen */
ul.navigation, .subitems {
	margin: 0; padding: 0;
	list-style-type: none;
	}
.intern ul.navigation {
	display: none;
	}

/* Ebene 1 */
ul.navigation li.level1 {
	position: relative;
	float: left;
	}
ul.navigation li.level1 a.main {
	display: block;
	height: 41px;
	}
ul.navigation li.level1 a.main strong {
	display: none;
	}

ul.navigation li.first, ul.navigation li.first-active { margin-left:20px; width: 63px; background: url(img_nav01.gif); }
ul.navigation li.second, ul.navigation li.second-active { width: 175px; background: url(img_nav02.gif); }
ul.navigation li.third, ul.navigation li.third-active { /*width: 211px;*/ width: 144px; background: url(img_nav03.gif); }
ul.navigation li.fourth, ul.navigation li.fourth-active { width: 143px; background: url(img_nav04.gif); }
ul.navigation li.fifth, ul.navigation li.fifth-active { width: 98px; background: url(img_nav05.gif); }
ul.navigation li.sixth, ul.navigation li.sixth-active { width: 103px; background: url(img_nav06.gif); }
ul.navigation li.seventh, ul.navigation li.seventh-active { width: 113px; background: url(img_nav07.gif); }
ul.navigation li.eight, ul.navigation li.eight-active { width: 83px; background: url(img_nav08.gif); }

ul.navigation li.level1 { background-repeat: no-repeat}
ul.navigation li.level1 { background-position: 0 0; }
ul.navigation li.level1:hover,
ul.navigation li.level1:active,
ul.navigation li.first-active,
ul.navigation li.second-active,
ul.navigation li.third-active,
ul.navigation li.fourth-active,
ul.navigation li.fifth-active,
ul.navigation li.sixth-active,
ul.navigation li.seventh-active,
ul.navigation li.eight-active { background-position: 0 -41px; }


/* Ebene 2 */
ul.navigation ul {display: none;}
ul.navigation li.level1:hover ul.subitems {display:block;}

ul.navigation .subitems {
	position: absolute;
	top: 40px; left: 0;
	z-index: 99;
	white-space: nowrap;
	width: 180px; /* FF 1, NS need this */
/* 	background: #F0F0F0; IE needs this */
	background: #fff; /* IE needs this */
	border-left: 1px solid #C8CAC9;
	border-right: 1px solid #C8CAC9;
	}
ul.navigation .second .subitems,
ul.navigation .second-active .subitems {
	width: 173px;
	}
ul.navigation .third .subitems,
ul.navigation .third-active .subitems {
/*	width: 209px;*/
	width: 142px;
	}
ul.navigation .fourth .subitems,
ul.navigation .fourth-active .subitems {
	width: 141px;
	}
ul.navigation .fifth .subitems,
ul.navigation .fifth-active .subitems {
	width: 96px;
	}
ul.navigation .sixth .subitems,
ul.navigation .sixth-active .subitems {
/*	width: 101px;*/
	width: 120px;
	}
ul.navigation .seventh .subitems,
ul.navigation .seventh-active .subitems {
	width: 111px;
	}
ul.navigation .eight .subitems,
ul.navigation .eight-active .subitems {
	width: 105px;
	}
ul.navigation .subitems li {
	float: none;
	border-bottom: 1px solid #C8CAC9;
	padding: 2px 0;
	}

ul.navigation .subitems li.level2 a,
ul.navigation .subitems li.level2-active a {
	text-decoration: none;
	display: block;
	padding: 4px 0 4px 14px;
	color: #777;
	}
ul.navigation .subitems li.level2 a:hover,
ul.navigation .subitems li.level2-active a:hover {
	background: url(img_arrow-red.gif) no-repeat 0 9px;
	color: #c00;
	}