body {
 margin-top: 0px;
 margin-left: 24px;
 background-color: #F7F3F7;
}
.clearer {
 clear: both;
 height: 8px;
 line-height: 8px;
}

.font999999 {
 color: #999999;
}
.font666666 {
 color: #666666;
}
.font333333 {
 color: #333333;
}
.font000000 {
 color: #000000;
}
.fontFFFFFF {
 color: #FFFFFF;
}

.borderBottomFFC7C6 {
 border-bottom: 1px solid #FFC7C6;
}
.borderBottom666666 {
 border-bottom: 1px solid #666666;
}
.borderBottom999999 {
 border-bottom: 1px solid #999999;
}
.borderBottomC1C17C {
 border-bottom: 1px solid #C1C17C;
}
/**
 * BACKGROUND-IMG
 */
.bgAktuelles {
 background-image: url('/img/home_bg.png');
 background-repeat: repeat-y;
 height: 99%;
}
.bgProgramm {
 background-image: url('/img/programm_bg.png');
 background-repeat: repeat-y;
 height: 99%;
}
.bgAngebote {
 background-image: url('/img/angebote_bg.png');
 background-repeat: repeat-y;
 height: 99%;
}
.bgVerein {
 background-image: url('/img/verein_bg.png');
 background-repeat: repeat-y;
 height: 99%;
}
.bgKontakt {
 background-image: url('/img/kontakt_bg.png');
 background-repeat: repeat-y;
 height: 99%;
}

/**
 * HEADER
 */
.displayBGImage img {
 display: block;
}
.naviHeader {
 float: left;
 background-image: url(/img/header.png);
 background-repeat: no-repeat;
 height: 112px;
 width: 838px;
 cursor: pointer;
}
.horizontalNavi {
 cursor: pointer;
}
.leftNavi {
 float: left;
 cursor: pointer;
}
.rightNavi {
 float: left;
}

/**
 * CONTENT-FRAME
 */
.contentFrame {
 float: left;
 width: 616px;
}
.contentBGAktuelles {
 /*background-color: #FF9999;*/
}
.contentBGProgramm {
 background-color: #66CCFF;
}
.contentBGAngebote {
 background-color: #FFFF99;
}
.contentBGVerein {
 background-color: #FFFFFF;
}
.contentBGKontakt {
 background-color: #FFFFFF;
}

/**
 * CONTENT-NAVIGATION
 */
.contentNaviFrame {
 height: 19px;
 width: 568px;
 margin: 0px 24px 0px 24px;
 padding: 4px 0px 0px 0px;
}
.contentNaviFrameVar {
 width: 568px;
 margin: 0px 24px 0px 24px;
 padding: 4px 0px 0px 0px;
}
.contentNaviBorderAktuelles {
 border-bottom: 1px solid #B27A79;
}
.contentNaviBorderProgramm {
 border-bottom: 1px solid #666666;
}
.contentNaviBorderAngebote {
 border-bottom: 1px solid #999999;
}
.contentNaviBorderVerein {
 border-bottom: 1px solid #999999;
}
.contentNaviBorderKontakt {
 border-bottom: 1px solid #999999;
}
/* AKTUELLES */
.contentNaviFontAktuelles {
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
}
.contentNaviLinkAktuelles a {
 text-decoration: none;
 color: #666666;
}
.contentNaviLinkAktuelles a:hover {
 text-decoration: none;
 color: #B27A79;
}
/* PROGRAMM */
.contentNaviFontProgramm {
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
}
.contentNaviLinkProgramm a {
 text-decoration: none;
 color: #666666;
}
.contentNaviLinkProgramm a:hover {
 text-decoration: none;
 color: #666666;
}
a.contentNaviLinkProgrammActive {
 text-decoration: none;
 color: #666666;
}

/* ANGEBOTE */
.contentNaviFontAngebote {
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 color: #999999;
}
.contentNaviLinkAngebote a {
 text-decoration: none;
 color: #999999;
}
.contentNaviLinkAngebote a:hover {
 text-decoration: none;
 color: #333333;
}
a.contentNaviLinkAngeboteActive {
 text-decoration: none;
 color: #333333;
}

/* VEREIN */
.contentNaviFontVerein {
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 color: #999999;
}
.contentNaviLinkVerein a {
 text-decoration: none;
 color: #999999;
}
.contentNaviLinkVerein a:hover {
 text-decoration: none;
 color: #000000;
}
a.contentNaviLinkVereinActive {
 text-decoration: none;
 color: #000000;
}
/* KONTAKT */
.contentNaviFontKontakt {
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 color: #999999;
}
.contentNaviLinkKontakt a {
 text-decoration: none;
 color: #999999;
}
.contentNaviLinkKontakt a:hover {
 text-decoration: none;
 color: #000000;
}
a.contentNaviLinkKontaktActive {
 text-decoration: none;
 color: #000000;
}

