/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
navigation.css - junior.de
*/
/*
PINK #e70087; #960058;
BLUE #156eda; #09468C; 
GREEN #18B127; #107319; 
YELLOW #fbcb0f; #A3840A;
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
main navigation
*/
div#navigation {
	height:27px;
	margin:0 0 0 7px;
	padding:0;
	width:785px;
}
div#navigation {
	height /*\**/: 26px\9
}
div#navigation ul#hauptmenu {
	list-style:none;
	margin:0;
	display:inline;
	padding:0;
	float:left;
}
ul#hauptmenu li {
	display:inline;
	list-style:none;
	float:left;
	width:191px;
	margin:0 7px 0 0;
}
ul#hauptmenu li#nav4 { margin:0; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
hauptmenu
*/
ul#hauptmenu a,
ul#hauptmenu a:link,
ul#hauptmenu a:visited {
	float:left;
	color:#000;
	display:block;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	padding:0 0 0 7px;
	margin:0;
	line-height:27px;
	height:27px;
	cursor:pointer;
}
ul#hauptmenu li#nav1 { background:transparent url(/pict/reiter/blue.gif) top left no-repeat; }
ul#hauptmenu li#nav2 { background:transparent url(/pict/reiter/pink.gif) top left no-repeat; }
ul#hauptmenu li#nav3 { background:transparent url(/pict/reiter/green.gif) top left no-repeat; }
ul#hauptmenu li#nav4 { background:transparent url(/pict/reiter/yellow.gif) top left no-repeat; }
ul#hauptmenu a:hover,
ul#hauptmenu a:focus,
ul#hauptmenu a:active {
	text-decoration:none;
	color:#fff;
}
ul#hauptmenu li.active a,
ul#hauptmenu li.active a:link,
ul#hauptmenu li.active a:visited,
ul#hauptmenu li.active a:hover,
ul#hauptmenu li.active a:focus,
ul#hauptmenu li.active a:active {
	color:#fff;
	cursor:pointer;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
submenu
*/
ul#hauptmenu li ul.submenu {
	float:none;
	clear:both;
	margin:27px 0 0 0;
	display:none;
	padding:0;
	list-style:none;
	position:absolute;
	z-index:200;
	background:#fff none;
	width:191px;
	text-align:left;
}
* html ul#hauptmenu li ul.submenu { margin:0; }
*+html ul#hauptmenu li ul.submenu { margin:-1px 0 0 0; }
ul#hauptmenu li:hover ul.submenu {
	display:block;
}
ul#hauptmenu li ul.submenu li {
	float:none;
	margin:0;
	padding:0;
}
ul#hauptmenu li ul.submenu li a,
ul#hauptmenu li ul.submenu li a:link,
ul#hauptmenu li ul.submenu li a:visited,
ul#hauptmenu li.active ul.submenu li a,
ul#hauptmenu li.active ul.submenu li a:link,
ul#hauptmenu li.active ul.submenu li a:visited {
	font-size:12px;
	text-transform:none;
	margin:0;
	text-align:left;
	height:22px;
	line-height:22px;
	text-align:left;
	padding:0 0 0 7px;
	display:block;
	float:none;
	color:#000;
}
ul#hauptmenu li ul.submenu li a:hover,
ul#hauptmenu li ul.submenu li a:active,
ul#hauptmenu li ul.submenu li a:focus,
ul#hauptmenu li.active ul.submenu li a:hover,
ul#hauptmenu li.active ul.submenu li a:active,
ul#hauptmenu li.active ul.submenu li a:focus {
	text-decoration:none;
	display:block;
	color:#fff;
}
ul#hauptmenu li#nav1 ul.submenu, ul#hauptmenu li#nav1 ul.submenu li a { background:#156eda none !important; }
ul#hauptmenu li#nav2 ul.submenu, ul#hauptmenu li#nav2 ul.submenu li a { background:#E70087 none !important; }
ul#hauptmenu li#nav3 ul.submenu, ul#hauptmenu li#nav3 ul.submenu li a { background:#18B127 none !important; }
ul#hauptmenu li#nav4 ul.submenu, ul#hauptmenu li#nav4 ul.submenu li a { background:#fbcb0f none !important; }
ul#hauptmenu li#nav1 ul.submenu li a:hover, ul#hauptmenu li#nav1 ul.submenu li.active a { color:#fff !important; background:#09468C none !important; }
ul#hauptmenu li#nav2 ul.submenu li a:hover, ul#hauptmenu li#nav2 ul.submenu li.active a { color:#fff !important; background:#960058 none !important; }
ul#hauptmenu li#nav3 ul.submenu li a:hover, ul#hauptmenu li#nav3 ul.submenu li.active a { color:#fff !important; background:#006121 none !important; }
ul#hauptmenu li#nav4 ul.submenu li a:hover, ul#hauptmenu li#nav4 ul.submenu li.active a { color:#fff !important; background:#A3840A none !important; }
ul#hauptmenu li:hover ul.submenu, 
ul#hauptmenu li.over ul.submenu { /* for ie -> navigation.js */
	display:block;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
