html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #383838; }
a:hover { color: #202020; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #FF5E99; } 

.ie7 img { -ms-interpolation-mode: bicubic; }


 /* Primary Styles
    Author: Richard Schreiber
 */

figure {
  display: inline-block;
  margin: 0;
  padding: 0;
}

html,body {
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
  line-height: 19px;
  /*min-width:780px;
  overflow-x: auto;*/
}
html {
  background: #eee9e1 repeat-y top right;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAoCAMAAAArMzGQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTgzODE4RjM4OTZDMTFFMkE0RjBDRDYzQkNDQkI2RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTgzODE4RjQ4OTZDMTFFMkE0RjBDRDYzQkNDQkI2RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFODM4MThGMTg5NkMxMUUyQTRGMENENjNCQ0NCQjZFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFODM4MThGMjg5NkMxMUUyQTRGMENENjNCQ0NCQjZFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpZenTAAAABgUExURefh1dvQwM/BreTd0OLZzNbLt9vRwN/WxuTc0NvQv9bKtdbLteTdz+TczwMAAA0QFufg1c7BreLZy9/WxwQAAA4QFuji1+3n3ubf0+nj2erk2uzn3uvm3Ozm3evl2+7p4WWoaIAAAABlSURBVHjatNE5EoAgEETRQUBBXIBxwZX739IxtcqMSV/S9athPa7z3rfFJxnR6pCnGTitqXXFaZBMRNGGUuZTH7F+bWS0jna/bWUNklQoHLMZRX8EXqM260Ieyhj9QR36zx4BBgCOUzqAEBrwTQAAAABJRU5ErkJggg==);
}
.ie7 {
  background-image: url('../images/rechtsaussen.png');
}

#page-left {
  height: 100%;
  float: left;
  width: 40%;
  /*min-width: 406px;*/
  background: #251e18 url('../images/galerie/etschmann-1.jpg') no-repeat center center;

  position: fixed;
}
@media all and (min-height: 850px) {
  #page-left {
    background-position: center bottom ;
  }
}
@media all and (max-height: 620px) and (min-width: 620px) {
  #page-left {
    background-position: center -114px ;
  }
}

.kontakt #page-left {
  background-image: url('../images/galerie/etschmann-5.jpg');
}
.presse #page-left {
  background-image: url('../images/galerie/etschmann-7.jpg');
}
.projekte #page-left {
  background-image: url('../images/galerie/etschmann-6.jpg');
}
.ueber #page-left {
  background-image: url('../images/galerie/etschmann-4.jpg');
}


