html, body, #logo, #title{
	margin:0;
	padding:0;
	}
	body, #logo, #title{
	font-family : Arial, Helvetica, sans-serif;
	background-image: url(himmel3.png);
	background-repeat: repeat;
	font-size: 14px;
}
#logo {
	background-image: url(Hintgr..png);
	background-repeat: no-repeat;
	background-color: #D7DFEC;
	width: 227px;
	position: absolute;
	height: 225px;
	left: 13px;
	top: 30px;
	float: left;
}

a {
	font-weight : bold;
	text-decoration : none;
}

		#title {
	font-size : 24px;
	font-weight : lighter;
	font-family: "Trajan Pro";
	color: #6633FF;
	display: block;
	float: left;
	width: 12em;
	top: 82px;
	text-align: center;
	height: 5em;
	position: absolute;
	left: 306px;
	}
	#titelbild_klein {
	background-image: url(Titelbild_klein.png);
	background-repeat: no-repeat;
	width: 271px;
	height: 181px;
	position: absolute;
	display: block;
	margin: 10px;
	left: 677px;
	top: 34px;
}
#kopfbild_email {
	background-image: url(Schnecke_klein.gif);
	background-repeat: no-repeat;
	width: 400px;
	height: 335px;
	float: right;
	display: block;
	left: 650px;
	top: 20px;
	position: absolute;
}
	/* Menue */
	#menue {
	width: 216px;
	padding-right: 30px;
	position: absolute;
	height: 282px;
	left: 323px;
	top: 282px;
	
}
	#menue p {
	border-bottom: dotted navy 2px;
	padding :5px;
	font-size: 18px;
	font-weight : bold;
	border-bottom-style: ridge;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	display: block;
	}
	#menue p a {
	color : black;
	}
	#menue p a:hover {color : white}
	/* Blog */
	#blog {
	position: absolute;
	left: 671px;
	top: 277px;
	display: block;
	width: 380px;
	height: 318px;
	}
	#blog ul{
	margin :0px 10px 0px 0px;
	padding : 10px 0px 10px 0px;
	width: 27em;
	}
