/* Original css Stil von Johann-Christian Hanke
   angepasst für www.rfv-leonberg.de durch Roland Vosseler. 
/*



/* Gesamtschrift und Gesamtrand festlegen */
body  { 
  font-size: 100.01%; /* Bug-Fix */
  font-family: Verdana, Arial, Helvetica, 
  sans-serif; background-color: #DCDCDC; 		
  margin: 1em;
}

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

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


/* Container mit dem Banner */
#banner      { color: black; background: url(banner.jpg) no-repeat; 
		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%; 
		line-height: 1.25em; height: 2em; }

/* Inhaltsbereich */
#content { 
  color: black; font-size: 1em; line-height: 1.65em; 
  background-color: white; 
  float: right;
  width: 78%;
}


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

/* Suchfeld */
#search    { color: black; float: left; 
             padding: 5px 0px 10px 5px;
             height: 40px; }

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

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


/* 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;
}

/* Stilregel für Frontend-Einloggbereich, 
wichtig, um die gewünschte Hintergrundfarbe festlegen zu
können */
.login {
  background-color: transparent;
  font-size: 1em;
  line-height: 1.3em;
}

/* Oberer Balken Fußzeile */
/* Fußzeile */
#footer        { color: black; font-size: 0.8em; line-height: 2em; 
		background-color: #fc0 ; text-align: center; 		
		clear: both; width: 100%; height: 2.5em; padding: 0; }


/* Listenstile für Menüeintrag im Navibereich topmenu */
#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 { color: #999; text-decoration: none;}
#topmenu a:visited 	{ color: #999; text-decoration: none; width: 100%;}
#topmenu a:hover 	{ background-color: #fc0; width: 100%; color: white;}
#topmenu .obermenuhigh 	{ padding: 3px 1em; margin-right: 3px; border: 1px solid silver; 
			background-color: #fc0; color: #000; border-bottom: 0; font-weight: bold;}

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


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

#navi { font-size: 1em; text-align: right; 
	float: left; clear: left; 
	margin-top: 30px; margin-right: 0; 		
	margin-bottom: 10px; padding: 0; 
	width: 20%; }

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

#navi ul ul	{ background-color: #fff; list-style-type: none;
		font-style: italic;
		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: 25px; 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: 25px; 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: 25px; display: block }	
		
#navi a:link	{ color: #505050; text-decoration: none; padding-top: 6px; 
		padding-right: 0; padding-bottom: 0; height: 25px; display: block }	

#navi a:visited	{ }	

#navi a:hover	{ color: #505050; font-weight: bold; text-decoration: none;
		padding-top: 6px; padding-right: 0; padding-bottom: 0;
		height: 25px; display: block }	
	
#navi ul .obermenuhigh         { color: #505050; 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: #505050; 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: 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(gelbverlauf.gif) repeat-y; 
	margin-top: 10px; 
	padding: 4px 
}

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

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

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

p {
  margin-top: 3px;
  margin-bottom: 12px;
}

/* 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;
}

#content ol {
  font-size: 1em;
  line-height: 1.4;
  margin-top: 0;
  padding-top: 0;
}

#content li {
  margin-bottom: 0.2em;
}

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

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

/* 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;
}

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

.box h3 {
  background-color: #0000A0; 
  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:  1.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, .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;
}