/* Generell
===================================================*/

* {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}


/* Farbe
===================================================*/

body {
  background-color: rgb(255,255,255);
  background-image: url(../img/htg_raster.gif);
  color: rgb(89,25,27);
}


/* Typographie
===================================================*/

html, body, div, h1, p, ul {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  text-indent: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.2em;
}

h1 {
  font-weight: bold;
}

/*
#inhalt #speiseplan h1,
#inhalt #speiseplan p {
	 font-family: Courier;
  font-size: 11px;
}
*/

/* Links
===================================================*/

a {
  text-decoration: none;
  color: rgb(89,25,27);
}

a:link, a:visited {
  border-bottom: 1px dotted rgb(89,25,27);
}

a:hover, a:active {
  border-bottom: 1px solid rgb(89,25,27);
}

a.bild:link, a.bild:visited, a.bild:hover, a.bild:active {
  border-bottom: none;
}


/* Kopfbereich
===================================================*/


/* tapetenwerk.de
-------------------------------------------------- */

#tapetenmuster {
  background-image: url(../img/tapetenmuster.jpg);
  background-repeat:repeat-x;
  height: 7em;
}

#logo {
  margin-top: 3.8em;
  margin-left: 71.3em;
}


/* Hauptnavigation
-------------------------------------------------- */

#hauptnavi {
  height: 7em;
  min-width: 92.4em;
}

#tapetenwerk #hauptnavi .tapetenwerk a,
#gelaende #hauptnavi .gelaende a,
#konzept #hauptnavi .gelaende a,
#lage #hauptnavi .gelaende a,
#anfahrt #hauptnavi .gelaende a,
#freie_raeume #hauptnavi .freie_raeume a,
#hallenvermietung #hauptnavi .freie_raeume a,
#mieter #hauptnavi .mieter a,
#galerien_kuenstler #hauptnavi .mieter a,
#design_handwerk #hauptnavi .mieter a,
#leib_seele #hauptnavi .mieter a,
#architekten_ingenieure #hauptnavi .mieter a,
#medien #hauptnavi .mieter a,
#coworking #hauptnavi .mieter a,
#historie #hauptnavi .historie a,
#historie01 #hauptnavi .historie a,
#historie02 #hauptnavi .historie a,
#historie03 #hauptnavi .historie a,
#aktueller_speiseplan #hauptnavi .aktuelles a,
#aktuelles #hauptnavi .aktuelles a,
#aktuell01 #hauptnavi .aktuelles a,
#aktuell02 #hauptnavi .aktuelles a,
#aktuell03 #hauptnavi .aktuelles a,
#aktuell04 #hauptnavi .aktuelles a,
#aktuell05 #hauptnavi .aktuelles a,
#aktuell06 #hauptnavi .aktuelles a,
#aktuell07 #hauptnavi .aktuelles a,
#aktuell08 #hauptnavi .aktuelles a,
#aktuell09 #hauptnavi .aktuelles a,
#aktuell10 #hauptnavi .aktuelles a,
#aktuell11 #hauptnavi .aktuelles a,
#aktuell12 #hauptnavi .aktuelles a,
#aktuell13 #hauptnavi .aktuelles a,
#aktuell14 #hauptnavi .aktuelles a,
#aktuell15 #hauptnavi .aktuelles a,
#kulturwarenfabrik #hauptnavi .kulturwarenfabrik a {
  background-color: rgb(250,247,236);
  color: rgb(89,25,27);
  cursor:default;
}

#hauptnavi ul {
  list-style-type: none;
  float: left;
  }

#hauptnavi ul li {
  float: left;
  margin: 0.9em;
  margin-right: 1em;
  display: inline;
}

#hauptnavi ul a {
  background-color: rgb(255,255,255);
  border: solid rgb(89,25,27) 1px;
  display: block;
  width: 11.1em;
  height: 4.9em;
}

#hauptnavi ul a:hover {
  background-color: rgb(229,218,209);
}


/* Inhaltsbereich
===================================================*/

#inhalt h1, 
#inhalt p, 
#inhalt table {
  margin: 0.5em;
  margin-bottom: 0.6em;
}