#page-left .page-inner {
  height: 100%;
  padding: 0 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAoCAMAAABthZI6AAAABGdBTUEAALGPC/xhBQAAAGBQTFRFZWVlenp6U1NTDw8PCwsLERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRAAAAcFtVp5Bst6SAw7OVzL6m08ex2tC+4NjJ5d3R6OHW6uTa7ejfL/80PQAAABR0Uk5T0tjKqreZjkR7UC04hW4EYCMWDACH59lxAAACuUlEQVRIx4VV2Y4bMQxLN+v7tnvukf7/X5bUTNIANdQJkDeCEg/5Utdas46x1pijp+56CCmE1povxV+/fvv+4+evt7f394+Pz8/b7fb7+C5ArVVHHZ2/GFMiqpRWci75X9yJvNQKHMjw9R4TgaEFwrzN9lXhq0TVBbqIz8UYHAh9LsUqfKuCESisN3sczoXUgGsZfD4rfJODzrm4H4SJWM+1VgjMfoO788k3Zicu9eSScw6ykM7u9LzjJn5jgK8LLgpdo5zWbOY8B71UjAj/Zq8g7DQCONoAVXa63Pkql6PrdDB2B/8afMAHPntV+NYRFYgZR8J+wle8zyZbbT8wVpBBGcSsS8aCh+15O+eDj3SVzk/wAefoAuny3r/HfjC8LugC3xHQBNMd9/O6npLNiR+4oEvEfo3+eW9tNorvjBkoISpyhlC7EEROxFrnq1VShlSzDdKHRr6cs7mqOQNjB2cU2xP5jrzs5nzyDy6wfxMhg+8uuMI+FG+2/bs9cIMbSlxiP+qO+nlfjOYfzwsGRTynFNextE1ilq3Cx+pNuo71BuvuzjNRMuKp7HfeJfjOnFGVJn3w1hij5UXqTuPlMDkoA0LIUvT+1eMM4q8jLikII/yDNCaremI/ycyg74hLC3SdZ1DtO7vAm9snXZc5aV+xVt0PfOM4uwO1jad/bJHX7wvjKZWAnsC5xLOEOqC5mn/nm0LfWVonunhuuL3zt+d3ZaAPbCCeI3kdYAImzVr/6nEIpwQGv+N1aNDTb3v01z/COO35rBy99VAUhC9qPs9DjyJJAVnbJuuZF01Pbsgzj946Oihnl/fT5C9qPtnbKc80x+Q145QoxAb3lBcWibEekX0Q+xBPjmlfFD4oOXmwOSnvPGPGXBsETen7+W6KfZw08MOVyAjo9fU/eoKRx4w+SDyPgCr5/ANzpKYrH3I9nQAAAABJRU5ErkJggg==) repeat-y center right;
}
.ie7 #page-left .page-inner {
  background-image: url('../images/falz.png');
}

#page-right {
  width: 60%;
  margin-left: 40%;
}
#page-right .page-inner {
  margin: 0 10%;
  max-width: 44em;
  padding: 86px 0;
}


h2, p, ul, ol, dl, dd {
  margin-bottom: 19px;
}
body {
  font-family: serif;
}
h3, h4, p, ul, ol, dl {
  font-size: 15px;
}
.small {
  font-size: 11px;
}
.sans {
  font-size: 9px;
  font-family: 'Josefin Sans', arial, sans-serif;
  text-transform: uppercase;
}
.numblock {
  margin-left: 2px;
  margin-right: 1px;
}

.more-space li {
  margin: 4px 0;
}


