/* Verwendete Farben
#000;		schwarz		Text
				Menüpunkte (inaktiv)
#CC9;		helloliv	Rahmen für Bilder
				Linie über Footer
				Text und Links im Footer
#996;		dunkeloliv	Menüpunkte a:link, a:visited, Überschrift, Links im Content-DIV
#F4F4F4;		hellgrau	Hintergrund #body (abgestimmt auf die Grundfarbe der fixierten Hintergrundgrafik)
				Hintergrund .infobox und deren Elemente
				Hintergrund .form und dessen Elemente
#FAFAF5;		helloliv	Fläche im Headerbild
#F0F0DC;		helloliv	Hintergrundgrafik für .infobox etwas dunkler als die Fläche im Headerbild

Bilder dürfen max. 500px breit sein, mit Rahmen entsprechend weniger!

*/

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
/* überprüft */
html {
	font-family: 'Trebuchet MS', Arial, Helvetica, Geneva, Verdana, sans-serif;
}
/* überprüft */
body {
	color: #000;
	background-color: #F4F4F4;
	background-image: url(../images/layout/hintergrundbild.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
}
/* überprüft */
#container {
	position: absolute;
	left: 0;
	min-height: 100%;
	/*
	Für den IE ist in der index.php folgende Stylesheet-Angabe erforderlich:
	<!--[if lte IE 6]>
	<style type="text/css">
	#container {height: 100%}
	#footer {bottom: -0px;}
	</style>
	<![endif]-->
	*/
	width: 780px;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
}

#header {
	position: relative;
	width: 780px;
	height: 140px;
	border-bottom: 1px solid #CC9;
}

#header img {
	display: block;
}

/* Menü */

#menu {
	float: left;
	width: 200px;
	margin: 0;
	padding: 30px 10px 0 30px;
	color: #000;
	background-color: #FFF;
      	text-align: left;
	font-size: .9em;
}

#menu a, #menu ul, #menu ul li, #menu li a, #menu ul li a, #menu ul li a:hover,
#menu ul li ul, #menu ul li ul li, #menu ul li ul li a, #menu ul li ul li a:hover {
	/* display: block; */
	margin: 1px 0 0 0;
	line-height: 2em;
	background-color: #FFF;
}

#menu a {
	height: 1%;
	line-height: 1.5em;
	font-weight: normal;
}

#menu ul {
	padding: 0;
	list-style-type: none;
	/* background-color: maroon; */
}

#menu ul li {
	padding: 0;
	color: #996;
	/* background-color: aqua; */
}

#menu li a {
	color: #663;
	/* background-color: olive; */
	text-decoration: none;
}

#menu ul li a {
	color: #663;
	/* background-color: purple; */
	text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
	color: #663;
	/* background-color: blue; */
}

#menu ul .aktiv {
	margin: 1px 0 0 0;
	color: #996;
	background-color: #FFF;		/* background-color: lime; */
	line-height: 2em;
	font-weight: bold;
}

#menu ul li ul {
	padding: 0;
	color: #663;
	/* background-color: red; */
}

#menu ul li ul li {
	padding: 0 0 0 1em;
	color: #663;
	/* background-color: yellow; */
}

#menu ul li ul.aktiv {
	margin: 1px 0 0 0;
	padding: 5px;
	color: #996;
	background-color: #FFF;		/* background-color: teal; */
}

#menu ul li ul li a {
	text-decoration: none;
	color: #663;
	/* background-color: orange; */
}

#menu ul li ul li a:hover {
	text-decoration: underline;
	color: #663;
	/* background-color: fuchsia; */
}

#menu ul li ul li.aktiv {
	margin: 1px 0 0 0;
	color: #996;
	background-color: #FFF;		/* background-color: green; */
	line-height: 2em;
}

#logoleiste {
	margin: 25px 0 5em 0;
}

#logoleiste img {
	display: block;
	border: 1px solid #CC9;
	margin: 10px 0 0 0;
	padding: 0;
}

