/* HTML5 */
article, footer, header, main, nav {
  display: block;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Cambria, Georgia, serif;
  color: black;
  /* Quelle: http://www.kollermedia.at/pattern4u/real/ */
  background: #9C947F url(/engine/images/body.jpg) repeat;
}

/* Standard-Links */
a:link { color:#060; text-decoration:underline; }
a:visited { color:#060; text-decoration:underline; }
a:focus { color:#FFD700; text-decoration:underline; }
a:hover { color:#060; text-decoration:none; }
a:active { color:#FFD700; text-decoration:none; }

/* RSS-Link */
.rss a { color:orange; }

/* Umschlag */
#wrap {
  width: 65em;
  margin: 2em auto;
  padding: 0;
  text-align: left;
  color: black;
  background: white url(/engine/images/wrap.png) repeat-y;
  border: 1px solid black;
  /* Schatten */
  box-shadow: .5em .5em .5em #333;
  -moz-box-shadow: .5em .5em .5em #333;
  -webkit-box-shadow: .5em .5em .5em #333;
}

/* Kopf */
#head {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #FFD700; /* gold */
  background: #060;
  background: linear-gradient(#090 0%, #060 100%);
}
#head h1 {
  margin: 0;
  padding: .5em 0 .25em 0;
  font-family: 'Iglesia', Cambria, Georgia, serif;
  text-shadow: 2px 2px 3px #000;
}
#head h1 em {
  font-size: 100%;
  font-style: normal;
}
#head h1 strong {
  font-size: 200%;
  font-weight: normal;
}
#head a { color:#FFD700 !important; text-decoration:none !important; }

/* Tabs */
#tabs {
  margin: 0;
  padding: 0 .5em;
  text-align: right;
  color: #FFD700;
  background: #060;
  border-bottom: 1px solid black;
}
#tabs li {
  margin: 0 .25em;
  padding: 0;
  display: inline;
  list-style: none;
}
#tabs a {
  padding: 0 .5em;
  color: black !important;
  background: gray;
  text-decoration: none !important;
  border: 1px solid black;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}
#tabs a:focus, #tabs a:hover , #tabs a:active  {
  background: lightgray;
}
#tabs strong a {
  background: white;
  border-bottom: 1px solid white;
}
#tabs strong a:focus, #tabs strong a:hover, #tabs strong a:active {
  background: white;
  text-decoration:underline !important;
}

/* Inhalt */
#content {
  float: right;
  width: 50em; /* 50 + 1 + 1 = 52 */
  margin: 0;
  padding: 1em;
}
#content h2,
#content p {
  margin-top: 0;
}

/* Navigation */
#nav {
  float: left;
  width: 11.5em; /* 11.5 + 0.5 + 0.5 = 12.5 */
  margin: 1em 0;
  padding: .5em;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 90%;
  color: black;
  background: #FFD700;
  background: linear-gradient(#FFE240 0%, #FFD700 100%);
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-radius: 0 1em 1em 0;
}
#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav ul li {
  margin: .25em 0;
}
#nav ul li .area {
  font-size: larger;
}
#nav .level1 {
  margin-bottom: 1em;
}
#nav .level2, #nav .level3 {
  margin-left: .75em;
}
#nav a:link { color:black; text-decoration:underline; }
#nav a:visited { color:black; text-decoration:underline; }
#nav a:focus { color:#060; text-decoration:underline; }
#nav a:hover { color:black; text-decoration:none; }
#nav a:active { color:#060; text-decoration:none; }

/* Fuß */
#foot {
  clear: both;
}

/* Tabellen */
table {
  border-collapse: collapse;
  border: 1px solid gray;
}
table th {
  margin: 0;
  padding: 5px;
  text-align: left;
  color: black;
  background: #FFEC80;
  border: 1px solid gray;
}
table td {
  margin: 0;
  padding: 5px;
  color: black;
  background: white;
  border: 1px solid gray;
}
table h3 {
  margin: 0;
  padding: 0;
}
table th.subheader {
  color: black;
  background: white;
}

/* Definitionslisten */
dt {
  font-weight: bold;
}

/* Zentriert */
.center {
  text-align: center;
}

/* Neuigkeiten */
.newsitems em {
  margin-left: .5em;
  color: gray;
  font-size: smaller;
}

/* Neuigkeit */
.newsitem h3 {
  margin-bottom: 0;
}
.newsitem .date {
  margin: 0;
  margin-bottom: .5em;
  color: gray;
  font-size: smaller;
}

.newsitem {
  text-align: justify;
}

/* Lineare Liste */
ul.inline {
  margin-left: 0;
  padding-left: 0;
}
ul.inline li {
  margin: 0;
  margin-right: 1em;
  padding: 0;
  display: inline;
  list-style: none;
}

/* Vergangen */
.past {
  font-style: italic;
  color: #666;
}
.past a {
  color: #666;
}

/* Aktuell */
.current {
  font-weight: bold;
}

/* Statuten */
#statuten h3 em {
  font-weight: normal;
  font-style: normal;
  color: gray;
}
#statuten strong {
  color: gray;
}

/* Wenig Platz */
@media (max-width: 65em) {
  #wrap {
    margin: 0;
  }
}
@media (max-width: 45em), (max-width: 480px) {
  #wrap {
    width: auto;
    background: white;
  }
  #content {
    float: none;
    width: auto;
  }
  #nav {
    float: none;
    margin: 1em auto;
    font-size: 100%;
    border: 1px solid black;
    border-radius: 1em;
  }
}
@media (max-width: 15em), (max-width: 320px) {
  #nav {
    width: auto;
    margin: 0;
    border: 0;
    border-top: 1px solid black;
    border-radius: 0;
  }
}