body {
        margin: 0px;
         padding:0px;
        text-align:center; /* Hack IE5 */
         background-color: #6691bb;
         font-family: Arial, Verdana, sans-serif;
         font-size: 12pt;


}

#inhalt {
         position: absolute;
         top: 50px;
         left: 0px;
        width:80%;
         max-width: 850px;
         min-width: 650px;
        margin: 0 10%;
             padding:120px 15px 20px 15px;
        border:0px;
        text-align:left;
         background-color: #fcce44;

         /*background-image: url(../images/senkrecht.jpg);
         background-repeat: repeat-y;
         background-position:  top right;*/
        }

h1  {
        font-size: 1.4em;
        letter-spacing: 2px;
        font-weight: lighter;
        text-align:center;
        color: #58583b;
        background: transparent url(../images/blau.gif) repeat-x 0 50%;
        margin-top: 0px;
        z-index: 1;
}

h1 span {
        padding: 0 4px;
        background: #fcce44;
}


hr    {
        clear: both;
        background-color: #6691bb;
        height: 5px;
        margin-bottom: 50px;
        border: 0px;
}
h2  {
      position: absolute;
      top: 0px;
      left: 0px;
      border: 0px;
      border-style:  solid ;
      border-color: #6793BF;
      margin-left: -60px;
      margin-top: 30px;
      overflow: visible;


}

h3 {
      font-size: 100%;
      font-weight: normal;
      font-family: inherit;
      overflow: visible;
      z-index: 3;
}

h4 {
      margin-top: 2px;
      font-weight: bold;
      color: #58583b;
      overflow: visible;
      z-index: 3;

}
#fusszeile {
      display: none;
      clear: both;
      height: 79px;
      border-width: 0px;
      width: 100%;
     margin: 25px -15px -2px -15px;

      padding:0px ;

      background-image: url(../images/wagerecht.jpg);
      background-repeat: repeat-x;

}


.FotoLinks {
     float: left;
     margin-right: 10px;
}

.Quelle {
    font-weight: bold;
}

table {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12pt;

}

td  {
    padding-right: 10px;
    padding-bottom: 5px;
    vertical-align: top;

}

#Navigation  {
    width: 110px;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}


#text {
    margin: 0px 79px 0px 8em;

}

#text a, #text a:visited {
   color:#304D6A;
   font-weight: bold;
   text-decoration: none;
   border-width: 1px;
   border-color:  transparent;
   border-style: solid;


}

#text a:hover {
border-width: 1px;
border-color:  #ccc #eee #eee #aaab9c;
border-style: solid;

}

* html div#text {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

/*Fehlermeldungen bei php-scripten*/
.error {
  background-color: #f0f0f0;
  border-width: 1pt;
  border-style: solid;
  border-color: #eee #aaab9c #ccc #eee;
  padding: 5px;
}


/* Buttons für die Hauptnavigation */

#Navigation ul
{
text-align: left;
list-style: none;
padding: 0;
margin: 0px 5px 5px 5px;
width: 100%;
    background-color: #fcd464;

}


#Navigation li
{
display: block;
margin: 0;
padding: 0;
}


#Navigation li a, #Navigtion li a:visited
{
display: block;
width: 110px;
padding: 0.2em 0em 0.2em 0.2em;
border-width: 1px;
border-color: #eee #aaab9c #ccc #eee;
border-style: solid;
text-decoration: none;
font-weight: normal;
color: black;
background-color: #fcd464;

}



#Navigation li a:hover
{
color: black;
border-color: #aaab9c #eee #eee #ccc;

}


#Navigation ul.Submenue
   {

        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0px ;
        width: 100px;

  }

#Navigation ul.Submenue li
{
        display: block;
        border-width: 0px 0px 0px 1px;
        border-color: #eee;
        border-style: solid;

}



#Navigation ul.Submenue li a, #Navigtion ul.Submenue li a:visited
   {
        display: block;
        width: 100px;
        padding: 0.2em 0em 0.2em 0.2em;
        border-width: 1px 1px 1px 10px;
        border-color: #eee #aaab9c #ccc #fcce44;
        border-style: solid;
        text-decoration: none;
        font-weight: normal;
        color: black;
   }

#Navigation ul.Submenue li a:hover
{
        display: block;
        width: 100px;
        padding: 0.2em 0em 0.2em 0.2em;
        border-width: 1px 1px 1px 10px;
        border-color: #aaab9c #eee #eee #fcce44;
        border-style: solid;
        text-decoration: none;
        font-weight: normal;
        color: black;

}



