#MenuMain {
   position: absolute;
   right: 0;
   top: 0;
}
#MenuMain li {
   display: block;
   float: left;
   margin-right: 0;
   width: 123px;
   height: 44px;
}
#MenuMain li.lastLi {
   margin-right: 0;
}
#MenuMain a,
#MenuMain a:link,
#MenuMain a:visited {
   background-image: url(../images/menumain/bg_link.png);
   font-family: Georgia, Times, "Times New Roman", serif;
   color: #333;
   padding: 13px 0 11px 0;
   text-decoration: none;
   font-size: 17px;
   display: block;
   text-align: center;
   font-weight: normal;
}
#MenuMain a:focus,
#MenuMain a:hover,
#MenuMain a:active,
#MenuMain a.selected,
#MenuMain a.selected:link,
#MenuMain a.selected:visited,
#MenuMain a.selected:focus,
#MenuMain a.selected:hover,
#MenuMain a.selected:active {
   color: #fff;
   background-position: 0 -56px;
}

#MenuMain ul{
   z-index: 550;
   display: none;  
}

#MenuMain ul li{
   height: auto;
   position: relative;  
}
#MenuMain ul a,
#MenuMain ul a:link,
#MenuMain ul a:visited {
   background-image: none;
   background-color: #3b3b3b;
   color: #fff;
   padding: 5px 4px;
   text-decoration: none;
   font-size: 13px;
   display: block;
   text-align: left;
   font-weight: normal;
   background-image: url(../images/start/produkte/bg_menu.jpg);
   background-position: -91px center;
}

