

/* USED COLORS ------------------------------------------------- */
/* BENUTZTE FARBEN --------------------------------------------- */
 /*Stralsuntourismus blau                   #1E194F              */
 /*Stralsundtourismus gelb                  #F6EDC5
/* white (e.g. content-background)          #ffffff    weiss     */
/* black (e.g. font)                        #000000    schwarz   */
/* grey (e.g. inner-containers)             #f0eeeb    grau      */
/* red (e.g. hover-links)                   #b80000    rot       */
/* blue (e.g. links)                        #0000a3    blau      */
/* light blue (e.g. website-background)     #efefff    hellblau  */
/* violett (e.g. visited links)             #5d005d    violett   */



body {
  background: #000000;         /* Hintergrund:schwarz */
  color: ##A5E543;              /* Textfarbe: grün*/
  font-family: Helvetica, Arial, sans-serif; /* Schriftart: Helvetica, Arial, sans-serif */
  font-size: smaller;          /* Schriftgroesse: kleiner */
  margin: 0;                /* Aussenabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksbuendig */
}
   #page {
  background: #000000;         /* Hintergrund: schwarz */
  margin: auto;                /* Aussenabstand: automatisch */
  padding: 0;                  /* Innenabstand: keiner */
  min-width: 590px;            /* Mindestbreite: 590px */
  max-width: 65em;             /* Maximalbreite: 86em */
}
 a:link {
  background: #000000;         /* Hintergrund: schwarz */
  color: #A5E543;              /* Textfarbe: gelb */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}
 a:visited {
  background: #1f1f1f;         /* Hintergrund: weiss */
  color: #A5E543;              /* Textfarbe: violett */
  font-style: italic;          /* Schriftstil: kursiv */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: none;       /* Textdekoration: keine */
}
    a:hover {
  background: #000000;         /* Hintergrund: weiss */
  color: #A5E543;              /* Textfarbe: schwarz */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}
  a:active,
a:focus {
  background: #000000;         /* Hintergrund: rot */
  color: #A5E543;              /* Textfarbe: weiss */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}
  div#horizontalnavigation {
  background: #000000;         /* Hintergrund: blau */
  color: #A5E543;              /* Textfarbe: gelb */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}
   ol#horizontal {
  background: #000000;         /* Hintergrund: schwarz */
  color: ##A5E543;              /* Textfarbe: grün */
  list-style: none;            /* Listendarstellung: keine */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: left;            /* Horizontale Ausrichtung: linksbuendig */
}
   ol#horizontal li {
  background: #1f1f1f;      /* Hintergrund: anthrazit */
  color:#A5E543;           /* Textfarbe: grün */
  float: left;              /* Textumfluss: alles nachfolgende rechts vom Element */
  font-size: 1em;           /* Schriftgroesse: 1em */
  letter-spacing: px;      /* Zeichenabstand: 1px */
  margin: 0 1% 0 0;         /* Aussenabstand: oben/unten/links keiner, rechts 1% */
  padding: 0;               /* Innenabstand: keiner */
  width: 11%;               /* Breite: 19% */
}
       ol#horizontal li strong.activated {
  background: #000000;         /* Hintergrund: schwarz */
  border: 1px solid #A5E543;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz */
  color: #A5E543;              /* Textfarbe: grün */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: .5em */
}
     ol#horizontal li a:link {
  background: #000000;         /* Hintergrund: schwarz */
  border: 1px solid #A5E543;   /* Rahmen alle Seiten: 1px, durchgezogen, blau */
  color: #A5E543;              /* Textfarbe: grün */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: .5em */
  text-decoration: none;       /* Textdekoration: keine */
}
     ol#horizontal li a:visited {
  background: #1f1f1f;         /* Hintergrund: hellblau */
  border: 1px solid #A5E543;   /* Rahmen alle Seiten: 1px, durchgezogen, hellblau */
  color: ##A5E543;              /* Textfarbe: violett */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-style: italic;          /* Schriftstil: kursiv */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: .5em */
  text-decoration: none;       /* Textdekoration: keine */
}
 ol#horizontal li a:hover {
  background: #000000;         /* Hintergrund: anthrazit */
  border: 1px solid #A5E543;   /* Rahmen alle Seiten: 1px, durchgezogen, rot */
  color: #A5E543;              /* Textfarbe: rot */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: .5em */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}
    ol#horizontal li a:active,
ol#horizontal li a:focus {
  background: #000000;         /* Hintergrund: rot */
  border: 1px solid #A5E543;   /* Rahmen alle Seiten: 1px, durchgezogen, rot */
  color: ##A5E543;              /* Textfarbe: weiss */
  display: block;              /* Anzeigeart: Block, Element erzeugt neue Zeile */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: .5em;               /* Innenabstand: .5em */
  text-decoration: underline;  /* Textdekoration: unterstrichen */
}
    #breadcrumb {
  font-size: .8em;             /* Schriftgroesse: 80% des Elternelementes */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}
h1 {
 border: 1px solid #A5E543;   /* Rahmen alle Seiten: 1px, durchgezogen, schwarz
  font-size: 1.4em;            /* Schriftgroesse: 1.4em */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0 0 1em 0;           /* Aussenabstand: oben/rechts/links keiner, unten 1em */
  padding: .5em;
   }               /* Innenabstand: .5em */
  h2 {
  border-bottom: 1px solid #A5E543;   /* Rahmen unten: 1px, durchgezogen, schwarz
  font-size: 1.2em;            /* Schriftgroesse: 1.2em */
  font-weight: bolder;         /* Schriftgewicht: extrafett */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}
  .container {
  background: #000000;         /* Hintergrund: grau */
  color: #A5E543;              /* Textfarbe: grün */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
}
 .copyright {
  border-top: 1px solid #A5E543;   /* Rahmen oben: 1px, durchgezogen, blau */
  clear: both;                 /* Fortsetzung bei Textumfluss: unterhalb */
  float: none;                 /* Textumfluss: keiner */
  font-size: .8em;             /* Schriftgroesse: 80% des Elternelementes */
  margin: 0;                   /* Aussenabstand: keiner */
  padding: 0;                  /* Innenabstand: keiner */
  text-align: center;          /* Horizontale Ausrichtung: zentriert */
}
   #header {
  background: #000000;      /* Hintergrund: schwarz */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color:#A5E543;           /* Textfarbe: grün */
  float: none;              /* Textumfluss: keiner */
  margin: 0;                /* Aussenabstand: keiner */
  padding: 1%;              /* Innenabstand: 1% */
  width: 98%;               /* Breite: 98% */
}
  #content {
  background: #1f1f1f;      /* Hintergrund: anthrazit */
 border: 1px solid #A5E543;   /* Rahmen oben: 1px, durchgezogen, blau
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color:#A5E543;           /* Textfarbe: grün */
  float: none;              /* Textumfluss: keiner */
  margin: 0;                /* Aussenabstand: keiner */
  padding: 1%;              /* Innenabstand: 1% */
  width: 98%;               /* Breite: 98% */
}
     #footer {
  background: #000000;      /* Hintergrund: schwarz */
  border-top: 1px solid #A5E543;   /* Rahmen oben: 1px, durchgezogen, blau */
  clear: both;              /* Fortsetzung bei Textumfluss: unterhalb */
  color: #ffffff;           /* Textfarbe: weiß */
  float: none;              /* Textumfluss: keiner */
  margin: 0;                /* Aussenabstand: keiner */
  padding: 1%;              /* Innenabstand: 1% */
  width: 98%;               /* Breite: 98% */
}
