body, html {
	background:	white;
	/* background:	#E2C776; */
	margin:		0px;
	width:		100%;
	height:		100%;
	text-align:	center;
}

table#main
{
	border:		none 1px black;
	width:		100%;
	height:		100%;
	table-layout:	auto;
	empty-cells:	show;
	text-align:	center;
}
table#main td
{
	width:		auto;
}

.page {
	height:		575px;
	width:		1005px;
}

div.page
{	
	position:	relative;
	top:		0px;
	left:		0px;
	border:		1px none black;
	background-image: url(/img/hintergrund.jpg);
}

div#titel {
	position:	absolute;
	top:		-10px;
	left:		0px;
	width:		975px;
	height:		90px;
	border:		1px none black;
	background-image: url(/img/titel.png);

}

div#login {
	position:	absolute;
	top:		50px;
	right:		45px;
	width:		300px;
	height:		auto;

	text-align:	right;
	font-family:	sans-serif;
	font-size:	8pt;
}

div.menu a {
	color:	black;
	text-decoration: none;
}

div.menu a:hover {
	text-decoration: underline;
}

div.menu {
	position:	absolute;	
	width:		auto;
	border:		none;
	text-align:	right;
}
div.menu a , div.menu p {
	margin:		0;
	padding:	0;
	text-align:	right;
	white-space:	nowrap;
	display:	block;
}
div.menu div.options a {
	padding:	1px 5px 1px 5px;
	display:	block;
	text-decoration:none;
}
div.menu div.options a:hover {
	color:		#F1DC96;
	background:	#5B4A16;
}

div.menu div.options {
	position:	relative;
	top:		3px;
	right:		-6px;
	width:		auto;
	height:		auto;
	display:	none;
	background:	#D4C07F;
	border:		solid #F1DC96 1px;		
	border-top:	none;		
}
div.menu:hover div.options {
	display:	block;
}
div.menu:hover p {
	text-decoration:underline;
}

div#user {
	position:	absolute;
	top:		50px;
	left:		25px;
	width:		200px;

	text-align:	left;
	font-family:	sans-serif;
	font-size:	8pt;
	font-stretch:	ultra-expanded;
	color:		#E2C776;
}

div#navigation {
	position:	absolute;
	top:		80px;
	left:		15px;
	width:		100px;
	height:		350px;
	border:		1px none black;
}

div#navigation img {
	border:		none 1px black;
	width:		50px;
	height:		50px;
}

div#navigation h1 ,
div#werbung h1
{
	font-size:	10pt;
	font-family:	sans-serif;
	text-align:	left;
	color:		#5B4A16;
	margin:		0px;
}

div#navigation img#home-button {
	margin-left:	25px;
	display:	block;
}

div#left-right-box {
	position:	relative;
	top:		0px;
	left:		0px;
	width:		100px;
	height:		50px;
	margin:		10px 0;
}

div#navigation img#left-button {
	position:	absolute;
	top:		0px;
	left:		0px;
}

div#navigation img#right-button {
	position:	absolute;
	top:		0px;
	right:		0px;
}

div#navigation img#avalon-button {
	margin-left:	25px;
	display:	block;
}

div#navigation img#prev-button {
	position:	absolute;
	top:		70px;
	left:		25px;
}

div#links {
	position:	absolute;
	bottom:		40px;
	left:		10px;
	width:		100px;
	height:		auto;
	border:		1px none black;

	text-align:	left;
	vertical-align:	bottom;

	font-family:	sans-serif;
	font-size:	10pt;
}
div#links a {
	margin:		0px;
	padding:	0px 0px 0px 10px;
	display:	block;
	color:		#5B4A16;
	text-decoration:	none;
}
div#links a:hover {
	color:			#F1DC96;
	background:		#5B4A16;
	}

/* szene ist der Bereich, in dem die Bilder und Texte angezeigt werden. */

div#szene {
	position:	absolute;
	top:		82px;
	left:		141px;
	width:		600px;
	height:		450px;
	border:		1px none black;
	overflow:	hidden;
}

div#szene iframe {
	margin:		0pt;
	width:		600px;
	height:		450px;
	border:		none;
	overflow:	auto;
}
div.txt#szene {
	color:		#5B4A16;
	overflow:	auto;
	text-align:	left;

	width:		570px;
	height:		450px;
	padding:	0px 30px 0px 0px;
	font-family:	sans-serif;
	font-size:	9pt;
}
div.txt#szene td {
	color:	#E2C776;
	text-align:	left;
	vertical-align:	top;
	font-family:	sans-serif;
	font-size:	9pt;
}


div.txt#szene h1, div.txt#szene h2, div.txt#szene h3, div.txt#szene h4, div.txt#szene h5, div.txt#szene h6 {
	font-family:	sans-serif;
}

div.txt#szene h1{
	margin:		0px 0px 10px 0px;
}

div.txt#szene h2{
	margin:		5px 0px 0px 0px;
}

div.txt#szene h3{
	margin:		5px 0px 0px 0px;
}

div.txt#szene h4{
	margin:		5px 0px 0px 0px;
}

div.txt#szene h1 + p, 
div.txt#szene h2 + p, 
div.txt#szene h3 + p,
div.txt#szene h4 + p,
div.txt#szene li + p 
{
	margin-top:	0px;
}

div.txt#szene li
{
	font-weight:	bold;
}

div.txt#szene p, div.txt#szene td{
	color:		#5B4A16;
	margin:		0.7em 0px;
	text-align:	justify;
}

div.txt div.inhalt {
	border:		solid 1px;
	margin:		15px 0px;
	padding:	5px;
}

div.txt div.inhalt h1 {
	font-size:	12pt;
	padding:	0px;
	margin:		0px;
	border-bottom:	solid 1px;
}
div.txt div.inhalt a {
	display:	block;
	text-decoration:none;
}
div.inhalt a.h2 { padding: 	3px 0px 0px 0px; }
div.inhalt a.h3 { padding-left:	10px; }
div.inhalt a.h4 { padding-left:	20px; }

div.txt a {
	color:			#5B4A16;
	text-decoration:	underline;
}
div.txt a:hover {
	color:			#F1DC96;
	background:		#4E4316;
}

div.img#szene img {
	border:		none;
	width:		600px;
}

div.img#szene div#dialog {
	border:		1px outset black;
	background:	white;
	position:	absolute;
	top:		320px;
	left:		10px;
	width:		580px;
	height:		120px;
	overflow:	auto;
	text-align:	left;

	font-family:	sans-serif;
	font-size:	10pt;
}

div.img#szene div#dialog p.frage {
	margin:	10px 0px 10px 10px;
}

div.img#szene div#dialog p.wahl {
	margin:	2px 0px 2px 20px;
}

div#werbung {
	position:	absolute;
	top:		80px;
	left:		760px;
	width:		200px;
	height:		450px;
	border-right:		1px solid #E2C776;
	border-bottom:		1px solid #E2C776;
}