/*
/*	Project: Webservice	
/*  File: standard.css
/*	Author: Marcel Hornstein
/*  <meta name="version" content="1.08" />
/*  <meta name="date" content="2013-01-16" />
/*  <meta name="product" content="elius6" />
/*  <meta name="company" content="TopM Software GmbH" />
/*
/******************************************************************************/
/* Einbinden von weiteren CSS-Dateien                                         */
/******************************************************************************/
/* import datepicker-de | Lokalisierung für den Datepicker */
@import url(js/jquery-ui-1.8.18.custom/development-bundle/ui/i18n/jquery.ui.datepicker-de.js);

/******************************************************************************/
/* Formatierungen für das Seitenlayout                                        */
/******************************************************************************/
body {
  background-color:#FCF3E0;
  font-family:'Segoe UI', Arial, sans-serif;
  font-size: 0.9em;
  margin: 0px 0px 0px 0px;
}

.background {
  text-align:center;
  width: 950px;
  margin: 0px auto 0px auto;
}

.site {
  text-align: center;
  margin: 0px 0px 20px 0px;
}

.header {
  background-image: url(image/header.jpg?ssid=[!ssid]);
  height: 120px;
  position: relative;
  margin: 0px 0px 10px 0px;  
}

.header h1 {
  text-align: left;
  margin: 0px 0px 0px 10px;
  color: #FFFFFF;
  font-size: 250%;
  font-weight: normal;
  text-shadow: #EFEFEF 3px 2px 4px;
  padding: 0px 0px 0px 0px;
}

.header h2 {
  text-align: left;
  margin: 8px 0px 0px 10px;
  color: #FFFFFF;
  font-size: 150%;
  font-weight: normal;
  text-shadow: #EFEFEF 3px 2px 4px;
}

.menue_back {
  position: absolute;
  top: 0px;
  left: 0px;
}

.content {
  padding: 0px 10px 0px 10px;
}

.content h2 {
  text-align: left;
  font-size: 150%;
  font-weight: normal;
  padding-left: 2px;
}

.content h3 {
  text-align: left;
  font-size: 120%;
  font-weight: normal;
  padding-left: 2px;
}

table {
  width: 100%;
  text-align: left;  
}

td {
   vertical-align:top;
}

.tabelleheader {
  background-color: #C9D276;
}

.TabelleZeile1 td {
  background-color:#C9D276;
  padding: 2px 5px 2px 5px;
}

table:not(.Funktionen) .TabelleZeile1:hover * {
  background-color: #F1F1F1;
}

.TabelleZeile2 td {
  background-color:#ABCDEF;
  padding: 2px 5px 2px 5px;
}

table:not(.Funktionen) .TabelleZeile2:hover * {
  background-color: #D1E4F6;
}

div.footer {
  margin-top: 20px;
  font-size: 70%;
}

/******************************************************************************/
/* Allgemeine Formatierung der Links                                          */
/******************************************************************************/
a:link { 
   text-decoration:none;
}

a:visited { 
   text-decoration:none; 
}

a:focus { 
   text-decoration:none; 
}

a:hover { 
   text-decoration:none; 
}

a:active { 
   text-decoration:none; 
}

a img {
   border : 0 none;
}


/******************************************************************************/
/* Allgemeine Formatierung der Formularfelder                                 */
/******************************************************************************/
input:focus {
   background-color: #ABCDEF;
}

input:hover {
   background-color: #D1E4F6;
}

select:focus {
   background-color: #ABCDEF;
}

select:hover {
   background-color: #D1E4F6;
}


/******************************************************************************/
/* Globale Formatierungen                                                     */
/******************************************************************************/

/* Farben *********************************************************************/
td.S-SCHWARZ {
  background-color:#000000;
}

td.S-WEISS {
  background-color:#FFFFFF;
}

td.S-GRAU {
  background-color:#DADADA;
}

td.S-HELLGRAU {
  background-color:#F2F2F2;
}

