/*** Vertikale Navigation: ***/
div.navigation {
	margin: 0 0 15px 0;
}

div.navigation ul li a {
    width:187px;
}

div.navigation a:hover{
	background: #fff;
	text-decoration: none;
}

div.navigation a.navAktiv {
	background: #fff;
}

div.navigation a.navAktiv:hover {
	background: #fff;
}

/* Visited & Hover Zustand */
div.navigation ul a:visited,
div.navigation ul ul a:visited,
div.navigation ul ul ul a:visited {
	color: #333;
	text-decoration: none;
}

/* 1. Ebene */
div.navigation ul {
	display: block;
	overflow: hidden;
    list-style: none none;
    font-size: 0;
}

div.navigation ul li a {
	padding: 2px 2px 2px 11px;
	margin: 0;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif; /* 12px */
	color: #333;
	display: block;
}

div.navigation ul li{
	padding: 0;
	margin: 0;
	background: #333 url(../img/navigation/bg_nav1.gif) top left repeat-x;
	border-bottom: 1px solid #e2e2e2;
	list-style: none none;
	display: block;
}



/* 2. Ebene */
div.navigation ul ul {
	border-top: 1px solid #e5f0fb;
	border-bottom: 1px solid #e5f0fb;
}

div.navigation ul ul li{
	padding: 0;
	margin: 0;
    background: #e5f0fb none;
    border: 0 none;
    list-style: none none;
    display: block;
}

div.navigation ul ul li a{
	color: #333;
	padding: 1px 1px 2px 25px;
	font: normal 11px Arial, Helvetica, sans-serif;
	display: block;
}

/* 3. Ebene */
div.navigation ul ul ul li{
	padding: 0;
	margin: 0 0 2px 0;
	background: #e5f0fb;
	border: 0 none;
    list-style: none none;
    display: block;
}

div.navigation ul ul ul li a{
	color: #333;
	padding: 1px 1px 2px 37px;
	font: normal 11px Arial, Helvetica, sans-serif;
	display: block;
}

/*** Horizontale Navigation: ***/

/* Visited & Hover Zustand */
div#navigationTop ul a:visited,
div#navigationTop ul ul a:visited,
div#navigationTop ul ul ul a:visited {
	color: #333;
	text-decoration: none;
}


div#navigationTop a:focus,
div#navigationTop a:hover,
div#navigationTop a:active,
div#navigationTop li:hover {
	background: #fff;	
	}

div#navigationTop {
	background: #333 url(../img/navigation/bg_nav_top.gif) top left repeat-x;
	width: 772px;
	display: block;
	height: 18px;
	position: relative;
	z-index: 1000;
}

div#navigationTop ul li {
	position: relative;
	padding: 0;
	margin: 0;
	background: #333 url(../img/navigation/bg_nav1.gif) top left repeat-x;
    list-style: none none;
    float: left;
	display: block;
	width: 128px;
}
div#navigationTop ul li ul li a:hover {
background: #bd0026;
}
div#navigationTop ul li a {
	padding: 2px 20px;
	margin: 0;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif; /* 12px */
	color: #333;
	display: block;
}

/* 2. Ebene Floating */
div#navigationTop ul ul {
	display: none;
	position: absolute;
	width: 210px;
	border: 1px solid #fff;
	background: #666;
	padding: 2px 0;
	margin-top: -1px;
}

div#navigationTop ul ul li {
	padding: 0;
	margin: 0;
    background: transparent none;
    border: 0 none;
    list-style: none none;
    width: 210px;
	top: -2px;
}

div#navigationTop ul ul li a {
	color: #fff;
	padding: 2px 1px 2px 25px;
	font: normal 11px Arial, Helvetica, sans-serif;
	display: block;
	overflow: hidden;
}
div#navigationTop ul ul li a:visited {
	color: #fff;
}

/* 3. Ebene Floating */
div#navigationTop ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 210px;
	background-image: none;
}

/* 4. Ebene Floating */
div#navigationTop ul ul ul ul {
	left: 210px;
	z-index: 100;
}

/* Punkt mit Unternavigation */
div#navigationTop li.subnav {
	background: url(../img/navigation/bg_navtop_pfeil.gif) top right no-repeat !important;
	
}

/** Pfeil bleibt stehen bei mouseover, funktioniert ueberall, ausser IE 6 */
div#navigationTop li.subnav > a:hover {
    background: #bd0026 url(../img/navigation/bg_navtop_pfeil.gif) top right no-repeat !important;
}

div#navigationTop li.navTrace {
	background-color: #666;
}

/* Schmale Floating-Ebene  */
/* 2. Ebene */
div#navigationTop ul.short, div#navigationTop ul.short li {
	width: 160px;
}

/* uebergeordnete Ebenen auf 210px zurueckstellen */
div#navigationTop ul.short ul {
	left: 160px;
	width: 210px;
}
div#navigationTop ul.short ul li {
	width: 210px;
}
div#navigationTop ul.short ul ul {
	left: 210px;
}

/* 3. Ebene */
div#navigationTop ul ul ul.short, div#navigationTop ul ul ul.short li {
	width: 160px;
}

/* uebergeordnete Ebenen auf 210px zurueckstellen */
div#navigationTop ul ul ul.short ul {
	left: 160px;
	width: 210px;
}
div#navigationTop ul ul ul.short ul li {
	width: 210px;
}
div#navigationTop ul ul ul.short ul ul {
	left: 210px;
}
/*** Horizontale Navigation - ENDE ***/

/* Iconbar - drucken, xsl */
div#iconbar {
	width: 80px;
	height:26px;
	text-align: right;
	float: right;
	display: block;
    position:relative;
    top:5px;
    right:5px;
    bottom: 5px;
}
div#iconbar a {
	margin-left: 4px;
}

div#titlebar {
	padding-right: 16px;
	padding-top: 0;
	text-align: right;
	display: block;
}

div#titlebar a {
	margin-left: 4px;
}