h1 {
  margin: 0;
  margin-bottom: 8px;
  padding-top: 26px;
  max-width: 333px;
  height: 58px;
  
  /*Etschmann*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALYAAAA1BAMAAAAe+gxBAAAABGdBTUEAALGPC/xhBQAAABhQTFRF49G549G549G549G549G549G549G5AAAAVMQfewAAAAh0Uk5TUy91oRXyzQDswGy1AAAEXklEQVRYw7WYS3uiMBSGbauynVaRrW0FtvWCbEdU2KoMzLYVSLcEMubvT064F562UmVREp7k9eTLuSTt0IZnRS/ydBq+rfdXY/dd60psorwI8JIuz8bLCX+bl2cbqJs0vItrcndMpQ4PF2YTZZo1T/vLsvHyMW/31IaxxGrL/r3sFp+DhqGhc2zJHtglzyC7hqHPd8hqw46cQ3le+Kc+Mtbps9CGLe8+cmpPjzm9ej6bKE7Von/1yCFvzHv089nyIqgqua0LG6vNy/mCbfrYrX6V6wO3bCnR+7lsgii2q19nDV4CO3623bFNw11N24/PLtXlPHbo07jqc/hvbRyGEbHUwgdPVSHD+tpDGHFqEzv/qrBYaHQTarZhb9Um917dPlbchA7a5BOxaqjI7YvcAOUCi9B6asW2ihwuJP5GsSdh5OcRDyP8Nux+XtMCO3NvhVk6yp1RgV97b8OeZ4nW45X4LYuT+DUbN2/e4m+w09C5e+XaEPBlkZbZPKGvk/bjeXmQhw6RXwpfJrxghokm+AZDN6mm0Z+z2LwUEHlRyt7hX7oZUsJ3b+SiX6yBkyDY8qPR63fZACPaJHdvNjvykDOhGPw+Ptx6Rz+PShle5u677JNaRkP4PWjuzTCVmlXgEWIyjZMuOBJxC3d86H7OlgpBYBvvFVvLVTXZKmLGJokkXPnIy91xjY6fsrcbrRwWonO0evmiQdkY6Vky4Slzq4BYhO92+Dl7pE3LKQ/OhGZ2XkiSlKyTRcSTjgnm9yEFEAixvkVfBmlmGMHbkD7Uy3ItCG2IkwilqZH7+VjU15Ko5qlnBmEa+0laNxDr3LOJvOhq8MfK2aRc0YgmAZtkMnJnE0R9Svs5m3jwdaQnDimzDhSuEczAoGXkF+yyQ7E1c5yI+O4mMUTFuUQ1zpbZmnEAi5J1nsIIrHCtszcvTfviNNkp5iePpiZdjJBQnLDMPSUBnwFrxrB67DDmEjRMaBEfbzKTSSAV7FIUG+57+lMDBCfElN3fs2NdwoZdDBYUzxSf2WolYcSS8Zof2SFz8l9N2bhgG8f+LmUTBXkSDXnHUDy6DbhPa8y60EXzpdA7sBh6e9DA7qW96dlMn6HpQY445OziSLM+Wic3k4gsGZyzw0WEHo89boLMrL/rO65KTUeiijuNnMmGtV3FcZ7m3diZPU96wdRK2XHGHuzApm4mP2aWr1yJGq9s8Y4gcmt6PjVUuuKC20M47ivuhJKxRQbHDWxTILAIcbxxR+qUTq197i/o7ZClaiaLjzwNLkHGDT2xzSLdEVKyaDCUg1C7TvAeue2Mb6xOcYKQk7zZs5lk6U6HgTrwslrA7HyaSbFTSq/Wl3lwy9O3ks45uWxztMOQ7czmoXJdM+ZjBhueVdO2+3LcY5fZHTsIzQPH+9ENFtgis1ss4keDyFjNZ/PO/c8u9pyt01Ep7M1L3FsztmytyzcpLFyQLUX2hf6rUWeHrkSvxCZIoNdih5ProOl/wlEcKi1wPwUAAAAASUVORK5CYII=) right 26px no-repeat;
}
.ie7 h1 {
  background-image: url(../images/etschmann-schatten-16.png);
}
h1 a {
  display: block;
  width: 100%;
  height: 58px;
  
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAAA5BAMAAAD0NcWyAAAABGdBTUEAALGPC/xhBQAAABhQTFRF49G549G549G549G549G549G549G5AAAAVMQfewAAAAh0Uk5TgF6iOcga7gANZhGuAAADUElEQVRIx62WzXuiMBDG2RblWm2Fq1oK161r4eoHxaulbLlWxfQKxHT+/Z0Joqjb3Qry+CAG/DHzzjtJFPj64PDdI1G+vjdnl8Ckk+UFMGIcrepjRDdKZ/UxqgufUW3MUANoQ13M/B5Pz3Ux6ZRcY9fE8BGdN1E9jOhLwE+ohzFd+fVQD9PW8pjsWphhI//OojqYsMglhBqYYFxcXdfAzHcUMauOSUb7S6MyJl3uZc2gKoZvDSOPx6oYUaaAXREjmls1hIzMqIjRte3F/bl9WcY4jUKhD1l5qIQJdnPUp7EL6WxMstiNvEVnm6/A8MleCl06yKiCaZZK3a2gcI4JtdLUt5azBZyPScqrY16o6woYs5xBpp0q/NL/F3Zu9giTaeVBWe/D9k59xuwv+ywctT0DMf3D0ZMJlDPmxYu/LFxCWgPvqFqi8MME7k487LQW0PTIUVTPVxqSb+kIAzsvRWEdN1GyxUFxpQFa5ZTWaMjMw4cm25dD8p6L+GStYIN3rlAbx487pX9Nj5coFdaUGKKohhuqqk6YHtriagVZPEWPJErAYl87tI0oiZ7OMsrFd4VJozqy+ApDSjQQCu6AhOXjPIUSv94o+7SkUrtW4CT5jWwRo+3gU2KErI3xLEvx+kFv4B5rnCwwiVZuhUcyoux9p2uTsxMq6xuVDHsmsaWGQew3jjEbCiQofjVAfKQyw7eF3DVtSGE1wSBwJQpv86gHnneM+XRLhUIXprYMTeiG9JdD1ukPcIDqXDRR4B9j5GxTTGGoRmYP5PZAj4DKo0u5kSWWW4xwyQUnmFJHcfxjtsbCciUa5I6xCGPhfcF6dxbrRBC8t1TfOMYMS6YfoIfSeCFePANVImjgG+QhimvY7wiVPUCTMfO0UrIc7nYDiB4SPvNjF1IXCxvx5yYG0grZ+Ff+NCrAbzGkE4y5r7fKyYoBo2ZpUxCTOHK8J10Tpj/9z8akv9vZZDNOEvIYKSGlaTEDrc+m39nf9IoZlC/pQ1o+wPxdjjzh6eYWvo2hpHAp5vEUr5rMZ+65uy1aF4bY4PpKpoGNHbLYhXMxJHHo/7BkGgmj4H5HcDZGpbGYLd1Ki+9uuoml9bsR1MKkDCodRxiaLC+AgcVFogGjIuYPdYbMDgaCNvMAAAAASUVORK5CYII=);


  text-indent: 333px;
  white-space: nowrap;
  overflow: hidden;
}
.ie7 h1 a {
  background-image: url(../images/thomas-schatten-16.png);
}



#nav, #secondary-nav {
  list-style: none;
  float: right;
  text-align: right;
  text-transform: uppercase;
  font-family: 'Josefin Sans', arial, sans-serif;
  font-size: 112%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  margin-right: 12%;
}
#nav span {
  text-transform: none;
}
#nav a:link, #nav a:visited,
#secondary-nav a:link, #secondary-nav a:visited {
  color: #695e52;
  text-decoration: none;
}
#nav a:hover,
#secondary-nav a:hover {
  color: #dcc5ad;
}
#nav a:active, #nav a.active {
  color: #dcc5ad;
  /*font-weight: bold;*/
}