#blog ul li {
	list-style-type: none;
	margin-bottom: 8px;
	}
	#blog li big{font-size : small; font-weight : 400}
	#blog li small {font-size : 12px}
	#blog a {
	color : maroon;
	
	}
	#blog p a:hover {
	color : #009933;
	background-color: #EBE9ED;
	}
	#forumbild a  {
	height: 39px;
	width: 40px;
	background-color: #D8E0ED;
	}
	#forumbild {
	width: auto;
	float: none;
	}
	#forum_email {
	float: left;
	background-color: #D9E1EE;
	width: auto;
	margin-bottom: 15px;
	}

	#navi {
	font-size: 18px;
	font-family: "Trajan Pro";
	background-color: #D8E0ED;
	background-color: #D8E0ED;
	position: absolute;
	background-position: left;
	width: 20%;
	left: 12px;
	top: 278px;
	}
	#navi ul {
	list-style-type: none;
	margin: 0px 20px 5px 0px;
	padding: 0px 10px 0px 10px;
	background-color: #D9E1EE;
	left: 5px;
	top: 400px;
	width: 168px;
	position: static;
	}
	#navi li {
	margin: 0 4px 15px  0px;
	
	}
	#navi li a:link, #navi li a:visited {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	border-left: 10 px solid;
	border-color: #000099;
	padding: 5px 5px 5px 0.5em;
	display: block;
	width: 100%;
	}
	html>body #navi li a {
	width: auto;
	}
	#navi li a:hover, #navi li a:active, #navi li a:focus {
	border-left-width: 12px;
	color: #4A7B7B;
	border-left-color: #3300FF;
	border-left-style: solid;
	}

	#blog a {
	font-size: 14px;
	color: maroon;
	margin-left: 10px;
	}
	#blog a:hover {
	color: #009933;
	background-color: #EBE9ED;
	}
	#anm_eingabe form{
	position: absolute;
	left: 60px;
	top: 500px;
	float: left;
	}
	h4 {
	color: #FF3333;
	margin: 3em 3em 1em 3em;
	font-size: 14px;
	font-weight: lighter;
	}
	#vorschau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	width: 600px;
	padding-top: 3em;
	padding-right: 3em;
	padding-bottom: 5em;
	padding-left: 5em;
	border: groove;
	}
	#textarea {
	width: 15em;
	}

	b {
	font-size: 14px;
	color: #000000;
	}
	h3 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
	legend {
	font-weight: lighter;
	background-color:#6699FF;
	border: 1px solid;
	padding: 7px;
	width: 10em;
	text-align:center;
	border-color: #000000;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	fieldset {
	border: 1px dotted #FFCC80;
	width: 10em;
	margin: 2em 1em 1em 2em;
	padding: 2em;
}
	
	#bild {
	background-repeat: no-repeat;
	background-image: url(Bild_anm.gif);
	width: 400px;
	position: absolute;
	left: 650px;
	}
	#buttons {
	background-color: #6699FF;
	text-align: center;
	padding: 1em;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	}


	h5 {
	font-size: 14px;
	color: #FF0000;
	}
	.edit_auslesen {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 100px;
	}
	#lilie_zarge {
	background-image: url(Lilie_Zarge.gif);
	height: 337px;
	width: 500px;
	background-repeat: no-repeat;
	position: absolute;
	left: 701px;
	top: 34px;
	}
	#uni {
	background-image: url(Uni.gif);
	height: 712px;
	width: 312px;
	background-repeat: no-repeat;
	position: absolute;
	left: 30px;
	top: 155px;
	margin-top: 30px;
	padding-top: 20px;
	}
	#orchester_1 {
	position: absolute;
	left: 307px;
	top: 382px;
	text-align: left;
	width: 380px;
	display: block
		}
	#orchester_2 {
	position: absolute;
	left: 692px;
	top: 571px;
	width: 380px;
	height: 714px;
	}
	#orchester_1 li a {
	color: #0033FF;
	}
	#orchester_2 li a {
	color: #0033FF;
	}
	#orchester_1 li a:link, #orchester_2 li a:link, #orchester_1 li a:visited, #orchester_2 li a:visited {
	color: #0000CC;
	}
	#orchester_1 li a:hover, #orchester_2 li a:hover, #orchester_1 li a:active, #orchester_2 li a:active, #orchester_1 li a:focus, #orchester_2 li a:focus {
	color: #770800;
	margin-top: 0.3em;
	}	
	#orchester_1 li, #orchester_2 li {
	margin: 6px;
	}
	h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #971400;
	left: 350px;
	top: 332px;
	position: absolute;
	width: 190px;
	height: 28px;
	}
	#email {
	color: #663399;
	margin: 10px 30px 30px 30px;
	width: 300px;
	position: absolute;
	top: 390px;
	left: 603px;
	}
	
	#quer_groß {
	background-image: url(Quer_groß.gif);
	width: 600px;
	height: 402px;
	}
	#frauenkirche {
	background-image: url(Frauenkirche2.gif);
	background-repeat: no-repeat;
	width: 257px;
	height: 355px;
	margin-top: 60px;
	float: left;
	position: absolute;
	left: 263px;
	top: 282px;
	}
	#quer {
	background-image: url(Schnecke_quer.gif);
	width: 300px;
	height: 448px;
	background-repeat: no-repeat;
	}
	
	#impressum {
	first-letter: 18px;
	font-size: 14px;
	color: #000066;
	first-letter: 18px;
	text-align: left;
	display: block;
	letter-spacing: 0.1em;
	font-weight: 500;
	font-family: Trajan Pro;
	margin: 4em 3em 3em 5em;
	padding: 5em;
	background-color: #FFFFFF;
	}
	#impressum p {
	display: block;
	}
	#schnecke2 {
	background-image: url(sch.gif);
	background-repeat: no-repeat;
	width: 400px;
	}
	#impressum p:first-letter {
	font-size: 18px;
	}
	#portrait {
	background-image: url(portrait.gif);
	background-repeat: no-repeat;
	width: 270px;
	}
	span {
	color: #FF0000;
	font-size: 14px;
	}

* CSS Document */