/********* Allgemeine Elemente ***********/
body {
 font-size: 100%;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-align: center;
}
body, div, p, form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
p {
 margin: 0 0 0.6em 0;
 line-height: 16px;
}
a { text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }
h1 {
  font-size: 14px;
  line-height: 13px;
  margin: 0 0 18px 0;
  padding-top: 1px;
  letter-spacing:1px;
  text-transform: uppercase;
}
h2 {
  font-size: 12px;
  line-height: 18px;
  margin: 4px 0 8px 0;
  letter-spacing:1px;
  text-transform: uppercase;
}
h3 {
  font-size: 12px;
  margin: 0 0 6px 0;
  line-height: 13px;
 }
ul, li {
  list-style-type: none;
  list-style-image: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
img { border: 0; }
.fixfloat, #inhalt .bildergalerie .fixfloat {
  display: block;
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.hide {display: none;}
input, select, textarea { vertical-align: middle; font-family: Arial, Verdana, Helvetica, sans-serif; }
#inhalt table, #inhalt table td {
  border-style: solid;
  border-width: 1px;
}
#wrapper {
 width: 1006px; /* 1018 breite mit schatten*/
 padding: 0 6px 6px 6px;
 margin: 0 auto 60px auto;
 text-align: left;
 background-position: left top;
 background-repeat: repeat-y;
}
#kopfbereich, #inhaltsbereich_gesamt {
 font-size: 12px;
 width: 974px;
 margin-left: 11px;
 margin-right: 11px;
}
/********* Kopfbereich ***********/
#kopfbereich {
 position: relative;
 height: 109px;
 /* padding-top: 6px; */
 background-repeat: repeat-x;
 background-position: left top;
}
#logoBach {
 position: absolute;
 right: 50px;
 right: 20px;
 bottom: 0;
}
#logoMF {
 margin-left: 24px;
}
#logMfRand {
 margin-bottom: 25px;
}
#servicenav {
 font-size: 11px;
 width: 600px;
 position: absolute;
 right: 199px;
 bottom: 6px;
 text-align: right;
}
#servicenav form {
 display: inline;
 margin-left: 15px;
}
#servicenav a {
 padding: 0 5px 0 11px;
 background-repeat: no-repeat;
 background-position: left center;
}
#servicenav label {
 position: absolute;
 left: -1000em;
}
#suchbegriff {
 font-size: 11px;
 height: 14px;
 padding: 0 0 0 1px;
}
#servicelinks span {
 margin-left: 49px;
}
#logoMusikfest {position: absolute; left: 202px; bottom: 0;}
/********* inhaltsbereich_gesamt ***********/
#inhaltsbereich_gesamt {
 margin-top: 6px;
}
#inhaltsbereich {
 float: left;
 margin-left: 23px;
}
/********* inhaltsbereich_gesamt: Navigation ***********/
#navigation {
 width: 179px;
 float: left;
}
#navigation ul {
 margin: 37px 0 15px 10px;
}
#navigation ul li {
 padding: 4px 4px 0 0;
}
#navigation ul li a {
 display: block;
 display: inline-block;
 padding: 0 0 0 14px;
 background-repeat: no-repeat;
 background-position: left 4px;
}
/*
#navigation ul li.linkaktiv a, #navigation ul li.linkaktiv ul li.linkaktiv a {
 font-weight: bold;
}
#navigation ul li.linkaktiv ul li a {
 font-weight: normal;
}
*/
#navigation ul li a, #navigation ul li.linkaktiv ul li a, #navigation ul li.linkaktiv ul li.linkaktiv ul li a {
 font-weight: normal;
}
#navigation ul li.linkaktiv a, #navigation ul li.linkaktiv ul li.linkaktiv a, #navigation ul li.linkaktiv ul li.linkaktiv ul li.linkaktiv a {
 font-weight: bold;
}

#navigation ul li.linkaktiv a, #navigation ul li.linkaktiv ul li.linkaktiv a, #navigation ul li.linkaktiv ul li.linkaktiv ul li.linkaktiv a {
 color: #ef8616;
 background-image: url();
}
#navigation ul ul {
 margin: 4px 0 5px 15px;
}
/********* inhaltsbereich_gesamt: Hauptinhalt ***********/
#inhalt {
 width: 553px; /* 569px - 16px padding */
 min-height: 464px; /* 530px - 66px padding */
 padding: 8px 8px 58px 8px;
 float: left;
 position: relative;
 border-style: solid;
 border-width: 2px;
 border-bottom: none;
 margin-bottom: 20px;
 background-repeat: no-repeat;
 background-position: left bottom;
}
* html #inhalt { height: 530px; }
#inhaltsbereich ul {
  margin: 0.3em 0 0.6em 16px;
  padding-left: 0;
}
#inhaltsbereich ul ul {
  margin: 0.2em 0 0.5em 14px;
}
#inhalt .block {
  margin-bottom: 16px;
}
#inhalt .borderBottom {
 padding-bottom: 4px;
 margin-bottom: 20px;
 border-bottom-style: dotted;
 border-bottom-width: 1px;
}
#logoStartseite {
 position: absolute;
 left: 48px;
 bottom: 43px;
}

