#cmDisclaimerContainer {
	display: none;
	background-color: #ffffff;
	border: #000000 dotted 1px;
	width: 400px;
	height: 250px;
	overflow: auto;
	color: #000000;
	padding: 10px;
	position: absolute;
	left: 150px;
	top: 150px;
	z-index: 100;
}
#cmDisclaimerClose {
	position: absolute;
	top: 5px;
	right: 20px;
}


html {
height: 100%;
}

body {
  font-family: Georgia, Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  background-color: #fff;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  height: 100%;
  text-align: center;
  border-width: 0px;
}

/* die Text-Links */
body a {
  /* indigo dunkel */
  color: #005F57;
}

body a:visited {
  /* indigo etwas heller */
  color: #188790;
}

body a:hover {
  /* indigo sehr dunkel */
  color: #003C37;
}

ul {
  margin-left: 17px;
  margin-top: 0px;
  margin-bottom: 0px;
  /* padding-left ist für Firefox notwendig */
  padding: 0px;
  /* das schwarze Bullet-Zeichen entfernen */
  list-style-type: none;
  /* dafür ein anderes laden */
  list-style-image: url(http://web02.city-map.de/homepage/08/0818/081801127/glashuette-annenwalde-bullet.gif)
}

td, th, h1, h2, h3 {
  font-family: Georgia, Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  margin: 0px;
}

h1 {
  font-size: 36px;
  text-align: right;
  font-weight: bold;
  color: #fff;
}

h2 {
  font-size: 24px;
  text-align: right;
  font-weight: bold;
  color: #188790;
}

h3 {
  font-size: 17px;
  text-align: left;
  color: #188790;
  margin: 10px 0px 10px 10px;
}

h4 {
  font-size: 13px;
  text-align: left;
  color: #188790;
  margin: 20px 0px 10px 0px;
}

h5 {
  margin: 5px 0px 2px 20px;
  font-weight: bold;
  font-size: 12px;
}

/* das gesamte Fenster */
#box {
  position: relative;
  color: #000;
  margin: 0px auto;
  width: 999px;
  /* Höhenangaben für automatische Auffüllung des Bildschirmes bis zum unteren Fensterrand */
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* das Hintergrundbild ist der Trick zum Auffüllen des Fensters, falls der Inhalt zu kurz ist */
  background: url(http://web02.city-map.de/homepage/08/0818/081801127/glashuette-box-hg.gif) repeat-y;
  text-align: left;
}

/* gesamter Kopf */
#KopfBox {
  border-width: 0px;
  width: 999px;
  height: 255px;
  margin: 0px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-kh.gif);
  background-repeat: no-repeat;
  /* Hintergrundfarbe indigo-hell, damit sowohl die H1 in weiß als auch die H2 in dunkel-indigo gesehen werden, falls das Bild nicht geladen werden kann: */
  background-color: #7BB9BF;
}

/* Kopf bis rechter Rand Bild */
#Kopf-links {
  float: left;
  border-width: 0px;
  width: 198px;
  height: 255px;
  margin: 0px;
  text-align: right;
}

/* für die Bildpositionierung: */
.AbstandObenBild {
  position: relative;
  top: 86px;
}

#Kopf-mitte-oben {
  float: left;
  border-width: 0px;
  width: 603px;
  height: 147px;
  margin-top: 0px;
  text-align: center;
}

/* für die Bildpositionierung: */
.AbstandObenLogo {
  position: relative;
  top: 19px;
}

.AbstandLogoLinks {
  margin-left: 64px;
}

#Kopf-mitte-unten {
  float: left;
  border-width: 0px;
  width: 603px;
  height: 100px;
  margin: 0px;
}

/* Kopf rechts, symmetrisch zu Kopf-links, um Zentrierung des Logos zu ermöglichen und Ausrichtung der Überschriften rechts */
#Kopf-rechts {
  float: right;
  border-width: 0px;
  width: 198px;
  height: 255px;
  margin: 0px;
}

/* die gesamte Navigations-Box */
#boxlinks {
  float: left;
  width: 198px;
  /* inline-Elemente (Links) als Blockelemente behandeln */
  display: block;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-nuh.gif);
  background-repeat: repeat;
  padding-bottom: 140px;
}

/* die verlängerte Navigations-Box für die Galerieseite, um einen Abstand des Inhalts vom linken Rand zu erzeugen */
#boxlinks-Abstandhalter {
  float: left;
  width: 198px;
  /* inline-Elemente (Links) als Blockelemente behandeln */
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-nuh.gif);
  background-repeat: repeat;
  height: 1200px;
}

/* die verlängerte Navigations-Box für die Produktionsseite, um einen Abstand des Inhalts vom linken Rand zu erzeugen */
#boxlinks-Produktion {
  float: left;
  width: 198px;
  /* inline-Elemente (Links) als Blockelemente behandeln */
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-nuh.gif);
  background-repeat: repeat;
  height: 1500px;
}