#inhalt .datum {
	color: #bc362a;
}

#inhalt .event {
	color: #761918;
}

#inhalt .zelle {
  background-color: rgb(255,255,255);
}

#inhalt #speiseplan table {
  margin: 0.2em 0;
}
#inhalt #speiseplan td {
 vertical-align: top;
}

#inhalt table.aktuell {
 	border-collapse:collapse;
}
#inhalt table.aktuell td {
 padding:2px 0;
 vertical-align: top;
 border-bottom: 1px dotted rgb(89,25,27);
}
#inhalt table.aktuell td.ort {
 width:115px;
 padding-right:3px;
}
#inhalt table.aktuell td p {
  margin: 0.2em 0;
}

/* Text in 2 Spalten über 5 Zellen */

#inhalt .linke_spalte {
  float:left;
  width: 30em;
  }

#inhalt .rechte_spalte {
  float:right;
  width: 30em;
}

#inhalt .clear
{
  clear:both;
}
/* Positionen a1 - h6
-------------------------------------------------- */

#a1 {
  position: absolute;
  top: 21em;
  left: 0em;
}
#a2 {
  position: absolute;
  top: 28em;
  left: 0em;
}
#a3 {
  position: absolute;
  top: 35em;
  left: 0em;
}
#a4 {
  position: absolute;
  z-index:10;
  top: 42em;
  left: 0em;
}
#a5 {
  position: absolute;
  top: 49em;
  left: 0em;
}
#a6 {
  position: absolute;
  top: 56em;
  left: 0em;
}
#a7 {
  position: absolute;
  top: 63em;
  left: 0em;
}
#a8 {
  position: absolute;
  top: 70em;
  left: 0em;
}

#b1 {
  position: absolute;
  top: 21em;
  left: 13.2em;
}

#b2 {
  position: absolute;
  top: 28em;
  left: 13.2em;
}

#b3 {
  position: absolute;
  top: 35em;
  left: 13.2em;
}

#b4 {
  position: absolute;
  top: 42em;
  left: 13.2em;
}
#b6 {
  position: absolute;
  top: 56em;
  left: 13.2em;
}
#b7 {
  position: absolute;
  top: 63em;
  left: 13.2em;
}
#b8 {
  position: absolute;
  top: 70em;
  left: 13.2em;
}

#c1 {
  position: absolute;
  top: 21em;
  left: 26.4em;
}
#c2 {
  position: absolute;
  top: 28em;
  left: 26.4em;
}
#c3 {
  position: absolute;
  top: 35em;
  left: 26.4em;
}
#c4 {
  position: absolute;
  top: 42em;
  left: 26.4em;
}
#c5 {
  position: absolute;
  top: 49em;
  left: 26.4em;
}
#c6 {
  position: absolute;
  top: 56em;
  left: 26.4em;
}
#c7 {
  position: absolute;
  top: 63em;
  left: 26.4em;
}
#c8 {
  position: absolute;
  top: 70em;
  left: 26.4em;
}

#d1 {
  position: absolute;
  top: 21em;
  left: 39.6em;
}
#d2 {
  position: absolute;
  top: 28em;
  left: 39.6em;
}
#d3 {
  position: absolute;
  top: 35em;
  left: 39.6em;
}
#d4 {
  position: absolute;
  top: 42em;
  left: 39.6em;
}
#d5 {
  position: absolute;
  top: 49em;
  left: 39.6em;
}
#d6 {
  position: absolute;
  top: 56em;
  left: 39.6em;
}
#d7 {
  position: absolute;
  top: 63em;
  left: 39.6em;
}
#d8 {
  position: absolute;
  top: 70em;
  left: 39.6em;
}

#e1 {
  position: absolute;
  top: 21em;
  left: 52.8em;
}
#e2 {
  position: absolute;
  top: 28em;
  left: 52.8em;
}
#e3 {
  position: absolute;
  top: 35em;
  left: 52.8em;
}
#e4 {
  position: absolute;
  top: 42em;
  left: 52.8em;
}
#e5 {
  position: absolute;
  top: 49em;
  left: 52.8em;
}
#e6 {
  position: absolute;
  top: 56em;
  left: 52.8em;
}
#e7 {
  position: absolute;
  top: 63em;
  left: 52.8em;
}
#e8 {
  position: absolute;
  top: 70em;
  left: 52.8em;
}