* html #Navigation ul.Submenue li a, * html #Navigation ul.Submenue li a:visited ,
* html #Navigation ul.Submenue li a:hover
{  /* nur fuer Internet Explorer */
  width:114px;     /* Version 5.x */
  w\idth:109px;    /* Version 6 */
}

/* Festlegung welche Untermenüs angezeigt werden sollen*/

.Submenue-News #Ueberuns, .Submenue-News #Galerie, .Submenue-News #Intern, .Submenue-News #CD
   {
         display: none;
   }
 
.Submenue-Ueberuns #Galerie, .Submenue-Ueberuns #Intern , .Submenue-Ueberuns #CD
   {
         display: none;
   }

.Submenue-Termine #Ueberuns, .Submenue-Termine #Galerie, .Submenue-Termine #Intern, .Submenue-Termine #CD
   {
         display: none;
   }


.Submenue-Galerie #Ueberuns, .Submenue-Galerie #Intern, .Submenue-Galerie #CD
   {
         display: none;
   }

.Submenue-Kontakt #Ueberuns, .Submenue-Kontakt #Galerie, .Submenue-Kontakt #Intern, .Submenue-Kontakt #CD
   {
         display: none;
   }



.Submenue-Intern #Ueberuns, .Submenue-Intern #Galerie, .Submenue-Intern #CD
   {
         display: none;
   }

.Submenue-Intern-None #Ueberuns, .Submenue-Intern-None #Galerie, .Submenue-Intern-None #Intern, .Submenue-Intern-None #CD
   {
         display: none;
   }


.Submenue-FAQ #Ueberuns, .Submenue-FAQ #Galerie, .Submenue-FAQ #Intern, .Submenue-FAQ #CD
   {
         display: none;
   }
.Submenue-Gaestebuch #Ueberuns, .Submenue-Gaestebuch #Galerie, .Submenue-Gaestebuch #Intern, .Submenue-Gaestebuch #CD
   {
         display: none;
   }
.Submenue-CD #Ueberuns, .Submenue-CD #Galerie, .Submenue-CD #Intern
   {
         display: none;
   }

.Submenue-Links #Ueberuns, .Submenue-Links #Galerie, .Submenue-Links #Intern, .Submenue-Links #CD
   {
         display: none;
   }



/* Aktuell angezeigter Menüpunkt wird hervorgehoben */

.Submenue-News #li_News a
   {
         font-weight: bold;
   }
.Submenue-Ueberuns #li_UeberUns a
   {
         font-weight: bold;
   }

.Submenue-Termine #li_Termine a
   {
         font-weight: bold;
   }


.Submenue-Galerie #li_Galerie a
   {
         font-weight: bold;
   }

.Submenue-Kontakt #li_Kontakt a
   {
         font-weight: bold;
   }

.Submenue-Intern #li_Intern a
   {
         font-weight: bold;
   }

.Submenue-Intern-none #li_Intern a
   {
         font-weight: bold;
   }

.Submenue-FAQ #li_FAQ a
   {
         font-weight: bold;
   }
.Submenue-Gaestebuch #li_Gaestebuch a
   {
         font-weight: bold;
   }
.Submenue-CD #li_CD a
   {
         font-weight: bold;
   }

.Submenue-Links #li_Links a
   {
         font-weight: bold;
   }

.icon img
   {
      border-width: 0px;
      border-style: solid;
      padding: 0px;
      margin: 2px 2px 2px 2px;

   }

.icon a, .icon a:visited {
border-width: 0px;
border-style: solid;
}

.icon a:hover {
border-width: 0px;
border-style: solid;

}

/* Formular für Benutzername und Passwort, Beschriftung und Feld stehen nebeneinander */

form.passform {
  width:300px;
  height: 120px;
  margin-top: 20px;
  margin-left: 20px;
  border-width: 1px;
  border-color: #eee #aaab9c #ccc #eee  ;
  border-style: solid;
  padding: 10px;
}

.passform label {
  float:left;
  display:block;
  width:15ex;
  margin-bottom:10px;
  padding-left:10px;
  white-space:nowrap; /*to fix IE6 wrapping*/
}


.passform input {
  float:left;
  display:block;
  width:8em;
  background:#F4F4F4;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;

  border-width: 1px;
  border-color: #ccc #eee #eee #aaab9c ;
  border-style: solid;
  text-decoration: none;
  font-weight: normal;
  color: black;
  background-color: #ffffff;
  font-family: sans-serif;
  font-size: 100%;

 margin-top:3px !important;
  margin-top:0px; /*to fix IE6 position*/
}

