/* ### css_screen_farbwelt_01.css ############################################################## */
/* ###                                                                                       ### */
/* ### Zentrale CSS-Datei für die Farbwelt 01                                                ### */
/* ### Copyright (c)2006-2011 Oliver Rettinghaus                                             ### */
/* ###                                                                                       ### */
/* ### Version 2.0 Build 0000.0001 12.08.2011  (Development Version - alpha)                 ### */
/* ###                                                                                       ### */
/* ############################################################################################# */

/* ############################################################################################# */
/* ### Aufbau der CSS-Datei                                                                  ### */
/* ############################################################################################# */
/* In den vorherigen Versionen folgte nach body ein div-Container, der die Breite der Webseite   */
/* definierte und der alle anderen div-Container enthalten waren. Ab Version 2.0 ist es nun so,  */
/* daß alle Bereiche (hier: div-Container) nicht durch einen umschließenden div-Container        */
/* in ihrer Breite definiert sind. Die Breite eines jeden Bereichs (hier: div-Container) wird    */
/* separat definiert.                                                                            */
/*                                                                                               */
/* body                                                                                          */
/* div#Seite_Haupttitel                                                                          */
/* div#Seite_Firmenkontakt                                                                       */
/* div#Seite_Untertitel                                                                          */
/* div#Seite_Sitemap                                                                             */
/* div#Seite_Hauptmenue                                                                          */
/* div#Seite_Inhalt                                                                              */

/* ### body #################################################################################### */
/* Body-Bereich der Webseite                                                                     */
/*                                                                                               */
/* body                                                                                          */

body
{
  background-color          : rgb(242,242,242);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  min-width                 : 1000px;
}

/* ### Seite_Haupttitel ######################################################################## */
/* Der Haupttitelbereich sind die ersten zwei Zeilen ganz oben auf der Webseite. Dieser enthält  */
/* das Thema der Webseite in Form von zwei Überschriften, wobei die erste über eine größere      */
/* Schrift, die zweite über eine kleinere Schrift verfügt.                                       */
/*                                                                                               */
/* div#Seite_Haupttitelbereich                                                                   */
/* div#Seite_Haupttitelbereich h1                                                                */
/* div#Seite_Haupttitelbereich h2                                                                */

div#Seite_Haupttitel
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-left              : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  background-color          : rgb(30,30,30);
  background-image          : url("pic_sys_hintergrund_ganz_oben.png");
  background-repeat         : repeat-x;
}

div#Seite_Haupttitel h1
{
  font-family               : "Arial black","Arial","Helvatica","Sans-Serif";
  font-size                 : 19px;
  font-weight               : normal;
  text-decoration           : none;
  text-transform            : uppercase;
  letter-spacing            : -1px;
  color                     : rgb(105,137,39);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 10px;
  padding                   : 0px 0px 0px 10px;
}

div#Seite_Haupttitel h2
{
  font-family               : "Arial","Helvatica","Sans-Serif";
  font-size                 : 11px;
  font-weight               : normal;
  text-decoration           : none;
  color                     : black;
  line-height               : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 10px;
  padding-left              : 10px;
  padding                   : 0px 0px 10px 10px;
}

/* ### Seite_Firmenkontakt ##################################################################### */
/* Nach dem Haupttitelbereich folgt jeweils ein Bereich, in dem Firmenkontaktdaten enthalten     */
/* sind. Firmenkontaktdaten sind hier die Telefonnummer, sowie ein E-Mail-Link (hier: href mit   */
/* mailto). Zusätzlich ist auf der linken Seite das Firmenlogo dargestellt. Der Bereich ist in   */
/* zwei Spalten unterteilt, links das Firmenlogo und rechts die Kontaktdaten. Hierdurch ist das  */
/* Firmenlogo bzw. die Kontaktdaten leichter zu positionieren.                                   */
/*                                                                                               */
/* div#Seite_Firmenkontakt                                                                       */
/* div#Seite_Firmenkontakt div#Spalte_links                                                      */
/* div#Seite_Firmenkontakt div#Spalte_rechts                                                     */
/* div#Seite_Firmenkontakt div#Spalte_rechts p                                                   */
/* div#Seite_Firmenkontakt div#Spalte_rechts p a:link                                            */
/* div#Seite_Firmenkontakt div#Spalte_rechts p a:visited                                         */
/* div#Seite_Firmenkontakt div#Spalte_rechts p a:active                                          */
/* div#Seite_Firmenkontakt div#Spalte_rechts p a:hover                                           */

