@media all
{
   html,body {
           margin: 0;
           padding: 0;
           width: 100%;
           line-height: 110%;
           height: 100%;
           background-color: rgb(0,0,250);
   }
   #hintergrund {
           height: 100%;
           width: 100%;
           position: fixed;
           left: 0;
           top: 0;
           background:url(../images/background.jpg) no-repeat center center fixed;
           -webkit-background-size: contain;
           -moz-background-size: contain;
           -o-background-size: contain;
           background-size: contain;
           z-index: 10;
   }
   /*#wrappertrans {
           width: 50em;
           z-index: 100 !important;
           position: relative;
           margin-top:-4em;
           margin-left:auto;
           margin-right:auto;
           margin-bottom:68em;
           padding-bottom: -10em;
           background-color: #222;
           opacity: 0.3;
           filter: alpha(opacity = 30);
           -ms-filter: "alpha(opacity = 30)";
   }*/
   #wrapper {
           width: 48em;
           z-index: 101 !important;
           position: relative;
           margin-top:1em;
           margin-left:auto;
           margin-right:auto;
           margin-bottom:67em;
   }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
   {
   html {
       background-color:#FFFFFF;
       background-image: url(../images/bg_76.gif);
       background-repeat: repeat;}
   #wrapper
     {
      margin-top:.8em;
      margin-left:auto;
      margin-right:auto;
      width: 48em;
      min-height: 30em}
   }
@font-face {
    font-family: 'AlphaEchoRegular';
    src: url('../fonts/alpha_echo-webfont.eot');
    src: url('../fonts/alpha_echo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alpha_echo-webfont.woff') format('woff'),
         url('../fonts/alpha_echo-webfont.ttf') format('truetype'),
         url('../fonts/alpha_echo-webfont.svg#AlphaEchoRegular') format('svg');}
body {
    color: white;
    font-size: 1em;
    font-family: verdana,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 1em;
    min-width: 45em }

h2 {font: 1.3em 'AlphaEchoRegular', verdana,arial,sans-serif; font-weight:200}
h3 {font: 1.0em 'AlphaEchoRegular', verdana,arial,sans-serif; font-weight:200}
a:link {color: white}
a:visited {color: #ccc}
a:hover {color: white; background-color: black}
a:active {color: white; background-color: gray}

#header {
    font: 5em 'AlphaEchoRegular',verdana,helvetica,arial, sans-serif;
    padding: 0.3em;
    text-align: center}
ul#Navigation {
    font: .8em 'AlphaEchoRegular',verdana,helvetica,arial,sans-serif;
    font-weight:200;
    float: left; width: 12em;
    margin: 0 0 1em; padding: 0;
    border: 1px solid black}
ul#Navigation li {
    list-style: none;
    margin: 0;
    padding: 0.5em}
a.aktuell {
    color: red;}
ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold}
div#Info {
    font-size: 0.8em;
    float: right;
    width: 15em;
    margin: 0 0 .8em;
    padding: 0;
    border: 1px solid black}
div#Info:hover,div#Inhalt1:hover,div#Inhalt2:hover{
    background-color:black;}
div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em}
div#Info p {
    margin: 0.5em}
div#Inhalt1 p {
    font-size: .9em;}
div#Inhalt1 {
    margin: 0 13em 1em 10.7em;
    padding: 0 1em;
    border: 1px solid black }
div#Inhalt2 {
    margin: 0 .1em 1em 11em;
    padding: 0 1em;
    border: 1px solid black}
div#Inhalt p {
    font-size: 1em;
    margin: 1em 0}
div#frei {
    clear: both;}
dl {
    font-size: .8em;}
table {
    margin-bottom: 15px;
    table-layout:fixed}
td {
    border:1px solid black;}