@charset "utf-8";

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, img,  ol, ul, li
{

margin: 0;
padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
 
 }



body {

line-height: 1;
}

ol, ul {
list-style: none;
}
:focus {
outline: 0;
}
a {text-decoration:none;}

.pull-left{
   float:left;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clearfixy:before,
.clearfixy:after {
display: none;


}

ol, ul {
list-style: none;
}




/*------------------------------------------------------*/
#ul_vertical ul {
    list-style-type: none;
    margin: 10px;
    padding: 0;
	width: auto;
}
#ul_vertical li {
    display: block;
}

/*------------------------------------------------------*/
#ul_horizontal ul {
    list-style-type: none;
    margin: 0px;
    padding: 0;
	width: auto;
}
#ul_horizontal li {
    display: inline;
}

/*------------------------------------------------------*/

#ul_horizontal_nav ul {
    list-style-type: none;
    margin: 0px;
    padding: 0;
	width: auto;
}
#ul_horizontal_nav li {
    display: inline;
}

/*-------------------FINAL-----------------------------------*/
#headernavigation{
background-color:#5f1f1f;
  margin:0px 10px 5px;
  padding:0;
  text-decoration: none;
  list-style:none;
}

 #headernavigation a:hover 
 {
  margin:0px 0px 0px 0px;
  background-color: #882525;
  display: inline-block;
}

 #headernavigation a:focus
  {/*click*/
  margin:0px 0px 0px 0px; 
   background-color: #882525;
   display: inline-block;

}


#headernavigation a:active {
  background-color: #404040;
}


#headernavigation ul li.active a {
  color: #ff0000;
  display: inline-block;
}

/*-------------------FINAL-----------------------------------*/

/*
#headernavigation ul li a:hover:before {
  width: 100%;
}
#headernavigation ul li a:after {
  content: "";
  display: block;
  position: absolute;
  right: -3px;
  top: 19px;
  height: 6px;
  width: 6px;
  background: #ffffff;
  opacity: .5;
}
#headernavigation ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 7px;
  width: 0;
  background: #ffffff;
  -webkit-transition: width .10s;
  -moz-transition: width .10s;
  -ms-transition: width .10s;
  -o-transition: width .10s;
  transition: width .10s;
}
*/


ul#headernavigation li {
  display:inline-block;
}


#headernavigation li a {
	color: #aaaaaa;
	text-decoration: none;
	    padding:0px;

}

#headernavigation li a img {
width:80px;
height:45px;
}





ul#headernavigation_unten, ul {
	
  /*margin:10px 10px 10px 0px;*/
  background-position:left;
  padding:0;
  width:914px;
  list-style:none;
}

ul#headernavigation_unten img{/*final*/

	float:left;
	width:auto;
	height:auto;
	margin-left: 2px;
  	margin-top:  8px;
    margin-bottom:  0px;
	padding:0px;
	


    border-width: 1px;
    border-style: solid;
    border-color: #404040;

	
	}








ul#headernavigation {
position:relative;
}


 

 
ul#headernavigation li ul {
  position:absolute;
  left:0;
  top:22px;
  
}
 
ul#headernavigation li ul li 
  display:inline;



ul#headernavigation_unten li {
  display:inline;
  }
  






#headernavigation ul li.active a:before {
  width: 100%;
}