#secondary-nav {
  position: absolute;
  left: 2em;
  bottom: 1em;
  float: none;
  font-size: 86%;
  margin: 0;
}






.home #page-left {
  width: 60%;
}
.home #page-right {
  width: 40%;
  margin-left: 60%;
}
.home #nav {
  margin-right: 10%;
}
.home {
  background-image:none;
}


h2 {
  text-transform: uppercase;
  font-family: 'Josefin Sans', arial, sans-serif;
  font-size:200%;
  line-height: 1.3;
  font-weight: normal;
  margin-bottom: 12px;
}
p+h2, ul+h2, ol+h2, .video-container+h2 {
  margin-top: 32px;
}
h3 {
}

dt {
  font-weight: bold;
}


.news-item-active {
  border-left: 4px solid #666;
  padding-left: 16px;
  margin-left: -20px;
}


hr, .dissect {
  padding-top:18px;
  border-top:1px dotted #bca;
  margin-top:57px;
}
.more {
  font-style: italic;
  text-decoration:underline;
  cursor: pointer;
}
.more-hidden {
  display: none;
}

.folded {
  overflow: hidden;
  max-height: 0;
}
.unfolded {
  max-height: 400em;
  transition: 3s;
  -webkit-transition: 3s;
}

.note {
  font-size: 86%;
}

a.pdf {
  background: url('../images/icon-pdf32.png') no-repeat center left;
  padding-left: 42px;
  display: block;
  margin-left: -9px;
}