#MenuMain ul a:focus,
#MenuMain ul a:hover,
#MenuMain ul a:active,
#MenuMain ul a.selected,
#MenuMain ul a.selected:link,
#MenuMain ul a.selected:visited,
#MenuMain ul a.selected:focus,
#MenuMain ul a.selected:hover,
#MenuMain ul a.selected:active {
   background-image: url(../images/start/produkte/bg_menu_hover.jpg);
   background-position: -91px center;
}
#MenuMain ul ul a,
#MenuMain ul ul a:link,
#MenuMain ul ul a:visited,
#MenuMain ul ul a:focus,
#MenuMain ul ul a:hover,
#MenuMain ul ul a:active,
#MenuMain ul ul a.selected,
#MenuMain ul ul a.selected:link,
#MenuMain ul ul a.selected:visited,
#MenuMain ul ul a.selected:focus,
#MenuMain ul ul a.selected:hover,
#MenuMain ul ul a.selected:active {
   background-position: center;
}
#MenuMain ul ul{
   position: absolute;
   top: 0;
   left: 124px;
}
/** Menu Footer **/
.MenuFooter {
   position: relative;
}
.MenuFooter li {
   display: block;
   float: left;
}
.MenuFooter li.firstLi a{
   padding-left: 0;
}
.MenuFooter a,
.MenuFooter a:link,
.MenuFooter a:visited {
   color: #fff;
   display: block;
   padding: 19px 10px 14px 10px;
   text-decoration: none;
   font-size: 11px;
}
.MenuFooter a:focus,
.MenuFooter a:hover,
.MenuFooter a:active,
.MenuFooter a.selected,
.MenuFooter a.selected:link,
.MenuFooter a.selected:visited,
.MenuFooter a.selected:focus,
.MenuFooter a.selected:hover,
.MenuFooter a.selected:active {
   text-decoration: underline;
}
/** Menu Teaser **/
#MenuTeaserFirstRow{
   margin-top: 20px;  
}
.MenuTeaser {
   overflow: hidden;
   width: 100%;	
   margin-bottom: 16px;
}
.MenuTeaser li {
   display: block;
   float: left;
   height: 115px;
   width: 185px;
   margin: 0 16px 0 0;
}
.MenuTeaser li.lastLi {
   margin: 0;
}
.MenuTeaser a,
.MenuTeaser a:link,
.MenuTeaser a:visited {
   display: block;
   height: 115px;
   width: 185px;
   text-indent: -10000px;
}
.MenuTeaser a:focus,
.MenuTeaser a:hover,
.MenuTeaser a:active,
.MenuTeaser a.selected,
.MenuTeaser a.selected:link,
.MenuTeaser a.selected:visited,
.MenuTeaser a.selected:focus,
.MenuTeaser a.selected:hover,
.MenuTeaser a.selected:active {
   text-decoration: underline;
}
#quickstart-startseite-false .MenuTeaser a,
#quickstart-startseite-false .MenuTeaser a:link,
#quickstart-startseite-false .MenuTeaser a:visited {
   filter:alpha(opacity=60);
   -moz-opacity:0.60;
   -khtml-opacity: 0.60;
   opacity: 0.6;
}
#quickstart-startseite-false .MenuTeaser a:focus,
#quickstart-startseite-false .MenuTeaser a:hover,
#quickstart-startseite-false .MenuTeaser a:active,
#quickstart-startseite-false .MenuTeaser a.selected,
#quickstart-startseite-false .MenuTeaser a.selected:link,
#quickstart-startseite-false .MenuTeaser a.selected:visited,
#quickstart-startseite-false .MenuTeaser a.selected:focus,
#quickstart-startseite-false .MenuTeaser a.selected:hover,
#quickstart-startseite-false .MenuTeaser a.selected:active {
   filter:alpha(opacity=100);
   -moz-opacity:1;
   -khtml-opacity: 1;
   opacity: 1;
}
/** Menu Sub - Unterseite **/
#MenuSub {
   position: relative;
   width: 194px;
}
#MenuSub li {
   display: block;
   width: 100%;
   position: relative;
   margin-bottom: 15px;
}
#MenuSub h3 a,
#MenuSub h3 a:link,
#MenuSub h3 a:visited {
   font-family: Georgia, Times, "Times New Roman", serif;
   font-weight: normal;
   font-size: 16px;
}
#MenuSub a,
#MenuSub a:link,
#MenuSub a:visited {
   font-size: 14px;
   color: #fff;
   font-weight: bold;
   display: block;
   background-image: url(../images/menumainsub/bg_link.png);
   background-repeat: no-repeat;
   background-position: 4px 8px;
   padding: 5px 5px 5px 20px;
   margin: 0 0 2px 0;
   text-decoration: none;
}
#MenuSub a:focus,
#MenuSub a:hover,
#MenuSub a:active,
#MenuSub a.selected,
#MenuSub a.selected:link,
#MenuSub a.selected:visited,
#MenuSub a.selected:focus,
#MenuSub a.selected:hover,
#MenuSub a.selected:active {
   color: #d80019;
   background-position: 4px -48px;
}
#MenuSub li li{
   margin-bottom: 0px;
}
#MenuSub ul li a,
#MenuSub ul li a:link,
#MenuSub ul li a:visited {
   background-image: url(../images/menumainsub/bg_link_sub.png);
   background-position: left top;
   background-repeat: no-repeat;
   display: block;
   color: #fff;
   padding: 2px 5px 2px 20px;
   border-right: 1px solid #626262;
   border-left: 1px solid #626262;
   border-top: 1px solid #626262;
   text-decoration: none;
   font-weight: normal;
   font-size: 13px;
   margin-bottom: 2px;
}
#MenuSub ul li.lastLi a {
   border-bottom: 1px solid #626262;
}
#MenuSub ul li.selectedLi a{
   border-bottom: 1px solid #626262;
}
#MenuSub ul li a:focus,
#MenuSub ul li a:hover,
#MenuSub ul li a:active,
#MenuSub ul li a.selected,
#MenuSub ul li a.selected:link,
#MenuSub ul li a.selected:visited,
#MenuSub ul li a.selected:focus,
#MenuSub ul li a.selected:hover,
#MenuSub ul li a.selected:active {
   background-image: url(../images/menumainsub/bg_link_sub_hover.png);
   background-position: left top;
   color: #fff;
   border-color: #8f0b1a;
   
}
#MenuSub ul li ul{
   padding: 0 0 3px;
}
#MenuSub ul li ul li a,
#MenuSub ul li ul li a:link,
#MenuSub ul li ul li a:visited {
   background-image: none;
   border: 0 none;
}
#MenuSub ul li ul li a:focus,
#MenuSub ul li ul li a:hover,
#MenuSub ul li ul li a:active,
#MenuSub ul li ul li a.selected,
#MenuSub ul li ul li a.selected:link,
#MenuSub ul li ul li a.selected:visited,
#MenuSub ul li ul li a.selected:focus,
#MenuSub ul li ul li a.selected:hover,
#MenuSub ul li ul li a.selected:active {
   color: #d80019;
   background-image: none;
}
#MenuSub ul li ul li ul li a,
#MenuSub ul li ul li ul li a:link,
#MenuSub ul li ul li ul li a:visited {
   padding: 3px 5px 3px 30px;
}




