/*
============================================================================================

Projekt: wwww.freizeitheim.de

Typ: CSS-Datei, template_css.css

Beschreibung: Joomla Template_CSS, Grundformate

Erstellt am: 18.07.2006

Zuletzt geändert: 01.08.2006

Andreas Müller, Web Site Design und - Development

==============================================================================================
*/



/*
===== Joomla General Styles - Allgemeine CSS Definitionen ====

*/

/* Alle Ränder werden auf 0 gesetzt */
html, body, div, p, h1, h2, h3, h4, ul, ol, span, a, table, th, td, form, img, li 
{
margin: 0px;
padding: 0px;
}

html, body 
{
font-size: 12px;
 
/*wird für ein Skalierungsfehler IE benötigt */
text-align:left;
 
/* Einstellen: Hauptausrichtung */
min-width:800px;
 
/* Einstellen: Breite der gesamten Seite (Fehler bei Mozilla) */
}


.hidden {
	display: none;
}


a {
 	font-size:  11px;
	text-decoration: none;
	font-weight: bold;
	color: #986943; 
	border: none;
 }
 
a:hover {
	text-decoration: underline;
 }
 
a:visited {
	text-decoration: none;
 }

h1 {
	font-family:arial,helvetiva,sans-serif;
	font-size:1.6em;
	color:#303030;
	}

h2 {
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	font-size:1.4em;
	line-height:1.4em;
	}

h3 {
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	font-size:1.2em;
	line-height:1.3em;
}

h4, h5 h6 {
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	}


hr {
	background-color:  #002E61;
 	width:  90%;
	}
 
hr.separator {
	background-color:  #002E61;
 	width:  40%;
	} 

li {
  margin: 5px 10px 5px 20px;
  }

ul {
  margin: 10px 0;
  padding: 0;
  list-style-type: square;
  list-style-position:outside;
  }

ol {
  margin: 10px 0;
  padding: 0;
  list-style-type:decimal;
  list-style-position:outside;
  }

.sitetitle {  /* formatiert den Titel der Seite */
	font-size:1.6em;
	color:#303030;
	}


.small {  /* formatiert diverse Einträge, u.a. den Namen des Autors - '...geschrieben von' */            
 	font-size: 0.8em;
	color: #ABABAB;
	line-height: 0.9em;
 }
  
 
/*
===== Joomla Navigation Style - Navigation ====
*/

.pagenav {  /* formatiert die '<< Start < Previous 1 Next > End >> Links' */
	}

.pagenavcounter { /* formatiert die 'Seite 1 von 3' */
	font-size: 11px;
	color: #636363;
	font-weight: bold;
}

a.pagenavbar, a.pagenavbar:visited {
	text-decoration: none;
}

a.pagenavbar:hover {
	text-decoration: underline; 
}	
	
a.pnav {
	}
	
.pnav:hover {
	}	

.pathway {
color: #BBBBBB;
font-size: 10px;
text-decoration: none;
font-weight: normal;
}	
	
a.pathway { /* Formatierung des Pathway (seitenweise Navigation) */
	color: #4B4B4B;
	text-decoration: underline;
	font-weight: normal;
	}

  
.back_button {  /* formatiert des bekannten 'Back'-Buttons */
	margin-top: 20px;
	font-size: 1.2em;	
	}


/*
===== Joomla Form Styles - Formulardefinitionen ====
*/

.inputbox {  /* formartiiert ein Texteingabefeld  */
 	font-size:  0.8em;
	color:  #4B4B4B;
	border:  1px solid #636363;
 	padding:  2px;
	margin: 3px 0px;
	}
 
.button {  /*  formatiert die Schaltfläche 'senden' */
 	font-size: 0.8em;
	color:  #4B4B4B;
 	border:  1px solid #636363;
 	padding:  2px;
	margin: 10px 0px;
	} 
 
/*
===== Joomla Tabbed Frontend Admin Interface - Definition des Content Edit Modus (Frontend) ====
*/

