/*  ====================================================================
Stylesheet für die Steuerung der Bilder, Galerien
------------------------------------------------------------------------
Stand:  2010-10-06
Datei:  standard.css
Media:  screen
Datum:  30.09.2010
Autor:  Siegfried Holler
Aufbau: Grundgerüst
        Schriftformatierung für Überschriften
        Untermenü zu menu.php
        Hauptmenü zu menu_top.php
        Contentbereich
        Hyperlinks
        Allgemeine Classes
        Fotogalerie
        Moser
========================================================================= */


 /*
   Grundgerüst
   =============================================  */
 html { height: 101%; }
 body {
   color: white; /* Schriftfarbe=grds.black*/
   background-color: white;                  /*alternativ: #90EE90 */
   /* background-image: url(../images/back.jpg); Datei geändert in __back.jpg */
   background-repeat:repeat-y;
   font-family:  Arial, Verdana, Helvetica, sans-serif;         /* Schriftarten */
   font-size: 75%; /* Schriftgröße=small=klein=gute Ausgangsposition */
   margin-top:0px;
   margin-bottom:0px;

   }


 /*
   Beginn Schriftformatierung für Überschriften
   =============================================  */

/* Serifenschrift für Überschriften, inkl. h1 (alt-Text) */
   h1, h2, h3, h4, h5, h6 {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-weight: normal;   /* bold */
}
/*  Überschriftengrößen auf Basis von small (13px) */
/*    h1 { font-size: 200%; }      ca. 26px */ /* 1.Überschrift: kein Leerzeichen zwischen Zahl und Maß */
/*     h2 { font-size: 184.62%; }  ca. 24px */
/*     h3 { font-size: 153.85%; }  ca. 20px */
 /*     h4 { font-size: 138.46%; } ca. 18px */
/*     h5 { font-size: 123.08%; }   ca. 16px */
 /*     h6 { font-size: 107.69%; } ca. 14px */

   h1 { font-size:  24px; }     /* ca. 26px */ /* 1.Überschrift: kein Leerzeichen zwischen Zahl und Maß */
    h2 { font-size: 22px; }  /* ca. 24px */
    h3 { font-size: 20px; }  /* ca. 20px */
    h4 { font-size: 18px; }  /* ca. 18px */
    h5 { font-size: 16px; }   /* ca. 16px */
    h6 { font-size: 14px; }  /* ca. 14px */


/* Beginn Untermenü zu menu.php
   ============================ */

* html .menu_left { width: 104px; }   /* für IE6 */

.skiplink {             /* in der kopf.php - Sprungmarke ist der Inhalt(#content)*/
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}


/* Wrapper und Kopfbereich
   ========================== */

 #wrapper {     /* Das HTML-Element mit dem Attribut id="wrapper", hier: noch nicht aktiv */
   color: black;
   background-color: white; /*code:#F0F7D9; davor: url(farbverlauf_navi.jpg) repeat-y top left;*/
   background-image: url(../images/back.jpg);
   background-repeat:repeat-y;
   width: 1024px;
   border: 0px solid #d9d9d9;  /* skyblue  von menu_main.php*/
   margin: 10px auto;         /*    Abstand zwischen html und wrapper und somit zum Bildschirm*/

 }



 .menu_left {                                /* Navibereich links eigentlich mit Identitäten arbeiten #+id  */
   float: left;
   display: block;  /* richtet die Links unter einander aus */
   width: 124px;     /*nicht auf Prozent setzen*/
   outline: none;
   color: black;
   background-color: #8FBC8F;      /*   ggf. auf  white; */
   padding-top: 40px;
   border: 0px solid pink;  /* Rahmenlinie unten mit 1 Pixel dick und durchgezogen (solid) Farbe=#8c8c8c */
   margin-top: 25px;
   margin-right: 130px;
}

 .menu_left ul {
   margin-bottom:0px;
   }

 .menu_left li {
   display: block;  /* richtet die Links unter einander aus */
   list-style-type: none;
   border-left:0px solid red;
   margin: 0;
   }

 .menu_left a {
   display: block;  /* richtet die Links unter einander aus */
   width: 117px;    /*  nicht auf Prozent setzen*/
   text-decoration: none;
   color: black;
   background-color: #8FBC8F;    /* ggf. auf weiß setzen*/
   padding: 0;
   border: 0 solid #8c8c8c;
   }

 .menu_left a:hover,
 .startseite #navi_top01 a,
 .kontaktseite #navi_top02 a,
 .terminseite #navi_top03 a {
   outline: none;
   color: black;
   background-color: #F0F7D9;
   }

 .menu_left a:focus,
 .startseite #navi_top01 a,
 .kontaktseite #navi_top02 a,
 .terminseite #navi_top03 a {
   outline: none;
   color: black; /* #8FBC8F; red; */
   /*font-weight: bold;*/
   background-color: #EEB;
   }


 .untermenu          /* Moser: enspricht z.Zt. der class .menu_left a */
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
  text-decoration:none;
  /* border: 2px solid pink; */
  margin-top: 40px;   /* halt Abstand nach oben zum Hauptmenü */
}


