/************************************************/
/************************************************/
/***                                         ****/
/***     Grundformatierungen                 ****/
/***                                         ****/
body {  margin:5px;
        font-style: normal; font-size: 12px; line-height:1.2em;
        font-family:Trebuchet MS,Arial,sans-serif; color: black; }
        /* Beachte:                                                     */
        /* Hintergrundfarbe wird als Klasse definiert und den body-tag  */
        /* des Seitenkopf eingefügt.                                     */
        /* font-size:1em funktioniert nicht wirklich. Die Darstellungen  */
        /* in den einzelnen Browsern sind sehr beliebig.                 */



/**************************/
/* fett, gross, etc       */

.fett { font-weight:bold;}
.gross { font-size:1.15em; line-height:1.2em;}
.gross-fett { font-size:1.15em; line-height:1.2em; font-weight:bold; }
.sehr-gross { font-size:1.3em; line-height:1.2em; }
.sehr-gross-fett { font-size:1.3em; line-height:1.2em; font-weight:bold; }


/**************************/
/* Überschriften          */

h1 { font-size:3em; line-height:1em; font-weight:900; color:rgb(204,116,0); margin-top:0.4em; }
h2 { font-size:2em;  line-height:1em; font-weight:900;  color:rgb(204,116,0); }
h2.grau { margin-top:-0.8em; }
h3 { font-size:1.5em; line-height:1em; font-weight:900;  color:rgb(204,116,0); }
h3.grau { margin-top:-0.8em; }
h4 { font-size:1.2em; line-height:1em; font-weight:900;  color:rgb(204,116,0); }


/************************************************/
/***     Farb-klassen                        ****/

.hintergrund {background-color: rgb(250,245,210); }
.block1 { background-color:rgb(255,240,130); }
.block2 {background-color:rgb(255,220,70); }
.block3 {background-color:rgb(255,200,30); }
.block2_druck {background-color:rgb(230,230,230); }
.block3_druck {background-color:rgb(255,250,163); }
.grau { color:rgb(127,127,127); }


/************************************************/
/***     Links                               ****/

a:link {    color:rgb(204,116,0); font-weight:bold; text-decoration:underline; }

/* Test-visited, damit ich bei mir mal die Links in der Originalfarbe sehe ....,
    ist aber sonst nicht aktiv   */
/* a:visited {    color:rgb(204,116,0); font-weight:bold; text-decoration:underline; }  */

a:visited { color:rgb(153,87,0); font-weight:bold; text-decoration:underline; }
a:hover, a:active  {    background-color:rgb(204,116,0); color:white;
                        font-weight:bold; text-decoration:underline; }

a.button
{   color: maroon; text-decoration: none; font-size:1em; font-weight: bold;
    border: 1px solid black; border-left-color: white; border-top-color: white;
    margin: 0; padding: 0.5em 0.8em; background-color: rgb(255,220,70); } /* = block2 */

a.button:hover
{   color: white;
    background-color: rgb(255,200,30); /* = block3 */
    border-color: white; border-left-color: black; border-top-color: black;}


/************************************************/
/************************************************/
/***                                         ****/
/***    Bilderleiste                         ****/
/***                                         ****/

div#bilderrahmen {  width: 100%; height: 60px;
                    border-top: 2px solid gray; border-bottom: 2px solid gray;
                    margin: 0.2em; margin-bottom: 1em;
                    padding-top: 4px; padding-bottom: 4px;
                    background-image:url(../grafiken/bilderband.jpg); }

/* Korrektur fuer den IE 5 und 6 */
* html div#bilderrahmen {   padding-bottom: 0px; }



/************************************************/
/************************************************/
/***                                         ****/
/***     Navigation                          ****/
/***                                         ****/

ul#navigation { float: left; width: 15.3em;
                margin: 0; padding: 0; }

ul#navigation li {  list-style: none;
                    position: relative; z-index:1;
                    margin: 0; padding: 0; }

/* Korrektur fuer den IE 5 und 6 */
* html ul#navigation li {   margin-bottom: -0.2em; }

/* Korrektur fuer den IE 5 und 6 */
* html ul#navigation ul li {    margin-bottom: 0; }

ul#navigation ul,
ul#navigation ul ul,
ul#navigation li:hover ul ul,
ul#navigation ul li:hover ul ul,
ul#navigation ul ul li:hover ul ul
{   display: none;              /* Unternavigation ausblenden */
    position: absolute; top: 0; left: 100%;
    margin: 0; padding: 0; }

ul#navigation li:hover ul,
ul#navigation ul li:hover ul,
ul#navigation ul ul li:hover ul,
ul#navigation ul ul ul li:hover ul
{   display: block; }   /* Unternavigation in modernen Browsern einblenden  */


#navigation a { display: block; width: 12em;
                text-decoration: none; font-size:1.1em; font-weight: bold;
                color: rgb(255,250,163); /* = block3_druck */
                padding: 0.6em 0.9em; border: 1px solid black;
                border-left-color: white; border-top-color: white;
                background-color: rgb(184,25,0); }

/* Folgende Styles waren für die Hervorhebung des real aktuellen Pfades. Ist z.Zt. nicht in Benutzung:
#navigation a#aktueller_pfad {  color: maroon; background-color: rgb(255,248,117);}
#navigation a#aktueller_link {  color: maroon;
                                background-color: rgb(255,250,163); */ /*= block3_druck *//*                              border: 1px solid maroon; } */

#navigation ul a {  font-size:1em;
                    padding: 0.4em 1em; }

