html, body {
	font-family: Verdana, Geneva, sans-serif;
	height: 100%;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.2em;                        /* dunkelgrau */
	background-color: #FFF;
	color: #3F3C39;
	margin-top: 0px;
	margin-left: 0px;
}

/*
#distance {
	height: 50%;
	margin-bottom: -470px;
}
*/

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 2em;
	line-height: 1.5em;
	color: #637d74;                        /* blaugrau */
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 {
	font-family: Verdana, sans-serif;
	font-size: 1.7em;
	line-height: 2em;
	color: #F7F8F8;                        /* hellgrau */
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	color: #3F3C39;                        /* dunkelgrau */
	margin-top: 0px;
	margin-bottom: 0px;
}
h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.75em;
	line-height: 1.1em;
	color: #3F3C39;                        /* dunkelgrau */
	margin-top: 10px;
	margin-bottom: 0px;
}
h5 {
	font-family: Verdana, sans-serif;
	font-size: 1.4em;
	line-height: 2em;
	color: #637d74;                        /* blaugrau */
	margin-top: 0px;
	margin-bottom: 0px;
}

hr {
	width: 50%;
	margin-top: 20px;
	float: left;
	margin-bottom: 15px;
}

p {
	font-family: Verdana, sans-serif;
	font-size: 0.75em;
	line-height: 1.1em;
	color: #3F3C39;                        /* dunkelgrau */
	margin-top: 5px;
	margin-bottom: 0px;
}
a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #8c3232;                        /* rot */
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
a:hover {
	color: #637d74;                        /* blaugrau */
}
img {
	border: 0px;
}
.trenner {
	clear: both;
}
#background {
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	position: fixed;
	z-index: -1;
	height: 100%;
}
#wrapper {
	display: table;
	height: 850px;
	width: 1000px;
	margin-top: 0px;
	margin-left: 150px;
	padding-top: 20px;
}
#header {
	height: 178px;
	width: 1000px;
	margin-left: -5px;
}
#navigation {
	height: 55px;
	width: 1000px;
	margin-top: -9px;
	margin-bottom: 3px;
}
#menuleiste {
	height: 45px;
	width: 1000px;
	margin-top: 10px;
}
#block_links {
	background-color: #637d74;
	float: left;
	height: 28px;
	width: 77px;
	margin-top: 4px;
	margin-right: 2px;
}
#menu_programm {
	float: left;
	height: 45px;
	width: 145px;
	margin-right: -16px;
}
#menu_ueberuns {
	float: left;
	height: 45px;
	width: 131px;
	margin-right: -16px;
}
#menu_galerie {
	float: left;
	height: 45px;
	width: 121px;
	margin-right: -16px;
}
#menu_akt {
	float: left;
	height: 45px;
	width: 190px;
	margin-right: -16px;
}
#menu_impressum {
	float: left;
	height: 45px;
	width: 145px;
	margin-right: -16px;
}
#menu_kontakt {
	float: left;
	height: 45px;
	width: 125px;
	margin-right: -16px;
}
#block_rechts {
	height: 28px;
	width: 156px;
	background-color: #637d74;
	float: right;
	margin-top: 4px;
}
.innen {
	height: 64px;
	width: 130px;
	position: absolute;
	margin-left: 15px;
	margin-top: -10px;
	display: none;
	margin-bottom: 0px;
}

.aussen:hover .innen {
	display: block;
}

#content {
	height: 500px;
	width: 1000px;
	display: table;
}
#inhalt_main {
	height: 450px;
	width: 655px;
	margin-right: 15px;
	float: left;
	background-image: url(../images/bg_weiss.png);
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 10px;
	display: table;
	margin-bottom: 50px;
}
#inhalt_block {
	height: 450px;
	width: 655px;
	display: table;
	margin-bottom: 50px;
}

#inhalt_sub {
	float: left;
	height: 400px;
	width: 290px;
	display: table;
	margin-bottom: 50px;
}

