body, div, h1, h2, h3, p { margin:0px;padding:0px;border-style:none; }
body.inhalt { padding:12px;background:#C1CBD5; }
/*
farben:
(887232 ocker dunkel
D1C39A ocker mittel(rahmen, dreieck))

a69b4b navi dunkel  aktive Buttonfarbe und Trennlinien
E8E0C6 ocker hell  inaktive Buttonfarbe im Feld
a0a9c8 kopfblau (a5a9c8) nur auf Index
4D4F5D schriftblau 
bdc4d4 graublau kopfrahmen & Feldgrund 
E0E0E0 grau feldrahmen nur auf Index

neue Palette (21.06.17):
Dunkelblau #053259
Mittelblau #1966A6 (Buttons)
Hellblau #C1CBD5
grau #e0e0e0

*/
p > a { color:#000;font-weight:bold;text-decoration:none; }
h2 > a { color:#000;font-weight:normal;text-decoration:none; }
a:link    { color:#000;text-decoration:none; }
a:visited { color:#000;text-decoration:none; }
a:focus   { color:#e0e0e0;text-decoration:none; }
a:hover   { color:#e0e0e0;text-decoration:underline; }
a:active  { color:#e0e0e0;text-decoration:underline; }

h2 > a:link    { color:#053259;text-decoration:none; }
h2 > a:visited { color:#053259;text-decoration:none; }
h2 > a:focus   { color:#C1CBD5;text-decoration:none; }
h2 > a:hover   { color:#C1CBD5;text-decoration:underline; }
h2 > a:active  { color:#C1CBD5;text-decoration:underline; }

div   { text-align:left; }

h1       { font-size:24px;color:#ffffff;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;line-height:30px;margin:0px 0px 18px 0px;padding:0px; }
h1.leiste       { font-size:24px;color:#ffffff;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;line-height:30px;background:url(grafik/leiste.jpg) repeat-x;margin:0px 0px 18px 0px;padding:0px 0px 0px 6px; }
h2       { font-size:18px;color:#053259;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;margin:12px 0px 12px 0px;padding:0px; }
h2.punkt      { background:url(grafik/punkt.gif) no-repeat left;padding-left:36px; }
h3       { font-size:15px;color:#0B5159;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;margin:12px 0px 12px 0px;padding:0px; }

p        { font-size:12px;color:#000000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;margin:0px 0px 6px 0px;padding:0px;text-align:justify; }
p.lauf       { font-size:12px;color:#000000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;margin:0px;padding:0px;text-align:justify; }
p.angaben       { font-size:12px;color:#000000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;margin:0px 0px 4px 30px;padding:0px;text-align:left; }

p.klein       { font-size:10px;color:#000000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;margin:0px 0px 3px 0px;padding:0px;text-align:left; }

p.lipunkt       { font-size:12px;color:#000000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;margin:0px 0px 6px 0px;padding:0px 0px 0px 24px;background:url(grafik/punkt.gif) no-repeat;text-align:left; }

p.rechts  { float:right; }

form p { text-align:left; }

ul, ol, li        { font-size:12px;color:#000000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal; }
li        { padding:3px 0px; }

div.navi0    { line-height:27px;display:inline-block;text-align:left;font-size:15px;color:#000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;border:1px solid #fff;font-weight:normal;font-style:normal;margin:0px 6px;padding:0px 17px;background:url(grafik/dreieck1.gif) no-repeat 0px 0px;cursor:pointer;transition:all 0.3s ease; }

div.navi0:hover  { background:#053259 url(grafik/dreieck1.gif) no-repeat 0px 0px;color:#fff;border:1px solid #053259; }

div.navi1    { line-height:27px;display:inline-block;text-align:left;font-size:15px;color:#000;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;border:1px solid #053259;font-weight:normal;font-style:normal;margin:0px 6px;padding:0px 17px;background:url(grafik/dreieck.gif) no-repeat 0px 0px;transition:all 0.3s ease; }

div.fuss    { display:inline-block;text-align:center;line-height:29px;font-size:14px;color:#053259;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;background:#fff;margin:0px;padding:0px 10px;cursor:pointer;transition:all 0.3s ease; }

div.fuss1    { display:inline-block;text-align:center;line-height:29px;font-size:14px;color:#fff;font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-weight:normal;font-style:normal;background:#053259;margin:0px 5px;padding:0px 10px;transition:all 0.3s ease; }

div.fuss:hover  { color: #ffffff;background:#053259; }

div.rahmen { position:absolute;left:0px;top:0px;width:900px;height:600px; }
div.bereich { padding:30px 12px 250px 12px; }

div.button    { height:22px;width:130px;display:block;background:#053259;color:#fff;margin:6px;padding:6px;text-align:center;float:right;cursor:pointer; }
div.button:hover { background:#1966A6;  }

div.feld  { position:absolute;width:210px;height:282px;background:#e0e0e0;overflow:hidden; }

div.halbl { width:430px;height:280px;clear:both;float:left;margin:0px;background:#ffffff;overflow:hidden; }
div.halbl > div { padding:12px; }
div.halbl > div  h2 { margin-top:0px; }
div.halbr { width:430px;height:280px;margin:0px 0px 0px 444px;background:#ffffff;overflow:hidden; }
div.halbr > div { padding:12px; }
div.halbr > div  h2 { margin-top:0px; }
div.halbhoch { height:120px;}


div.strich { width:100%;height:1px;background:#ffffff;margin:12px 0px;clear:both; }

img.motiv { width:210px;height:282px;border:none; }
img.oeffner { width:210px;height:282px;border:none;float:left;margin:12px 30px 12px 0px; }
img.praesent { width:180px;height:240px;border:none;margin:0px 12px 0px 0px; }

span.art  { font-size:21px;color:#fff;letter-spacing:0.2em;font-style:italic;margin-left:30px; }





