/* CSS Document */

html {
	height: 100%;
}
body {
	height: 100%;
	margin-bottom: 1px;
	padding: 0px;
	font-size: 1em;
	font-family: Arial, Helvetica, Sans Serif;
	background-color: #f9e4c5;
	}
/*  Hintergrund Bildschirm ist hellorange   */
.div_ganz {
  height: 100%;
  margin-bottom: 1px;
  background-color: #f9e4c5;
}
.hintergrund {
  background-color: #f8bf70;
}
/*  Hintergrund ist dunkelorange, Textfarbe standardmäßig auf Schwarz */
.outline {
  border: 1px solid #f8bf70;
  background: #f8bf70;
  background-color: #f8bf70;
  padding: 4px;
  font-size: 1em;
  color: #000000;
  font-family: Arial, Helvetica, Sans Serif;
}

/* horizontale Linie  */
.linie{
  margin-bottom:0px;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  background-color: #f8bf70;
}
.linie_2{
  margin:0px;
  padding:0px;
  background-color: #f8bf70;
}
/* Positionierung der Div-Container  */

/* Logo */
#logo{
   height: 21px !important;
   height: 23px;
   margin:0px;
   background-color: #f8bf70;
}


/* Formatierung für "topmenu"  = user3-Modulposition; height steuert den Abstand u.a. nach unten */
#topmenue_outer{
  padding:4px;
  margin-bottom: 0px;
  height: 10px;
  background-color: #f8bf70;
  
}
#topmenue_inner{
 background-color: #f8bf70;
 
}


/* Formatierung für footer-Bereich: Text unter Linie unten */
#footer_outer{
  padding:4px;
  background-color: #f8bf70;
}
#footer_inner{
 color:#7b623f;
 text-align:center;
 font-size: 11px;
 font-weight:bold;
 background-color: #f8bf70;
}


/*  Bereich:  Hauptmenü, links */
#left{
  width:20%;
  background-color:#f8bf70;
  padding:8px;
  color:#7b623f;
  font-size:1em;
  font-weight:bold;
  margin-bottom:0px;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  border:0px;
  border-collapse:collapse;
  text-align :left;
  vertical-align:top;
}
#left_inner{
  padding-top:6px;
  padding-bottom:6px;
}

/* Formatierung Hauptbereich in einer Tabelle */
#hauptbereich{
  width:100%;
  background-color:#f8bf70;
  border-top-color:;
  margin-bottom:0px;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  border:0px;
  border-collapse:collapse
  
}
#content_bereich{
  width:80%;
  background-color:#f8d4a1;
  padding:5px;
  margin-bottom:0px;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:0px;
  border:0px;
  vertical-align:top;
  border-collapse:collapse
}

/* Formatierung des Klickpfads, der in jedem Content oben angezeigt wird */
#klickpfad{
 color:#f74c08;
 font-size:0.7em;
 font-weight:bold;
 background-color: #f8d4a1;
 }
#content_inner{
  background-color:#f8d4a1;
  width:100%;
  vertical-align:top;
  margin-bottom:0px;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  border-collapse:collapse;
  height: 100%;
}

td.content{
  border-collapse:collapse;
  text-align:left;
  vertical-align:top  
}
/* Formatierung rechts Menü */
.rechtes_menue_ueber_1{
background-color:#7b623f;
}
.rechtes_menue_ueber_2 {
color:white; 
text-align:center; 
font-weight:bold;
font-size:13px;
}
.rechtes_menue_menuepunkt {
   list-style-type:square;
}
.menue_right{
  background-color:#f8bf70;
  border: 0px;
  border-collapse:collapse;
  width:200px;
  vertical-align:top;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  text-align:left;
}

#tabelle_titel_termine {
  border:0px;
  border-collapse:collapse
  margin:0px 0px 0px 0px;
  padding-top:0px;
  padding-bottom:0px;
}

#titel_termine_infos {
 width: 100%;
 height: 23px;
 color: #ffffff;
 font-weight: bold;
 font-size: 11px;
 background-color: #7b623f;
 margin:0px 0px 0px 0px;
  padding-top:0px;
  padding-bottom:0px;
  vertical-align: middle;
  text-align: center;
  border:0px;
  border-collapse:collapse
 }
