/*  <![CDATA[  */


/**
 * Globales Stylesheet www.kirchennetz.ino/luther-ka
 * Projekt:     Evangelische Luther-Gemeinde Karlsruhe
 * Version:     2
 * @author:     Gerhard Ruediger
 * @copyright:	 Gerhard Ruediger   
 * @date:       August 2006
 * @modified:   19.1.2007

 * 1. Grundgeruest
 * 2. Container
 * 3. Text-Formatierungen
 * 4. Navigation
 * 5. Bilder-Formatierung
 **/



 
/********************************************************************
 * Grundgeruest
 *******************************************************************/

body {
	 margin: 0; padding:10px;
}


body, p {
    font-size: 100.01%;  
    line-height: 1.4em; letter-spacing: 0.03em;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	 background-color: white; color: #6c6c6c;
}




/********************************************************************
 * Block-Container
 *******************************************************************/

#rahmen{
   border: 10px solid #F4C19B;
	margin: 0;
	padding: 10px;
	}

   
 
/********************************************************************
 * Inhalt-Container
 *******************************************************************/

#kopfzeile{
	margin:0; padding: 5px;
 color:inherit; background-color: #E78C49;
	}

#kopfzeile .img-re{
	float:right;
	margin:0;
}
#kopfzeile .img-li{
	float:left;
	margin: 0;
 }

 
#titel-gemeinde{
   	padding:0; margin: 10px 77px auto 192px;
   	font-family: Tahoma, Arial, Helvetica, sans-serif;
   	text-align:center; letter-spacing: 0.08em;
	color: #5A2E0E;  background-color:transparent;
  	 font-size:1.7em; font-weight: bolder;
   	line-height: 1em; vertical-align: middle;
	}

	#titel-gemeinde_neu{
   	padding:0; margin: 25px 77px auto 192px;
   	font-family: Tahoma, Arial, Helvetica, sans-serif;
   	text-align:center; letter-spacing: 0.04em;
	color: #5A2E0E;  background-color:transparent;
  	 font-size:2.0em; font-weight: bolder;
   	line-height: 1em; vertical-align: middle;
	}
   
#trennlinie{
	height: 10px; font-size:1px;
	background-color: #16387D; color:inherit;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
	



/* rahmen mit hintergrundgrafik */ 
#inhalt{
   margin:0; padding:0;
   background-image:url(../_images/backgr_nav3.jpg);
   background-repeat:repeat-y;
}




/* buchstaben-grafiken links */
#bereichstitel{
   float:left;
   width: 44px;
   vertical-align:top;
   margin:55px 0 0 0; padding:0;
}
#bereichstitel img{
   margin:0 0 0.2em 0;
}


#navigation{
   float:left;
   width:135px;
   margin:54px 10px 0 0; padding:0;
   line-height:1em;
   text-align:left;
	font-size: 0.7em;
}
/* ende container fuer bereichstitel und navigation */



#textfeld{
	font-size: 0.9em; 
 border-left: solid 1px black;
 border-bottom: solid 1px black;
 border-right: solid 1px black;
	padding:10px; margin:0 0 0 189px;
   }

/* standard-textbereich fuer EINSPALTER im template im textfeld */
#textbereich1{
	font-size: 0.9em; 
	margin: 0; padding: 0 5px 0 0;
}
.textbereich1{
	float:left; width: 99%;
	margin: 0 5px 5px 0; padding: 0 5px 0 0;
}


/* beginn ZWEISPALTER im template */
.textbereich2{
	float:left; width: 76%;
	margin: 0 5px 5px 0; padding: 0;
}

.marginalie-re{
 	float:right;
	width: 23%;
	overflow: auto; 
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal; 
	font-size: 0.75em; 
}

/* ende zweispalter im template */


#lebenskreis{
	margin: 0;
	padding: 0 0.5em 0 0.5em;
	height: 400px;
	overflow: auto;
}


#fusszeile{
 margin:0 0 0 195px;  padding:5px 0 0 0;
	font-size: 0.6em;
	text-align: right;
	line-height: 1.2em;
} 
 


 