submenu in the left content column
*/
div#subnavigation {
	margin:5px 0 0 0;
	padding:0;
	width:191px;
	overflow:hidden;
}
div#subnavigation ul {
	margin:0;
	padding:0;
}
div#subnavigation ul li {
	display:block;
	margin:0 0 5px 0;
	padding:0;
	width:191px;
}
div#subnavigation ul ul li {
	margin:0;
	padding:0 0 2px 0;
	background:#fff none;
}
div#subnavigation ul li a, div#subnavigation ul li a:link, div#subnavigation ul li a:visited {
	display:block;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	line-height:25px;
	width:191px;
	padding:0 0 0 7px;
	margin:0;
	cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat !important;
	background-position:left top;
}
div#subnavigation ul li a, div#subnavigation ul li a:link, div#subnavigation ul li a:visited {
	line-height /*\**/: 24px\9
}
div#subnavigation ul li ul li a, div#subnavigation ul li ul li a:link, div#subnavigation ul li ul li a:visited {
	float:none;
	display:block;
	font-size:12px;
	line-height:16px;
	width:auto;
	padding:0 0 0 7px;
	margin:0;
	background-image:none !important;
}
div#subnavigation ul li a:hover, div#subnavigation ul li a:focus, div#subnavigation ul li a:active,
div#subnavigation ul li.active ul li a:hover, div#subnavigation ul li.active ul li a:focus, div#subnavigation ul li.active ul li a:active {
	color:#000 !important;
}
div#subnavigation ul li.active a, div#subnavigation ul li.active a:link, div#subnavigation ul li.active a:visited,
div#subnavigation ul li.active a:hover, div#subnavigation ul li.active a:active, div#subnavigation ul li.active a:focus {
	color:#000 !important;
	background-position:left bottom;
}
div#subnavigation ul li a span.navigationLabel, div#subnavigation ul li a:link span.navigationLabel, div#subnavigation ul li a:visited span.navigationLabel,
div#subnavigation ul li.active a span.navigationLabel, div#subnavigation ul li.active a:link span.navigationLabel, div#subnavigation ul li.active a:visited span.navigationLabel,
div#subnavigation ul li.active a:hover span.navigationLabel, div#subnavigation ul li.active a:active span.navigationLabel, div#subnavigation ul li.active a:focus span.navigationLabel {
	width:114px;
	float:left;
	display:inline;
}
div#subnavigation ul li a span.navigationInfo, div#subnavigation ul li a:link span.navigationInfo, div#subnavigation ul li a:visited span.navigationInfo,
div#subnavigation ul li.active a span.navigationInfo, div#subnavigation ul li.active a:link span.navigationInfo, div#subnavigation ul li.active a:visited span.navigationInfo,
div#subnavigation ul li.active a:hover span.navigationInfo, div#subnavigation ul li.active a:active span.navigationInfo, div#subnavigation ul li.active a:focus span.navigationInfo {
	width:48px;
	height:19px;
	float:right;
	display:inline;
	padding:0;
	color:#fff !important;
	margin:3px 12px 0 0;
	background:transparent url(/pict/web2/bg_navigation_info.gif) no-repeat right top;
	line-height:18px;
	text-align:center;
}
span.new_info {
  float:left;
  display:inline;
  margin: 5px 0 0 0;
  padding: 0;
  width: 14px;
  height: 15px;
  background: #fff url(/pict/new_info.gif) no-repeat center center;
}