.ontab { /*formatiert aktiven Karteireier des Editors beim Editieren im Frontend*/
 	font-size:  10px;
 	color:  #3372E8;
 	font-weight: bold;
 	border: 2px dotted #E8C733;
 	padding:  4px;
 	cursor:  pointer;
 }
 
 
.offtab {  /*formatiert nicht aktiven Karteireiter des Editors beim Editieren im Frontend */
 font-size:  10px;
 color:  #3372E8;
 border-width:  2px;
 border-style:  dotted;
 border-color:  #E8C733;
 padding:  4px;
 }

 .tabpaddding {  /* formatiert die Grösse des Karteireiter des Editors beim Editieren im Frontend */
 	
 }
 
.pagetext {  /* formatiert geöffnenten Editor HtmlArea 2 ? */
	
}

/*
===== Joomla Menu Styling - Definition des Menüs (Hauptebene bzw. Unterebene ====
*/


/* Main Menu(s) */

a.mainlevel {
   display: block;
	font-size:1.1em;
	font-weight:normal;
	text-decoration:none;
	width:160px;
	height:;
	font-family:arial,helvetiva,sans-serif;
	color:#303030;
	margin: 0px;
	border-bottom: 1px solid #AA764B;
	padding: 5px 5px 5px 15px;
}

a.mainlevel:hover, a.mainlevel#active_menu {
color: #AA4B4F;
text-decoration: none;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
margin-right: 4px;
margin-top: -2px;
margin-left: 4px;
padding-left: 10px;
width: 117px;
display: block;
line-height: 16px;
background: url(../images/submenu_back.gif) left center no-repeat;
margin-bottom: 1px;
text-decoration: none;
color: #002E61;
font-weight: normal;
background-color: #FFDB8B;
border-left: 5px solid #FFDB8B;
}

a.sublevel:hover, a.sublevel#active_menu {
background: #F5C809 url(../images/submenu_back.gif) left center no-repeat;
border-left: 5px solid #F5C809; 
text-decoration: none;
width: 117px;
}

a.mainlevel-rechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 125px;
	text-decoration: none;
	padding-left: 14px;
	background: url(../images/readon.gif) left  no-repeat;
	line-height: 18px;
	font-weight: normal;
	display: block;
}

a.mainlevel-rechts:hover {
	text-decoration: underline;
} 
/*
===== Joomla General styling for Section, Categories and Items - Generelle Definition der Rubriken, Kategorien ====
*/

.createdate { /* formatiert das Erstellungsdatum des Artikels */
 	font-size:  10px;
 	color:  #636363;
	height: 10px;
	line-height: 0.7;
 }
 
 
.modifydate { /* formatiert das Veränderungsdatum des Artikels */
 	font-size:  10px;
 	color:  #636363;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
 }
 
.readon { /* formatiert den ...Weiterlesen Link im Artikel */
 	float: right;
 	text-align: right;
 	font-size: 11px;
 	font-weight: bold;
 	line-height: 12px;
	padding-left: 12px;
	padding-right: 5px;
	background: url(../images/readon.gif) no-repeat left; 
 }
 
a.readon, a.readon:visited { 
	text-decoration: none;
 } 
 
a.readon:hover  {
 	/*background: #EEEEEE url(../images/readon.gif) no-repeat left;*/
	text-decoration: underline;
 }

/*
===== Joomla Styles for Sections - Definition der Rubriken ====
*/ 

.sectiontableheader { /* Tabellenkopf der Rubriken */
  font-size: 1.1em; 
  font-weight: bold;
  text-decoration: none;
  color: #4B4B4B;
  line-height: 1.2em;
	background-color: #E5D2C3;
}

.sectiontableentry1 { /* formatiert Einträge in Rubriken */
	background-color: #F4ECE6;
	line-height: 1.4em;
        font-size: 0.9em;
 }

.sectiontableentry2 { /* formatiert Einträge in Rubriken */
  	background-color: #FFFFFF;
	line-height: 1.4em;
        font-size: 0.9em;
 }
 
.sectiontablefooter { /*Tabellenfuss mit Navigation der Rubriken */
 	padding: 10px 0px;
 }
 
