/* ----- 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) 

   Layout in Anlehnung an:
   http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss  
*/


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


BODY{
    margin:    10px; 
    min-width: 900px;

    background-color: #ffffff;            /* rgb( 255 , 255 , 225 ); */
    COLOR:            rgb( 0 , 0 , 0 ); 

    FONT-FAMILY:    Verdana,Arial,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: #006da8;   /* blau wie MetReg-Logo */
    color: #003da8; 
    }
a:link    { }
a:visited { }
a:focus   { } /* Der Internet Explorer interpretiert :focus als :active. */
a:hover   { color:red; background-color:#f3f3f3; }
a:active  { }

.redstar{
    padding-left: 0.3em;
    FONT-FAMILY:  "Comic Sans MS", Comic,Arial,Verdana,Helvetica,Sans-Serif;
    FONT-SIZE:    98%;
    font-weight:  bold; 
    color:red;
    }

/* -- Aufzählung ohne zuviel Platz drum -- */

ul.ul1, ul.ul2, #inhalt ul.ul1{
    margin:  0px 0px 0px 30px;
    padding: 0px;
    list-style-type:disc;
    list-style-position:outside;
/*
    border:   1px dotted #ccc; */
    }

li.abstand{
    padding-top:10px;
    }

ul.ul1 li{
    padding: 3px 0px 0px 0px;
    }

ul.ul2 li{
    padding: 3px 0px 3px 0px;
    }


/* Listen mit Links */
ul.linkliste{
    margin: 0px 0px 0px 3em;
    padding:0px 0px 0px 0px;
    text-indent:-3em;
    list-style-type:none;
    list-style-position:outside;
    }
ul.linkliste li{
    padding: 0px 0px 10px 0px;
    }

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

#header{ 
    white-space:nowrap; 
    height:        80px;
    margin:         0em; 
    padding:        0em 226px 0em 0em; 
    Vertical-align: middle; 
    text-align:     center; 
    }

#header h1{ 
    white-space:  nowrap; 
    margin:     0.9em 0em 0em 0em; 
    padding:      0em; 
    FONT-SIZE:  1.5em; 
    text-align: center; 
    cursor:     pointer;    /* Pfote auch ohne Link */
    }

#header2{
    height:15px;
    margin:  0em; 
    padding: 0em;
    FONT-SIZE: 8px; 
    background: url(bilder/verlauf_unten.gif) bottom left repeat-x;
    }

#header img{ 
    margin:  0em; 
    padding: 0em;
    }

#bild_kreislogo_re{ /* ganz rechts */
    width:           162px;
    height:           80px;
    position:        absolute;  top: 10px;  right:10px;
    z-index:         1; 

    margin:          0px 1em 0em 0em; 
    padding:         0em 0em 0em 0em; 

    /*
    display:  none; */

    /*  
    border:   1px solid #ccc;  */
    }

#bild1{ /* ganz rechts */
    width:           200px;
    height:           70px;
    position:        absolute;  top: 10px;  right:10px;
    z-index:         1; 

    margin:          0px  0px 0em 0em; 
    padding:         0em  0em 0em 0em; 

    /*
    display:  none; */

    /*  */
    border:   1px solid #ccc; 
    }

#bild2{ /* zweites von rechts */
    width:           200px;
    height:           70px;
    position:        absolute;  top: 10px;  right:210px;
    z-index:         2; 

    margin:          0px  0px  0em  0em; 
    padding:         0em  0em  0em  0em; 

    /*  */
    display:  none; 

    /*  */
    border:    1px solid #ccc; 
    }

#ueberschrift{ 
    width:        50%;
    height:       70px;
    position:     absolute;  top: 0px;  left:25%;
    z-index:      5; 

    margin:       0em 0em 0em 0em; 
    padding:      0em 0em 0em 0em; 
    text-align:   center; 
    /*  
    border:       1px dashed green; */
    }

#ueberschrift h1{ 
    margin:       34px 0em 0em 0em; 
    FONT-SIZE:    24px; 
    cursor:       pointer; 
    }

#printheader{ 
    text-align:   center; 
    }

#printheader h1{ 
    FONT-SIZE:    24px; 
    }


/* ----- Test-Borders ----- */

#header img{ 
    /*   
    border: 1px dotted #333;  */
    }

body tr td{ 
    /* 
    border: 1px dotted #333;  */
    }

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

/* ----- Navigation (auf derlinken Seite) ----- */

  #navigation {
    width: 15em;
    background: url(bilder/verlauf_re.gif) top right repeat-y;
    margin:  0em 0em 0em 0em; 
    padding: 2em 0.5em 1em 0em;

    font-size: 0.85em;
  }

  #navigation ul { 
    margin: 0em; 
    list-style-type: none; 
    }

  #navigation ul li {
    margin:    0em   0em   0em -1.0em;  /* für alle Browser */
    padding: 0.5em 0.5em 0.5em    0em;
    }


  #navigation ul a {
    margin:  0; 
    padding: 0.2em;
    display: block; 
    font-weight: bold; 
    text-decoration:none;
    }

  #navigation ul a:link    { }
  #navigation ul a:visited { }
  #navigation ul a:focus   { }
  #navigation ul a:hover   { font-style: italic; }
  #navigation ul a:active  { }

  #navigation ul li .nolink {
    background-color: #f3f3f3; 
    color:            green;
    padding:          0.2em;
    display:          block; 
    font-weight:      bold; 
    }