/***** einspaltig *****/
#inhalt .programmh1 {text-transform:uppercase; margin-top: 40px; margin-bottom: 14px; padding-bottom: 2px;}
#inhalt .programmh1:first-child {margin-top: 0;}
.imgleft, .imgleft_mittel { float: left; margin: 0 8px 4px 0; width: 150px;}
.imgleft_mittel {width: 250px;}
.imggross {width: 553px;}
.imgright, .imgright_mittel { float: right; margin: 0 0 4px 8px; width: 150px;}
.imgright_mittel {width: 250px;}
.imgleft img, .imgright img, .imgleft_mittel img, .imgright_mittel img, .imggross img { width: 150px; padding-bottom: 2px; }
.imgleft_mittel img, .imgright_mittel img {width: 250px;}
.imggross img {width: 553px;}
.imgleft p, .imgright p, .imgleft_mittel p, .imgright_mittel p, .imggross p { font-size: 10px; line-height: 14px; padding: 4px;}
.flashLeft, .flashRight {width: 330px;}
#inhaltsbereich .verweisliste, #inhaltsbereich .seitenanfang { margin-bottom: 12px; }
#inhaltsbereich .seitenanfangBottom {
 position: absolute;
 left: 8px;
 bottom: 22px;
}

* html #inhaltsbereich .seitenanfangBottom {
 position: static;
 margin-top: 50px;
}
#inhaltsbereich .navigationFolgeseite {
 position: relative;
 margin-bottom: 20px;
}
#inhaltsbereich .verweisliste div a, #inhaltsbereich .seitenanfang a, #inhaltsbereich .navigationFolgeseite a {
  line-height: 16px;
  display: inline;
  background-repeat: no-repeat;
  background-position: left 3px;
  padding-left: 14px;
}
/* Firefox 2 ignoriert das display:inline-block */
#inhaltsbereich .verweisliste div a, #inhaltsbereich .seitenanfang a, #inhaltsbereich .navigationFolgeseite a { display: inline-block; }
#inhaltsbereich .navigationFolgeseite span {
 position: absolute;
}
#inhaltsbereich .navigationFolgeseite a.uebersicht {
 left: 0;
 top: 0;
}
#inhaltsbereich .navigationFolgeseite a.weiter {
 background-position: right 3px;
 padding-right: 14px;
 padding-left: 0;
}
* html #inhaltsbereich .navigationFolgeseite a.weiter {right: 8px;}
#inhaltsbereich .navigationFolgeseite span {
 right: 8px;
 top: 0;
}
#inhaltsbereich .zweispaltig div.sprung { width: 48%; float: left; padding-right: 1%;}
#inhaltsbereich .dreispaltig div.sprung { width: 32%; float: left; padding-right: 1.3%;}
/*** contentNavigation ***/
#inhalt .contentNavigation {
 margin-bottom: 30px;
}
#inhalt .contentNavigation ul, #inhalt .contentNavigation ul li {
 list-style-type: none;
 list-style-image: none;
 padding: 0 0 0 0;
 margin: 0 0 0 0;
}

