body {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #666666; BACKGROUND-COLOR: #FFFFFF}
td {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black; background-color: #f1f1f1;}
td.rub1 {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black; background-color: #f4f4f4;}
td.rub2 {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black; background-color: #ffffff;}
td.faktura {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black; background-color: #F0D5B0;}
td.ebay {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black; background-color: #D5F0B0;}
.hauptebay {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #D5F0B0;}
.unterebay {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #C7E0A3;}
.highebay {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: orange;  BACKGROUND-COLOR: #D5F0B0;}
.haupt {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #c7c7c7;}
.unter {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #d7d7d7;}
.high {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: orange;  BACKGROUND-COLOR: #c7c7c7;}
.haupt60 {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #E0C7A3;}
.unter60 {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #F0D5B0;}
.high60 {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #E0C7A3;}
.haupt70 {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #E0C7A3;}
.unter70 {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #F0D5B0;}
.high70 {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black; font-weight: bold; BACKGROUND-COLOR: #E0C7A3;}

.haupt_daten {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #b3ffba;}
.high_daten {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #b3ffba;}
.unter_daten {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #ccffd1;}
.unterhigh_daten {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #ccffd1;}
.unterunter_daten {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #e6ffe8;}

.haupt_layout {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #ecffb3;}
.high_layout {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #ecffb3;}
.unter_layout {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #f2ffcc;}
.unterhigh_layout {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #f2ffcc;}
.unterunter_layout {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #f9ffe6;}

.haupt_bestellvorgang {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #ffe5b3;}
.high_bestellvorgang {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #ffe5b3;}
.unter_bestellvorgang {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #ffedcc;}
.unterhigh_bestellvorgang {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #ffedcc;}
.unterunter_bestellvorgang {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #fff6e6;}

.haupt_setup {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #ffbbb3;}
.high_setup {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #ffbbb3;}
.unter_setup {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #ffd2cc;}
.unterhigh_setup {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #ffd2cc;}
.unterunter_setup {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #ffe8e6;}

.haupt_dienste {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #efb3ff;}
.high_dienste {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #efb3ff;}
.unter_dienste {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #f5ccff;}
.unterhigh_dienste {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #f5ccff;}
.unterunter_dienste {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #fae6ff;}

.haupt_eco {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: #b3e1ff;}
.high_eco {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #b3e1ff;}
.unter_eco {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #ccebff;}
.unterhigh_eco {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #ccebff;}
.unterunter_eco {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #e6f5ff;}

.haupt_support {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: white;  BACKGROUND-COLOR: #e3ca9f;}
.high_support {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #e3ca9f;}
.unter_support {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #e3d2b6;}
.unterhigh_support {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #e3d2b6;}
.unterunter_support {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #e3dbcc;}

.haupt_faktura {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: white;  BACKGROUND-COLOR: #c2e39e;}
.high_faktura {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #c2e39e;}
.unter_faktura {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #cde3b6;}
.unterhigh_faktura {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #cde3b6;}
.unterunter_faktura {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #d8e3cc;}

.haupt_dedi_faktura {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: white;  BACKGROUND-COLOR: #c2e39e;}
.high_dedi_faktura {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  font-weight: bold; BACKGROUND-COLOR: #c2e39e;}
.unter_dedi_faktura {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #cde3b6;}
.unterhigh_dedi_faktura {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  font-weight: bold; BACKGROUND-COLOR: #cde3b6;}
.unterunter_dedi_faktura {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;  BACKGROUND-COLOR: #d8e3cc;}

.haupt_shop_starten {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: white;}
.haupt_hilfe {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: white;  BACKGROUND-COLOR: #1200fa;}
.high_hilfe {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: white;  BACKGROUND-COLOR: #1200fa;}
.haupt_logout {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: white;}
.high_logout {font-family: Verdana, Arial, Helvetica; font-size: 12px; color: black;  BACKGROUND-COLOR: white;}

#blank {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #666666; BACKGROUND-COLOR: #d7d7d7;}
.dark {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  BACKGROUND-COLOR: #f1f1f1;}
.error {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #ff8c40;}
.small {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black;}
a:link {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: black}
a:visited {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: black}
a:active {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: black}
a:hover {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: #58697D}
input { Color: black;  font-size: 11px; font-family:Verdana, Arial, Helvetica;}
select { Color: black;  font-size: 11px; font-family:Verdana, Arial, Helvetica;}
textarea { Color: black;  font-size: 11px; font-family:Verdana, Arial, Helvetica;}
td.red {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: white;  BACKGROUND-COLOR: red;}
td.orange {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  BACKGROUND-COLOR: orange;}
td.green {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  BACKGROUND-COLOR: lightgreen;}
td.yellow {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  BACKGROUND-COLOR: yellow;}
td.cyan {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: gray;  BACKGROUND-COLOR: white;}
td.ohne {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: black;  BACKGROUND-COLOR: #ffffff;}
td.kl {font-family: Verdana, Arial, Helvetica; font-size: 10px; color: black; BACKGROUND-COLOR: #f1f1f1;}
a.help:link {font-family: Verdana, Arial, Helvetica; font-size: 10px; text-decoration: underline; color: #ff7111;}
a.help:visited {font-family: Verdana, Arial, Helvetica; font-size: 10px;  text-decoration: underline; color: #ff7111;}
a.help:active {font-family: Verdana, Arial, Helvetica; font-size: 10px;  text-decoration: underline; color: #ff7111;}
a.help:hover {font-family: Verdana, Arial, Helvetica; font-size: 10px;  text-decoration: none; color: #58697D;}

a.nav:link {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: black}
a.nav:visited {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: black}
a.nav:active {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: black}
a.nav:hover {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: #58697D}
a.nav_white:link {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: white}
a.nav_white:visited {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: white}
a.nav_white:active {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: white}
a.nav_white:hover {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: #b4affa}
a.high:link {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: #FF7111}
a.high:visited {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: #FF7111}
a.high:active {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: #FF7111}
a.high:hover {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: black}
a.nav_underline:link {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: black}
a.nav_underline:visited {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: black}
a.nav_underline:active {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: none; color: black}
a.nav_underline:hover {font-family:Verdana, Arial, Helvetica;  font-size: 11px; text-decoration: underline; color: #b4affa}

.greybutton        {
        border:0px none;
        font-size : 11px;
        padding-left: 1px;
        color : #222222;
        background-image:url('/cosmo-sql/shop/pix/s/grey_button107x18.gif');
        font-family : arial,helvetica,sans-serif;
        width: 107px;
        height: 18px;
        cursor: pointer;
}

.yellowbutton        {
        border:0px none;
        font-size : 11px;
        padding-left: 1px;
        color : #222222;
        background-image:url('/cosmo-sql/shop/pix/s/button107x18.gif');
        font-family : arial,helvetica,sans-serif;
        width: 107px;
        height: 18px;
        cursor: pointer
}

#rbg {BACKGROUND-COLOR:silver;}
#bgnav {BACKGROUND-COLOR:#f1f1f1;}


/* CSS Anpassungen (Faktura, Accounts etc) */
.maskentable {
    border-spacing:1px;
}
.maskentable tr td {
    padding:3px;
    padding-right:5px;
}

.fieldheader {
    font-size:8pt;
    font-weight:bold;
    font-style:italic;
}

.status_neu {
    color:red;
}

.status_versandt {
    color:orange;
}

.status_portal {
    color:green;
    font-weight: bold;
}

.status_beendet {
    color:blue;
}

.button {
 display:block;
 width:200px;
 border:1px solid black;
 padding:3px;
 background-color:#D3D3D3;
}

.button:hover {
 background-color:white;
}

/*Neues JS menu styles*/

.nav {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    text-decoration: underline;
    color: #58697D;
}
  
.sub {
  list-style-type: none;
  padding-left: 0px;
}

.rubrik {
    padding-left: 0.7em;
}

.menu { 
    list-style-type: none;
    padding: 0;
}

.menuitem {
    display: flex;
    align-items: center;
    padding: 0 3px 3px 3px; 
    text-decoration: none !important;
}

.greenitem {
  background-color: #b3ffba;
}	
  
.halflightgreenitem {
    background-color: #ccffd1;
}	

.lightgreenitem {
    background-color: #e6ffe8;
}	

.rosaitem {
   background-color: #ffbbb3;
}	
  
.lightrosaitem {
    background-color: #ffe8e6;
}	

.halflightrosaitem {
  background-color: #ffd2cc;
}
  
.yellowitem {
  background-color: #ecffb3;
}	
   
.lightyellowitem {
  background-color: #f2ffcc;
}	
 
.halflightyellowitem {
  background-color: #f9ffe6;
}

.darkgreenitem {
  background-color: #c2e39e;
}	
   
.lightdarkgreenitem {
  background-color: #d8e3cc;
}	
 
.halflightdarkgreenitem {
  background-color: #cde3b6;
}
 
.orangeitem {
  background-color: #ffe5b3;
}	
   
.lightorangeitem {
  background-color: #fff6e6;
}	
 
.halflightorangeitem {
  background-color: #ffedcc;
}

.purpleitem {
  background-color: #efb3ff;
}	
   
.lightpurpleitem {
  background-color: #fae6ff;
}	
 
.halflightpurpleitem {
  background-color: #f5ccff;
}

.grayitem {
  background-color: #f1f1f1;
}	
  
.menuitem {
  margin-bottom: 2px;
}
 
.norubrik {
  padding-left: 1.4em;
}

.rubrik > a::before {
  content: "";
    transition: transform 0.5s;
    border-right: 2px solid currentcolor;
    border-bottom: 2px solid currentcolor;
    width: 5px;
    height: 5px;
    transform: rotate(-45deg);
    margin-right: 10px;
}

.rubrik > a.isOpen::before {
	content: "";
	  transition: transform 0.5s;
	  border-right: 2px solid currentcolor;
	  border-bottom: 2px solid currentcolor;
	  width: 5px;
	  height: 5px;
	  transform: rotate(+45deg);
	  margin-right: 10px;
 }

.norubrik > a {
	margin-left: -7px;
}