#sub_head {
	font-family: Verdana, Geneva, sans-serif;
	background-image: url(../images/kopf_spalte.png);
	text-align: center;
	height: 60px;
	width: 290px;
	padding-top: 0px;
}

#sub_content {
	display: table;
	height: 200px;
	width: 250px;
	padding:20px;
	background-image: url(../images/bg_weiss.png);
}


/* HIER BEGINNT DIE AUSZEICHNUNG FÜR AKTUELL */

#sub_content_aktuell {
	display: table;
	height: 200px;
	width: 290px;
	padding:20px;
	background-image: url(../images/bg_weiss.png);
}
/* ENDE DER AUSZEICHNUNG FÜR AKTUELL */



/* HIER BEGINNT DIE AUSZEICHNUNG FÜR DEN RÜCKBLICK */

#sub_content_blick {
	display: table;
	height: 600px;
	width: 250px;
	padding:20px;
	background-image: url(../images/bg_weiss.png);
}
.img_float {
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

#sub_content_blick hr {
	color: #3F3C39;
	width: 240px;
	margin-top: 5px;
}
#sub_content_blick p {
	font-size: 0.7em;
	line-height: 1.1em;
	width: 240px;
}
#sub_content_blick h4 {
	line-height: 12px;
	margin: 0px;
}
.blickbox {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	margin-bottom: 4px;
}
.blickmehr {
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	width: 30px;
}
#sub_content_blick img {
	width: 100%;
}
/* ENDE DER AUSZEICHNUNG FÜR DEN RÜCKBLICK */


/* HIER BEGINNT DIE AUSZEICHNUNG FÜR DAS IMPRESSUM */

#sub_content_impress {
	display: table;
	height: 200px;
	width: 250px;
	padding:20px;
	background-image: url(../images/bg_weiss.png);
}
#sub_content_impress p {
	font-size: 0.6em;
	line-height: 1.2em;
}
#sub_content_impress h4 {
	font-size: 0.6em;
}
#sub_content_impress hr {
	clear: both;
	width: 240px;
}
#inhalt_block_impress p {
	font-size: 0.7em;
	line-height: 1.2em;
}

#inhalt_block_impress {
	height: 450px;
	width: 655px;
	display: table;
	margin-bottom: 50px;
}
/* ENDE DER AUSZEICHNUNG FÜR DAS IMPRESSUM */



/* HIER BEGINNT DIE AUSZEICHNUNG FÜR KONTAKT */

#sub_content_kontakt {
	display: table;
	height: 200px;
	width: 250px;
	padding:20px;
	background-image: url(../images/bg_weiss.png);
}
#sub_content_kontakt p {
	font-size: 0.6em;
	line-height: 0.9em;
}
#sub_content_kontakt h4 {
	font-size: 0.6em;
	line-height: 0.9em;
	margin-top: 5px;
	margin-bottom: 12px;
}
#inhalt_block_kontakt {
	height: 450px;
	width: 655px;
	display: table;
	margin-bottom: 50px;
}
#inhalt_block_kontakt p {
	font-size: 0.7em;
	line-height: 1em;
}
.txt_nebeneinander {
	float: left;
	margin-right: 60px;
}

#inhalt_block_kontakt table tr td p {
	font-size: 0.7em;
	line-height: 0.7em;
}
#megaphon {
	float: right;
	height: 100px;
	width: 150px;
	margin-top: -45px;
}

.zurgalerie {
	font-family: Verdana;
	background-color: #FF99CC;
	width: 100px;
	float: left;
	margin: 10px;
}


/* ENDE DER AUSZEICHNUNG FÜR KONTAKT */


/* HIER BEGINNT KONTAKTFORMULAR */

.font-big {
	font-family:Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}
