@charset "utf-8";
* {	margin: 0px; padding: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; }
body { background-color: #e9f3f2; text-align: center; color: #383d3d; font-size:100%; }

h1 { font-size: 1.50em; color: #004840; font-weight: normal; }
h2 { font-size: 1.13em; padding-top: 18px; color: #ee540d; line-height: 1.6em; font-weight: normal; clear: both; }
p,h3,h4 { font-size: 0.75em; line-height: 1.8em; padding-top: 18px; }
h3 { color: #407670; }
p.clear { clear: both; width: 960px; }
p.flat { height: 1px; line-height: 1px; font-size:1px; padding: 0px; margin: 0px; }
p.clearflat { height: 1px; line-height: 1px; font-size:1px; padding: 0px; margin: 0px; clear:both; }
p.first { padding: 0px; }
p.paging { border-top: 1px solid #ccd4d3; }
p.paging a { text-decoration: none; background-color: #e9f3f2; }
p.paging strong { background-color: #fff;  }
p.paging a.gxpager, p.paging strong { color: #383d3d; border: 1px solid #ccd4d3; display: block; float: left; height: 30px; width: 30px; text-align: center; line-height: 30px; margin-right: 5px; }
p.date { color: #929c9c; }
p.error { color: #d80015; }
p.optin { color: #ff6c00; }
p.success { color: #ff6c00; }
ul,ol,li { list-style: none; }
img { border: none; }
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { float: right; margin-left: 20px; margin-top: 5px; }
table { border-collapse: collapse; border: 0px; }
td,th,caption { vertical-align: top; }
caption { text-align: left; font-weight: bold; }
abbr, acronym, dfn { cursor: help; }
address { font-style: normal; font-size: 0.75em; line-height: 1.8em; padding-top: 18px; }
strike { color: #ff0000; }
legend { display: none; }
fieldset { border: 0px solid #fff; }
strong.red { color: #ff0000; }
a:link, a:hover, a:active, a:visited { color: #ee540d; outline:0; }
a.back { display: block; }
div.box { margin-top: 20px; padding-left: 20px; padding-bottom: 20px; padding-right: 20px; }
div.box h2 { text-indent: -9999px; overflow: hidden; height: 12px; background-repeat: no-repeat; height: 30px; padding-top: 0px; background-position: bottom left; }
div.box h2#blogbox { background-image: url(../images/h2-fromblog.gif); }
div.box h2#demnaechst { background-image: url(../images/h2-demnaechst.gif); }
div#subcontent div.termin p { padding-top:0px; }
div.green { background-color: #e9f3f2; }
div.green h3 { font-size: 0.69em; color: #407670; }
div.border { border: 1px solid #ccd4d3; }

div.shadow { background: #fff url(../images/shadow.gif) no-repeat; height: 10px; ovewrflow: hidden; }

div.dekoriert { margin-top: 20px; background: #fff url(../images/decoration-line.gif) no-repeat top; }
/* div.termin { padding-top: 20px; }
iv.termin p.date { line-height: 1.20em; color: #407670; display: inline; padding: 15px; text-align: center; background-color: #e9f3f2; margin-right: 20px; float: left; }
div.termin p.info { display: inline; float: left; width: 150px; padding: 0px; }
*/

/* General Container */
div#container { text-align: left; margin: 0px auto; width: 960px; position: relative; background-color: #fff; border-top: 30px solid #e9f3f2; }

div#branding { position: relative; height: 190px; z-index: 0; }
div#branding h1 { position: absolute; top: 50px; left: 50px; height: 40px; width: 285px; background: #fff url(../images/logo.gif) no-repeat; }
div#branding h1 a { display: block;  height: 40px; width: 285px; text-indent: -9999px; }

div#metanavigation {  position: absolute; z-index: 1; width: 275px; height: 15px; top: 45px; left: 647px; }
div#metanavigation ul { position: relative; width: 275px; }
div#metanavigation ul li { float: left; display: inline; }
div#metanavigation ul li a { display: block; background: #fff url(../images/metanavigation-a-bg.gif) no-repeat right center; text-align: center; font-size: 0.69em; color: #586060; text-decoration: none;  }
div#metanavigation ul li a:hover, div#metanavigation ul li a.active { text-decoration: underline; color: #ee540d; }
div#metanavigation ul li a.startseite { width: 75px; }
div#metanavigation ul li a.links { width: 50px; }
div#metanavigation ul li a.kontakt { width: 65px; }
div#metanavigation ul li a.impressum { width: 85px; background: none; }

div#weblogsearch { position: absolute; z-index: 1; top: 80px; left: 652px; width: 260px; height: 30px; }
div#weblogsearch form {  position: relative; height: 30px; width: 260px; }
div#weblogsearch form legend { display: none; }
div#weblogsearch form fieldset{ border: solid 0px #fff; }
div#weblogsearch form ol{ list-style-type: none; }
div#weblogsearch form ol li{ position: relative; }
div#weblogsearch form ol li label { display: none; }
div#weblogsearch form ol li input { width: 200px; border: 1px solid #99b4b1; font-size: 11px; padding: 3px 0px 3px 0px; color: #383d3d; background: #fff; }
div#weblogsearch form input.submitimage { position: absolute; left: 205px; top: 1px; }

div#mainnavigation { top: 130px; position: absolute; height: 60px; width: 960px; background: #fff url(../images/mainnavigation-bg.gif) repeat-x; }
div#mainnavigation ul { position: absolute; z-index: 1; width: 960px; height: 60px; background: transparent url(../images/mainnavigation-ul-bg.gif) repeat-y 910px; }
div#mainnavigation ul li { position: absolute; }
div#mainnavigation ul li.gemeinde { left: 50px; }
div#mainnavigation ul li.aktivitaeten { left: 230px; }
div#mainnavigation ul li.einrichtungen { left: 400px;  }
div#mainnavigation ul li.gemeindeblog { left: 560px; }
div#mainnavigation ul li.fotogalerien { left: 730px; }
div#mainnavigation ul li a { text-indent: -9999px; display: block; background-position: top; background-repeat: no-repeat; height: 60px; }
div#mainnavigation ul li a:hover { background-position: 0px -60px; }
div#mainnavigation ul li a.active { background-position: 0px -120px; }
div#mainnavigation ul li a.gemeinde { background-image: url(../images/nav-01.gif); width: 180px; }
div#mainnavigation ul li a.aktivitaeten { background-image: url(../images/nav-02.gif); width: 170px; }
div#mainnavigation ul li a.einrichtungen { background-image: url(../images/nav-03.gif); width: 160px; }
div#mainnavigation ul li a.gemeindeblog { background-image: url(../images/nav-04.gif); width: 170px; }
div#mainnavigation ul li a.fotogalerien { background-image: url(../images/nav-05.gif); width: 180px; }

div#subnavigation { margin-top: 20px; background: #fff url(../images/shadow.gif) no-repeat bottom; padding-bottom: 10px;  }
div#subnavigation ul  { background-color: #e9f3f2; margin:0px; border-bottom: 1px solid #ccd4d3; }
div#subnavigation li { display: inline; }
div#subnavigation li a { padding-left: 20px; text-decoration: none; color: #383d3d; display: block; height: 40px; font-size: 0.69em; border-top: 1px solid  #ccd4d3; line-height: 40px; background: #fff url(../images/arrow.gif) no-repeat 5px 16px; }
div#subnavigation li a:hover,div#subnavigation li a.active { color: #ee540d; }
div#subnavigation li ul { padding: 10px; margin: 0px; border-bottom: none; border-top: 1px solid #ccd4d3; background-color: #e9f3f2;  }
div#subnavigation li ul li a { display:block; padding-left: 10px; height: 20px; line-height: 20px; border: none; background-color: #e9f3f2; background-image: none; }

div#content { width: 960px; }
div#maincontent { float:left; width: 640px; padding-top: 24px; }
div#maincontent ul { margin-left:50px; width: 560px;  font-size: 0.75em; line-height: 1.8em; margin-top: 18px; border-bottom: 1px solid #dbd4c9; }
div#maincontent ul li { border-top: 1px solid #ccd4d3; padding:5px 20px 5px 30px; background: #e9f3f2 url(../images/arrow.gif) no-repeat 15px 12px; }
div#maincontent ul li a { color: #383d3d; }
div#maincontent ol { margin-left:70px;  padding-top: 18px; margin-right: 30px; font-size: 0.75em; line-height: 1.8em; }
div#maincontent ol li { list-style: decimal;  }
div#maincontent p, div#maincontent h2, div#maincontent h3, div#maincontent h4 {  padding-right: 30px; padding-left:50px; }
div#maincontent p.border { border-top: 1px solid #ccd4d3; margin: 20px 30px 0px 50px; padding-left: 0px; }
div#maincontent h2.box { padding-left: 0px; padding-right: 0px; margin-left: 50px; margin-right: 30px; border-top: 1px solid #ccd4d3; margin-top: 30px; clear: both; }
div#maincontent p { text-align: justify; }
div#subcontent { float:left; width: 270px; padding-top: 30px; }
div#subcontent p { font-size: 0.69em; }

div#adressdata { height: 180px; position: relative; background: #fff url(../images/dots-horizontal.gif) repeat-x top; }
div#adressdata p { padding-top: 0px; position: absolute; top: 30px; left: 50px; font-size: 0.69em; }
div#adressdata p#martin { left: 330px; }
div#adressdata p#oeffnungszeiten { left: 610px; padding-left: 30px; background: #fff url(../images/dots-vertical.gif) repeat-y left; }

div#galleryimages { padding-top: 24px; }
div#galleryimages ul li { line-height: 0.5em; float: left; margin-left: 1px; margin-top: 1px; }

div#galleryoverview { margin-left: 50px; margin-right: 30px; }
div#galleryoverview div.photogallery-entry { border-top: 1px solid #ccd4d3; padding-bottom: 10px; padding-top: 5px; }
div#galleryoverview h3,div#galleryoverview p { padding-left: 0px; padding-right: 0px; }
div#galleryoverview h3 span { color: #929c9c; font-weight: normal; }
div#galleryoverview p.previewimage { float:left; width: 125px; margin-right: 20px; margin-top: 5px; }
div#galleryoverview p.previewimage a { display: block; height: 140px; background: #fff url(../images/image-shadow.gif) no-repeat bottom; }

div#gallerydetail { margin-left: 50px; padding-top: 25px; }
div#gallerydetail a {  margin-top: 5px; float: left; display: block; width: 125px; height: 140px; background: #fff url(../images/image-shadow.gif) no-repeat bottom; margin-right: 20px; }

div#weblogoverview { margin-left: 50px; margin-right: 30px;  }
div#weblogoverview h2, div#weblogoverview p {  margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
div#maincontent div#weblogoverview h2.box { margin-left: 0px; margin-right: 0px; }
div#weblogoverview div p { text-align: right; }
div#weblogoverview div p.dateinfo { float: left; text-align: left; }
div#weblogoverview p.paging { margin-top: 20px; }
div#weblogoverview ul { margin-left:0px; }

div#weblogdetail div p { text-align: right; }
div#weblogdetail div p.dateinfo { float: left; text-align: left;  }

div#weblogcomments { margin-left: 50px; margin-right: 30px; margin-top: 20px; }
div#weblogcomments div.comment { border-top: 1px solid #ccd4d3; }
div#weblogcomments div.comment h4 { padding-left: 0px; padding-right: 0px; width: 300px; float: left; }
div#weblogcomments div.comment p { padding-left: 0px; padding-right: 0px; }
div#weblogcomments div.comment p.commentdate {  text-align: right; color: #999; }

div#presentationaddress { padding-bottom: 20px; margin-left: 50px; margin-right: 30px; border-bottom: 1px solid #ccd4d3; border-top: 1px solid #ccd4d3; margin-top: 20px; }

div#presentationaddress p, div#presentationaddress h2, div#presentationaddress h3 { padding-left: 0px; }

div#presentationcontactpersons { margin-left: 50px; margin-right: 30px; }
div#presentationcontactpersons h2 { padding-left: 0px; }
div#presentationcontactpersons div { border-bottom: 1px solid #ccd4d3; padding-bottom: 5px; }
div#presentationcontactpersons div p.userimage { float: left; padding-left: 0px; padding-right: 0px; margin-right: 20px; margin-top: 5px; }

div#commentform { margin-left: 50px; margin-right: 30px; background-color: #fff; border-top: 1px solid #ccd4d3; margin-top: 20px; padding-bottom: 20px; }
div#commentform p,div#commentform h4 { padding-left: 0px; padding-right: 0px; }
div#commentform form { padding-top: 20px; line-height: 18px; }
div#commentform form legend { display: none; }
div#commentform form fieldset{ border: solid 0px #fff; }
div#commentform form ol{ font-size: 0.75em; list-style-type: none; margin: 0px; }
div#commentform form ol li{ padding-bottom: 13px; list-style: none; }
div#commentform form ol li label {  vertical-align: top; display: inline-block; width: 150px; }
div#commentform form ol li input,
div#commentform form ol li textarea{ border: 1px solid #bfc3ca; padding: 5px 0px 5px 0px; background-image: url(../images/input_bg.gif); background-repeat: repeat-x; background-position: top; color: #505154; width: 398px; font-size: 12px; }
div#commentform form ol li textarea {  height: 100px; }
div#commentform form ol li select { color: #505154; width: 404px; }
div#commentform form ol li input.checkbox { width: auto; }
div#commentform form input.submit {margin-left: 156px; }
div#container div form ol li div{  margin-left: 156px; padding: 0px; position: relative; top: -7px; }
div#commentform form ol li div div { margin-left:0px; position: relative; height: 30px; }

div.buttons a { outline: none; position: absolute; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; top: 0px; border: 1px solid #999; }
div.buttons a.bold { left: 0px; background-image: url(../images/wysiwyg-bold.gif); }
div.buttons a.italic { left: 25px; background-image: url(../images/wysiwyg-italic.gif); }
div.buttons a.underline { left: 50px; background-image: url(../images/wysiwyg-underline.gif); }
div.buttons a.email { left: 75px; background-image: url(../images/wysiwyg-email.gif); }
div.buttons a.link { left: 100px; background-image: url(../images/wysiwyg-link.gif); }

div#contactform { padding: 20px 30px 0px 50px; }
div#contactform p { text-align: left; padding: 0px 0px 10px 0px; font-weight: bold; }
div#contactform form legend { display: none; }
div#contactform form fieldset{ border: solid 0px #fff; }
div#contactform form ol { margin: 0px; list-style-type: none; padding: 0px; }
div#contactform form ol li{ list-style-type: none; padding-bottom: 13px; padding-left: 0px; background: none; }
div#contactform form ol li fieldset{ padding-left: 143px; }
div#contactform form ol li fieldset input { width: auto; margin-right: 5px; }
div#contactform form ol li label { vertical-align: top; display: inline-block; width: 150px; }
div#contactform form ol li input,
div#contactform form ol li textarea{ border: 1px solid #bfc3ca; padding: 5px 0px 5px 0px; background-image: url(../images/input_bg.gif); background-repeat: repeat-x; background-position: top; color: #383d3d; width: 398px; font-size: 12px; }
div#contactform form ol li textarea {  height: 200px; }
div#contactform form ol li input.radio { background: none; border: none; }
div#contactform form ol li select { font-size: 12px; color: #505154; width: 384px; }
div#contactform form ol li input.checkbox { width: auto; }
div#contactform form input.submit { font-size: 12px; margin-left: 153px; width: auto; }

div#pageinformation { background: transparent url(../images/pageinformation-bg.gif) no-repeat; width: 960px; height: 40px; }
div#pageinformation p { font-size: 0.69em; padding-top: 10px; }
div#pageinformation p, div#pageinformation p a { color: #868b8b; }
div#pageinformation p#copyright { float: left; }
div#pageinformation p#powered { text-align: right; }

div.subtitles { margin: 0px; padding: 0px; z-index: 0; position: relative; }
div.subtitles h2 { margin: 0px; padding:0px; z-index: 1; position: absolute; bottom: 0px; left: 0px; width: 100%; }
div.subtitles h2 span { color: #fff; font-size: 12px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 3px; }
div.subtitles h2 span.spacer { padding: 0 2px; background: none; }



/* Thickbox Formats */
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #412f1d; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#404040; }
#TB_overlay { position: fixed; z-index:100;	top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack {background: url(../images/transparent.png) repeat;}
.TB_overlayBG {	background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #ffffff; z-index: 102; color: #412f1d; display:none; border: 4px solid #bfc3ca; text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 1px solid #bfc3ca; padding: 0px; }
#TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{ height:25px; padding:11px 25px 10px 0;	float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px;	text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color: #eceff5; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto;	text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103;	top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{	z-index:99;	position:fixed;	top: 0;	left: 0; background-color:#fff;	border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;	height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both;	border:none; margin-bottom:-1px; margin-top:1px; margin-bottom:1px; }
/* End Thickbox Code */