/* 
Evangelische Kirchengemeinde Zotzenbach
Hauptstrasse 5, Zotzenbach
64668 Rimbach

Layout fuer www.kirche-zotzenbach.de/gemeinde
Erstellt von Dipl.-Ing. Markus Oehlenschlaeger
Januar 2009
*/



/* ----------------------------------------------------------------------------------------- Seitenlayout - Allgemeines --------- */

html, body {
	background-color: #EFEFEF;
  text-align:left;
	font: 12px/16px Verdana, Lucida, Arial, sans-serif;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	}
  
/* --- Fuer Template-Datei header.tpl --- */  
body.tbl{
  background: #EFEFEF;
  text-align: center;
}  

/* --- Fuer Losungen --- */ 
body.losungen{
  background-color: #F5F5F5;
  text-align: left;
}  

/* --- Standard-Link aktiv --- */  
A:link, A:active {	
  text-decoration: none;
  color: #000000;
}

/* --- Standard-Link besucht --- */
A:visited {
  text-decoration: none;
  color: #000000;
}

/* --- Standard-Link Maus --- */
A:hover {
  text-decoration: underline;
  color: #000000;
}

/* ----------------------------------------------------------------------------------------- Ende Seitenlayout ------------------ */


/* ----------------------------------------------------------------------------------------- Seitenlayout - Tabelle ------------- */