div#Seite_Firmenkontakt
{
  width                     : 100%;
  height                    : 90px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  background-color          : black;
  background-image          : url("pic_sys_farbverlauf_schwarz_glaenzend_01.png");
  background-repeat         : repeat-x;
}

div#Seite_Firmenkontakt div#Spalte_links
{
  width                     : 50%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  float                     : left;
}

div#Seite_Firmenkontakt div#Spalte_rechts
{
  width                     : 48%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 50%;
  margin                    : 0px 0px 0px 50%;
  padding-top               : 45px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 45px 0px 0px 0px;
}

div#Seite_Firmenkontakt div#Spalte_rechts p
{
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  font-family               : "Oswald","Arial black","Helvetica","Sans-Serif";
  font-size                 : 18px;
  color                     : white;
  text-align                : right;
  text-decoration           : none;
}

div#Seite_Firmenkontakt div#Spalte_rechts p a:link
{
  color                     : white;
  text-decoration           : none;
}

div#Seite_Firmenkontakt div#Spalte_rechts p a:visited
{
  color                     : white;
  text-decoration           : none;
}

div#Seite_Firmenkontakt div#Spalte_rechts p a:active
{
  color                     : white;
  text-decoration           : none;
}

div#Seite_Firmenkontakt div#Spalte_rechts p a:hover
{
  color                     : rgb(100,100,255);
  text-decoration           : none;
}

/* ### Seite_Untertitel ######################################################################## */
/* Der Haupttitelbereich (Erläuterung siehe oben) beschreibt textlich das Thema der Webseite,    */
/* dann folgt eine kurze Informationszeile (Firmenkontaktbereich) und dann wird durch den        */
/* Untertitelbereich der Haupttitel thematisch unterstützt - hauptsächlich durch ein Bild        */
/* und Text. Bei dem Text handelt es sich um Überschriften, die den Haupttitelbereich in Bezug   */
/* auf die Keywords unterstützen. Der Untertitelbereich nimmt zunächst die gesamte Breite des    */
/* Bildschirms ein und plaziert ein in der Breite bildschirmfüllendes Hintergrundbild. Innerhalb */
/* dieses in der breite bildschirmfüllenden div-Containers wird ein nur 980px breiter Container  */
/* plaziert, in der der Text eingefügt wird. Damit also dieses in der Breite bildschirmfüllendes */
/* Hintergrundbild definiert werden kann muß einen zusätzlichen inneren Container, hier          */
/* Innenbereich genannt, geben.                                                                  */
/*                                                                                               */
/* div#Seite_Untertitel                                                                          */
/* div#Seite_Untertitel_Innenbereich                                                             */
/* div#Seite_Untertitel_Innenbereich h1                                                          */
/* div#Seite_Untertitel_Innenbereich h2                                                          */

div#Seite_Untertitel
{ 
  width                     : 100%;
  height                    : 1px; /* wird im html-Quellcode angepaßt */
  margin-top                : 0px;
  margin-right              : 0pc;
  margin-bottom             : 0px;
  margin-left               : 0pc;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  background-color          : black; 
  border-top                : 1px solid white; 
  vertical-align            : top; 
  background-image          : url('nix.png');  /* wird im html-Quellcode angepaßt */
  background-repeat         : no-repeat; 
  background-position       : top center; 
  border-bottom             : 1px solid rgb(150,150,150);
  font-family               : Arial, Helvetica, Sans-Serif, Serif;
  font-size                 : 10px;
}

div#Seite_Untertitel div#Innenbereich
{
  width                     : 980px;
  margin-top                : 0px;
  margin-right              : auto;
  margin-bottom             : 0px;
  margin-left               : auto;
  margin                    : 0px auto 0px auto;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  font-family               : arial,sans-serif;
  font-size                 : 10px;
}

div#Seite_Untertitel div#Innenbereich h1
{
  font-family               : 'Lucida Sans Unicode','Arial','Helvetica','Sans-Serif';
  font-size                 : 30px;
  font-weight               : 500;
  font-style                : normal;
  text-decoration           : none;
  letter-spacing            : -0.05em;
  line-height               : 110%;
  color                     : black;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}