/*
===== Joomla Styles for Categories - Definition der Kategorien ====
*/ 

.categorytitle { /* ?????????????????????????? */
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
 }

.category { /* formatiert den Kategorie-Link */
 	text-decoration: none;
	font-weight: bolder;
}

a.category {
	text-decoration: none;
	font-weight: bolder;
 }
a.category:hover {
	text-decoration: underline;
	font-weight: bolder;
 }
 
/*
===== Joomla Styles for Item - Definition der Inhalte ====
*/ 

table.contentpaneopen { /* Formatierung der Tabellenklasse für Artikel */
line-height: 1.4em;
width: 98%;
}

table.contentpaneopen td.contentheading { /* Formatierung der Tabellenklasse für Komponenten */
	width: 98%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #986943;
	border-bottom: 1px solid #986943;
	padding-bottom: 5px;
}

table.contentpaneopen td {
	padding: 5px 3px;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 2px 0px;
background: url(../images/readon2.gif) no-repeat left top;
padding-left: 15px;
}

.contentheading { /*formatiert die Überschrift eines Artikels */
	width: 98%;
	font-size: 1.4em;
	color: #4B4B4B;
	padding-bottom: 5px;
	}
 
a.contentpagetitle:link, a.contentpagetitle:visited { /* formatiert die Überschrift, falls verlinkt */
	color: #986943;
	text-align: left;
   text-decoration: none;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 0.9em;
	}


a.contentpagetitle:hover {
	color: #C9A283;
	} 
 
.contentdescription { /*formatiert die Beschreibung der News, Weblinks, usw. (Komponenten) */
	font-size: 1.0em;
	}
  
td.contentdescription img { /*formatiert die Beschreibung der News, Weblinks, usw. (Komponenten) */
	padding:5px 10px 5px 5px;
	} 
  
.content_rating { /* formatiert die Anzeige der bereits vollzogenen Abstimmungen ...User Tating: x/x */
	line-height: 24px;
}

.content_vote { /* formatiert die Anzeige der vorzunehmenden Abstimmung ... Poor/best  */
	line-height: 24px;
	}

.toclink { /*Formatierung der Verweise zwischen mehrseitigen Artikel */
	display: block;
	background: url(../images/readon2.gif) no-repeat left; 
	font-size: 0.9em;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 1.0em;
}

a.toclink, a.toclink:visited {
	text-decoration: none;
}

a.toclink:hover {
	text-decoration: underline;
}

table.contenttoc {
	font-size: 0.9em;
	border: 1px solid #ABABAB;
	padding: 5px;
	margin: 5px;
	background-color: #E5D2C3;
}

table.contenttoc th{
	font-weight: bold;
	font-size: 0.9em;
	color: #986943;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #986943;
}


.message {  /* CSS-Style zur Auswahl im WYSIWYG-Editor. Sonst noch eine Funktion?????? */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	}

.smalldark { /* CSS-Style zur Auswahl im WYSIWYG-Editor. Sonst noch eine Funktion?????? */
	font-size: 10px;
	color: #000;
	height: 10px;
	line-height: 10px;
	text-align: left;
	}

.mosimage { /* CSS-Style für mosimage (Bilder) */
	background-color: #FFF;
	margin:0px;
        padding: 10px;
}

.mosimage_caption { /* CSS-Style für Bildunterschrift mosimage */
font-size: 0.9em;
background-color: #E4D3C3;
margin: 0px !important;
margin: 0px 5px;
padding: 2px 5px;
	
}
/*
===== Joomla styles for components - Definition der Komponenten ====
*/

.componentheading { /* formatiert die Anzeige des Titels einer Komponente im Frontend der Website */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	padding-bottom: 5px;
	color: #986943;
	border-bottom: 1px solid #986943;
	width: 98%;
	vertical-align: top;
	margin-bottom: 10px;
	}

/*
===== Joomla styles for modules - Definition der Module ====
*/





/*
===== Joomla´s build-in Component´s Style - Definition der integrierten Komponenten =====
*/

