body, html
{
	background:		white;
	color:			#A09E88;
	font-size:		11pt;
	font-family:	Verdana, sans-serif;
	width:			100%;
	margin:			1ex 0 0 0;
}

/* 
div { border: solid black thin; }
*/

textarea
{
	font-family:	Verdana, sans-serif;
	font-size:		10pt;
}

div#page
{
	position:		relative;
	width:			126.2ex;
	height:			71.5ex;
	margin:			auto;
}

a
{
	color:			#A09E88;
	text-decoration:	none;
}

a:hover
{
	color:			black;
}

img
{
	border:			none;
}

/* *** */

a.logo
{
	display:		inline;
}

img.logo, img.text
{
	width:			214px;
}

img.text
{
	position:		absolute;
	top:			9.7ex;
	left:			1ex;
}

#logo
{
	position:		absolute;
	top:			-100px;
	right:			-15px;
}

#logo p
{
	margin:			-0.5ex 0 0 0;
	padding:		0;
	font-size:		12px;
	white-space:		nowrap;
}

/* **** */

div.navigation *
{
	margin:			0;
	padding:		0;
	font-size:		9pt;
}

div.navigation * + *
{
	margin-top:		0.5ex;
}

div.navigation a
{
	display:		block;
}

div.navigation p.bereich
{
	font-weight:		bold;
}

div.navigation * + p.bereich
{
	margin-top:		1ex;
}

div.navigation p.aktiv
{
	color:			black;
}

div#navigation_offline
{
	position:		absolute;
	top:			17.5ex;
	left:			28ex;
	padding-right:		1ex;
}

div#navigation_online
{
	position:		absolute;
	top:			35ex;
	left:			28ex;
	padding-right:		1ex;
}
div#navigation_inline
{
	position:		absolute;
	top:			52ex;
	left:			28ex;
	padding-right:		1ex;
}
/* *** */

div#brandung
{
	position:		absolute;
	top:			15ex;
	left:			10ex;
	width:			16.3ex;
}
div#menue_oben
{
	position:		absolute;
	top:			0;
	right:			0;
	width:			16.3ex;
	height:			16.3ex;
}

div#menue_oben img
{
	position:		absolute;
	top:			0;
	left:			0;
	width:			16.3ex;
}

div#menue_oben p
{
	position:		absolute;
	top:			7ex;
	left:			0;
	
	margin:			0;
	width:			16.3ex;
	text-align:		center;	
}

div#menue_mitte
{
	position:		absolute;
	top:			16.3ex;
	right:			0;
	width:			16.3ex;
	height:			16.3ex;
}

div#menue_mitte img
{
	position:		absolute;
	top:			0;
	left:			0;
	width:			16.3ex;
}

div#menue_mitte p
{
	position:		absolute;
	top:			7ex;
	left:			0;
	
	margin:			0;
	width:			16.3ex;
	text-align:		center;	
}

div#menue_unten
{
	position:		absolute;
	top:			32.3ex;
	right:			0;
	width:			16.3ex;
}

div#menue_unten img
{
	position:		absolute;
	top:			0;
	left:			0;
	width:			16.3ex;
}

div#menue_unten p
{
	position:		absolute;
	top:			11ex;
	left:			0;
	
	margin:			0;
	width:			16.3ex;
	text-align:		center;	
}

/* ** Impressum ** */

#impressum
{
	position:		absolute;
	bottom:			0;
	/* top:			16.5ex; */
	left:			1.2ex;
	margin:			0;
	padding:		0;
	font-size:		10pt;
}
img#leuchtturm
{
	position:		absolute;
	bottom:			1em;
	left:			1.2ex;
	width:			5ex;
}

/* ** Feld ** */

div#feld, div#startfeld
{	
	position:		absolute;
	top:			0.5ex;
	left:			55ex;
	width:			71ex;
	height:			71ex;
	overflow:		visible;
	margin:			0;
	padding:		0;
}

.feld_nw
{
	position:		absolute;
	top:			0;
	left:			0;
	width:			35.5ex;
	height:			35.5ex;
	overflow:		hidden;
}
.feld_no
{
	position:		absolute;
	top:			0;
	left:			35.5ex;
	width:			35.5ex;
	height:			35.5ex;
	overflow:		hidden;
}
.feld_sw
{
	position:		absolute;
	top:			35.3ex;
	left:			0;
	width:			35.5ex;
	height:			35.5ex;
	overflow:		hidden;
}
.feld_so
{
	position:		absolute;
	top:			35.3ex;
	left:			35.5ex;
	width:			35.5ex;
	height:			35.5ex;
	overflow:		hidden;
}

div.feld_nw
{
	background:		white;
	padding:		0 0.5ex 0.5ex 0;
	width:			35ex;
	height:			35ex;
}
div.feld_no
{
	background:		white;
	padding:		0 0 0.5ex 0.5ex;
	width:			35ex;
	height:			35ex;
}
div.feld_sw
{
	background:		white;
	padding:		0.5ex 0.5ex 0 0;
	width:			35ex;
	height:			35ex;
}
div.feld_so
{
	background:		white;
	padding:		0.5ex 0 0 0.5ex;
	width:			35ex;
	height:			34.7ex;
}

/* *** */

div#feld h1
{
	font-size:		10.5pt;
	margin:			0;
	padding:		0;
}

div#feld h2
{
	font-size:		10pt;
	margin:			0 0 1ex 0;
	padding:		0;
}
div#feld p
{
	font-size:		10pt;
	line-height:		1.3em;
	margin:			0;
	padding:		0;
}

div#feld * + p
{
	margin-top:		1ex;
}

div#feld p.claimthema
{
	font-size:		10pt;
}

div#feld p.claim
{
	font-size:		9pt;
	margin:			2ex 3ex 2ex 3ex;
	text-indent:		-2ex;
}

div#feld p.claimspruch
{
	font-size:		12pt;
	font-weight:	500;
	color:			black;
}

/* *** */

div.referenz_navigation
{
}
div.referenz_navigation span, div.referenz_navigation a
{
	margin:			0;
	padding:		0;
	font-size:		8pt;
}

div.referenz_navigation .number
{
	font-weight:		500;
	width:			140px;
	font-size:		10pt;
}

div.referenz_navigation img.zurueck
{
	position:		relative;
	top:			2px;
	padding-right:		1ex;
}

div.referenz_navigation img.vor
{
	position:		relative;
	top:			2px;
	padding-left:		1ex;
}

div.referenz_navigation .link
{
	margin-left:		1ex;
	display:		inline;
}
div.referenz_bild
{
	position:		absolute;
	bottom:			0;
	left:			0;
	max-height:		32ex;
	overflow:		hidden;
}

div.referenz_bild img
{
	width:			35ex;
	max-height:		32ex;
}

/* **** */

div#feld p.error
{
	color:			red;
}

div#feld ul
{
	font-size:		11px;
	margin:			2px 30px 0 0;
}

img.meer
{
	position:		absolute;
	bottom:			0px;
	right:			0px;
}