/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* { margin:0; padding:0; } /* Setzt alle Abstände auf "Null" */ 
p { margin: 0px 8px 8px 8px; } /* oben rechts unten links" */
img { margin:0; padding:0; }
ol { margin: 0pt 8pt 8pt 24pt; } /* oben rechts unten links" */
ul { margin: 0pt 8pt 8pt 24pt; } /* oben rechts unten links" */
hr { margin: 0px 8px; }
img.grf { vertical-align:text-top; padding:0px 8px; }
body { color:#000000; background-color:#ffffff;
       font: normal 16px Verdana,Helvetica,Arial; text-align:center; }

/* - Layout  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media screen { body { width:960px; margin:10px auto; text-align:left; }}
/* #wrapper { width:960px; margin:10px auto; text-align:left; } */

#header { clear:both; width:960px; height:136px;
          color:#000000; background-color:#ffffff; }

#navigation { position:sticky; top:0px; float:left; width:170px; margin-bottom:10px; }

#content { float:right; width:780px; margin-bottom:10px;
           color:#000000; background-color:#ffffff; }

#footer { clear:both; width:960px; height:24px;
          color:#ffdd8d; background-color:#bf4747; }

h2 { color:#ffdd8d; background-color:#bf4747;
     font-size:24px; font-weight:bold;
     text-align:center;
     margin: 4px 4px 16px 4px; padding:4px; }

h3 { color:#ffdd8d; background-color:#bf4747; font-size:20px;
     font-weight:bold; padding:2px; padding-left:4px;
     text-align:left;
     margin: 16px 4px 8px 4px; }

h4 { color:#bf4747; background-color:#ffdd8d; font-size:16px;
     border-bottom:solid 2px #ffdd8d; font-weight:bold; text-align:left; padding-left:6px;
     margin: 4px 4px 0px 4px; }

hr { color:#bf4747; }

img.grf { vertical-align:text-top; padding: 0px 10px; }
input.btm { font: normal 16px Verdana,Helvetica,Arial; padding:0px 8px; }
input.msg { font: normal 16px Verdana,Helvetica,Arial; }
textarea.msg { font: normal 16px Verdana,Helvetica,Arial; }

/* - LINKS (allgemein) - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a:link { text-decoration:none; font: bold 16px Verdana,Helvetica,Arial; color:#000000; }
a:visited { text-decoration:none; font: bold 16px Verdana,Helvetica,Arial; color:#000000; }
a:focus { text-decoration:underline; font: bold 16px Verdana,Helvetica,Arial; color:#000000; }
a:hover { text-decoration:underline; font: bold 16px Verdana,Helvetica,Arial; color:#000000; }
a:active { text-decoration:underline; font: bold 16px Verdana,Helvetica,Arial; color:#000000; }

/* - Navigation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#navi a { text-decoration:none; font: bold 16px Verdana,Helvetica,Arial; color:#000000; background-color:#f0f0f0; width:160px; }
#navi a:hover { color:#ffdd8d; background-color:#bf4747; display:inline-block; }
#navi a:active { color:#ffdd8d; background-color:#bf4747; display:inline-block; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */