/* LINKS */

a:link { 
  color:#000000;
  text-decoration:none; 
}
a:visited { 
  color:#777777;
  color:#665500;
  text-decoration:none; 
}
a:hover { 
  text-decoration:underline; 
}
#menue-links a:hover {
  color: red; 
  text-decoration: none; 
}
a:active { 
  color:#000000; 
  text-decoration:none; 
}
a:focus { 
  color:#FF3030; 
  text-decoration:none; 
}

/* Grundsätzliche Einstellungen : Text */

.align-right { 
  text-align: right;
}
.align-left { 
  text-align: left;
}
.align-bottom { 
  vertical-align: bottom;
}

body { 
  color: black;
  /*text-align: left;*/
  /*vertical-align: bottom;*/
  font-weight: normal;
  font-family : Verdana,Geneva,Arial,Helvetica,Helv,sans-serif; 
  font-size: 10pt;
  line-height: 150%;
  height: 100%;
  background-image: url(../image/gluehfix_bg_hp.png);
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0px;
 *border: 0px;
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

table, div { 
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 0px 0px;
  padding: 0px;
}

p { 
  margin: 0.7em 0px 0em 0px;
  font-size: 10pt;
}

td { 
  text-align: left;
  font-size: 10pt;
  margin: 0.5em 0em 0.5em 0em;
  padding: 0.3em 0.5em 0.3em 0em;
}

th { 
  font-size: larger;
  text-align: left;
  padding: 1.0em 0px 1.0em 0px;
}

h1,h2,h3,h4,h5 { 
  font-weight:bolder;
  font-size: larger;
  padding: 1.0em 0px 0.6em 0px;
}


ul { 
  margin: 0.6em 0px 0.6em 0px;
}

li { 
  padding: 0.3em 0px 0.3em 0px;
}

a { }

img { 
  border: 0px;
  border-spacing: 0;
  border-collapse: collapse;
}

/* Inhalt */

#inhalt { 
  left: 290px;
  right: 105px;
  bottom: 60px;
  margin: 0px 0px 0px 0px;
  padding: 0px 30px 0px 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  border: 0px;
  position: absolute;
  vertical-align: bottom;
}

#inhalt div { 
  border: 0px dotted;
}

#inhalt div.text {
  display: block;
  overflow: auto;
  overflow-x: hidden;
  padding: 0px 0px 0px 0px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  vertical-align: bottom;
}

#inhalt p { 
}

#inhalt .stil {
  display: inline;
  text-align: left;
  font-style: italic;
}
#inhalt .beschreibung {
  text-align: left;
}
#inhalt .homepage {
  text-align: left;
  font-weight: bolder;
}

#inhalt p.programm { 
  text-align: right;
  margin: 0px;
}

#inhalt p.programm_tag {
  margin: 1.4em 0px 0em 0px;
  text-align: right;
  font-weight: bold;
}

#inhalt p.tag_tag { 
  color: white;
  font-weight: bolder;
  font-size: 60px;
  text-align: right;
  margin: 0.4em 0em;
}
#inhalt p.tag_gruppe {
  color: black;
  font-weight: bolder;
  font-size: 20px;
  text-transform: uppercase;
  text-align: right;
  margin: 0.1em 0em;
}
#inhalt p.tag_zeit {
  float: right;
  color: #655ba9;
  font-weight: bolder;
  font-size: 20px;
  text-align: right;
  vertical-align: sub;
}

#inhalt div.tag_tag {
  text-align: right;
  margin: 0px 0px 10px 0px;
}
#inhalt img.tag_gruppe { 
  margin: 12px 0px 4px 4px;
  float: none;
}
#inhalt img.tag_zeit {
  margin: 4px 2px -4px 0px;
}

/* Gruppenbilder / Logos */

#gruppe-bild-gesamt {
  float: right;
  clear: right;
  margin-bottom: 0px;
  margin: 10px -30px 10px 10px; 
  border: 0px dashed green;
}
#gruppe-bild-oben {
  float: right;
  clear: right;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px; 
  margin: 0px -30px -20px 0px; 
}
#gruppe-bild-unten {
  float: right;
  clear: right;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px; 
  margin: 20px -30px 0px 0px; 
}

#ly-kllogo { 
  background: url(../bilder/kulturleben_logo_tr-gelb_120x71.png) no-repeat;
  border: 0px dotted green;
  margin: 5px 0px 0px 15px;
  float: right;
  width: 120px;
  height: 71px;
  bottom: 0px;
  vertical-align: bottom;
}
#ly-stwlogo {
  background: url(../bilder/stw_logo_tr-gelb_251x48.png) no-repeat;
  border: 0px dotted green;
  margin: 23px 0px 0px 15px;
  float: right;
  width: 251px;
  height: 48px;
  bottom: 0px;
  vertical-align: bottom;
}

/* Menue Layer */

#menue-links { 
  left: 70px;
  bottom: 60px;
  margin: 0px;
  border-spacing: 0;
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  text-transform: uppercase;
  z-index: 2;
  position: absolute; 
}

