.haupt{
font: regular 13px "Verdana", "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
display:block;
float:left;
border: 2px solid transparent;
padding-top:10px;
padding-right:66px;
padding-bottom:12px;

}

.haupt:hover{
background: #536b3f;
border: 2px solid #c0c9b9;
text-decoration: none;
display:block;
float:left;
padding-top:10px;
padding-right:66px;
padding-bottom:12px;
color:ffffff;
}
 
 

.outlinemenu{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 180px; /*default width of menu*/
border-top: 2px solid #c0c9b9;
border-left: 2px solid #c0c9b9;
border-right: 2px solid #c0c9b9;
overflow-x: hidden;
}

.outlinemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.outlinemenu ul li a{
background: white;
font: regular 13px "Verdana", "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #ffffff;
background: #536b3f;
display: block;
width: auto;
padding: 3px 0;
padding-left: 5px;
text-decoration: none;
border-bottom: 2px solid #c0c9b9;
}

.outlinemenu ul li .outlinemenu ul li a:active{
color: #00014e;
}

a.haupt:visited { #ffffff; }


.outlinemenu ul li a:hover{
color: #ffffff;
background: #284311;
}

/* Holly Hack for IE \*/
* html .outlinemenu li {height: 1%; }
* html .outlinemenu li a { height: 1%; }
/* End */