/* $Id: layout.css,v 1.1.2.2 2006/03/14 16:01:35 gaschbrenner Exp $
 *
 * Copyright © 2000-2002 picturesafe GmbH, Alle Rechte vorbehalten.
 * Copyright © 2000-2002 picturesafe GmbH. All rights reserved.
 * Copyright © 2000-2002 picturesafe GmbH, Tous droits réservés.
 * Copyright © 2000-2002 picturesafe GmbH, Tutti i diritti riservati.
 *
 * Es ist zu beachten das nicht alle Browser gleich mit variablen und fixen
 * Schriftgrößen umgehen. Deshalb sollte man möglichst fixe Schriftgrößen
 * verwenden!
 * Es ist darauf zu achten das es keine Namesnüberschneidungen mit anderen
 * CSS-Dateien gibt!
 *
 * FU := Future Use
 *
 * Die Anwendung ist meist einfach:
 *  - Hintergrundfarben immer im vorhergehenden <td class="***"> setzen.
 *  - Schriften dann dort innerhalb mittels <span class="***"> setzen.
 *    Nicht übergeordnet setzen, NN spielt da nicht mit. Also direkt beim
 *    jeweiligem Text.
 *  - Für NN4.7x sollte man bei Gelegenheit und Zeit eine andere CSS einbinden
 *    da er alle Schriften um 1 kleiner darstellt.
 *  - ACHTUNG: - <span>'s dürfen nicht innerhalb von <a>'s stehen!!!
 *             - Bei Platzhaltern in Form von &#160; auch <span> drumherum
 *               nicht vergessen!
 * @author Gerd Aschbrenner
 *
 */

/* *************************************************************************** */
/* Allgemeine Links                                                            */
/* *************************************************************************** */
/* JEDE hier angegebene Klasse muss es einmal mit und einmal ohne 'a.' geben!  */
/* Einmal um den Link darzustellen und einmal um die Platzhalter im korrektem  */
/* Font darzustellen.                                                          */