/**
 * CONTENT - PROGRAMM
 */
.contentProgrammFrame {
 width: 568px;
 margin: 0px 24px 0px 24px;
}
.contentProgrammHeader {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 margin: 12px 0px 16px 0px;
}

/**
 * CONTENT - Angebot
 */
.contentAngebotFrame {
 width: 568px;
 margin: 0px 24px 0px 24px;
}
.contentAngebotHeader {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 margin: 12px 0px 16px 0px;
}

/**
 * CONTENT - VEREIN
 */
.contentVereinFrame {
 width: 568px;
 margin: 0px 24px 0px 24px;
}
.contentVereinHeader {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 color: #999999;
 margin: 12px 0px 16px 0px;
}

.contentRightColumn { 
 width: 272px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 float: left;
}
.contentLeftColumn { 
 width: 272px;
 margin: 0px 24px 0px 0px;
 padding: 0px;
 float: left;
}
.contentSingleImage {
 display: block;
 width: 272px;
 margin: 0px 0px 24px 0px;
}

/**
 * CONTENT - KONTAKT
 */
.contentKontaktFrame {
 width: 568px;
 margin: 0px 24px 0px 24px;
}
.contentKontaktHeader {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 color: #999999;
 margin: 12px 0px 16px 0px;
}

/**
 * CONTENT - AKTUELLES
 */
.contentAktuellesFrame {
 width: 568px;
 margin: 0px 24px 0px 24px;
}
.contentAktuellesHeader {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 color: #FFFFFF;
 margin: 12px 0px 16px 0px;
}
.contentAngeboteHeader {
 font-family: Verdana;
 font-weight: bold;
 font-size: 18px;
 color: #666666;
 margin: 12px 0px 16px 0px;
}

.contentBoxFrame {
 padding: 0px 0px 12px 0px;
 margin: 0px 0px 12px 0px;
}
.contentAngeboteBoxFrame {
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 12px 0px;
}
.contentBoxHeader {
 font-family: Verdana;
 font-weight: bold;
 font-size: 12px;line-height: 16px;
 margin: 0px 0px 12px 0px;
}
.contentBoxContent {
 font-family: Verdana;
 font-weight: normal;
 font-size: 12px;
 line-height: 16px;
}
.contentBoxContent a {
 font-family: Verdana;
 font-weight: normal;
 font-size: 12px;
 line-height: 16px;
 text-decoration: none;
}
.contentBoxContentLeft {
 font-family: Verdana;
 font-weight: normal;
 font-size: 12px;
 line-height: 16px;
 float: left;
 width: 272px;
}
.contentLinkEntry {
 width: 568px;
 border-bottom: 1px solid #CCCCCC;
 padding: 12px 0px 0px 0px;
 clear: both;
}
.contentLinkText {
 margin: 0px 24px 0px 0px;
 float: left;
 font-family: Verdana;
 font-size: 12px;
 font-weight: normal;
}
.contentLinkText a {
 color: #000000;
 text-decoration: none;
}
.contentLinkImage {
 float: right;
 width: 272px;
}
.contentLinkImage img {
 border: 0;
 margin: 0;
}

.contentTextBoxFrame {
 margin: 0px 0px 12px 0px;
}
.contentTextBoxContent {
 font-family: Verdana;
 font-weight: normal;
 font-size: 12px;line-height: 16px;
 width: 568px;
 margin: 0px 0px 0px 0px;
 float: left;
}
.contentTextBoxHeader {
 font-size: 18px;
 font-weight: bold;
 margin: 8px 0px 12px 0px;
}
.contentTextBoxHeader a {
 color: #FFFFFF;
 text-decoration: none;
}
.contentImageBoxHeader a {
 color: #FFFFFF;
 text-decoration: none;
}
.contentImageBoxFrame {
 margin: 0px 0px 12px 0px;
}
.contentImageBoxLeft {
 font-family: Verdana;
 font-weight: normal;
 font-size: 12px;line-height: 16px;
 width: 272px;
 margin: 0px 24px 0px 0px;
 float: left;
}
.contentImageBoxRight {
 font-family: Verdana;
 font-weight: normal;
 font-size: 12px;line-height: 16px;
 width: 272px;
 float: left;
}
.contentImageBoxLeft img {
 width: 272px;
 border: 0;
}
.contentImageBoxRight img {
 width: 272px;
 border: 0;
}
.contentImageBoxHeader {
 font-size: 18px;
 font-weight: bold;
 margin: 8px 0px 12px 0px;
}

