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

/* Firmen-Logo neben der Hauptnavi */
#logoMainNavi {
	left: 12px;
	top: 12px;
	position: absolute;
}


#mainNaviContainer {
	left: 10px;
	padding: 0px;
	margin: 0px;
	border-right-color: #b5b5b5;
	border-left-color: #b5b5b5;
	border-bottom-color: #b5b5b5;
	border-top-color: #b5b5b5;
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	top: 0px;
	height: 55px;
	width: 800px;
	/*background-image: url(../images/mainMenu_bg.png);*/
	position: absolute;
	overflow:visible;
	z-index: 100;
	
}

#mainNaviContainer .inside {
	
}

#mainNavi {
	height: auto;
	overflow: visible;
	position: absolute;
	top: 0px;
	height: 55px;
	width: 800px;
	z-index: 1;
	background-image: url(../images/mainMenu_bg.png);
}

#mainNavi p {
	margin: 0px;
	padding: 0px;
}

/* alle text links */
#mainNavi a, #mainNavi a:visited {
	text-decoration:none;
}

#mainNavi a:hover{
	color: #6c6c6c;
}

/* 1. Ebene */ 
#mainNavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: right;	
}

/* 1. Ebene : Elment */ 
#mainNavi li {
	margin: 0px;
	padding: 0px;
	
	float: left;
	line-height: 55px;
	
	width: 160px;
	height: 55px;
	
	border-right-color: #b5b5b5;
	border-right-style: solid;
	border-right-width: 1px;
}
/*-----*/

/* 2. Ebene */
#mainNavi li ul {
	top: 55px; /* 2. Ebene unter 1. Ebene */
	right: 0px;
	bottom: 0px;
	left: 0px;
	float: left;
	display: none; /* Ausblenden des UntermenŸs */  
}

/* 2. Ebene : Elment : NORMAL */ 
#mainNavi li ul li {	
	width: 300px;
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 35px;
	float: left;
	left: -140px;
	background-image: url(../images/mainMenu_norm.png);
	border: none;
	
	overflow: hidden;
	
	border-bottom-color: #b5b5b5;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/* 2. Ebene : Elment : hover */ 
#mainNavi li ul li:hover {	
	width: 300px;
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 87px;
	float: left;
	left: -140px;
	background-image: url(../images/mainMenu_norm.png);
	border: none;
	
	overflow: visible;
	
	border-bottom-color: #b5b5b5;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}


/*-----*/

/* 3. Ebene neben 2. Ebene*/
#mainNavi li ul ul {
	left: 160px;
	top: 0px;
	position: absolute;	
}

/* MauszustŠnde */
#mainNavi li:hover ul {
	display: block; /* Einblenden bei MouseOver */
}

#mainNavi ul li:hover ul , #mainNavi ul li.sfhover ul {
	display: block;
}

#mainNavi ul li:hover ul ul, #mainNavi ul li.sfhover ul ul {
	display: none; /* Blendet die 3. Ebene aus, wenn Maus Ÿber Hauptnavi */
	 /* display: block; Blendet die 3. Ebene aus, wenn Maus Ÿber Hauptnavi mit JS */
}

#mainNavi ul ul li:hover ul, #mainNavi ul ul li.sfhover ul {
	display: block; /* Blendet die 3. Ebene ein */
}
/*-----*/

/* Inhalte Ebene 1 */
#mainNavi .level_1 img {
	display: none;
}

#mainNavi .level_1 a,
#mainNavi .level_1 .active span {
	background-image: url(../images/menu_arrow_norm.png);
	background-repeat: no-repeat;
	background-position: left center;
	
	font-size: 13.5px;
	text-transform: uppercase;
	line-height: 55px;
	
	float: right;
	cursor: default;
	
	padding: 0px 5px 0px 13px;

}

#mainNavi .level_1 .last {
	border: none;
}


/*-----*/


/* Inhalte 2. Ebene : NORMAL */
#mainNavi .level_2 li a {
	background-image: url(../images/menu_arrow_norm.png);
	background-repeat: no-repeat;
	background-position: left center;
		
	background: transparent;
	font-size: 11.5px;
	text-transform: uppercase;
	line-height: normal;
	padding: 0;
	
	margin: 0;
	top: 10px;
	left: 145px;
	position: absolute;
	
	cursor: pointer;
}

#mainNavi .level_2 li img {
	display: none;
}

/* hitArea */
/* Ebene 1 */
#mainNavi .level_1 .hitArea {
	display: none;
}

/* Ebene 2 */
#mainNavi .level_2 .hitArea {
	display: block;
}

#mainNavi .level_2 li:hover .hitArea a {
	height: 87px;
	width: 300px;
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	
	cursor: pointer;
}




/* ----- */ 


