body {
	padding:0;
	margin:0;		/* necesarry for the raster to fill the screen */
	overflow:auto; 		/* needed to no eliminate scrollbars caused by the background image */
	height:100%;
	width:100%;
	font-size: 11px;
	color:#000;
	line-height: 20px;
	font-family: Verdana, Geneva, sans-serif;
}

a:link {
	color: #4C281A;
	text-decoration: none;
}

a:visited {
	color: #09C;
	text-decoration: none;
}

a:hover {
	color: #906;
	text-decoration: none;
}

/* Wird die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */

a:focus {
	outline: none;
}

#bgimg {
	position:absolute;
	z-index: -2;
}


/* content start- */
#mainnavi {
	background-color:#EDE8D2;
	float: left;
	width: 180px;
}

#mainnavi li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#666;
	float: left;
	list-style-type: none;
	width: 180px;
	border-bottom: 1px;
	border-bottom-style:dotted;
	border-bottom-color:#000;
}

#mainnavi li a, #navigation li a:visited {
	background-color:#FFF;
	color: #a1a1a1;
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	text-indent: 20px;
	text-decoration: none;
	position: relative;
	width: 180px;
	z-index: 10;
}

#mainnavi li a:hover {
	background: #EDE8D2;
	color: #000;
	text-decoration: none;
}

#mainnavi li a.active {
	background: #fff;
	color: #C03;
	text-decoration: none;
}

#hauptinformation {
	position:relative;
	top: 70px;
	left: 150px;
	width: 450px;
	background-color:#CCC;
	opacity: 0.80;	/* Webkit und Opera  */
	-moz-opacity: 0.80; /* Mozilla Browser */
	filter:alpha(opacity=80); /* Internet Explorer */
	z-index: 3;
}
.spaltemitte {
	overflow: auto; /* scroll right  */
	margin-left: 10px;
	width: 430px;
	height: auto;
}

#transparenz {
  opacity: 0.80; /* Webkit und Opera  */
  -moz-opacity: 0.80; /* Mozilla Browser */
  filter:alpha(opacity=80); /* Internet Explorer */
}

.iphoneicon{
	position: absolute;
	position:fixed;
	margin-top: 10px;
	margin-left: 10px;
	width: 30px;
	hight: 30px
	z-index: 30;
}

.spalterechts {
	position: absolute; /* Insert Foto  */
	position:fixed;
	margin-top: 100px;
	margin-left: 800px;
	width: 240px;
	background: #fff;
	padding: 5px 5px 0px 5px;
}

/* content end---------------- */
	
/* ~~ Stile für die Fußzeile ~~ */
.footer {
	width: 100%;
	height: 25px;
	background: #000;
	position: relative;
	z-index: 10;
	left: 0px;
	bottom:0px;
	clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
}

.textfooter {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding: 2px 0 0 0;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: left;
	color:#000;
	margin-top: 20px;
	margin-bottom: 20px;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
	color:#666;
	border-bottom: 1px dotted #666;
	font-style: normal;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
	color: #666;
	border-bottom: 1px dotted #666;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-bottom: 14px;
	color: #000;
	border-bottom: 1px dotted #666;
}

h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-bottom: 14px;
	color: #000;
	border-bottom: 1px dotted #666;
}