@CHARSET "UTF-8";
body      { color: white; font-size: 0.9em; font-family: Arial; background-color: #000025 ; margin: 0 0 10px; padding: 0 0 10px; bottom: 10px }

h1   { color: #660000; font-size: 2.2em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 600; line-height: 1.2em }

h2   { color: #000000; font-size: 1.5em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bolder; letter-spacing: 0.2em }

h3   { color: black; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: 800 }

h4   { font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; font-weight: bold }

ul  { list-style: inside; margin: 0; padding-left: 1em }
ol { list-style-type: decimal; list-style-position: outside; padding-left: 1em }
A  { color: blue; text-decoration: none }

hr.green {color: #66FF66 }

A:hover  { color: navy; text-decoration: none }

A.noColor { color: black;}
A.noColor:hover { color: black;}

A.gray { color: gray;}
A.gray:hover { color: gray;}

/* Element Positions
---------------------------------------- */

#banner   { text-align: center; margin: auto; position: relative; z-index: 2; top: 0.3em; width: 800px }

#namenszug   { color: #ccc; font-size: 0.6em; text-align: right; padding-top: 0.02em; padding-right: 0.1em; position: static; z-index: 3; vertical-align: baseline }

#menu   { position: absolute; z-index: 1; top: 128px; float: none; width: 160px; float: none;}
#menu .grafik { position: absolute; top: 0; left: 0 ;}

#menu #entries , #home , #impressumsLink {position: absolute; font: bold 14px "Arial Black", Arial; color: #000000; z-index: 3; letter-spacing: -0.5px; line-height: 18px}
#home { position: absolute ; left:5px; top:10px; font-size: 23px;}
#impressumsLink {position: absolute ; left:2px ; top: 513px; font-size: 10px}
#menu #entries {position:absolute; left: 12px ; top:90px;}
#menu #entries ul {list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#menu #entries ul ul {margin-left: 18px ; list-style-image: url("img/menu_item.png");}
#menu * a {color: #000000;}
#menu * a:hover {color: #FFFFFF;}


#main      { color: black; background-color: #c7c7c7; margin-bottom: 20px; padding: 5px; position: absolute; z-index: 1; top: 128px; right: 20px; left: 200px; width: 70%; clear: both }
#main.black  { color: white; background-color: #000025 }


#footer    { text-align: center; margin-top: 20px; margin-bottom: 0.2em; position: relative; z-index: 2; bottom: -0.1em; width: 100%; vertical-align: bottom }
table { border-width: 0; outline-width: 0 }
td { border-width: 0; outline-width: 0 }

/* FÜR die Startseite:
*/
#startbild { text-align: center;  height: 350px;}
#startbild #slide {z-index: 1 ; position: absolute ; left: 0px ; top:0px; width: 100%;}
#startbild #fotorand {z-index: 2 ; position: absolute ;  left:0px ; top:0px; width: 100%;}