.fotos, .cds {
  list-style: none;
  width: 100%;
  overflow: hidden;
  margin-left: 0;
}
.fotos, .fotos+p {
  max-width: 408px;
}
.fotos li, .cds li {
  float:left;
  margin: 0 15px 15px 0;
}
.fotos img, .cds img {
  display: block;
}
.cds {
  max-width: 500px;
}
.cds img {
  width: 125px;
}
.cds li:first-child {
  float: none;
}
.cds li:first-child img {
  width: 300px;
}

.cd-cover-cd-hoeren {
  width:100%;
  overflow:hidden;
  position:relative;
  margin-bottom: 32px;
}
.cd-cover {
  float:right;
  margin-top: .25em;
}
.cd-cover-cd-hoeren .cd-hoeren {
  /*
  position:absolute;
  bottom:4px;
  left:269px*//*
  float:left;
  width: 16em;*/
  margin-right: 266px;
}
/*
#cd-estaciones .cd-hoeren {
  left: 319px;
}
*/
@media (max-width: 480px), (min-width: 640px) and (max-width: 60em)  {
  .cd-cover {
    float:none;
  }
  .cd-cover-cd-hoeren .cd-hoeren {
    position: static;
    width: 100%;
  }
}


.cd-hoeren ul, .cd-hoeren {
  list-style: none;
  margin-left: 0;
}
.cd-hoeren li {
  margin: 4px 0;
}

.player {
  /* rechts 6px padding hinzu, damit bei bold (.playing) nicht ungewollte neue Zeilenumbrüche reinkommen */
  padding: 1px 22px 1px 0;
  text-decoration: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAADRCAMAAADymcJCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0Y3MTBFQ0I5RTUyMTFFMEFDMDhCQ0MzOTI0M0JGNzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0Y3MTBFQ0M5RTUyMTFFMEFDMDhCQ0MzOTI0M0JGNzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRjcxMEVDOTlFNTIxMUUwQUMwOEJDQzM5MjQzQkY3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRjcxMEVDQTlFNTIxMUUwQUMwOEJDQzM5MjQzQkY3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkoGPw8AAABgUExURb25s52ZlOrl3dbRytnUzd3Z0dHNxqWinMG9t5eUjyAgH83JwrCtp6Gema2po8nFvrSxq46LhoSBfOLd1rm1r6qmoWBeW5OPi+3o4MTAuWZkYOfi2oeEgIqHg4F+ev////Ygl+8AAAAgdFJOU/////////////////////////////////////////8AXFwb7QAAAPJJREFUeNrs19uOhCAMBuACgoiAzKICHqbv/5YLuk6c+51kLqgxqV8asJc/YCmhrbWJlhbyy4kZeyGnDk4QD3mMIe+mAvzB8apuzEDS6xtp4NCQ0qXhlHEC545GtecxBiZ5gppZzI2BttyFTmXBGKMBbZFStEo9/eopIyA66j21ykXPGJ0MYNBrw7RcRd8zvjNA9tPzRgiZUu/3tvw6PHUjkhzYsIVzuWHbiXZt2MzfthgdCaFrm2v9t6pQoUKFChUqVKhQocK3w2cCzVWvQLOoUS33QHPAPdAsyuWJW6CZlVXzPdAsGZb3QJOffws0vwIMALoKfxwFPfajAAAAAElFTkSuQmCC) top right no-repeat;
}
.ie7 .player {
  background-image: url(../images/play.png);
}
.playing {
  background-position: right -193px;
  text-decoration: underline; 
}



h2 {
  clear: left;
}

.termine {
  list-style: none;
  margin-left: 0;
  width: 100%;
  overflow: hidden;
}
.termine li {
  margin-bottom: 1em;
}
.abgelaufen {
  color: #8f8c87;
}
.termine li {
  float: left;
  margin-right: 3%;
  width: 30%;
}

.home .termine li {
  float: none;
  width: auto;
  margin-right: 0;
}