td.S-ROT {
  background-color:#ffCCCC;
}

td.S-BLAU {
  background-color:#C6E2FF;
}

td.S-GRUEN {
  background-color:#ccffcc;
}

td.S-GELB {
  background-color:#ffffcc;
}

td.S-LILA {
  background-color:#DFBFFF;
}

td.S-TODAY {
  background-color:#ccffcc;
}

td.S-WEEKEND {
  background-color:#ccecff;
}

td.S-HIGHLIGHT {
  background-color:#ffCCCC;
}

td.S-WARNING {
  background-color:#ffffcc;
}


/* Ausrichtungen Links ****************************************************/
td.S-LEFT {
  text-align: left;
  padding: 2px 5px 2px 5px;
}

td.S-GELB_LEFT {
  background-color:#ffffcc;
  text-align: left;
  padding: 2px 5px 2px 5px;
}

td.S-GRUEN_LEFT {
  background-color:#ccffcc;
  text-align: left;
  padding: 2px 5px 2px 5px;
}

td.S-ROT_LEFT {
  background-color:#ffCCCC;
  text-align: left;
  padding: 2px 5px 2px 5px;
}

td.S-LILA_LEFT {
  background-color:#DFBFFF;
  text-align: left;
  padding: 2px 5px 2px 5px;
}

td.S-CENTER {
  text-align: center;
  padding: 2px 5px 2px 5px;
}

/* Ausrichtungen Rechts ****************************************************/

td.S-RIGHT {
  text-align: right;
  padding: 2px 5px 2px 5px;
}

td.S-BOLD_RIGHT {
  text-align: right;
  padding: 2px 5px 2px 5px;
  font-weight: bolder;
}

td.S-WEISS_RIGHT {
  background-color:#FFFFFF;
  text-align: right;
}


td.S-HELLBLAU_RIGHT {
  background-color:#F7FAFD;
  text-align: right;
  padding: 2px 5px 2px 5px;
}

td.S-GELB_RIGHT {
  background-color:#ffffcc;
  text-align: right;
  padding: 2px 5px 2px 5px;
}

td.S-GRUEN_RIGHT {
  background-color:#ccffcc;
  text-align: right;
  padding: 2px 5px 2px 5px;
}

td.S-ROT_RIGHT {
  background-color:#ffCCCC;
  text-align: right;
  padding: 2px 5px 2px 5px;
}

td.S-LILA_RIGHT {
  background-color:#DFBFFF;
  text-align: right;
  padding: 2px 5px 2px 5px;
}


/* Spalten ********************************************************************/
.S-SPALTE1 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
}

.S-SPALTE2 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE3 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE4 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE5 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE6 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE7 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE8 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE9 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

.S-SPALTE10 {
  background-image: url(image/table_header.gif?ssid=[!ssid]);
  padding: 5px 5px 5px 5px;
  text-align: right;
}

/* Weitere ********************************************************************/
.S-BASIC {
  background-color:#F7FAFD;
  padding: 2px 5px 2px 5px;
}

.S-AUSBLENDEN {
   empty-cells:hide;
   height:0px;
   border:0px;
   background-color:#FFFFFF;
}

.S-FETT {
  font-weight: bolder;
}