div#Seite_Untertitel div#Innenbereich h2
{
  font-family               : "Arial Black","Helvatica","Sans-Serif";
  font-size                 : 16px;
  font-weight               : normal;
  text-decoration           : none;
  color                     : rgb(155,187,89);
  line-height               : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}


/* ### Seite_Sitemap ########################################################################### */
/* Das Hauptmenü enthalt alle Links zu allen einzelnen Webseiten und entspricht daher einer      */
/* Sitemap. Dementsprechend wird dieses Hauptmenü auch so benannt. Der Sitemapbereich besteht    */
/* aus mehreren Spalten (4 Spalten), jede Spalte aus einer oder mehreren Überschriften mit       */
/* jeweils ein oder mehreren Einträgen (Links).                                                  */
/*                                                                                               */
/* div#Seite_Sitemap                                                                             */
/* div#Seite_Sitemap div#Spalte1                                                                 */
/* div#Seite_Sitemap div#Spalte1 div#Titel                                                       */
/* div#Seite_Sitemap div#Spalte1 div#Menuepunkte                                                 */
/* div#Seite_Sitemap div#Spalte1 div#Menuepunkte p                                               */
/* div#Seite_Sitemap div#Spalte1 div#Menuepunkte p a:link                                        */
/* div#Seite_Sitemap div#Spalte1 div#Menuepunkte p a:visited                                     */
/* div#Seite_Sitemap div#Spalte1 div#Menuepunkte p a:active                                      */
/* div#Seite_Sitemap div#Spalte1 div#Menuepunkte p a:hover                                       */
/* div#Seite_Sitemap div#Spalte2                                                                 */
/* div#Seite_Sitemap div#Spalte2 div#Titel                                                       */
/* div#Seite_Sitemap div#Spalte2 div#Menuepunkte                                                 */
/* div#Seite_Sitemap div#Spalte2 div#Menuepunkte p                                               */
/* div#Seite_Sitemap div#Spalte2 div#Menuepunkte p a:link                                        */
/* div#Seite_Sitemap div#Spalte2 div#Menuepunkte p a:visited                                     */
/* div#Seite_Sitemap div#Spalte2 div#Menuepunkte p a:active                                      */
/* div#Seite_Sitemap div#Spalte2 div#Menuepunkte p a:hover                                       */
/* div#Seite_Sitemap div#Spalte3                                                                 */
/* div#Seite_Sitemap div#Spalte3 div#Titel                                                       */
/* div#Seite_Sitemap div#Spalte3 div#Menuepunkte                                                 */
/* div#Seite_Sitemap div#Spalte3 div#Menuepunkte p                                               */
/* div#Seite_Sitemap div#Spalte3 div#Menuepunkte p a:link                                        */
/* div#Seite_Sitemap div#Spalte3 div#Menuepunkte p a:visited                                     */
/* div#Seite_Sitemap div#Spalte3 div#Menuepunkte p a:active                                      */
/* div#Seite_Sitemap div#Spalte3 div#Menuepunkte p a:hover                                       */
/* div#Seite_Sitemap div#Spalte4                                                                 */
/* div#Seite_Sitemap div#Spalte4 div#Titel                                                       */
/* div#Seite_Sitemap div#Spalte4 div#Menuepunkte                                                 */
/* div#Seite_Sitemap div#Spalte4 div#Menuepunkte p                                               */
/* div#Seite_Sitemap div#Spalte4 div#Menuepunkte p a:link                                        */
/* div#Seite_Sitemap div#Spalte4 div#Menuepunkte p a:visited                                     */
/* div#Seite_Sitemap div#Spalte4 div#Menuepunkte p a:active                                      */
/* div#Seite_Sitemap div#Spalte4 div#Menuepunkte p a:hover                                       */

div#Seite_Sitemap
{
  width                     : 980px;
  height                    : 650px;
  margin-top                : 0px;
  margin-right              : auto;
  margin-bottom             : 0px;
  margin-left               : auto;
  margin                    : 0px auto 0px auto;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 12px;
  color                     : rgb(50,50,50);  
}