@media (max-width: 480px) {
  .termine li {
    width: 47%;
  }
}
@media (max-width: 320px) {
  .termine li {
    float: none;
    width: auto;
    margin-right: 0;
  }
}
@media (max-width: 930px) and (min-width: 620px) {
  h1 {
    background-position: 8px bottom;
    padding-bottom: 53px
  }
  #nav {
    text-align:left;
    float:left;
    margin-left: 14px;
    margin-top: 1em;
  }

  .termine li {
    width: 47%;
  }
}
@media (max-width: 620px) {
  html {
    background-image: none;
  }
  #page-left, .home #page-left,
  #page-right, .home #page-right {
    float: none;
    width: 100%;
    height: auto;
    position: static;
    margin-left: 0;
  }
  #page-right .page-inner, .home #page-right .page-inner {
    padding-top: 0;
    padding-bottom: 26px;
  }
  #page-left .page-inner {
    padding-bottom: 3.5em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA3CAMAAABJoPgRAAAABGdBTUEAALGPC/xhBQAAAGBQTFRFZWVlenp6U1NTDw8PCwsLERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRERIRAAAAcFtVp5Bst6SAw7OVzL6m08ex2tC+4NjJ5d3R6OHW6uTa7ejfL/80PQAAABR0Uk5T0tjKqreZjkR7UC04hW4EYCMWDACH59lxAAACb0lEQVRIx8WP65LbIAyFtevYYMCAoLdNd5P3f8ueI7JJpp3O8KdTIYMunw5Yes8wbCPII+jd9nyLsKS1jtVYbTA0mLLZecLZ6gBxNmPUphspk9NuU5RFTT47rSu8W6iU12ZVLBMQJpk5AR1XUyNrU7vcVLsSZMVkeiaqVIMDV82k8YiMn8k6/kxhkDLZzC5vQo0vUiWIGlQqEH45VwSVf6fax19iiUlUS0h1xJmNphW41l75Qu2CmAJ4FU/jKx/R+IwKedLgDWwEifLqFiDagnILlFCblMAw3GrjPnyBtNaRNj5ZQqxg7asa4piLNZKuge9iQEWtMQIIERbAMQSCKzRqQFMDy7g6Vueo6IwkgwsgCrMNGZTk1nbBuaEaXaAPdQbYEAuA3RGNGGG8B5vdubNhEs7JvscIdzgddrjD6Zggs94O2QrQFdSx7ygi280QMbRCxB27lL3Q8WE5OmLSOAs1HOowAw9Sh7U4dljBcYQwDLcJ+4fZqO8MyB67rXJQsEDRo8HUe24cMKeNrFDJASw+EeOXfEmo+mKz/kbZksQ5YDgxkJAgYhErEU2FB8B0bMknuN82dj3p5D31OYYemCLbsUIICFKgHmOWbBuBhCxxOgmaW1qt5j2K27qmdd1Ior5ZFcOHrBta6xjHydjEgHuSK4fTcUhaSJnKUF4XyFA2jfs935G8nE7L68vL6+tyethijg02kmWRL5MmXydNvk2afJ80+TFp8jZp8nY+P/s9uqX3opwnTX5O2jz4Pmnz4MfHu/nfvs8Q4JzJZdL+BXi9/un4Lo/QDrnc2/fm7yUL5foYuoVPx1NRrpP2H8FfZJqmDydns8IAAAAASUVORK5CYII=) repeat-x left bottom;
  }
  h1 {
    margin-left: -22px;
  }
  #nav {
    float: none;
    text-align: left;
    width: 50%;
    overflow: hidden;
    margin-top: 1em;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
  }
  #nav li {
    line-height: 1.6;
  }

  #secondary-nav {
    position: static;
    text-align: right;
  }


  #page-right {
    height: auto;
  }
  #page-right .page-inner {
    margin: 2em 26px;
  }
}
@media (max-width: 420px) {
  h1 {
    background-size: 50%;
    background-position: 86% 26px;
  }
  h1 a {
    background-size: 40%;
  }
}
@media (max-height: 280px) {
  #page-left, .home #page-left {
    position: static;
  }
}