#f1 {
  position: absolute;
  top: 21em;
  left: 66em;
}
#f2 {
  position: absolute;
  top: 28em;
  left: 66em;
}
#f3 {
  position: absolute;
  top: 35em;
  left: 66em;
}
#f4 {
  position: absolute;
  top: 42em;
  left: 66em;
}
#f5 {
  position: absolute;
  top: 49em;
  left: 66em;
}
#f6 {
  position: absolute;
  top: 56em;
  left: 66em;
}
#f7 {
  position: absolute;
  top: 63em;
  left: 66em;
}
#f8 {
  position: absolute;
  top: 70em;
  left: 66em;
}

#g1 {
  position: absolute;
  top: 21em;
  left: 79.2em;
}
#g2 {
  position: absolute;
  top: 28em;
  left: 79.2em;
}
#g3 {
  position: absolute;
  top: 35em;
  left: 79.2em;
}
#g4 {
  position: absolute;
  top: 42em;
  left: 79.2em;
}
#g5 {
  position: absolute;
  top: 49em;
  left: 79.2em;
}
#g6 {
  position: absolute;
  top: 56em;
  left: 79.2em;
}
#g7 {
  position: absolute;
  top: 63em;
  left: 79.2em;
}
#g8 {
  position: absolute;
  top: 70em;
  left: 79.2em;
}

#h1 {
  position: absolute;
  top: 21em;
  left: 92.4em;
}
#h2 {
  position: absolute;
  top: 28em;
  left: 92.4em;
}
#h3 {
  position: absolute;
  top: 35em;
  left: 92.4em;
}
#h4 {
  position: absolute;
  top: 42em;
  left: 92.4em;
}
#h5 {
  position: absolute;
  top: 49em;
  left: 92.4em;
}
#h6 {
  position: absolute;
  top: 56em;
  left: 92.4em;
}
#h7 {
  position: absolute;
  top: 63em;
  left: 92.4em;
}
#h8 {
  position: absolute;
  top: 70em;
  left: 92.4em;
}

#i1 {
  position: absolute;
  top: 21em;
  left: 105.6em;
}
#i2 {
  position: absolute;
  top: 28em;
  left: 105.6em;
}

/* Zellen mit Text
-------------------------------------------------- */

.textzelle_1x1 {
  border: solid rgb(229,218,209) 1px;
  width: 11.1em;
  height: 4.9em;
  margin-left: 0.9em;
  margin-top: 0.9em;
}

.textzelle_1x2 {
  border: solid rgb(229,218,209) 1px;
  width: 24.3em;
  height: 4.9em;
  margin: 0.9em;
}
.textzelle_1x3 {
  border: solid rgb(229,218,209) 1px;
  width: 11.1em;
  height: 18.9em;
  margin: 0.9em;
}
.textzelle_1x4 {
  border: solid rgb(229,218,209) 1px;
  width: 11.1em;
  height: 25.9em;
  margin: 0.9em;
}
.textzelle_2x1 {
  border: solid rgb(229,218,209) 1px;
  width: 11.1em;
  height: 11.9em;
  margin: 0.9em;
}

.textzelle_2x2 {
  border: solid rgb(229,218,209) 1px;
  width: 24.3em;
  height: 11.9em;
  margin: 0.9em;
}

.textzelle_2x3 {
  border: solid rgb(229,218,209) 1px;
  width: 24.3em;
  height: 18.9em;
  margin: 0.9em;
}

.textzelle_2x4 {
  border: solid rgb(229,218,209) 1px;
  width: 24.3em;
  height: 25.9em;
  margin: 0.9em;
}
.textzelle_2x5 {
  border: solid rgb(229,218,209) 1px;
  width: 24.3em;
  height: 32.9em;
  margin: 0.9em;
}