/* die verlängerte Navigations-Box für die Galerieseite, um einen Abstand des Inhalts vom linken Rand zu erzeugen */
#boxlinks-Galerie {
  float: left;
  width: 198px;
  /* inline-Elemente (Links) als Blockelemente behandeln */
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-nuh.gif);
  background-repeat: repeat;
  height: 900px;
}

/* die verlängerte Navigations-Box für die Weinbergseite, um einen Abstand des Inhalts vom linken Rand zu erzeugen */
#boxlinks-Weinberg {
  float: left;
  width: 198px;
  /* inline-Elemente (Links) als Blockelemente behandeln */
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-nuh.gif);
  background-repeat: repeat;
  height: 150px;
}

#boxlinks-Sonnenuhren {
  float: left;
  width: 198px;
  /* inline-Elemente (Links) als Blockelemente behandeln */
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-nuh.gif);
  background-repeat: repeat;
  height: 1450px;
}

/* die Box für den abgesetzten Hintergrund */
#boxlinksoben {
  float: left;
  width: 198px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-noh.gif);
  background-repeat: repeat;
}

/* Kasten links neben der Navi als Abstandhalter */
#Navi-Platzhalter {
  float: left;
  width: 38px;
  margin: 0px;
}

/* Streifen ober- und unterhalb der Navi als Abstandhalter */
#Navi-Abstandhalter {
  float: left;
  width: 198px;
  height: 10px;
  margin: 0px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-noh.gif);
  background-repeat: repeat;
}

/* die Navi-Links */
/* dieser hier ist kein Link, sondern nur der Link-Text in Blau */
.activeLink {
  color: #188790;
  font: 13px Georgia, Trebuchet MS, Verdana, sans-serif;
  text-decoration: none;
  background: transparent;
  text-align: right;
  margin-right: 10px; 
  line-height: 30px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/glashuette-logo-stern-hg.gif);
  background-repeat: no-repeat;
  width: 106px;
  display: block;
}

#Navibox a {
  color: #005F57;
  font: 13px Georgia, Trebuchet MS, Verdana, sans-serif;
  display: block;
  text-decoration: none;
  background: transparent;
  text-align: right;
  margin-right: 10px; 
  line-height: 30px;
}

#Navibox a:visited {
  color: #188790;
  font: 13px Georgia, Trebuchet MS, Verdana, sans-serif;
  text-decoration: none;
  background: transparent;
  text-align: right;
  line-height: 30px;
  display: block;
}

#Navibox a:hover {
  color: #188790;
  font: 13px Georgia, Trebuchet MS, Verdana, sans-serif;
  text-decoration: none;
  background: transparent;
  display: block;
  line-height: 30px;
  text-align: right;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/glashuette-logo-stern-hg.gif);
  background-repeat: no-repeat; 
  width: 106px;
}

#Navibox a .info {
  display: none;
}

/* die eigentliche Navigation */
#Navibox {
  display: block;
  color: #188790;
  float: left;
  width: 118px;
  border: 1px solid #188790;
  font-family: Georgia, Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  text-align: right; 
}

.NaviIcon {
/*  text-align: left;
  line-height: 30px;
  padding-top: 15px; 
  margin-right: 53px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border: 1px solid red; */
  border: 0px;
}

/* Kasten unter der Navi */
#Navi-unten {
  float: left;
  border-width: 0px;
  width: 198px;
  margin: 0px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-nuh.gif);
  background-repeat: repeat;
}

/* Kasten rechts gesamt */
#boxrechts {
  float: left;
  width: 302px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/glashuette-annenwalde-rh.gif);
  background-repeat: repeat;
  /* Platzhalter unten, damit der Fuss nicht den Inhalt überlagert */
  padding-bottom: 140px;
}

/* Kasten rechts gesamt, auf der Seite Produktion */
#boxrechts-kurz {
  float: left;
  width: 302px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/glashuette-annenwalde-rh.gif);
  background-repeat: repeat;
}

/* Bild rechts */
#bildboxrechts {
  float: left;
  width: 302px;
  height: 208px;
  margin-top: 0px;
  border-width: 1px;
  border-color: #188790;
  border-style:  solid;
  text-align: center;
}

/* für die Bildpositionierung: */
.AbstandObenFoto {
  position: relative;
  top: 6px;
}

/* Abstand für die Bildpositionierung des großen Bild auf der Produktionsseite: */
.AbstandObenGB {
  float: left;
  width: 288px;
  height: 6px;
}

/* Sinnspruch rechts */
#Sprichwort-rechts {
  float: left;
  width: 302px;
}

/* kleines Bild rechts */
#bildboxklein {
  float: left;
  width: 187px;
  height: 141px;
  margin-top: 100px;
  margin-left: 29px;
  border-width: 1px;
  border-color: #188790;
  border-style:  solid;
  text-align: center;
}

/* für die Bildpositionierung: */
.kleinesBild {
  position: relative;
  top: 4px;
}

