/* @override http://potsdamer-erlebnisnacht.de/css/navigation.css */

/* Navigation potsdamer-erlebnisnacht  */


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


#menu_vert {
   padding: 0;
   margin: 0;
}


#menu_vert ul {
   padding: 0;
   margin: 0;
   background: url(../images/layout/nav-ul-bg.gif) repeat-y top;
   border-top: 1px solid #FFF;
}

/* menu li block */

#menu_vert li {
   list-style: none;
   margin: 0px 0 0 0;
   display: block;
   font-weight: bold;
   border-bottom: 1px solid #FFF;
}

#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: 7px 3px 7px 20px;
   color: #34558B;             /* this will be link color for all levels */
   min-height:1em; /* Fixes IE7 whitespace bug */ 
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
}

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

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

#menu_vert ul ul a, #menu_vert ul ul a.currentpage {
	font-size: 13px;
    font-weight: normal;
	padding: 7px 3px 7px 0px;
	line-height: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	border-bottom: none;
   	text-transform: none;
}

#menu_vert ul ul { 
	background: #FAE6A8; 
   	margin: -1px 0 1px 0;
   	border-top:  none;
}
#menu_vert ul ul li { 
	background: #FDF9EC;
	margin: 1px 0 0px 0px;
}

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

/* third level links, more padding */
#menu_vert ul ul ul a {
}

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

#menu_vert ul ul ul {

}


/* hover state for all links */
   #menu_vert a:hover {
   background-color: #FFF;
   text-decoration: none;
}
#menu_vert a.activeparent:hover {
	background-color: #F9EBBC;
}

/* 
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; 
	font-size: 14px;
	padding: 7px 3px 7px 20px;
	color: #34558B;               /* this will be link color for all levels */
	margin: 0px 0 0px 0;                    
    text-transform: uppercase;
	font-weight: bold;
    background: #F9EBBC url(../images/layout/nav-btn-bg.png) repeat-x top;
}

#menu_vert ul a:hover.currentpage {
	background-color: #F9EBBC;
}

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

/* 
2. level current pages, more padding, 
smaller font and no background color or bottom border 
*/
#menu_vert ul ul li .currentpage {
    background: #FFF;
    font-weight: bold;
    margin-top: 1px;
    text-transform: none;
}

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

/* current page on third level, more padding */
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: 10px 0 10px 0;
   background-color: #fff;
   margin: 0;
   text-align:center;
}

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