.passform .form-button {
  width: 100px;
  border-width: 1px;
  border-color: #eee #aaab9c #ccc #eee  ;
  border-style: solid;
  background-color: #ddd;
  margin-left: 80px;
  }



/* Bestellformular*/
.order {

 padding-bottom:50px;
}


.order input { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 250px; /* Breite.*/
  margin-top: 5px;
}
.order select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 60px; /* Breite.*/
  margin-top: 5px;
}
.order label{ /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  text-align: left;
  width: 80px; /* Breite.*/
  margin-top: 5px;
}

.order label.Artikelbeschreibung{
  display: block;
  text-align: left;
  width: 400px;
}
.order textarea {
  display: block;
  float: left;
  width: 415px; /* Breite.*/
  height: 100px; /*Höhe*/
  margin-top: 5px;

}
.order input.radio {
  width: 50px;
 margin-left: 10px;
}
.order input#plz {
  width: 44px;
  }
.order input#stadt {
  width: 200px;
  }

.order label.radio {
  width: 320px;
  text-align: left;
}

form.order  br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.order input#submit { /* den Submit-Button */
float: none;
  display:block;
  margin:auto;
  width: auto;
  text-align:center;
}

.order label {
 text-align: right;
 padding-right: 1em;
}

.order fieldset {
  border-width: 1px;
  border-color:  #eee #ccc #aaab9c #eee  ;
  border-style: solid;
  padding: 20px;
  margin: 10px;
}

.order legend {

	font-size: 100%;
	font-weight: bold;
	color: #58583b;
	
}

.order .small {   /* kleines Feld für Angabe der Anzahl*/

     width: 30px; /* Breite.*/


}

/*Tabellenartige Ausrichtung der Titel mit den Bearbeiten/Löschen-Buttons in Liedverwaltung*/
.EditTitles {
 width:550px;
  margin: 0px;
  padding: 0px;




}

.Titel {
  float:left;
  display:block;
  width:370px;
  border-style: dotted;
  border-width: 0px 0px 1px 0px;
  padding:  2px 0px;
  margin: 0px;

}
.Buttons {
  float:left;
  display:block;
  width:180px;
  margin-top:3px /*!important*/;
  margin-top:0px; /*to fix IE6 position*/
  white-space:nowrap; /*to fix IE6 wrapping*/
  margin: 0px;
  padding: 0px;

}

/*Anzeige der Liedtexte */


div.Text_Deutsch  {
 font-style: oblique;
margin-bottom: 1em;

}
div.Text_Englisch  {

margin-bottom: 1em;

}

.Text_Englisch_Deutsch {
width: 95%;
margin-top: 20px;
}

.Statement {
padding: 0 40px;
}



/* Druckversion: Logo oben mittig, kein Menü, weißer Hintergrund*/
@page {
  margin-top:15mm;
  margin-left: 25mm;
  margin-bottom: 15mm;
  margin-right: 15mm;
  padding: 0cm;
  /*width: 21cm;*/
  }

@media print {

  #Navigation  {
     display: none;
     width: 0px;

  }


#inhalt {
      position: static;
      margin: 0cm;
      padding:0cm;
      background-color: #ffffff;
      width: 17cm;

        }

h1  {
      display: none;
}
h2  {
      position: static;
      padding:0cm;
      margin: 0cm;

}

#text {
      position: static;
      margin: 0cm;
      padding: 0cm;
      width: 17cm;


}



.Text_Englisch_Deutsch {
padding-top: 1cm;
margin: 0cm;
width: 17cm;

}

.Copyright {
font-size: 80%;
margin-top: 5px;
padding-bottom: 10px;
clear: both;
width: 80%;
}

/*
div.Text_Deutsch {
display: block;
width: 75mm;
float: left;
padding: 0pt;
margin-top: 0pt;
padding-top: 0pt;
margin-left: 1cm;
page-break-inside: avoid;

}

div.Text_Englisch {
display: block;
padding: 0pt;
margin: 0pt;	
width: 75mm;
float: left;
page-break-inside: avoid;

}
*/

.Text_Deutsch {
display:block;
padding-left: 15mm;
margin-top: 0mm;
margin-left: 0mm;
margin-right: 0mm;
margin-bottom: 0mm;
width: 75mm;
float: left;

}

.Text_Englisch {
display:block;
width: 75mm;
margin: 0mm;
padding: 0mm;
float: left;

}

.Copyright {
font-size: 80%;
margin-top: 5mm;
clear: both;
width: 17cm;
}



}