/* Volle Höhe im IE und FF bei 3 Zeilen, Mitte variable zu 100%, Oben und Unten feste Höhe */
/* Breite 970 px */
/* Boda-Angaben und doppelte Angabe bei Mitte unabdingbar wegen Browser-Bugs */
/* Verdana-Grössen 9, 10,11,12,14 - bei Arial um 1 erhöhen ausser 9px*/
body { 
	background: #D9ECFD url(lira-verlauf.jpg);
	color: black; 
	font-size:12px;
	/*line-height: 150%;*/ 	
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0;
	}

/* Schriftgrössen*/	
table, form, ul, p {
	font-size:12px; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	} 
form {display: inline;}
HR   {
	height: 1px;
	border: 1px solid #ccc;
}
UL   {
	line-height: 13px;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 0 0 4mm;
	padding-left: 4mm
}
OL   {
	line-height: 13px;
	list-style-position: outside; 
	margin: 0 0 0 4mm;
	padding-left: 4mm
}

/* Flächen */		
#oben {
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	top:0px; 
	width:970px; 
	min-width:970px; 
	height:70px;
	background:#D6EBFE; 
	overflow:hidden;
	z-index:10;		
	}
#logo {
	position:absolute; 
	margin-left:-485px; 
	left:50%;
	width:502px; 
	top:0px; 
	height:70px;
	background-color:#D6EBFE; 
	background-image:url(lira_logo_kirche.jpg);
	background-repeat:no-repeat;
	z-index:12;	
	}
#obennavi {
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	top:70px; 
	width:970px; 
	min-width:970px; 
	height:22px; 
	/*background: #F5F6CE;*/
	background: #6B91BF;
	z-index:12;	
	}
.navi  {
	color: white;
	font-style:normal; 
	font-weight: bold; 
	text-decoration: none; 
	margin-left: 8px; 
	padding-left: 4px; 
	border-left: 8px solid #FFFF00;
	}
/* Maus über Link*/	
a:hover.navi {
	color: #fffffF;
	background: #000;
	margin-left: 8px; 
	padding-left: 4px; 
	border-left: 8px solid #FFFF00;
}	
/*#obentitel {
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	top:92px; 
	width:970px; 
	min-width:970px; 
	height:25px; 
	background: #F3F781;
	z-index:14;	
	}
div#tippstitel {
	position:relative;
	margin-top:15px;	
	width:100%; 
	height:25px; 
	background: #F3F781;
	}	
*/
/* Mitte kann variabel wachsen, sodass immer 100% der Schirmes genutzt wird --  Doppelangabe mit den 100% bei html wichtig*/	
#mitte {
	position:absolute; 
	top:93px; 
	bottom:22px; 
	width:970px; 
	margin-left:-485px; 
	left:50%;
	display:block; 
	overflow:auto;	
	}
* html #mitte {
	top:0; 
	bottom:0; 
	height:100%;	
	width:970px;
	border-top:93px solid #fff; 
	border-bottom:22px solid #fff;
	}
/* Inhalte und Rechts orientieren sich am übergeordnetem Element des Bereichs Mite, auch von der Position her */	

div#inhaltlinks {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:675px; 
	margin:0px; 
	text-align:left; 
	height:100%; 
	background:#fff;
	overflow:auto;	
	}
div#inhaltrechts { 
	background: #fff;
	position:absolute; 
	top:0px; 
	left:680px; 
	width:290px; 
	height:100%;
	overflow:auto;	
	}		
/* Unten liegt im Elemente-Fluss ohne top-Angabe */
#unten {
	text-align:center;
	position:absolute; 
	margin-left:-485px; 
	left:50%; 
	bottom:0; 
	width:970px; 
	min-width:970px; 
	height:22px; 
	background-color:#D9ECFD;
	color:#ffffff;
	z-index:6;
	}

/* Spezielle Classen*/	