.contentFilterFrame {
 margin: 0px 0px 24px 0px;
 padding: 0px 0px 0px 0px;
}
.contentFilterHeader {
 font-family: Verdana;
 font-size: 12px;line-height: 16px;
 font-weight: bold;
 padding: 8px 0px 8px 0px;
}
.contentFilterBox {
 width: 272px;
 float: left;
 margin: 0px 24px 0px 0px;
}

/**
 * PRORAMM
 */
.progammEntry {
 margin: 0px 0px -8px 0px;
 padding: 0px 0px 0px 0px;
 visibility: visible;
 width: 568px;
}
.progammEntryHidden {
 visibility: hidden;
 display: none;
 height: 0px;
 width: 0px;
}
.programmEntryHeader {
 font-family: Verdana;
 border-bottom: 1px solid #5091AD;
 height: 24px;
}
.programmEntryHeaderYellow {
 font-family: Verdana;
 border-bottom: 1px solid #C1C17C;
 height: 24px;
}
.programmDate {
 float: left;
 color: #666666;
 width: 150px;
 font-size: 18px;
}
.programmTime {
 float: left;
 color: #666666;
 width: 150px;
 font-size: 12px;line-height: 16px;
 padding: 6px 0px 0px 0px;
}
.programmLocation {
 float: left;
 color: #666666;
 width: 150px;
 font-size: 12px;line-height: 16px;
 padding: 6px 0px 0px 0px;
}
.programmGoTop {
 float: right;
 cursor: pointer;
 margin: 6px 0px 0px 0px;
}
.programmDescription {
 float: left;
 border-bottom: 1px solid #5091AD;
 width: 568px;
}
.programmDescriptionYellow {
 border-bottom: 1px solid #C1C17C;
}
.programmImage {
 width: 272px;
 margin: 8px 24px 0px 0px;
 float: left;
}
.programmInfo {
 float: left;
 font-family: Verdana;
 width: 272px;
}
.programmInfoBig {
 float: left;
 font-family: Verdana;
 width: 568px;
}
.programmInfoHeader {
 font-size: 18px;
 font-weight: normal;
 margin: 16px 0px 16px 0px;
}
.programmInfoText {
 font-size: 12px;line-height: 16px;
 font-weight: normal;
}
.programmInfoText a {
 font-size: 12px;line-height: 16px;
 text-decoration: none;
 color: #000000;
}
.programmInfoTextImage {
 float: left;
 margin: 0px 24px 24px 0px;
}


/**
 * WENDEPROJEKT
 */
.projectLinkList {
 margin: 12px 0px 8px 0px;
 width: 568px;
 height: 16px;
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 border-bottom: 1px solid #C1C17C;
 text-align: center;
}
.projectLinkListVar {
 margin: 12px 0px 8px 0px;
 width: 568px;
 font-family: Verdana;
 font-size: 11px;
 font-weight: normal;
 text-transform: uppercase;
 border-bottom: 1px solid #C1C17C;
}
.projectLinkList a {
 color: #666666;
 text-decoration: none;
}
.projectLinkList a:hover {
 color: #666666;
 text-decoration: underline;
}
.projectLinkListVar a {
 color: #666666;
 text-decoration: none;
}
.projectLinkListVar a:hover {
 color: #666666;
 text-decoration: underline;
}
a.projectLinkListActive {
 font-weight: bold;
 color: #666666;
}

.projectHeader {
 width: 568px;
 margin: 24px 0px 0px 0px;
 padding: 0px 0px 16px 0px;
 border-bottom: 1px solid #C1C17C;
}
.projectLinkLeft {
 float: left;
 margin: 79px 24px 0px 0px;
 width: 24px;
 height: 24px;
 cursor: pointer;
}
.projectLinkLeft img {
 border: 0;
}
.projectImage {
 margin: 0;
 padding: 0;
 float: left;
 width: 272px;
}
.projectImage img {
 border: 0;
}
.projectDescription {
 margin: 0px 0px 0px 24px;
 width: 200px;
 font-family: Verdana;
 font-size: 12px;
 line-height: 16px;
 color: #666666;
 float: left;
}
.projectLinkRight {
 float: left;
 margin: 79px 0px 0px 0px;
 width: 24px;
 height: 24px;
 cursor: pointer;
}
.projectDescriptionHeader {
 font-weight: bold;
 margin: 0px 0px 8px 0px;
}
.projectDescriptionText {
 margin: 0px 0px 8px 0px;
}
.projectDescriptionLink a {
 color: #333333;
 text-decoration: none;
 cursor: pointer;
}
.projectDescriptionImageInfo {
 vertical-align: bottom;
}