.textzelle_2x6 {
  border: solid rgb(229,218,209) 1px;
  width: 24.3em;
  height: 39.9em;
  margin: 0.9em;
}

.textzelle_3x1 {
  border: solid rgb(229,218,209) 1px;
  width: 37.5em;
  height: 4.9em;
  margin: 0.9em;
}

.textzelle_3x2 {
  border: solid rgb(229,218,209) 1px;
  width: 37.5em;
  height: 11.9em;
  margin: 0.9em;
}

.textzelle_3x3 {
  border: solid rgb(229,218,209) 1px;
  width: 37.5em;
  height: 18.9em;
  margin: 0.9em;
}
.textzelle_3x4 {
  border: solid rgb(229,218,209) 1px;
  width: 37.5em;
  height: 25.9em;
  margin: 0.9em;
}
.textzelle_3x5 {
  border: solid rgb(229,218,209) 1px;
  width: 37.5em;
  height: 32.9em;
  margin: 0.9em;
}
.textzelle_3x6 {
  border: solid rgb(229,218,209) 1px;
  width: 37.5em;
  height: 39.9em;
  margin: 0.9em;
}
.textzelle_3x7 {
  border: solid rgb(229,218,209) 1px;
  width: 37.5em;
  height: 46.9em;
  margin: 0.9em;
}

.textzelle_4x4 {
  border: solid rgb(229,218,209) 1px;
  width: 50.7em;
  height: 25.9em;
  margin: 0.9em;
}

.textzelle_4x6 {
  border: solid rgb(229,218,209) 1px;
  width: 50.7em;
  height: 39.9em;
  margin: 0.9em;
}

.textzelle_5x1 {
  border: solid rgb(229,218,209) 1px;
  width: 63.9em;
  height: 4.9em;
  margin: 0.9em;
}
.textzelle_5x2 {
  border: solid rgb(229,218,209) 1px;
  width: 63.9em;
  height: 11.9em;
  margin: 0.9em;
}
.textzelle_5x3 {
  border: solid rgb(229,218,209) 1px;
  width: 63.9em;
  height: 18.9em;
  margin: 0.9em;
}
.textzelle_5x4 {
  border: solid rgb(229,218,209) 1px;
  width: 63.9em;
  height: 25.9em;
  margin: 0.9em;
}

/* Zellen mit Bild
-------------------------------------------------- */

