/* 
Diese CSS datei wurde auf Grundlage des zur Verfügung gestellten Template von

Joomla 1.0.12 Malteser Design Version 1.0
Quelle: http://www.firstdesign.org
Autor: Uwe Reif 

überarbeitet und erweitert

############################################################

Die Überarbeitung wurde durchgeführt für die Joomla Versionen
Joomla 1.0.10 - Joomla 1.0.12

-Es wird keine Haftung für mögliche Fehler, und Vollständigkeit gegeben
-Vorschläge für Erweiterungen und Verbesserungen sind erwünscht solange Sie konstruktiv sind!

Überarbeitung und Erstellung des Template

Alexander Spörkel
aspoerkel@web.de
Malteser Hilfsdienst Mönchengladbach e.V.
www.malteser-moenchengladbach.de


Lizens: GNU General Public License (GPL): ist eine von der Free Software Foundation herausgegebene Lizenz mit Copyleft für die Lizenzierung freier Software. 

Die GPL gewährt jedermann die folgenden vier Freiheiten als Bestandteile der Lizenz.

1. Das Programm darf ohne jede Einschränkung für jeden Zweck genutzt werden. Kommerzielle Nutzung ist hierbei ausdrücklich eingeschlossen.

2. Kopien des Programms dürfen kostenlos oder auch gegen Geld verteilt werden, wobei der Quellcode mitverteilt oder dem Empfänger des Programms auf Anfrage zum Selbstkostenpreis zur Verfügung gestellt werden muss. Dem Empfänger müssen dieselben Freiheiten gewährt werden ? wer z. B. eine Kopie gegen Geld empfängt, hat weiterhin das Recht, diese dann kommerziell oder auch kostenlos zu verbreiten. Lizenzgebühren sind nicht erlaubt. Niemand ist verpflichtet, Kopien zu verteilen, weder im Allgemeinen, noch an irgendeine bestimmte Person ? aber wenn er es tut, dann nur nach diesen Regeln.[1]

3. Die Arbeitsweise eines Programms darf studiert und den eigenen Bedürfnissen angepasst werden.

4. Es dürfen auch die gemäß Freiheit 3 veränderten Versionen des Programms unter den Regeln von Freiheit 2 vertrieben werden, wobei dem Empfänger des Programms der Quellcode der veränderten Version verfügbar gemacht werden muss. Veränderte Versionen müssen nicht veröffentlicht werden; aber wenn sie veröffentlicht werden, dann darf dies nur unter den Regeln von Freiheit 2 geschehen. 

################################################################*/



/* Hauptbereich der Seite Definition für Tabellen, Spalten, Zeilen, Kursives, Listen */

body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 100%;
height:100%; 


}

td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10pt;
  color:#67634E;
}

li {

padding-top        : 5px;
  
  }
  
ul {

padding-top        : 10px;

  
  }
 
i {
   font-family      : Verdana, Arial, Helvetica, sans-serif;
padding-top        : 0px;
background-color: #F5F5F5;
font-size        : 10px;

  }
  
/* Damit sind die Überschriften des Menues gestaltet grauer Hintergrund */
  
h3 {
   font-family      : Verdana, Arial, Helvetica, sans-serif;
padding-bottom        : 0px;
padding-top        : 0px;
padding-left       : 10px;
background-color: #F5F5F5;
font-size        : 12px;
width: 160px;
height:12px;
  }
  

  
/*Angabe der Position im Kopfbereich für Suchmaschinen Robots/Spider */
 
.pathway {
font-family      : Verdana, Arial, Helvetica, sans-serif;
padding-left: 5px;
font-size        : 10px;
align: right;

  }

/* Definitionen für die Pathway Angabe zwischen Kopf und Hauptbereich  */

.pathway {
        color: #67634E;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}
a.pathway {
        text-decoration: none;
}
span.pathway {
        padding: 20px;
}

/* Definitionen für den grauen Hintergrund im Top Menue  */

#grey {
	width : 600px; 
	height : 13px; 
	top : 39px; 
	left : 162px; 
	background-color: #68634F; 
	border: none;
}

  
/* Definitionen für die DIV Ebenen Kopfzeile in der index.php  */

#Kopfzeile {
	width: 999px;
	padding: 0px;
	margin: 0px;
	height: 83px;
}
#Kopf_1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        padding-left: 10px;
        padding-top: 10px;
        font-weight: bold;
	width: 170px;
	/*background-image: url(../images/Header_1.jpg);*/
        background-color: #C00004; 
	height: 48px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#Kopf_2 {
	background-image: url(../images/Header_3.png);
	width: 160px;
	height: 60px;
	left: 859px;
	position: absolute;
	top: 18px;
}
#Kopf_3 {
	background-image: url(../images/Header_2.jpg);
	width: 664px;
	height: 37px;
	position: absolute;
	left: 181px;
}
#Kopf_4 {
	width: 664px;
	height: 20px;
	left: 181px;
	top: 38px;
	background-image: url(../images/Topmenu.jpg);
         background-repeat: no-repeat;
	position: absolute;
	padding-top: 2px;
	
}
#Kopf_5 {
	width: 664px;
	height: 25px;
	position: absolute;
	left: 181px;
	top: 58px;

}