.poll {	/* formatiert die Textanzeige im Umfragemodul */
 	font-size:  1.1em;
 }
 
.searchintro {  /*formtiert die Antwort einer Suchanfrage ... Insgesamt x Ergebnisse. Suche nach x mit... */
 }
 
table.contact { /* formatiert die 'Contact us' Tabelle, jedoch nicht das Dropsown zur Auswahl der Kontaktperson */
}

table.contact td.icons { /* formatiert die Zelle der Tabelle, welche das Icon zum Kontakt beeinhaltet */
}

table.contact td.details { /* fomatiert die Details zum jeweiligen Kontakt, wie Adressen, Telefon, etc. */
 	font-size:  11px;
 	color:  #000000;
}
 
.newsfeedheading { /* formatiert den Namen des eingebundenen Feeds jedoch nicht dessen Titel (Überschrift) */
	font-size:  14px;
}
 
.newsfeeddate {  /* formatiert die Anzeige des datums im Newsfeedmodul */
	font-size:  11px;
 	color:  #9C9C9C;
}
 
.fase4rdf {  /* formatiert den anzuzeigenden Inhalt des Feeds */
	font-size:  11px;
}
 
a.fase4rdf:link {
	font-size:  11px;
 	color:  #986943;
}
 
a.fase4rdf {
	text-decoration:  none;
}
 
a.fase4rdf:hover {
	color:  #986943;
 	text-decoration:  none;
}

.newsflash { /* formatiert den Inhalt aus der Newsflash Komponente */
	
}

.latestnews {
	width: 140px;
	text-decoration: none;
	line-height: 18px;
	font-weight: normal;
	display: block;
}

ul.latestnews {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

li.latestnews {
   padding: 0px;
	margin: 2px 0px;
	background: url(../images/readon2.gif) no-repeat left top;
	padding-left: 15px;
	list-style: none;
}

 .mceVisualAid { /* formatiert die Hilfe im WYSIWYG-Editor */
border: 1px dashed #BBBBBB;
}

.TL { /*formatiert Ueberschrift der Tageslosung */
	font-size: 9px;
	font-weight: bold;
}

.L { /*formatiert Losungstext der Tageslosung */
	font-size: 10px;
	font-weight: bold;
}



/*
=======================================================================================
===== Layout der Seite: wwww.freizeitheim.de - Definition der integrierten Komponenten =====
=======================================================================================
*/

/*
===== Abschnitt: Globale Klassen =====
*/

.blog {
width: 100%;
}

.blogsection {
font-size: 11px;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
background: url(../images/readon.gif) no-repeat left;
line-height: 18px;
}

.clr{clear: both;}


/*
===== Joomla General Styles - CSS-Container ====
*/

#accessibility {
position: absolute -2000px -1000px;
display: none;
}


#search form {
margin: 0px;
padding: 0px;
}

div#joomtemplate 
{
font-family:tahoma,verdana,arial,helvetica,sans-serif;
font-size: 12px;
line-height:1.2em;
text-align:left;
color:#4B4B4B;
width:800px;
height:580px;
}

/* Beginn joomtemplateoben */

div#joomtemplateoben 
{
float:left;
width: 100%;
height: 150px;
margin: 0px;
}

#searchbox {
float: right;
margin: 0px;
padding: 0px;
height: 28px;
padding-right: 20px;
padding-top: 22px;
vertical-align: middle;
}

#searchbox .inputbox {
	background-color: White;
	font-size: 0.8em;
	padding: 2px;
	margin: 0px;
	margin-right: 3px;
	vertical-align: middle;
}

#searchbox .button {
	font-size: 0.8em;
	padding: 1px;
	margin: 0px;
	background-color: #F4ECE6;
	vertical-align: middle;
}

/* Ende joomtemplateoben */

div#joomtemplatelinksmitterechts 
{
float:left;
width:800px;
margin-top:0px;
margin-left:0px;
}

#joomtemplatelinksmitterechtsoben
{
width: 790px;
height:auto;
padding-left:10px;
margin-bottom: 10px;
}

