/* dropdown based on the son's of suckerfish article */

/* subnavigation */
#subnavigation ul {
	list-style: none;
	margin: 0;
}

#subnavigation ul li a{color:#333333;}

#subnavigation ul li a:hover{color:#ff0000;}

#subnavigation ul li.active a{color:#ff0000;}

#subnavigation ul li.active ul li a{color:#333333;}

#subnavigation ul li ul li{margin-left:10px;}

#subnavigation ul li ul li ul li{margin-left:20px;}

/* navigation */


#nav ul {
	font-size: 90%;
	font-weight:normal;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	color: #666666;
	text-decoration: none;
	padding: 0.25em 0em;
}
#nav a.first {
	width: auto;
	padding: 0.2em 0.4em;
	height: auto;
	background-color: #fff;
}
#nav a.notfirst {
	width: auto;
	padding: 0.2em 0.4em;
	height: auto;
	background-color: #fff;
	border-left: 1px solid #666;
	
}
#nav li {
	margin: 0 0 0 0;
	float: left;
}



#nav li ul {
	font-size: 100%;
	width: 10em;
	position: absolute;
	left: -999em;
	background-color: #fff;
	border: 1px solid #ff0000;
}
#nav li ul li ul{
	width: 12em;
}

#nav li ul li ul li ul{
	width: 12em;
	margin-left:12em;
}

#nav li ul a{
	width: 9.2em;
	padding: 0.2em 0.4em;
	border-bottom: 1px solid #ccc;	
}

#nav li ul li ul a{
	width: 11.2em;
}

#nav li ul li ul li ul a{
	width: 11.2em;
}




/* showing the primary dropdowns incl. the IE5 "sfhover" stuff */
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* positioning of the aehm secondary drops i think... */
#nav li ul ul {
	margin: -1.4em 0 0 10em;
}
/* hidding the secondary dropdowns incl. the IE5 "sfhover" stuff */
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
/* showing the secondary dropdowns incl. the IE5 "sfhover" stuff */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/* And in the crazy event you need four levels: */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

/* styling of the navigation*/
#nav li a:hover {
	color : #fff;
	background-color : #ff0000;
}

/* footer navi list*/
#footer ul{
	font-size: 70%;
	padding: 0;
	margin: 0em 0 0 0.2em;
	list-style: none;
	min-height: 1.4em;
	border-bottom: 1px dotted #000;
}
#startseite #footer ul{
	font-size: 70%;
	padding: 0;
	margin: 0em 0 0 0.2em;
	list-style: none;
	border-bottom: 0px;
	
}