body { width: 1080px; margin:auto; text-align: center; background-color: #6787B0; background-image: url(images/background-bottom.jpg); background-repeat: repeat-y; background-position: center; }
#content-box { width: 1080px; height: auto; text-align: center; margin:auto; text-align:left; }
#page { width: 1024px; height: auto; text-align: center; margin:auto; }
.schattierung { width: 1080px; text-align: center; height:auto; }
/********************/
/* Haeder-Bereich */
/*******************/
#header { height: 213px; width: 1024px; background-image: url(images/header.jpg); }
/********************/
/* Navigation-Top-Bereich * /
/********************/
#navigation-top { width: 1024px; height: 27px; float: left; text-align: left; background-color: #B1B17B; color: #ffffff; font-family: Verdana; font-size: 14px; padding-top: 2px; }
#navigation-top-left { width: 123px; float: left; padding-left: 40px; }
#navigation-top-right { width: 225px; float: right; padding-left: 30px; }
#navigation-top-center { width: 456px; float: left; padding-left: 100px; }
#navigation-top a { width: auto; text-decoration: none;  color: #ffffff; padding-right: 10px; }
/********************/
/* Navigation-Left-Bereich * /
/********************/
#navigation-left a:link { width: 123px; height: 18px; text-decoration: none; text-align:left; display:block;  color: #ffffff; background-color: #E4A872; margin-bottom: -11px; padding-left: 40px; }
#navigation-left a:visited { width: 123px; height:18px; text-decoration: none; text-align:left; display:block; color: #ffffff; background-color: #E4A872; margin-bottom: -11px; padding-left: 40px; }
#navigation-left a:active { width: 123px; height:18px; text-decoration: none; text-align:left; display:block; color: #ffffff; background-color: #E4A872; margin-bottom: -11px; padding-left: 40px; }
#navigation-left a:hover { width: 123px; height:18px; text-decoration: none; text-align:left; display:block; color: #ffffff; background-color: #CC925F; margin-bottom: -11px; padding-left: 40px; }
#newsletter a { width: 123px; height: auto; text-decoration: none; text-align:left; display:block; color: #B1B17B; padding-left: 40px;}

/********************/
/* Content-Bereich * /
/********************/
.content-background { width: 1024px; height: auto; background-image: url(images/background-content.jpg); background-repeat: repeat-y; text-align: center;  }
#content { width: 1024px; height: auto; float: left; background-color: white; }
#content-left { width: 163px; height: auto; float: left; background-color: #CD6607; padding-top: 20px; height: auto; }
#content-right { width: 304px; height: auto; float: right; background-color: #ffffff; border-left: 1px solid color: #000000; padding-top: 20px; text-align: left; }
#content-center { width: auto; height: auto; }
#newsticker { width: 536px; height: 100px; float: left; padding: 10px; background-color: #DBDB97; }
#programm-center { width: 516px; height: 210px; float: left; background-color: #DBDBC3; padding: 20px; }
#programm-image { width: 170px; height: auto; float: left; }
#programm-text { width: 346px; height: auto; float: right; text-align: left; }
#programm-right { width: auto; height: 16px; background-color: #CD6607; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; }
#programm-right-content { width: auto; height: auto; padding: 10px; }
#highlights { width: 294px; height: 30px; background-color: #DBDBC3; padding-left: 10px; padding-top: 7px; background-image: url(images/background-aktuelles.jpg); }
#newsletter { width: 163px; height: auto; float: left;  padding-top: 40px; }
.highlights-box { width: 284px; height: 100px; background-color: #ffffff; padding: 10px; font-family: Verdana; font-size: 12px; color: #000000; text-align: left; font-weight: bold; }
.highlights-image { width: 100px; height: 100px; float: left; }
.highlights-text { width: 180px; height: 100px; float: right; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; }
#navigation-left { width: 163px; height: auto; text-align: left; }
#partner { width: 123px; height: auto; float: left; padding-top: 40px; padding-left: 40px; }
#haupt-content { width: 550px; height: auto; float: left; text-align: left; padding-left: 3px; padding-right: 3px}
.haupt-content-left { width: 258px; height: auto; float: left; padding: 10px; font-family: Verdana; font-size: 12px; color: #000000; text-align: left; }
.haupt-content-right { width: 258px; height: auto; float: right; padding: 10px; font-family: Verdana; font-size: 12px; color: #000000; text-align: left; }
/********************/
/* Textformatierungen * /
/********************/
.text { font-family: Verdana; font-size: 12px; color: #ffffff; text-align: left; }
.text-one{ font-family: Verdana; font-size: 16px; color: #ffffff; text-align: left; }
.text-black { font-family: Verdana; font-size: 12px; color: #000000; text-align: left; }
.text-big { font-family: Verdana; font-size: 18px; font-weight: bold; color: #CD6607; text-align: left; }
.text-nav-top { color: #ffffff; font-family: Verdana; font-size: 18px; }
.text-nav-left { color: #ffffff; font-family: Verdana; font-size: 16px; }
.text-newsletter-left { color: #B1B17B; font-family: Verdana; font-size: 16px; }
.text-programm-center { font-family: Verdana; font-size: 12px; color: #000000; text-align: left; }
.text-programm-date { font-family: Verdana; font-size: 10px; color: #000000; text-align: left; }
.text-highlights-date { font-family: Verdana; font-size: 10px; color: #000000; text-align: left; }
.text-highlights { font-family: Verdana; font-size: 12px; color: #000000; text-align: left; }
.color-red { color: #ff0000; }
.text-bold { font-family: Verdana; font-size: 12px; color: #000000; text-align: left; font-weight: bold; }
h1 { font-family: Verdana; font-size: 18px; color: #000000; text-align: left; font-weight: bold; }
h2 { font-family: Verdana; font-size: 16px; color: #000000; text-align: left; font-weight: bold; }
h3 { font-family: Verdana; font-size: 14px; color: #000000; text-align: left; font-weight: bold; }
/********************/
/* Grafiken * /
/********************/
.line-aktuelles { border-top-style:dotted; border-top-width:thin; color: #000000; border-bottom-width:thin; width: 284px; text-align: left; margin-left: 10px; }


/********************/
/* TopNvaigation * /
/********************/
.MenuGroup{border: solid 1px #B1B17B;width: 163px;}
.TopMenuItem,.LeftTopMenuItem,.RightTopMenuItem,.TopMenuItemHover,.LeftTopMenuItemHover,.RightTopMenuItemHover,.TopMenuItemActive,.LefttTopMenuItemActive,.RightTopMenuItemActive{font-variant:small-caps; float: left; background-color: #B1B17B; color: #ffffff; font-family: Verdana; font-size: 17px; padding-top: 2px; cursor: default;padding-right: 10px;height:24px}
.TopMenuItemHover,.LeftTopMenuItemHover,.RightTopMenuItemHover{}
.TopMenuItemActive,.LefttTopMenuItemActive,.RightTopMenuItemActive{}
.LeftTopMenuItem{padding-left: 40px;padding-right: 60px;font-size: 18px;width: 163px;}
.LeftTopMenuItemHover{padding-left: 40px;padding-right: 60px;font-size: 18px;width: 163px;}
.LeftTopMenuItemActive{padding-left: 40px;padding-right: 60px;font-size: 18px;width: 163px;}
.RightTopMenuItem{padding-left: 198px;font-size: 17px;}
.RightTopMenuItemHover{padding-left: 198px;font-size: 17px;}
.RightTopMenuItemActive{padding-left: 198px;font-size: 17px;}

.MenuItem,.MenuItemHover,.MenuItemActive,.SelectedMenuItem{width: 190px;float: left; background-color: #DBDB97; color: #333134; font-family: arial; font-size: 14px; padding: 2px;cursor: default;}
.MenuItemHover{background-color: #B1B17B; color: #ffffff;}
.MenuItemActive{background-color: #B1B17B;color: #333134;}
.SelectedMenuItem{background-color: #B1B17B;color: #ffffff;}