/* ------------------------------------------------------------- */
/* Allgemeine Formate                                            */
/* ------------------------------------------------------------- */

@font-face
{
  font-family: 'MonotypeCorsiva';
  src: url('/fonts/monotype_corsiva.ttf') format('truetype');
}

body
{
  margin: 0px;
  margin-bottom: 50px;
  background-color: #204205;
  /*font-family: MonotypeCorsiva, 'Times New Roman', Times, 'New Roman', serif;*/
  font-family: Arial, Helvetica, Sans;
  font-size: 16pt;
  color: #004000;
}

a:link       { text-decoration:none; }
a:visited { text-decoration:none; }
a:focus     { text-decoration:underline; }
a:hover     { text-decoration:underline; }
a:active   { text-decoration:underline; }

img
{
  border-style: none;
}
ul
{
  margin-top: 0px; margin-bottom: 0px; margin-left: 2ex;
  padding: 0pt;
  list-style-position: outside;
}
table
{
  border-style: none; border-spacing: 0pt;
  padding: 0pt;
}
td
{
  vertical-align: top;
}

/* ------------------------------------------------------------- */
/* Umgebung                                                      */
/* ------------------------------------------------------------- */

#hintergrund
{
  position: fixed; z-index: -1;
  top: 0px; bottom: 0px; width: 100%;
}

#hintergrund img
{
  width: 100%; height: 110%;
}

#rahmen
{
  margin-top: 50px; margin-left: auto; margin-right: auto; margin-bottom: 0px;
  width: 60%; min-width: 725px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
}

#inhalt
{
  padding: 1em;
}

/* ------------------------------------------------------------- */
/* Kopfbereich                                                   */
/* ------------------------------------------------------------- */

#name
{
  font-size: 150%; font-weight: bold;
  color: black;
}

#name .kleiner
{
  font-size: 65%;
}

#name img
{
  height: 100px;
}

.strich
{
  margin-top: 10px; margin-bottom: 10px;
  height: 5px;
  background-color: #FFA500;
}

/* ------------------------------------------------------------- */
/* Menübereich                                                   */
/* ------------------------------------------------------------- */

#menue1 td
{
  padding-right: 3ex;
  font-size: 90%;
}

#menue2 td
{
  padding-right: 3ex;
  font-size: 75%;
}

#menue1 a:link       { color: #004000; text-decoration: none; }
#menue1 a:visited    { color: #004000; text-decoration: none; }
#menue1 a:focus      { color: #004000; text-decoration: underline; }
#menue1 a:hover      { color: #004000; text-decoration: underline; }
#menue1 a:active     { color: #004000; text-decoration: underline; }

#menue1 a.aktiv      { color: #FFA500; font-weight: bold; }

#menue2 a:link       { color: #004000; text-decoration: none; }
#menue2 a:visited    { color: #004000; text-decoration: none; }
#menue2 a:focus      { color: #004000; text-decoration: underline; }
#menue2 a:hover      { color: #004000; text-decoration: underline; }
#menue2 a:active     { color: #004000; text-decoration: underline; }

#menue2 a.aktiv      { color: #FFA500; font-weight: bold; }

/* ------------------------------------------------------------- */
/* Rumpfbereich                                                  */
/* ------------------------------------------------------------- */

h1
{
  font-size: 150%; color: black;
}

h2
{
  font-size: 125%; color: black;
}

.links
{
  float: left;
  margin: 0px; margin-right: 1em; margin-bottom: 1em; width: 200px;
}

.rechts
{
  float: right;
  margin: 0px; margin-left: 1em; margin-bottom: 1em; width: 200px;
}

.trennung
{
  clear: both;
}

p
{
  margin-top: 0px;
}

/* ------------------------------------------------------------- */
/* Fußbereich                                                    */
/* ------------------------------------------------------------- */

#fuss img
{
  width: 100%;
}

/* ------------------------------------------------------------- */
/* Formulare                                                     */
/* ------------------------------------------------------------- */

.formular_ok
{
  border: 1px solid green;
  background-color: #F0FFF0;
  padding: 1px;
}

.formular_fehler
{
  border: 1px solid red;
  background-color: #FFF0F0;
  padding: 1px;
}

/* ------------------------------------------------------------- */
/* Nachrichten                                                   */
/* ------------------------------------------------------------- */

.nachricht_ok
{
  margin-bottom: 1em;
  border: 1px solid green;
  background-color: #F0FFF0;
  padding: 5px;
}

.nachricht_fehler
{
  margin-bottom: 1em;
  border: 1px solid red;
  background-color: #FFFFA0;
  color: red;
  padding: 5px;
}

/* ------------------------------------------------------------- */
/* Aktuell                                                       */
/* ------------------------------------------------------------- */

.sonderinfo
{
  float: right;
  margin-left: 1em;
  width: 25%;
  background-color: #FFA500;
  color: black;
  padding: 10px;
}

.aktuell
{
  float: right;
  width: 25%;
  background-color: #FFA500;
  color: black;
  padding: 10px;
}

/* ============================================================= */