.bildzelle_1x1 {
  width: 11.3em;
  height: 5.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_1x2 {
  width: 11.3em;
  height: 12.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_1x3 {
  width: 11.3em;
  height: 19.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_1x4 {
  width: 11.3em;
  height: 26.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
	
.bildzelle_1x6 {
  width: 11.3em;
  height: 40.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_2x1 {
  width: 24.5em;
  height: 5.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_2x2 {
  width: 24.5em;
  height: 12.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_2x3 {
  width: 24.5em;
  height: 19.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_2x4 {
  width: 24.5em;
  height: 26.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_2x5 {
  width: 24.5em;
  height: 33.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_2x6 {
  width: 24.5em;
  height: 40.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_3x1 {
  width: 37.7em;
  height: 5.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_3x2 {
  width: 37.7em;
  height: 12.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_3x3 {
  width: 37.7em;
  height: 19.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_3x4 {
  width: 37.7em;
  height: 26.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_3x5 {
  width: 37.7em;
  height: 33.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_3x6 {
  width: 37.7em;
  height: 40.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.bildzelle_5x2 {
  width: 64.1em;
  height: 12.1em;
  margin: 0.9em;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}



/* Impressum/Kontakt
-------------------------------------------------- */

#impressum_kontakt #impressum a {
  background-color: rgb(250,247,236);
  color: rgb(89,25,27);
  cursor:default;
}

#impressum a {
  background-color: rgb(255,255,255);
  border: solid rgb(89,25,27) 1px;
  display: block;
  width: 11.1em;
  height: 4.9em;
  margin:0.9em;
}

#impressum a:hover {
  background-color: rgb(229,218,209);
}

/* Link Speiseplan + Hallenvermietung
-------------------------------------------------- */

#tapetenwerk #speiseplan a {
  display: block;
  width: 11.3em;
  height: 5.1em;
  margin: 0.9em;
  margin-right: 1em;
  background: url(../img/mieter/htg_gastro.jpg) no-repeat left;
	border: 0;
}
#tapetenwerk #vermietung a {
  display: block;
  width: 11.3em;
  height: 5.1em;
  margin: 0.9em;
  margin-right: 1em;
  background: url(../img/mieter/htg_kuenstler.jpg) no-repeat left;
	border: 0;
}

#tapetenwerk #speiseplan a:hover,
#tapetenwerk #vermietung a:hover {
  background-position: right;
}


/* Rollover Lageplan
--------------------------------------------------*/

#rollover {
  position: relative;
}

#lageplan {
  position: absolute;
  left: 26.4em;
}

#legende {
  position: absolute;
  width: 26.2em;
  left: 26.4em;
  top: 28em;
}

#legende_aussen {
  border: solid rgb(229,218,209) 1px;
  width: 24.3em;
  height: 11.9em;
  margin: 0.9em;
}

#rollover ul.legende_teil1 {
  position: absolute;
  left: 2.5em;
  top: 2.8em;
	width: 11em;
  list-style-type: none;
}

#rollover ul.legende_teil2 {
  position: absolute;
  left: 13em;
  top: 2.8em;
	width: 11em;
  list-style-type: none;
}

#rollover li {
  padding: 0.4em;
  padding-left: 2.5em;
}

#rollover li.galerien_kuenstler {
  background: url(../img/startseite/thumb01.gif) no-repeat 0.9em 0.5em;
}
#rollover li.design_handwerk {
  background: url(../img/startseite/thumb02.gif) no-repeat 0.9em 0.5em;
}
#rollover li.leib_seele {
  background: url(../img/startseite/thumb03.gif) no-repeat 0.9em 0.5em;
}
#rollover li.architekten_ingenieure {
  background: url(../img/startseite/thumb04.gif) no-repeat 0.9em 0.5em;	
}
#rollover li.medien {
  background: url(../img/startseite/thumb05.gif) no-repeat 0.9em 0.5em;
}
#rollover li.coworking {
  background: url(../img/startseite/thumb06.gif) no-repeat 0.9em 0.5em;
}

#rollover #legende a {
  font-weight: bold;
  border: 0;
}

#rollover .galerien_kuenstler .hotspot {
  position: absolute;
  width: 11.3em;
  height: 21em;
  top: -28em;
  left: 3.3em;
  z-index: 10;
}
#rollover .galerien_kuenstler a:hover .hotspot {
  background-image: url(../img/startseite/lageplan01.gif);
}

#rollover .design_handwerk .hotspot {
  position: absolute;
  width: 11.3em;
  height: 18.5em;
  top: -25.5em;
  left: 3.3em;
  z-index: 6;
}
#rollover .design_handwerk a:hover .hotspot {
  background-image: url(../img/startseite/lageplan02.gif);
}

#rollover .leib_seele .hotspot {
  position: absolute;
  width: 8.4em;
  height: 21em;
  top: -28em;
  left: 6.2em;
  z-index: 10;
}
#rollover .leib_seele a:hover .hotspot {
  background-image: url(../img/startseite/lageplan03.gif);
}

#rollover .architekten_ingenieure .hotspot {
  position: absolute;
  width: 8.4em;
  height: 18.5em;
  top: -25.5em;
  left: -4.3em;
  z-index: 9;
}
#rollover .architekten_ingenieure a:hover .hotspot {
  background-image: url(../img/startseite/lageplan04.gif);
}

#rollover .medien .hotspot {
  position: absolute;
  width: 8.4em;
  height: 21em;
  top: -28em;
  left: -4.3em;
  z-index: 8;
}
#rollover .medien a:hover .hotspot {
  background-image: url(../img/startseite/lageplan05.gif);
}

#rollover .coworking .hotspot {
  position: absolute;
  width: 5em;
  height: 8.1em;
  top: -15em;
  left: -0.9em;
  z-index: 11;
}
#rollover .coworking a:hover .hotspot {
  background-image: url(../img/startseite/lageplan06.gif);
}

