/* Original css Stil von Johann-Christian Hanke
   geändert durch Erwin Gabler, darf beliebig
   angebpasst und verwendet werden. 
/*



/* Gesamtschrift und Gesamtrand festlegen */
body        { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #DCDCDC; margin: 20px 0px 0px }

/* mother-container, contains logo, navi, content and footer */
#mother       { color: black; background-color: white; text-align: left; margin: auto; border-top: none; width: 776px }


/* Container mit dem Logo */
#logo    { color: black; background: url(logo.gif) repeat-y; text-align: left; margin-bottom: 0px; width: 100%; height: 80px }


/* Container mit dem Banner */
#banner      { color: black; background: url(banner_160.jpg) no-repeat; text-align: left; margin-bottom: 0px; width: 100%; height: 160px }


/* Container mit Navigationspfad */
#navipath     { color: black; font-size: 0.9em; background-color: #ffd900; text-align: left; text-transform: uppercase; margin-bottom: 0px; width: 100%; height: 25px }



/* Hauptüberschrift im Logo-Container */
#logo h1 {
  font-size: 1.1em;
  color: white;
  margin: 0px;
  padding-left: 5px;
  background-image: none;
}

/* Suchfeld */
#search    { color: black; float: right; padding: 150px 0px 0px 0px; width: 160px; height: 25px }

/* Innenrand Suchform */
#search form {
  margin: 5px;
}

/* Navigationspfad */
#path   { font-size: 0.85em; text-indent: 10px; padding: 5px 0px 0px }

/* Inhaltsbereich */
#content         { color: black; font-size: 0.95em; line-height: 1.65em; background-color: white; float: right; padding-left: 6px; border-right: 0px none; border-left: 0px none; width: 580px; border-left-color: silver; border-left-style: solid  }

/* Stilregel für Plugins, z.B. feedback 
wichtig, um für Hintergrundfarbe weiß zu erzwingen,
wenn für body eine abweichende Farbe definiert wurde */
.plugin {
  background-color: white;
  font-size: 1em;
  line-height:1.3em;
}

/* Oberer Balken Fußzeile */
/* Fußzeile */
#footer        { color: white; font-size: 0.8em; line-height: 50px; background-image: url(footer2.gif); text-align: center; clear: both; width: 776px; height: 45px }



/* Listenstile für Menüeintrag im Navibereich topmenu */
#topmenu        {  color: blue; font-size: 0.95em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding-left: 0px; width: 100%; height: auto }
#topmenu ul    { color: blue }
#topmenu li  { color: blue; display: inline }
#topmenu a    { color: blue; text-decoration: none }
#topmenu a:link  { color: blue; text-decoration: none }
#topmenu a:visited  { color: blue; text-decoration: none; width: 100% }
#topmenu a:hover   { color: red; width: 100% }
#topmenu .obermenuhigh   { color: red; font-weight: bold; }



/* ENDE Listenstile für Menüeintrag im topmenu */


#navi {
  width: 170px;  
  background-color: #ffd900;
  margin-left: 0px;     
  float: left; 
  color: black;  
}        

#navi ul {
  list-style-type: none;
  margin-top: 0px;
  margin-left: 1px;
  padding-left: 1px; 
  color: black; 
  font-weight: bold;   
}

#navi ul ul {
  list-style-image: url(reddot.gif);
  padding-left: 20px;
  margin-left: 10px; 
  font-weight: normal; 
  color: black;   
  }
   
  
#navi ul li a {
  display: block;
  list-style-type: none;
  text-indent: 0px;
  margin-top: 1px;
  padding: 4px 4px 4px 8px;  
  border-bottom-style: solid;
  border-width: 1px;
  border-color: silver;
  font-size: 0.9em;  
}

#navi ul ul li a {
 display: block;
 margin-top:1px;
 padding:4px 4px 4px 2px;
 text-indent: 0px;
 font-weight: normal;
 color: black; 
 border-top-style: none;
 border-bottom-style: none;
 font-size: 0.9em;
}

#navi a:link {
  display: block;
  color: black;
  text-decoration: none;
  width: 140px;
}

#navi a:visited {  
  color: black;
  text-decoration: none;  
  width: 140px;
}

#navi a:hover {
  display: block;  
  width: 140px;
  color: red;
}

