/* DATEI: haupt_01.css */
/* ToDo: http://jigsaw.w3.org/css-validator/ */

/* Logo und Hintergrundbilder */
.akt       { color:#003333;background-image:url("../00img/akt.gif");background-color:#999966;font-style:italic;padding:20px;background-repeat:no-repeat;text-align:right; }

.copyright { color:#003333; }
.copyrighta:before { content:"Es gelten die auf der Startseite genannten Bedingungen.";color:#003333;text-align:center; }
.copyrighta:after { content:"Lizenz / License: CC BY-SA (Namensnennung - Weitergabe unter gleichen Bedingungen / Attribution-ShareAlike)";color:#003333;text-align:center; }
.copyrightb { background-image:url("../00img/by-sa_25.png"); background-repeat:no-repeat; height:50px; }

.logoa { background-image:url("../00img/logo_bg2_xs.gif"); padding:40px; background-repeat:no-repeat; background-position:center; }
.logob { background-image:url("../00img/logo_bg1_xs.gif"); padding:40px; background-repeat:no-repeat; background-position:center; }

body { margin-top:10px; margin-bottom:10px; margin-left:10px; background-color:#FFFFCC; color:#003366; }

table.layout { border-style:none; border-width:0px; margin:0px; padding:0px; }
table.simple { border-style:solid; border-width:1px; margin:2px; padding:1px; }
td.navawidth { width:95%;}
td.logoawidth { width:5%;}
td.nav0width { width:15%;}
td.nava1width { width:15%;}
td.nava2width { width:15%;}
td.nava3width { width:15%;}
td.navbwidth { width:20%;}
td.navbleft { width:1px;}
td.inhaltnavbnewswidth { width:60%;}
td.inhaltnavbwidth { width:80%;}
td.inhaltwidth { width:100%;}
td.newswidth { width:20%;}
td.inhaltright1 { width:1px;}
td.inhaltright2 { width:1px;}
td.logobwidth { width:10%;}
td.copyrightwidth { width:75%;}
td.aktwidth { width:15%;}

img.uk { height:15px; width:35px; border:0px;}
img.de { height:15px; width:35px; border:0px;}
img.fav { height:16px; width:16px; border:0px;}

img { /* ohne Rahmen */
  border: 0px;
  padding: 1px;
  max-width: 95%; /* Gute Browser machen ein zu großes Bild, welches das Design sprengen würde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}
img.frame { /* Alle Bilder bekommen einen schönen Rahmen. Farbe bkgr14*/
  border: solid 1px #E5CC66;
  padding: 1px;
  max-width: 95%; /* Gute Browser machen ein zu großes Bild, welches das Design sprengen würde, entsprechend kleiner. Funktioniert beim IE leider nicht. */
}
.fleft { /* Sachen, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
  float: left;
  margin: 0.2em 1em 0.2em 0.2em; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */
}

.fright {
  float: right;
  margin: 0.2em 0.2em 0.2em 1em;
  padding: 1px;
}

.inhalt { padding-left:24px;padding-right:24px;padding-bottom:24px;vertical-align:top}
.news { padding-left:6px;padding-right:6px;padding-bottom:6px;vertical-align:top; color:#993300;}

.contact  { width:200px;padding-left:6px;padding-right:6px;padding-bottom:6px;vertical-align:top;background-color:#CCCCFF;color:#336699;font-weight:bold;font-size:large;text-align:center;}
.contact a:link { color:#336699;font-weight:bold;border-style:none; }



blockquote { margin-left:48px;margin-right:48px;margin-top:24px;margin-bottom:12px;font-style:italic; }
blockquote.author { font-weight:bold;margin-left:60px;margin-top:0px;margin-bottom:12px; }

.notes { font-size:small; }
.notes.t { margin-left:5px;vertical-align:super;font-size:large; }
.notes.n { margin-right:10px;vertical-align:super;font-weight:bold; }
.notes.line:before { content:"----------------------------------------";letter-spacing:-0.2em; }
.notes.text { margin-left:25px;margin-right:25px; }

/* Fonts to choose from */
/* { font-family:Tahoma,Helvetica,sans-serif; } */
/* { font-family:Georgia,"Times New Roman",Times,serif; } */
/* { font-family:"Mona Lisa Solid ITC TT","Monotype Corsiva",serif; } */
/* { font-family:Tahoma,Helvetica,sans-serif; } */


p,body,h1,h2,h3,h4,h5,h6,h7,a,th,td,ol,ul,dir,li { font-family:Arial,Tahoma,Helvetica,sans-serif; } 
/* p,body,h1,h2,h3,h4,h5,h6,th,td {  } */

h1 { font-size:xx-large;font-weight:bold;font-variant:small-caps; }
h2 { font-size:xx-large;font-weight:bold; }
h3 { font-size:xx-large;font-weight:normal;font-variant:small-caps; }
h4 { font-size:x-large;font-weight:bold; }
h5 { font-size:x-large;font-weight:normal;font-variant:small-caps; }
h6 { font-size:large;font-weight:bold; }
.h7 { font-size:large;font-weight:normal;font-variant:small-caps; }



td { font-size:small; }
td.mittig { text-align:center; }
td.normal { }
td.gross { font-size:large;font-weight:bold; }
td.klein { font-size:x-small;font-weight:bold; }


tr.oben  { vertical-align:top; }
tr.mittig  { text-align:center; }

.klein { font-size:small; }
.sklein { font-size:x-small; }
.ssklein { font-size:xx-small; }
.gross { font-size:large; }
.sgross { font-size:x-large; }
.ssgross { font-size:xx-large; }

.fett { font-size:large;font-weight:bold; }
.fettkursiv { font-weight:bold;font-style:italic; }

.smallcaps { font-variant:small-caps; }



a { text-decoration:none; }
a:link { color:#CC3300; }
a:visited { color:#669900; }
a:hover { color:#CC0000;font-weight:bold;text-decoration:underline; }
a:active { color:#CC0000; }
a:focus { color:#CC0000;font-weight:bold;text-decoration:underline; }

/* Navigation */
/* 0:Titel, a:oben, b:links, 0:nicht ausgewählt, 1:ausgewählt */

.nav0 { background-color:#660000;color:#FFFFB2;font-weight:bold;vertical-align:middle;font-size:x-large;text-align:left;border-style:solid;border-width:8px;border-color:#660000; }

.nava0 { background-color:#990000;color:#E5CC99;font-weight:bold;vertical-align:middle;text-align:center;border-style:solid;border-width:2px;border-left-color:#CC3300;border-top-color:#CC3300;border-right-color:#660000;border-bottom-color:#660000; }
.nava0 a { text-decoration:none; }
.nava0 a:link { background-color:#990000;color:#E5CC99;font-weight:bold;vertical-align:middle;text-align:center;border-style:none; }
.nava0 a:visited { background-color:#990000;color:#E5CC99;font-weight:bold;vertical-align:middle;text-align:center;border-style:none; }
.nava0 a:hover { color:#FF0000;font-weight:bold;text-decoration:underline; }
.nava0 a:active { color:#CC99CC; }
.nava0 a:focus { color:#FF0000;font-weight:bold;text-decoration:underline; }

.nava1 { background-color:#660000;color:#FFFFCC;font-weight:bold;vertical-align:middle;text-align:center;border-style:solid;border-width:2px;border-left-color:#330000;border-top-color:#330000;border-right-color:#660000;border-bottom-color:#660000; }
.nava1 a { text-decoration:none; }
.nava1 a:link { background-color:#660000;color:#FFFFCC;font-weight:bold;vertical-align:middle;text-align:center;border-style:none; }
.nava1 a:visited { background-color:#660000;color:#FFFFCC;font-weight:bold;vertical-align:middle;text-align:center;border-style:none; }
.nava1 a:hover { color:#FF0000;font-weight:bold;text-decoration:underline; }
.nava1 a:active { color:#CC99CC; }
.nava1 a:focus { color:#FF0000;font-weight:bold;text-decoration:underline; }

.navb0 { background-color:#E5CC99;color:#996633;font-weight:bold;vertical-align:middle;text-align:left;padding:10px;border-style:solid;border-width:1px;border-left-color:#990000;border-top-color:#E5CC99;border-right-color:#E5CC99;border-bottom-color:#E5CC99; }
.navb0 a { text-decoration:none; }
.navb0 a:link { background-color:#E5CC99;color:#996633;font-weight:bold;vertical-align:middle;text-align:left;padding:10px;border-style:none; }
.navb0 a:visited { background-color:#E5CC99;color:#996633;font-weight:bold;vertical-align:middle;text-align:left;padding:10px;border-style:none; }
.navb0 a:hover { color:#FF0000;font-weight:bold;text-decoration:underline; }
.navb0 a:active { color:#CC99CC; }
.navb0 a:focus { color:#FF0000;font-weight:bold;text-decoration:underline; }

.navb1 { background-color:#FFFFCC;color:#660000;font-weight:bold;vertical-align:middle;text-align:left;padding:10px;border-style:solid;border-width:8px;border-left-color:#660000;border-top-color:#660000;border-right-color:#FFFFCC;border-bottom-color:#660000; }
.navb1 a { text-decoration:none; }
.navb1 a:link { background-color:#FFFFCC;color:#660000;font-weight:bold;vertical-align:middle;text-align:left;padding:10px;border-style:none; }
.navb1 a:visited { background-color:#FFFFCC;color:#660000;font-weight:bold;vertical-align:middle;text-align:left;padding:10px;border-style:none; }
.navb1 a:hover { color:#FF0000;font-weight:bold;text-decoration:underline; }
.navb1 a:active { color:#CC99CC; }
.navb1 a:focus { color:#FF0000;font-weight:bold;text-decoration:underline; }

/* Hintergrundfarben */
/* The content for this section is provided in the file farben.xls. */
/* DON'T CHANGE MANUALLY! */


.bkgr01 { background-color:#FFFFCC; }
.bkgr02 { background-color:#FFCC99; }
.bkgr03 { background-color:#CCCC99; }
.bkgr04 { background-color:#E5CC99; }
.bkgr05 { background-color:#FFE5B2; }
.bkgr06 { background-color:#00B2B2; }
.bkgr07 { background-color:#0099CC; }
.bkgr08 { background-color:#6666CC; }
.bkgr09 { background-color:#330099; }
.bkgr10 { background-color:#E5FFB2; }
.bkgr11 { background-color:#CCE599; }
.bkgr12 { background-color:#99CC66; }
.bkgr13 { background-color:#999933; }
.bkgr14 { background-color:#E5CC66; }
.bkgr15 { background-color:#E5B266; }
.bkgr16 { background-color:#E59933; }
.bkgr17 { background-color:#99CCB2; }
.bkgr18 { background-color:#B2B2E5; }
.bkgr19 { background-color:#9999FF; }
.bkgr20 { background-color:#660000; }
.bkgr21 { background-color:#990000; }
.bkgr22 { background-color:#330000; }

.bkgr24 { background-color:#CC0000; }
.bkgr25 { background-color:#CC3300; }
.bkgr26 { background-color:#996633; }

.bkgr28 { background-color:#669900; }

.bkgr30 { background-color:#333333; }
.bkgr31 { background-color:#666666; }
.bkgr32 { background-color:#999999; }
.bkgr33 { background-color:#B2B2B2; }
.bkgr34 { background-color:#CCCCCC; }
.bkgr35 { background-color:#E5E5E5; }
.bkgr36 { background-color:#FFFFFF; }


/* Farben */

.col00 { color:#003366; }
.col01 { color:#FFFFB2; }



.col05 { color:#CC3300; }
.col06 { color:#669900; }
.col07 { color:#CC0000; }


.col10 { color:#E5CC99; }
.col11 { color:#FFFFCC; }



.col15 { color:#996633; }
.col16 { color:#660000; }



.col20 { color:#003333; }