body
{
background-image:url(./gif/1x1.jpg);
/*background-color: #FFFFB9;*/
color: #00009F; border: 0px;
margin: 5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#logo
{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 5px;
}

#logo1
{
padding-top: 90px;
padding-bottom:0px;
padding-left: 5px;
background-color: #B4DCBB;
}

#content
{
position: absolute;
width:690px;
border-left: 1px solid #00AFFF;
padding-left: 10px;
margin: 10px;
left: 130px;
top: 225px;
font-size: 12px;
}

#content p
{
padding-bottom: 10px;
text-align: justify;
}

.gruppe

{
margin: 0px; width: 690px
}

.info_links
{
background: transparent;
color: #FFFFFF;
border: 1px solid #FFFFFF;
padding: 3px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.info_rechts
{
position: absolute;
background: #FFBF00;
top: 0px;
left: 705px;
width: 150px;
border: 1px solid #FF6600;
padding: 4px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

.info_rechts1
{
position: absolute;
background: #FFCC00;
top: 180px; left: 705px;
width: 140px; height: 340px;
padding: 4px;
border: 1px solid #FF6600;
}

.info_rechts2
{
position: absolute;
background: transparent;
top: 310px; left: 700px;
width: 140px; height: 196px;
padding: 4px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
}

.info_rechts3
{
position: absolute;
background: transparent;
top: 80px; left: 5px;
padding: 0px;
}

#ueber1
{
position: absolute;
/*background-color: #FFBF00;*/
width:300px;
top: 25px;
left: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 50px;
color: #00A0FF;
background-color: transparent;
/*font-weight: bold;*/
z-index: 2;
}

#ueber2
{
position: absolute;
top: 8px;
width:800px;
height: 180px;
left: 10px;
z-index: 1;
/*background-image: url(img/herbstlogo-test3.jpg);*/
/*background-image: url(img/head-banner.jpg);*/
}

.ueber3
{
position:absolute;
top:80px;left:145px;z-index:3;
font-size:10pt;
line-height:12pt;
color:#00009F;
background-color: transparent;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
letter-spacing:0.2mm;
word-spacing:0.8mm;
}

h1, h2, h3
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1
{
font-size: x-large;
font-style: italic;
color: #FFDF00;
background-color: transparent;
padding: 40px 15px 40px 15px;
margin: 0px;
white-space: nowrap;
}

h6
{
font-size: 12px;
color: #00009F;
background-color: transparent;
margin: 10px 0 10px 0;
text-align: left;
white-space: nowrap;
margin: 0px;
}

.bild img
{
margin: 5px;
}

.leer
{
margin-left: 5px; clear: both
}

h2
{
font-size: 1.0em;
color: #00007F;
background-color: transparent;
margin: 0px 5px 10px 15px;
text-align: left;
white-space: nowrap;
}

h3 {
font-size: 1.1em;
color: #0000BF;
background-color: transparent;
margin: 5px 10px 5px 0px;
text-align: left;
white-space: nowrap;
/*border-bottom: 1px solid green;*/
text-decoration: underline;
}

/*
h4 {
        font-size: 1.1em;
        color: #000000;
        background-color: transparent;
        margin: 10px 0 10px 0;
        text-align: center;
        white-space: nowrap;
}
h5{
        font-size: 2.0em;
        color: #007F00;
        background-color: transparent;
        margin: 10px 0 10px 0;
        text-align: left;
        white-space: nowrap;
}

h7 {
        font-size: 12px;
        color: #00009F;
        background-color: transparent;
                white-space: nowrap;
         font-weight: bold;
 }
*/


/* Menuebereich */
/* Horizontale Leiste */


.menue
{
Position: absolute;
Top: 170px;
Left: 10px;
Width: 820px;
color:#FFFFFF;
background-color: #0060FF;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 12px;
Text-Align: justify;
Margin: 1px;
Padding: 5px;
}

.menuetext
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color: #bf0000;
background-color: transparent;
Position: absolute;
Left: 150px;
Top: 210px;
width: 640px;
Height: 18px;
}

.oben
{vertical-align:top;}


.subnav
{
 Position: absolute;
 padding: 4px;
 top: 230px;
 left: 5px;
 width:120px;
}

#footer {
        color: #FFFFFF;
        background-color: #0000BF;
        margin: 15px 0px 20px 0px;
        padding: 4px;
        font-size: 90%;
}


.textbox {
        border: 1px solid gray;
        margin: 5px;
}

/*hr {
        color: #8FBC8F;
        background: #8FBC8F;
        margin: auto 0px auto auto;
        width: 100%;
        text-align: left;
}
*/

xtable {
        table-layout: fixed;
        width: 800px;
        height: 150px;
        border-collapse: separate;
        border-spacing: 10px;
        empty-cells: show;
}

/*Stil für Ferientabelle*/

.zeile1
{
BACKGROUND-COLOR: #FFFFB9
}
.zeile2
{
BACKGROUND-COLOR: #ffcc66
}
.zeile3
{
BACKGROUND-COLOR: yellow
}

/*
.druck
@page{size: 20.999cm 29.699cm; margin-top: 2cm; margin-bottom: 2cm;margin-left: 2cm;margin-right: 2cm;
}
*/
.navi
{
position: absolute;
top: 92px;
left: 0px;
width: 120px;
text-align: left;
font-family: Times;
padding-left: 7px;
}

.banner
{
position: absolute;
top: 0px;
left: 0px;
}

.inhalt
{
        position: absolute;
        top: 92px;
        left: 120px;
        width: 530px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.rand {
position: absolute;
top: 92px;
left: 650px;
width: 150px;
text-align: right;
padding-right: 7px;
}

.absatz
{
text-align: justify;
font-size: small;
}

.schatten
{
position: absolute;
top: 205px;
left: 385px;
width: 140px;
height: 100px;
background-color: #007F00;
visibility: hidden;
z-index: 10;
}

.f-info
{
        Color: #FF0000;
        Background-Color: #FFFF00;
        Font-Family: Arial, Helvetica;
        Font-Size: 12px;
        Text-Decoration: none;
        border-top-style: solid;
        border-left-style: solid;
        border-bottom-style: solid;
        border-right-style: solid;
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-bottom-width: 1px;
        border-color: Gray;
        width: 40px;
        padding: 2px;
        margin: 3px;
}

/* ################# Formate Feriendateien ##################### */

.bild
{
float: left; text-align: left;
}

/*Für Ferieninformationen Ferien-kurz.htm */

.kopf
{
color: #00009F;
font-family: Verdana,Arial,Helvetica;
font-size: 12px;
padding: 3px 3px 3px 3px;
width: 100%;
background-color: #FFBF00;
}

.zeile
{
background-color: #DF0000;
width:100%;
height=12px;
color: #FFFFFF;
}

.info
{
background-color: #009F00;
}

/*Ende Ferieninformationen ferien-kurz.htm */
.umenue
{
width: 120px;
padding: 2px;
/*background-color: #0080FF; */
padding-left: 5px;
text-decoration: none;
border-bottom: 1px solid #8F8F8F;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
display: block;
}

a:link {
color :#FFFFFF;
padding : 3px;
/*border : 1px solid #F3F3F3;*/
text-decoration: none; }

a:visited {
        color: Blue;
        padding: 3px; /*border : 1px solid #F3F3F3;*/
        text-decoration: none;
}

a:hover {
color : #FFFFFF;
background-color : #00A0FF;
padding : 3px;
/*border : 1px solid #666666;*/
text-decoration: none; }

a:active {
color : #FFFFFF;
background-color : #00A0FF;
padding : 3px;
/*border : 1px solid #666666;*/
text-decoration: none; }

#link
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: transparent;
}

/*Einblendung Information auf Startseite */

.banner {
  position: absolute;
  top: 0px;
  left: 0px;
}
.inhalt {
  position: absolute;
  top: 92px;
  left: 120px;
  width: 530px;
  font-family: Comic Sans MS;
}
.rand {
  position: absolute;
  top: 92px;
  left: 650px;
  width: 150px;
  text-align: right;
  padding-right: 7px;
}
.absatz {
  text-align: justify;
  font-size: large;
}

.splash {
  position: absolute;
  top: 100px;
  left: 250px;
  width: 260px;
  height: 140px;
  background-color: #FFDF00;
  text-align: center;
  visibility: hidden;
  z-index: 11;
}
 .schatten {
  position: absolute;
  top: 107px;
  left: 257px;
  width: 260px;
  height: 140px;
  background-color: #99CCFF;
  visibility: hidden;
  z-index: 10;
}