.S-MENUE {
  background-color:#abcdef;
  height:80px;
  border-collapse:collapse; 
  text-align:center;
  vertical-align:middle;
  background-image: url(image/button.gif?ssid=[!ssid]);
  background-repeat: repeat;
  padding-top: 6px;
  width: 33%;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.S-MENUE:hover {
  background-image: url(image/button_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}

.Ueberschrift {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin: 30px 0px 0px 0px;
}

.Ueberschrift h3 {
  margin: 0px 0px 0px 0px;
  font-size: 130%;
  font-weight: normal;
}

.Ueberschrift .spalte1 {
  padding: 7px 0px 5px 5px;
}

.Ueberschrift .spalte2 {
  width: 40px;
  text-align: right;
  padding: 5px 5px 0px 0px;
}


/******************************************************************************/
/* Formatierung für die login.htm                                             */
/******************************************************************************/
table.login {
  text-align: center;
}


/******************************************************************************/
/* Formatierung für die login.htm (Demo)                                      */
/******************************************************************************/
table.demologin {
  margin: 0px auto 0px auto;
  width: 350px;
}

table.demologin a:visited {
  color: #0000FF;
}

table.demologin td{
  background-color: #abcdef;
  height: 50px;
  border-collapse: collapse; 
  text-align: left;
  vertical-align: middle;
  background-image: url(image/button.gif?ssid=[!ssid]);
  background-repeat: repeat;
  padding: 6px 0px 0px 40px;
}

table.demologin .imageproductlist {
  margin: 0px 0px 0px 40px;
}

table.demologin .imageproductlist img {
  vertical-align: middle;
}

table.demologin td:hover {
  background-image: url(image/button_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}


/******************************************************************************/
/* Formatierung für die loginproduktauswahl.htm                               */
/******************************************************************************/
table.productselection {
  margin: 0px auto 0px auto;
/*  width: 350px; */
}

table.productselection td{
  background-color: #abcdef;
  height: 80px;
  border-collapse: collapse; 
  text-align: left;
  vertical-align: middle;
  background-image: url(image/button.gif?ssid=[!ssid]);
  background-repeat: repeat;
  padding: 6px 0px 0px 40px;
}

table.productselection .imageproductlist {
  margin: 0px 10px 0px 0px;
  vertical-align: middle;
}

table.productselection td:hover {
  background-image: url(image/button_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}


/******************************************************************************/
/* Formatierung für die suche.htm                                             */
/******************************************************************************/
table.suche {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 3px 5px 3px 5px;
}

table.suche table.menue td.Menue {
  background-image: url(image/button_small.gif?ssid=[!ssid]);
}

table.suche table.menue td.Menue:hover {
  background-image: url(image/button_small_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}

table.suche .spalte1 {
  width: 350px;
  padding-top: 15px;
}

table.suche .spalte2 {
  width: 250px;
  padding-top: 15px;
}

table.suche input {
  width: 220px;  
}

table.suche table.menue {
  margin: 0px 0px 0px 0px;
}

table.suche table.menue td.Menue {
  height: 40px;
}

table.suche td.Menue img {
  padding: 0px 0px 0px 0px;
  vertical-align: middle;
}

table.suche td.Menue span {
  padding: 0px 0px 0px 10px;
}


/******************************************************************************/
/* Formatierung für die menue.htm                                             */
/******************************************************************************/
div.mainmenue table.menue td.Menue {
  height:80px;
} 

div.mainmenue table.menue td.Menue img {
  width: 32px;
}

table.menue td.Menue {
  background-color:#abcdef;
  height:80px;
  border-collapse:collapse; 
  text-align:center;
  vertical-align:middle;
  background-image: url(image/button.gif?ssid=[!ssid]);
  background-repeat: repeat;
  padding-top: 6px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

table.menue td.Menue img {
  width: 32px;
}

table.menue td.Menue:hover {
  background-image: url(image/button_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}


/******************************************************************************/
/* Formatierung für die menue.htm                                             */
/******************************************************************************/
table.liste {
  font-size: 90%;
}


/******************************************************************************/
/* Formatierung für die adresse_view.htm                                      */
/******************************************************************************/
table.adressanzeige {
/*  margin-bottom: 30px; */
}

table.adressanzeige td.adresse {
  width: 48%;
}

table.adressanzeige td.abstand {
  width: 4%;
}

table.adressanzeige td.ansprechpartner {
  width: 48%;
}

/* Tabelle mit Adresse */
table.adressanzeige table.Tabelle1 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.adressanzeige table.Tabelle1 .S-BASIC {
  background-color: #F7FAFD;
}

/* Tabelle mit Memos */
table.adressanzeige table.Tabelle3 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.adressanzeige table.Tabelle3 .S-BASIC {
  background-color: #F7FAFD;
}

table.kundenprofil {
/*  border: 1px solid red; */
}

table.kundenprofil table.kp-kopf {
/*  border: 1px solid blue; */
  margin-bottom: 20px;
}

table.kundenprofil table.kp-fuss {
/*  border: 1px solid green; */
}

table.kundenprofil table.kp-kopf table.kp-feld {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.kundenprofil table.kp-fuss td.bezeichnung {
  width: 25%;
  background-color: #3E82F2;
/*  background-image: url(image/table_header.gif?ssid=[!ssid]); */
/*  background-repeat: repeat; */
  padding: 5px 5px 5px 5px;  
  vertical-align: middle;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  color: #FFFFFF;
}

table.kundenprofil table.kp-fuss table.auswahlen {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;  
}

table.kundenprofil table.auswahlen td {
  width: 25%;
}


/******************************************************************************/
/* Formatierung für die adresse_verify.htm                                    */
/******************************************************************************/

table.adressverify td.adresse {
  width: 48%;
}

/* Tabelle mit Rechnungsadresse */
table.adressverify table.Tabelle1 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.adressverify table.Tabelle1 .S-BASIC {
  background-color: #F7FAFD;
}

/* Tabelle mit Lieferadresse */
table.adressverify table.Tabelle2 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.adressverify table.Tabelle2 .S-BASIC {
  background-color: #F7FAFD;
}


/******************************************************************************/
/* Formatierung für die auftrag_view.htm                                      */
/******************************************************************************/
table.auftragsanzeige {
  margin-bottom: 0px;
}

table.auftragsanzeige table.Tabelle1, 
table.auftragsanzeige table.Tabelle3 {
  height: 120px;
}

table.auftragsanzeige table.Tabelle2, 
table.auftragsanzeige table.Tabelle4 {
  height: 64px;
}

table.auftragsanzeige td.kopf {
  width: 32%;
}

table.auftragsanzeige td.abstand {
  width: 2%;
}

table.auftragsanzeige tbody tr td p {
  margin-top: 5px;
  margin-bottom: 3px;
}

/* Tabellen mit Adressen */
table.auftragsanzeige table.Tabelle1, 
table.auftragsanzeige table.Tabelle2, 
table.auftragsanzeige table.Tabelle3,
table.auftragsanzeige table.Tabelle4,
table.auftragsanzeige table.Tabelle5,
table.auftragsanzeige table.Tabelle6,
table.auftragsanzeige table.Tabelle7,
table.auftragsanzeige table.Tabelle8,
table.auftragsanzeige table.Tabelle9,
table.auftragsanzeige table.Tabelle10 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.auftragsanzeige table.Tabelle6,
table.auftragsanzeige table.Tabelle7,
table.auftragsanzeige table.Tabelle8 {
  margin-bottom: 20px;
}

table.auftragsanzeige table.Tabelle1 .S-BASIC, 
table.auftragsanzeige table.Tabelle2 .S-BASIC, 
table.auftragsanzeige table.Tabelle3 .S-BASIC,
table.auftragsanzeige table.Tabelle4 .S-BASIC,
table.auftragsanzeige table.Tabelle5 .S-BASIC {
  background-color: #F7FAFD;
}

table.auftragsanzeige table.Tabelle5 tr.TabelleZeile1 td, 
table.auftragsanzeige table.Tabelle5 tr.TabelleZeile2 td,
table.auftragsanzeige table.Tabelle9 tr.TabelleZeile1 td,
table.auftragsanzeige table.Tabelle9 tr.TabelleZeile2 td,
table.auftragsanzeige table.Tabelle10 tr.TabelleZeile1 td,
table.auftragsanzeige table.Tabelle10 tr.TabelleZeile2 td {
  background-color: #F7FAFD;
  border: 0px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.auftragsanzeige table.notizen td {
  width: 48%;
}

table.auftragsanzeige table.notizen td.abstand {
  width: 4%;
}


/******************************************************************************/
/* Formatierung für die adresse_edit.htm                                      */
/******************************************************************************/
table.adressbearbeitung {
  margin-bottom: 0px;
}

table.adressbearbeitung td.adresse {
  width: 48%;
}

table.adressbearbeitung td.abstand {
  width: 4%;
}

table.adressbearbeitung td.ansprechpartner {
  width: 48%;
}

/* Tabelle mit Adresse */
table.adressbearbeitung table.Tabelle1 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.adressbearbeitung table.Tabelle1 .S-BASIC {
  background-color: #F7FAFD;
}

/* Tabelle mit Adresse */
table.adressbearbeitung table.Tabelle2 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.adressbearbeitung table.Tabelle2 .S-BASIC {
  background-color: #F7FAFD;
}

/* Tabelle mit Memos */
table.adressbearbeitung table.Tabelle3 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0px 5px 3px 5px;
}

table.adressbearbeitung table.Tabelle3 .S-BASIC {
  background-color: #F7FAFD;
}


/******************************************************************************/
/* Formatierung für die termin_list.htm                                       */
/******************************************************************************/
table.terminuebersicht {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 5px 10px 5px 10px;
}

table.terminuebersicht .spalte1 {
  width: 80px;
  padding: 10px 0px 0px 0px;
}

table.terminuebersicht .spalte2 {
  width: 140px;
  padding: 10px 0px 0px 0px;
}

table.terminuebersicht .spalte3 {
  width: 50px;  
  padding: 10px 0px 0px 20px;
}

table.terminuebersicht .spalte4 {
  width: 100px;
  padding: 10px 0px 0px 0px;
}

table.terminuebersicht table.menue {
  margin: 0px 0px 0px 0px;
}

table.terminuebersicht td.Menue {
  height: 40px;
}

table.terminuebersicht td.Menue img {
  padding: 0px 0px 0px 0px;
  vertical-align: middle;
}

table.terminuebersicht td.Menue span {
  padding: 0px 0px 0px 10px;
}

table.terminuebersicht table.menue td.Menue {
  background-image: url(image/button_small.gif?ssid=[!ssid]);
}

table.terminuebersicht table.menue td.Menue:hover {
  background-image: url(image/button_small_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}

table.terminliste .S-SPALTE1 {
  width: 6%;
}

table.terminliste .S-SPALTE2 {
  width: 7%;
  text-align: left;
}

table.terminliste .S-SPALTE3 {
  width: 10%;
  text-align: left;
}

table.terminliste .S-SPALTE4 {
  text-align: left;
}

/******************************************************************************/
/* Formatierung für die artikel_view.htm                                      */
/******************************************************************************/
table.artikelanzeige td.artikel {
  width: 48%;
}

table.artikelanzeige td.abstand {
  width: 4%;
}

table.artikelanzeige td.zusaetze {
  width: 48%;
}

/* Tabelle mit Artikel */
table.artikelanzeige table.Tabelle1 {
  margin-bottom: 0px;
}

/* Tabelle mit Zusätze */
table.artikelanzeige table.Tabelle2 {
  margin-bottom: 0px;
}

/* Tabelle mit Ausführungen */
table.artikelanzeige table.Tabelle3 {
  margin-bottom: 0px;
}

/* Tabelle mit Preise */
table.artikelanzeige table.Tabelle4 {
  margin-bottom: 0px;
}

/* Tabelle mit Verbrauch */
table.artikelanzeige table.Tabelle5 {
  margin-bottom: 0px;
}

/* Tabelle mit Bemerkung */
table.artikelanzeige table.Tabelle6 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 3px 5px 3px 5px;
}

table.artikelanzeige table.Tabelle6 .S-BASIC {
  background-color: #F7FAFD;
}

/******************************************************************************/
/* Formatierung für die orga_view.htm                                         */
/******************************************************************************/
table.orgaanzeige {
  margin-bottom: 30px;
}

table.orgaanzeige td.adresse {
  width: 48%;
}

table.orgaanzeige td.abstand {
  width: 4%;
}

table.orgaanzeige td.weiteres {
  width: 48%;
}

/* Tabelle mit Orgatext */
table.orgaanzeige table.Tabelle4 {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 0 5px 3px;
}

table.orgaanzeige table.Tabelle1 .tabelleheader,
table.orgaanzeige table.Tabelle2 .tabelleheader,
table.orgaanzeige table.Tabelle3 .tabelleheader {
  width: 50%;
}

table.orgaanzeige table.Tabelle4 .S-BASIC {
  background-color: #F7FAFD;
}

table.orgaanzeige table.Tabelle5 .TabelleZeile2:hover * {
  background-color: transparent;
}

/******************************************************************************/
/* Formatierung für die statistik_liefums_selection.htm                       */
/******************************************************************************/

table.statistik_auswahl .rahmen {
  background-color: #F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 10px 10px 10px 10px;
}

table.statistik_auswahl .spalte1 {
  width: 150px;
}

/******************************************************************************/
/* Formatierung für die statistik_liefums_view.htm                            */
/******************************************************************************/
table.statistik_liefums .Tabelle1 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;  
}

table.statistik_liefums .Tabelle2 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;
}

table.statistik_liefums .Tabelle3 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;
}

table.statistik_liefums .Tabelle4 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;
}

table.statistik_liefums .Tabelle5 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
}

table.statistik_liefums .S-SPALTE1 {
}

table.statistik_liefums .S-SPALTE2 {
  width: 12%;
}

table.statistik_liefums .S-SPALTE3 {
  width: 12%;
}

table.statistik_liefums .S-SPALTE4 {
  width: 12%;
}

table.statistik_liefums .S-SPALTE5 {
  width: 12%;
}

table.statistik_liefums .S-SPALTE6 {
  width: 12%;
}


/******************************************************************************/
/* Formatierung für die statistik_monat_view.htm                              */
/******************************************************************************/
table.selektion {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  padding: 5px 10px 5px 10px;
}

table.selektion .spalte1 {
  width: 80px;
  padding: 10px 0px 0px 0px;
}

table.selektion .spalte2 {
  width: 140px;
  padding: 10px 0px 0px 0px;
}

table.selektion .spalte3 {
  width: 60px;  
  padding: 10px 0px 0px 0px;
}

table.selektion .spalte4 {
  width: 140px;
  padding: 10px 0px 0px 0px;
}

table.selektion table.menue {
  margin: 0px 0px 0px 0px;
}

table.selektion td.Menue {
  height: 40px;
}

table.selektion td.Menue img {
  padding: 0px 0px 0px 0px;
  vertical-align: middle;
}

table.selektion td.Menue span {
  padding: 0px 0px 0px 10px;
}

table.selektion table.menue td.Menue {
  background-image: url(image/button_small.gif?ssid=[!ssid]);
}

table.selektion table.menue td.Menue:hover {
  background-image: url(image/button_small_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}



table.statistik_monat .Tabelle1 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;
}

table.statistik_monat .Tabelle2 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;
}

table.statistik_monat .Tabelle3 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;
}

table.statistik_monat .Tabelle4 {
  background-color:#F7FAFD;
  border: 1px solid #DFDFDF;
}

table.statistik_monat td.S-GELB {
  width: 0.5%;
}

table.statistik_monat .S-SPALTE1 {
}

table.statistik_monat .S-SPALTE2 {
  width: 12%;
}

table.statistik_monat .S-SPALTE3 {
  width: 12%;
}

table.statistik_monat .S-SPALTE4 {
  width: 12%;
}

table.statistik_monat .S-SPALTE5 {
  width: 12%;
}

table.statistik_monat .S-SPALTE6 {
  width: 12%;
}

table.statistik_monat .S-SPALTE7 {
  width: 12%;
}

/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 920px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
  background-color:#abcdef;
  height: 50px;
  background-image: url(image/button.gif?ssid=[!ssid]);
  background-repeat: repeat;
  padding-left: 10px;
  padding-bottom: 5px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
	
.accordionButton h2 {
  margin-left: 35px;
}

.accordionContent {	
	width: 930px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: transparent;
}

.accordionButton .pfeil {
  height: 32px;
  width: 32px;
  background-image: url(image/start_gray.png?ssid=[!ssid]);
  background-repeat: none;
  position: relative; 
  top: -50px; 
  left: 0px;
}
	
.clear {
  clear: both;
}  

/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
  background-image: url(image/button_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}
	
.on .pfeil {
  background-image: url(image/down_gray.png?ssid=[!ssid]);
}

.over {
  background-image: url(image/button_hover.gif?ssid=[!ssid]);
  background-repeat: repeat;
}

/* .over .pfeil {
  background-image: url(image/pfeil_unten.png?ssid=[!ssid]);
} */

/******************************************************************************/
/* Formatierungen Selektierbare Listen                                        */
/******************************************************************************/
#selectable { 
  list-style-type: none; 
  margin: 0; 
  padding: 0; 
}

