/* CSS Document */

/* navigation */


a {
color: #000000;
text-decoration:none;
}

a:link {
color: #000000;
text-decoration: none;
}

a:visited {
color: #000000;
text-decoration:none;
}

/* wichtig wenn über überschrift untermenu in untermenu-punkte gewechselt wird */
a:hover {
	color: #000000;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #f46e25;
}

/*--------------------------------------------------- klapp-menu -----------------------------------------------*/
#dlmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	/*font-weight:bolder;*/
	background-color:#666666;
	height : 1em; /*orginal 10em*/
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	float: left;
	/*keine breite angegeben*/
	position : relative; /*achtung probleme bei zu kleinen bildschrimauflösungen verschiebt sich die navigation und der content übereinander oder untereinander*/

}

#menu {
list-style-type : none;
margin : 0px 0px 15px 0px; /* abstand zum oberen #menu*/
padding : 0;
/*position : absolute; /*-- sonst wird leimangabe-maschinen überdeckt */
width : 11.5em; /* --- BREITE --- 13 em*/
background-color : #dddddd;
z-index : 100;
}

#menu li {
display : block;
padding : 0;
margin : 0;
/*position : relative;*/
z-index : 100;
}

#menu li a, #menu li a:visited {
font-family:Arial, Helvetica, sans-serif;
display : block;
text-decoration : none;
}

#menu li dd {
display : none;
}

#menu li:hover, #menu li a:hover {
border : 0;
}


/*----- überschrift wenn gallery ausgeklappt wird -----*/
/*wenn ein gallery oberpunkt angewählt wird*/
#menu li:hover dt a, #menu li a:hover dt a {
	font-family:Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	/*font-size:95%; /*schriftgröße für obermenupunkte wenn hover - sollte aber in #menu dt festgelegt werden*/
	background-color:#f46e25;
	color: #000;
	font-weight: bolder;
	/*padding:4px 0px 4px 15px;*/
}

/*wenn ein gallery unterpunktpunkt angewählt wird*/
#menu li:hover dd, #menu li a:hover dd {
	display : block;
	color: #000;
}
	
	
/*----- auffüll hintergrund -----*/
#menu li:hover dl, #menu li a:hover dl {
	/*height : 11.5em; /* höhe des menüs wenn aufgeklappt */
	background-color: #999;
	/*padding-bottom:1em;*/
	height:5em;
}

#menu table {
border-collapse: collapse;
padding : 0;
margin : -4px;
font-size : 100%;
}

/*----- xxxxxxx -----*/
#menu dl {
	/*width : 13em;  /* --- BREITE --- 13em -- breite ist wichtig, sonst bestimmt der test der menupunte die breite*/
	margin : 0;
	background-color:#000;
	/*background : #ff0000 center center; /*#6f9c6f;*/
	cursor : pointer;
}

#menu dt {
	font-weight:bolder;
	margin : 0;
	background-color:#000000;
	font-size : 80%; /*schriftgröße OBER menupunnkte wenn nicht angewählt muss sollte gleich hover dt sein - vorher 1.1 em*/
	border-top : 1px solid #cce;
	
}

#menu dd {
	margin : 0;
	padding : 0;
	font-size : 70%; /*0.85em 85%*/ /*schriftgröße für untermenupunkte wenn sollte gleich hover dd sein*/
	text-align : left;
	text-decoration: underline;
	border-top : 1px solid #000000;
}

/*untermenu zugeklappt oberpunkte*/
.gallery dt a, .gallery dt a:visited {
font-family:Arial, Helvetica, sans-serif;
display : block;
color : #CCCCCC;
margin:0;
padding: 5px 0px 5px 10px; 
background-color : #000000;
line-height:150%;

}

/*untermenu aufgeklappt unterpunkte wenn nicht angewählt*/
.gallery dd a, .gallery dd a:visited {
font-family:Arial, Helvetica, sans-serif;
color : #FFFFFF;
/*min-height : 1em;*/
text-decoration : none;
font-weight:lighter;
display : block;
padding:4px 0px 4px 20px;
background-color : #666666;
/*font-size: 100%; schriftgröße wird schon in #menu dd festgelegt*/
line-height:110%; /*110%*/
}

* html .gallery dd a, * html .gallery dd a:visited {
background-color:#999;
font-family:Arial, Helvetica, sans-serif;
height : 5em;
}

/*untermenu aufgeklappt unterpunkte wenn hover*/
.gallery dd a:hover {
	font-family:Arial, Helvetica, sans-serif;
	background-color : #f46e25;
	color : #fff;
	text-decoration: underline;	
}