/* CSS-Datei für den Modebereich */



div#head { background: #fff url(/_img/layout/header-mode.jpg) no-repeat; }

div#jubilaeum {
  margin-left: 278px;
  width: 510px;
  height: 232px;
  background: #000 url(/_img/layout/head-50jahre.jpg) no-repeat;
  position: absolute;
  z-index: 5; 
}


div#jubilaeum-menu {
 margin-left: 40px;
 margin-top: 165px;
  position: relative;
   z-index: 2; 
}

li.jubilaeum-menu {
  font: bold 13px/24px Verdana;
  color: #fff;
  text-decoration: none;
}

li.jubilaeum-menu a {
  font: bold 13px/24px Verdana;
  color: #ffff00;
  text-decoration: none;
}

li.jubilaeum-menu a:hover {
  font: bold 13px/24px Verdana;
  color: #ffff00;
  text-decoration: underline;
 }
 
div.black-jub {
width: 600px;
/*height: 920px;*/
padding: 20px;  
background-color: #000;

}
          
a#portrait{ 
  background: url(/_img/layout/btn-mode-portrait.gif) no-repeat;
  width: 84px;
}
a#brands{ 
  background: url(/_img/layout/btn-mode-brands.gif) no-repeat;
  width: 85px;
}
a#palette{ 
  background: url(/_img/layout/btn-mode-palette.gif) no-repeat;
  width: 85px;
}
a#service{ 
  background: url(/_img/layout/btn-mode-service.gif) no-repeat;
  width: 87px;
}

a#jubilaeum{ 
  background: url(/_img/layout/btn-mode-50jahre.gif) no-repeat;
  width: 93px;
}
div#main-menu{ background: url(/_img/layout/btn-gradient-empty-mode-long.gif) no-repeat scroll 0 7px; }

a:hover, div#footer a:hover, div#partner li a:hover span, div#submenu a:hover, div#submenu li a.active { color: #4f7c13; }

a.teaser-lnk { background: url(/_img/layout/ico-arrow-mode.gif) no-repeat 100% 58%; color: #4f7c13; }