/* CSS Document */

body  {
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        overflow: auto; /*Der Browser soll entscheiden, ob im Bedarfsfall Scrollbars angezeigt werden oder nicht*/
}
a.menu:link,a.menu:visited,a.menu:active
                {
                        text-decoration: none;
                        color: #336699;
                        font-weight: normal;
                        font-size: 12px;
                        font-family: Arial, helvetica, sans-serif;
                }
a.menu:hover
                {
                        text-decoration: none;
                        color: #336699;
                        font-weight: normal;
                        font-size: 12px;
                        font-family: Arial, helvetica, sans-serif;
                }
.like_menu {
                        text-decoration: none;
                        color: #336699;
                        font-weight: normal;
                        font-size: 12px;
                        font-family: Arial, helvetica, sans-serif;
}
td.menu {
        cursor: pointer;
}
div.menu  { /* Position der unteren Menüleiste*/
  cursor: pointer;
  position:absolute;
  visibility:hidden;
  top:126px;
  width: 119px;
  z-index:3;

}

div.menu1  { /* Position der oberen Menüleiste*/
  cursor: pointer;
  position:absolute;
  visibility:hidden;
  top:1px;
  width: 24px;
  z-index:3;

}
div.menu2  { /*Größe des linken Menufeldes*/
        position:absolute;
        visibility:hidden;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        width: 150px;/*Breite*/
        height:360px;/*Höhe*/
        left:23px;/*Abstand vom linken Rand*/
        top:155px;/*Abstand vom oberen Rand*/
        z-index:3;
        overflow:hidden;
}

div.content  { /*Größe des Textfeldes*/
        position:absolute;
        visibility:hidden;
        width: 704px;/*Breite*/
        height:358px;/*Höhe*/
        left:223px;/*Abstand vom linken Rand*/
        top:156px;/*Abstand vom oberen Rand*/
        z-index:3;
        overflow:hidden;
}

div.flow  {/*Größe des Textfeldrahmens*/
        position:absolute;
        visibility:hidden;
        width: 706px;
        height:360px;
        left:222px;
        top:162px;
        z-index:2;
        overflow:hidden;
        border: 0px solid #9b9b9b;
}

div.impressum  { /*Größe des Impressums*/
        position:absolute;
        visibility:hidden;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-align: center;
        width: 856px;/*Breite*/
        height:30px;/*Höhe*/
        left:22px;/*Abstand vom linken Rand*/
        top:528px;/*Abstand vom oberen Rand*/
        z-index:3;
        /*overflow:hidden;*/
        border: 1px solid #000000;
        background-color: #f3f3f3;
        /*padding: 5px;   */
}


div.sub_content {
        position:absolute;
        visibility:hidden;
        z-index:4;
        overflow:hidden;
}

div.content_title  {
        position:absolute;
        visibility:hidden;
        top:139px;
        left:23px;
          z-index:4;
          overflow:hidden;

}

table.tflow {
        border: 1px solid #000000;
        background-color: #f3f3f3;
}

table.cont {         /*Textfeld - Hintergrundfarbe*/
        padding:5px;
        /*margin:10px;*/
        left:23px;
        border: 0px solid #000000;
        background-color: #f3f3f3;
}
table.contli {         /*Menüfeld - Hintergrundfarbe*/
        padding: 1em;
        left:23px;
        border: 1px solid #000000;
        /*background-color: #ff9f00;*/
        /*background-color: #e0e0e0;*/
        background-color: #f3f3f3;
}

table.noscript {         /*noscript*/
        padding:5px;
        left:23px;
        border: 1px solid #000000;
        background-color: #f3f3f3;
}

table.imp {         /*Impressum*/
        padding:5px;
        left:23px;
        border: 1px solid #000000;
        background-color: #f3f3f3;
}

/*table.guestbook {
        border: 0px;
        background-color: #f3f3f3;
}*/

td.herbertr {/*Zelle einer Tabelle mit rechtem Rahmen und blauem Hintergrund*/
        border-top: 1px solid #9b9b9b;
        border-bottom: 1px solid #9b9b9b;
        border-right: 1px solid #9b9b9b;
        border-left: 0px;
        background-color:#9CB2BB;
}

td.herbertl {/*Zelle einer Tabelle mit linkem Rahmen und blauem Hintergrund*/
        border-top: 1px solid #9b9b9b;
        border-bottom: 1px solid #9b9b9b;
        border-right: 0px;
        border-left: 1px solid #9b9b9b;
        background-color:#9CB2BB;
}

td.otherr {/*Zelle einer Tabelle mit rechtem Rahmen und grauem Hintergrund*/
        border-top: 1px solid #9b9b9b;
        border-bottom: 1px solid #9b9b9b;
        border-right: 1px solid #9b9b9b;
        border-left: 0px;
        background-color: #e0e0e0;
}

