@charset "utf-8";
/*##################################

/*------------------------- Toogler ---------------------------------------*/
h2.trigger {	
}

h2.trigger a {
display: block;
cursor:pointer; 
}

h2.trigger a:hover {
cursor:pointer;   
}

h2.trigger.active {
background:url(../../images/h-toogle.png) no-repeat top center;
}

.toggle_container {
margin: 0;
padding: 0;
float:left;	
}

.toggle_container .block {
padding: 0px;
margin:0;
background:url(../../images/h-toogle-no.png) no-repeat top center  !important;
}

.toggle_container .block {
padding:0;
margin:0;
}


/*########## Navigationen ###########*/

/*------------ Navigation Boxen ----------*/
#navigation .box {
width: 220px;
margin-bottom:10px;
overflow:hidden;
border:none;
clear:both;	
}

#navigation .box h2 {
margin: 0;
padding:0;
background:url(../../images/h-toogle-no.png) no-repeat top center;
height:25px;
width:205px;
display:block;
color:#e43127;
text-transform:uppercase;
padding:5px 0 5px 15px;
font-family:'Trebuchet MS',Arial, Sans-Serif;
font-size:4px;
}

#navigation .box h2.trigger.active {
background:url(../../images/h-toogle.png) no-repeat top center;
}


#navigation #service h2.trigger,
#navigation #hauptnavigation h2.trigger {
background:url(../../images/h-toogle.png) no-repeat top center;
}
#navigation #service h2.trigger.active,
#navigation #hauptnavigation h2.trigger.active {
background:url(../../images/h-toogle-no.png) no-repeat top center;
}

#navigation .box h2 a {
margin: 0;
padding:0;
font-size:14px;	
color:#e43127;
text-decoration:none;
}

#navigation .box h2 a:hover {
background:none;
border:none;
color:#e43127;
}

#navigation .box ul {
margin: 0;
padding:0 0 10px 0;
background:#ebebeb url(../../images/toogleBoxInhalt.png) repeat-x 0 0;
display:block;
color:#e43127;
width:220px;
}


#navigation .box ul li ul {
margin: 0;
padding:0;
}


#navigation .box div.toogleBoxFuss {
margin: 0;
padding:0;
background:transparent url(../../images/toogleBoxFuss.png);
display:block;
width:220px;
height:9px;
clear:both;
}


/*--------- Hauptnavigation ----------*/
#navigation ul {
  list-style:none;
}
#navigation ul li ul {
  border: none;
  margin: 0;
  padding:0;
}

#navigation ul li ul li {
  padding: 0;
  margin:0;
}

#navigation strong {
  
}

#navigation ul li {
margin: 0;
padding:0; 
display:block;
color:#e43127;
display:block;
padding:2px 0;
}

#navigation ul li ul {
margin: 0;
padding:0;
display:block;
color:#e43127;

padding:0;
margin:0;
}

#navigation ul li ul li {
margin: 0;
padding:0;
display:block;
color:#e43127;
padding:0;
margin:0 0 0 15px;
}


#navigation ul li a,
#navigation ul li a:visited {
margin: 0;
display:block;
color:#6b6b6b;
display:block;
border-left:#ebebeb 2px solid;
padding:4px 0 3px 15px;
font-weight:bold;
width:202px;
text-decoration:none;

}

#navigation ul li a:hover {
margin: 0;
padding:0; 
display:block;
color:#000;
display:block;
border-left:#d2382f 2px solid;
padding:4px 0 3px 15px;
background:#d8d8d8;
}

#navigation ul li ul li a,
#navigation ul li ul li a:visited {
margin: 0;
padding:0; 
display:block;
font-weight:normal;
border:none;
padding:3px 0 3px 15px;
background:url(../../images/mainNaviLevel2.png) no-repeat left center;
}

#navigation ul li ul li a:hover {
margin:0;
padding:0; 
color:#000;
display:block;
border:none;
padding:3px 0 3px 15px;
background:transparent url(../../images/mainNaviLevel2.png) no-repeat left center;
}
 
#navigation ul li ul li ul li a,
#navigation ul li ul li ul li a:visited {
margin: 0;
padding:0; 
display:block;
font-weight:normal;
border:none;
padding:3px 0 3px 15px;
background:url(../../images/mainNaviLevel2.png) no-repeat left center;
}


#navigation ul li.current a {font-weight:bold;color:#000;}
#navigation ul li ul li.current a {font-weight:normal;color:#000;}
#navigation ul li ul li ul li.current a {font-weight:normal;color:#000;}

/*---- MetaNavigation Kopfbereich ----*/

ul#metaNavi {
height:21px;
padding:4px 0 0 0;
margin:0;
position:relativ;
font-size:0.95em;
text-align:right;
width:710px;
color:#e43127;
font-weight:bold;
}

ul#metaNavi a {
text-decoration:none;
font-weight:normal;
color:#333333;
}

ul#metaNavi a:hover {
color:#e43127;}

ul#metaNavi li {
  display: inline;
  padding-left: .4em;
  padding-right: .2em; 
}

ul#metaNavi li span {
  color:#e43127;
  padding-right:0.2em;
}
/* IE <= 6: erste vert. Linie per neg. margin verstecken */

ul#metaNavi strong {
  font-weight: normal;
  #color:#e43127;
}