/*  Contentbereich */
.inhalt_content {
width: 100%;
}
.content {
width: 100%;
}
/*  Formatierungen normaler HTML-Elemente, die im Content-Bereich auftauchen*/
h1{
 color: #000000;
 font-weight: bold;
 font-size: 16px;
}
h2{
 color: #000000;
 font-weight: bold;
 font-size: 13px;
}
h2.orange{
 color: #f74c08;
 font-weight: bold;
 font-size: 13px;
}
p {
 color: #000000;
 font-size: 13px;
}
ul {
font-size: 13px;
}
li{
font-size: 13px;
}
.text {
 color: #000000;
 font-size: 13px;
}
.textorangedick {
 color: #f74c08;
 font-weight: bold;
 font-size: 13px;
}
.textorange {
 color: #f74c08;
 font-size: 13px;
}
.texttahoma {
 font-family: Tahoma;
 color: #000000;
 font-size: 13px;
}

/* Hier kommen  die Joomla-internen Css Formatierungen rein  */

/*  Überschrift Startseite: Willkommen auf der Startseite  */
.componentheading {
 font-weight: bold;
 font-size: 13px;
}


/*  Menüs sind Listen */

/* Formatierung oberes Menü = Topmenu; in den Modul-Parametern wurde der 
Class Suffix „-nav“ angegeben, somit ist das Modul eindeutig benannt */
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	font-family: Arial, Helvetica, Sans Serif;
}
/*  das float hier gibt an ob Menü rechts oder links steht: hier: rechts*/
/* line-height ist eine senkrechte Trennlinie, border-right gibt die Farbe der Trennlinie an ; hier habe ich die Trennlinie verwendet, 
um nach oben und unten etwas Platz zu bekommen */
/*  hier wird die Textart festgelegt  */
ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans Serif;
	font-weight: bold;
	line-height: 10px;
	white-space: nowrap;
	border-right: 3px solid #7b623f;
}
/*  color hier ist die Farbe der Schrift im Topmenü */
/* mit padding-right und padding-left positioniert man den Text in dem Kästchen, worin der Menüpunkt steht .
*/

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #7b623f;
	background: transparent;
}

/* ul muss genau 1 Level unter button vorkommen */

#buttons>ul#mainlevel-nav li a { width: auto; }
/* background ist die Hintergrundfarbe bei Mausover  */
/*  color gibt die Schriftfarbe bei Mausover an */
ul#mainlevel-nav li a:hover
{
	color: #ffffff;
	background: #f8bf70;
}

/* Ende Angaben zu Topmenü */

/*  Formatierung Menü: obere Ebene;  */
/*  color ist die Schriftfarbe der normalen Menüpunkts */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	/*background: url(../images/menu_bg.png) no-repeat;*/
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}
/*   color ist die Farbe des Menüpunkts mit dem man mit der Maus gerade rüberfährt*/
a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #000000;
}
/* color ist die Farbe des aktiven Menüpunkts */
a.mainlevel#active_menu {
	color:#000000;
	font-weight: bold;
}
/* aktive Hauptmenüpunkt, wenn man mit der Maus drüberfährt */
a.mainlevel#active_menu:hover {
	color: #000000;
}
/* Formatierung Menü: Unterebenen; 
padding-left gibt an wie weit der Untermenüpunkt eingerückt wird ; text-decoration: none nimmt den Unterstrich weg;
color ist die Schriftfarbe des normalen Links*/
a.sublevel:link, a.sublevel:visited {
	padding-left: 25px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	text-decoration: none;
}

a.sublevel:hover {
	color: #000000;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #000000;
}
a.sublevel#active_menu:hover {
	color: #000000;
}


/*  Bereich wo Module drin stehen, Modulposition, eine Tabelle, in die Module geladen werden */

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}
/* Modultitel: color ist dessen Schriftfarbe */
table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #f8bf70;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

/*  Formatierung: Link, der auf Website auftaucht  */
a:link {
	color: #000000; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
a:visited {
    color: #000000; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	color: #000000;	
	font-weight: bold;
	font-size: 11px;
}
/*  Links im Footer, class ist "footer" */
a.footer:link {
    color: #f74c08; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
a.footer:visited {
    color: #f74c08; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
a.footer:hover {
    color: #f97805; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

/*  Links auf Startseite, class ist "startseite"  */
a.startseite:link {
    color: #000000; 
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}
a.startseite:visited {
    color: #000000; 
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}
a.startseite:hover {
    color: #000000; 
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}
/*  Formatierung von "Aktuelles" und "Hinweise" auf Startseite */
.startueberschrift {
    color: #f74c08; 
	font-weight: bold;
	font-size: 13px;
}
/*  Formatierung: Trick mit mmmm...mmmm  */
.unsichtbar {
 color: #f8d4a1 ;
}
/*  Links im rechten Menü;  class ist "rechts"*/
a.rechts:link, a.rechts:visited {
	color: #000000; 
	font-weight: bold;
	font-size: 13px;
}
a.rechts:hover {
	color: #000000;	
	font-weight: bold;
	font-size: 13px;
}