/* Definitionen für die DIV Ebenen Hauptbereich und linkes Menue in der index.php  */

#Hauptseite {
	width: 999px;
	position: absolute;
	left: 0px;
	top: 78px;
}
#Links {
	width: 180px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#Links_1 {
        top: 10px;
	width: 180px;
	left: 0px;
}
#Links_2 {
	width: 180px;
	margin-top: 15px;
	left: 0px;
}

/* Definitionen für die DIV Ebenen Contentbereich Inhaltsanzeige in der Mitte in der index.php  */

#Content {
	width: 664px;
	position: absolute;
	left: 181px;
	top: 0px;
}
#Content_1 {
	width: 664px;
}

#Content_2 {
	width: 664px;
	position: relative;
}

/* Definitionen für Links im Contentbereich wie z.B.: weiter-zurück-Alle News  */

#Content_1 a:link, #Content_1 a:visited {
	color: #102E70;
	font-size: 11px;
	text-decoration: uderline;
	font-weight: normal;
}

#Content_1 a:hover {
	color: #9A0003;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	  
}

/* Definitionen für die DIV Ebenen 2 Boxen im unteren Bereich des Hautptanzeigebereiches Content */

#Box_1 {
	width: 324px;
	left: 0px;
	top: 0px;
	float: left;
}
#Box_2 {
	width: 324px;
	left: 360px;
	top: 0px;
	float: right;
}

/* Definitionen für die DIV Ebenen rechtes Menue in der index.php  */

#Rechts {
	width: 160px;
	position: absolute;
	left: 859px;
	top: 10px;
}
#Rechts_1 {
	width: 160px;
}
#Rechts_2 {
	width: 160px;
	margin-top: 10px;
}
#Rechts_3 {
	width: 160px;
	margin-top: 10px;
}
#Rechts_4 {
	width: 160px;
	margin-top: 10px;
}

/* Definitionen für die DIV Ebenen Unten z.B: für Autor, Copyright in der index.php  */


#Unten {
       
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #67634E;
        text-align: center;
}


/* Definitionen für das Linkmenue rechts und links  */

#active_menu {
        font-weight: bold;
}
.mainlevel:link, .mainlevel:visited {
        padding-left: 15px;
        width: 155px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: none;
        color: #67634E;
        line-height: 1.5;
        border-bottom-style: solid;
        border-bottom-color: #D2CFC2;
        border-width: 1px;
        display: block;
      }
.mainlevel:hover {
        color: #C00004;
        font-weight: bold;
        font-size: 11px;
           }
           
.mainlevel {
        color: #C00004;
        font-size: 11px;
        
     
                }
                      
           
/* Definitionen für das Untermenue rechts und Links mit dem kleinen Button  */           

.sublevel {
        /*background: #FFFFCB;*/
        padding-left: 25px;
        width: 145px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        text-decoration: none;
        color: #67634E;
        line-height: 1.5;
        border-bottom-style: solid;
        border-bottom-color: #D2CFC2;
        border-width: 1px;
        display: block;  
    
        
}
.sublevel:hover {
        color: #C00004;
        text-decoration: none;
       
}
           

/* Definitionen für das Topmenue weiße Schrift */

.mainlevel-nav {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        text-decoration: none;
        list-style: none;
        display:inline;
        background:url(../images/trennstrich.jpg) right no-repeat; 
        padding:0px 10px 0px 10px;
       
       }
       
span.mainlevel-nav {
        color: #FFFFFF;
}


/* Definitionen für die Modulbereiche wie z.B.: Statistikanzeige  */

table.moduletable {
font-size        : 11px;
	width: 100%;
	padding-bottom: 4px;

}

.moduletable th {
	font-size        : 11px;
	font-weight      : bold;
	background-color: #ffffff;
	color            : #000000;
	text-align       : left;
	width            : 100%;
  
}


.moduletable td {
font-size: 11px;
font-weight: normal;

}
.moduletable {
    font-size        : 11px;
	width: 100%;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 0px;
	width: 155px;
	
}

.moduletable ul {
	padding-left: 20px;
	padding-top: 0px;
	}
	
	.moduletable li {
	padding-left: 0px;
	}


/* Definitionen für die Contentüberschriften  */


td.contentheading {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #67634E;
        font-weight: bold;
        width: 664px;
        height: 25px;
        padding-top: 0;
}
.contentheadingmodul_8 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #67634E;
        font-weight: bold;
        width: 664px;
        height: 25px;
}
.contentheadingmodul_9 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #67634E;
        font-weight: bold;
        width: 664px;
        height: 25px;
}

/* Definitionen für die Überschriften von Tabellen im Kontaktbereich oder bei den WebLinks  */