div#Seite_Sitemap div#Spalte1
{
  width                     : 244px; 
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  left                      : 0px;
  float                     : left;
}

div#Seite_Sitemap div#Spalte1 div#Titel
{
  width                     : 220px;
  font-family               : "Ubuntu condensed","Lucida Sans Unicode","Arial","Helvetica";
  font-size                 : 32px;
  font-style                : normal;  
  font-weight               : 700;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(93,136,166);    
}

div#Seite_Sitemap div#Spalte1 div#Menuepunkte
{
  line-height               : 1.0;
}

div#Seite_Sitemap  div#Spalte1 div#Menuepunkte p
{
  width                     : 220px;
  font-family               : "Lucida Sans Unicode","Arial","Helvetica";
  font-size                 : 14px;
  font-style                : normal;  
  font-weight               : 10;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(80,80,100);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 4px;
  padding-right             : 0px;
  padding-bottom            : 4px;
  padding-left              : 0px;
  padding                   : 4px 0px 4px 0px;  
  border-bottom             : 1px solid rgb(200,200,200);
}

div#Seite_Sitemap  div#Spalte1 div#Menuepunkte p a:link
{
  color                     : rgb(100,100,100);  
  text-decoration           : none;
}

div#Seite_Sitemap  div#Spalte1 div#Menuepunkte p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}

div#Seite_Sitemap  div#Spalte1 div#Menuepunkte p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}


div#Seite_Sitemap  div#Spalte1 div#Menuepunkte p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline; 
}

div#Seite_Sitemap div#Spalte2
{
  width                     : 244px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  left                      : 0px;
  float                     : left;
}

div#Seite_Sitemap div#Spalte2 div#Titel
{
  width                     : 220px;
  font-family               : "Ubuntu condensed","Lucida Sans Unicode","Sans Serif";
  font-size                 : 32px;
  font-style                : normal;  
  font-weight               : 700;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(93,136,166);  
}

div#Seite_Sitemap div#Spalte2 div#Menuepunkte
{
  line-height               : 1.0;
}

div#Seite_Sitemap  div#Spalte2 div#Menuepunkte p
{
  width                     : 220px;
  font-family               : "Lucida Sans Unicode","Arial","Helvetica";
  font-size                 : 14px;
  font-style                : normal;  
  font-weight               : 10;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(80,80,100);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 4px;
  padding-right             : 0px;
  padding-bottom            : 4px;
  padding-left              : 0px;
  padding                   : 4px 0px 4px 0px;  
  border-bottom             : 1px solid rgb(200,200,200);
}

div#Seite_Sitemap  div#Spalte2 div#Menuepunkte p a:link
{
  color                     : rgb(100,100,100);  
  text-decoration           : none;
}

div#Seite_Sitemap  div#Spalte2 div#Menuepunkte p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}

div#Seite_Sitemap  div#Spalte2 div#Menuepunkte p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}


div#Seite_Sitemap  div#Spalte2 div#Menuepunkte p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline; 
}

div#Seite_Sitemap div#Spalte3
{
  width                     : 244px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  left                      : 0px;
  float                     : left;
}

div#Seite_Sitemap div#Spalte3 div#Titel
{
  width                     : 220px;
  font-family               : "Ubuntu condensed","Lucida Sans Unicode","Sans Serif";
  font-size                 : 32px;
  font-style                : normal;  
  font-weight               : 700;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(93,136,166);  
}

div#Seite_Sitemap div#Spalte3 div#Menuepunkte
{
  line-height               : 1.0;
}

div#Seite_Sitemap  div#Spalte3 div#Menuepunkte p
{
  width                     : 220px;
  font-family               : "Lucida Sans Unicode","Arial","Helvetica";
  font-size                 : 14px;
  font-style                : normal;  
  font-weight               : 10;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(80,80,100);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 4px;
  padding-right             : 0px;
  padding-bottom            : 4px;
  padding-left              : 0px;
  padding                   : 4px 0px 4px 0px;  
  border-bottom             : 1px solid rgb(200,200,200);
}

div#Seite_Sitemap  div#Spalte3 div#Menuepunkte p a:link
{
  color                     : rgb(100,100,100);  
  text-decoration           : none;
}

div#Seite_Sitemap  div#Spalte3 div#Menuepunkte p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}

