html {
height: 100%;
}

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

img {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

a {
  text-decoration: none;
}

/* das gesamte Fenster */
#box {
  position: relative;
  color: #000;
  margin: auto;
  margin-top: 10px;
  width: 841px;
  height: 801px;
  border: 1px solid #F0D258;
}

/* das gesamte Fenster */
#bilder-box {
  position: relative;
  color: #000;
  margin: auto;
  margin-top: 10px;
  width: 841px;
  height: 600px;
  border: 1px solid #F0D258;
}

/* die drei Einzelboxen oben zusammengefasst */
#BoxOben {
  float: left;
  height: 198px;
  margin: 0px;
}

/* die Einzelboxen */
#go-uckermark-box-01 {
  float: left;
  width: 208px;
  height: 198px;
  background-image: url(01-go-uckermark-marktplatz.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-01 a {
  /* dunkelblau: */
  color: #1C214C;
}

#go-uckermark-box-01 a visited {
  color: #851019;
}

#go-uckermark-box-02 {
  float: left;
  width: 419px;
  height: 198px;
  margin: 0px 3px 0px 3px;
  background-image: url(02-go-uckermark-projekte.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-02 a {
  /* dunkelblau: */
  color: #1C214C;
}

#go-uckermark-box-02-01 {
  float: left;
  width: 419px;
  height: 35px;
  margin: 0px;
  valign: middle;
}

#go-uckermark-box-02-02 {
  float: left;
  width: 419px;
  height: 35px;
  margin: 0px;
}

#go-uckermark-box-02-03 {
  float: left;
  width: 410px;
  height: 80px;
  margin: 0px;
  padding: 5px;
}

#go-uckermark-box-02-04 {
  float: left;
  width: 419px;
  height: 48px;
  margin: 0px;
}

#go-uckermark-box-03 {
  float: left;
  width: 208px;
  height: 198px;
  background-image: url(03-go-uckermark-homepage-service.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-03 a {
  color: #216E9F;
}

/* die vier Einzelboxen in der Mitte zusammengefasst */
#BoxMitte {
  float: left;
  border-width: 0px;
  height: 198px;
  margin: 3px 0px 0px 0px;
}

/* die Einzelboxen */
#go-uckermark-box-04 {
  float: left;
  width: 208px;
  height: 198px;
  background-image: url(04-uckermark-marke.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-05 {
  float: left;
  width: 208px;
  height: 198px;
  margin: 0px 3px 0px 3px;
  background-image: url(05-go-uckermark-onlineshop.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-06 {
  float: left;
  width: 208px;
  height: 198px;
  margin: 0px 3px 0px 0px;
  background-image: url(06-go-uckermark-muehle.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-07 {
  float: left;
  width: 208px;
  height: 198px;
  background-image: url(07-go-uckermark-bilder.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-04 a {
  /* lila der Ziel-Seite: */
  color: #2C2C60;
}

#go-uckermark-box-05 a {
  /* flieder: */
  color: #8B8DC3;
}

#go-uckermark-box-06 a {
  /* schwarz: */
  color: #000;
}

#go-uckermark-box-07 a {
  /* abgedunkeltes grün aus dem Logo: */
  color: #294608;
}

#go-uckermark-box-08 a {
  /* sepia: */
  color: #AA7803;
}

/* die drei Einzelboxen unten zusammengefasst */
#BoxUnten {
  float: left;
  height: 198px;
  margin: 3px 0px 0px 0px;
}

/* die Einzelboxen */
#go-uckermark-box-08 {
  float: left;
  width: 208px;
  height: 198px;
  background-image: url(08-go-uckermark-kunstpfad-uckermark.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-09 {
  float: left;
  width: 208px;
  height: 198px;
  margin: 0px 3px 0px 3px;
  background-image: url(09-go-uckermark-leer.jpg);
  background-repeat: no-repeat;
}

#go-uckermark-box-09-ann {
  float: left;
  width: 208px;
  height: 198px;
  margin: 0px 3px 0px 3px;
  background-image: url(09-go-uckermark-glashuette-annenwalde.jpg);
  background-repeat: no-repeat;
}

#go-uckermark-box-09-ann a {
  /* Türkis aus dem Logo (dunkelste Stelle): */
  color: #198377;
  color: #fff;
}

#go-uckermark-box-10 {
  float: left;
  width: 419px;
  height: 198px;
  background-image: url(10-go-uckermark-kontakt.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-10 a {
  /* dunkelblau: */
  color: #1C214C;
}

#go-uckermark-box-10 a span {
  /* weiß: */
  color: #fff;
}

#mittlere-box-unten {
  float: left;
  width: 419px;
  height: 198px;
  margin: 0px 3px 0px 3px;
  background-image: url(10-go-uckermark-kontakt.gif);
  background-repeat: no-repeat;
}

#mittlere-box-unten a {
  /* dunkelblau: */
  color: #1C214C;
}

#mittlere-box-unten a span {
  /* weiß: */
  color: #fff;
}

#rechte-box-unten {
  float: left;
  width: 208px;
  height: 198px;
  background-image: url(09-go-uckermark-leer.jpg);
  background-repeat: no-repeat;
}

#go-uckermark-box-11 {
  float: left;
  width: 208px;
  height: 198px;
  margin: 0px 3px 0px 0px;
  background-image: url(11-go-uckermark-mythengarten.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-12 {
  float: left;
  width: 208px;
  height: 198px;
  background-image: url(12-go-uckermark-kontakt.gif);
  background-repeat: no-repeat;
}

#go-uckermark-box-11 a {
  /* schwarz: */
  color: #000;
}

#go-uckermark-box-12 a {
  /* abgedunkeltes grün aus dem Logo: */
  color: #294608;
}

/* die drei Einzelboxen in der vierten Zeile zusammengefasst */
#BoxZeile4 {
  float: left;
  height: 198px;
  margin: 3px 0px 0px 0px;
}

.VAbstand1 {
  padding-top: 10px;
}

.VAbstand2 {
  padding-top: 60px;
}

.VAbstand3 {
  padding-top: 20px;
}

.VAbstand4 {
  padding-top: 5px;
}

.VAbstand5 {
  padding-top: 15px;
}

.VAbstand6 {
  padding-top: 40px;
}

.VAbstand7 {
  padding-top: 2px;
}

.TextZeile {
  width: 208px;
}

.TextZeileBreit {
  width: 419px;
}

.ZeilenHoehe1 {
  height: 15px;
}

.TextGroesse1 {
  font-size: 16px;
}

.TextGroesse2 {
  font-size: 24px;
}

.TextGroesse3 {
  font-size: 14px;
}

.TextGroesse4 {
  font-size: 40px;
}

.CMFarbe {
  color: #1C214C;
}

.Weiss {
  color: #fff;
}

.LinksBuendig {
  text-align: left;
}

.RechtsBuendig {
  text-align: right;
}

.HAbstand1 {
  padding-left: 50px;
}

.HAbstand2 {
  padding-left: 305px;
}

.HRand1 {
  padding-left: 5px;
  padding-right: 5px;
}

.HRand2 {
  padding-top: 5px;
}

.ZusatzText {
  font-size: 8px;
  font-family: verdana;
  color: grey;
  text-align: left;
  display: none;
}

#map_canvas {
  float: left;
  margin-top: 3px;
  width: 841px;
  height: 600px;
}