td.otherl {/*Zelle einer Tabelle mit linkem Rahmen und grauem Hintergrund*/
        border-top: 1px solid #9b9b9b;
        border-bottom: 1px solid #9b9b9b;
        border-right: 0px;
        border-left: 1px solid #9b9b9b;
        background-color: #e0e0e0;
}

td.homeright {/*Zelle einer Tabelle mit linkem Rahmen und grauem Hintergrund*/
        vertical-align:top;
        padding-top:0px;
        padding-left:5px;
        padding-right:5px;
        border-top: 0px;
        border-bottom: 0px;
        border-right: 0px;
        border-left: 10px solid #FFFFE0; /*light yellow*/
        background-color: #FFFFE0; /*light yellow*/
        /*background-color: #ffc000; */
}
td.homeleft {/*Zelle einer Tabelle mit linkem Rahmen und grauem Hintergrund*/
        vertical-align:top;
        padding-top:0px;
        padding-left:5px;
        padding-right:5px;
        padding:5px;
        border-top: 0px;
        border-bottom: 0px;
        border-right: 0px;
        border-left: 0px;
        background-color: #f3f3f3;
}
td.centered {/*Zelle einer Tabelle mit zentriertem Text*/
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-align:center;
        vertical-align:top;
        padding-top: 10px;
        padding-right: 0px;
        border-top: 0px solid #9b9b9b;
        border-bottom: 0px;
        border-right: 0px;
        border-left: 0px;
        background-color: #f3f3f3;
}

a:link,a:visited,a:active /*Anzeigen eines Links, der sich im Textfeld befindet*/
                {
                        text-decoration: none;
                        color: #999999; /*grau*/
                        font-weight: bold;
                        font-size: 12px;
                        font-family: Arial, helvetica, sans-serif;
                }
a:hover /*Anzeigen eines Links, der sich im Textfeld befindet, wenn man mit der Maus drüberfährt*/
                {
                        text-decoration: none;
                        color: #ffc000;  /*orange hell*/
                        font-weight: bold;
                        font-size: 12px;
                        font-family: Arial, helvetica, sans-serif;
                }

.head /*Format der Kopfzeile*/
                {
                        text-decoration: none;
                        color: #464E54; /*grau*/
                        font-size: 14px;
                        font-family: Arial, helvetica, sans-serif;
                }

.text            /*Format des Textes im Textfeld*/
                {
                        font-family: Arial, helvetica, sans-serif;
                        font-size: 12px;
                }

.textcentered            /*Format des Textes im Textfeld*/
                {
                        font-family: Arial, helvetica, sans-serif;
                        font-size: 12px;
                        text-align:center;
                }

.b            /*Fetter Text im Textfeld*/
                {
                        font-family: Arial, helvetica, sans-serif;
                        font-size: 12px;
                        font-weight: bold;
                }

.mlink {/*Anzeige eines Menülinks*/
        cursor: pointer;
        font-weight: bold;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #999999;
        /*color: #464E54; *//*grau*/
}

.mlink:hover {/*Anzeige eines Menülinks, wenn man mit der Maus drüberfährt*/
        cursor: pointer;
        font-weight: bold;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #ffc000;/*orange hell*/
        /*color: #ff0000; *//*rot*/
}

.sublink {/*Anzeige eines Sublinks*/
        cursor: pointer;
        font-weight: bold;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #999999; /*grau*/
}

.sublink_active {/*Anzeige des gerade aktiven Sublinks*/
        cursor: pointer;
        font-weight: bold;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #000000; /*schwarz*/
}

.subsublink {/*Anzeige eines Subsublinks*/
        cursor: pointer;
        font-weight: bold;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #999999;
        /*color: #464E54; *//*grau*/
}

.subsublink:hover {/*Anzeige eines Subsublinks, wenn man mit der Maus drüberfährt*/
        cursor: pointer;
        font-weight: bold;
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        text-decoration: none;
        color: #ffc000; /*orange hell*/
}

.fotos-right
{
         float: right;
         border: 0px solid #000000;
         padding: 0px;
         margin-top: 3px;
         margin-right: 5px;
         margin-left: 5px;
         margin-bottom: 3px;

}

.fotos-left
{
         float: left;
         border: 1px solid #f3f3f3;
         padding: 0px;
         margin-top: 2px;
         margin-right: 5px;
         margin-left: 0px;
         margin-bottom: 2px;

}

.imglink{
         curser: pointer;
         text-decoration: none;
}

h1
{
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
        font-size: 20px;
        font-weight: normal;
        letter-spacing: 10px;
        line-height: 16px;
        color: #000000;
        text-align: left;
        margin: 0px;
        padding: 0px;
}


h3
{
        font-family: Arial, helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-align: left;
        padding: 0px;
        margin: 0px;
}

