body {
 /*background-image:url(bilder_layout/england_fahne_grau.png);*/
 /* background-image:url(bilder/england_fahne_braun.jpg);  */
 font-family: Arial;
 text-align: center;
 color: #FFFFFF;
 background: #00001F;
 background-image:url(bilder_layout/england_fahne_grau_rahmen3.png);
}

div {
 position: absolute;
 }

/* künstlicher BODY */
.bodi {
 top:    50%;
 margin-top: -300px;
 left:   50%;
 margin-left: -490px;
 width:  980px;
 height: 600px;
/* background-image:url(bilder_layout/england_fahne_grau.gif); */
/* background-image:url(bilder_layout/hintergrund.gif);       */
 }

 /* --- TITEL ---------------------------------------------------------------------------------------------  */
.titel {
 top:      0px;
 left:     0px;
 width:  980px;
 height: 100px;
 z-index: 10;
 background-color: #5F0000;
 }

.titel h1 {
 color: #FFFF00;
 font-family: Felix Titling;
 font-size: xx-large;
 text-align: center;
 color: #CEEEB5;
}

.titel_bild {
 top:    60px;
 left:  530px;
 width:  80px;
 height: 30px;
 z-index: 10;
 background-color: #FF00FF;
 }

.titel_untertitel {
 top:     20px;
 left:   650px;
 width:  318px;
 height:  73px;
 z-index: 22;
 background:url(bilder_layout/untertitel_q.gif) no-repeat right top;
 }


 /* --- NAVIGATION -----------------------------------------------------------------------------------------  */
.nav {
 top:    101px;
 left:     0px;
 width:  980px;
 height:  50px;
 z-index: 20;

 }

/*   -->  Buttons für die Hyperlinks  */
#nav_start {
 top:      5px;
 left:     20px;
 width:  180px;
 height:  40px;
 z-index: 22;
 background-image:url(bilder_layout/menue_blau_start.gif);
 }

#nav_start:hover {
 z-index: 22;

 }

#nav_start:active {

 z-index: 22;
 background-image:url(bilder_layout/menue_rot_start.gif);
 }

#nav_lieder {
 top:      5px;
 left:   210px;
 width:  180px;
 height:  40px;
 z-index: 22;
 background-image:url(bilder_layout/menue_blau_lieder.gif);
 }

#nav_lieder:hover {
 z-index: 22;

 }

#nav_lieder:active {
 top:      6px;
 left:   211px;
 width:  178px;
 height:  38px;
 z-index: 22;
 background-image:url(bilder_layout/menue_rot_lieder.gif);
 }

#nav_bilder {
 top:      5px;
 left:   400px;
 width:  180px;
 height:  40px;
 z-index: 22;
 background-image:url(bilder_layout/menue_blau_bilder.gif);
 }

#nav_bilder:hover {
 z-index: 22;

 }


#nav_bilder:active {
 top:      6px;
 left:   401px;
 width:  178px;
 height:  38px;
 z-index: 22;
 background-image:url(bilder_layout/menue_rot_bilder.gif);
 }

#nav_termine {
 top:      5px;
 left:   590px;
 width:  180px;
 height:  40px;
 z-index: 22;
 background-image:url(bilder_layout/menue_blau_termine.gif);
 }

#nav_termine:hover {
 z-index: 22;

 }

#nav_termine:active {
 top:      6px;
 left:   591px;
 width:  178px;
 height:  38px;
 z-index: 22;
 background-image:url(bilder_layout/menue_rot_termine.gif);
 }

#nav_kontakt {
 top:      5px;
 left:   780px;
 width:  180px;
 height:  40px;
 z-index: 22;
 background-image:url(bilder_layout/menue_blau_kontakt.gif);
 }

#nav_kontakt:hover {
 z-index: 22;

 }


#nav_kontakt:active {
 top:      6px;
 left:   781px;
 width:  178px;
 height:  38px;
 z-index: 22;
 background-image:url(bilder_layout/menue_rot_kontakt.gif);
 }

.rahmen {
 top:  -30px;
 left: 0px;
 /*width: 460px;     */
 /*background-image:url(/rahmen1.png);   */
 }

 /* --- INHALT -------------------------------------------------------------------------------------------  */
.inhalt {
 z-index: 10;
 top:    153px;
 left:     0px;
 width:  980px;
 height: 446px;
 z-index: 10;
 background-color: #7F0000;
 }

.inhalt_logo {
 top:    190px;
 left:   700px;
 width:   70px;
 height: 283px;
 z-index: 18;
 /*background-color: #FF0000;    */
 background:url(bilder_layout/titel_.gif);
 }

.inhalt_text {
 top:    200px;
 left:   50px;
 width:  600px;
 height: 300px;
 z-index: 20;
 font-size: large;
 /*background-color: #FFaaaa;       */
 /* background-color: #FFaaaa;     */
 }

