/* @override http://stadtbad-zittau.de/_n/css/navigation.css */


/* blue:    #2CB7F7  */
/* orange:  #FF6600  */
/* red:     #8A112B  */
/* beige:   #F8EEDE  */

#navigation {
	float: left;
	width: 178px;
	/* margin-left: 17px; */
	/* _margin-left: 10px; IE*/
	margin-top: 30px;
	font-size:13px;
	padding-left: 17px;
	overflow: hidden;
}


/* NAVIGATION
----------------------------------------------------------------------------- */

#menu_vert {
   padding: 0;
   margin: -2px 0 0 0;
}

#menu_vert ul {
   padding: 0;
   margin: 0;
   background-image: url(../images/layout/bg_dotted_navi.gif);
}

/* menu li block */

#menu_vert li {
   list-style: none;
   margin: 0px 0 0 0;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/


/* 1. LEVEL
----------------------------------------------------------------------------- */

#menu_vert a {
   text-decoration:none;     
   display: block;             /* IE has problems with this, fixed above */
   padding: 6px 3px 5px 20px;
   color: #666;             /* this will be link color for all levels */
   min-height:1em; /* Fixes IE7 whitespace bug */ 
   text-transform: none;
   font-weight: bold;
   font-size: 13px;
   background: #F8EEDE;
   margin: 1px 0 0 0;

}

#menu_vert a:hover {
	text-decoration: underline;
}

/* 2. LEVEL
----------------------------------------------------------------------------- */

#menu_vert ul ul a, 
#menu_vert ul ul a.currentpage {
    font-weight: normal;
	padding: 5px 3px 6px 0px;
	line-height: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
   	text-transform: none;
   	font-size: 12px;
   	background: #F8EEDE url(../images/layout/bullet-grey-level2.gif) no-repeat 20px center; 
   	
}

#menu_vert ul ul {
	background: #F8EEDE;
	margin-top: -1px;
	border-bottom: 8px solid #F8EEDE;
 }
#menu_vert ul ul li { 
	margin: 0px 0 0px 0px;
}

#menu_vert ul ul a:hover { 
text-decoration: underline;
}

#menu_vert ul ul ul a {
}

.baden #menu_vert li.activeparent ul li a,
.sauna #menu_vert li.activeparent ul li a {
	color: #666;
    background-image: url(../images/layout/bullet-grey-level2.gif); 

}



/* 3. LEVEL
----------------------------------------------------------------------------- */

#menu_vert ul ul ul {

}

#menu_vert a.activeparent:hover {
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
#menu_vert li a.activeparent {
/* same as current here */
}

#menu_vert ul ul li a.activeparent {
}

.currentpage {
}

/* 1. LEVEL CURRENT
----------------------------------------------------------------------------- */

#menu_vert ul a.currentpage, 
#menu_vert li .activeparent {
	display: block; 
    padding: 6px 3px 5px 20px;
	color: #8A112B;               /* this will be link color for all levels */
	margin: 1px 0 0px 0;                    
    text-transform: none;
	font-weight: bold;
	background: #F8EEDE url(../images/layout/bullet-red.gif) no-repeat 0 0.71em;
}

#menu_vert ul a:hover.currentpage,
#menu_vert li .activeparent {
}

.baden #menu_vert ul a.currentpage, 
.baden #menu_vert li.activeparent a { 
color: #2CB7F7; 
background-image: url(../images/layout/bullet-blue.gif);
}

.sauna #menu_vert ul a.currentpage, 
.sauna #menu_vert li.activeparent a { 
color: #FF6600;
background-image: url(../images/layout/bullet-orange.gif);
} 



/* 2. LEVEL CURRENT
----------------------------------------------------------------------------- */

#menu_vert ul ul li .currentpage {
    font-weight: bold;
    text-transform: none;
    color: #8A112B;
}

#menu_vert ul ul a:hover.currentpage {
}

.baden #menu_vert ul ul li a.currentpage { 
color: #2CB7F7; 
background-image: url(../images/layout/bullet-blue-level2.gif);

}
.sauna #menu_vert ul ul li a.currentpage { 
color: #FF6600; 
background-image: url(../images/layout/bullet-orange-level2.gif);
}


/* 3. LEVEL CURRENT
----------------------------------------------------------------------------- */

div#menu_vert ul ul ul {
      padding: 6px 3px 6px 30px;
      text-transform: none;
}


/* ABSCHNITTSÜBERSCHRIFT
----------------------------------------------------------------------------- */

/* section header */
#menu_vert li.sectionheader {
   border-right: none;
   font-weight: bold;
   padding: 0 0 0 20px;
   margin: 0;
   color: #555;
}

/* TRENNER
----------------------------------------------------------------------------- */

/* separator */
#menu_vert li.seperator {
   height: 1px !important;
   margin-top: 0px;
   margin-bottom: 0;
   padding: 0px 0 0px 0;
   background-color: #FFF;
   background-image: none;
   border: none;
   border-top: 3px solid #FFF;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}


/* blue:    #2CB7F7  */
/* orange:  #FF6600  */
/* red:     #8A112B  */
/* beige:   #F8EEDE  */