/* Trennlinien in der Navigation */
div.line {
  width:100%;
  margin-top:5px;
  margin-bottom:5px;
  height:1px;
  font-size:0px;
  border-bottom:1px dotted #c6c6c6;
}

/* Hier kann der "Zeilenabstand" der Navi eingestellt werden. */
div.vNaviArea div.level0,
div.vNaviArea div.level1,
div.vNaviArea div.level2,
div.vNaviArea div.level3,
div.vNaviArea div.level4,
div.vNaviArea div.level5{
  margin-top: 0px;
  margin-bottom: 0px;
}

/* rechten und linken Rand setzen;
 * da das Enclose, welches die divs mit den Klassen level0a sowie
 * level1 bis level9, schon 3px margin mitbringt, muss hier
 * die margin der divs entsprechend reduziert werden.
 */
div.vNaviArea div.level0  { margin-left: 10px; margin-right: 7px; }
div.vNaviArea div.level1  { margin-left: 10px; margin-right: 7px; }
div.vNaviArea div.level2  { margin-left: 10px; margin-right: 7px; }
div.vNaviArea div.level3  { margin-left: 10px; margin-right: 7px; }
div.vNaviArea div.level4  { margin-left: 10px; margin-right: 7px; }
div.vNaviArea div.level5  { margin-left: 10px; margin-right: 7px; }

div.vNaviArea div.level5.active  { margin-left: 47px; margin-right: 7px; }
div.vNaviArea div.level4.active  { margin-left: 37px; margin-right: 7px; }
div.vNaviArea div.level3.active  { margin-left: 27px; margin-right: 7px; }
div.vNaviArea div.level2.active  { margin-left: 17px; margin-right: 7px; }
div.vNaviArea div.level1.active  { margin-left: 7px; margin-right: 7px; }
div.vNaviArea div.level0.active { margin-left:  7px; margin-right: 7px; }

/* Enclose-Boxen erstmal nur für Navigation überschreiben */
.b_grey1, .b_grey2, .b_grey3{font-size:1px; overflow:hidden; display:block;}
.b_grey1 {height:1px; background:#CCCCCC; margin:0 3px;}
.b_grey2 {height:1px; background:transparent; border-right:2px solid #CCCCCC; border-left:2px solid #CCCCCC; margin:0 1px;}
.b_grey3 {height:1px; background:transparent; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; margin:0 1px;}
.contentb_grey {background: transparent; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; }

div.vNaviArea {
	font-size: 11px !important;
	color: #333333 !important;
	width:210px;
  float:left;
}
div.vNaviArea a{
	font-size: 11px;
	color: #333333 !important;
	text-decoration: none;
}

div.vNaviSpacer {
  padding:5px 3px;
  text-align: left !important;
}

div.vNaviArea a:hover {
	color: #3399CC !important;
}

div.vNaviArea h2,
div.vNaviArea h3 {
	margin:0px;
  font-weight: normal;
}

div.vNaviArea h3 {
  padding: 5px 0px 0px 10px !important;
  color: #004682 !important;
}

div.vNaviArea .vNaviHeadline {
	color: #004682 !important;
	padding-bottom: 7px !important;
	font-size: 14px !important;
}
div.vNaviArea h2.vNaviHeadline {
	margin-left:10px;
}

div.vNaviArea div.level1.active,
div.vNaviArea div.level2.active,
div.vNaviArea div.level3.active,
div.vNaviArea div.level4.active,
div.vNaviArea div.level5.active {
	background-image: url(/images/vertical_navigation/pfeil_mini.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #333333 !important;
}
div.vNaviArea div.level0{
	background-image: none !important;
	font-weight: normal;
	color: #004682 !important;
}
div.active a {
	font-weight: bold;
}
div.active a:hover,
div.vNaviArea div.level0 a:hover {
	color: #3399CC !important;
}

div.vNaviArea a.active {
	padding: 1px 5px 1px 8px;
}

div.vNaviArea div.level1.active,
div.vNaviArea div.level2.active,
div.vNaviArea div.level3.active,
div.vNaviArea div.level4.active,
div.vNaviArea div.level5.active {
	background-position: left 6px !important;
	padding-left: 6px;
}

div.activeWithChildren,
div.activeWithoutChildren {
	margin: 0px !important;
	background: none !important;
	background-color: #F0F0F0 !important;
	padding: 0px 7px 3px 7px !important;
}
div.activeWithChildren a {
	background-image: url(/images/vertical_navigation/pfeil_down.gif) !important;
}
div.activeWithoutChildren a {
	background-image: url(/images/vertical_navigation/pfeil_rechts.gif) !important;
}

div.activeWithChildren a,
div.activeWithoutChildren a {
	background-repeat: no-repeat;
	background-position: left 5px !important;
	font-size: 14px;
	font-weight: bold;
	color: #3399CC !important;
	padding: 3px 10px 0px 20px !important;
	display: block;
}
div.childrenOfActive {
	margin: 0px !important;
	padding: 0px 5px 3px 10px !important;
	background-color: #F0F0F0 !important;
	color: #333333 !important;
}