#clear{
   clear:both;
}
.clear{
   clear:both;
}
.clear-li{
   clear:left;
}
.clear-re{
   clear:right;
}






table{
 border: 3px solid #F2F2F2 ; 
 border-collapse:collapse;
 width:95%;
 margin-left:auto;
 margin-right:auto;
}

td, th
{
 border: 3px solid #F2F2F2 ; 
 border-collapse:collapse;
 vertical-align: top;
 padding:2px;
}

td{
 font-size:0.75em;
	line-height: normal;
}

/********************************************************************
 * Text-Formatierungen
 *******************************************************************/

 p{
 	margin-top: 0.5em;
 }
 

.text-re{
	float:right;
}
.text-li{
	float:left;
}




h1, h2, h3, h4, h5, h6
	{
	text-decoration: none; 
 color:#9A4D14; background-color:transparent;
	font-weight: bolder;
	}


h1, h2, h3
 	{
	margin:0; padding:0;
	border-bottom: 1px solid #9A4D14;
	}

	
h1 {font-size: 1.1em;margin-bottom:9px; text-transform:uppercase}

h2 {
	font-size: 1.05em; 
	margin-bottom: 15px;}

h3	{font-size: 1.0em;}
h4	{font-size: 0.95em; font-weight: bolder;}
h5	{font-size: 0.9em; font-weight: bolder;}
h6	{font-size: 0.8em; font-weight: bolder;}



.small06{
	font-size: 0.65em;
}
.small07, small{
	font-size: 0.75em;
}
.small08{
	font-size: 0.85em;
}
.small-b{
	font-weight: bold; font-size: 0.85em;
}


.first-letter{
 font-size: 2.2em; line-height: 1em;
 float: left; margin: 0px 5px 5px 0px; 
 border:solid 3px #F2F2F2;
 padding: 0 3px 0 3px;
}


.line-height100{
	line-height: 100%;	

}
.line-height140{
	line-height: 140%;	
}


li{
   line-height: 1.2em;
   list-style: disc;
   margin: 0 0 3px 0;
}


dl{
   line-height:1.2em;
}
dd {
      margin-bottom:0.4em;
}



/* test 
table, td, 
ul, li 
{
	line-height: normal;	
	list-style: disc outside;
}
table, td,
ul ul, li li {
	line-height: normal;	
	list-style: circle outside;
}
table, td,
ul ul ul, li li li {
	line-height: normal;	
	list-style: square outside;
}
*/      




.textrahmen, .box_grau
	{
 border: 3px #F2F2F2 solid;
	padding: 3px; margin:0 0 5px 0; 
	line-height: normal;
  font-size:0.9em;
 float:left; width:98.5%;  /*um floatende grafiken im textrahmen zu halten*/
}





.trennlinie-transparent{
	height: 0px; width: 100%;
	background-color: transparent;
   font-size:0px;
}

.trennlinie-grau{
	height: 2px; width: 100%;
	margin: 2px 0 2px 0; padding:0;
	background-color: Silver; color:inherit;
	font-size: 0px;
}




abbr[title], acronym[title], span[title]
 {
  border-bottom: 1px dotted #ddecff;
  font-variant: normal;
  text-transform: none;
}





/********************************************************************
 * Navigation
 *******************************************************************/

/* alle links */
a 
{  color:#16387D; background-color: transparent;
	text-decoration:none;font-weight: bold; }
a:link 
{  color:#16387D; background-color:transparent;
	text-decoration:none;font-weight:bold; }
a:visited
{ 	color:#3366FF; background-color:transparent;
	text-decoration:none;font-weight:bold; }
a:hover 
{  color:#0066cc; 	background-color:transparent;
   text-decoration: none;font-weight:bold; }
a:activ
{  color:#0066cc; background-color:transparent;
	text-decoration:none;font-weight:bold; }
   
  



/* beginn navigations-meneu */

#navigation a{
	color: #9A4D14; 
}

#navigation ul, #navigation li 
{
display:block;
list-style:none;
margin:0 0 4px 0; padding: 4px 0 4px 0;
}

#navigation li
{
border-bottom: 1px solid black;
background-color: #F7D7BF; color: inherit;
font-size: 1em;
padding:4px 0 4px 4px;

}

