@import url(main.css);

@import url(header.css);

@import url(footer.css);

@import url(top.css);

@import url(content.css);



#middle-marker-box {

	margin: 24px 12px 12px 36px;

	padding: 0;

}



#middle {

	float: left;

	width: 504px;

	z-index: 999;

	background: #FFFFFF;

}



#middle-content {

	width: 504px;

}



#right-marker-box {

	margin: 24px 36px 12px 12px;

	padding: 0;

}



#right-marker {

	margin: 0;

	padding: 0 12px;

	background: #f1f1f1;

}



#right {

	float: left;

	width: 252px;

	z-index: 999;

	background: #FFFFFF;

}



#right-content {

	width: 252px;

}


/* Navigations-Styles */

ul.menu, ul.menu ul {

    list-style-type: none;
	z-index: 999;

}



ul.menu a {

    display: block;
    padding: 3px 10px 3px 10px;
    font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;

}



ul.menu ul a {

    padding: 0 10px;
	color: #000000;

}

ul.menu ul a:hover {

background-color:#C6C6C6;
text-decoration: none;
}




ul.menu li {

    padding:0;
    margin:0;
    background-image: none;
    background-color: #F41817;
	color:#FFFFFF !important;
	text-decoration: none;
	font-size: 12px;
    float:left;
}



ul.menu ul {


    /* Drop Down Menu */
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    background-color: #FFFFFF;
    border:1px solid #FFFFFF;
	text-decoration: none;
    display:none;
    min-width:120px;
	z-index: 999;


	/* Transparenzeinstellungen für die verschiedenen Browser */
	opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	 


}



/* IE-Hack für die Breite */

*html ul.menu ul {

    width:120px;

}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {

    display: block;
	
}



ul.menu ul li {

    float:none;
    background-color: transparent;
}