/* Styles */
* { padding: 0; margin: 0;}
body { font-size: 12px; line-height: 15px; font-family: Verdana, Arial, Sans-Serif; background: #f0f0f0;}
h1{ font-size: 18px; line-height: 22px; margin: 0px 0 20px 0; }
h2{ font-size: 14px; line-height: 16px; margin: 0px 0 15px 0; }
h3{ font-size: 13px; line-height: 15px; margin: 0px 0 5px 0; }
p { margin: 0px 0px 8px 0; }
a:link, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
#middle a:link, #middle a:visited, #middle a:active { color: #000000; text-decoration: none; font-weight: bold; }
#middle a:hover { text-decoration: underline; }

.error { color: #FF0000; font-weight: bold;}
.klein { font-size: 10px; }
.rot { color: #FF0000; }
.grau { color: #8f8f8f; }
.r { float: right; }
.l { float: left; }
.tr { text-align: right; }
.clear { clear: both; }
.input { border: 1px solid #8F8F8F; padding: 2px 2px 2px 2px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px;}
.input:hover { color: #FAA100; border: 1px solid #FAA100; }
.textarea { border: 1px solid #8F8F8F; padding: 0 2px 0 2px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px;}
.textarea:hover { color: #FAA100; border: 1px solid #FAA100; }
.select { border: 1px solid #8F8F8F; }
.select:hover { border: 1px solid #FAA100; }
.button { color: #000000; font-weight: bold; background-color: #F8F8F8; border: 1px solid #000000; padding: 2px 0px 2px 0px; cursor: pointer; }
.button:hover { color: #FAA100; border: 1px solid #FAA100;}
.listenicon li { list-style: none; background: url(listenicon.gif) no-repeat 0 5px; padding: 0 0 0 11px; }
.banner { border: 1px solid #c6c7c8; margin: 5px 0 5px -2px;}

.tab td { padding: 2px 4px 2px 0px; }
.hr { background: #c6c7c8; height: 1px; line-height: 1px; font-size: 1px; }

/* Haupt CSS */
#header { width: 949px; height: 112px; margin: 15px auto 0 auto; }
#content { width: 949px; margin: 0 auto; background: url(bg.gif) repeat-y; }
	#content_left { float:left; width: 634px; margin: 12px 0 12px 0; }
		#middle { float:right; padding: 0; width: 407px; padding: 5px 35px 0 35px; }
		#left { float:left; width: 146px; margin: 0 0 0 11px; }
	#right { float:left; width: 315px; margin-top: 12px; }
#footer { width: 934px; height: 20px; padding: 10px 15px 0 0; margin: 0 auto 15px auto; background: url(footer.gif) no-repeat top; text-align: right;}
#footer a:link, #footer a:visited, #footer a:active { font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Boxen links und rechts */
.menue { width: 146px; background: url(menue_bg.gif) repeat-y; margin: 0 0 12px 0; }
.menue .top { width: 146px; height: 10px; font-size: 1px; background: url(menue_top.gif) no-repeat; }
.menue .bottom { width: 146px; height: 10px; font-size: 1px; background: url(menue_bottom.gif) no-repeat; }
.menue ul { overflow:hidden; }
.menue li { height: 35px; width: 130px; margin: -1px 0 0 7px; border-top: 1px solid #c6c7c8; list-style: none; }
.menue a:link, .menue a:visited, .menue a:active { width: 105px; height: 26px; padding: 9px 0 0 25px; display: block; text-decoration: none; background: url(pfeil_gr.gif) no-repeat 3px 9px; font-weight: normal; }
.menue a:hover { background: url(pfeil_or.gif) no-repeat 3px 9px; }
.menue .active a:link, .menue .active a:visited, .menue .active a:active { width: 105px; height: 26px; padding: 9px 0 0 25px; display: block; text-decoration: none; font-weight: bold; background: url(pfeil_or.gif) no-repeat 3px 9px; }
.menue .active a:hover {}
.menue .submenue { height: 16px; width: 104px; list-style: none; background: url(listenicon.gif) no-repeat 0 5px; border: 0px; margin: 0 0 0 26px; padding: 0 0 0 11px; }
.menue .last { margin: 0 0 11px 26px; }
.menue .submenue a:link, .menue .submenue a:visited, .menue .submenue a:active { width: auto; height: auto; padding: 0; background: transparent; text-decoration: none; display: inline; }
.menue .submenue a:hover { text-decoration: underline;}

#left .box-grau { width: 146px; background: url(box_verlauf.gif) repeat-x 0 32px #f2f2f2; overflow: hidden; margin: 0 0 12px 0; }
#left .box-grau .top { width: 136px; height: 22px; padding: 10px 0 0 10px; background: url(box_grau_top.gif) no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; }
#left .box-grau .middle { width: 131px; min-height: 98px; height: auto !important; height: 98px; padding: 2px 5px 0 10px; background: url(box_grau_bg.gif) repeat-y; font-size: 11px; }
#left .box-grau .bottom { width: 146px; height: 10px; font-size: 1px; background: url(box_grau_bottom.gif) no-repeat; }

#left .box-blank { width: 146px; background: url(box_verlauf.gif) repeat-x 0 10px #f2f2f2; overflow: hidden; margin: 0 0 12px 0; }
#left .box-blank .top { width: 146px; height: 10px; font-size: 1px; background: url(box_blank_top.gif) no-repeat; }
#left .box-blank .middle { width: 131px; min-height: 98px; height: auto !important; height: 98px; padding: 2px 5px 0 10px; background: url(box_grau_bg.gif) repeat-y; font-size: 11px;}
#left .box-blank .bottom { width: 146px; height: 10px; font-size: 1px; background: url(box_grau_bottom.gif) no-repeat; }

#right .box-grau { width: 304px; background: url(box_verlauf.gif) repeat-x 0 32px #f2f2f2; overflow: hidden; margin: 0 0 12px 0; }
#right .box-grau .top { width: 294px; height: 22px; padding: 10px 0 0 10px; background: url(box_grau_top2.gif) no-repeat; color: #ffffff; font-size: 16px; font-weight: bold; }
#right .box-grau .middle { width: 289px; min-height: 98px; height: auto !important; height: 98px; padding: 2px 5px 0 10px; background: url(box_grau_bg2.gif) repeat-y; }
#right .box-grau .bottom { width: 304px; height: 10px; font-size: 1px; background: url(box_grau_bottom2.gif) no-repeat; }
#right .box-grau .anzeigen { margin: 5px 0 0 0;}
#right .box-grau .anzeigen li { float: left; width: 130px; margin: 4px 0 4px 0; }

#right .box-briefkasten { width: 289px; height: 124px; padding: 0 5px 0 10px;  background: url(box_briefkasten.gif) no-repeat; overflow: hidden; margin: 0 0 12px 0;  }
#right .box-briefkasten .top { width: 289px; height: 22px; padding: 10px 0 0 0px; margin-bottom: 5px; color: #ffffff; font-size: 16px; font-weight: bold; }


/* News Artikel */
.newsartikel { width: 407px; }
.newsartikel .block {  margin-bottom: 20px; }
.newsartikel .bild_r { float: right; margin: 3px 0 5px 10px; }
.newsartikel .bild_l { float: left; margin: 3px 10px 5px 0; }
.newsartikel .hr { margin: 15px 0; }

/* Veranstaltungen */
.veranstaltung { width: 407px; }
.veranstaltung .bild { float: left; margin: 3px 10px 5px 0px; }
.veranstaltung .hr { margin: 15px 0; }

/*Bildergalerien*/
#middle .bildergalerie { width: 407px; float: left; }
#middle .bildergalerie .bild { float: left; margin: 3px 10px 5px 0; width: 100px; }
#middle .bildergalerie .hr { margin: 15px 0; }
#middle .galeriebild { width: 100px; height: 75px; float: left; margin: 0 15px 20px 15px; text-align: center; }
#right .box-grau .galeriebild { width: 135px; float: left; margin: 15px 9px 0px 0px; text-align: center; }
#right .box-grau .galeriebild .text { text-align: center; margin: 4px 0 0 0; }

/* Anzeigen */
.anzeige { width: 407px; }
.anzeige .bild { float: left; width: 100px; height: 75px; margin: 3px 10px 5px 0px; }
.anzeige .hr { margin: 15px 0; }

.nav { }
.nav .seite { height: 20px; float: left; margin: 0 4px 4px 0; border: 1px solid #8F8F8F; background: #f0f0f0; text-align: center;}
.nav .current { border: 1px solid #FAA100; background: #f0f0f0; color: #FAA100; font-weight: bold; padding: 1px 6px 0 6px; }
.nav .seite a:link, .nav .seite a:visited, .nav .seite a:active { display: block; height: 19px; padding: 1px 6px 0 6px; width: auto; text-decoration: none; font-weight: normal; }
.nav .seite a:hover { }

/* Wetter Plugin */
.mc .w_ind { display: none; }
.mc .w_box { height: 85px; }
.mc .w_fc { padding: 5px 0 0 5px; width: 50px; }
#right .box-grau .wetter { overflow: hidden; }
#right .box-grau .wetter font { font-size: 10px; }