@charset "utf-8";
/* CSS Document */

/*** MAINMENU ***/

#mainmenu {
	height: 148px;
	margin-left: 130px;
}

#mainmenu ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}
#mainmenu li {
	width: 130px;
	text-align: center;
	margin: 104px 0 0 0;
	float: left;
}

#mainmenu a {
	text-decoration: none;
	font-weight: bold;
	color: #77797b;
	display: block;
	height: 39px;
	padding-top: 5px;
}
#mainmenu a:hover, 
#mainmenu a:active {
	color: #77797b;
	background-image: url(images/layout/bg_menu_hover.jpg);

}

/* AKTIVER MENÜPUNKT */
#mainmenu .activelink {
	background: url(images/layout/bg_menu_active.jpg);
	}

#mainmenu .activelink:hover,
#mainmenu .activelink:active {
	background-image: url(images/layout/bg_menu_active.jpg);
	
}

/*** ELTERMENU MIT SUBMENU ***/

#mainmenu .parent {
	margin-top: 0;
	margin-bottom: 2px;
	background: url(images/layout/bg_submenu_bottom.jpg) no-repeat bottom;
	height: 148px;
}

#mainmenu .firstparent {
	margin-top: 72px;
	margin-bottom: 2px;
	background: url(images/layout/bg_submenu_bottom.jpg) no-repeat bottom;
	height: 76px;
}

#mainmenu .parent a{
	color: white;
	height: 28px;
	padding-top: 5px;
	background: url(images/layout/bg_menu_parent.jpg) no-repeat;
}

/* AKTIVER MENÜPUNKT  MIT UNTERPUNKTEN*/
#mainmenu .parent .activelink {
	background: url(images/layout/bg_menu_active.jpg);
	color: #77797b;
	}

#mainmenu .parent .activelink:hover,
#mainmenu .parent .activelink:active {
	background-image: url(images/layout/bg_menu_active.jpg);
		color: #77797b;
	
}

/** ZWEITE EBENE DES MAINMENU ***/

#mainmenu .parent #submenu  {
	font-size: 8.5pt;
	list-style: none;
	padding: 0;
	margin: 0;
	background: url(images/layout/bg_submenu.jpg) repeat-y;
	widht: 130px;
	height: 80px;
}

#mainmenu .firstparent #submenu  {
	height: 23px;
}

#mainmenu .parent #submenu li {
	text-align: left;
	margin: 0;
	padding: 0;
	float: none;
	background: url(images/layout/bg_submenu.jpg) repeat-y;
}

#mainmenu .parent #submenu a {
	text-decoration: none;
	font-weight: normal;
	display: block;
	height: auto;
	margin-right: 3px;
	margin-left: 0px;
	color: #77797b; 
	background: #dcddde;
	line-height: 1.1em;
	padding: 3px 0 3px 6px;
}
#mainmenu .parent #submenu a:hover, 
#mainmenu .parent #submenu a:active {
	font-weight: normal;
	background: #959799;
	color: white;

}

#mainmenu .parent #submenu .activelink {
	font-weight: bold;
	background: #ffe700;

}

#mainmenu .parent #submenu .activelink:hover {
	font-weight: bold;
	background: #959799;
	color: white;


}

/*********** EXTRAMENÜ (Für Journalisten/Architekten) ********/

#extramenu {
	position: absolute;
	bottom: 20px;
	right: 5px;
}

#extramenu ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}
#extramenu li {
	float: left;
}

#extramenu a {
	text-decoration: none;
	font-weight: bold;
	color: white;
	display: block;
	height: 30px;
	
	width: 130px;
	padding: 10px 0px 0px 0;
	text-align: center;
	background: url(images/layout/bg_extramenu.jpg) no-repeat right top;
}
#extramenu a:hover,
#extramenu a:active {
	color: #ffe700;

}

/* AKTIVER MENÜPUNKT */
#extramenu .activelink {
	background: url(images/layout/bg_extramenu_active.jpg) no-repeat right top;
	}
	
#extramenu .activelink {
	color: #77797b;
	}

#extramenu .activelink:hover,
#extramenu .activelink:active {
	color: #77797b;
	
}

/************* FOOTER MENU ********************/
#footer {
	margin-top: 27px;
	margin-bottom: 50px;
}

#footer ul {
	list-style: none;
	padding: 0;
		margin-left: 260px;

}
#footer li {
	width: 130px;
	text-align: center;
	float: left;
	}

#footer a {
	text-decoration: none;
	font-weight: bold;
	color: #77797b;
	display: block;
	height: 25px;
	padding: 18px 0px 0px 0;
}
#footer a:hover, 
#footer a:active {
	background-image: url(images/layout/bg_fmenu_hover.jpg);
}

/* AKTIVER MENÜPUNKT */
#footer .activelink {
	background: url(images/layout/bg_fmenu_active.jpg);
	}

#footer .activelink:hover,
#footer .activelink:active {
	background-image: url(images/layout/bg_fmenu_active.jpg);
	color: #77797b;
	
}