/* ----- Einstellungen fuer alle Seiten ----- */
/* In dieser Datei wird möglichst alles, was sich auf die Gestaltung auswirkt
   (schriftgröße, Farben, Abstände möglichst zentral festgelegt.
   
   Nur was wirklich einmalig vorkommt wird in der jeweiligen Seite festgelegt.   

   Schriftgrößen stehen in der Einheit em statt in pt, damit die Schriftgröße 
   vom User verändert werden kann (Barrierefreiheit)  */

* {/* 
    margin: 0px; padding: 0px;   */
    }

BODY{
    margin:  10px; 
    padding:  0px;

    background-color: rgb(255,249,225); 
    COLOR:            rgb(12,36,54); 

    FONT-FAMILY:    Arial,Verdana,Helvetica,Sans-Serif;
    FONT-SIZE:      100.01%;
    text-decoration:none;
    }

h1,h2,h3,h4,h5,b{
   margin-bottom: 10px;
   font-weight:bold; }


h1{ FONT-SIZE:1.6em; }
h2{ FONT-SIZE:1.4em; }
h3{ FONT-SIZE:1.2em; }
h4{ FONT-SIZE:1.1em; }
h5{ FONT-SIZE:1.0em; margin-top: 5px; }

/* */
tr,td,th,p,ul,ol,li{ }

p{
   margin-bottom: 10px;
    }

a { text-decoration:underline; color:#800080; }
a:link {     }
a:visited {  }
a:focus {  color:red; }
a:hover {  color:red; }
a:active {   }


/* -- Aufzählung ohne zuviel Platz drum -- */
ul.ul1{
    list-style-type:disk;list-style-position:outside;
    margin:0px 0px 0px 30px
    padding:0px;
    }


/* ----- Seitenkopf ----- */

#headerNeu{
    background-color: rgb(255,249,225);   
    background-image:url(bilder/Banner_KG_Jugenheim2_2000.jpg); 
    background-repeat:no-repeat; 
    /* 
    background-position:top left; */ 
    background-position: 0px 0px;
    height:65px;
    
    text-align:center; padding-top:15px;
    color:  #ffffff; 
    cursor: pointer;  /* Pfote auch ohne Link */

    /*  
    border: 1px solid green;  */
    }

#header h1{ 
    margin: 30px  0px  10px  0px; 
    FONT-SIZE:2em; 
    color:     rgb(94,72,154);    /* vorher #000000; */
    text-align:center; 
    }


/* Aufzählung ohne zuviel Platz drum */
ul.ul1{
    margin:0px 0px 0px 30px;
    padding:0px;
    list-style-type:disk;
    list-style-position:outside;
    }

.obenLink{
    float:right;
    padding: 0px 10px 0px 0px; 
    FONT-SIZE:      0.8em;
    }
.obenLink a{
    font-weight: bold;
    text-decoration:none;
    }

.balken1{ 
    margin:  10px  0px 20px  0px ; 
    padding:  5px  0px  5px 10px ;
    background-color: rgb(180,210,80);  /* hellgrün */
    color:            rgb(  0,  0, 0);  
    }
.balken1 h2, 
.balken1 h3,  
.balken1 h4{ 
    margin: 0px; 
    padding:0px;
    }


.balken2{ 
    margin:  10px  0px 10px  0px ; 
    padding:  5px  0px  5px 10px ;
    background-color: #eeeeee;     /* grau mit Rahmen */
    border: 1px solid #cccccc;
    }
.balken2 h2, 
.balken2 h3,  
.balken2 h4{ 
    margin: 0px; 
    padding:0px;
    }

.boxhell, .boxheller, .boxgrau{ 
    margin: 10px  0px 10px  11.4em ; 
    padding:10px 10px 10px 10px;
    /* 
    border: 1px solid green; */
    }

.boxhell{ 
    background-color:#DDA0DD;
    }

.boxheller{ 
    background-color:#D8BFD8;
    }