div#Seite_Sitemap  div#Spalte3 div#Menuepunkte p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}


div#Seite_Sitemap  div#Spalte3 div#Menuepunkte p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline; 
}

div#Seite_Sitemap div#Spalte4
{
  width                     : 244px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  right                     : 0px;
  float                     : right;
}

div#Seite_Sitemap div#Spalte4 div#Titel
{
  width                     : 220px;
  font-family               : "Ubuntu condensed","Lucida Sans Unicode","Sans Serif";
  font-size                 : 32px;
  font-style                : normal;  
  font-weight               : 700;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(93,136,166);  
}

div#Seite_Sitemap div#Spalte4 div#Menuepunkte
{
  line-height               : 1.0;
}

div#Seite_Sitemap  div#Spalte4 div#Menuepunkte p
{
  width                     : 220px;
  font-family               : "Lucida Sans Unicode","Arial","Helvetica";
  font-size                 : 14px;
  font-style                : normal;  
  font-weight               : 10;  
  text-shadow               : none;  
  text-decoration           : none;  
  text-transform            : none;  
  letter-spacing            : -0.02em;  
  word-spacing              : 0em;  
  line-height               : 1.0;  
  color                     : rgb(80,80,100);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 4px;
  padding-right             : 0px;
  padding-bottom            : 4px;
  padding-left              : 0px;
  padding                   : 4px 0px 4px 0px;  
  border-bottom             : 1px solid rgb(200,200,200);
}

div#Seite_Sitemap  div#Spalte4 div#Menuepunkte p a:link
{
  color                     : rgb(100,100,100);  
  text-decoration           : none;
}

div#Seite_Sitemap  div#Spalte4 div#Menuepunkte p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}

div#Seite_Sitemap  div#Spalte4 div#Menuepunkte p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none; 
}


div#Seite_Sitemap  div#Spalte4 div#Menuepunkte p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline; 
}

/* ### Seite_Hauptmenue ######################################################################## */

div#Seite_Hauptmenue
{
  width                     : 980px;
  height                    : 250px;
  margin-top                : 0px;
  margin-right              : auto;
  margin-bottom             : 0px;
  margin-left               : auto;
  margin                    : 0px auto 0px auto;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 70px;
  padding                   : 0px 0px 0px 70px;
}

div#Seite_Hauptmenue
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 12px;
  color                     : rgb(50,50,50);
}

div#Seite_Hauptmenue div#Spalte1
{
  width                     : 150px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  top                       : 0px;
  vertical-align            : top;
  position                  : relative;
  left                      : 0px;
  float                     : left;  
}

div#Seite_Hauptmenue div#Spalte1 div#Ueberschrift
{
   padding-left              : 20px;
}

div#Seite_Hauptmenue  div#Spalte1 p
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 14px;
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
  text-align                : center;
}

div#Seite_Hauptmenue  div#Spalte1 p a:link
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte1 p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte1 p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}


div#Seite_Hauptmenue  div#Spalte1 p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline;
}

div#Seite_Hauptmenue div#Spalte2
{
  width                     : 150px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  top                       : 0px;
  vertical-align            : top;
  position                  : relative;
  left                      : 0px;
  float                     : left;  
}

div#Seite_Hauptmenue div#Spalte2 div#Ueberschrift
{
  padding-left              : 20px;
}

div#Seite_Hauptmenue  div#Spalte2 p
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 14px;
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
  text-align                : center;  
}

div#Seite_Hauptmenue  div#Spalte2 p a:link
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte2 p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte2 p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}


div#Seite_Hauptmenue  div#Spalte2 p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline;
}

div#Seite_Hauptmenue div#Spalte3
{
  width                     : 150px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  top                       : 0px;
  vertical-align            : top;
  position                  : relative;
  left                      : 0px;
  float                     : left;  
}

div#Seite_Hauptmenue div#Spalte3 div#Ueberschrift
{
  padding-left              : 20px;
}

div#Seite_Hauptmenue  div#Spalte3 p
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 14px;
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
  text-align                : center;  
}

div#Seite_Hauptmenue  div#Spalte3 p a:link
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte3 p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte3 p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}


div#Seite_Hauptmenue  div#Spalte3 p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline;
}