/* Inhalt */

#content {
	position: relative;
	float: right;
	width: 500px;
	padding: 50px 40px 5em 0;
	margin: 0;
	color: #000;
	background-color: #FFF;
}

#content p {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
}

#content p img {
	display: block;
	border: 0 none;
	margin: 0;
	padding: 0;
}

#content h1, #content h2 {
	color: #996;
	/* background-color: #FFF; */
}

h1, .formular h1 {
	margin: 0 0 1em 0;
	padding: 0;
}

h2 {
	margin: 2em 0 1em 0;
	padding: 0;
}

.form h1 {
	margin: 1em 0 1em 0;
	padding: 0;
	color: #996;
	background-color: #F4F4F4;
}

h1, h2, form h1{
	clear: both;
	font-size: 1.1em;
	font-weight: bold;
}

.kommentarbox  {
background : #f1f1f1;
border-top : 2px solid #52961b;
border-bottom : 1px solid #52961b;
clear : both;
margin : 1em 0 1.5em 0;
float : left;
width : 100%;
padding-bottom : 5px;
}
.kommentarbox .kommentarboxkopf {
padding : 10px 15px;
background : #e7f0df;
border-bottom : 1px solid #cfd1d1;
}
.kommentarboxinhalt {
padding : 2px 15px;
}
.owner .kommentarboxkopf {
background : #e7f0df url(../images/164.gif) no-repeat right top;
}
#content .kommentarbox .gravatar {
float : right;
padding : 4px;
border : 1px solid #cbcbcb;
margin : 10px 0 5px 10px;
}

.infobox {
	clear: both;
	margin: 0 0 2em 0;
	padding: 1em;
	background-color: #FFF;
	border: 1px solid #CC9;
	background-image: url(../images/layout/hintergrundbild_infobox.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.infobox h1 {
	clear: both;
	margin: .5em 0 .5em 0;
	padding: 0;
	color: #996;
	/* background-color: #F4F4F4; */
}

#content p.brotkrumen {
	color: #CCC;
	font-size: .75em;
}

#content p.brotkrumen a:link, #content p.brotkrumen a:visited {
	color: #663;
	text-decoration: underline;
}

#content p.brotkrumen a:hover, p.brotkrumen a:active {
	color: #996;
	text-decoration: none;
}

#content p a:link, #content li a:link, .rechts a:link, .mitte a:link, td a:link {
	color: #663;
	background-color: #FFF;
	text-decoration: underline;
}

.infobox a:link, .infobox a:visited {
	color: #663;
	/* background-color: #F4F4F4; */
	text-decoration: underline;
}

.infobox a:hover, .infobox a:active {
	color: #F4F4F4;
	background-color: #996;
	text-decoration: none;
}

#content p a:visited, #content li a:visited, .rechts a:visited, .mitte a:visited, td a:visited {
	color: #663;
	text-decoration: underline;
}

#content p a:hover, #content p a:active,
#content li a:hover, #content li a:active,
td a:hover, td a:active {
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #996;
	text-decoration: none;
}

#content ul {
	top: 0;
	left: 0;
	margin: 1em 0 1em 0;
	padding: 0 0 0 1.5em;
}

#content li {
	top: 0;
	left: 0;
	margin: 0 0 .5em 0;
	padding: 0;
	list-style-type: disc;
}

#content .infobox ul {
	top: 0;
	left: 0;
	margin: 1em 0 1em 1em;
	padding: 0 0 0 1.5em;
}

#content .infobox li {
	top: 0;
	left: 0;
	margin: 0 0 .5em 0;
	padding: 0;
	list-style-type: disc;
}

/* Tabellen */

.colgroup {
	clear: both;
	margin: 1em 0 1em 0;
	padding: 0;
}

/* Quellennachweise und Hinweistexte unter Bildern oder am Ende der Seite */

