/* Name = nav
// Bezeichnung: Navigation
//-
// Beschreibung
// definiert die Navigation Aufklappmenü
//-
// Geschichte
// 1.0 = 270307, Monika Schaerli
//-
// Designer und Coüpyright:
// Monika Schaerli, www.wwwmarketing.ch
*/

html, body {
	margin: 0;
	padding: 0;
}
/*
body {
	background-color: green; }*/

#nav {
      width: 220px;
      height: 5em;
	   margin: 1px;
}

#nav a {
	     /*width:100%;*/ /* auskommentiert = deaktiviert */
        display: block;
}

#nav ul.liste, #nav ul.sub {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.liste li {
	margin: 1px 0;
}

ul.sub li {
	      /*margin-right: 12px;*/ /* auskommentiert = deaktiviert */
}

ul.liste a {
	 width: 204px;
   padding: 10px 0 10px 16px;
	background-color: #336699;
	border-left: 1px solid #000080;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
      font-size: 80%;
	text-decoration: none;
}

ul.sub a {
	width: 192px;
  padding-left: 28px;
	background-color: #CCCCFF;
	border-left: 1px solid #000080;
	color: #000;
	font-style: italic;
}

ul.liste a:hover {
	background-color: #CCCCFF;
	text-decoration: underline;
}

ul.sub a:hover {
	background-color: #CCCCFF;
}

ul.liste a.hier {
	background-color: #336699;
	border-left: 1px solid #ff0000;
	color: #fff;
}

ul.sub a.hier {
	background-color: #CCCCFF;
}

ul.liste a:hover.hier {
	text-decoration: none;
}

ul.liste a.hier2 {
	background-color: #336699;
	border-left: 1px solid #000080;
	color: #fff;
}
ul.liste a.hier3 {
  background-color: #CCCCFF;
}

a#skiplink { 
	position: absolute; 
	left: 0px; 
	top: -500px; 
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
}