@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------

   navigation.css
   * 2012 amareco GmbH

-------------------------------------------------------------- */


/* =============================================
   			Hauptmenue
================================================ */
	
	ul.mainnavi{
		list-style-type: none;
		padding-left: 0;
		margin: 0 10px 0 1px; 
		width: 200px; 
		z-index: 10;
		position: relative;
		}
		
	.mainnavi .ebene_1 {
		background: url("../media/struktur/nav1.png") no-repeat scroll center top transparent;
		margin-bottom: 1px;
		}	
		
	.mainnavi .ebene_1 a{
		padding: 10px 10px 11px 20px ;
		color: #102759;
		display: block;
		font-size: 1em;
		}	
	
	
/* Hauptmenue Hover + Active Zustaende 
-------------------------------------------------------------- */
	
	.mainnavi .ebene_1 a.hover, 
	.mainnavi .ebene_1:active, 
	.mainnavi .ebene_1:focus,
	.mainnavi .ebene_1:hover {
		background: #B9C2C6;
		background: url("../media/struktur/nav5.png") no-repeat scroll center top transparent;
		}
		
	.mainnavi .ebene_1 a.active {
		background: url("../media/struktur/nav5.png") no-repeat scroll left top transparent;
		}
	
	.mainnavi .ebene_1 a.hover, 
	.mainnavi .ebene_1 a.active ,	
	.mainnavi .ebene_1:active a,
	.mainnavi .ebene_1:focus a,
	.mainnavi .ebene_1:hover a {
		color: #ffffff;
		}
		
		
/* =============================================
   			Hauptmenue 2. Ebene
================================================ */

	.submenu {
	    width: 750px;
		margin-left: -45px;
		background-image: url("../media/struktur/nav4.png");
	    background-position: center -562px;
	    background-repeat: no-repeat;
	    display: block;
	    list-style: none outside none;
	    min-height: 40px;
		}
	
	ul.mainnavi_2 {
		list-style: none outside none;
		padding: 0;
		margin: 0;
		display: block;
		}  	
		
	.mainnavi_2 li.ebene_2{
		float: left;
		}   

	li.ebene_2 a {
		/* padding: 10px 30px 11px 20px; ku 17.12.12 */
		padding: 10px 8px 11px 8px;
		display:block;
		color: #102759;
		}
	
	li.one a { 
		padding: 10px 20px 11px 45px;
		}
	
	.ebene_2 a:active,
	.ebene_2 a:hover,
	.ebene_2 a:focus,
	.ebene_2 a.active,
	.ebene_2 a.active:hover {
		background: url("../media/struktur/nav5.png") no-repeat scroll bottom center transparent;
		color: #ffffff;
		}
		

/* Hauptmenue 2. Ebene Pfeile wenn 3. Ebene vorhanden 
-------------------------------------------------------------- */

	.pfeil {
		margin-right: 5px;
		overflow: hidden;
		}
	
	.ebene_2 a:hover .pfeil,
	.ebene_2 a.active .pfeil,
	.ebene_2 a:focus .pfeil  {
	    background: url("../media/struktur/pfeil_2.png") no-repeat scroll left center transparent;
	    color: #FFFFFF;
		}
	
	.ebene_2 a .pfeil  {
	    background: url("../media/struktur/pfeil_1.png") no-repeat scroll left center transparent;
	    color: #FFFFFF;
		}


/* =============================================
   			Hauptmenue 3. Ebene
================================================ */

	.mainnavi_3 {
		background: url("../media/struktur/nav4.png") no-repeat scroll center bottom transparent;
   		display: none;
    	margin: 0;
    	padding-bottom: 3px;
    	position: absolute;
    	width: auto;
    	z-index: 20000;	
		}    

	.mainnavi_2 li:hover ul.mainnavi_3 {
		display:block;
		}
		
	li.ebene_3 a.active,
	li.ebene_3 a:hover,
	li.ebene_3 a.active,
	li.ebene_3 a:focus,
	li.ebene_3 a.active:hover {
	    background-color: #b9c1c4;
	    background-image: none;
	    color: #102759;
		}
	
	.ebene_3 a{
		font-weight: normal;
		}	
		
	li.ebene_3 {
		width: 100%;
		padding: 0px 0px;
		}
	
	li.ebene_3 a {
		color: #102759;
		margin: 0px 0;
		}


/* =============================================
   			Sprachmenue
================================================ */

	.language {
		margin: -33px 10px 0px 660px ;
		position: absolute;
		z-index: 2000;
		}
 
	.language a.btn_german img{
		background: url("../media/flag/german_24.png") no-repeat scroll bottom center transparent;
		width: 24px;
		height: 24px;
		}
	
	.language a.btn_english img{	
		background: url("../media/flag/uk_24.png") no-repeat scroll bottom center transparent;
		width: 24px;
		height: 24px;
		}
 
 		
/* =============================================
   	 Rootline
================================================ */

	.rootline {
		clear: both;
	    display: block;
	    height: 0;
	    margin: 10px 0 30px 0;
		}
	
	.rootline a {
		color: #858585;	
		background-image: none !important;
	    padding-left: 0;		
		}
		
		

 /* =============================================
   				Footermenue
================================================ */


	.meta ul {  
		list-style:none; 
		margin: 5px 0 10px 0;
		}
	
	.ebene_2 ul {
		list-style:none; 
		padding-left: 0em;
		}
	
	.metaebene_1 ul {
		padding-left: 0em;
		}
	
	.metaebene_1 a {
		font-size: 11px;
		font-weight: 600;
		}
	
	.metaebene_1 ul li a {
		font-weight: 400;
		}
	
	.metaebene_1 {
	    float: left;
	    margin: 0 30px 0 0px;
		}


/* a
-------------------------------------------------------------- */
	.metamenu a,
	.metaebene_1 a {
		color: #858585;
		}

/* Anker
-------------------------------------------------------------- */

.maincontentcol a.text_anchor {
	background-image:none;
	height: 0px;
	padding: 0px;
}

ul.csc-menu-3 {
	list-style: none;
	padding-left:0px;
}


/* =============================================
   	  Portrait + Mobile Menue verstecken
================================================ */

	.mobil, .navi_portrait,li.ebene_1 a:hover ul.navi_portrait,
	li.ebene_1 a.active ul.navi_portrait {
		display: none;
		}
		

		
/* =============================================
   	  Metanavi
================================================ 

	.metanavi {
		position:relative;
		margin-left: 20px;
		bottom: 0;
		height: 100%;
		}
	*/