div#Seite_Hauptmenue div#Spalte4
{
  width                     : 150px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  top                       : 0px;
  vertical-align            : top;
  position                  : relative;
  left                      : 0px;
  float                     : left;
}

div#Seite_Hauptmenue div#Spalte4 div#Ueberschrift
{
  padding-left              : 20px;
}

div#Seite_Hauptmenue  div#Spalte4 p
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 14px;
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
  text-align                : center;  
}

div#Seite_Hauptmenue  div#Spalte4 p a:link
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte4 p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte4 p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}


div#Seite_Hauptmenue  div#Spalte4 p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline;
}

div#Seite_Hauptmenue div#Spalte5
{
  width                     : 150px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  top                       : 0px;
  vertical-align            : top;
  position                  : relative;
  left                      : 0px;
  float                     : left;
}

div#Seite_Hauptmenue div#Spalte5 div#Ueberschrift
{
  padding-left              : 20px;
}

div#Seite_Hauptmenue  div#Spalte5 p
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 14px;
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
  text-align                : center;  
}

div#Seite_Hauptmenue  div#Spalte5 p a:link
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte5 p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte5 p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}


div#Seite_Hauptmenue  div#Spalte5 p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline;
}

div#Seite_Hauptmenue div#Spalte6
{
  width                     : 150px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  top                       : 0px;
  vertical-align            : top;
  position                  : relative;
  left                      : 0px;
  float                     : left;
}

div#Seite_Hauptmenue div#Spalte6 div#Ueberschrift
{
  padding-left              : 20px;
}

div#Seite_Hauptmenue  div#Spalte6 p
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 14px;
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
  text-align                : center;  
}

div#Seite_Hauptmenue  div#Spalte6 p a:link
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte6 p a:visited
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}

div#Seite_Hauptmenue  div#Spalte6 p a:active
{
  color                     : rgb(100,100,100);
  text-decoration           : none;
}


div#Seite_Hauptmenue  div#Spalte6 p a:hover
{
  color                     : rgb(0,0,255);
  text-decoration           : underline;
}

div#Seite_Hauptmenue div#Spalte7
{
  width                     : 10px;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  top                       : 0px;
  vertical-align            : top;
  position                  : relative;
  right                     : 0px;
  float                     : right;
}

span#Grafikmenue_Startseite a { display:block; align:center; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_startseite_grau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Startseite a:hover { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_startseite_blau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Angebot a { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_angebot_grau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Angebot a:hover { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_angebot_blau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Gegenangebot a { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_gegenangebot_grau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Gegenangebot a:hover { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_gegenangebot_blau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Rueckruf a { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_rueckruf_grau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Rueckruf a:hover { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_rueckruf_blau.png'); background-repeat:no-repeat; }
span#Grafikmenue_EMailKontakt a { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_email_grau.png'); background-repeat:no-repeat; }
span#Grafikmenue_EMailKontakt a:hover { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_email_blau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Firmenprofil a { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_firmenprofil_grau.png'); background-repeat:no-repeat; }
span#Grafikmenue_Firmenprofil a:hover { display:block; width:110px; height:137px; background-image:url('pic_sys_grafikmenue_button_firmenprofil_blau.png'); background-repeat:no-repeat; }




/* ### Seite_Inhalt ############################################################################ */

div#Seite_Inhalt
{
  width                     : 980px;
  margin-top                : 0px;
  margin-right              : auto;
  margin-bottom             : 0px;
  margin-left               : auto;
  margin                    : 0px auto 0px auto;
  padding-left              : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}

/* ### Seite_Inhalt -> Titel ################################################################### */

div#Seite_Inhalt div#Titel
{
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
}

div#Seite_Inhalt div#Titel h1
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 30px;
  font-weight               : bold;
  text-decoration           : none;
  text-transform            : none;
  letter-spacing            : -1.0px;  
  line-height               : 1.0;  
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 3px;
  margin-left               : 0px;
  margin                    : 0px 0px 3px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
}

div#Seite_Inhalt div#Titel h2
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 18px;
  font-weight               : normal;
  text-decoration           : none;
  text-transform            : none;
  letter-spacing            : 0px; 
  line-height               : 1.0;  
  color                     : rgb(100,100,100);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 5px;
  margin-left               : 0px;
  margin                    : 0px 0px 5px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
}