.untermenu:hover        /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
  text-decoration:underline;
}


.untermenu:active         /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
  text-decoration:none;
  outline:none;
}

   /* Ende Untermenü zu menu.php
   ===================================================================== */


/* Beginn Textbereich
   =================== */

 #content {
   float: left;
   width: 100%;
   background-color:white; /*extra weiß gehalten, weil wrapper=grün*/
   border:0px solid red;
   margin-top: 10px;
   margin-bottom:10px;
   }

 #content a {
   text-decoration: underline;
   outline: none;
   color: green;
   }

 #content a:hover,
 #content a:focus {
   outline: none;
   color:red;
   border-bottom: 0px solid #d90000;
   }


 #spalte1 {
   float: left;
   width: 72%;
   padding: 5px; /*siehe auch .clearing*/
   border: 0px solid green;
   margin: 2px;
  }

 #spalte2 {
   float: right;
   width: 25%;
   border:0px solid blue; /* gesperrt: da div generell = border: 1px solid blue; */
   margin: 0px;
 }

 /* Ende Textbereich
   ====================================================================== */


/* Beginn Hauptmenü
   ================== */
 .menu_top {             /* Navibereich Oben eigentlich mit Identitäten arbeiten #+id  */
   float: left;
   display: inline;  /* richtet die Links unter einander aus */
   width: 1015px;     /*nicht auf Prozent setzen*/
   outline: none;
   font-weight: bold; /*normal; */
   color: black;
   background-color: #68AE29;      /* ggf. Hopfengrün Bogen: #68AE29 */
   padding-bottom: 0px;
   border-left: 0 solid pink;     /* hält links Abstand*/
   margin-right: 0px;            /* hält Abstand nach Links für den Content*/

}

 .menu_top ul {
   margin-bottom:0px;
    border: 0px solid pink;
   }

 .menu_top li {
   display: inline;              /* richtet die Links unter einander aus */
   list-style-type: none;        /* none entspricht square*/
   border-left:2px solid #68AE29;    /* Hopfengrün Bogen: #68AE29 */
   margin: 0;
   }

 .menu_top a {
   display: inline;  /* richtet die Links unter einander aus */
   width: 100px;    /*  nicht auf Prozent setzen*/
   text-decoration: none;
   color: black;
   background-color: #68AE29;      /* Hopfengrün Bogen: #68AE29 */
   padding: 8px 5px 5px 5px;
   border-left: 0px solid #68AE29;    /* Hopfengrün Bogen: #68AE29 */
   }

 .menu_top a:hover,                  /* hover=Maus, focus=Tabulator*/
 .menu_top a:focus,
 #home .menu_top01 a,                  /* Navibereich Oben eigentlich mit Identitäten arbeiten #+id  */
 #willkommen .menu_top02 a,
 #aktuelles .menu_top03 a,
 #freizeit .menu_top04 a,
 #einrichtungen .menu_top05 a,
 #gemeinde .menu_top06 a,
 #verwaltung .menu_top07 a,
 #wirtschaft .menu_top08 a,
 #gaestebuch .menu_top09 a
 {
  color: black;
  outline: none;
  font-weight: bold; /* normal */
  background-color: #F7E484;  /*Wappengelb hell: #F7E484  */
         }



 .menu_top a:active,                   /* aktive=angeklickt */
 #home .menu_top01 a,
 #willkommen .menu_top02 a,
 #aktuelles .menu_top03 a,
 #freizeit .menu_top04 a,
 #einrichtungen .menu_top05 a,
 #gemeinde .menu_top06 a,
 #verwaltung .menu_top07 a,
 #wirtschaft .menu_top08 a,
 #gaestebuch .menu_top09 a

  {
   outline: none;
   font-weight: bold; /* normal; */
   color: black;
   background-color: #BBDAAC;     /* Hopfengrün hell: #BBDAAC */
   }



.hauptmenu      /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
  text-decoration:none;
  font-weight:600;
}


.hauptmenu:hover      /* Moser */
{
  font-family:Arial;
  color:#ff0000;
  font-size:10pt;
  text-decoration:underline;
  font-weight:600;
}

 /* Ende Hauptmenü
   ====================================================================== */


   /* Beginn Hyperlinks
   ======================== */