/* Der Default-Anker, falls kein anderer angegeben wird. */
anker-default                 {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.anker-default                {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-default               {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-default:visited       {color: #00845C; text-decoration: none;}
a.anker-default:hover         {color: #000000; text-decoration: underline;}
a.anker-default:active        {color: #00845C; text-decoration: underline;}

/* Der Default-Anker, falls kein anderer angegeben wird. */
anker-default-bold            {font-size:11px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.anker-default-bold           {font-size:11px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-default-bold          {font-size:11px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-default-bold:visited  {color: #00845C; text-decoration: none;}
a.anker-default-bold:hover    {color: #000000; text-decoration: underline;}
a.anker-default-bold:active   {color: #00845C; text-decoration: underline;}

/* Der Bigger-Anker (siehe Bug #2959) */
anker-bigger                 {font-size:13px; color:#00845C; text-decoration:none; font-weight:normal;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.anker-bigger                {font-size:13px; color:#00845C; text-decoration:none; font-weight:normal;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-bigger               {font-size:13px; color:#00845C; text-decoration:none; font-weight:normal;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-bigger:visited       {color: #00845C; text-decoration: none;}
a.anker-bigger:hover         {color: #000000; text-decoration: underline;}
a.anker-bigger:active        {color: #00845C; text-decoration: underline;}

/* Der Bigger-Bold-Anker (siehe Bug #2959) */
anker-bigger-bold            {font-size:13px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.anker-bigger-bold           {font-size:13px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-bigger-bold          {font-size:13px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-bigger-bold:visited  {color: #00845C; text-decoration: none;}
a.anker-bigger-bold:hover    {color: #000000; text-decoration: underline;}
a.anker-bigger-bold:active   {color: #00845C; text-decoration: underline;}

/* Der Anker von der GoUp-Linie. */
anker-go-up                   {font-size:11px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.anker-go-up                  {font-size:11px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-go-up                 {font-size:11px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-go-up:visited         {color: #00845C; text-decoration: none;}
a.anker-go-up:hover           {color: #000000; text-decoration: underline;}
a.anker-go-up:active          {color: #00845C; text-decoration: underline;}

/* Die Links bei den Medienobjekten */
anker-mediaobject             {font-size:10px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.anker-mediaobject            {font-size:10px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-mediaobject           {font-size:10px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-mediaobject:visited   {color: #00845C;}
a.anker-mediaobject:hover     {color: #000000; text-decoration: underline;}
a.anker-mediaobject:active    {color: #00845C; text-decoration: underline;}


/* wichtig */
important             {font-size:10px; color:#CC3333; text-decoration:none; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.important            {font-size:10px; color:#CC3333; text-decoration:none; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.important           {font-size:10px; color:#CC3333; text-decoration:none; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.important:visited   {color: #CC3333;}
a.important:hover     {color: #000000; text-decoration: underline;}
a.important:active    {color: #CC3333; text-decoration: underline;}


tree-root                     {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.tree-root                    {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.tree-root                   {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.tree-root:visited           {color: #00845C;}
a.tree-root:hover             {color: #000000;}

tree-node                     {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.tree-node                    {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.tree-node                   {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.tree-node:visited           {color: #00845C;}
a.tree-node:hover             {color: #000000;}

tree-node-selected            {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.tree-node-selected           {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.tree-node-selected          {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.tree-node-selected:visited  {color: #00845C;}
a.tree-node-selected:hover    {color: #000000;}

/* Hilfetext bzw. Fragezeichen zur Hilfe in der Headline.*/
help                          {font-size:12px; color:#000000; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.help                        {font-size:12px; color:#000000; text-decoration:none; font-weight:bold;   font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-decoration:none;}
a.help:link                   {color: #000000;}
a.help:visited                {color: #000000;}
a.help:active                 {color: #000000;}
a.help:hover                  {color: #ff0033;}

/* Für nicht allzu wichtige Links (Siehe Stammdatenlisten). */
anker-sublink                 {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.anker-sublink                {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-sublink               {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.anker-sublink:visited       {color: #00845C;}
a.anker-sublink:hover         {color: #000000;}

/* Fonts für die Paginierung.*/
.pagination                   {font-size:11px; color:#000000; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.pagination                  {font-size:11px; color:#000000; text-decoration:none; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-decoration:none;}
a.pagination:visited          {color: #000000;}
a.pagination:hover            {color: #CC0033;}
.pagination-directlink        {font-size:11px; color:#BB0000; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

/* Die Links der Kartenreiter.*/
.tabs                         {font-size:11px; color:#000000; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.tabs                        {font-size:11px; color:#000000; text-decoration:none; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-decoration:none;}
a.tabs:visited                {color: #000000;}
a.tabs:hover                  {color: #000000; text-decoration: underline;}
a.tabs:active                 {color: #CC0033; text-decoration: underline;}
.background-tabs              {background-color: #BFBFBF;}
.background-tabs-selected     {background-color: #40c5aa;}

/* Die Links der Paginierung mit der Telefonbuchsortierung. (indexpagination) */
.pagination-index                    {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.pagination-index                   {font-size:11px; color:#00845C; text-decoration:none; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-decoration:none;}
a.pagination-index:visited           {color: #00845C;}
a.pagination-index:hover             {color: #CC0033;}
.pagination-index-selected           {font-size:13px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
a.pagination-index-selected          {font-size:13px; color:#00845C; text-decoration:none; font-weight:bold;   font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular; text-decoration:none;}
a.pagination-index-selected:visited  {color: #00845C;}
a.pagination-index-selected:hover    {color: #CC0033;}

a.mediaobject-preview:hover {color:white}
a.mediaobject-preview:link img { border: 1px solid #ffffff; }
a.mediaobject-preview:link img { -moz-border: 1px solid #ffffff; }
a.mediaobject-preview:visited img { border: 1px solid #ffffff; }
a.mediaobject-preview:visited img { -moz-border: 1px solid #ffffff; }
a.mediaobject-preview:hover img { border: 1px solid #0000CC; }
a.mediaobject-preview:hover img { -moz-border: 1px solid #08B68C; }



.background                   {background-color: #FFFFFF;}    /* Standard-Hintergrundfarbe einer Seite bzw. eines Fensters. */


/* Die Headlines der Seiten. Es wird zwischen dem Hauptbereich und der SIDE-COLUMN unterschieden. */
.page-headline                {font-size:12px; color:#000000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.page-headline-highlight      {font-size:12px; color:#CC0033; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.page-headline-side           {font-size:12px; color:#FFFFFF; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

#headline-main-whole{padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA; border-left: 1px solid #40C5AA; border-right: 1px solid #40C5AA;
        background: #B5EED3;}
#headline-main-left{padding-top: 1px; padding-bottom: 1px; padding-left: 4px; border-top: 1px solid #40C5AA;
        border-bottom: 1px solid #40C5AA; border-left: 1px solid #40C5AA;
        background: #B5EED3;}
#headline-main-middle{padding-top: 1px; padding-bottom: 1px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA;
        background: #B5EED3;}
#headline-main-right{padding-top: 1px; padding-bottom: 1px; padding-right: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA; border-right: 1px solid #40C5AA;
        background: #B5EED3;}

#headline-side-whole{padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px;
        border-bottom: 1px solid #40C5AA;
        background: #40C5AA;}
#headline-side-left{padding-top: 1px; padding-bottom: 1px; padding-left: 4px;
        border-bottom: 1px solid #40C5AA;
        background: #40C5AA;}
#headline-side-middle{padding-top: 1px; padding-bottom: 1px;
        border-bottom: 1px solid #40C5AA;
        background: #40C5AA;}
#headline-side-right{padding-top: 1px; padding-bottom: 1px; padding-right: 4px;
        border-bottom: 1px solid #40C5AA;
        background: #40C5AA;}


/* Die Subheadlines der Seiten. Auch hier wird zwischen dem Hauptbereich und der side-column unterschieden. */
.page-subheadline             {font-size:12px; color:#000000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.page-subheadline-side        {font-size:12px; color:#000000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

#subheadline-main-whole{padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA; border-left: 1px solid #40C5AA; border-right: 1px solid #40C5AA;
        background: #B5EED3;}
#subheadline-main-left{padding-top: 1px; padding-bottom: 1px; padding-left: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA; border-left: 1px solid #40C5AA;
        background: #B5EED3;}
#subheadline-main-middle{padding-top: 1px; padding-bottom: 1px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA;
        background: #B5EED3;}
#subheadline-main-right{padding-top: 1px; padding-bottom: 1px; padding-right: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA; border-right: 1px solid #40C5AA;
        background: #B5EED3;}

#subheadline-side-whole{padding-top: 1px; padding-bottom: 1px; padding-left: 4px; padding-right: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA;
        background: #B5EED3;}
#subheadline-side-left{padding-top: 1px; padding-bottom: 1px; padding-left: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA;
        background: #B5EED3;}
#subheadline-side-middle{padding-top: 1px; padding-bottom: 1px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA;
        background: #B5EED3;}
#subheadline-side-right{padding-top: 1px; padding-bottom: 1px; padding-right: 4px;
        border-top: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA;
        background: #B5EED3;}


#page-type-data-bottom{border-right: 1px solid #BFBFBF;}
#page-type-data-side-bottom{border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}
#page-type-data-side-top{border-top: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}
#page-type-data-side-side{border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}


#page-go-up{padding-right: 3px;}
.page-go-up                   {background-color: #40C5AA;}


#block-type-applet{padding-top: 2px; padding-bottom: 2px;}

#section-default-tabs{padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
        border-left: 1px solid #40C5AA; border-right: 1px solid #40C5AA; border-bottom: 1px solid #40C5AA;
        background: #B5EED3;}

#section-default-main{padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px;
        border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
        background: #FFFFFF;}
#section-default-top{padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px;
        border-top: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
        background: #FFFFFF;}
#section-default-main-with-fields{padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px;
        border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
        background: #FFFFFF;}
#section-default-side{padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px;
        border-bottom: 1px solid #BFBFBF;
        background: #FFFFFF;}
#section-default-side-with-fields{padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px;
        border-bottom: 1px solid #BFBFBF;
        background: #FFFFFF;}
#section-default-main-with-actions{padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 4px;
        border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF;
        background: #FFFFFF;}

#section-mediaobjects-table-top{padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px;
        border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}
#section-mediaobjects-table-bottom{padding-left: 4px; padding-right: 4px; padding-bottom: 3px;
        border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}

#section-mediaobjects-mini-top{padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px;
        border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}
#section-mediaobjects-mini-bottom{padding-left: 3px;
        border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}

.section-mediaobjects-text-line      {background-color: #BFBFBF;}    /* Trennlinie für die einzelnen MO's */

#section-type-special-roles-design{border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}

#section-type-list{border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}

#section-type-offer{padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
        border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}
#section-type-offer-top{padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px;
        border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}
#section-type-offer-bottom{padding-left: 4px; padding-right: 4px; padding-bottom: 3px;
        border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}


.hompage-news-title                 {font-size:12px; color:#000000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.hompage-news                       {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
#group-type-news{padding-bottom: 6px;}







.line                         {background-color: #40c5aa;}    /* Allgemeine Trennlinien.                                    */
.gline                        {background-color: #CCCCCC;}    /* Trennlinien hellgrau.  Wer war das? Bitte in Zukunft       */
                                                            /* semantische Namen verwenden damit man hier auch mal die    */
                                                            /* Farbe ändern kann ohne den Namen ändern zu müssen!         */
.frame                        {background-color: #B5EED3;}    /* Linien in Rahmen-Farbe für die Haupt-Column.               */

/* Die Toolbar (ganz unten im Fenster). */
.page-toolbar                 {font-size:11px; color:#FFFFFF; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.background-toolbar           {background-color: #D1DBE6;}


.mediaobject-auction          {font-size:11px; color:#FF0000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}


/* Hintergrundfarbe für Bereiche mit Fields. */
.background-block             {background-color: #FFFFFF;}
.background-block-side        {background-color: #FFFFFF;}
.background-block-input       {background-color: #DBE4F5;}
.background-block-table       {background-color: #B5EED3;}

/* *************************************************************************** */
/* Speziellere Schriften für die Inhalte (summary, title, keyword, ...         */
/* *************************************************************************** */

.order-faktura                      {font-size:20px; color:#ff0000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

/* Für Property-Artige Tabellen (group type="attributes"). Eines als Schlüssel das andere als Wert. */
.info-label                         {font-size:11px; color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.info-value                         {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.info-value.big                     {font-size:11px; color:#000000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

.mediaobject-title                  {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;} /* Der Titel für die Medienobjekte als Suchergebnisse.     */
.mediaobject-info                   {font-size:9px;  color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-colormodel             {font-size:9px;  color:#990000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-free                   {font-size:9px;  color:#990000; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;} /* Für MO's die kostenfrei sind */
.mediaobject-info-label             {font-size:10px; color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-value             {font-size:10px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-rights                 {font-size:10px; color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-print             {font-size:11px; color:#666666; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-label-print       {font-size:11px; color:#000000; font-weight:bold;   font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-value-print       {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-rights-print           {font-size:11px; color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

.mediaobject-info-info-label        {font-size:10px; color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-info-value        {font-size:10px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-rights            {font-size:10px; color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-info-label-print  {font-size:10px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-info-value-print  {font-size:10px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.mediaobject-info-rights-print      {font-size:10px; color:#666666; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

.mediaobject-line                   {background-color: #999999;}
.mediaobject-line-detail            {background-color: #BFBFBF;}

.motive-highlight                   {font-size:11px; color:#FF0000; font-weight:bold; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;} /* Die Motive-ID einer gerade verbunden Anzeige.     */

.editor-autocompleteoff             {font-size:11px; color:#006600; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.editor-autocompleteon              {font-size:11px; color:#CC0033; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

/* Für PriceCalc aber auch für andere. */
.field-remark                       {font-size:9px; color:#333333; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

.readonly                           {background-color:#EEEEEE; font-size:11px; color:#444444; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

td                                  {font-size:11px; color:#CCCC33; font-weight:normal; font-family:Verdana, sans-serif, Helvetica, Arial, Geneva, Swiss, SunSans-Regular;} /* Standard für Tabelleneinträge.                          */
select                              {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
input                               {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
textarea                            {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

.text-default                       {font-size:11px; color:#CCCC33; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

.page-comment                       {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;} /* Das Kommentar unter der Überschrift.                    */
.page-standard                      {font-size:11px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;} /* Die Standard-Schrift in der Haupt-Column.               */
.page-bold                          {font-size:11px; color:#000000; font-weight:bold; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}
.page-standard-side                 {font-size:10px; color:#000000; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;} /* Die Standard-Schrift in der Side-Column.                */

.site-cartcoll-highlight            {font-size:11px; color:#990000; font-weight:normal; font-family:Verdana, Helvetica, Arial, sans-serif, Geneva, Swiss, SunSans-Regular;}

.text {     font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 11px;
            line-height: 15px;
            color: #CCCC33; }

.text-bl {     font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 12px;
            color: #444;
            font-weight : bold; }

.text-head1 {     font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 16px;
            color: #333;
            font-weight : bold; }

.text-gr {     font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 14px;
            color: #00845c;
            font-weight : bold; }

.text-gr2 {     font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 11px;
            color: #00845c;
            font-weight : bold; }

.text-gr3 {     font-family: Arial, Verdana, Helvetica, sans-serif;
            font-size: 10px;
            color: #00845c;
            font-weight : bold; }

.text-r00 {     font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; color:#fff; letter-spacing: 1px;}

.text-balken { font-size: 11px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; color:#333;}
.text-balken2 { font-size: 11px;  font-family: Arial, Verdana, Helvetica, sans-serif; color:#333;}

#tab-link {
    background: #ffffff;
    padding-top: 4px;
    padding-bottom: 4px;    }



#tab-balken {
    background: #ffffff;
     padding-top: 2px;
     padding-left: 10px;
     padding-bottom: 2px;
    border-top:    1px solid #00d29b;
    border-left:   1px solid #00d29b;
    border-right:  1px solid #00d29b;
    border-bottom: 1px solid #00d29b;    }


#tab-balken-oben {
    background: #87f2bc;
     padding-top: 2px;
     padding-left: 10px;
     padding-bottom: 2px;
    border-top: 1px solid #00d29b;
    border-left: 1px solid #00d29b;
    border-right: 1px solid #00d29b;
    border-bottom: 1px solid #00d29b;    }


#tab-balken-r00 {
    background: #898989;
     padding-top: 2px;
     padding-left: 10px;
     padding-bottom: 2px;
     height: 21px;
    font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; color:#fff; letter-spacing: 1px;
    border-bottom: 1px solid #fff;}

#tab-balken-r0 {
    background: #00bb8a;
     padding-top: 2px;
     padding-left: 10px;
     padding-bottom: 2px;
     height: 18px;
    font-size: 12px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; color:#fff; letter-spacing: 1px;}

#tab-balken-r1 {
    height: 20px;
    background: #616161;
     padding-top: 0px;
     padding-bottom: 0px;
     text-align: center;
    font-size: 13px; font-weight:bold; font-family: Arial, Verdana, Helvetica, sans-serif; color:#6af1cd;}

#tab-balken-r2 {
    background: #666;
    height: 20px;
     padding-top: 2px;
     padding-bottom: 2px;
     text-align: center;
     border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    font-weight:bold;
    color:#6af1cd;}

#tab-balken-r3 {
    background: #efefef;
    height: 20px;
     padding-top: 2px;
     padding-bottom: 2px;
     text-align: center;
    border-bottom: 1px solid #00A981;
    font-size: 11px;
    font-weight:bold;
    color:#009465;}

#tab-balken-oben2 {
    background: #A7F7CF;
     padding-top: 2px;
     padding-left: 4px;
     padding-bottom: 1px;
    border-top: 1px solid #00d29b;
    border-left: 1px solid #00d29b;
    border-right: 1px solid #00d29b;
    border-bottom: 1px solid #00d29b;    }

#tab1 {
     padding-top: 4px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 4px;
    border-left: 1px solid #00ca8c;
    border-right: 1px solid #00ca8c;    }

#tab1o {
     padding-top: 10px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 0px;
    border-left: 1px solid #00ca8c;
        border-right: 1px solid #00ca8c;    }

#tab1u {
     padding-top: 6px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 6px;
    border-left: 1px solid #00ca8c;
    border-right: 1px solid #00ca8c;
    border-bottom: 1px solid #00ca8c; }

#tab2 {
    background-color: #c5f6dd;
     padding-top: 2px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 0px;    }

#tab2o {
    background-color: #c5f6dd;
     padding-top: 12px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 2px;}

#tab2u {
    background-color: #c5f6dd;
     padding-top: 0px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 10px; }


#tab3 {
     padding-top: 4px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 4px;
    border-left: 2px solid #00ca8c;
    border-right: 2px solid #00ca8c;    }

#tab3o {
     padding-top: 12px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 2px;
    border-left: 2px solid #00ca8c;
        border-right: 2px solid #00ca8c;    }

#tab3u {
     padding-top: 6px;
     padding-left: 16px;
     padding-right: 10px;
     padding-bottom: 12px;
    border-left: 2px solid #00ca8c;
    border-right: 2px solid #00ca8c;
    border-bottom: 2px solid #00ca8c; }



#tab-rand1o {
    background-color: #bcbcbc;
     padding-top: 8px;
     padding-left: 12px;
     padding-right: 8px;
     padding-bottom: 8px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 10px;
    line-height: 13px;
    color: #333;    }

#tab-rand1o-body {
    background-color: #dadada;
     padding-top: 8px;
     padding-left: 12px;
     padding-right: 8px;
     padding-bottom: 8px;
    border-top: 0px;
    border-bottom: 1px solid #fff;
    font-size: 10px;
    line-height: 13px;
    color: #333;    }
#tab-rand1 {
background-color: #dadada;
     padding-top: 12px;
     padding-left: 12px;
     padding-right: 8px;
     padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    font-size: 10px;
    color: #333;    }

#tab-rand2 {
    background: #efefef;
     padding-top: 12px;
     padding-left: 12px;
     padding-right: 8px;
     padding-bottom: 12px;
    border-bottom: 1px solid #fff;
    font-size: 10px;
    color: #333;    }

#tab-rand3 {
    background: #c1f1d9;
     padding-top: 12px;
     padding-left: 12px;
     padding-right: 8px;
     padding-bottom: 12px;
    border-bottom: 2px solid #fff;
    font-size: 10px;
    color: #333;    }

#tab-rand4 {
    background: #c1f1d9;
     padding-top: 12px;
     padding-left: 12px;
     padding-right: 8px;
     padding-bottom: 12px;
    border-bottom: 2px solid #fff;
    font-size: 10px;
    line-height: 15px;
    color: #333;    }

/* #tab-rand3 {
    background: #fff;
     padding-top: 12px;
     padding-left: 12px;
     padding-right: 8px;
     padding-bottom: 12px;
     border-top: 2px solid #a8f1cc;
    border-left: 2px solid #a8f1cc;
    border-right: 2px solid #a8f1cc;
    border-bottom: 2px solid #a8f1cc;
    font-size: 10px;
    color: #333;    } */

#tab-eingabe {
    background: #ffffff;
     padding-top: 4px;
     padding-left: 6px;
     padding-bottom: 6px;
    border-bottom: 1px solid #999;
    }

#tab-eingabe-oben {
    background: #ffffff;
     padding-top: 4px;
     padding-left: 6px;
     padding-right: 6px;
     padding-bottom: 4px;
    border-top: 1px solid #999;
    }

#tab-rand {
    background: #fff;
    border-left: 1px solid #00A981;
    border-right: 1px solid #00A981;
    }

#tab-eingabe-left {
     padding-top: 7px;
     padding-left: 6px;
     padding-bottom: 7px;
    border-bottom: 1px solid #00ca8c;
    border-left: 1px solid #00ca8c;

    }

#tab-eingabe-right {

     padding-top: 7px;
     padding-left: 6px;
     padding-bottom: 7px;
    border-bottom: 1px solid #00ca8c;
    border-right: 1px solid #00ca8c;
    }

#tab-left {         padding-top:6px;
                 padding-bottom: 0px;  }

#tab-kasten-left {
    background: #ffffff;
     padding-top: 10px;
     padding-left: 6px;
     padding-bottom: 6px;
    border-left: 1px solid #999;
    }

#tab-kasten-right {
     padding-top: 6px;
     padding-right: 6px;
     padding-bottom: 6px;
    border-right: 1px solid #999;
    }

#tab-kasten {
    background: #ffffff;
     padding-top: 2px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    }

#tab-last {
    background: #efefef;
     padding-top: 1px;
     padding-bottom: 1px;
     padding-right: 5px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    }

#tab-last2 {
    background: #efefef;
     padding-top: 1px;
     padding-bottom: 1px;
     padding-right: 5px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    }

#offer-thumbnail{
    width:110px;
    float:left;
}

#offer-left {
     padding-top: 7px;
     padding-left: 6px;
     padding-bottom: 7px;
    border-bottom: 1px solid #00ca8c;
    border-left: 1px solid #00ca8c;

    }

#offer-right {

     padding-top: 7px;
     padding-left: 6px;
     padding-bottom: 7px;
    border-bottom: 1px solid #00ca8c;
    border-right: 1px solid #00ca8c;
    }

#offer-left-right-bottom{
    padding-top: 7px;
    padding-left: 12px;
    padding-bottom: 7px;
    border-bottom: 1px solid #00ca8c;
    border-left: 1px solid #00ca8c;
    border-right: 1px solid #00ca8c;
}

#offer-left-right{
     padding-top: 7px;
     padding-left: 6px;
     border-left: 1px solid #00ca8c;
     border-right: 1px solid #00ca8c;
    }