#navi ul .obermenuhigh {
  list-style-type: none;
  display: block;
  width: 140px;
  margin-top: 1px;
  padding: 4px 4px 4px 8px;
  font-weight: bold;  
  color: red;  
  border-bottom-style: solid;
  border-width: 1px;
  border-color: red;
  font-size: 0.9em;
}

#navi ul ul .submenuhigh {
  list-style-type: none;
  display: block;
  width: 130px;
  margin-top: 1px;
  padding: 4px 4px 4px 2px;
  font-weight: normal;
  color: black;   
  font-size: 0.9em;
}



/* ENDE Listenstile für Menüeintrag im Navibereich */

/* Ab hier wird es für Sie richtig interessant, aber erst
die ungebundenen Klassen erscheinen als Auswahloptionen 
im linken Pull-down-Menü von TinyMCE! */

/* Überschrift 1 gestalten */
h1   { color: red; font-weight: bold; font-size: 1.5em; background: url(h1.jpg) repeat-y; margin-top: 10px; padding: 4px }

/* Überschrift 2 */
h2 {
  font-size: 1.1em;
  color: black;
  line-height: 1.4;
  background-image: url(rotkaro.gif);
  background-repeat: no-repeat;
  text-indent: 20px;
  background-position: left;
  padding-bottom: 1px;
  margin-bottom: 1px;
}

/* Überschrift 3 */
h3 {
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 1px;
  padding-bottom: 1px;
}

/* Absatz und div */
p, div {
  padding-right: 3px;
}

/* Tag b zusätzlich einfärben */
b {
 /*  color: #7C580A; */
 color: black;
}

/* Zeichenformat strong */
strong {
  /*  color: #AF1810; */
 color: black;
}

/* normaler Listenstil, beschränkt auf Inhaltsbereich */
#content ul {
  list-style-image: url(karo.gif);
  font-size: 1em;
  line-height: 1.4;
  margin-left: 0.7em;
  padding-left: 0.7em;
}

/* Hovereffekt für Links */
a:hover  { text-decoration: none }



/* Hier beginnen die ungebundenen Klassen, zu erkennen
am Punkt vor dem Klassennamen 
Diese werden im Auswahlmenü von TinyMCE gezeigt */
/* Gestaltung des rechts ausgerichteten News-Kastens */

.kasten {
  background-color: #ffffff;
  font-size: 0.9em;
  line-height: 1.2em;
  margin-top: 50px;
  padding: 3px;
  float: right;
  width: 170px;
  border-style: solid;
  border-width: 1px;
  border-color: red;
}

.kasten h3 {
  background-color: #ff9999;
  color: black;
  padding: 3px;
  margin-top: 0px;
  font-size: 1.2em;
}

/* Beginn der neuen Newskasten-Formate, ab CMBasic 1.3 */
.boxcover {
  font-size: 0.8 em;
  margin-top: 40px;
  float: right;
  width: 180px;
  padding: 3px;
}

.box {
  background-color: #ffffff;
  font-size: 0.8em;
  line-height: 1.3em;
  margin-top: 10px;
  padding-right: 0px;
  float: right;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: red;
}

.box h3 {
  background-color: #ff9999; 
  color: black;
  padding: 3px;
  margin-top: 0px;
  font-size: 1.2em;
}

.box div {
 padding: 3px;
}
/* Ende der neuen Newskasten-Formate */


/* Einführungsabsatz */
.lead, .lead p {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
  font-size:  1em;
  line-height: 1.5em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}

.lead img {
  padding: 5px;
}

/* grauer Rahmen mit Umrandung */
.rahmen  { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #DCDCDC; padding: 10px; border: solid 1px gray; width: 95% }

/* Rahmen mit gestrichelter Umrandung */
.tipp {
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-size : 1em; 
  width: 90%;
  border-style : dotted; 
  border-width : 1px; 
  border-color : gray; 
  padding : 3px;
  margin-top: 8px;
  margin-bottom: 10px; 
}

.code {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1em;
  color: #000099;
}

/* Bildunterschrift */
.bu {
  margin-top: 0px;
  font-size: 0.75em;
  font-weight: bold;
}

/* Linie interessant gestalten */
hr  { text-align: left; border-top: 0px solid gray; width: 100% }

/* Luft für Tabellen */
table th, th, tbody {
  padding: 3px;
}

/* Links innerhalb von Absätzen mit 
kleinem Zeichen versehen */
#content p a   { background: white no-repeat; display: inline }

/* Format für zuletzt geändert usw. */
.datum {
 font-size: 0.8em;
}