@charset "UTF-8";
/* --- LAYOUT --- */

#suckerfish {
	width: auto;
	height: 20px;
	z-index: 999;
	font-size: 107%;

}
#suckerfish ul,  #suckerfish li,  #suckerfish .submenu {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	z-index:999;
}
/** * neccassary for <= IE6 */
* html #suckerfish {
	zoom: 0;
}
* html #suckerfish {
	z\oom: 1;
}
/** * overwrite some values from typolight.css, neccessary for <= IE7 */
#main .inside {
	position: static;
}
/*#suckerfish li:hover, #suckerfish li.hover {  
	position: static;  
}  
/** *
 * horizontal suckerfish menu based on
 * http://htmldog.com/articles/suckerfish/dropdowns/
 * up to 4 levels, change the 22px and 140px values that it fits your need
 * give the navigation module in the BE the ID 'suckerfish' !!! not Class
 */

#suckerfish ul.level_1 li {
	float: left;
}

#suckerfish li:hover {
	z-index: 999; /* This is the important style directive, without it IE7 chokes */
}
#suckerfish * li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
#suckerfish ul.level_1 a, #suckerfish ul.level_1 span {
	display: block;
}
#suckerfish ul.level_1 ul {
	position: absolute;
	left: -999em; /** * -999em, change to 'auto' for testing */
}
/** * up to 4 levels */
#suckerfish ul.level_1 li:hover ul ul, #suckerfish ul.level_1 li.sfhover ul ul, #suckerfish ul.level_1 li:hover ul ul ul, #suckerfish ul.level_1 li.sfhover ul ul ul {
	left: -999em;  /** * -999em, change to 'auto' for testing */
}
#suckerfish ul.level_1 li:hover ul, #suckerfish ul.level_1 li.sfhover ul, #suckerfish ul.level_1 li li:hover ul, #suckerfish ul.level_1 li li.sfhover ul, #suckerfish ul.level_1 li li li:hover ul, #suckerfish ul.level_1 li li li.sfhover ul {
	left:auto;
}
/* --- GESTALTUNG --- */

#suckerfish {
	background: #333 url(img/bg_navi.jpg) repeat-x bottom left;
	height: 30px;
	color: #ddd;
	border: 1px solid #4c4c4c;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#suckerfish li {
	background: #333 url(img/bg_navi_btn.jpg) repeat-x bottom right;
}
#suckerfish li:hover {
	background: #333 url(img/bg_navi_btn_hover.jpg) repeat-x top right;
}
#suckerfish a {
	color: #ddd;
}
#suckerfish a,  #suckerfish a.submenu,  #suckerfish span.active {
	padding: 5px 15px;
	border: none;
}
#suckerfish a.submenu,  #suckerfish li.active span.submenu {
	margin-right: 10px;
	background: url(img/bg_btn_submenu.gif) no-repeat center right;
}
#suckerfish li:hover a,  #suckerfish a:hover,  #suckerfish a:active {
	color: #fff;
}
#suckerfish li.active a,  #suckerfish li.trail a {
	color: #fff;
}
#suckerfish li.active,  #suckerfish li.trail {
	background: #e00000 url(img/bg_navi_active.gif) repeat-x top right;
	color: #fff;
}
#suckerfish ul.level_2 {
	width: 200px;
	font-size:0.9em;
	padding: 0 0 5px 0;
	background: #333 url(img/bg_navi_btn_hover.jpg) repeat-x bottom left;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
#suckerfish .level_2 li {
	width: 200px;
	background: none;
	border-bottom: 1px solid #888;
}
#suckerfish .level_2 li.last {
	border-bottom: none;
}
#suckerfish .level_2 li:hover {
	background: #555;
}
#suckerfish .level_2 li.active {
	color: #fff;
	background: #444;
	border-bottom: 1px solid #777;
}
#suckerfish .level_2 li.active span {
	margin-left: 10px;
	padding: 7px 15px;
	background: url(img/bg_submenu_active.gif) no-repeat center left;
}
#suckerfish li.active ul,  #suckerfish li.trail ul {
	border-top: 10px solid #e00000;/*background: #e00000 url(img/bg_navi_active.gif) repeat-x bottom left;*/ 
	}
#suckerfish .level_2 a,  #suckerfish li.active li a,  #suckerfish li.trail li a {
	padding: 7px 15px;
	color: #bbb;
}
#suckerfish .level_2 a:hover,  #suckerfish li.active li a:hover,  #suckerfish li.trail li a:hover {
	color: #fff;
}
/* STARTSEITE-LINK */
	#suckerfish li.startseite a,  #suckerfish li.startseite span {
	width: 20px;
	height: 20px;
	background: url(img/bg_home.gif) no-repeat center center;
}
#suckerfish li.startseite span.active {
	background: url(img/bg_home_hover.gif) no-repeat center center;
}
#suckerfish li.startseite a span,  #suckerfish li.startseite span span {
	display:block;
	overflow:hidden;
	height:0;
	width:0;
}
/* --- GESTALTUNG BREADCRUMBS --- */
#navsub {
	color: #555;
}
#navsub a, #navsub span {
	color: #555;
	margin-right: 5px;
	padding-left: 15px;
	background: url(img/bg_breadcrumb.gif) no-repeat center left;
	border: none;
}
#navsub span {
	color: #222;
}
#navsub a:hover, #navsub a:active {
	text-decoration: underline;
}
/*---GESTALTUNG PANORAMA SIDEBAR---*/

.catmenu, .arcmenu{
	width: 200px !Important;
	padding: 0;
	overflow: hidden !Important;
}

.catmenu ul, .arcmenu ul, .arcmenu li { overflow: visible; }
.catmenu li, .arcmenu li { list-style-type: none; background: none; padding: 0; }
.arcmenu .year {
	color: #000;
	font-size: 120%;
	margin-bottom: 5px;
}
.arcmenu .year li {
	margin-bottom: 0;
}
.catmenu li a, .arcmenu li a {
	display:block;
	padding: 5px 20px 5px 5px;
	color: #333;
	border: none;
}
.catmenu li:hover a, .arcmenu .level_2 li:hover a {
	color:#e00000;
}
.catmenu li:hover a, .catmenu li a:hover,
.arcmenu li li:hover a, .arcmenu li li a:hover {

}
.catmenu .level_1>li.active, .arcmenu .level_2>li.active {
	margin-left: -22px ;
	width: 160px;
	border: 1px solid #d9d9d9;
}
.arcmenu .level_2>li.active {
	margin-left: -42px ;
}
.catmenu span.active, .arcmenu span.active {
	display:block;
	width:160px;
	color: #fff;
	padding: 5px 20px 5px 25px;
	border-top: 1px solid #900;
	border-bottom: 1px solid #f99;
	background: #e00000 url(img/bg_catmenu_active.gif) repeat-x top left;
}

/*---PAGINATION---*/
.pagination {text-align:right; font-size: 80%; margin:0px 0 20px 0;}
.pagination ul {margin:0; float:right;}
.pagination li {list-style:none; margin-left:0.5em; padding:0; float:left; background: none;}
.pagination a, .pagination .current {display:block; padding:3px 5px; text-decoration:none; font-size:1.1em; border:1px solid #ddd;}

.pagination a:focus, 
.pagination a:hover,
.pagination a:active { background:#e9e9e9; text-decoration: none; border:1px solid #ddd;}

.pagination .current { background:#fe0020; color:#fff; font-weight:bold; }
.pagination a.next, .pagination a.last, .pagination a.first, .pagination a.previous {border:1px solid #ddd;}