/* Inhalte 2. Ebene : OVER, ACTIVE */
#mainNavi .level_2 li:hover a, #mainNavi .level_2 li.sfhover a,
#mainNavi .level_2 .active a,
#mainNavi .level_2 .trail a {
	background: transparent;
	font-size: 11.5px;
	text-transform: uppercase;
	line-height: normal;
	padding: 0px;
		
	margin: 0px;
	top: 10px;
	left: 145px;
	position: absolute;
	
	cursor: hand;

}

#mainNavi .level_2 li:hover a img, #mainNavi .level_2 li.sfhover a img,
#mainNavi .level_2 .trail a img {
	background: transparent;
	padding: 0px;
	
	margin: 0px;
	top: 0px;
	left: -135px;
	position: absolute;
	
	cursor: hand;
}
/* aktive Zustand : image ist nicht mehr im a gewrappt */
#mainNavi .level_2 li:hover img, #mainNavi .level_2 li.sfhover img,
#mainNavi .level_2 .active img,
#mainNavi .level_2 .trail img {
	display: block;
	padding: 0px;
	
	margin: 0px;
	top: 10px;
	left: 10px;
	position: absolute;
	
	height: auto;
	display: block;
	
	border : 1px solid #b5b5b5 ;
}
/* ----- */ 


/* Hintergrundfarbe bei RollOver, Active */
#mainNavi .level_2 li:hover, #mainNavi .level_2 li.sfhover,
#mainNavi .level_2 .active,
#mainNavi .level_2 .trail {
	background-image: url(../images/mainMenu_over.png);
}

#mainNavi .level_2 .active,
#mainNavi .level_2 .trail {
	height: 87px;
}
/* ----- */ 


/* ----------------------------------------------- */
/* ---------------------------------------- HEADER */
#headerNavi {
	left: 10px;
	position:absolute;	
}

#headerNavi ul {
	padding:0;
	margin:0;
}

#headerNavi li{
	padding: 0px 8px 0px 8px;
	display:inline-block;
	list-style-type:none;
	margin:0px;
}

#headerNavi a, #logoNavi span, #headerNavi .active {
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	color: #a1a1a1;
}

#headerNavi a:hover {
	color: #6c6c6c;
}

#headerNavi .active {
	background-color: #f5f5f5;
	color: #6c6c6c;
}



/* Header Firmen Navi */
#logoNavi {
	right:1px;
	position:absolute;
}

#logoNavi ul {
	padding:0px;
	margin:0px;
}

#logoNavi li{
	padding: 0 4px 0 4px;
	display:inline;
	list-style-type:none;
	margin:0;
}

#logoNavi a, #logoNavi span, #logoNavi .active {
	font-size: 12px;
	line-height: 30px;
	text-decoration: none;
	color: #a1a1a1;
	text-transform: uppercase;
}

#logoNavi .pelz a:hover, #logoNavi .active .pelz, #logoNavi .trail .pelz  {
	color: #e09532;	
}

/* active */
.pelz #logoNavi .pelz a {
	color: #e09532;
}

.pelz #logoNavi li .pelz,
.wilke #logoNavi li .wilke,
.lenz #logoNavi li .lenz {
	background-color: #F5F5F5;
	padding: 8px;
}


#logoNavi .wilke a:hover,  #logoNavi .active .wilke, #logoNavi .trail .wilke {
	color: #98c252;	
}

.wilke #logoNavi .wilke a {
	color: #98c252;
}


#logoNavi .lenz a:hover,  #logoNavi .active .lenz, #logoNavi .trail .lenz  {
	color: #8c9496;	
}

.lenz #logoNavi .lenz a {
	color: #8c9496;	
}

#logoNavi .active, #logoNavi .trail {
	background-color: #f5f5f5;
}




/* ----------------------------------------------- */
/* ---------------------------------------- UNTERSEITEN */

#subNavi {
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 0px 50px 0px;
	position: relative;
	float: left;
	width: 160px;
}


#subNavi p {
	margin: 0;
	padding: 0;
}

#subNavi ul {
	margin: 0;
	padding:0;
	list-style-type:none;
}

#subNavi li {
	display:block;
	padding:0px;
	margin: 0px;
	list-style-type:none;
}

/* 2. Ebene  */
#subNavi li ul {
	display:block;
	padding:0px;
	margin: 0px;
	list-style-type:none;
}

#subNavi li:hover ul, #subNavi li.sfhover {
	display: block;
}

#subNavi a, #subNavi a:visited, #subNavi span {
	text-transform: uppercase;
	text-decoration:none;
	display: block;
	border: none;
}

#subNavi a:hover {
	/* im style sheet fŸr pelz */
}

#subNavi li,  #subNavi li .submenu, #subNavi .level_3 .submenu .trail {
	border-bottom-color: #b1b3b4;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	
}


#subNavi li .last {
	border: none;
}