#selectable li { 
  margin: 3px; 
  padding: 0.2em 0.4em 0.8em 0.4em; 
  font-size: 1.4em; 
  height: 18px;
  cursor: pointer; 
}

#selectable .ui-selecting { 
  background: #abcdef; 
}

#selectable .ui-selected { 
  background: #abcdef; 
}

/******************************************************************************/
/* Formatierung für Menüleiste im B2B-Portal                                  */
/******************************************************************************/
.Funktionen {
    border-bottom: 0px solid #888888;
    border-collapse: collapse;
    border-top: 0px solid #888888;
    margin-bottom: 0.5em;
    //width: auto;
}

.Funktionen img {
  width: 0px;
  height: 0px;
}

.Funktionen td {
    border-bottom: 0px solid #EEEEEE;
    padding: 0.42em 1.4em;
    background: none repeat scroll 0 0 transparent;
    cursor: default;
}

.Funktionen a {
    border-left: 0 solid #336699;
    border-right: 0 solid #336699;
    border-top: 0 solid #CFDEFF;
    line-height: 1.1em;
    text-decoration: none;
}

.Funktionen a, .Funktionen a:hover a:visited {
    color: #FFFFFF;
    font-size: 1.3em;
    font-weight: normal;
}

.Funktionen a:hover, .Funktionen a:focus, .Funktionen a:active {
    xxx background: url("image/mainmenu_hover.png?ssid=[!ssid]") repeat-x scroll right center #336699;
    background-color:#98A336;
}

.Funktionen td.S-WEISS {
    xxx background: url("image/mainmenu_active.png?ssid=[!ssid]") repeat-x scroll right center #333366;
    background-color:#C9D276;
}

.Funktionen td.S-WEISS:hover {
    xxxbackground: url("image/mainmenu_hover.png?ssid=[!ssid]") repeat-x scroll right center #336699;
    background-color:#C9D276;
}

.Funktionen td.S-BLAU:hover {
    xxx background: url("image/mainmenu_hover.png?ssid=[!ssid]") repeat-x scroll right center #336699;
    background-color:#C9D276;
}

.hlist {
    xxx background: url("image/mainmenu.png?ssid=[!ssid]") no-repeat scroll center center transparent;
    border-bottom: 0px solid #333333;
    border-top: 0px solid #333333;
    height: 35px;
}


/******************************************************************************/
/* Formatierung für die Inhalte im B2B-Portal                                 */
/******************************************************************************/

td.S-B2BText {
  background-color:#FFFFFF;
}

td.S-B2BTextRight {
  background-color:#FFFFFF;
  text-align: right;
}

td.S-B2BGruppe {
  color: #FFFFFF;
  background-color:#C9D276;
}