/*Html-Element a sowie Pseudoklassen a:link u. a. */
 /*a { text-decoration: none; outline: none; background: yellow;} Unterstreichung entfernen, weil optisch abgesetzter Navi-Bereich;   */
 /*a:link { color: #d90000; }#d90000 a:link ist eine Pseudoklasse (wenn Doppelpunkt direkt hinter Element a - ohne Zwischenraum)*/
 /*a:visited { color: black; } schwarz, weil die Farbe #cc6666 beim dynmenu2 nicht passt*/
 /*a:hover, a:focus {border-bottom: 0px solid #d9d9d9;}  */
 /*a:active { color: black; background-color: white;}*/              /*#d90000 ist weiß */


a img                /*  alle img-Kisten, die in der a-Kiste sitzen */
 {                                 /* Formatierungen in Klammern */
 border: 0;                 /* kein Rahmen, wenn Bild ein Hyperlink ist  */
 }

 /* Ende Hyperlinks
   ====================================================================== */


/* Beginn Allgemeine classes
   ============================= */

   .anker                           /* Positionierung der Grafik (anheben) */
  {                                      /* Formatierungen in Klammern */
   float:right;                        /* schwebe nach rechts */
     }

 .bildlinks {
   float:left;
   padding: 4px;
   border: 1px solid #ccc;
   margin-right: 10px;
   margin-bottom: 10px;
 }

 .bildrechts                            /* Positionierung der Grafik (anheben) */
  {                                      /* Formatierungen in Klammern */
   float:right;                        /* schwebe nach rechts */
   padding: 0px;                       /* float immer mit width - warum hier nicht?*/
   border: 0px solid #d9d9d9;
   margin-bottom:0px;                /* Abstand zum Text nach unten */
   margin-left:0px;                  /* Abstand zum Text nach links */
  }

 .bildrechts1        /* MOT - Positionierung der Grafik (anheben) */
  {                                      /* Formatierungen in Klammern */
   float:left;                        /* schwebe nach rechts */
   padding: 3px;                       /* float immer mit width - warum hier nicht?*/
   border: 3px solid #d9d9d9;
   margin-bottom: 0px;                /* Abstand zum Text nach unten */
   margin: 0px;                  /* Abstand zum Text nach links */
  }

 .clearing { clear: both;
  margin-bottom: 0px;  /* vorher 10px - Bildtitel bei 0px näher am Bild */
  padding: 0px; /*siehe auch #spalte1*/
  }


 .dbangaben {
   float:left;
   font-size: 85%;
   color:green;
  }


 .tabmich:focus, .tabmich:active {    /* Bei Navigation per TAB-Taste sichtbar machen */
   position: absolute;
   top: 9999px;   /* Werte für top/left ggfs. dem Layout anpassen */
   left: 9999px;
   display: inline;
   width: 12em;   /* Werte für width/height dem Text anpassen */
   height: auto;
   color: black;
   background-color: white;
   padding: 5px;
   border: 1px solid black;
 }

  .versteckmich {
   position: absolute;        /* Elemente verstecken */
   left: -9999999px;
   top: -99999px;
   display: inline;
   width: 0;
   height: 0;
 }

/* Ende Allgemeine classes
   ====================================================================== */





/* Beginn Fotogalerie
   ================== */

div.galerie {
   overflow: hidden;
   background-color: white;     /*vorher: pink */
   padding: 10px 10px 10px 0;
   border: 0px dotted black;
   margin: 0;
   }

* html div.galerie { height: 1%; } /* für IE6 */

  div.galerie img {
   float: left;
   padding: 0;
   border: 3px solid #ddd;
   border-right-color: #aaa;
   border-bottom-color: #aaa;
   margin-right: 10px; /*dann, wenn Text daneben*/
   margin-top: 5px;     /* Abstand zwischen Bild und Bildtitel */
   margin-bottom: 0px; /* Abstand zwischen Bild und Bildtitel */
   }

 * html div.bild02 { height: 1%; } /* für IE6 */

   .bild02 {       /* bild02 im Text02 */
   overflow: hidden;
   text-align: center;
   font-size: x-small;
   background-color: transparent;
   padding: 0px;
   border: 0px dotted black;
   margin-top: 20px;
    }

   .birglandplan {
    text-align: center;
    margin-left:-5px;   /* ortsplan nach links, da rechts zu gr0ß */
  }

 /* Ende Fotogallerie
   ====================================================================== */



font                        /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
}

td
{                              /* Moser */
  font-family:Arial;
  color:#000000;
  font-size:10pt;
}

.std8                          /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:8pt;
}

.std9                         /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:9pt;
}

.fett9                          /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:9pt;
  font-weight:bold;
}

.std10                            /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
}

.fett10                             /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:10pt;
  font-weight:bold;
}

.std11                             /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:11pt;
}

.fett11                           /* Moser */
{
  font-family:Arial;
  color:#000000;
  font-size:11pt;
  font-weight:bold;
}

/*  ====================================================================
                      Ende des Stylesheet standard.css
========================================================================= */