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

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

#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-image: url(../images/layout/bg_dotted_navi.gif);
	background-repeat: repeat-x;
	background-position: 0 top;/* background-color: red; */

}

#navbar ul li {
	display: inline; /* this gets rid of the gaps */
}

#navbar ul li a {
	padding: 6px 3px 5px 20px;
	text-decoration: none;
	font-weight: bold;
}

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

#menu_level_1 {
	border: 1px solid #FDEFC0; /* beige, IE need this*/
}

#menu_level_1 li a {
	display:block;
	margin-bottom: 0px;
	background-color: #FDEFC0;/* beige */
}

#menu_level_1 .active a {
	margin-top: 1px;
	color: #CC1734; /* Rubrik */
	background-image: url(../images/layout/bullet-red.gif); /* Rubrik */
	background-repeat: no-repeat;
	background-position: 0 0.71em;
}


#menu_level_1 .active a:hover {
	text-decoration: underline;
}

#menu_level_1 .inactive a {
	margin-top: 1px;
	border: 0px solid blue;
	color: #666;
	background-image: none;
}

#menu_level_1 .inactive a:hover {
	text-decoration: underline;
}


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


#menu_level_2 {
	border-bottom: 8px solid #FDEFC0; /* beige */
}

#menu_level_2 li a {
	font-size: 12px;
	background-color: #FDEFC0; /* beige */
}

#menu_level_2 .active a {
	margin-top: 0px;
	padding-left: 40px;
	color: #CC1734; /* Rubrik */
	background-image: url(../images/layout/bullet-red-level2.gif); /* Rubrik */
	background-repeat: no-repeat;
	background-position: 29px 5px;
	border: 0px solid red;
	padding-top: 0px;
	padding-bottom: 3px;
}

#menu_level_2 .active a:hover {
	text-decoration: underline;
}

#menu_level_2 .inactive a, #menu_level_2 .inactive a:hover {
	margin-top: 0px;
	font-weight: normal;
	padding-left: 40px;
	color: #666;
	background-image: url(../images/layout/bullet-grey-level2.gif); 
	background-repeat: no-repeat;
	background-position: 29px 5px;
	line-height: 15px;
	border: 0px solid red;
	padding-top: 0px;
	padding-bottom: 3px;
}

.baden #menu_level_2 .inactive a, .baden #menu_level_2 .inactive a:hover {
	color: #666;
	background-image: url(../images/layout/bullet-grey-level2.gif); 
}
.sauna #menu_level_2 .inactive a, .sauna #menu_level_2 .inactive a:hover {
	color: #666;
	background-image: url(../images/layout/bullet-grey-level2.gif); 
}




#menu_level_2 .inactive a:hover {
	text-decoration: underline;
}


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

#menu_level_3 li a {
	font-size: 12px;
	margin-bottom: 0px;
	background-color: #FDEFC0; /* beige */
}

#menu_level_3 .active a {
	padding-left: 60px;
	color: #CC1734; /* Rubrik */
	background-position: 50px;
}

#menu_level_3 .active a:hover {
	text-decoration: underline;
}

#menu_level_3 .inactive a, #menu_level_3 .inactive a:hover {
	font-weight: normal;
	padding-left: 60px;
	border: 0px solid blue;
	color: #666;
	background-position: 50px;
}

#menu_level_2 .inactive a:hover {
	text-decoration: underline;
}


/* blue:    #2CB7F7  */
/* orange:  #FF6600  */
/* red:     #CC1734  */
/* beige:   #FDEFC0  */


/* 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: #FDEFC0;
   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: #FDEFC0 url(../images/layout/bullet-grey-level2.gif) no-repeat 20px center; 
   	
}

#menu_vert ul ul {
	background: #FDEFC0;
	margin-top: -1px;
	border-bottom: 8px solid #FDEFC0;
 }
#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 {
}

/* 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: #CC1734;               /* this will be link color for all levels */
	margin: 1px 0 0px 0;                    
    text-transform: none;
	font-weight: bold;
	background: #FDEFC0 url(../images/layout/bullet-red.gif) no-repeat 0 0.71em;
}

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

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

#menu_vert ul ul li .currentpage {
    font-weight: normal;
    text-transform: none;
}

#menu_vert ul ul a:hover.currentpage {
}


/* 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 */
}