/*.Allgemeine Einstellungen für ALLE Elemente.*/
* {
	font-family: verdana, geneva, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	color: #000;
}

H1 {font-size: 15px; line-height: 21px; color : #333366;}
H3 {font-size: 13px; color : #333366;}
STRONG {font-size: 13px; color: #FFFFFF;}
EM {color: #333366;}
H1, H3, STRONG, EM, B {	font-weight : bold;}
I {font-style: italic;}

A:LINK {color : #000099;}
A:VISITED {color : #666666;}
A:HOVER {color : #FF0000;}

/*.Ende allgemeine Einstellungen.*/

html, body {height: 100%;}

body {
	background-image: url(../icons/HG_Container.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: rgb(189,199,247);
}

#content_rechts {
	margin: 0 0 0 250px;
}

* HTML #content_rechts {width: 700px;}

#content_rechts #spendenbox {
	width: 100%;
	height: 140px;
}
#content_rechts #spendenbox P {
	float: right;
	width: 400px;
	height: 96px;
	font-size: 11px;
	color: rgb(51,51,102);
	background-color: rgb(230,230,230);
	padding: 2px 10px;
	margin: 5px 0 0 0;
	border-top: 1px dotted #FFF;
	border-left: 1px dotted #669;
	border-bottom: 1px dotted #669;
}
#content_rechts #spendenbox P B {font-size: 11px; font-weight: bold; color: rgb(51,51,102);}


#content_rechts P.inh, #content_rechts P.inh_rand {
	float: left;
	min-width: 600px;
	margin: 20px 40px 10px 0;
	padding: 0 0 20px 0;
}

#content_rechts P.inh_rand {border-bottom: 1px solid rgb(100,142,183);}

.frage, .frage B {color: rgb(0,0,128);}
.antwort {border-bottom: 1px solid rgb(100,142,183);}

#content_rechts UL {
	float: left;
	list-style-type: square;
	width: 75%;
	margin: 0px 0 10px 30px;
}
#content_rechts UL LI {margin: 5px 20px;}

#content_rechts TABLE {
	margin: 20px 40px 10px 0;
}
#content_rechts TD {
	padding: 10px 30px 10px 0px;
	border-bottom: 1px solid rgb(100,142,183);
}


/*.Spalten clearen ... .ACHTUNG: Höhe #clearheinz und #footer sollten gleich sein, bester Effekt!.*/
#clearheinz {clear: both; height: 30px;}
#footer {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 30px;
	background-color: rgb(189,199,247);
	/*.Einstellung der Deckfaehigkeit des Footers. 100 oder 1.0 = voll deckend.*/
	filter:alpha(opacity=70); /* IE */
	-moz-opacity: 0.70; /* Gecko */
	opacity: 0.70; /* Opera */
}
#deckend {
	position: fixed;
	right: 10px;
	bottom: 2px;
	width: 800px;
	height: 20px;
	text-align: right;
}

/*....................................................................................*/


div.foto_rand {
	float: left;
	margin: 0px 10px 10px 0px; 
	padding: 10px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #FFF;
	background-color: rgb(250,250,230);
	background-image: url(../icons/hg_bildverlauf.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #999;
	font-style: italic;
}

div.foto_rand IMG { border: 1px solid #CCC;}

div.home_navi {float: left;}

.linksluft {
	float: right;
	margin: 0px 0px 10px 10px;
	border: none;
}

.rechtsluft {
	float: left;
	margin: 0px 10px 10px 0px;
	border: none;
}

.linksluft_rand {
	float: right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #CCC;
}

.rechtsluft_rand {
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #CCC;
}