h3.inline /*Wenn eine normale h3 auf Grund des autom. Zeilenumbruches nicht wünschenswert ist*/
{
        display: inline;
        font-family: Arial, helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-align: left;
        padding: 0px;
        margin: 0px;
}

h3.center
{
        font-family: Arial, helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        color: #000000;
        text-align: center;
        padding: 0px;
        margin: 0px;
}

p
{
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        padding: 0px 0px 10px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        border: 0px;
}

p.center
{
        font-family: Arial, helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-align: center;
        padding: 0px 0px 10px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        border: 0px;
}

/*Test CSS Tabellenlayout*/

body {
  color: black; background-color: white;
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 1em;
}

ul#Navigation {
  font-size: 0.91em;
  float: left; width: 22em;
  margin: 0; padding: 1 em;
  border: 1px dashed silver;
}
ul#Navigation li {
  list-style: none;
  margin: 0; padding: 0.5em;
}
ul#Navigation a {
  display: block;
  padding: 0.2em;
  font-weight: bold;
}
ul#Navigation a:link {
  color: black; background-color: #eee;
}
ul#Navigation a:visited {
  color: #666; background-color: #eee;
}
ul#Navigation a:hover {
  color: black; background-color: white;
}
ul#Navigation a:active {
  color: white; background-color: gray;
}

div#Inhalt {
  font-size: 12px;
  margin: 0;  padding: 12px 12px;
  /*border: 1px dashed silver;*/
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Inhalt h1 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Inhalt h2 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Inhalt p {
  font-size: 12px;
  margin: 1em 0;
}

div#Spaltere {
  margin-left: 368px;
  padding: 12px 12px 0 12px;
  background-color: #e0e0e0;
  /*border-left: 1px dashed silver; */
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Spaltere h1 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Spaltere h2 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Spaltere p {
  font-size: 12px;
  margin: 1em 0;
}

div#Spalteli {
  font-size: 0.91em;
  float: left;  width: 342px;
  padding: 12px 12px 0 12px;
 /* border: 1px dashed silver;*/
}
div#Spalteli h1 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Spalteli h2 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Spalteli p {
  font-size: 12px;
  margin: 1em 0;
}

div#Bild {
  font-size: 0.91em;
  float: right; width: 10.5em;
  margin: 0; padding: 12px 12px;
  /*border: 1px dashed silver;*/
}

div#Bildli {
  font-size: 0.91em;
  float: left; width: 200px;
  margin: 0; padding: 12px 12px;
  /*border: 1px dashed silver;*/
}

div#Lehrerbild {
  font-size: 0.91em;
  float: left; width: 100px;
  margin: 0; padding: 0 12px 12px 0;
  /*border: 1px dashed silver;*/
  /*border: 1px;  */
}

div#Storiesbildquer {
  font-size: 0.91em;
  float: left; width: 200px;
  margin: 0; padding: 0 12px 12px 0;
  /*border: 1px dashed silver;*/
}

div#Storiesbildhoch {
  font-size: 0.91em;
  float: left; width: 150px;
  margin: 0; padding: 0 12px 12px 0;
  /*border: 1px dashed silver;*/
}

div#Plan {
  font-size: 0.91em;
  float: right; /*width: 10.5em; */
  margin: 0; padding: 12px 0;
  /*border: 1px dashed silver;*/
}

div#Bericht {
  /*margin-left: 183px;*/
  /*float: left; *//*width: 661px;*/
  font-size: 12px;
  margin: 0;  padding: 12px 12px;
  /*border: 1px dashed silver; */
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}

div#Bericht h1 {
  font-size: 18px;
  margin: 1em 0;
}

div#Bericht h2 {
  font-size: 18px;
  margin: 1em 0;
}

div#Bericht p {
  font-size: 12px;
  margin: 1em 0;
}

div#Berichtre {
  /*margin-left: 183px;*/
  /*float: left; *//*width: 661px;*/
  margin: 0;  padding: 12px 12px;
  /*border: 1px dashed silver;*/
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Berichtre h1 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Berichtre h2 {
  font-size: 18px;
  margin: 1em 1em;
}
div#Berichtre p {
  font-size: 12px;
  margin: 1em 0;
}

div#Inhalt2 {
 font-size: 12px;
  float: left; width: 661px;
  margin: 0;  padding: 12px 12px;
  /*border: 1px dashed silver;*/
}
div#Inhalt2 h1 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Inhalt2 h2 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Inhalt2 p {
  font-size:12px;
  margin: 1em 0;
}

div#Sublink {
  font-size: 12px;
  float: left; width: 673px;
  height:0.91em;
  margin: 0; padding: 0.5em 0.5em;
  /*border: 1px dashed silver;*/
}

div#Sublinkleer {
  font-size: 12px;
  float: left; width: 670px;
  height:0.91em;
  margin: 0; padding: 0.5em 0.5em;
  /*border: 1px dashed silver;*/
}