/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/



#menu-webhosting a {
  margin: 10px;
  width: 98px;
  height: 20px;
  background-image:url(webhosting.gif);
  display:block;
  float:left;
}

#menu-webhosting a:hover {
  background-image:url(webhosting_a.gif);
}

#menu-server a {
  margin: 10px;
  width: 52px;
  height: 20px;
  background-image:url(server_a.gif);
  display:block;
  float:left;
}

#menu-services a {
  margin: 10px;
  width: 67px;
  height: 20px;
  background-image:url(services.gif);
  display:block;
  float:left;
}

#menu-services a:hover {
  background-image:url(services_a.gif);
}

#menu-cs a {
  margin: 10px;
  width: 143px;
  height: 20px;
  background-image:url(cs.gif);
  display:block;
  float:left;
}

#menu-cs a:hover {
  background-image:url(cs_a.gif);
}

#menu-cc a {
  margin: 10px;
  width: 139px;
  height: 20px;
  background-image:url(cc.gif);
  display:block;
  float:left;
}

#menu-cc a:hover {
  background-image:url(cc_a.gif);
}

.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  color:#000000;
  display:block; 
  text-decoration:none;
  height:28px;
  padding: 0 10px 0 10px;
}
* html .menu ul li a, .menu ul li a:visited {
  color:#000000;
}
.menu ul li ul {
  display: none;
}



/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  background:#ffffff
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  margin-top:0px;
  left:0;
  padding:5px 10px;
}
* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
    padding:5px 10px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block; 
  background:#8ab737;
  color:#fff; 
  height:18px;
  line-height:1.2em; 
  padding:5px 10px; 
  width:150px;
  font-weight:normal;
  font-size:12px;


  border:1px solid #fff;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-width:1px 0px 0 0; 
}

* html .menu ul li a:hover ul li a {
  width:150px;
  w\idth:150px; 
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
  background:#6aa300 url(../../graphics/drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  background:#6aa300; 
  color:#fff;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:150px; 
  top:0;
  width:150px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-150px;
}




#linkenavi { 
	width: 183px;
	padding-left:9px;
	/*padding-top:19px;*/
}

#linkenavi ul {
	color: #ffffff;
	margin: 0;
	padding: 0;
	list-style-type: none !important;
	font-family: tahoma, verdana, sans-serif;
}

#linkenavi ul li {
	list-style-type: none !important;
	margin:0 !important;
	height:30px;
	line-height:1.9em !important;
}

.active {
 background-color: #6aa300 !important;
}

.sub {
 background-color: #69696A !important;
}

.active_sub {
 background-color: #333334 !important;
}


#linkenavi a{
	color: #ffffff !important;
	text-decoration:none !important;
	list-style-type: none !important;
	display: block;
	padding: 3px;
	background-color: #8ab737;
	border-bottom: 1px solid #ffffff;
	padding-left:5px !important;
}

#linkenavi a:link, #navlist a:visited {
	color: #ffffff;
	text-decoration: none;
	padding-left:5px !important;
	
}

#linkenavi a:hover {
	background-color: #6aa300;
	color: #ffffff;
	padding-left:5px !important;
}