div#Seite_Inhalt div#Titel p
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 20px;
  color                     : rgb(150,150,150);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;  
}

/* ### Seite_Inhalt -> Inhaltsbereich ########################################################## */

div#Seite_Inhalt div#Inhaltsbereich
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  border                    : none;
}

/* ############################################################################################# */
/* ###                                                                                       ### */
/* ### Grundschriften für den Inhaltsbereich                                                 ### */
/* ###                                                                                       ### */
/* ############################################################################################# */
/* h1, h2, h3, p                                                                                 */

/* ### Seite_Inhalt -> Inhaltsbereich -> h1 #################################################### */

div#Seite_Inhalt div#Inhaltsbereich h1
{
  font-family               : "Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 50px;
  font-weight               : bold;
  text-decoration           : none;
  text-transform            : none;
  letter-spacing            : -2.0px;   
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 20px;
  padding-right             : 50px;
  padding-bottom            : 10px;
  padding-left              : 50px;
  padding                   : 20px 50px 10px 50px;
  line-height               : 1.2;
}

div#Seite_Inhalt div#Inhaltsbereich h2
{
  font-family               : "Ubuntu Condensed","Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 40px;
  font-weight               : normal;
  text-decoration           : none;
  text-transform            : none;
  letter-spacing            : 0px;    
  color                     : rgb(150,150,150);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 20px;
  padding-right             : 50px;
  padding-bottom            : 10px;
  padding-left              : 50px;
  padding                   : 20px 50px 10px 50px;
  line-height               : 1.2;
}

div#Seite_Inhalt div#Inhaltsbereich h3
{
  font-family               : "Arial","Sans Serif";
  font-size                 : 22px;
  font-weight               : bold;
  text-decoration           : none;
  text-transform            : none;
  letter-spacing            : -1.0px;    
  color                     : rgb(50,50,50);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 10px;
  padding-right             : 5px;
  padding-bottom            : 3px;
  padding-left              : 5px;
  padding                   : 10px 5px 3px 5px;
  line-height               : 1.2;
}

div#Seite_Inhalt div#Inhaltsbereich p
{
  font-family               : "Ubuntu","Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 25px;
  font-weight               : normal;
  text-decoration           : none;
  text-transform            : none;
  letter-spacing            : -0.7px;    
  color                     : rgb(100,100,100);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 20px;
  padding-right             : 50px;
  padding-bottom            : 10px;
  padding-left              : 50px;
  padding                   : 20px 50px 10px 50px;
  line-height               : 1.3;
}

div#Seite_Inhalt div#Inhaltsbereich  div#Infoboxtext_01
{
  font-family               : "Ubuntu Condensed","Lucida Sans Unicode","Arial","Sans Serif";
  font-size                 : 22px;
  font-weight               : normal;
  text-decoration           : none;
  text-transform            : none;
  letter-spacing            : -0.0px;    
  color                     : rgb(100,100,100);
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 10px;
  padding-right             : 10px;
  padding-bottom            : 10px;
  padding-left              : 10px;
  padding                   : 10px 10px 10px 10px;
  line-height               : 1.3;
}


/* ### BOXEN ################################################################################### */

/* ### Seite -> Inhaltsbereich -> Box100_mit_Rahmen ############################################ */

div#Seite_Inhalt div#Inhaltsbereich div#Box100_mit_Rahmen
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  border                    : 1px solid rgb(200,200,200);
  border-radius             : 5px;
  -moz-border-radius        : 5px;
  -khtml-border-radius      : 5px;
  box-shadow                : 3px 3px 4px rgb(200,200,200);
  background-color          : white;  
}

/* ### Seite -> Inhaltsbereich -> Box100_ohne_Rahmen ############################################ */

div#Seite_Inhalt div#Inhaltsbereich div#Box100_ohne_Rahmen
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}

/* ### LAYOUT ################################################################################## */

/* ### Seite -> Inhaltsbereich -> Box100_mit_Rahmen ############################################ */