.sectiontableheader {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
    
}


/* Verschiedenen Überschriften vom Contenbereich z.B: für Introtexte  */


.componenentheader {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        width: 200px;
        height: 15px;
}

.componentheader {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #67634E;
        font-weight: bold;
        width: 464px;
        height: 15px;
}

.mod_contentitemmodul_7 {
        width: 160px;
        background-color: #FFFFCB;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}
.mod_contentitemmodul_6 {
        width: 160px;
        background-color: #FFFFCB;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}
.mod_contentitemmodul_5 {
        width: 160px;
        background-color: #FFFFCB;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
}

/* Eingabefelder wie Suche, Kontaktformular  */

.inputbox {
        margin-left: 0px;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        border-color: #67634E;
        border-style: solid;
        border-width: 1px;
        color: #67634E;       
}


/* Anfangsbereich des Conten z.B: Anzeige der Newsrubrik, wird durch übergeordnete Content_1 Definition jedoch maßgeblich gestaltet  */

.contentpaneopen {
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #67634E;
          padding-top	   :5px;
       
}


.contentpane {
  padding-top:0px;

}


.contentpagetitel, a.contentpagetitel {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 13px;
  font-weight      : bold;
  color            : #67634E;
  text-align       : left;
  height: 25px;
   
    }

.contentdescription {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #67634E;
  text-align       : left;
    
    }

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  color            : #67634E;
background       : #F5F5F5;
  text-align       : left;
  height: 25px;
    padding-top	   :10px;
   
  }
  
span.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  color            : #67634E;
  text-align       : left;
  height: 25px;
  padding-top	   :10px;
 
  }



/* Erstellungsdatum  */

.createdate {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #67634E;
  text-align       : left;
}

/* Anzeige der letzten Änderung */

.modifydate {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #67634E;
  text-align       : left;
}


/* Buttonbereich für die Anzeige von PDF Drucken Mail  */

.buttonheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  color            : #67634E;
  text-align       : left;
  width			   : 10px;
    }

/* Buttons  */

.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 11px;
  font-weight      : normal;
  color            : #000000;
  border           : 1px solid #cccccc;
}

.back_button {
	text-align: center;
	margin-top: 20px;
	color: #67634E;  
    font-size: 12px;
}

/* Anzeige des Voting im Contenbereich */
span.content_rating {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 11px;
  font-weight      : normal;
  color            : #000000;
 
}

/* Voting im Contenbereich */

span.content_vote {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 11px;
  font-weight      : normal;
  color            : #000000;
 
}

/* Für die Gestaltung der Umfrage Anzeige gelber Hintergrund und Rahmen */

td.poll {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000000;
  align: left;
}


.poll {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  background: #FFFFCB;
  font-size        : 11px;
  border: 1px solid #000000;
  color            : #000000;

}

table.pollstableborder {
	margin-top: 2px;
	border: 0px solid #000000;
	margin-bottom: 2px;
}


/* MOS Image Anzeige */

div.mosimage{
background-color:#FFFFFF;
border-width: 1px; float: left; margin: 3px; padding: 3px;
border:1 solid #000000;
}
.mosimage_caption {
background-color:#FFFFFF;
}

}

/* Kleinschrift z.B: Angabe der menge an Newsmeldungen */

.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
  padding-top:15px;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
  padding-top:15px;
}

.title {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 18px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
  padding-top:15px;
}


/* Categoriebereiche wie z.B. Überschriften der WEB Links */

.category:link, .category:visited {
  color            : #67634E;
  font-size: 12px;
  font-weight: bold;
   
}

.category:hover {
  color            : #C00004;
}

.category {
  padding            : 5px;
}

/* Modulanzeige letzte Neuigkeiten kleine Schrift wegen der nur 165 Pixel rechts */


.latestnews:link, .latestnews:visited {
  color            : #67634E;
  font-size: 11pt;
  font-weight: normal;
  padding-left: 2px;

}

.latestnews:hover {
  color            : #000000;
}

/* Gelbe Farbgestaltung jeder zweiten Tabellen spalte */

.sectiontableentry1 {
  font-size: 11px;
  padding: 0px;
  align: left;
}

.sectiontableentry2 {
  background            : #FFFFCB;
  font-size: 11px;
  padding-left: 0px;
  align: left;
}


/* Seitennavigation */

.pagenav {
  color            : #000000;
  font-size: 11px;
  font-weight: normal;
}


/* Modulanzeige letzte Neuigkeiten kleine Schrift wegen der nur 165 Pixel rechts */

.blogsection:link, .blogsection:visited {
  color            : #67634E;
  font-size: 12px;
  font-weight: normal;
}

.blogsection:hover {
  color            : #9A0003;
}

/* Weiterlesen für Intromeldungen */

.readon:link, .readon:visited {
  color            : #102E70;
  font-size: 12px;
  font-weight: normal;
}

.readon:hover {
  color            : #9A0003;
}