.fussnote {
	margin: 1em 0 2em 0;
	padding: 0;
	font-size: .75em;
	font-style: italic;
}

/* Navigationsgrafik, um zum Seitenanfang zu springen */

#content .pfeilnachoben {
	clear: both;
	display: block;
}

#content .pfeilnachoben img, #content .pfeilnachoben a:link img, #content .pfeilnachoben a:visited img  {
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 0 1em 0;
	border: 1px solid #FFF;
}

#content .pfeilnachoben a:hover img, #content .pfeilnachoben a:active img {
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 0 1em 0;
	border: 1px solid #CCC;
}

/* Footer */

#footer {
	clear: both;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 730px;
	margin: 0 25px 0 25px;
	padding: .5em 0 .5em 0;
	height: 2em;
	color: #CC9;
	background-color: #FFF;
	border-top: 1px solid #CC9;
	font-size: .75em;
	/* font-variant: small-caps; */
	text-align: center;
}

#footer ul {
	display:inline;
	list-style-type: none;
}

#footer li, #footer li a:link, #footer li a:hover, #footer li a:active, #footer li a:visited {
	display: inline;
	text-decoration: none;
	padding: .25em .25em .25em .25em;
}

#footer li, #footer li a:link, #footer li a:visited {
	color: #CC9;
	background-color: #FFF;
}

#footer li a:hover, #footer li a:active {
	color: #CC9;
	background-color: #FFF;
	text-decoration: underline;
}

/* Formular */

form {
	clear: both;
	margin: 0 0 1em 0;
	padding: 0;
	width: 498px;
	color: #000;
	background-color: #FFF;
}

form fieldset {
	width: 478px;
	margin: 0;
	padding: 10px;
	color: #000;
	background-color: #F4F4F4;
	border: 1px solid #CC9;
}

form legend {
	font-weight: bold;
}

form br  {
	clear: both;
}

input, textarea {
	color: #000;
	background-color: #FFF;
}

input:hover, textarea:hover, input:focus, textarea:focus {
	color: #000;
	background-color: #FFF;
}

.linkespalte {
	float: left;
	width: 118px;
	margin: 0;
	padding: 0 20px 0 0;
	text-align: left;
	background-color: #F4F4F4;
}

.rechtespalte {
	float: left;
	width: 320px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #F4F4F4;
}

.label1, .label2, .label1rot {
	font-weight: bold;
	margin: 0 0 2em 0;
}

.label1, .label2 {
	color: #663;
	background-color: #F4F4F4;
}

.label1rot {
	color: #F00;
	background-color: #F4F4F4;
}

.chkboxlabel {
	color: #663;
	background-color: #F4F4F4;
	text-align: left;
}

.textbox1, .textbox2, .textarea1 {
	color: #663;
	background-color: #FFF;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #CC9;
}

.textbox1, .textbox2 {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.textarea1 {
	width: 474px;
	border: 1px solid #CC9;
}

.chkbox1 {
	margin: 0 .5em 0 0;
	padding: 0;
	border: 0;
	background-color: #F4F4F4;
	vertical-align: middle;
}

.button1 {
	margin: 1.5em 1em 0 0;
	color: #663;
	background-color: #FFF;
	border: 1px solid #CC9;
	font-weight: bold;
}

.button1:hover {
	margin: 1.5em 1em 0 0;
	color: #663;
	background-color: #CC9;
	border: 1px solid #663;
	font-weight: bold;
}

/* Sonstiges */

#spendenbalkenrahmen {
	clear: both;
	float: left;
	display: block;
	width: 494px;
	margin: 0 0 2em 0;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #663;
}

#spendenbalkenhintergrund {
clear: both;
	display: block;
	margin: 0;
	background-color: #F33;
}

#spendenbalken {
clear: both;
	display: block;
	margin: 0;
	padding: .25em 0 .25em 0;
	color: #FFF;
	background: #393;
	text-align: right;
	font-size: .75em;
}

abbr {
	cursor: help;
}