#joomtemplatelinksmitterechtsoben a
{
color: black;
font-size: 0.8em;
font-weight: normal;
text-decoration: none;
}

#joomtemplatelinksmitterechtsoben a:hover 
{
text-decoration: underline;
}

#joomtemplatelinksmitterechtsoben a.mainlevel#active_menu
{
text-decoration: none;
}

/* Beginn joomtemplatelinks */

div#joomtemplatelinks 
{
float:left;
width: 180px;
height:auto;
margin-left: 10px;
display: inline;
}

div#joomtemplatelinks div.module { /* formatiert deie Module, z.B. Rechte und linke Spalte */
	width: 100%;
	margin-top: 10px;
}


div#joomtemplatelinks div.module h3 {
width: 100%;
height: 1.4em;
color: #986943;
border-bottom: 1px dotted #AA764B;
font-size: 1.3em;
font-family:  Arial, Helvetica, sans-serif;
line-height: 1.4em;
margin-bottom: 5px;
margin-top: 20px;
}


div#joomtemplatelinks div.moduletable div div div div.syndicate {
background: transparent;
width: 140px;
margin: 0px;
padding: 0px;
}

div#joomtemplatelinks div.module div div div div.syndicate div {
background: transparent;
width: 140px;
margin: 0px;
padding: 0px;
}

/* Ende joomtemplatelinks */

/* Beginn joomtemplatetitelundcontent */

div#joomtemplatetitelundcontent 
{
float:left;
width:400px;
margin-left: 20px;
margin-right: 20px;
display: inline;
}

div#joomtemplatetitelundcontent2 
{
float:left;
width:575px;
margin-left: 20px;
margin-right: 5px;
display: inline;
}

/* Ende joomtemplatetitelundcontent */

div#joomtemplatetitel 
{
float:left;
width:100%;
height: 0px;
}

div#joomtemplatecontent 
{
float: left;
width: 100%;
height: auto;
}

div#joomtemplatefuss
{
	
}

/* Begin joomtemplaterechts */

div#joomtemplaterechts 
{
float:left;
width:160px;
height:auto;
margin-top:0px;
margin-left:0px;
}

div#joomtemplaterechts div.module { /* formatiert deie Module, z.B. Rechte und linke Spalte */
	width: 148px;
	margin-top: 10px;
	border: 1px solid #ABABAB;
	padding: 5px;
}

div#joomtemplaterechts div.module h3 {
width: 100%;
height: 1.4em;
color: #986943;
border-bottom: 1px solid #ABABAB;
font-size: 1.3em;
font-family:  Arial, Helvetica, sans-serif;
line-height: 1.4em;
margin-bottom: 5px;
}

/*Ende joomtemplaterechts */

/* Beginn joomtemplateunten */

div#joomtemplateunten 
{
font-family:tahoma,verdana,arial,helvetica,sans-serif;
font-size:10px;
color:#ABABAB;
float:left;
width:100%;
height:50px;
margin-top:15px;
}

div#joomtemplateunten #footeraussen
{
height: 25px; 
width: 100%;	
}

div#joomtemplateunten #footerinnen
{
padding: 5px 20px; 
float: right;
}

div#joomtemplateunten #footerabschluss
{
height: 20px; 
width: 100%; 
background-color: #af4b4e
}

div#joomtemplateunten a
{
	color: #ABABAB;
	font-weight: normal;
}

div#joomtemplateunten a:link, div#joomtemplateunten a:visited, div#joomtemplateunten a:active, div#joomtemplateunten a:focus
{
	text-decoration: none;
}

div#joomtemplateunten a:hover
{
	text-decoration: underline;
}

/* Ende joomtemplateunten */


 
 /*
===== Klassen für Tiny-MCE-EXP: Container =====
*/ 
 
 .Text {
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-size: 1.1em
	line-height: 1.1em;
}

.Zwischenueberschrift {
	font-family: tahoma,verdana,arial,helvetica,sans-serif;
	font-size:  1.1em
	font-weight: bold;
}