@charset "UTF-8";

#nav-hor{

/* (de) Einfassen der Floats im IE */
width: 100%;
overflow: hidden;

/* (de) Einfassen der Floats in allen anderen Browsern */
float: left;
display: inline;
/* (en|de) Bugfix: IE - collapsing horizontal margins */
position:relative;

/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
background: #c0c0c0 url("images/background.png") repeat-x center right;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
line-height: 0;
}

#nav-hor ul {
	/* (de) Abstand des ersten Buttons vom linken Rand  */
	margin: 0 0 0 20px;
	padding: 0;
	clear:both;
	border-left: 1px #aaa solid;
	border-right: 1px #fff solid;
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left;
}

#nav-hor ul li {
	border-left: 1px #fff solid;
	border-right: 1px #aaa solid;
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left; /* LTR */
	font-size: 1.0em;
	line-height: 0.7em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav-hor ul li a,
#nav-hor ul li strong {
	background: transparent;
	color: #000;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
	text-decoration: none;
	width: auto;
}



#nav-hor ul li a:focus,
#nav-hor ul li a:hover,
#nav-hor ul li a:active  { background: #eee; color: #333; text-decoration: none; }

#nav-hor ul li.active {
	/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
	background: #272727 url("images/background_active.png") repeat-x center right;
	border-left: 1px #444 solid;
	border-right: 1px #888 solid;
}

#nav-hor ul li.active strong,
#nav-hor ul li.active a:focus,
#nav-hor ul li.active a:hover,
#nav-hor ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }






/* Navi vertikal

/* title */
h6.vlist {
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
width: 90%;
padding: 3px 0px 3px 10%; /* LTR */
margin:0;
color: #444;
background-color: #fff;
border-top: 2px #ddd solid;
border-bottom: 4px #888 solid;
}

.vlist {
width: 100%;
overflow: hidden;
margin: 0 0 1.5em 0;
list-style-type: none;
border-bottom: 2px #ddd solid;
}

.vlist ul {
list-style-type: none;
margin:0;
padding: 0;
}

.vlist li {
float:left; /* LTR */
width: 100%;
margin:0;
padding: 0;
}

.vlist a,
.vlist strong,
.vlist span {
display:block;
padding: 3px 0px 3px 10%;
text-decoration: none;
border-bottom: 1px #ddd solid;
}

.vlist a,
.vlist a:visited {
color: #444;
}

.vlist li span {
display:block;
font-weight: bold;
border-bottom: 1px #ddd solid;
}

/* active list element */
.vlist li.active {
color: #fff;
background-color:#800;
font-weight: bold;
}

/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width: 90%; padding-left: 10%; } /* LTR */

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active { background-color:#a88; color: #fff; }

/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { width: 80%; padding-left: 20%; } /* LTR */

.vlist li ul li a, 
.vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active { background-color:#a88; color: #fff; }

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { width: 70%; padding-left: 30%; } /* LTR */

.vlist li ul li ul li a,
.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; }
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:hover,
.vlist li ul li ul li a:active { background-color:#a88; color: #fff; }

/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } /* LTR */

.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
.vlist li ul li ul li ul li a:focus,
.vlist li ul li ul li ul li a:hover,
.vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; }