/*--- Allgemeiner Stil ---*/
body {
	margin:0;
	padding:0;
	background-color:#530000;
	color:#FFFFEE;
	font-family:Garamond,georgia,Times,serif;
	font-style:italic;
	font-size:1.2em;}

img {
	border:0px; }

/*--- Navigationsleiste ---*/
	#nav {
		position:absolute;
		top:3px;
		left:3px;
		z-index:1;
		width:180px;
		overflow:hidden;
		color:#FFFFEE; }

		#nav h2 {
			margin:0;
			padding:0;
			text-align:center;
			font-size:1em;
			font-variant:small-caps;
			letter-spacing:2px; }

		#nav ul {
			list-style-image:url(pointing_hand.png);
			border:1px outset #AA0000;
			margin:0;
			margin-bottom:24px; }

			#nav ul a {
				text-decoration:none;
				color:#FFFFEE;
				display:block; }

				#nav ul a:hover {
					background-color:#880000;
					text-decoration:none;
					color:#FFFFEE; }

				#nav ul a:active {
					background-color:#880000;
					text-decoration:none;
					color:#FF0000; }

				#nav ul a.self {
					background-color:#881100;
					text-decoration:none;
					color:#BBA; }

		#nav .recom, #nav #useff {
			width:156px;
			padding:12px;
			text-align:center;
			border:1px outset #AA0000; }

		#nav #useff {
			display:none;}

		#nav #valid {
			width:156px;
			margin-top:60px;
			padding:12px;
			text-align:center;
			text-transform:capitalize;
			font-variant:small-caps;
			color:#770000; }

			#nav #valid a {
				text-decoration:none;
				color:#820000; }

				#nav #valid a:hover {
					background-color:#590000;
					color:#990000; }


/*--- Seiteninhalt ---*/
	#content {
		position:absolute;
		top:3px;
		left:186px;
		width:600px;
		padding:12px;
		border:1px inset #AA0000;
		font-size:1.2em;}

		#content h1, #content h2, #content h3 {
			font-family:Garamond,georgia,Times,serif;}
		
		#content h1 {
			border-bottom:1px solid #FFFFEE;
			width:300px;
			margin:auto;
			text-align:center;
			font-variant:small-caps; }

		#content h2 {
			text-align:center;
			font-variant:small-caps; }

		#content img {
			float:right;
			margin:6px;
			margin-left:12px;
			margin-right:0px;
			border:2px solid #060000;}

		#content p {
			text-align:justify; }

		table.newsletter {
			margin:auto;
			color:#A33;
			font-family:Garamond,serif;
			font-style:italic;
			text-align:left; }

		table.newsletter td {
			padding:6px; }

		input {
			border:1px inset #A33;
			margin:1px;
			background-color:#FFF1E4;
			color:#777;
			font-family:serif;
			font-style:normal;
			font-size:0.8em; }

		input:active, input:focus {
			border:2px inset #A33;
			margin:0px;
			background-color:#F4F4FF;
			color:#000; }

		textarea {
			border:2px groove #F00;
			background-color:#FFF1E4;
			color:#777;
			font-family:serif;
			font-style:normal;
			font-size:0.8em; }

		textarea:active, textarea:focus {
			border:2px inset #311;
			background-color:#F4F4FF;
			color:#000;}

		button {
			width:120px;
			height:25px;
			overflow:hidden;
			border:2px outset #A33;
			background-color:#FFD1D1;
			font-family:Garamond,serif;
			font-style:italic;
			font-size:100%;
			vertical-align:middle;
			text-align:center;
			padding:0px; }

		button:active, button:focus {
			border:2px inset #A33;
			background-color:#FFF1E4; }

		fieldset {
			margin-left:50px; margin-right:50px; }

		legend {
			color:#FFE; }

		div.error {
			background-color:#F88;
			color:#700; }

		#content a {
			text-decoration:none;
			font-variant:small-caps;
			color:#A33; }

			#content a:hover {
				text-decoration:none;
				font-variant:small-caps;
				color:#F55; }

		#content div#date {
			float:left;
			text-align:center;
			font-weight:bold;
			width:150px;
			margin:0;
			margin-right:12px;
			border:2px groove #F00;}
			
			#content div#date span#day {
				display:block;
				width:60px;
				margin-left:auto;
				margin-right:auto;
				background-color:#FFE;
				color:#530000;
				font-size:2.5em;
				font-style:normal;
				border:2px ridge #DDC;}
				
		#content p.kleingedrucktes {
			font-size:0.5em;
			font-style:normal;
			font-family:Verdana,Arial,sans-serif;}