/* Breite den in li enthaltenen Elementen zuweisen */
#navigation ul#lad_lehm a { width: 11em; }
#navigation ul#lad_daemm a { width: 13em; }
#navigation ul#lad_farb a { width: 19em; }
#navigation ul#lad_komp a { width: 12em; }
#navigation ul#lad_pka a { width: 14em; }
#navigation ul ul#lad_daemm_hanf a { width: 12.5em; }
#navigation ul ul#lad_daemmplatten a { width: 14em; }
#navigation ul ul#lad_daemmschuettungen a { width: 15em; }
#navigation ul ul#lad_daemm_dicht a { width: 17em; }
#navigation ul ul#lad_farb_wand a { width: 14em; }
#navigation ul ul#lad_farb_holz a { width: 11em; }
#navigation ul ul#lad_komp_aqua a { width: 16.5em; }
#navigation ul ul#lad_pka_beispiele a { width: 21.5em; }
#navigation ul ul ul#lad_daemm_dicht_luft a { width: 23em; }


#navigation a:hover, #navigation a#aktueller_link:hover, #navigation a#aktueller_pfad:hover
{   color: white; background-color: rgb(102,14,0);
    border-color: white; border-left-color: black; border-top-color: black; }

/* Format für Abstände zu den Buttons 'Seminare' und 'Regionales Branchenbuch' */
ul#navigation li#abstand {  list-style: none; position: relative;
                            height: 0.8em; margin: 0; padding: 0; }


/************************************************/
/************************************************/
/***                                         ****/
/***     Aktuell - Box                       ****/
/***                                         ****/

#aktuell_box {   background-color: white; padding: 1em;
                 position: absolute; top: 450px; left: 7px;
                 width: 13em; border: 2px ridge yellow;}


/************************************************/
/************************************************/
/***                                         ****/
/***     Hauptspalte - Inhalt                ****/
/***                                         ****/

#hauptspalte {  margin-left: 17em;  padding: 0; }

/* Inhalt bezeichnet den Bereich ab der Hauptüberschrift h1 - ohne Seitenfuss */
#inhalt {   background-color: white; padding: 1em; }


/************************************************/
/************************************************/
/***                                         ****/
/***     Pfad und Kinderlinks                ****/
/***                                         ****/

#pfad_und_kinder {  border: 1px solid black;
                    margin: 0; padding: 0; padding-bottom: 1em;
                    background-color: rgb(255,240,130); } /* = block1 */

#pfad   { margin: 0; padding: 0.8em; }

#pfad a
{   font-weight: bold; margin: 0.2em; padding: 0.1em 0.3em;  }

#pfad a:hover
{   color: white; background-color: rgb(204,116,0);
    border-color: white; border-left-color: black; border-top-color: black;}

#pfad a#aktuell
{   color: black; background-color: transparent; border: 0; }

#pfad span  /* zur Formatierung der Pfeile '>' */
{   font-size:1.2em; font-weight: bold; margin-left:0.2em; margin-right:0.2em;  }

#kinderlinks {  margin: 0; padding: 0.4em; }

/* Korrektur fuer den IE 5 und 6 */
* html #kinderlinks {   margin-bottom: 1em; }

#kinderlinks li {   list-style: none; display: inline;
                    margin: 0; padding: 0; }

#kinderlinks a
{   float: left;
    color: maroon; text-decoration: none; font-size:1em; font-weight: bold;
    border: 1px solid black; border-left-color: white; border-top-color: white;
    margin: 0.2em; padding: 0.4em 0.8em;
    background-color: rgb(255,220,70); } /* = block2 */

/* Korrektur fuer den IE 5 und 6 */
* html #kinderlinks a {  margin-bottom: 0em; }

#kinderlinks a:hover {  color: white;
                        background-color: rgb(255,200,30); /* = block3 */
                        border-color: white;
                        border-left-color: black; border-top-color: black; }

#kinderlinks a#aktuell {color: maroon; background-color: transparent;
                        border-color: white;
                        border-left-color: black; border-top-color: black; }



/************************************************/
/************************************************/
/***                                         ****/
/***     Branchenbuch-Rubriken               ****/
/***                                         ****/

#branchenbuch_rubriken a
{   color: maroon; text-decoration: none; font-size:1em; font-weight: bold;
    display:block; width: 10em; text-align:center;
    border: 1px solid black; border-left-color: white; border-top-color: white;
    margin: 0.4em; padding: 0.3em 0.5em;
    background-color: rgb(255,220,70); } /* = block2 */

#branchenbuch_rubriken a:hover
{   color: white;
    background-color: rgb(255,200,30); /* = block3 */
    border-color: white; border-left-color: black; border-top-color: black;}

#branchenbuch_rubriken a#aktuell
{   color: maroon; background-color: transparent; border: 0; }



/************************************************/
/************************************************/
/***                                         ****/
/***     div brauchbare Formatklassen        ****/
/***                                         ****/

.textkasten {  padding: 10px; border: 4px ridge silver; }

ul.liste_gedehnt li { margin-top: 0.5em; }
ul.liste_gedehnt_gross li { margin-top: 0.5em; font-size:1.15em; line-height:1.2em; }

.bild_links {   float:left; margin-right:15px;
                margin-bottom:15px; text-align:center; font-weight:bold; }

.bild_rechts {  float:right; margin-left:15px;
                margin-bottom:15px; text-align:center; font-weight:bold; }


.textkasten_rechts {  float:right; margin-left:15px;
                      margin-bottom:15px; padding: 10px; border: 4px ridge silver; }