/***************************************************************
*  Copyright notice
*
*  (c) 2012 Makiman
*  All rights reserved
*
*  This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/

/***************************************************************
*  Copyright notice
*
*  (c) 2011 side by site GmbH & Co. KG (info@sidebysite.de)
*  All rights reserved
*
*  This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/


#hauptnavi ul {
        margin: 0;
        list-style-type: none;
        float: left;
}

#hauptnavi span.current,
#hauptnavi a {
        display: block;
        margin: 0;
        padding: 0 12px 0 12px;
        font-size: 14px;
        height: 30px;
        line-height: 29px;
        color: #333333;
}

#hauptnavi a:hover {
        text-decoration: none;
        color: #ff0000;
}

#hauptnavi li {
        height: 30px;
        line-height: 29px;
        padding: 0;
        position: relative;
        z-index: 2;
        background: none;
        margin-bottom: 0;
}

#hauptnavi li.cur h2 span.current,
#hauptnavi li.act h2 span.current {
        color: #ff0000;
        padding: 0 12px 0 12px;
}

#hauptnavi li.act h2 span.current a {
        padding: 0;
        border-right: 0px;
        color: #ff0000;
}

#hauptnavi li.act h2 span.current a:hover {
}

#hauptnavi li h2 {
        text-align: center;
        text-transform: lowercase;
        font-weight: normal;
}

#hauptnavi li h2 a,
#hauptnavi li h2 span.current {
        height: 30px;
        color: #333333;
}


/* Ebene 2 und 3 */

#hauptnavi ul ul {
        width: 300px;
        height: 118px;
        padding-top: 22px;
        position: absolute;
        left: 0px;
        top: -140px;
        background-color: white;
}

#hauptnavi ul ul li {
        height: auto;
        padding: 0;
}

div#hauptnavi ul ul,
div#hauptnavi ul li:hover ul ul,
div#hauptnavi ul ul li:hover ul ul {
  display: none;
}

div#hauptnavi ul li:hover ul,
div#hauptnavi ul ul li:hover ul {
  display: block;
}

#hauptnavi ul ul a,
#hauptnavi ul ul span.current {
  color: black;
  font-size: 14px;
  margin: 0;
  text-transform: lowercase;
}

#hauptnavi ul ul li.act span.current a {
        padding: 0;
          margin: 0;
}

#hauptnavi ul ul li a,
#hauptnavi ul ul li span.current {
  height: auto;
  line-height: 23px;
  padding: 0 5px 0 13px;
}

#hauptnavi ul ul a:hover,
#hauptnavi ul ul span.current {
  color: #ff0000;
}