/** Menu Con **/
#MenuProdukte {
   position: relative;
   width: 219px;
   line-height: 1.0;
   z-index: 10;
}
#MenuProdukte li {
   position: relative;
   width: 100%;
}
.MenuCon a,
.MenuCon a:link,
.MenuCon a:visited {
   background-image: url(../images/start/produkte/bg_menu.jpg);
   background-position: center;
   text-decoration: none;
   color: #fff;
   padding: 9px 10px 9px 10px;
   display: block;
}
.MenuCon a:focus,
.MenuCon a:hover,
.MenuCon a:active,
.MenuCon a.selected,
.MenuCon a.selected:link,
.MenuCon a.selected:visited,
.MenuCon a.selected:focus,
.MenuCon a.selected:hover,
.MenuCon a.selected:active {
   color: #fff;
   background-image: url(../images/start/produkte/bg_menu_hover.jpg);
}
.MenuCon li li.sfHover a.secondEbene,
.MenuCon li.sfHover a.firstEbene{
   color: #fff;
   background-image: url(../images/start/produkte/bg_menu_hover.jpg);
}



.MenuCon li a img {
   width: 30px;
   height: 30px;
   position: absolute;
   bottom: 0;
   right: 20px;
   border: 0 none;
   z-index: 10;
}


/*
   AUSGEKLAPPTER ARTIKEL
*/
#artikel-preview ul.artikel-links{
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   overflow: hidden;
   margin-top: 10px;
   border: 0 none;
}
#artikel-preview ul.artikel-links li{
   width: 50%;
   float: left;
}


.MenuCon .artikel-links a,
.MenuCon .artikel-links a:link,
.MenuCon .artikel-links a:visited {
   background-image: none;
   color: #fff;
   padding: 5px 0;
   display: block;
   font-size: 12px;
}
.MenuCon .artikel-links a:focus,
.MenuCon .artikel-links a:hover,
.MenuCon .artikel-links a:active,
.MenuCon .artikel-links a.selected,
.MenuCon .artikel-links a.selected:link,
.MenuCon .artikel-links a.selected:visited,
.MenuCon .artikel-links a.selected:focus,
.MenuCon .artikel-links a.selected:hover,
.MenuCon .artikel-links a.selected:active {
   color: #fff;
   text-decoration: underline;
}


/*** ESSENTIAL STYLES ***/
.sf-menu ul {
 position:absolute;
 top:-999em;
 border-left:1px solid #333333;
 width: 219px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
 width: 100%;
}
.sf-menu li:hover {
 visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
 float: left;
 position:relative;
}
.sf-menu a {
 display: block;
 position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
 left:0;
 top:2.5em; /* match top ul list item height */
 z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
 top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
 left:218px;; /* match ul width */
 top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
 top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
 left:218px; /* match ul width */
 top:0;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
 width: 219px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
 left: 219px; /* match ul width */
 top: 0;
}