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



/* Gesamtschrift und Gesamtrand festlegen */
body        {
  font-size: 0.8em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #DCDCDC; margin: 0px 0px 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: 850px }


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

#logo_pic{
margin-left: 450px;
padding-top: 5px;
}


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


/* Container mit Navigationspfad */
#navipath     { color: black; font-size: 0.9em; background: #fc0 repeat-y; 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: 5px 0px 10px 5px; width: 170px; height: 40px }

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

/* Haupt-Navigationsbereich */
#navi    { color: black; background-color: white; float: left }


/* Inhaltsbereich */
#content         {
color: black;
font-size: 0.85em;
line-height: 1.65em;
background-color: white;
float: right;
padding-left: 6px;
border-right: 0px none;
border-left: 0px none;
width: 720px;
min-height: 430px;
border-left-color: silver;
border-left-style: solid;
margin-top: 30px;
  }

/* Inhalt Gallerie */
#mainframe {color: black;
font-size: 0.85em;
line-height: 1.65em;
background-color: white;
float: right;
padding-left: 6px;
border-right: 0px none; border-left: 0px none;
width: 840px;
min-height: 430px;
border-left-color: silver;
border-left-style: solid;
margin-top: 35px;
}

/* 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: 0.85em;
  line-height:1.3em;
}

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



/* Listenstile für Menüeintrag im Navibereich topmenu */
#topmenu table{
margin-left: 140px
}
#topmenu table td{ border: 0px; border-collapse: collapse; width: 102px; height: 22px; background: url(./tab1.gif); text-align: center; padding: 0px; offset: 0px;
}

#topmenu        { color: #666; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding-left: 0px; width: 100%; font-weight: bold; height: 33px }
#topmenu ul    { color: #666 ; }
#topmenu li    { color: #666; display: inline;}
#topmenu a    { color: #666; text-decoration: none }
#topmenu a:link  { color: #666; text-decoration: none }
#topmenu a:visited  { color: #111; text-decoration: none; width: 100% }
#topmenu a:hover   { color: #FFF; width: 100% }
#topmenu .obermenuhigh   { color: #666 }

/* Navigationspfad */
#path   { font-size: 0.85em; text-indent: 10px; padding: 5px 0px 0px; height: 15px; margin-left: 130px; margin-top: 5px; font-weight: normal;
}
#path    a:hover   { color: #AAA; width: 100% }


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

#gallery  {
color: #666;
font-size: 1.0em;
font-family: Arial, Helvetica, sans-serif, Verdana;
text-align: left;
}

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

#navi ul  {
background-color :#F5F5F5;
list-style-type: none;
margin: 0px;
padding: 0;
width: 120px
}

#navi ul ul   {
background-color: #fff;
list-style-type: none;
border-bottom: 0px solid #fff
}

#navi li     { }

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

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

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

#navi a:link   {
color: #505050;
text-decoration: none;
padding-top: 6px;
padding-right: 0;
padding-bottom: 0;
height: 20px;
display: block
}

#navi a:visited        { }

#navi a:hover  {
background-color :#CCCCCC;
color: #505050;
font-weight: bold;
text-decoration: none;
padding-top: 6px;
padding-right: 0;
padding-bottom: 0;
height: 20px;
display: block
}

#navi ul .obermenuhigh  {
color: #505050;
font-weight: bold;
text-decoration: none;
padding: 6px 0 0 10px;
border-bottom: 1px solid #fc0;
height: 20px;
display: block }

#navi ul ul .submenuhigh {
color: #505050;
font-weight: bold;
text-decoration: none;
padding: 6px 0 0 10px;
border-bottom: 1px solid #fc0;
height: 20px;
display: block
}


#navi li a:hover {
color: black;
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; background: url(verlauf.jpg) repeat-y; margin-top: 10px; 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 */ 
div {
  padding-right: 0px;
}

p {
  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: gray;
}

#footer a:link{
color: #444;
}

/* 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 silver; width: 170px }

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

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

.boxtitle {
  font-size: 0.9em;
  margin-top: 0px;
  float: right;
  width: 710px;
  padding: 3px;
}

.box {
  font-size: 0.9em;
  margin-top: 10px;
  padding-right: 0px;
  float: right;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #B9CD0D;
}

.box h3 {
  background-color: #B9CD0D;
  color: white;
  padding: 3px;
  margin-top: 0px;
}

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