@charset "UTF-8";
/* characters_index */
/* CSS Document */

@font-face {
    font-family: 'Genericons';
    src: url('font/genericons-regular-webfont.eot');
    src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/genericons-regular-webfont.woff') format('woff'),
         url('font/genericons-regular-webfont.ttf') format('truetype'),
         url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { padding: 0; margin: 0 0 0 0; }
html, body {
    height: 100%;
}
body {
    display: table;
    width: 100%;
	    margin: 0 auto;
		background-color: #000000;
	color:#FFFFFF;
	font-family: "Century Gothic", Verdana, sans-serif;
	font-size: 15px;
}
#navigation{
margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;
}
/* ---------------------------------------------------------
   Navigation 
   ---------------------------------------------------------*/
/* Button positionieren  */
div.menubutton {
  display: block;
  z-index: 1000;
  text-align: center;
  margin-right: auto;
margin-left: auto;
}
/* Button gestalten */ 
div.menubutton a {
  display: block; 
  text-decoration: none;
  padding: 0.5em;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
div.menubutton a {
  display: block; 
  text-decoration: none;
  padding: 0.1em 0.5em 0.5em 0.5em;
}
}
div.menubutton a.shownavlist:after {
font-family: Genericons;
  content: "\f419";
  font-size: 2rem;
  color: #ffffff;
  	vertical-align: text-top;
}
div.menubutton a.hidenavlist:after {
font-family: Genericons;
  content: "\f405";
  font-size: 3rem; 
    color: #ffffff;
	vertical-align: text-top;
}  
div.menubutton a.hidenavlist {
  display:none;
}
/* Navigationsliste gestalten */
nav[role="navigation"] {
  padding: 0; 
  margin: 0;
}
nav[role="navigation"] ul#navlist {
  max-height: 0;
  overflow: hidden; 
  transition: 1s;
  transition-timing-function: ease-out;
  list-style-type: none;
}
nav[role="navigation"] li { 
  display: block; 
}
nav[role="navigation"] li:last-of-type {
}
@media screen and (min-width: 320px) and (max-width: 767px) {
nav[role="navigation"] li:last-of-type {
margin-bottom: 1em;
}
}
nav[role="navigation"] li:first-of-type {
	margin-top: 1em;
}
/* Gestaltung der Hyperlinks */
nav[role="navigation"] li a {
  display: block; 
  text-decoration: none;
  padding: 1em;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
nav[role="navigation"] li a {
  display: block; 
  text-decoration: none;
  padding: 0.7em;
}
}
nav[role="navigation"] a:hover, 
nav[role="navigation"] a:focus {
  /*background: #c40;
  color: white;*/
  /*text-decoration: underline;*/
}
/*nav[role="navigation"] a:active {
  background: #f50;
  color: white;
}*/
nav[role="navigation"] li.active a {
  color: white;
  text-decoration: none;
}
/* Navigationsliste einblenden */
#menu:target ul#navlist { 
  max-height: 30em; 
}
#menu:target a.shownavlist { 
  display: none; 
}
#menu:target a.hidenavlist { 
  display: block; 
}
/* eof */ 

.tabellen_zelle {
    display: table-row;
	height: auto;
	width: 100%;
}
.maximale_hoehe {
    height: 100%;
}
a {
	text-decoration: none;
	outline: none;
	color: #30f509;
}
h1 {
	font-size: 100px;
	font-weight: bold;
	line-height: 1;	
}
h2 {
	font-size: 30px;
	font-weight: bold;
}
.img {
border: 0;
width: auto;
height: 80vh;
}
#img[usemap] {
border: none;
width: auto;
height: 80vh;
}
#bild {
position: relative;
margin-right: auto;
margin-left: auto;
width: 100%;
height: auto;
text-align: center;
}