#menue-links a {
  padding: 2px 0px;
  display: block;
  font-weight: bold; 
  font-family : Verdana,Geneva,Arial,Helvetica,Helv,sans-serif; 
  font-size:11pt;
}

#menue-links .einruecken { 
  padding-left: 30px;
}


/* Logo Layer */

#logo-titel { 
  background: url(../image/gluehfix_schriftzug.png) no-repeat;
  background-size: 100%;
  width: 55%;
  height: 25%;
  left: 25%;
  top: 0%;
  padding: 0px;
  margin: 0px;
  border: 0px;
  z-index: 4;
  position: absolute; 
}

#logo-menue { 
  background: url(../image/gluehfix_schriftzug.png) no-repeat;
  width: 208px;
  height: 169px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 0px;
  top: 0px;
  z-index: 4;
  position: relative; 
}

/* Überschriften */

#titelbild {
  background: url(../bilder/titelbild.png) no-repeat;
  width: 555px;
  height: 710px;
  bottom: 50px;
  right: 95px;
  border: 0px green solid;
  position: absolute;
}

#ueberschrift { 
  right: 40px;
  /*bottom: 60px;*/
  top: 0px;
  height: 100%;
  margin: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  border: 0px;
  border:0px dashed #333;
  padding: 0px;
  z-index: 1;
  position: absolute; 
}

#ueberschrift img { 
  float: left;
  border: 0px;
}

#ueberschrift div { 
  float: left;
  position: absolute;
}

#ueberschrift-datum {
  background: url(../image/gff-datum_tr-gelb_22x147.png) no-repeat;
  width: 22px;
  height: 147px;
  top: 50%;
  margin-top: -74px;
  right: 66px;
  position: absolute;
}
#ueberschrift-stusta {
  background: url(../image/gff-studentenstadt-freimann_tr-gelb_16x221.png) no-repeat;
  width: 16px;
  height: 221px;
  margin-top: -111px;
  top: 40%;
  right: 0px;
  position: absolute;
}
#ueberschrift-titel { 
  width: 46px;
  right: 18px;
  top: 55%;
  position: absolute;
}
#ueberschrift-titel-tag { 
  width: 46px;
  right: 18px;
  bottom: 15%;
  position: absolute;
}
#ueberschrift-titel-gruppe { 
  width: 46px;
  right: 18px;
  top: 50%;
  position: absolute;
}

/* Größen der Titelüberschriften */

.ti-festival { 
  background: url(../image/gff-titel-festival.png) no-repeat;
  height: 334px;
  margin-top: -167px;
}
.ti-programm { 
  background: url(../image/gff-titel-programm.png) no-repeat;
  height: 421px;
  margin-top: -211px;
}
.ti-vorverkauf { 
  background: url(../image/gff-titel-vorverkauf.png) no-repeat;
  height: 336px;
  margin-top: -168px;
}
.ti-kontakt {
  background: url(../image/gff-titel-kontakt.png) no-repeat;
  height: 233px;
  margin-top: -118px;
}
.ti-tagesprogramm {
  background: url(../image/gff-titel-tagesprogramm.png) no-repeat;
  height: 460px;
  margin-top: -230px;
}


.ti-mannes_sangesmannen {
  background: url(../image/gff-titel-mannes_sangesmann.png) no-repeat;
  height: 648px;
  margin-top: -324px;  /* halbe Höhe */
}
.ti-nova_bossa {
  background: url(../image/gff-titel-nova_bossa.png) no-repeat;
  height: 320px;
  margin-top: -160px;  /* halbe Höhe */
}
.ti-los_hermanos_latinos {
  background: url(../image/gff-titel-los_hermanos_latinos.png) no-repeat;
  height: 614px;
  margin-top: -307px;  /* halbe Höhe */
}
.ti-braincandy {
  background: url(../image/gff-titel-braincandy.png) no-repeat;
  height: 333px;
  margin-top: -166px;  /* halbe Höhe */
}
.ti-lashlarue {
  background: url(../image/gff-titel-lashlarue.png) no-repeat;
  height: 314px;
  margin-top: -157px;  /* halbe Höhe */
}
.ti-beyond_the_void {
  background: url(../image/gff-titel-beyond_the_void.png) no-repeat;
  height: 459px;
  margin-top: -230px;  /* halbe Höhe */
}
.ti-steamy_dumplings {
  background: url(../image/gff-titel-dumplings.png) no-repeat;
  height: 515px;
  margin-top: -258px;  /* halbe Höhe */
}
.ti-the_pinstripes {
  background: url(../image/gff-titel-pinstripes.png) no-repeat;
  height: 398px;
  margin-top: -199px;  /* halbe Höhe */
}
.ti-bluekilla {
  background: url(../image/gff-titel-bluekilla.png) no-repeat;
  height: 264px;
  margin-top: -132px;  /* halbe Höhe */
}
.ti-fallacy {
  background: url(../image/gff-titel-fallacy.png) no-repeat;
  height: 208px;
  margin-top: -104px;  /* halbe Höhe */
}