/* ----- Navigationsleiste 2. Ebene ----- */
/* */
#navigation li ul{
    margin: 0em; 
    list-style-type:circle ; 
    }

#navigation li ul li {
    margin:    0em   0em   0em -1.5em; 
    padding: 0.1em 0.1em 0.1em    0em;
    }

#navigation li ul a{
    FONT-SIZE: 0.9em; 
    padding:     0.2em;
    }

  #navigation ul li ul li .nolink {
    FONT-SIZE: 0.9em; 
    }


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

  #inhalt {
    margin: 0em  11em 0em 14em;
    padding: 2em 1em 1em 1em;

  }

  #inhalt a {
    text-decoration:none;
  }

  #inhalt a:link    { }
  #inhalt a:visited { }
  #inhalt a:focus   { }
  #inhalt a:hover   { }
  #inhalt a:active  { }


/* ----- Informations-Leiste rechts ----- */

  #info {
    width: 15em;
    background: url(bilder/verlauf_li.gif) top left repeat-y;
    margin:  0em 0em 0em   0em; 
    padding: 2em 0em 1em 0.5em;
    text-align:center; 
    font-size: 0.9em;
  }

  #info h2 {
    margin: 0em 0em 0.8em 0em; 
    font-size: 1.2em;
  }

  #info p {
    font-size: 1em;
    margin: 0.5em;
  }

  #info a {
    font-weight: bold; 
    text-decoration:none;
  }
  #info a:link    { }
  #info a:visited { }
  #info a:focus   { }
  #info a:hover   { font-style: italic; }
  #info a:active  { }


/* ----- Fußzeilen ----- */

#footer , #footer_li , #footer_re {
    height: 4em;
    background: url(bilder/verlauf_oben.gif) top left repeat-x;
    margin:  0em    0em    0px    0em; 
    padding: 1em  0.3em  0.5em  0.3em; 
    /* 
    background-color: rgb( 240 , 240 , 240 ); */  
    FONT-SIZE:0.8em; 
    }

#footer{
    text-align: center;
    }

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



/* ----- Bilder und Boxen in Seiten ----- */

.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;
    }


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

.boxrechts{ 
    border: 1px solid #666;
    }

/* ----- Navigation zum Seitenanfang ----- */
.toplink{
    float:right;
    width: 10em;
    margin:  0.5em -1%  0px  0px; 
    padding:   0px  0px 0px 10px; 
    /* border: 1px dotted #333; */
    text-align:right;
    color:#cc0000;
    font-size: 0.8em;}

.toplink a{
    padding: 0.2em;
    text-decoration:none; 
    color:#0000cc;}

.toplink a:hover{
    font-style:italic;
    color:#cc0000;}

.toplink img{
    margin:4px 7px 0px 4px; 
    width:7px; height:7px;
    border-style:none;
}

/* ----- Nur beim Drucken anzeigen ----- */

@media screen {
    #printfooter, #printheader{
        display:none; }
    }

/* ----- Angaben für den Druck ----- mehr dazu in www.Baummord.de ----- */
@media print
    {

    BODY{    
        FONT-SIZE:0.9em;
        }

    h1{ FONT-SIZE:1.40em; }
    h2{ FONT-SIZE:1.20em; }
    h3{ FONT-SIZE:1.10em; }
    h4{ FONT-SIZE:1.00em; }
    h5{ FONT-SIZE:0.90em; margin-top: 5px; }


    #printheader{
        margin:  0px 0px 0px 0px;
        padding:10px 0px 0px 0px;
        } 

    #ueberschrift{ 
        width:        auto;
        height:       auto;
        position:     static;   /* Normaleinstellung */
        margin:       0em 0em 0em 0em; 
        padding:      0em 0em 0em 0em; 
        text-align:   left; 
        /* 
        border:       1px dashed green;  */
        }
    #ueberschrift h1{ 
        margin:       0px 0em 0em 0em; 
        FONT-SIZE:    1.40em;
        }

    #inhalt{
        width:   600px;
        margin:   0px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        border:  none;
        }

    #header,  #header_li,  #header_re , #header2 , #bild1, #bild2 ,
    #navigation , #info , 
    #footer , #footer_li , #footer_re ,
    #counter, .toplink{
        border:  none;
        display: none;
        }

    #printfooter{
       /*
        width:   600px; */
        margin:  20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center; 
        FONT-SIZE:0.8em;
        } 
    }