.boxgrau{ 
    background-color: #ffffff;   /* #eeeeee; */
    border: 1px solid #cccccc; 
    }

.boxgrau a, .boxhell a, .boxheller a{
    font-weight: bold;
    text-decoration:none;
    }

.box-innen{
    margin:0px 0px 0px 150px;
    padding: 0px 0px 10px 0px;
    /* border: 1px solid red; */   
    }


/* ----- Inhalt und Fußzeile ----- */

.textinhalt { /* für reine Textseiten*/
    margin:  10px  0px 10px  9.8em ;  
    padding: 10px 20px 10px 20px; 
    /* 
    border: 1px solid green;  */
    }

#footer{
    clear:both;
    margin:  15px 0px 10px  0px;  
    padding: 15px 0px  0px  0px; 
    FONT-SIZE:0.7em; 
    /* 
    border: 1px solid green;  */
    }

#counter{
    float:right;
/*
    margin:  15px 0px 10px  0px;  
    padding: 15px 0px  0px  0px; */
    }


/* ----- Navigationsleiste ----- 
    Ideen in: 
    http://css.maxdesign.com.au/listutorial/horizontal09.htm
    http://www.thestyleworks.de/tut-art/listnav3.shtml
*/


#navigation{
    width: 9.6em;
    float: left;
    background-color: rgb(238,238,238);   /* = #eeeeee; */
    margin:  30px 0px  0px 0px;
    padding: 10px 0px 10px 0px;
    border:   1px solid #999999;
    }

#navigation ul{
    list-style-type:none;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    }

#navigation li{
    margin: 10px 0px 0px 10px; 
    text-indent: -10px;
    /* 
    border: 1px dotted #ff0000; */
    }

/* --- 1. und 2. Ebene --- */
#navigation a, #navigation li ul a{
    margin:  3px 0px 0px 5px;
    padding: 3px 7px 2px 7px ;
    color:   rgb(237,69,82);  /* vorher: #800080; */

/*  font-weight:     bold; */
    FONT-SIZE:       1em; 
    text-decoration: none; 
    width:           130px;  
    text-align:      left;   
    }

#navigation a:link, #navigation a:visited { }
#navigation a:focus, #navigation a:hover, #navigation a:active{
    color:#ff0000; 
    background-color:#cccccc;     /* #D8BFD8; */}


/* ----- Navigationsleiste 2. Ebene ----- */

#navigation li ul{
    margin: 0px 0px 0px 0px; 
    list-style-type:circle ; 

    }

#navigation li ul li {
    margin: 0px 0px 0px 30px; 
    text-indent:  -5px; 
    }

#navigation li ul a{
    FONT-SIZE: 0.8em; 
    padding:     0px 7px 0px 0px ;
    }


/* ----- Bilder in Berichten ----- */

.bildrechts, .bildrechts-ohne-rand{ 
    float:right; 
    margin: 0px  10px 10px 10px ; 
    padding:0px; 
    text-align:center;
    }

.bildrechts{ 
    border: 1px solid black;
    }


.bildlinks, .bildlinks-ohne-rand{
    float:left; 
    margin: 0px 10px 10px 0px ; 
    padding:0px; 
    text-align:center; 
    }

.bildlinks{ 
    border: 1px solid black;
    }

/* ----- Angaben für Ausdrucke ----- */

#printhint{display:none;} 

/* Angaben für den Druck mehr dazu in www.Baummord.de */
@media print
    {
    BODY{FONT-SIZE:11pt;}

    .textinhalt{
        margin:  0px 0px 0px 0px;
        padding:10px 0px 0px 0px;
        }

    .balken1{
        margin: 0px; 
        FONT-SIZE:12pt;
        }

    #navigation, #footer,  #counter, .obenLink{
        display:none;
        }

    #printhint{
        width:100%;
        margin:  20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display:block;
        text-align: center; 
        FONT-SIZE:9pt;
        } 
    }