#navigation li li 
{
border-bottom: 1px solid black;
font-size: 0.9em;
margin: 0 0 0 4px;
padding:2px 0 0 0;
}

#navigation li li li
{
border-bottom: 1px solid black;
padding-left:9px;
font-size: 0.9em;
margin: 0 0 2px 4px;
}


#navigation li:hover,
#navigation li:hover li:hover,
#navigation li:hover li:hover li:hover
{
border-left: 1px solid black;
background-color: #F4C19B; color: inherit;
}

#navigation li:active, 
#navigation li:active li:active, 
#navigation li:active li:active li:active
{
border: 1px solid black;
background-color: #F4C19B; color: inherit;
}

#navigation li:visited,
#navigation li:visited li:visited,
#navigation li:visited li:visited li:visited
{
color:green; background-color: transparent;
}

/* ende navigations-menue */	
	
	
	
	
	
/* beginn sub-links (unten) fuer weitere artikel in einer rubrik */
.sub-links{
	border-bottom: 1px solid black;
	background-color: #F7D7BF; color: #9A4D14;
	margin-bottom: 5px; padding:1px 0 1px 4px;
	font-size:0.7em; 
	line-height: normal;
	width:50%;
}

.sub-links a{
	display:block;
}

.sub-links:hover
{
border-left: 1px solid black; 
color:inherit; background-color: #F4C19B;
}
/* ende sublinks */






/* beginn terminkalender marginalie-rechts */
.termine-marginal{
	background-color: #F7D7BF;
	border-bottom: solid 1px black;
	margin-bottom: 3px;
	padding: 0 4px 0 4px;
	color: #9A4D14;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	line-height: normal;
}

.termine-marginal:hoover{
	background-color: #F4C19B;
}
/* ende terminkalender marginalie-rechts */




/* beginn links fuer die cpo-funktion 
"Gefunden:  | Ergebnisse: « vorherige Seite [  ] nächste Seite »
in _include/function.php */
.active, .passive, .pager, .archive, .more{
		font-size: 0.8em;
		}

.active, .more   
		{
		text-decoration: none; font-weight: bold; 
      }
			
.passive  
      { 
		text-decoration: none; font-weight: bold; 
		color: Gray; background-color: white;
      }
/* ende links fuer die cpo-funktion "Gefunden:" */

      
/*Link fuer cpo-Archive-Funktion*/
.archive, .pager    {
   clear:both;
   margin: 30px auto 30px auto;
   width:70%;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-top-style: solid;
      border-top-width: 1px;
		border-color: black;
	   padding: 3px 30px 3px 30px;
		line-height: normal;
   font-size:0.75em;
	text-align: center;
   }
.pager a:hover{
		background-color: #F4C19B; color:inherit;
		}    
/* ende links fuer die cpo-funktion  */



/* beginn links fuer template-funktionen */
.weiter   
		{
  font-size:0.75em;
		text-align: right;
		margin: -10px 0 15px 0;
  }
.weiter a:hover{
		background-color: #F4C19B; color:inherit;
}

.zurueck   
		{
		font-size:0.75em; 
      text-align:center;
      padding: 2px;
      border-top: 1px solid black;
      border-bottom: 1px solid black;
		line-height: normal;
      }
/* ende links fuer template-funktionen */     



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


.img-re{
	float:right;
	margin:5px 0px 5px 10px;
}
.img-li{
	float:left;
	margin: 5px 10px 5px 5px;
}



.fotoalbum_uebersicht
	{
   float:left; width:30%;
   min-height:220px; _height:220px; /* ie hack */
	border: 3px #F2F2F2 solid;
	padding: 3px; margin:0px 7px 7px 0; 
	line-height: normal;
	font-size: 0.95em;
}
 

.bilder-uebersicht{
   width:150px; height:150px; 
   float:left; 
   margin:0 10px 10px 0; 
   text-align:center; 
   vertical-align:middle;
   border: 3px #F2F2F2 solid;
	padding: 3px;  font-size: 0.8em;
	line-height: normal;
	
}
 
/* [[ */