@font-face { font-family: "Gentium"; src: url(http://www.schuetzen-hitdorf.de/fonts/GentiumPlus-R.ttf) format("truetype"); }
@font-face { font-family: "Headline"; src: url(http://www.schuetzen-hitdorf.de/fonts/aardvarkcafe.ttf) format("truetype"); }
@font-face { font-family: "Navigation"; src: url(http://www.schuetzen-hitdorf.de/fonts/MgOpenModernaRegular.ttf) format("truetype"); }


body {color: black; background-color: white;font-size: 1em;font-family: "Gentium", Times;margin: 0; padding: 1em;min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */}

div#Kopf {padding: 0 1em;background-color: #c0ffc0;}
div#Kopf h1{font-family: "Headline"; font-size: 2em;margin: 0 0 0.7em; padding: 0.3em;text-align: center;color:green;}
div#Kopf h2 {font-size: 1.2em; font-color: black; font-style:bold; text-align: center;}
div#Kopf #rightfloat {float:right}
div#Kopf hr {style: noshade; background-color: green; color: green; height: 2px; border: 0px;margin-bottom: 1em}

div#Info {font-size: 0.9em;float: right; width: 13em;margin: 0 0 1.1em padding: 0.5em;text-align:center;background-color: #eee; border: 1px dashed silver;}
div#Info h2 {color:red;font-size: 1.2em;margin: 0.2em 0.5em;}
div#Info h3 {color:black;font-size: 1em;font-style: bold;margin: 0.2em}
div#Info p {font-size: 1em;margin: 0.5em;}
div#Info a:link {color:green}
div#Info a:visited {color:green}

ul#Navigation {font-family: "Navigation"; text-align:center;margin: 0 0 1.2em;padding:1.5em;border:1px dashed green;float: left; width: 15em;font-size:0.75em;}
ul#Navigation h1 {color:green;font-size: 1.66em;margin-top: 2em}
ul#Navigation h2 {color:green;font-size: 1.33em;margin: 0.2em 0.5em;}
ul#Navigation li {list-style: none;margin: 0 0 0.5em 0; padding: 0em;}
ul#Navigation a {display: block;padding: 0em;font-weight: bold;}
ul#Navigation a:link {color:green; background-color:white;}
ul#Navigation a:visited {color:green; background-color: white;}
ul#Navigation a:hover {color: black; background-color:#eee;}
ul#Navigation a:active {color: white; background-color: gray;}



div#Inhalt {padding: 0 1em;}
div#Inhalt h1 {font-size: 1.66em;letter-spacing: 0.5em;margin: 0 0 0.7em; padding: 0.3em;text-align: center;color:green;}
div#Inhalt h2 {font-size: 1.2em;margin: 0.2em 0;text-align: center;color: green;}
div#Inhalt h3 {font-size: 1em; font-color: black; font-style:bold; text-align: center;}
div#Inhalt h4 {font-size: 0.8em; color:black; font-style:bold; text-align: center;}
div#Inhalt h5 {font-size: 1em; font-color: black; font-style:bold; text-align: justify;margin: 1em 2em 1em 15em;}
div#Inhalt p {text-align:justify;font-size: 1em;margin: 1em 1em 1em 15em;}
div#Inhalt ol {text-align:justify;font-size: 1em;margin: 1em 2em 1em 15em;}
div#Inhalt ul {text-align:justify;font-size: 1em;margin: 1em 2em 1em 15em;}
div#Inhalt hr {style: noshade; background-color: green; color: green; height: 2px; border: 0px;margin-bottom: 3em}
div#Inhalt small {font-size: 0.8em;font-style: bold;text-align: center;margin: 1em 2em 1em 15em;}




p#Fusszeile {clear: both;font-size: 0.9em;margin: 0; padding: 0.1em;text-align: center;background-color: #fed; border: 1px solid silver;}