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

/* Gesamtschrift und Gesamtrand festlegen */
body        { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;  
background-image2: url(Bad.jpg);
  background-repeat: repeat-y-x;
  background-position: top;margin: 00px 0px 0px }
  {
border:3px solid #ff0000;
left:10px;top:50px;
-moz-border-radius:30px;
-khtml-border-radius:30px;}


/* mother-container, contains logo, navi, content and footer */
#mother       { color: black; background-color: white; background2: url(steinfliesen.jpg); text-align: left; margin: auto; padding: 0; border-top: none; border: 1px solid silver; width: 900px }



/* Container mit dem Logo */
#logo    { color: black; background: url(banner_w.jpg) repeat-y; border-top: 0px solid white; text-align: left; margin-bottom: 10px; width: 900; height: 118px }


/* Container mit dem Banner */
#banner      { color: black; background2: url(gruen.gif) repeat-x; border-top2: 1px solid #fc0; text-align: left; margin-bottom: 3px; width: 900; height: 40px }


/* Container mit Navigationspfad */
#navipath     { color: gray; font-size: 0.9em; background2: url(footer.jpg) repeat-x; text-align: left; text-transform: uppercase; border-top2: 1px solid #fc0; margin-bottom: 3px; width: 100%; height: 17px }



/* 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: left; padding: 5px 10px 5px 5px; width: 160px; height: 20px }

/* Innenrand Suchform */
#search form {background-color2: red;
  margin-left: 0px; border-color: 1px red;
}

/* Haupt-Navigationsbereich */
#navi    { color: gray; background-color: none; background2: url(Steinfliesen.jpg); repeat-yx; float: left }

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

/* Inhaltsbereich */
#content         { color: black; font-size: 0.85em; line-height: 1.65em; background-color: white; background: url(verlegen100.jpg); repeat-yx; float: right; padding-left: 6px; border-right: 0px none; border-left: 0px none; width: 735px; 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-color: none;background: url(footer.jpg)repeat-x; text-align: center; clear: both; width: 900px; height: 38px; padding: 0; }



/* Listenstile für Menüeintrag im Navibereich topmenu */
#topmenu        { color: red; font-size: 0.8em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; border-bottom: 1px solid silver; background-color: none; background-image: url(footer.jpg); height: 17px; padding-bottom: 5px; padding-left: 0px; width: 100%}
#topmenu ul    { color: #ffffff; padding: 3px; padding-bottom: 10px; border-bottom: 1px solid #fc0; background-image2: url(footer.jpg); margin-bottom: 10px; }
#topmenu li  { color: #ffffff; display: inline }
#topmenu a    { color: #ffffff; padding: 3px 1em; margin-right: 0px; border: 0px solid silver; text-decoration: none; border-bottom: 0; }
#topmenu a:link  { color: #ffffff; text-decoration: none }
#topmenu a:visited  { color: #999; color: #fc0; text-decoration: none; width: 100%; }
#topmenu a:hover   { color: #ffffff; background-color: red; color: #ffffff;}
#topmenu .obermenuhigh   { color: #ffffff;padding: 3px 1em; margin-right: 0px; border: 0px solid silver; background-color: blue; color: #ffffff; border-bottom: 0; }



/* #topmenu   { font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding-left: 0px; width: 100% }
#topmenu ul { padding: 3px; border-bottom: 1px solid silver; margin-bottom: 8px;}
#topmenu li { display: inline;}
#topmenu a { padding: 3px 1em; margin-right: 3px; border: 1px solid silver; text-decoration: none; border-bottom: 0;}
#topmenu a:link { text-decoration: none;}
#topmenu a:visited { color: gray; text-decoration: none; width: 100%;}
#topmenu a:hover { background-color: red; width: 100%; color: white;}
#topmenu .obermenuhigh { padding: 3px 1em; margin-right: 3px; border: 1px solid silver; background-color: red; color: white; border-bottom: 0;} */




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

#navi        { font-size: 0.85em; padding-left: 5px; text-align: left; float: left; clear: left; margin-top: 15px; margin-right: 0; margin-bottom: 0px; padding-right: 10; width: 140px }

#navi ul      { list-style-type: none; margin: 0px; padding: 0; width: 140px }

#navi ul ul         { background-color: none; background2: url(Steinfliesen.jpg); repeat-yx; list-style-type: none; border-bottom: 5px solid #fff }	

#navi li     { }

#navi li a         { color: black; text-decoration: none; padding-top: 6px; padding-right: 0; padding-bottom: 0; height: 25px; display: block }

#navi ul li a          { color: black; text-decoration: none; padding-top: 6px; padding-right: 0; padding-bottom: 0; border-bottom: 1px solid #666; height: 25px; display: block }

#navi ul ul li a        { color: black; text-decoration: none; padding-top: 6px; padding-right: 0; padding-bottom: 0; border-bottom: 1px; height: 25px; display: block }	
		
#navi a:link        { color: black; text-decoration: none; padding-top: 6px; padding-right: 0; padding-bottom: 0; height: 25px; display: block }	

#navi a:visited        { }	

#navi a:hover       { color: black; font-weight: bold; text-decoration: none; padding-top: 6px; padding-right: 0; padding-bottom: 0; height: 25px; display: block }	
	
#navi ul .obermenuhigh         { color: solid white; font-weight: bold; text-decoration: none; padding: 6px 0 0 10px; border-bottom: 1px solid #fc0; height: 25px; display: block }	
		
#navi ul ul .submenuhigh         { color: solid red; font-weight: bold; text-decoration: none; padding: 6px 0 0 10px; border-bottom: 1px solid #fc0; height: 25px; display: block }	
				
	
#navi li a:hover          { color: solid silver; background-repeat: no-repeat }



/* 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: #666; font-weight: bold; font-size: 1.5em; background2: url(Panelen1.jpg); 120px; background-repeat: no-repeat; margin-top: 25px; padding: 4px }

/* Überschrift 2 */
h2 {
  font-size: 1.1em;
  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 }

/* besuchte Hyperlinks */
a:visited {
  color: blue;
}

/* 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  { font-size: 1em; float: right; margin: 3px; padding: 3px; border-left: 1px solid white; border-right: -3px red; background: url(blue.png)no-repeat; width: 150px }

.kasten h3 {
  margin-top: 0px;
}

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

.box {
  font-size: 0.9em;
  margin-top: 0px;
  padding-right: 0px;
  float: right;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #0000A0;
  border:1px solid #330000;
  moz-border-radius:5px;
-khtml-border-radius:5px;
background: url(nexxxxxxxx.jpg)	
}

.box h3 {
 background: url(ref.png);	
  background-color: none; 
  color: none;
  padding: 3px;
  margin-top: 0px;
border:0px solid silver;
-moz-border-radius:3px;
-khtml-border-radius:3px;}

.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; background: url(ax.png) repeat:xy;
}

.lead img {
  padding: 5px;
}

/* grauer Rahmen mit Umrandung */
.rahmen  { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: solid white; 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 : yellow; 
  padding : 3px;
  margin-top: 8px;
  margin-bottom: 10px; 
  background: url(ax.png)
}

.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;
}