.linkunten { font-size: 9px; font-weight: bold; text-decoration: none   }
.text7  { font-size: 9px; }
.text7grau { color: #999; font-size: 9px; text-decoration: none; }

.linkklein { font-weight: normal; text-decoration: none   }
.linkklein0 { color: #6E6E6E; font-weight: normal; text-decoration: none   }
.textfett     { font-weight: bold; }
.purpur     { font-weight: bold; background-color: #c00; }
.text8fett  { font-weight: bold; }


.tablinieoben  { border-style: none none solid; border-width: 0 0 2px; border-color:   black }
.formabstand  { margin: 1mm }

div#no a:hover {color: #ffffff;
	background-color: #ffffff;
}

H1 { font-size: 2.5em; font-family: serif, "Monotype Corsiva", Verdana; font-style:italic; margin: 1mm 0 }
H2 { color: #CC0000; font-size:15px; font-weight: bold; margin-top: 3mm; margin-bottom: 1mm  }
H4 { color: #000000; font-size:13px; font-weight: bold; font-style:normal; margin-top: 3mm; margin-bottom: 1mm  }
H3 { font-size:13px; font-weight: bold; margin-top: 1mm; margin-bottom: 1mm }
a { font-weight: normal; text-decoration: none   }
a:hover     { color: white; background-color: blue;  }

div#page {  margin-right: 0; margin-left: 0;outline-width: 0; }
div#page a:hover {
	color: #ffffff;
	background-color: #0000cc;
}
div#anzeigemenue {
	background-color: #E8E8E8;
	text-align: right;
}
div#anzeigemenue a { color: #0000cc; background-color: #ffffff; padding: 1px 0px 0; }
div#anzeigemenue a:hover { color: #ffffff; background-color: #0000cc; padding: 1px 0px; }

div#anzeige { text-align: left; padding: 0px; }
div#anzeige a { color: blue; text-decoration: none; text-align: left; }

div#katmenue { padding: 5px 3px 3px 6px; background-color: #e8e8e8; text-align: left; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; }
div#katmenue a { color: blue; font-weight: normal; text-decoration: none; text-align: left; }
div#katmenue a:hover { color: #ffffff; background-color: blue; }

.centerlink_actual {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	border: 1px solid #000000;
}

div#centerlinks {
	background-color: #e8e8e8;
	text-align: center;
	padding: 1px;
}
div#centerlinks a:link {
	font-size: 13px;
	color: blue;
	text-decoration: none;
	background-color: #ffffff;
	border: solid 1px #000000;
}
div#centerlinks a:visited {
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
div#centerlinks a:hover {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
	border: 1px solid #000000;
}
div#copy {
	background-color: #CCCCCC;
	text-align: right;
	padding: 2px;
}div#copy a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.anzeigentitel { font-size: 13px; color: black; font-weight: bold; text-align: center; background-color: #b1f0b6; padding: 2px; }

.inputtext {
	border: 1px solid #000000;
	}

.submitwielink {
	text-align:left;
	color:#0000ff;
	background-color: #ffffff;
	font-size: 13px;
	font-weight:bold;
	border-style:none;
	padding:0;
	margin:0;
}
input.submitwielink:hover {
	color: #ffffff;
	background-color: #0000cc;
	cursor:pointer;
}
.error {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	background-color: #FFFFFF;
}
.anzeigekurz { color: #000000; text-decoration: none; text-align: left; margin: 10px 0px 10px 0px; padding-left: 8px; border-left: 3px solid #cc0000; background:#E8E8E8; }

.kategorien { 
	text-decoration: none; 
	margin: 0; 
	padding: 0 1px 1px 0; 
	border-top: 1px solid #666666;
}
.kategorien a { 
	color: blue; 
	text-decoration: none; 
	margin: 0; 
	padding: 0 1px 1px 0; 
	border-top: 1px solid #666666;
}

.kategorien a:hover {
	font-weight: normal; 
	color: #ffffff;
	text-decoration: none;
	background-color: blue;
	border: solid 1px #000000;
}
.anzeigekurzlink {text-decoration: none;}
.bggrey {background-color: #E8E8E8; padding: 2px;}