/*******************************************************************************

	Project		:	archiplex.ch
	CSS			:	CSS Sytles fuer komplette Navigation
	Copyright	:	m.e.gerber netdesign, 3550 Langnau i. E.
					
*******************************************************************************/


/* ### Navigation ########################################################### */

#navigation {
	position:relative;
	z-index:100;
	display:block;
	width:978px;
	height:60px;
	margin-top:8px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#navigation a {
	color: #8D9275;
	display:block;
}

#navigation a:hover {
	color: #000;
}

#navigation a.current, 
#navigation a.current:link {
	color:#000;
}



/* ### Hintergruende Navigation ############################################# */

.nav_bg1st {
	background-image: url(apx_nav1st_v978.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.nav_bg2nd {
	background-image: url(apx_nav3rd_v978.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.nav_bg3rd {
	background-image: url(apx_nav4rd_v978.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}


/* ### Navigation 1st (erste Spalte, primaer) ################################## */

#nav1st {
	position:absolute;
	width:100px;
	height:auto;
	min-height:52px;
	margin-top:4px;
	background-image: url(apx_pfeil.jpg);
	background-position: 5px 47px;
	background-repeat:no-repeat;
	
}

#nav1st:hover {
	background-image: url(bg_transparent.png);
	background-position: 0 0;
	background-repeat:repeat;
	
}

#nav1st_spec {
	position:absolute;
	display:block;
	width:90px;
	height:auto;
	margin-top:4px;
}

ul#menue1st
{
	list-style-type:none;
	display:block;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue1st li ul
{
	display:none;
}

ul#menue1stSpec
{
	list-style-type:none;
	padding:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue1st li > ul
{
	position:relative;
	display:none;
}

ul#menue1st li:hover > ul
{
	display:block;
	
}

ul#menue1st > li  {
padding-bottom:3px;
/*border-top:1px solid #fff;
border-left:1px solid #fff;*/
}

ul#menue1st:hover  {
border:1px solid #E2E3DD;

}


/* ### Navigation 2nd (zweite Spalte, sekundaer) ############################################ */

#nav2nd {
	position:absolute;
	display:block;
	width:115px;
	height:auto;
	min-height:52px;
	margin-top:4px;
	margin-left:140px;
	background-image: url(apx_pfeil.jpg);
	background-position: 5px 47px;
	background-repeat:no-repeat;
	
}

#nav2nd:hover {
	background-image: url(bg_transparent.png);
	background-position: 0 0;
	background-repeat:repeat;
	
}

#nav2nd_spec {
	position:absolute;
	display:block;
	width:110px;
	height:auto;
	margin-top:4px;
	margin-left:140px;
}

ul#menue2nd
{
	list-style-type:none;
	display:block;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue2nd li ul
{
	display:none;
}

ul#menue2ndSpec
{
	list-style-type:none;
	padding:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue2nd li > ul
{
	position:relative;
	display:none;
	
}

ul#menue2nd li:hover > ul
{
	display:block;
	
}

ul#menue2nd > li  {
padding-bottom:3px;
/*border-top:1px solid #fff;
border-left:1px solid #fff;*/

}

ul#menue2nd:hover  {
border:1px solid #E2E3DD;

}




/* ### Navigation 3rd (dritte Spalte, tertiaer) ######################################## */

#nav3rd {
	position:absolute;
	display:block;
	width:115px;
	height:auto;
	min-height:52px;
	margin-top:4px;
	margin-left:290px;
	background-image: url(apx_pfeil.jpg);
	background-position: 5px 47px;
	background-repeat:no-repeat;
}

#nav3rd:hover {
	background-image: url(bg_transparent.png);
	background-position: 0 0;
	background-repeat: repeat;
	
}

#nav3rd_spec {
	position:absolute;
	display:block;
	width:110px;
	height:auto;
	margin-top:4px;
	margin-left:290px;
}

ul#menue3rd
{
	list-style-type:none;
	display:block;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue3rd li
{
	list-style-type:none;
	display:block;
}

ul#menue3rd li ul
{
	display:none;
}

ul#menue3rdSpec
{
	list-style-type:none;
	padding:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue3rd li > ul
{
	position:relative;
	display:none;
}

ul#menue3rd li:hover > ul
{
	display:block;
}

ul#menue3rd > li  {
padding-bottom:3px;
/*border-top:1px solid #fff;
border-left:1px solid #fff;*/
}

ul#menue3rd:hover  {
border:1px solid #E2E3DD;
}
/*
ul#menue3rd:hover > li  {
border:1px solid #E2E3DD;
}
*/


/* ### Navigation 4rd (vierte Spalte, quartiaer) ######################################## */

#nav4rd {
	position:absolute;
	display:block;
	width:115px;
	height:auto;
	min-height:52px;
	margin-top:4px;
	margin-left:440px;
	background-image: url(apx_pfeil.jpg);
	background-position: 5px 47px;
	background-repeat:no-repeat;
	
}

#nav4rd:hover {
	background-image: url(bg_transparent.png);
	background-position: 0 0;
	background-repeat: repeat;
	
}

#nav4rd_spec {
	position:absolute;
	display:block;
	width:110px;
	height:auto;
	margin-top:4px;
	margin-left:440px;
}

ul#menue4rd
{
	list-style-type:none;
	display:block;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue4rd li ul
{
	display:none;
}

ul#menue4rdSpec
{
	list-style-type:none;
	padding:3px;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}

ul#menue4rd li > ul
{
	position:relative;
	display:none;
	
}

ul#menue4rd li:hover > ul
{
	display:block;
	
}

ul#menue4rd > li  {
padding-bottom:3px;
/*border-top:1px solid #fff;
border-left:1px solid #fff;*/

}

ul#menue4rd:hover  {
border:1px solid #E2E3DD;

}