.font-small {
	font-family:Verdana, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#000000;
}
.table {
	width:100%;
}
.table2 {
	width:100%;
}
.head {
	background-image: url(../images/kopf_spalte.png);
	background-repeat: repeat-x;
}
.main {
	font-family:Verdana, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background-color: #E0E5E3;
}
.foot {
	background-image: url(../images/kopf_spalte.png);
	background-repeat: repeat-x;
}
.align {
 text-align:left;
}
.textarea {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 font-size:12px;
 font-weight: normal;
 border : 1px solid #808080;
}
.input {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 border : 1px solid #808080;
 font-size:12px;
}
.select {
 background-color:#ECECEC;
 color:#000000;
 font-family : Verdana, Helvetica, sans-serif;
 border : 1px solid #808080;
 font-size:12px;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
 border : 1px solid #000000;
}
.button {
 width: 130px;
}

/* HIER ENDET KONTAKTFORMULAR */


/* HIER BEGINNT AKT DES MONATS */

#sub_content_akt {
	display: table;
	height: 560px;
	width: 290px;
	background-image: url(../images/bg_weiss.png);
}
#bebelplatz {
	background-image: url(../images/platz1_klein.jpg);
	width: 655px;
	height: 437px;
}
#inhalt_block_akt {
	height: 450px;
	width: 655px;
	display: table;
	margin-bottom: 9px;
}
#tonne {
	position:absolute;
	left:1015px;
	top:745px;
	width:113px;
	height:104px;
	z-index:1;
}
#muell {
	position:absolute;
	left:1019px;
	top:667px;
	width:119px;
	height:63px;
	z-index:2;
}
#fahrrad {
	position:absolute;
	left:1067px;
	top:538px;
	width:60px;
	height:41px;
	z-index:3;
}
#leiter {
	position:absolute;
	left:883px;
	top:688px;
	width:124px;
	height:169px;
	z-index:4;
}
#mann {
	position:absolute;
	left:870px;
	top:370px;
	width:48px;
	height:117px;
	z-index:5;
}
#taube_gr {
	position:absolute;
	left:909px;
	top:309px;
	width:237px;
	height:220px;
	z-index:6;
}
#taube_kl {
	position:absolute;
	left:968px;
	top:600px;
	width:54px;
	height:50px;
	z-index:7;
}
#taube_sitzt {
	position:absolute;
	left:873px;
	top:590px;
	width:91px;
	height:86px;
	z-index:8;
}
#winken {
	position:absolute;
	left:872px;
	top:504px;
	width:50px;
	height:78px;
	z-index:9;
}
#zeitung {
	position:absolute;
	left:1039px;
	top:589px;
	width:73px;
	height:59px;
	z-index:10;
}
#auto {
	position:absolute;
	left:942px;
	top:536px;
	width:85px;
	height:51px;
	z-index:11;
}
/* HIER ENDET AKT DES MONATS */


/* HIER BEGINNT DIE GALERIE */

#accordeon {
	height: 50px;
	width: 655px;
	display: table;
	margin-bottom: 20px;
}
#sub_content_gal {
	height: 350px;
	width: 290px;
	padding:0px;
	background-image: url(../images/bg_weiss.png);
}

.galerie_raster {
	float: left;
	height: 50px;
	width: 50px;
	margin-right: 10px;
}
#galerie_01 {
	height: 50px;
	width: 250px;
	visibility: hidden;
	display: table;
	position: relative;
	left: 20px;
	top: 20px;
}
#galerie_02 {
	height: 50px;
	width: 250px;
	visibility: hidden;
	display: table;
	position: relative;
	left: 20px;
	top: -80px;
}
#galerie_03 {
	height: 50px;
	width: 250px;
	visibility: hidden;
	display: table;
	position: relative;
	left: 20px;
	top: -280px;
}
#galerie_04 {
	height: 50px;
	width: 250px;
	visibility: hidden;
	display: table;
	position: relative;
	left: 20px;
	top: -430px;
}
#galerie_05 {
	height: 50px;
	width: 250px;
	visibility: hidden;
	display: table;
	position: relative;
	left: 20px;
	top: -530px;
}
#galerie_06 {
	height: 50px;
	width: 250px;
	visibility: hidden;
	display: table;
	position: relative;
	left: 20px;
	top: -680px;
}
#galerie_07 {
	height: 50px;
	width: 250px;
	visibility: hidden;
	display: table;
	position: relative;
	left: 20px;
	top: -780px;
}