.projectContentFrame {
 width: 568px;
 margin: 0;
 font-family: Verdana;
 color: #666666;
}
.projectContentHeader {
 font-size: 18px;
 margin: 16px 0px 16px 0px;
 font-weight: bold;
 clear: both;
}
.projectContentText {
 width: 272px;
 margin: 0px 24px 0px 0px;
 font-size: 12px;
 line-height: 16px;
 float: left;
}
.projectContentTextWide {
 width: 568px;
 margin: 0px 24px 0px 0px;
 font-size: 12px;
 line-height: 16px;
 float: left;
}
.projectContentTextWide a {
 color: #333333;
 text-decoration: none;
}
.projectContentImages {
 width: 272px;
 margin: 0;
 float: left;
}
.projectContentImage img {
 margin: 0;
 display: block;
 cursor: pointer;
}
.projectContentImageDescription {
 font-size: 10px;
 color: #666666;
 margin: 8px 0px 16px 0px;
}

/**
 * IMAGE-POPUP
 */
.imageLayerShow {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0px;
 left: 0px;
 background-color: #000000;
 z-index: 50;
 filter:alpha(opacity=70);
 -moz-opacity:.70;
 opacity:.70;
 visibility: visible;
}
.imageLayerHidden {
 width: 0px;
 height: 0px;
 position: fixed;
 visibility: hidden;
}
.imageFrameShow {
 width: 500px;
 background-color: #FFFFFF;
 z-index: 100;
 position: fixed;
 top: 48px;
 left: 224px;
 visibility: visible;
 padding: 8px; 
}
.imageFrameHidden {
 width: 0px;
 height: 0px;
 display: none;
 z-index: -1;
 position: absolute;
 top: 200px;
 left: 454px;
 visibility: hidden;
}
.imageFrameLeft {
 position: absolute;
 top: 48px;
 left: 8px;
 display: block;
 cursor: pointer;
}
.imageFrameRight {
 position: absolute;
 top: 48px;
 left: 468px;
 display: block;
 cursor: pointer;
}
.imageFrameDescription {
 font-family: Verdana;
 font-size: 12px;
 line-height: 16px;
 font-weight: normal;
 color: #333333;
 margin: 8px 0px 0px 0px;
}
.imageFrameClose {
 float: right;
 display: block;
 cursor: pointer;
 margin: 8px 8px 8px 0px;
}

.contactMailInput {
 height: 16px;
 width: 272px;
 font-family: Verdana;
 font-size: 12px;
 font-weight: normal;
 color: #666666;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #CCCCCC;
 margin: 6px 0px 8px 0px;
}
.contactMailText {
 height: 100px;
 width: 272px;
 font-family: Verdana;
 font-size: 12px;
 font-weight: normal;
 color: #666666;
 border-top: 1px solid #999999;
 border-left: 1px solid #999999;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #CCCCCC;
 margin: 6px 0px 8px 0px;
}

/**
 * Programm-Kalender
 */
.programmCalendarLabel {
 width: 100px;
 float: left;
 font-family: Verdana;
 font-size: 11px;
 color: #666666;
 font-weight: bold;
}
.programmCalendarTable {
 width: 172px;
 float: left;
 font-family: Verdana;
 font-size: 10px;
 line-height: 13px;
 color: #666666;
}
.programmCalendarHeader {
 width: 162px;
 border: 1px solid #5091AD;
 font-weight: bold;
 float: right;
}
.programmCalendarRow {
 width: 162px;
 border-left: 1px solid #5091AD;
 border-bottom: 1px solid #5091AD;
 border-right: 1px solid #5091AD;
 float: right;
}
.programmCalendarHeaderEntry {
 float: left;
 text-align: center;
 margin: 0px 4px 0px 4px;
 width: 15px;
 height: 13px;
}
.programmCalendarEntry {
 float: left;
 text-align: center;
 margin: 0px 4px 0px 4px;
 width: 15px;
 height: 13px;
 cursor: pointer;
}
.programmCalendarEntry a {
 text-decoration: none;
 color: #666666;
}
.clearCalendar {
 clear: both;
 height: 0px;
 line-height: 0px;
}
.programmDayEntry {
 
}
.contentFilterLinks {
 float: left;
 font-family: Verdana;
 font-size: 10px;
 text-transform: uppercase;
}
.contentFilterLinks a {
 color: #666666;
 text-decoration: none;
 cursor: pointer;
}
.contentFilterLinksActive {
 color: #666666;
 text-decoration: none;
 cursor: pointer;
 font-weight: bold;
}

.banner {
 width: 185px;
 margin: 56px 0px 0px 0px;
}
.banner a img {
 display: block;
 margin: 8px 0px 0px 0px;
 text-decoration: none;
 border: none;
}