/* Navigation Inhaltsbereich
-------------------------------------------------- */

#inhalt a.extern {
  background: url("../img/navi/externlink.gif") no-repeat scroll right top transparent;
  padding: 0 15px 0 0;
}



/* Subnavigation
-------------------------------------------------- */

#subnavi {
  width: 24.5em;
  height: 5.1em;
  margin: 0.9em;
}
#subnavi_2x {
  width: 24.5em;
  height: 12.1em;
  margin: 0.9em;
}
#subnavi_3x {
  width: 24.5em;
  height: 19.1em;
  margin: 0.9em;
}
#subnavi_4x {
  width: 24.5em;
  height: 26.1em;
  margin: 0.9em;
}
#subnavi_5x {
  width: 24.5em;
  height: 33.1em;
  margin: 0.9em;
}
#subnavi_6x {
  width: 24.5em;
  height: 40.1em;
  margin: 0.9em;
}

#gelaende #subnavi_2x .gelaende a,
#konzept #subnavi_2x .konzept a,
#lage #subnavi_2x .lage a,
#anfahrt #subnavi_2x .anfahrt a,
#freie_raeume #subnavi_2x .freie_raeume a,
#hallenvermietung #subnavi_2x .hallenvermietung a,
#historie #subnavi_2x .historie a,
#historie01 #subnavi_2x .historie01 a,
#historie02 #subnavi_2x .historie02 a,
#historie03 #subnavi_2x .historie03 a,
#aktueller_speiseplan #subnavi_3x .speiseplan a,
#aktuelles #subnavi_3x .aktuelles a,
#aktuell01 #subnavi_3x .aktuell01 a,
#aktuell02 #subnavi_3x .aktuell02 a,
#aktuell03 #subnavi_3x .aktuell03 a,
#aktuell04 #subnavi_3x .aktuell04 a,
#aktuell05 #subnavi_3x .aktuell05 a, 
#aktuell06 #subnavi_3x .aktuell06 a,
#aktuell07 #subnavi_3x .aktuell07 a, 
#aktuell08 #subnavi_3x .aktuell08 a,
#aktuell09 #subnavi_3x .aktuell09 a,
#aktuell10 #subnavi_3x .aktuell10 a,
#aktueller_speiseplan #subnavi_4x .speiseplan a,
#aktuelles #subnavi_4x .aktuelles a,
#aktuell01 #subnavi_4x .aktuell01 a,
#aktuell02 #subnavi_4x .aktuell02 a,
#aktuell03 #subnavi_4x .aktuell03 a,
#aktuell04 #subnavi_4x .aktuell04 a,
#aktuell05 #subnavi_4x .aktuell05 a, 
#aktuell06 #subnavi_4x .aktuell06 a,
#aktuell07 #subnavi_4x .aktuell07 a, 
#aktuell08 #subnavi_4x .aktuell08 a,
#aktuell09 #subnavi_4x .aktuell09 a,
#aktuell10 #subnavi_4x .aktuell10 a,
#aktuell11 #subnavi_4x .aktuell11 a,
#aktuell12 #subnavi_4x .aktuell12 a,
#aktuell13 #subnavi_4x .aktuell13 a,
#aktuell14 #subnavi_4x .aktuell14 a,
#aktuell15 #subnavi_4x .aktuell15 a,
#aktueller_speiseplan #subnavi_5x .speiseplan a,
#aktuelles #subnavi_5x .aktuelles a,
#aktuell01 #subnavi_5x .aktuell01 a,
#aktuell02 #subnavi_5x .aktuell02 a,
#aktuell03 #subnavi_5x .aktuell03 a,
#aktuell04 #subnavi_5x .aktuell04 a,
#aktuell05 #subnavi_5x .aktuell05 a, 
#aktuell06 #subnavi_5x .aktuell06 a,
#aktuell07 #subnavi_5x .aktuell07 a, 
#aktuell08 #subnavi_5x .aktuell08 a,
#aktuell09 #subnavi_5x .aktuell09 a,
#aktuell10 #subnavi_5x .aktuell10 a,
#aktuell11 #subnavi_5x .aktuell11 a,
#aktuell12 #subnavi_5x .aktuell12 a,
#aktuell13 #subnavi_5x .aktuell13 a,
#aktuell14 #subnavi_5x .aktuell14 a,
#aktuell15 #subnavi_5x .aktuell15 a,
#aktueller_speiseplan #subnavi_6x .speiseplan a,
#aktuelles #subnavi_6x .aktuelles a,
#aktuell01 #subnavi_6x .aktuell01 a,
#aktuell02 #subnavi_6x .aktuell02 a,
#aktuell03 #subnavi_6x .aktuell03 a,
#aktuell04 #subnavi_6x .aktuell04 a,
#aktuell05 #subnavi_6x .aktuell05 a, 
#aktuell06 #subnavi_6x .aktuell06 a,
#aktuell07 #subnavi_6x .aktuell07 a, 
#aktuell08 #subnavi_6x .aktuell08 a,
#aktuell09 #subnavi_6x .aktuell09 a,
#aktuell10 #subnavi_6x .aktuell10 a,
#aktuell11 #subnavi_6x .aktuell11 a,
#aktuell12 #subnavi_6x .aktuell12 a,
#aktuell13 #subnavi_6x .aktuell13 a,
#aktuell14 #subnavi_6x .aktuell14 a,
#aktuell15 #subnavi_6x .aktuell15 a {
  background-color: rgb(255,255,255);
  border-bottom: 1px dotted rgb(89,25,27);
  color: rgb(172,140,141);
  cursor:default;
}

