body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
  font-family: Verdana, Helvetica, sans-serif;
  text-align: center;
}
.clear {
  clear: both;
}
* {
  margin: 0;
  padding: 0;
}
p {
  margin-bottom: 1em;
}
small {
  font-size: 100%;
}
h1 {
  font-size: 110%;
  font-weight: bold;
  line-height: 120%;
}
h2 {
  font-size: 100%;
  font-weight: bold;
}
h3 {
  font-size: 100%;
  font-weight: bold;
}
h4 {
  font-size: 100%;
  font-weight: bold;
}
.spitzmarke {
  font-size: 90%;
  font-weight: normal;
  margin: 0;
  padding: 0 0 1em 0 !important;
}
a:link, a:visited, a:hover, a:active {
  color: #4F4F4F;
}
#menu .acc {
  display: inline;
}
@media all {
  .right {
    float: right !important;
  }
  .left {
    float: left !important;
  }
  .acc, #menu .acc {
    display: none;
  }
}

@media all {
  .teaser {
    width: 639px;
    margin: 0 0 15px 0 !important;
    background-color: #F0F0F0;
  }
  .teaser .teaserHead {
    font-size: 80%;
    padding: 1em 0 1em 15px !important;
    background-color: #DCDCDC;
  }
  .teaser .teaserImg {
    width: 180px;
    height: 110px;
    float: left;
  }
  .teaser .teaserTxt {
    font-size: 90%;
    width: 335px;
    padding: 5px 0 8px 30px !important;
    float: left;
  }
  .teaser .teaserLeft {
    font-size: 90%;
    position: relative;
    width: 88px;
    float: left;
    text-align: right;
    top: 90px;
  }
  .teaser form {
    float: left;
  }
  .teaser .teaserHead div.external {
    padding-left: 20px !important;
    padding-right: 10px !important;
    background: url(/theater/img/pfeil_extern.gif) no-repeat 3px 0.2em;
  }
  .teaser input {
    width: 36px;
    margin-right: 5px;
    border: none;
  }
  .teaser a:link.internal, .teaser a:visited.internal {
    font-weight: normal;
    text-decoration: underline;
    padding-left: 15px;
    margin-right: 10px;
  }
  .teaser a:link.external, .teaser a:visited.external {
    font-weight: normal;
    text-decoration: underline;
    padding-left: 15px;
    margin-right: 10px;
  }
}

@media all {
  .teasernoimg {
    width: 430px;
    margin: 0 0 35px 0 !important;
  }
  .teasernoimg div {
    font-size: 90%;
  }
  .teasernoimg h2 {
    margin: 0 0 10px 0 !important;
  }
}

@media all {
  .teaserLight {
    position: relative;
    width: 639px;
    margin: 0 0 25px 0 !important;
    border-top: 1px solid #BFBFBF;
  }
  .teaserLight .teaserImg {
    width: 180px;
    height: 110px;
    float: left;
    position: relative;
    top: -1px;
  }
  .teaserLight .teaserTxt {
    font-size: 90%;
    width: 420px;
    padding: 0 0 8px 35px !important;
    float: left;
  }
  .teaserLight .teaserTxt p {
    width: 360px;
  }
  .teaserLight .teaserTxt .location {
    margin-top: 20px !important;
  }
  .teaserLight .details {
    font-size: 110%;
    position: absolute;
    right: 0;
    top: 0.3em;
    width: 88px;
    float: right;
    text-align: right;
  }
}

