@charset "utf-8";

* { margin: 0; padding: 0 }
a { outline:0 }
a img { border: 0; text-decoration: none }
body { font: 100.01%/1.4em Arial, Helvetica, sans-serif; color: #202020; padding-bottom: 3em;
background: white url(/images/kachel.jpg) top left repeat-x; _text-align: center }

#container { margin: 0 auto; width: 719px; padding-top: 137px; position: relative; _text-align: left }
h1 { position: absolute; top: 137px; left: 0; width: 100%; height: 250px; text-indent: -10000px;
background: white url(/images/bg-h1.jpg) top left no-repeat; z-index: 0 }
h2 { text-indent: -10000px; width:716px; height: 26px; position: absolute; left: 0; top: 90px;
	background: white url(/images/logo_mitte.jpg) top left no-repeat; z-index: 1 }

#menu { list-style: none; line-height: 1.8em; font-size: .6em; width: 100%; padding-top: 25px;
background: white url(/images/bg-menu.jpg) top left no-repeat }
#menu li { float: left; width: 94px; border: 1px solid #a9a9a9; margin-right: 5px; margin-bottom: 5px; text-align: center }
#menu li a { display: block; text-decoration: none; text-transform: uppercase; color: #202020;
	background: #f2f2f2; _height: 1% }
#menu li a:hover, #menu li a.active { background: #d9d9d9 }

#content { background: transparent url(/images/bg-content.gif) 0 0 repeat-y;
min-height: 205px; padding-top: 145px; padding-left: 80px; padding-bottom: 10px; _height: 205px; position: relative }
#content h3 { font-size: .9em; font-weight: normal; width: 460px }
#content h4 { font-size: .9em; padding-top: 1.4em; width: 460px }
#content p { font-size: .7em; width: 460px; line-height: 1.4em; padding-top: .8em }
#content ul { font-size: .7em; width: 460px; line-height: 1.4em; padding-top: .8em }

#content #unterstuetzer { position: absolute; right: 20px; bottom: 5px; width: 130px }
#content #unterstuetzer h5 { font-size: .6em; font-weight: normal; text-align: right }
#content #unterstuetzer ul { list-style: none; width: auto; list-style: none }
#content #unterstuetzer ul li { padding: 0 0 0 0; text-align: right }
#content #unterstuetzer ul li img { margin-right: 0 }

#content #partner { list-style: none }
#content #partner li { float: left; clear: left; width: 100%; padding: 1em 0 }
#content #partner li img { vertical-align: middle; margin-right: 1.4em }
#content #partner li a { float: left; width: 150px }

#content #referenten li { padding-bottom: 1.5em }
#content #referenten li h4 { font-size: 1em; padding: 0; width: auto; padding-right: 5em }
#content #referenten li p { font-size: 1em }
#content #referenten li img { float: right; margin: 1em 0 1.5em 2em; border: 1px solid #ddd }
#content #referenten li h5 { font-size: 1em }
#content #referenten li ul { font-size: 1em; padding: 0; margin-left: 1.2em }
#content #referenten li ul li { padding: 0 }

#content form fieldset { border: 0px none }
#content form fieldset legend { display: none }
#content form fieldset label { font-size: .7em; text-transform: uppercase; width: 55px; margin-right: 15px;
text-align: right; float: left; clear: left; padding-bottom: 1em }
#content form fieldset input { width: 150px; border: 1px solid #a9a9a9;
background: #f2f2f2; margin-bottom: 1em; float: left }
#content form fieldset p { text-transform: uppercase; padding-bottom: 1em }
#content form fieldset p span { width: 55px; float: left; text-align: right; margin-right: 15px }
#content form fieldset p label { font-size: 1em; width: auto; float: none; padding: 0; clear: none }
#content form fieldset p input { width: auto; vertical-align: middle; float: none; margin: 0; border: 0px none;
background: white }
#content form fieldset div { width: 245px; float: left }
#content form fieldset input.button { clear: left; width: auto; font-size: 9px;
text-transform: uppercase; background: #d9d9d9; padding: 1px 1.4em; cursor: pointer; margin-left: 70px }

ul#error { list-style: none }
ul#error li { color: red; font-weight: bold; padding: 0 }

#content #programm { list-style: none }
#content #programm li { padding: 0; padding-bottom: .4em; padding-left: 11em }
#content #programm li strong { width: 11em; display: block; float: left; margin-bottom: .3em; margin-left: -11em }
#content #programm li em { font-weight: bold; font-style: normal }

#content #bilder { list-style: none; padding: 1em 0; width: 400px }
#content #bilder li { float: left; line-height: 0; padding: 1px }

#content div.google-map, #content div.google-map .map { border: 1px solid #ccc; width: 550px; height: 320px }
#content div.google-map .map { border: 0px none; border-bottom: 1px solid #ccc; height: 250px }
#content div.google-map label, #content div.google-map p { text-transform: none; width: auto; margin: 0; padding: 0 }
#content div.google-map fieldset { padding: 15px }
#content div.google-map fieldset label { vertical-align: middle; float: none }
#content div.google-map fieldset input { width: auto; vertical-align: middle; float: none; margin: 0 0 0 5px }
#content div.google-map fieldset #saddr01 { width: 250px }