/* 1. Ebene */
#subNavi .level_1 a, #subNavi .level_1 span {
	font-size: 12px;
	line-height: 30px;
}

/* 2. Ebene */                                   
#subNavi .level_2 a, #subNavi .level_2 span {
	font-size: 10px;
	line-height: 23px; /* vertical-align middel */
	
	padding-left: 10px;
}

#subNavi .level_2 li a:hover {
	background-color: #f5f5f5;
}

/* 3. Ebene */                                
#subNavi .level_3 a, #subNavi .level_3 span {
	font-size: 10px;
	line-height: 23px; /* vertical-align middel */
	text-transform: none;
	
	padding-left: 20px;
}

#subNavi .level_3 li a:hover {
	background-color: #f5f5f5;
}

/* 4. Ebene */                                
#subNavi .level_4 a, #subNavi .level_4 span {
	font-size: 10px;
	line-height: 23px; /* vertical-align middel */
	text-transform: none;
	
	padding-left: 30px;
}

#subNavi .level_4 li a:hover {
	background-color: #f5f5f5;
}

/* ----------------------------------------------- */
/* ---------------------------------------- UNTERSEITEN : Produktauswahl - vertical */

#productNavi-v {
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px 10px 50px 0px;
	position: relative;
	float: right;
	width: 120px;
}

#productNavi-v h1 {
	font-size: 12px;
	line-height: 30px;
	margin: 0px;
	text-transform: uppercase;
}

#productNavi-v p {
	margin: 0;
	padding: 0;
}

#productNavi-v ul {
	margin: 0;
	padding:0;
	list-style-type:none;
}

#productNavi-v li {
	display:block;
	padding:0px;
	margin: 0px;
	list-style-type:none;
}

#productNavi-v a, #productNavi-v a:visited {
	text-decoration:none;
	
	font-size: 10px;
	line-height: 23px;
	display: block;
	
	border-bottom-color: #b1b3b4;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	
	text-transform: uppercase;
}

#productNavi-v a:hover {
	background-color: #f5f5f5;
}

#productNavi-v .active {
	
}




/* ----------------------------------------------- */
/* ----------------------------------------  UNTERSEITEN : Produktauswahl - horizontal */
#subNavi-horizontal {
	left: -210px;
	top: -40px;
	position:absolute;
	z-index: 140;
}

#subNavi-horizontal p {
	margin: 0px;
	padding: 0px;
}

#subNavi-horizontal ul {
	padding:0px;
	margin:0px;
	list-style-type: none;
}

#subNavi-horizontal li {
	padding: 0px;
	margin: 5px 0px 5px 0px;
	position: relative;
	float: left;
	line-height: 25px;
}

#subNavi-horizontal .first {
	padding-left: 0px; 
}

#subNavi-horizontal .last {
	border: none;
}


#subNavi-horizontal a, #subNavi-horizontal span {
	font-size: 11px;
	line-height: normal;
	text-decoration: none;
	color: #a1a1a1;
	
	padding: 0px 15px 0px 15px;
	
	border-right: 1px solid #b1b3b4;
}

#subNavi-horizontal a:hover {
	color: #6c6c6c;
}


/* ----------------------------------------------- */
/* ---------------------------------------- FOOTER */
#footerNavi {
	right:0px;
	top: 0px;
	position:absolute;
}

#footerNavi ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#footerNavi li{
	padding: 0px 8px 0px 8px;
	margin: 5px 0px 5px 0px;
	display:inline;
	
}

#footerNavi a, #footerNavi span {
	font-size: 11px;
	line-height: normal;
	text-decoration: none;
	color: #a1a1a1;
}

#footerNavi a:hover {
	color: #6c6c6c;
}

/* ----------------------------------------------- */
/* ---------------------------------------- News Archiv Navigation */

.mod_newslist .pagination {
	border-bottom-color: #a1a1a1;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	position: absolute;
	top: 30px;
	right: 0px;
	
	width: 800px;
	
	text-align: right;
}

.mod_newslist .pagination p {
	margin: 0px;
	padding: 0px;
}

.mod_newslist .pagination ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	
}

.mod_newslist .pagination li {
	display: inline;
}

.mod_newslist .pagination a, .mod_newslist .pagination span {
	padding: 2px 4px 2px 4px;
	margin: 0px;
	vertical-align: middle;
}

.mod_newslist .pagination .current {

}


.mod_newslist .pagination .first {
	background-image: url(../images/pagination-first.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.mod_newslist .pagination .previous {
	background-image: url(../images/pagination-prev.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.mod_newslist .pagination .total {
	font-size: 10px;
	
}

.mod_newslist .pagination .next {
	background-image: url(../images/pagination-next.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.mod_newslist .pagination .last {
	background-image: url(../images/pagination-last.gif);
	background-position: center center;
	background-repeat: no-repeat;
}