@charset "UTF-8";
/**********************************************************************
 * Copyright (c) 2007-2009 take11 networks   -   All rights reserved. *
 * take11 networks - Platenstr. 64   -   90441 Nuernberg  -  Germany  *
 * Author: Ansgar Hengst - Mail: ah@take11.de  -  Web: www.take11.de  *
 *********************************************************************/

@media Print
{
	.noprint
	{
		DISPLAY: none;
	}
}


@media screen {


.menu {
	position: relative;
	z-index: 100;
	width: auto;
	top: 95px;
}

.mainMenuSpacerOn, .mainMenuSpacerOff
{
	 border:0px;
	 width:7px;
	 height:1px;
}

.subMenuSpacer
{
	 border:0px;
	 width:7px;
	 height:7px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul
{
	padding-top: 0px !Important;
	padding-bottom: 0px !Important;
	padding-left: 0px !Important;
	padding-right: 0px !Important;
	
	margin-top: 0px !Important;
	margin-bottom: 0px !Important;
	margin-left: 0px !Important;
	margin-right: 0px !Important;
	
	list-style: none;
	width: 895px !important;
    height: 22px !important;	
	background: url(Images/bg_hauptnaviblanco.png) no-repeat left top !important;/**/
	/*background-color:#FFF;*/
}

* html .menu ul 
{
	background: url(Images/bg_hauptnaviblanco.png) no-repeat left top !important;/**/
}

/* Standard und IE8 */
.menu ul ul 
{
    width: 110px !important;
    height: 138px !important;
	background: url(Images/menue_hintergrund.png) repeat left top !important;
}

/* IE6 Korrektur */
* html .menu ul ul 
{
    width: 100px !important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
    (enabled=true, sizingMethod=crop src='Images/menue_hintergrund.png');
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li
{
	position: relative;
	display:inline;
	float: left !important;
	width: 111px;
	top:0px;
	margin-bottom:1px;
}

* html .menu li
{
	width: 111px;
	top:0px;
}

.menu ul ul li
{
	height:auto;
}

* html .menu ul ul li
{
	width: 109px;
}

/* style the links for the top level */
.menu a:link, .menu a:visited
{
	display: block;
	text-decoration: none;
	color: #FFF;
	width: 110px !important;
    height: 24px;

	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	text-transform: uppercase;
	font: bold 12px/22px Arial, Helvetica, Verdana, sans-serif, Georgia !important;
	text-align:left;
}

* html .menu a:link, * html .menu a:visited
{
	padding-top: 5px;
}

/* style the second level drop background */
/*.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background: url(Images/69_blue_navigation_button_sub-drop.png) no-repeat right center !important;
}*/

/* style the second level drop hover */
/*.menu ul ul a.drop:hover{
	background: url(Images/69_blue_navigation_button_sub-drop_hover.png) no-repeat right center !important;
}*/

/*.menu ul ul :hover > a.drop {
	background: url(Images/69_blue_navigation_button_sub-drop_hover.png) no-repeat right top !important;
}*/

/* style the second level nodrop hover */
/*.menu ul ul a.nodrop:hover{
	background: url(Images/69_blue_navigation_button_sub_hover.png) no-repeat right top;
}*/

/*.menu ul ul :hover > a.nodrop {
	background: url(Images/69_blue_navigation_button_sub_hover.png) no-repeat right top;
}*/


/* style the third level background 
.menu ul ul ul a, .menu ul ul ul a:visited {
	background: #787878;
}

.menu ul ul ul a.thirdsecond, .menu ul ul ul a.thirdsecond:visited {
	border-top: 1px solid #ccc;
	display: block;
	margin-top: 0px;
	position: relative;
}*/

/* hack for IE5.5 + 6 
* html .menu ul ul ul a.thirdsecond, * html .menu ul ul ul a.thirdsecond:visited {
	margin-top: 0px;
}*/

/* style the third level hover 
.menu ul ul ul a:hover {
	background: url(Images/69_blue_navigation_button_sub_hover.png) repeat-x left top !important;
}*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 22px;
	left: 0px;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top: 22px;
	t\op: 22px;
}

/* position the third level flyout menu */
.menu ul ul ul {
	left: 168px;
	top: 0;
	width: 110px;
}

* html .menu ul ul ul {
	left: 166px;
	top: -6px;
	position: relative;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left: -168px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position: absolute;
	top: 0;
	left: 0;
}

/* style the second level links */
.menu ul ul a:link, .menu ul ul a:visited 
{
    display:block;
    float:left;
    
	line-height: 14px;
	
	width: 110px !important;
	height: auto !important;
	
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 0px;/* yet another hack for IE5.5 */
	padding-right: 0px;
	
	/*border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;*/

	font: 11px/14px Arial, Helvetica, sans-serif !important;
	font-weight:normal;
	color:#FFF;
	text-transform: none;
	text-align:left;
}

.menu ul ul a.first, .menu ul ul a.first:visited 
{
	margin-top: 3px;
	margin-bottom: 0px;
	border-top: 0px solid #e4e4e4;
	border-right: 0px solid #e4e4e4;
	border-bottom: 0px solid #e4e4e4;
	border-left: 0px solid #e4e4e4;
}

* html .menu ul ul a.first, * html .menu ul ul a.first:visited 
{
	margin-top: 3px;
	margin-bottom: 0px;
	border-top: 0px solid #e4e4e4;
	border-right: 0px solid #e4e4e4;
	border-bottom: 0px solid #e4e4e4;
	border-left: 0px solid #e4e4e4;
}

* html .menu ul ul a:link {
	width: 110px;
	w\idth: 109px;
}

.menu ul ul a.last 
{
	 width:118px !Important;
}

.menu ul li a.last
{
	 width:118px !Important;
}

.menu ul ul.last
{
	 width: 118px !Important;
}

* html .menu ul ul a.last 
{
	 width:108px !Important;
}

* html .menu ul li a.last
{
	 width:109px !Important;
}

* html .menu ul ul.last
{
	 width: 109px !Important;
}

* html a.last {
	padding-right:8px !important;
}

/* style the top level hover */
.menu ul a:hover {
	/**/
	color: #000 !Important;
	background: url(Images/menue_hintergrund_full_transparent.png) repeat-x left top !important;/**/
    
}

/* style the second level hover */
.menu ul ul a:hover, .menu ul ul a.subActive:hover {
	/**/
	color: #000 !Important;
	background: url(Images/navigation_button_sub_hover.png) repeat-x left top !important;/**/
    
}

/* make the first level active */
.topActive {
	color: #444444 !Important;
	font-weight:bold !Important;
	/*background: url(Images/navigation_button_main_active.png) repeat-x left top !Important;*/
}

/* style the second level active */
.menu ul ul a.subActive 
{
	color: #444444 !Important;
	font-weight:bold !Important;
	background: url(Images/navigation_button_sub_hover.png) repeat-x left top !important;
}

/* style the second level active by click */
.menu ul ul a:active {
	color: #444444  !Important;
	font-weight:bold !important;
}

/* make the first level Menu active */
.menu ul li.SubMenuActive ul {
    visibility: visible; 
}

.menu :hover > a:link, .menu ul ul :hover > a {
	color: #000 !Important;
	/*background: url(Images/navigation_button_sub_hover.png) repeat-x left top !important;*/
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility: visible !important; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility: hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { 
	visibility: hidden;
}
}