#inhalt_span{
 font-size: x-large;
 /*background-color: #FFaaaa;   */
 /*background-color: #5F0000;   */
}

.inhalt_text li {
 text-align: left;
}

.inhalt_text a:visited {
  color: #000000;
}

#zelle_termine_1{
 color: #000000;
 background: #D4E1F5;
}
#zelle_termine_2{
 color: #eeeeee;
 background: #A7A7A7;
}

.inhalt_fotoshow {
 top:    190px;
 left:   770px;
 width:  178px;
 height: 119px;
 z-index: 18;
/* background-color: #FF0000; */
 }

.inhalt_aktuelles {
 top:    330px;
 left:   780px;
 width:  178px;
 height: 134px;
 z-index: 18;
 background-color: #5F0000;
 }

.inhalt_datum {
 top:    570px;
 left:   780px;
 width:  178px;
 height:  20px;
 font-size: small;
 z-index: 18;
 background-color: #3F3F3F;
 }


/* --- Bilder ---------------------------------------------------------------------------------------------  */

.bild1{
 z-index: 80;
 width: 150px;
 height: 112px;
  left: 90px;
  top: 240px;
 background-image:url(bilder_layout/helge.jpg);
}

.bild1:hover{
 z-index: 100;
 left: 80px;
 width: 200px;
 height: 150px;
}


.bild2{
 z-index: 81;
 width: 150px;
 height: 112px;
  top: 300px;
  left: 210px;
}

.bild2:hover{
 z-index: 100;
 left: 200px;
 width: 200px;
 height: 150px;
}


.bild3{
 z-index: 82;
 width: 150px;
 height: 112px;
/*  top: 380px;  */
  top: 340px;
  left: 350px;
}

.bild3:hover{
 z-index: 100;
 left: 330px;
 width: 200px;
 height: 150px;
}


.bild4{
 z-index: 83;
 width: 150px;
 height: 112px;
  top: 360px;
/*  top: 360px; */
  left: 480px;
}

.bild4:hover{
 z-index: 100;
 left: 460px;
 width: 200px;
 height: 150px;
}


.bild5{
 z-index: 84;
 width: 150px;
 height: 112px;
  top: 350px;
  left: 610px;
}

.bild5:hover{
 z-index: 100;
 left: 590px;
 width: 200px;
 height: 150px;
}


.bild6{
 z-index: 85;
 width: 150px;
 height: 112px;
  top: 330px;
  left: 740px;
}

.bild6:hover{
 z-index: 100;
 left: 720px;
 width: 200px;
 height: 150px;
}


.bild911{
 z-index: 91;
 background:url(bilder_layout/helge_120x180.jpg);
 width: 120px;
 height: 180px;
  left: 90px;
  top: 240px;
}
.bild911:hover{
 z-index: 100;
 background:url(bilder_layout/helge_140x210.jpg);
 left: 80px;
 width: 140px;
 height: 210px;
}
.bild912{
 z-index: 91;
 background:url(bilder_layout/johanna_120x180.jpg);
 width: 120px;
 height: 180px;
  top: 290px;
  left: 220px;
}
.bild912:hover{
 z-index: 100;
 background:url(bilder_layout/johanna_140x210.jpg);
 left: 210px;
 width: 140px;
 height: 210px;
}
.bild913{
 z-index: 91;
 background:url(bilder_layout/thomas_120x180.jpg);
 width: 120px;
 height: 180px;
  top: 330px;
  left: 350px;
}
.bild913:hover{
 z-index: 100;
 background:url(bilder_layout/thomas_140x210.jpg);
 width: 140px;
 height: 210px;
 left: 340px;
}
.bild914{
 z-index: 91;
 background:url(bilder_layout/matz_120x180.jpg);
 width: 120px;
 height: 180px;
  top: 330px;
  left: 480px;
}
.bild914:hover{
 z-index: 100;
 background:url(bilder_layout/matz_140x210.jpg);
 width: 140px;
 height: 200px;
 left: 470px;
}
.bild915{
 z-index: 91;
 background:url(bilder_layout/daniel_120x180.jpg);
 width: 120px;
 height: 180px;
  top: 330px;
  left: 610px;
}
.bild915:hover{
 z-index: 100;
 background:url(bilder_layout/daniel_140x210.jpg);
 width: 140px;
 height: 200px;
 left: 600px;
}
.bild916{
 z-index: 91;
 background:url(bilder_layout/robert_120x180.jpg);
 width: 120px;
 height: 180px;
  top: 330px;
  left: 740px;
}
.bild916:hover{
 z-index: 100;
 background:url(bilder_layout/robert_140x210.jpg);
 width: 140px;
 height: 200px;
 left: 730px;
}