#inhalt .contentNavigation ul li {
 float: left;
 margin-right: 13px;
 line-height: 20px;
}
#inhalt .contentNavigation ul li a {
 padding: 0 0 0 14px;
 background-repeat: no-repeat;
 background-position: left center;
}
/* meldungen */
#inhalt .meldungen {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  padding-bottom: 8px;
}
#inhalt .meldungen h2, #inhalt .meldungen h3 {
 line-height: 18px;
 margin: 4px 0 8px 0;
 cursor: pointer;
 letter-spacing: normal;
 text-transform: none;
}
#inhalt .meldungen .newsinhalt p, #inhalt .meldungen .newsinhalt .verweisliste  {
 padding-right: 12px;
}
#inhalt .meldungen .newsinhalt {
 
}
#inhalt .meldungen .newsinhalt .imgleft {width: 100px;}
#inhalt .meldungen .newsinhalt .imgleft img {
 width: 100px;
 display: block;
 padding-bottom: 0;
 /* border-style: solid;
 border-width: 2px;
 border-left: none; */
}
* html #inhalt .meldungen .newsinhalt p {position: relative;}
#inhaltsbereich .meldungen .verweisliste {
 margin-top: 4px;
 margin-bottom: 0;
}
/* kartenbestellung */
* html #inhalt .bestellung .newsinhalt {position: relative;}
#inhalt .bestellung h2 {
 position: relative;
}
#inhalt .bestellung span.programmschwerpunkt {
 position: absolute;
 right: 0;
 top: -6px;
}
#inhalt .bestellung span.programmschwerpunkt img {
 cursor: default;
}
#inhalt .meldungen .verweisliste span.fixie {
 height: auto;
 width: auto;
 position: absolute;
 bottom: 0;
 right: 0;
}
#inhalt span.kartenbestellung {
 float: right;
}
#inhalt span.kartenbestellung a {
 padding-left: 14px;
 background-repeat: no-repeat;
 background-position:  left center;
}
/*säulenerklärung*/
#inhaltsbereich #inhalt .saeulenerklaerung .imgleft {width: 60px; padding: 16px 0 20px 0;}
#inhaltsbereich #inhalt .saeulenerklaerung .imgleft img {width: 42px;}
#inhaltsbereich #inhalt .saeulenerklaerung h3 {cursor: default;}
/* zweispaltig */
#inhalt .teaser_zweispaltig {
    font-size: 12px;
    width: 265px;
    float: left;
    /*margin-right: 35px; */
    padding-left: 23px;
}
#inhalt .links {padding-left: 0;}
#inhalt .teaser_zweispaltig img {
    width: 265px;
    margin: 0 0 8px 0;
    padding: 0 0 2px 0;
}
#inhalt .teaser_zweispaltig .verweisliste { margin-bottom: 20px;}
#inhalt .teaser_zweispaltig .verweisliste a { display: block;}
#inhalt .teaser_zweispaltig .verweisliste a { display: inline-block; }
/*** bildergalerie ***/
#inhalt .bildergalerieGross ul, #inhalt .bildergalerieMittel ul, #inhalt .bildergalerieKlein ul {
 margin: 0 0 3px -3px;
 padding: 0 ;
 list-style-type: none;
 list-style-image: none;
}
#inhalt .bildergalerieGross ul li, #inhalt .bildergalerieMittel ul li, #inhalt .bildergalerieKlein ul li {
 float: left;
 width: 180px;
 height: 180px;
 line-height: 180px;
 margin: 3px 0 0 3px;
 padding: 0;
 text-align: center;
 border-width: 1px;
 border-style: solid;
 list-style-type: none;
 list-style-image: none;
}
#inhalt .bildergalerieMittel ul li {
 width: 134px;
 height: 134px;
 line-height: 134px;
}
#inhalt .bildergalerieKlein ul li {
 width: 106px;
 height: 106px;
 line-height: 106px;
}
#inhalt .bildergalerieGross ul li img, #inhalt .bildergalerieMittel ul li img, #inhalt .bildergalerieKlein ul li img {
 text-align: center;
 vertical-align: middle;
}
#inhalt .bildergalerieMittel ul li img.w {
 width: 80%;
}
#inhalt .bildergalerieMittel ul li img.h {
 height: 80%;
}
#inhalt .bildergalerieKlein ul li img.w {
 width: 80%;
}
#inhalt .bildergalerieKlein ul li img.h {
 height: 80%;
}
#inhalt #sitemap ul li{
 list-style-image:none;
 font-weight:bold;
}
#inhalt #sitemap ul li ul li {
 font-weight:normal;
}
#inhalt #sitemap ul li ul li ul li {
 font-weight:normal;
}

#inhalt .con_number
{
    text-align: right; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
}

#inhalt .number, #inhalt .number_klein
{
    display: inline-block;
    padding: 13px 14px 14px 13px;
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
    position: relative;
    top: -3px;
    width: 15px;
}
#inhalt .number_klein { padding: 5px 9px 5px 6px; width: 10px; font-size: 12px; line-height: normal;}
/********* inhaltsbereich_gesamt: Randspalte ***********/
#randspalte {
 font-size: 11px;
 width: 203px;
 width: 179px;
 float: left;
 margin-left: 20px;
}
#randspalte .mBox 
{
  margin-bottom: 20px;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
#randspalte .mBox h3 {
 font-size: 12px;
 line-height: 17px;
 margin-bottom: 8px;
}
#randspalte .verweisliste div a {
  background-position: left 2px;
}
#randspalte .img_unterschrift {
 font-size: 10px;
 margin-top: -0.6em;
 line-height: 14px;
}
/***** footer ****/
#footercon {
 width: 1018px;
 height: 21px;
 margin-left: -17px;
 margin-bottom: -27px;
 background-color: Transparent;
 /* background-color: red; */
 background-repeat: no-repeat;
 background-position:  left bottom;
}
* html #footercon {
 position:relative;
}