#subnavi ul, 
#subnavi_2x ul,
#subnavi_3x ul,
#subnavi_4x ul,
#subnavi_5x ul,
#subnavi_6x ul {
  list-style-type: none;
}

#subnavi ul li, 
#subnavi_2x ul li,
#subnavi_3x ul li,
#subnavi_4x ul li,
#subnavi_5x ul li,
#subnavi_6x ul li {
  display: inline;
}

#subnavi ul a, 
#subnavi_2x ul a,
#subnavi_3x ul a,
#subnavi_4x ul a,
#subnavi_5x ul a,
#subnavi_6x ul a {
  background-color: rgb(255,255,255);
  border-bottom: 1px dotted rgb(89,25,27);
  display: block;
  padding-top:0.3em;
  padding-left:0.5em;
}

#subnavi ul a:hover, 
#subnavi_2x ul a:hover,
#subnavi_3x ul a:hover,
#subnavi_4x ul a:hover,
#subnavi_5x ul a:hover,
#subnavi_6x ul a:hover {
  border-bottom: 1px solid rgb(89,25,27);
}

/* Startseite / Aktuelles
-------------------------------------------------- */

#inhalt ul.termine {
  margin-left: 2em;
}


/* Rubriken, Gebäude
-------------------------------------------------- */

#rubriken {
  height: 7em;
  width:106em;
  margin-left:13.2em;
}

#gebaeude{
  height: 7em;
  width:93em;
  margin-left:26.4em;
}

#rubriken ul,
#gebaeude ul {
  list-style-type: none;
  float: left;
}

#rubriken ul li,
#gebaeude ul li {
  float: left;
  margin: 0.9em;
  margin-right: 1em;
  display: inline;
}

#rubriken ul a {
  border: 0;
  display: block;
  width: 11.3em;
  height: 5.1em;
}

#galerien_kuenstler #rubriken .galerien_kuenstler a {
  background: url(../img/mieter/htg_kuenstler.jpg) no-repeat left;
  cursor:default;
}
#design_handwerk #rubriken .design_handwerk a {
  background: url(../img/mieter/htg_handwerk.jpg) no-repeat left;
  cursor:default;
}
#leib_seele #rubriken .leib_seele a {
  background: url(../img/mieter/htg_gastro.jpg) no-repeat left;
  cursor:default;
}
#architekten_ingenieure #rubriken .architekten_ingenieure a {
  background: url(../img/mieter/htg_architekten.jpg) no-repeat left;
  cursor:default;
}
#medien #rubriken .medien a {
  background: url(../img/mieter/htg_medien.jpg) no-repeat left;
  cursor:default;
}
#coworking #rubriken .coworking a {
  background: url(../img/mieter/htg_coworking.jpg) no-repeat left;
  cursor:default;
}