@media all {
  h1 {
    margin: 0.5em 0 1.5em 0;
  }
  h2 {
    margin: 0.5em 0 0.2em 0;
  }
  #content div {
    margin: 0 0 0.2em 0;
    padding: 0;
  }
  #content div.intro {
    margin: 0 0 1em 0;
  }
  #content div.date {
    padding: 0 !important;
    margin: 2em 0 0 0 !important;
  }
  #content div div {
    margin: 0;
    padding: 0;
    clear: none;
  }
  #content div.block {
    margin: 0 0 1em 0;
  }
  #content .imgLeft, 
  #content .imgRight {
    position: relative;
    width: 120px;
  }
  #content .imgLeft {
    margin: 0.25em 10px 8px 0;
    float: left !important;
    text-align: center;
  }
  #content .imgRight {
    margin: 0.25em 0 8px 6px;
    float: right !important;
    text-align: center;
  }
  #content .imgFull {
    position: relative;
    top: 0.5em;
    width: 395px;
    margin: 0 0 10px 0;
    text-align: center;
  }
  #content .bu {
    padding: 5px 0 5px 0;
    line-height: 1em;
    text-align: left;
    min-height: 16px;
    position: relative;
  }
  #content .bu small {
    font-size: 0.9em;
  }
  #content .img br, #content .imgLeft br, #content .imgRight br, #content .imgFull br {
    clear: both;
    display: none;
  }
  #content .img img, #content .imgLeft img, #content .imgRight img, #content .imgFull img {
    margin: 0;
  }
  #content .zoom {
    display: block;
    float: right;
    top: -19px;
    position: relative;
  }
  #content h3 {
    margin: 0;
    padding: 0;
  }
  .anchor {
    margin: 0 0 2em 0 !important;
    clear: both;
    position: relative;
  }
  .anchor ul {
    list-style-type: none;
    padding: 0;
  }
  .anchor li {
    background-image: url(/theater/img/pfeil_anker.gif);
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    padding-left: 15px;
    line-height: 1.5em;
    font-weight: bold;
  }
  .links {
    list-style-type: none;
    padding: 0;
  }
  .links li {
    position: relative;
    background-repeat: no-repeat;
    padding-left: 15px !important;
    margin-bottom: 0.5em;
  }
  .links li.internal {
    background-image: url(/theater/img/pfeil_intern.gif);
    background-position: 0 0.4em;
  }
  .links li.external {
    background-image: url(/theater/img/pfeil_extern.gif);
    background-position: 0 0.4em;
  }
  .links li.download {
    background-image: url(/theater/img/pfeil_download.gif);
  }

  .linkDownload {
    padding: 10px 15px 10px 15px;
    margin-bottom: 0 !important;
  }
  .linkDownload h3 {
    margin-bottom: 0.5em !important;
  }
  .linkDownload small {
    font-size: 1em; 
  }
  .linkDownload ul {
    background-color: #EBEBEB;
    list-style-type: none;
    padding: 5px;
    margin-bottom: 1em;
  }
  .linkDownload li {
    position: relative;
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    padding-left: 15px;
  }
  .linkDownload li.internal {
    background-image: url(/theater/img/pfeil_intern.gif);
  }
  .linkDownload li.external {
    background-image: url(/theater/img/pfeil_extern.gif);
  }
  .linkDownload li.download {
    background-image: url(/theater/img/pfeil_download.gif);
  }
}
form {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
hr {
  margin-top: 0;
  margin-bottom: 0;
}
@media all {
  .hr {
    clear: both;
    margin: 1em 0 0.6em 0 !important;
    height: 1px;
    overflow: hidden;
    background: url(/theater/img/bg_dotted_line.gif) repeat-x;
  }
}
.hr hr {
  display: none;
}
@media all {
  input {
    width: 200px;
    border: 1px solid #8B8B8B;
  }
  textarea {
    width: 300px;
    border: 1px solid #8B8B8B;
  }
  select {
    width: 140px;
    border: 1px solid #9C9C9C;
    font-weight: bold;
    font-size: 110%;
    color: #636362;
    margin: 4px;
  }
  fieldset {
    border: 0;
    padding: 0;
  }
  legend {
    display: none;
  }
  .button {
    position: relative;
    width: 50px;
    margin: 10px 10px 0 253px;
    padding: 2px 0 2px 0;
    cursor: pointer;
    color: #4F4F4F;
    font-weight: bold;
    font-size: 95%;
    border: 1px solid #BCBCBB;
    background-color: #ECECEA;
  }
}
#logo {
  position: relative;
  padding: 0;
  margin: 0;
}