body,td {font-family:Verdana,Arial; font-size:10pt; text-align:left; color:#000000 }
                a:link { color:#000088 }
                body   { background: #3d4a6a url(outerbg.gif) repeat left top; margin: 0; padding: 1em;
    min-width: 41em; }

@viewport {
   width: 350px;
   zoom: 1;
}
a:hover { color:00000; background-color: yellow; }
a, a:visited {
    color: #3e5795;
    text-decoration: none;
    transition: color 0.25s ease;
    -webkit-transition: color 0.25s ease;
    -moz-transition: color 0.25s ease;
    -o-transition: color 0.25s ease;
    -ms-transition: color 0.25s ease;
}


a:active {
    color: #cf3694;
    transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -webkit-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);

}


 h1 {
    font-size: 1.3em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: #dadada;
    border: none; border-radius: 10px 20px 10px 20px / 20px 10px 20px 10px; box-shadow: 3px 3px 2px silver
  }

h2{
color:black;
background-color: #efefef;
font:bold 1.0em verdana, helvetica, arial, sans-serif;}

#navi                 { color: black; font-weight: lighter; font-size: 0.83em; font-family: Verdana, Arial, sans-serif; background: #dadada url(innerbg.gif) repeat left top; float: left; width: 18em; margin: 0 0 1.2em; padding: 0; border: none; border-radius: 10px 20px 10px 20px / 20px 10px 20px 10px; box-shadow: 5px 5px 2px silver }
#navi a:hover   { color: black; font-weight: lighter; font-size: 10pt; font-family: Verdana, Arial, sans-serif; background-color: yellow; }

#content { color: blue; line-height: 1em; font-family: verdana, sans-serif; background: #dadada url(innerbg.gif) repeat left top; text-align: left; margin: 0 12em 5em 16em; padding: 0 1em; border: solid 1px white; border-radius: 10px 20px 10px 20px / 20px 10px 20px 10px; box-shadow: 5px 5px 2px silver; } img{border:none;}
 div#content p {
    font-size: 1em;
    margin: 1em 0;
  }
#knight { background: #ffffff; text-align: center;  margin:  0 0 1.1em; padding: 0; border: none; float: right; width: 12em; border-radius: 10px 20px 10px 20px / 20px 10px 20px 10px }

@media only screen and (max-width: 600px) {
 h1 {
    font-size: 0.6em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;}
    h2{
color:black;
font-size: 0.4em;
background-color: #efefef;
font: verdana, helvetica, arial, sans-serif;}
#knight {
height: 0px; width: 0px;
}
#content { color: blue; line-height: 1em; font-family: verdana, sans-serif; background: #dadada url(innerbg.gif) repeat left top; text-align: left; margin: 0 12em 5em 16em; padding: 0 1em; border: solid 1px white; width: 70%} img{border:none;}
 #navi                 { color: black; font-weight: lighter; font-size: 0.83em; font-family: Verdana, Arial, sans-serif; background: #dadada url(innerbg.gif) repeat left top; float: left; width: 18em; margin: 0 0 1.2em; padding: 0; border: none; width: 20% }

 
}

div.boxshadow {
        -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Firefox - alte Syntax */
        -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* Safari, Chrome - alte Syntax */
        box-shadow:5px 5px 5px rgba(0,0,0,0.5); /* alle neuen Browser, W3C Standard */
}

ul#Navigation {
    font-size: 0.83em;
    float: left; width: 19em;
    margin: 0 0 1.2em; padding: 0;
    border: 1px dashed silver; background-color: #dadada; border-radius: 10px 20px 10px 20px / 20px 10px 20px 10px; box-shadow: 5px 5px 2px silver  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {border-radius: 6px 11px 6px 11px / 11px 6px 11px 6px;
    display: block;text-align: center;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: white; background: #3d4a6a url(outerbg.gif) repeat left top; border: 1px solid white;
  }
  ul#Navigation a:visited {
    color: white; background: #3d4a6a url(outerbg.gif) repeat left top; border: 1px solid red;
  }
  ul#Navigation a:hover {
    color: black; background-image: url(innerbg.gif); border: 1px solid #3d4a6a;border: 1px solid green;
  }
  ul#Navigation a:active {
    color: white; background: #3d4a6a url(outerbg.gif) repeat left top; border: 1px solid white;
  }
p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background: #dadada url(innerbg.gif) repeat left top;
    border: none; border-radius: 10px 20px 10px 20px / 20px 10px 20px 10px; box-shadow: 2px 2px 1px silver;
  }