table.maincontet{
  background: #FFFFFF url(#) repeat-x;
  border: 10px solid #FFFFFF;
  width: 990px;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* --- Zelle in erster Zeile im Kopf mit Evangelische Kirchengemeinde Zotzenbach --- */
td.topline{
  background: url(#) repeat-x;
  border: 0px solid #C0C0C0;
  margin: 0px;
  padding: 5px;
  height: 60px;
  text-align: right;
  vertical-align: middle;
} 

/* --- Zelle in dritter Zeile im Kopf mit Landschaft --- */ 
td.landscape{
  background: url(../img/banner/landscape_sky.jpg) no-repeat;
  border: 0px solid #C0C0C0;
  border-bottom: 0px;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  height: 170px;
  text-align: left;
}

/* --- Zelle in zweiter Zeile im Kopf für Kausalien --- */
td.linkline{
  background: #800080 url(#) repeat-x;
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 20px;
  text-align: right;
  vertical-align: middle;
} 

/* --- Linke Spalte mit Navigation --- */ 
td.links{
  background: url() repeat-x;
  border: 0px solid #C0C0C0;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
  width: 150px;
  min-height: 400px;
  text-align: left;
  vertical-align: top; 
  padding: 0px;
  padding-top: 10px;
}

/* --- Zelle fuer Content --- */  
td.mitte{
  background: url(#) repeat-x; 
  border: 0px solid #000000;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 0px;
  width: 650px;
  height: 500px;
  text-align: left;
  vertical-align: top; 
  padding: 0px;
} 

/* --- rechte Spalte mit Informationen --- */ 
td.rechts{
  background: url() repeat-x;
  border: 0px solid #C0C0C0;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
  width: 190px;
  min-height: 400px;
  text-align: left;
  vertical-align: top; 
  padding: 0px;
  padding-top: 10px;
}

/* --- Zelle fuer Fussbereich --- */
td.footline{
  background: url(#) repeat-x; 
  border: 0px;
  border-top: 1px solid #C0C0C0;
  text-align: center;
  vertical-align: middle; 
  padding: 0px;
  padding-top: 2px;
}  

/* ----------------------------------------------------------------------------------------- Layout fuer Template --------------- */
    
/* --- Haupttabelle im Layout - header.tpl --- */ 





       



/* --- Unter Teil des Bildes auf der Startseite --- */
td.landscapestart{
  background: url(img/banner/landscape_ground.jpg) no-repeat;
  border: 0px solid #C0C0C0;
  border-bottom: 0px;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  height: 300px;
  text-align: left;
}





    
                
/* --- Titel in Kopfzeile - Evangelische Kirchengemeinde Zotzenbach --- */        
h6 {
  font: normal 24px/1.3 Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  color: #800080;
  margin: 0px; /* top right bottom left */
  padding: 0px;
  border:0px;
  border-style: dashed;
  border-color: #800080;
}   

/* --- Links in Kopfzeile - Informationen --- */        
h6.informations {
  font: normal 14px/1.3 Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  color: #FFFFFF;
  border:0px;
  margin: 2px 2px 2px 2px; /* top right bottom left */
  padding: 2px 2px 2px 2px; /* top right bottom left */
}  

/* Kleine Links im Kopf- und Fussbereich */   
A.smalllink:link, A.smalllink:active {	
  text-decoration: none;
  font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
  color: #808080;
  text-align: center;
  border: 0px solid #FF0000;
  margin: 0px 0px 0px 0px; /* top right bottom left */
  }

A.smalllink:visited {
  text-decoration: none;
  font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
  color: #808080;
  text-align: center;
  border: 0px solid #FF0000;
  margin: 0px 0px 0px 0px; /* top right bottom left */
  }

A.smalllink:hover {
  text-decoration: underline;
  font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
  color: #800080;
  text-align: center;
  border: 0px solid #FF0000;
  margin: 0px 0px 0px 0px; /* top right bottom left */
  }        

/* Informations Links im Kopf- und Fussbereich */   
A.infolink:link, A.infolink:active {	
  text-decoration: none;
  color: #FFFFFF;
  }

A.infolink:visited {
  text-decoration: none;
  color: #FFFFFF;
  text-align: center;
  }

A.infolink:hover {
  text-decoration: underline;
  color: #FFFFFF;
  }    

/* ----------------------------------------------------------------------------------------- Ende Layout fuer Template ---------- */



/* ----------------------------------------------------------------------------------------- Ueberschriften --------------------- */
/* --- Ausgabe Seitentitel - 1. Ueberschrift --- */
h1 {
  font: normal 28px/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #800080;
  background-color: #FFFFFF;
  border: 0px;
  margin: 15px 5px 10px 10px; /* top right bottom left */
  padding: 4px;
} 
/* --- 2. Ueberschrift --- */      
h2 {
  font: normal 20px/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #800080;
  background-color: #FFFFFF;
  border: 0px;
  margin: 15px 5px 5px 10px; /* top right bottom left */
  padding: 4px;
} 
/* --- 3. Ueberschrift (z.B. fuer die Losungen) --- */            
h3 {
  font: normal 18px/1.3 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #000000;
  border: 0px;
  margin: 15px 5px 2px 10px; /* top right bottom left */
  padding: 4px;
}
/* --- 4. Ueberschrift --- */      
h4 {
  font: normal 20px/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #800080;
  background-color: ;
  border: 0px;
  margin: 0px 5px 5px 10px; /* top right bottom left */
  padding: 4px;
}
/* --- 5. Ueberschrift --- */
h5 {
  font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #000000;
  border: 0px;
  border-bottom: 1px;
  border-style: dashed;
  border-color: #000000;
  margin: 0px 5px 0px 5px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
}
/* ----------------------------------------------------------------------------------------- Ende Ueberschriften ---------------- */


/* ----------------------------------------------------------------------------------------- Schriften Ausgabe ------------------ */
/* --- Normale Texte --- */
p {
  font: 14px/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #000000;
  border: 0px;
  margin: 0px 5px 5px 10px; /* top right bottom left */
  padding: 4px;
}

/* --- Text in kleiner Schrift --- */       
#small {
  font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
  color: #808080;
  text-align: left;
  border: 0px;
  margin: 0px;
}

/* --- Formatierung fuer Navigationseinschub --- */
#naviblock {
  font: bold 14px/1.6 Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  vertical-align: center;
  color: #0000FF;
  background-color: #FFFFFF;
  border: 0px;
  border-top: 1px;
  border-top-style: dashed;
  border-color:#F5F5F5;
  margin: 20px 5px 10px 5px; /* top right bottom left */
  padding: 3px 5px 10px 8px; /* top right bottom left */  
}

/* --- Listen --- */
ul {
  margin: 0px 5px 5px 15px; /* top right bottom left */
  padding: 4px;
}

/* --- Listen-Zeilen mit Punkt am Anfang --- */
li {
  font: 14px/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #000000;
  margin: 0px 5px 5px 10px; /* top right bottom left */
  padding: 4px;
} 

/* --- aktiver Link im Text --- */ 
A.text:link, A.text:active {	
  text-decoration: underline;
  color: #0000FF;
  }

/* --- besuchter Link im Text --- */  
A.text:visited {
  text-decoration: underline;
  color: #8080FF;
  }

/* --- beruehrter Link im Text --- */   
A.text:hover {
  text-decoration: underline;
  color: #FF0000;
  }     

/* ----------------------------------------------------------------------------------------- Ende Schriften Ausgabe ------------- */



/* ----------------------------------------------------------------------------------------- Tabellen --------------------------- */
/* --- Tabellen allgemein --- */
table {
  border: 0px;
  margin: 0px 5px 5px 10px; /* top right bottom left */
  padding: 0px;
}

td {
  font: 14px/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  vertical-align: top;
  color: #000000;
  border: 0px;
  margin: 0px 5px 5px 10px; /* top right bottom left */
  padding: 4px;
}

th {
  font: normal 17px/1.4 Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  color: #800080;
  background-color: #FFFFFF;
  border: 0px;
  margin: 15px 5px 5px 10px; /* top right bottom left */
  padding: 4px;
  border: 0px;
  border-bottom: 1px solid #F5F5F5;
}

        
/* --- Dreispaltige Tabelle im  --- */ 
table.threecols{
  background: #FFFFFF url(#) repeat-x;
  border: 0px solid #C0C0C0;
  width: 830px;
  padding: 0px;
  margin: 0px;
}
 
/* --- Zellen der dreispaltigen Tabelle --- */ 
td.threecolsmain{
  background: #FFFFFF url(#) repeat-x; 
  border: 0px solid #C0C0C0;
  text-align: left;
  vertical-align: top; 
  padding: 0px;
  margin: 0px;
}              

/* --- Zelle fuer Menue-Links im Content (z.B. Gemeinde oder Informationen) --- */
td.sheed{
  background-color: #FFB9FF;
  text-align: center;
  padding: 5px;
	margin: 5px;
  border:1px solid #800080;  
}

/* ----------------------------------------------------------------------------------------- Ende Tabellen ---------------------- */



/* ----------------------------------------------------------------------------------------- DIV Kontainer Content -------------- */
/* --- Gesamtbreite: 840 px --- */

.content_right {
  background-color: #F5F5F5;
  text-align: left;
  float: left;
  width: 184px;
	padding: 0px;
	margin: 0px; 
  border: 0px solid #FF0000;
	display: block;
}
.content_left {
  background-color: #FFFFFF;
  text-align: left;
  float: left;
  width: 635px;
	padding: 0px;
	margin: 0px; 
  border: 0px solid #FF0000;
	display: block;
}

.content_both {
  background-color: #FFFFFF;
  text-align: left;
  float: clear;
  width: 820px;
	padding: 0px;
	margin: 0px; 
  border: 0px solid #FF0000;
	display: block;
}

/* ----------------------------------------------------------------------------------------- Ende DIV Kontainer Content --------- */



/* ----------------------------------------------------------------------------------------- iframe Elemente -------------------- */



/* --- Losungen --- */                
#frame_losung {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  text-align: right; 
  width: 182px;
  height: 500px; 
  padding: 0px;
  margin: 0px;
} 
      

/* ----------------------------------------------------------------------------------------- Ende iframe Elemente --------------- */       



/* ----------------------------------------------------------------------------------------- Bilder ----------------------------- */

/* Bilder im Content als Hinweis auf Untermenue */
img.imgsheed {
  border-style: outset;
  border-color: #C0C0C0;
  border: 2px;
  width: 100px;
  margin: 0px 0px 0px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
}        

img.linkleiste {
  width: 147px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}
        
img.mitrahmen {
  border-style: solid;
  border-color: #000000;
  border: 4px;
  margin: 4px 8px 8px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
}   
        
img.ohnerahmen {
  border-style: outset;
  border-color: #C0C0C0;
  border: 0px;
  margin: 4px 8px 8px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
}

img.schatten {
  border: 0px;
  border-color: #FFFFFF;
  margin: 4px 8px 8px 0px; /* top right bottom left */
  padding: 0px 0px 0px 0px; /* top right bottom left */
}

/* --- Bild als aktiver Link im Text --- */ 
A.bild:link, A.bild:active {	
  text-decoration: none;
  color: #FFFFFF;
  }

/* --- Bild als besuchter Link im Text --- */  
A.bild:visited {
  text-decoration: none;
  color: #FFFFFF;
  }

/* --- Bild als beruehrter Link im Text --- */   
A.bild:hover {
  text-decoration: none;
  color: #FFFFFF;
  } 
        
/* ----------------------------------------------------------------------------------------- Ende Bilder ------------------------ */

 
 
/* ----------------------------------------------------------------------------------------- Navigation ------------------------- */

/* ------------------------------------------------- 1. Ebene --- */
/* --- inaktive CMS Links im Hauptmenue --- */
.nav {
  background-color: #FFFFFF;
  text-align: left;
	padding: 0px;
  padding-left: 6px;
	margin: 1px;
  margin-left: 2px; 
  border: 5px solid #FFFFFF;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 0px;
  display: block;
}
  
/* --- aktive CMS Links im Hauptmenue --- */
.navsel {
  /*background-color: #FFB9FF;*/
  background-color: #FFFFFF;
  text-align: left;
	padding: 0px;
  padding-left: 6px;
	margin: 1px;
  margin-left: 2px; 
  border: 5px solid #800080;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 0px;
	display: block;
}

/* ------------------------------------------------- 2. Ebene --- */
/* --- inaktive CMS Links im Untermenue --- */
.subnav {
  background-color: #FFFFFF;
  text-align: left;
	padding: 4px;
  padding-left: 11px;
	margin: 0px;
  margin-left: 6px;
  border: 5px solid #FFFFFF;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 0px;
	display:block;
  }

/* --- aktive CMS Links im Untermenue --- */
.subnavsel {
  /*background-color: #FFB9FF;*/
  background-color: #FFFFFF;
  text-align: left;
	padding: 4px;
  padding-left: 11px;
	margin: 0px;
  margin-left: 6px; 
  border: 5px solid #800080;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 0px;
	display:block;
  }

/* ------------------------------------------------- 3. Ebene --- */  
/* --- inaktive CMS Links im 2. Untermenue --- */
.subnavtwo {
  background-color: #FFFFFF;
  text-align: left;
	padding: 4px;
  padding-left: 16px;
	margin: 0px;
  margin-left: 6px;
  border: 5px solid #FFFFFF;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 0px;
	display:block;
  }

/* --- aktive CMS Links im 2. Untermenue --- */
.subnavseltwo {
  background-color: #FFFFFF;
  text-align: left;
	padding: 4px;
  padding-left: 16px;
	margin: 0px;
  margin-left: 6px; 
  border: 5px solid #FFFFFF;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 0px;
	display:block;
  }
  
/* --- Informationen unterhalb CMS Links */
.navinfo {
  background-color: #FFFFFF;
  text-align: left;
	padding: 3px;
	margin: 0px;
  margin-bottom: 10px;
  margin-top: 2px;
  border:1px solid #C0C0C0;
  border-left: 0px;
  border-right: 0px;
	display:block;
}          

/* --- aktiver Link im CMS --- */   
A.navselect:link, A.navselect:active {	
  text-decoration: none;
  color: #800080;
  }

/* --- besuchter Link im CMS --- */
A.navselect:visited {
  text-decoration: none;
  color: #800080;
  }

/* --- beruehrter Link im CMS --- */
A.navselect:hover {
  text-decoration: underline;
  color: #800080;
  }

/* ----------------------------------------------------------------------------------------- Ende Navigation -------------------- */



/* ----------------------------------------------------------------------------------------- Sonstiges -------------------------- */
  
/* --- Zelle ? --- */
td.summenu1{
  border: 0px dashed #000000;
  border-bottom: 1px;
  margin: 0px;
  padding: 0px;
  height: 20px;
  width: 140px;
  text-align: left;
  vertical-align: bottom;
}  

/* --- Zelle ? --- */ 
td.menu1{
  border: 0px dashed #000000;
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: bottom;
} 

/* --- ? --- */ 
.phpinfo	{
	margin: 0 5%;
	padding: 10px;
	width: 80%;
	border: 1px solid #000;
	text-align: justify;
	background-color: #FFC;
	font-size: 100%;
	color: #000;
}

/*Design of Fulltextsearch: Prev- and Next-Links*/
#phpcmssearch {
	font-size:small;
	text-align:center;
} 

.rubrik {
  padding: 0px;
	margin: 5px;
  margin-left: 15px;
} 

/* ----------------------------------------------------------------------------------------- Ende Sonstiges --------------------- */