div#Seite_Inhalt div#Inhaltsbereich div#Box100_mit_Rahmen div#Layout_100
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_mit_Rahmen div#Layout_33_33_33_mit_Rahmen
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_mit_Rahmen div#Layout_33_33_33_mit_Rahmen div#Spalte1
{
  width                     : 33%; 
  margin-top                : 0px;
  margin-right              : 10px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 10px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  left                      : 0px;
  float                     : left;
  border-radius             : 5px;
  -moz-border-radius        : 5px;
  -khtml-border-radius      : 5px;
  box-shadow                : 3px 3px 4px rgb(200,200,200);  
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_mit_Rahmen div#Layout_33_33_33_mit_Rahmen div#Spalte2
{
  width                     : 33%; 
  margin-top                : 0px;
  margin-right              : 10px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 10px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  left                      : 0px;
  float                     : left;
  border-radius             : 5px;
  -moz-border-radius        : 5px;
  -khtml-border-radius      : 5px;
  box-shadow                : 3px 3px 4px rgb(200,200,200);  
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_mit_Rahmen div#Layout_33_33_33_mit_Rahmen div#Spalte3
{
  width                     : 33%; 
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 10px;
  margin                    : 0px 0px 0px 10px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  right                     : 0px;
  float                     : right;
  border-radius             : 5px;
  -moz-border-radius        : 5px;
  -khtml-border-radius      : 5px;
  box-shadow                : 3px 3px 4px rgb(200,200,200);  
}

/* ### Seite -> Inhaltsbereich -> Box100_ohne_Rahmen ############################################ */

div#Seite_Inhalt div#Inhaltsbereich div#Box100_ohne_Rahmen div#Layout_100
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_ohne_Rahmen div#Layout_33_33_33_mit_Rahmen_Background01
{
  width                     : 100%;
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 0px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_ohne_Rahmen div#Layout_33_33_33_mit_Rahmen_Background01 div#Spalte1
{
  width                     : 310px; 
  margin-top                : 0px;
  margin-right              : 10px;
  margin-bottom             : 0px;
  margin-left               : 0px;
  margin                    : 0px 10px 0px 0px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  left                      : 0px;
  float                     : left;
  border                    : 1px solid rgb(200,200,200);
  border-radius             : 5px;
  -moz-border-radius        : 5px;
  -khtml-border-radius      : 5px;
  box-shadow                : 3px 3px 4px rgb(200,200,200);  
  background-image          : url('pic_sys_farbverlauf_grau_auf_weiss_fuer_box_topbereich.png'); 
  background-repeat         : repeat-x; 
  background-color          : white; 
  text-align                : center;
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_ohne_Rahmen div#Layout_33_33_33_mit_Rahmen_Background01 div#Spalte2
{
  width                     : 310px; 
  margin-top                : 0px;
  margin-right              : 10px;
  margin-bottom             : 0px;
  margin-left               : 10px;
  margin                    : 0px 10px 0px 10px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  left                      : 0px;
  float                     : left;
  border                    : 1px solid rgb(200,200,200);
  border-radius             : 5px;
  -moz-border-radius        : 5px;
  -khtml-border-radius      : 5px;
  box-shadow                : 3px 3px 4px rgb(200,200,200); 
  background-image          : url('pic_sys_farbverlauf_grau_auf_weiss_fuer_box_topbereich.png'); 
  background-repeat         : repeat-x; 
  background-color          : white; 
  text-align                : center;
}

div#Seite_Inhalt div#Inhaltsbereich div#Box100_ohne_Rahmen div#Layout_33_33_33_mit_Rahmen_Background01 div#Spalte3
{
  width                     : 310px; 
  margin-top                : 0px;
  margin-right              : 0px;
  margin-bottom             : 0px;
  margin-left               : 10px;
  margin                    : 0px 0px 0px 10px;
  padding-top               : 0px;
  padding-right             : 0px;
  padding-bottom            : 0px;
  padding-left              : 0px;
  padding                   : 0px 0px 0px 0px;
  position                  : relative;
  right                     : 0px;
  float                     : right;
  border                    : 1px solid rgb(200,200,200);
  border-radius             : 5px;
  -moz-border-radius        : 5px;
  -khtml-border-radius      : 5px;
  box-shadow                : 3px 3px 4px rgb(200,200,200); 
  background-image          : url('pic_sys_farbverlauf_grau_auf_weiss_fuer_box_topbereich.png'); 
  background-repeat         : repeat-x; 
  background-color          : white; 
  text-align                : center;
}




/* ### end of css-definition ################################################################### */