.hellblau {color: #0669E3;}

.grau {color: #292B2B;}

/* Text-Teil */
#Text-Box {
  float: left;
  width: 472px;
  background-color: #DBEAEE;
  margin: 0px;
  /* Platzhalter unten, damit der Fuss nicht den Inhalt überlagert */
  padding-bottom: 140px;
}

/* Text-Teil ohne unteren Rand für Produktions-Seite*/
#Text-Box-kurz {
  float: left;
  width: 472px;
  background-color: #DBEAEE;
  margin: 0px;
}

#Text-Head {
  float: left;
  width: 472px;
  margin: 0px;
  background-color: #DBEAEE;
}

/* Kasten links neben dem Text als Abstandhalter */
#Text-Platzhalter-links {
  float: left;
  width: 20px;
  margin: 0px;
  background-color: #DBEAEE;
}

#inhalt {
  float: left;
  width: 430px;
  text-align: left;
  background-color: #DBEAEE;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 11px;
}

#Ref {
  float: left;
  width: 630px;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 11px;
}

.RefAbsatz {
  float: left;
  width: 630px;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 11px;
}

.ProdText {
  margin-left: 18px;
}

/* Text-Teil letzter Abschnitt mit unterem Rand für Produktions-Seite*/
#Ref-unten {
  float: left;
  width: 630px;
  padding-bottom: 140px;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 11px;
}

.BildTitel {
  float: left;
  width: 550px;
  margin: 2px 15px;
  text-align: left;
}

.BildTitelLi {
  float: left;
  width: 195px;
  margin: 2px 0px;
  text-align: center;
}

.BildTitelMi {
  float: left;
  width: 195px;
  margin: 2px 0px 2px 22px;
  text-align: center;
}

.BildTitelRe {
  float: right;
  width: 195px;
  margin: 2px 0px;
  text-align: center;
}

.RefBildLi {
  float: left;
  width: 195px;
  margin: 2px 0px;
  text-align: center;
}

.RefBildMi {
  float: left;
  width: 195px;
  margin: 2px 0px 2px 22px;
  text-align: center;
}

.RefBildRe {
  float: right;
  width: 195px;
  margin: 2px 0px;
  text-align: center;
}

/* Referenz-Bild rechts */
.RefBild3Box {
  float: left;
  width: 302px;
  margin: 0px;
}

/* Kasten oberhalb der dritten RefBilder als Abstandhalter */
.RefBild3-Platzhalter {
  float: left;
  width: 302px;
  height: 86px;
}

.Bildueberschrift3 {
  float: left;
  width: 195px;
  margin: 2px 0px 2px 20px;
  text-align: center;
}

.RefBild3 {
  float: left;
  width: 230px;
  margin: 0px;
  text-align: center;
}

.Bildunterschrift3 {
  float: left;
  width: 195px;
  margin: 2px 0px 2px 20px;
  text-align: center;
}

#Text-Box-gross {
  float: left;
  width: 739px;
  background-color: #DBEAEE;
  margin: 0px;
  /* Platzhalter unten, damit der Fuss nicht den Inhalt überlagert */
  padding-bottom: 140px;
}

#Text-Head-gross {
  float: left;
  width: 738px;
  margin: 0px;
  background-color: #DBEAEE;
}

#inhalt-gross {
  float: left;
  width: 648px;
  text-align: left;
  background-color: #DBEAEE;
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 11px;
  margin: 0px;
  padding: 0px;
}

/* gesamte Breite des Bildes */
#fuss {
  /* alles floaten löschen */
  clear: both;
  /* Fuss an den unteren Bildschirmrand zwingen */
  position: absolute;
  bottom: 0;
  float: left;
  width: 999px;
  height: 140px;
  border-width: 0px;
  background-image: url(http://web02.city-map.de/homepage/08/0818/081801127/Glashuette-annenwalde-fh-gelb.gif);
  background-repeat: no-repeat;
}

.FussText {
  font-family: Georgia, Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10px;
  color: #188790;
  text-align: left;
  vertical-align: middle;
  margin-left: 245px;
  margin-top: 33px;
}

.FussIcon {
  margin-top: 35px;
}

.City-Map {
  font-family: Georgia, Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10px;
  color: #957743;
  text-align: left;
  margin-left: 345px;
  margin-top: 0px;
}

.RefTab {
  border-collapse: collapse;
  border: solid 0 #6E6E6E;
  text-align: center;
  vertical-align: middle;
}

.BoxRahmen {
  border: 1px solid red;
}

.scrollen {
  overflow: auto;
  /* Schatten, leicht helles indigo aus dem Kopf */
  scrollbar-base-color: #DBEAEE;
  /* Fläche der Scrollbar, helles indigo generiert */
  scrollbar-face-color: #CBECF5;
  /* Rahmen links und oben, sehr helles indigo */
  scrollbar-highlight-color: #F1F7F8;
  /* Basisfarbe, mittleres indigo aus dem Kopf */
  scrollbar-track-color: #7BB9BF;
}

.hptext {
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 13px;
}

.hpsubtitel {
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 14px;
  margin-top: 0px;
}

.hpsubsubtitel {
  font-family: Trebuchet MS, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-top: 0px;
}

.Abstand {
  padding-top: 20px;
}

/* das stammt aus der Trickkiste */
/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */