/*
  crema WAG! Agentur für neue Medien, Schwetzingen
  http://www.crema.da

  Copyright (c) 2011 crema WAG!
*/

#menuOuter table {
  padding:0; 
  margin:0; 
  width:0; 
  height:0px;
  margin:-1px -4px 1px -4px;
  background-color: #FFFFFF;
}

ul.menue-left {
  float: left;
  position: absolute;
  float: left;
  left: 0px;
  top: 0px;
  height: 170px;
  width: 160px;
  margin: 0 0 0 0;
  padding: 5px 0 0 0;  
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  background-color: #FFFFFF;
  z-index: 100;
} 

ul.menue-left li {
  padding-left: 0.5em;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
}

ul.menue-left li a {
  position: relative;
  text-decoration:none;
  display:block;  
  color: #000000;
  font-size: 12px;
}

ul.menue-left li:hover, ul.menue-left li.hoverOn {
  position: relative;
  background-color: #FFB119;
  text-decoration: none;
  text-indent: 0.0em;
}

ul.menue-left li#active {
  position: relative;
  background-color: #FFB119;
  text-decoration: none;
  text-indent: 0.0em;
}

a.menue-active {
  color: #000000; 
  background-color: #FFB119;
  text-decoration: none;
}

ul.menue-left li:hover>ul.sub1 li, ul.menue-left li.hoverOn {
  position: relative;
  top: 7px;
  left: -46px;
  padding: 2px 0 20px 0;
  margin: 1px 0 1px 0;
  width: 160px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-indent: 0.9em;
  display:block;   
}

ul.menue-left li#active>ul.sub1 li, ul.menue-left li.hoverOn {
  position: relative;
  top: 7px;
  left: -46px;
  padding: 2px 0 20px 0;
  margin: 1px 0 1px 0;
  width: 160px;
  text-decoration: none;
  text-indent: 0.9em;
  display:block;   
}

ul.menue-left li, ul.menue-left li.hoverOff {
  list-style: none;
}

ul.sub1 li {
  position: relative;
  top: 7px;
  left: -42px;
  padding: 2px 0 10px 0;
  margin: 1px 0 10px 0;
  height: 29px;
  width: 176px;
  text-decoration: none;
  text-indent: 0.9em;
  display:none;
}

ul.sub1 li:hover, ul.sub1 li.hoverOn {
  position: relative;
  left: -42px;
  padding: 2px 0 2px 0;
  margin: 1px 0 1px 0;  
  text-decoration: none;
  text-indent: 0.9em;
}