/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

/* Sprachnavigation */

#language ul {
   list-style-type: none;
}

#language li {
   float: left; display: block; width: 37px; height: 16px; text-indent: -5000px;
}

#language li a {
   display: block; width: 37px; height: 18px;
}

#language .de {
   background: url(images/fahne-de.gif) no-repeat;
}

#language .en {
   background: url(images/fahne-en.gif) no-repeat;
}

#language .fr {
   background: url(images/fahne-fr.gif) no-repeat;
}

#language .esp {
   background: url(images/fahne-esp.gif) no-repeat;
}

#language .cz {
   background: url(images/fahne-cz.gif) no-repeat;
}

#language .cn {
   background: url(images/fahne-cn.gif) no-repeat; border: none;
}

/* Navigation oben rechts */

#topnav ul {
   list-style-type: none; list-style-image: none; margin: 2px 5px 0 0;
}

#topnav li {
   display: inline; padding: 0 5px; border-right: 1px solid #000;
}

#topnav li a {
   color: #666;
}

#topnav li.ende {
   border-right: 0px;
}

/* Hauptnavigation */

#mainnav ul {
   list-style-type: none;
}

#mainnav li {
   float: left; border-right: 1px solid #fff;
}

#mainnav li a {
   display: block; float: left; line-height: 24px; color: #fff; padding: 0 8px; font-weight: bold; text-decoration: none;
}

#mainnav li a:hover {
   color: #000; background: #fff;
}

#mainnav .act {
   display: block; float: left; line-height: 24px; color: #000; background: #fff;   padding: 0 8px; font-weight: bold; text-decoration: none;
}

#mainnav li.aktiv a:hover {
   color: #000;
}


/* Subnav */

#subnav ul {
   width: 165px; border-top: 1px solid #ccc; list-style-type: none;
}

#subnav li a {
   display: block; width: 165px; color: #666; text-decoration: none; text-align: right;
   border-bottom: solid 1px #ccc; padding: 3px 15px 3px 0px;
   voice-family: "\"}\""; voice-family: inherit; width: 150px;
}

#subnav li a:hover {
   color: #000 !important; background: url(images/quadrat.gif) 97% 50% no-repeat #e3e3e3;
}

#subnav .aktiv-a {
   color: #000 !important; background: url(images/quadrat.gif) 97% 50% no-repeat #e3e3e3;
}

#subnav .aktiv {
   display: block; width: 165px; color: #666; text-decoration: none; text-align: right;
   border-bottom: solid 1px #fff; padding: 3px 15px 3px 0px;
   color: #000 !important; background: url(images/quadrat.gif) 97% 50% no-repeat #e3e3e3;
   voice-family: "\"}\""; voice-family: inherit; width: 150px;
}


/* Subnav 2. Ebene */

#subnav ul ul {
   border-top: none;
}

#subnav li li a {
   display: block; width: 165px; color: #666; text-decoration: none; text-align: right;
   border-bottom: solid 1px #fff; padding: 3px 25px 3px 0px;
   voice-family: "\"}\""; voice-family: inherit; width: 140px;
}

#subnav li li a:hover {
   color: #000 !important; background: url(images/quadrat.gif) 90% 50% no-repeat #e3e3e3;
}

#subnav .aktiv2 {
   width: 165px; color: #666; text-decoration: none; text-align: right;
   border-bottom: solid 1px #fff; padding: 3px 25px 3px 0px;
   color: #000 !important; background: url(images/quadrat.gif) 90% 50% no-repeat #e3e3e3;
   voice-family: "\"}\""; voice-family: inherit; width: 140px;
}