/* 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.content  { /*Größe des Textfeldes*/
        position:absolute;
        visibility:hidden;
        width: 854px;/*Breite*/
        height:358px;/*Höhe*/
        left:23px;/*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: 856px;
        height:360px;
        left:22px;
        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:540px;/*Abstand vom oberen Rand*/
        z-index:3;
        /*overflow:hidden;*/
        border: 1px solid #9b9b9b;
        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 #9b9b9b;
        background-color: #f3f3f3;
}

table.cont {         /*Textfeld - Hintergrundfarbe*/
        padding:5px;
        /*margin:10px;*/
        left:23px;
        border: 0px solid #9b9b9b;
        background-color: #f3f3f3;
}

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

table.imp {         /*Impressum*/
        padding:5px;
        left:23px;
        border: 1px solid #9b9b9b;
        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;
        border-top: 0px;
        border-bottom: 0px;
        border-right: 0px;
        border-left: 1px solid #9b9b9b;
        background-color: #f3f3f3;
}
td.homeleft {/*Zelle einer Tabelle mit linkem Rahmen und grauem Hintergrund*/
        vertical-align:top;
        padding-top:0px;
        padding-right:5px;
        padding:0px;
        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: #ff0000;  /*rot*/
                        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;
                }

.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: #ff0000; /*rot*/
}

.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-decpration: none;
}

div#Inhalt {
  font-size: 12px; width: 835px;
  margin: 0;  padding: 0px 0px;
  /*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: 645px;
  padding: 6px 6px 0 6px;
  /*background-color: #e0e0e0; */
  border:1px;
  border-left: 1px solid #9b9b9b;
  min-width: 14.8em; /* 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: 630px;
  padding: 6px 6px 0 6px;
  /*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#Terminere {
  margin-left: 520px;
  padding: 6px 6px 0 6px;
  /*background-color: #e0e0e0; */
  border:1px;
  border-left: 1px solid #9b9b9b;
  min-width: 14.8em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Terminere h1 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Terminere h2 {
  font-size: 18px;
  margin: 0 0 1em;
}
div#Terminere p {
  font-size: 12px;
  margin: 1em 0;
}

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

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

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

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

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: 810px;
  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: 820px;
  height:0.91em;
  margin: 0; padding: 0.5em 0.5em;
  /*border: 1px dashed silver;*/
}

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