#rubriken ul .galerien_kuenstler a {
  background: url(../img/mieter/htg_kuenstler.jpg) no-repeat left;
}
#rubriken ul .design_handwerk a {
  background: url(../img/mieter/htg_handwerk.jpg) no-repeat left;
}
#rubriken ul .leib_seele a {
  background: url(../img/mieter/htg_gastro.jpg) no-repeat left;
}
#rubriken ul .architekten_ingenieure a {
  background: url(../img/mieter/htg_architekten.jpg) no-repeat left;
}
#rubriken ul .medien a {
  background: url(../img/mieter/htg_medien.jpg) no-repeat left;
}
#rubriken ul .coworking a {
  background: url(../img/mieter/htg_coworking.jpg) no-repeat left;
}

#rubriken ul a:hover, #rubriken ul .inaktiv a {
  background-position: right;
}

#rubriken ul .inaktiv a:hover {
  background-position: left;
}

#gebaeude ul span {
  border: 0;
  display: block;
  width: 11.3em;
  height: 5.1em;
	background-color:#3e434d;
}

/* Freie Räume
-------------------------------------------------- */

#inhalt ul.freie_raeume {
  list-style: none;
}

#inhalt ul.freie_raeume li {
  margin: 0.9em;
  margin-bottom: 1.9em;
}

#inhalt ul.freie_raeume li a {
  background: rgb(229,218,209) url("../img/vermietung/pdf.gif") no-repeat top ;
  border: solid rgb(89,25,27) 1px;
  display: block;
  width: 10.1em;
  height: 3.9em;
  padding:0.5em;
}

#inhalt ul.freie_raeume li a:hover {
  background: rgb(250,247,236) url("../img/vermietung/pdf.gif") no-repeat bottom;
}


/* Mieter
-------------------------------------------------- */

#inhalt ul.mieter {
  list-style: none;
}

#inhalt ul.mieter li {
  margin: 0.9em;
  margin-bottom: 1.9em;
}

#inhalt ul.mieter li a {
  background-color: rgb(229,218,209);
  border: solid rgb(89,25,27) 1px;
  display: block;
  width: 10.1em;
  height: 3.9em;
  padding:0.5em;
}

#inhalt ul.mieter li a:hover {
  background-color: rgb(250,247,236);
}

#inhalt .allgemein {
  background-color: rgb(229,218,209);
  border: solid rgb(89,25,27) 1px;
  display: block;
  width: 23.3em;
  height: 3.9em;
  margin:0.9em;
  padding: 0.5em;
}
#inhalt .allgemein_klein {
  background-color: rgb(229,218,209);
  border: solid rgb(89,25,27) 1px;
  display: block;
  width: 10.1em;
  height: 3.9em;
  margin:0.9em;
  padding: 0.5em;
}

#inhalt .links {
  border-right: 0;
  width: 24.4em;
  margin-right: 0;
}

#inhalt .rechts {
  border-left: 0;
  width: 23.9em;
  margin-left: 0;
  padding-left: 0.9em;
}

/* Historienfotos
-------------------------------------------------- */

#historienfotos {
  position: absolute;
  top: 21em;
  left: 52.8em;
}

#historienfotos ul {
  list-style-type: none;
  float: left;
}

#historienfotos ul li {
  float: left;
  margin: 0.9em;
  margin-right: 1em;
  display: inline;
}

#historienfotos ul a {
  border: 0;
  display: block;
  width: 11.3em;
  height: 5.1em;
}

#historienfotos ul .foto01 a {
  background: url(../img/historie/htg_1908.jpg) no-repeat left;
}

#historienfotos ul .foto02 a {
  background: url(../img/historie/htg_nach1945.jpg) no-repeat left;
}

#historienfotos ul .foto03 a {
  background: url(../img/historie/htg_1975.jpg) no-repeat left;
}

#historienfotos ul a:hover {
  background-position: right;
}