body {
	background-color: teal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: black}
	
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold}

#website {
	width:1000px;
	height:500px;
	left: 50%;
	margin-left: -500px;
	top: 50%;
	margin-top: -250px;
	background-color: teal;
	text-align: left;
	position: absolute}
	
#website2 {
	background-image: url(./bilder-template/hintergrund.jpg);
	background-repeat: no-repeat;}

#ueberschrift table {
	width:100%;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
	color: white;}

#ueberschrift td.left {
	text-align: left;
	width:30%;}

#ueberschrift td.right {
	text-align: right;
	width:70%;}

#menue {
	top: 30px;
	position: relative;}

#menue img {
	border: 0;}
	
#menue td {
	text-align: center;
	vertical-align: bottom;}
	
#menue td.selected {
	background-color: lightgrey;}

#menue td.selected a {
	color: black;}
	
#menue td a {
	font-size: 8pt;
	text-decoration: none;
	color: white;
	line-height:15px;}

#menue td a:hover {
	text-decoration: none;
	color: yellow;
	line-height:15px;}

#content1 {
	top: 150px;
	width:172px;
	height:286px;
	position: absolute;
	padding: 0, 10px;
	line-height: 1.7;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	background-color: lightgrey;}

#content1 p.left {
	text-align: left;
	background-color: lightgrey;}

#content1 p.small {
	line-height: 0.9;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;}

#content1 p.smallbold {
	line-height: 0.9;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;}

#content1 p.smallphilosophie {
	line-height: 0.6;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;}

#content1 p a {
	font-size: 8pt;
	text-decoration: none;
	color: black;}

#content1 p a.big {
	font-size: 13pt;
	text-decoration: none;
	color: black;}

#content1 p a.selected {
	text-decoration: none;
	color: red;}

#content1 p a.selectedbig {
	font-size: 13pt;
	text-decoration: none;
	color: red;}

#content1 p a:hover {
	text-decoration: none;
	color: red;}

#content2 {
	top: 150px;
	left: 196px;
	width:350px;
	height:286px;
	position: absolute;
	line-height: 1.7;
	font-size: 13pt;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	background-color: lightgrey;}

#content2 p.small {
	line-height: 1.0;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;}
	
#content2 p.normal {
	font-weight: normal;}

#content2 p.philosophie {
	line-height: 1.1;
	font-size: 13pt;
	font-weight: normal;}

#content2 table.small {
	width:90%;
	line-height: 1.2;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;}

#content2 td.left {
	width:30%;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;}
	
#content2 td.lefts2 {
	width:70%;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;}

#content3 {
	top: 150px;
	left: 571px;
	width:429px;
	height:286px;
	position: absolute;}
	
#content3 p.background {
	background-color: lightgrey;
	width:429px;
	height:286px;
	color: black;}

#subcontent3 {
	top: 445px;
	left: 571px;
	width:428px;
	height:20px;
	position: absolute;
	font-size: 7pt;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: white;}