body													{ margin: 0px; padding: 0px; text-align: center; font-family: arial, verdana, sans-serif; font-size: 12px }
a															{ text-decoration: none; color: #687f8d }
a:hover												{ text-decoration: underline; color: #687f8d }
strong												{ color: #1e3180; font-size: 14px; font-weight: bold }
ul														{ margin: 0px 15px; padding: 0px; list-style-type: square }
li														{ margin: 0px; padding: 0px }
h1, h2, h3										{ color: #687f8d }
hr														{ border: 0px; height: 2px; background: #d9dfe2 }

.site													{ margin: 0px auto; width: 1000px; text-align: left }
.header												{ position: relative; margin: 20px }
#header_overlay								{ position: absolute; top: 0px; bottom: 3px; left: 0px; right: 0px; background: url(../images/layout/semi_transparent.png); display: none; }
.logo													{ position: absolute; left: 40px; top: 40px }
.topnavi											{ position: absolute; right: 40px; top: 40px }
.navipunkt										{ float: left; margin-left: 2px; height: 122px; background: url(../images/layout/subnavi_bg.gif) repeat-x }
.navipunkt_over								{ float: left; margin-left: 2px; height: 122px; background: url(../images/layout/subnavi_bg_over.gif) repeat-x }
.veranstaltungen							{ position: absolute; top: 84px; left: 2px }
.projektenavi									{ position: absolute; top: 122px; left: 2px; right: 0px; background: #d9dfe2; height: 120px; font-weight: bold; z-index: 10 }
.navicontent									{ margin: 20px; font-size: 12px }
.navicontent ul								{ color: #687f8d }
.subnavipunkt									{ line-height: 0px }
.suche												{ background: #d9dfe2; width: 120px; margin-top: 4px }
.suchbegriff									{ float: left; color: #687f8d; font-size: 12px; font-family: arial, verdana, sans-serif; border: 0px; background: #d9dfe2; margin: 1px 2px }
.suchlupe											{ float: right; margin: 1px 2px 0px 0px }
.main													{ margin: 40px 20px 0px 20px }
.left													{ float: left; width: 436px; margin-right: 40px; padding-bottom: 40px }
.right												{ float: right; width: 484px; padding-bottom: 40px }
.klappdetail									{ display: none }
.headline											{ margin-bottom: 25px }
.bild_links										{ float: left; margin: 0px 10px 10px 0px }
.pfeil_rechts									{ margin: 0px 0px 0px 10px }
.galeriethumb									{ float: left; margin: 10px 10px 0px 0px; padding: 4px; border: 1px solid #d9dfe2; line-height: 0px }
.bildunterschrift							{ color: #687f8d; background: #d9dfe2; padding: 10px; margin-top: 2px }
.rightnavi										{ margin: 40px 0px 0px 0px; padding: 0px 0px; width: 484px }
.rightnavi li									{ float: left; padding: 0px; list-style: none; background: #d9dfe2; margin: 0px 0px 2px 0px; border-right: 2px solid #ffffff }
.rightnavi li a								{ display: block; width: 159px; padding: 18px 0px; font-weight: bold; font-size: 12px }
.list-square									{ float: left; width: 6px; height: 6px; background: #687f8d; margin: 5px 5px 0px 20px }
.footer												{ clear: both; background: #d9dfe2; padding: 20px 40px; margin: 20px; font-size: 12px }
.top													{ float: right }
.fussspalte										{ width: 230px; float: left; padding-bottom: 10px }
.copyright										{ clear: both; border-top: 1px solid #fff; padding-top: 10px }

.veranstaltung								{ padding: 0px 0px 20px 0px }
.veranstaltung .datum					{ float: left; border: 10px solid #d9dfe2; width: 80px; height: 80px; text-align: center; color: #687f8d }
.veranstaltung .tag						{ font-size: 40px }
.veranstaltung .monat_jahr		{ font-size: 12px; font-weight: bold }
.veranstaltung .detail				{ margin-left: 110px }

.slidecontainer								{ position: relative }
.slideunterschrift						{ position: absolute; bottom: 3px; right: 0px; left: 0px; background: url(../images/layout/semi_transparent.png); padding: 15px 20px 15px 20px; z-index: 2; color: #d9dfe2; font-weight: bold }
.slidename										{ position: absolute; margin: 30px; padding: 10px 10px; background: #ffffff }
.slidedetailcontainer					{ position: absolute; padding: 30px 30px 60px 30px; background: url(../images/layout/semi_transparent.png); display: none; z-index: 3 }
.slidedetail									{ padding: 10px 10px; background: #d9dfe2 }
.slidecontainer h1						{ color: #687f8d; margin: 0px; font-size: 18px; font-weight: normal }
.slidebg, .slidename					{ z-index: 1 }
.karmic_flow_container				{ width: 484px; height: 200px; overflow: hidden; position: relative }
.karmic_flow_slider, .karmic_flow_slider li { list-style:none; margin: 0px; padding: 0px }
.karmic_flow_slider						{ overflow: hidden; position: relative }
.karmic_flow_slider li				{ float: left; position: relative; overflow:hidden; cursor: pointer }
.karmic_flow_controller_container	{ position: absolute; top: 160px; right: 0px; left: 0px; background: url(../images/layout/semi_transparent.png); padding: 15px 0px 15px 40px; z-index: 2 }
.karmic_flow_controller				{ float: left; display: block; width: 10px; height: 10px; background: #687f8d; margin-right: 5px }
.karmic_flow_controller_selected	{ float: left; display: block; width: 10px; height: 10px; background: #ffffff; margin-right: 5px }

fieldset											{ margin-bottom: 20px; border: 1px solid #d9dfe2 }
legend												{ font-weight: bold; border: 1px solid #d9dfe2; padding: 2px 5px; color: #687f8d }
.formlegend										{ vertical-align: top; width: 130px }
.formular											{ width: 300px; border: 1px solid #d9dfe2; padding: 2px; margin: 2px 0px; color: #687f8d; font-size: 12px; font-family: arial, verdana, sans-serif }
.formularerror								{ width: 300px; border: 1px solid #ff0000; padding: 2px; margin: 2px 0px; color: #687f8d; font-size: 12px; font-family: arial, verdana, sans-serif }
.formularbutton								{ width: 120px; background: #d9dfe2; font-size: 12px; font-family: arial, verdana, sans-serif; font-weight: bold; color: #687f8d; margin: 2px 0px; padding: 2px 0px; border: 1px solid #687f8d }