@media screen, projection
{

  /*
   * ======================================================================
   * basic HTML elements
   * ======================================================================
   */
  body
  {
    background-color: #f5f0e6;
    color: #4b4b4b;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 75%; /* 12px */
    line-height: 1.6667em; /* 20px */
    }

  html>body {
    font-size: 12px;
    }

  body, div, dt, dd, li, th, td,
  dl, ul, ol, pre, form, fieldset,
  p, blockquote
  {
    line-height: 1.6667em;
    font-size: 1em;
    margin-bottom: 1.6667em;
    }

  a
  {
    color: #4b4b4b;
    text-decoration: none;
    }

  a:hover,
  a:focus
  {
    text-decoration: underline;
    }

  h2
  {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.5em; /* 18px */
    font-weight: normal;
    line-height: 1.1111em; /* 20px */
    margin-top: 2.2222em;
    margin-bottom: 1.1111em;
    }

  /*
   * ======================================================================
   * Generic classes
   * ======================================================================
   */
  .columns
  {
    margin-bottom: 0; /*-1.6667em;*/
    overflow: hidden;
    }

  .columns .lcol,
  .columns .rcol
  {
    margin-bottom: 0;
    }

  .columns .lcol
  {
    float: left;
    }

  .columns .rcol
  {
    float: right;
    }

  .columns .col66
  {
    width: 66%;
    }

  .columns .col33
  {
    width: 33%;
    }

  .link
  {
    display: inline !important;
    padding: 0 !important;
    text-decoration: underline;
    }

  .link:hover
  {
    text-decoration: none;
    }

  /*
   * ======================================================================
   * main page structure
   * ======================================================================
   */
  #page
  {
    background-color: #fff;
    margin: 0 auto 194px auto;
    padding: 0 15px 15px 15px;
    width: 970px;
    }

  /* Standard header */
  #header
  {
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 150px;
    margin-bottom: 15px;
    }

  #header h1
  {
    background: transparent url(../images/logo.png) no-repeat 15px center;
    text-indent: -9999px;
    }

  #header h1 a
  {
    display: block;
    height: 75px;
    width: 347px;
    }

  /* Header startseite */
  body#page-home #header
  {
    height: 370px;
    }

  body#page-home #header h1
  {
    background-color: #e6eff5;
    margin-bottom: 17px;
    }

  /* Header impressum */
  body#page-impressum #header
  {
    background-image: url(../images/header_impressum.jpg);
    }

  /* Header kontakt */
  body#page-kontakt #header
  {
    background-image: url(../images/header_kontakt.jpg);
    }

  /* Header podcast */
  body#page-podcast #header
  {
    background-image: url(../images/header_podcast.jpg);
    }

  /* Header aktuelles */
  body#page-aktuelles #header
  {
    background-image: url(../images/header_aktuelles.jpg);
    }

  /* Header projekt */
  body#page-projekt #header
  {
    background-image: url(../images/header_projekt.jpg);
    }

  /* Header objekte */
  body#page-objekte #header,
  body#page-objekt-archiv #header
  {
    background-image: url(../images/header_objekte.jpg);
    }

  /* Header museen */
  body#page-museen #header,
  body#page-museen-tabelle #header,
  body#page-museen-karte #header
  {
    background-image: url(../images/header_museen.jpg);
    }

  /* Header woerterbuch */
  body#page-woerterbuch #header
  {
    background-image: url(../images/header_woerterbuch.jpg);
    }

  /* Header service */
  body#page-service-links #header,
  body#page-service-presse #header
  {
    background-image: url(../images/header_service.jpg);
    }

  #content
  {
    clear: left;
    min-height: 259px;
    overflow: hidden;
    }

  #page-museen-karte #content
  {
    overflow: visible;
    }

  #content,
  #footer,
  #footer ul
  {
    margin-bottom: 0;
    }

  ul.partnerLogos
  {
    float: left;
    width: 478px;
    margin-right: 13px;
    }

  ul.pl-2
  {
    margin-right: 0;
    }

  ul.partnerLogos li
  {
    float: left;
    margin-right: 13px;
    margin-bottom: 10px;
    }
  ul.partnerLogos li.last
  {
    margin-right: 0;
    }

  #footer p
  {
    clear: left;
    font-size: 0.8333em; /* 10px */
    line-height: 1.3333em;
    margin-bottom: 0em;
    margin-top: 3px;
    }

  /*
   * ======================================================================
   * slideshow
   * ======================================================================
   */
  #slideshow,
  .slideshow,
  .slideshow div
  {
    margin: 0;
    }

  #slideshow
  {
    overflow: hidden;
    }

  .slideshow,
  .slideshow div
  {
    height: 278px;
    width: 479px;
    }

  .slideshow
  {
    position: relative;
    }

  .slideshow div
  {
    background-position: 0 -278px;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0;
    }

  .slideshow div.ready
  {
    background-position: 0 0;
    display: none;
    }

  #slideshow-left
  {
    background-image: url(../images-slideshow/01_left.jpg);
    float: left;
    }

  #slideshow-right
  {
    background-image: url(../images-slideshow/01_right.jpg);
    float: right;
    }

  #slideshow-left-1 { background-image: url(../images-slideshow/01_left.jpg); }
  #slideshow-left-2 { background-image: url(../images-slideshow/02_left.jpg); }
  #slideshow-left-3 { background-image: url(../images-slideshow/03_left.jpg); }
  #slideshow-left-4 { background-image: url(../images-slideshow/04_left.jpg); }
  #slideshow-left-5 { background-image: url(../images-slideshow/05_left.jpg); }
  #slideshow-left-6 { background-image: url(../images-slideshow/06_left.jpg); }
  #slideshow-left-7 { background-image: url(../images-slideshow/07_left.jpg); }

  #slideshow-right-1 { background-image: url(../images-slideshow/01_right.jpg); }
  #slideshow-right-2 { background-image: url(../images-slideshow/02_right.jpg); }
  #slideshow-right-3 { background-image: url(../images-slideshow/03_right.jpg); }
  #slideshow-right-4 { background-image: url(../images-slideshow/04_right.jpg); }
  #slideshow-right-5 { background-image: url(../images-slideshow/05_right.jpg); }
  #slideshow-right-6 { background-image: url(../images-slideshow/06_right.jpg); }
  #slideshow-right-7 { background-image: url(../images-slideshow/07_right.jpg); }

  /*
   * ======================================================================
   * navigation
   * ======================================================================
   */
  #menuMain,
  #menuSub,
  #menuFooter
  {
    border-bottom: 1px solid #4b4b4b;
    margin-bottom: 0;
    overflow: hidden;
    }

  #menuMain,
  #menuFooter
  {
    border-top: 1px solid #4b4b4b;
    padding: 5px 0 5px 0;
    }

  #menuSub
  {
    padding: 3px 0 3px 0;
    }

  #menuSub.dummy
  {
    border-bottom-color: #fff;
    height: 1em;
    padding-bottom: 15px;
    }

  #menuMain ul,
  #menuSub ul
  {
    margin-bottom: 0;
    margin-left: -7.14px;
    }

  #menuMain li,
  #menuSub li,
  #menuFooter li
  {
    float: left;
    margin-bottom: 0;
    margin-left: 7.14px;
    }

  #menuMain li
  {
    font-size: 1.0833em; /* 13px */
    line-height: 1.5385em; /* 20px */
    font-weight: bold;
    width: 115px;
    }

  #menuMain li.active
  {
    width: 105px;
    }

  #menuFooter ul
  {
    margin-bottom: 0;
    }

  #menuFooter li
  {
    margin-left: 0;
    margin-right: 0.3em;
    }

  #menuMain a,
  #menuSub a
  {
    display: block;
    }

  #menuMain a,
  #menuSub a,
  #menuMain li.active,
  #menuSub li.active
  {
    padding: 5px;
    }

  #menuSub a,
  #menuSub li.active
  {
    padding-bottom: 2px;
    padding-top: 2px;
    }

  #menuMain a:hover,
  #menuSub a:hover,
  #menuMain a:focus,
  #menuSub a:focus,
  #menuMain li.active,
  #menuSub li.active,
  #letters li.active span,
  #letters a:hover,
  #letters a:focus
  {
    background-color: #fdd89e;
    text-decoration: none;
    }

  #menuMain span
  {
    display: block;
    }

  #menuSub,
  #menuFooter
  {
    clear: left;
    margin-bottom: 10px;
    }

  #menuFooter .menu-cs
  {
    margin-left: 491px;
    }

  /*
  .nav-prev-next
  {
    overflow: hidden;
    }
  */
  .nav-prev-next:after
  {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
    }
  .nav-prev-next
  {
    display: block;
    }

  .nav-prev
  {
    float: left;
    }

  .nav-next
  {
    float: right;
    }

  /*
   * ======================================================================
   * letter navigation (dictionary)
   * ======================================================================
   */
  #letters ul
  {
    margin-left: -4px;
    overflow: hidden;
    }

  #letters li
  {
    float: left;
    margin-bottom: 0;
    margin-left: 4px;
    width: 27.4px;
    }

  #letters li.active
  {
    font-weight: bold;
    }

  #letters a,
  #letters span
  {
    background-color: #e2e0df;
    display: block;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    }

  /*
   * ======================================================================
   * content styles
   * ======================================================================
   */
  #content ul
  {
    list-style-type: disc;
    margin-left: 1.6667em;
    }

  #content li
  {
    margin-bottom: 0;
    }

  #content ul.partnerLogos
  {
    float: none;
    width: auto;
    background-color: #fff;
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding: 10px 15px 0;
    }

  #content ul.pl-1
  {
    margin-bottom: 0;
    padding-bottom: 12px;
    }

  #content img
  {
    margin-bottom: 1.6667em;
    }

  #content ul.partnerLogos img
  {
    margin-bottom: 0;
    }

  /*
   * ======================================================================
   * text boxes
   * ======================================================================
   */
  .box
  {
    padding: 15px 15px 0 15px;
    }

  .box a
  {
    text-decoration: underline;
    }

  .box a:hover
  {
    text-decoration: none;
    }

  .box-heading
  {
    margin-top: 0em;
    }

  /*
   * ======================================================================
   * text boxes -- colors
   * ======================================================================
   */
  .box-de
  {
    background-color: #fef1db;
    border-bottom: 1px solid #fff;
    }

  .box-cs
  {
    background-color: #dfe3e6;
    border-bottom: 1px solid #fff;
    }

  .object-description-de h2,
  .box-de h2
  {
    color: #db7c0c;
    }

  .object-description-cs h2,
  .box-cs h2
  {
    color: #284154;
    }

  /*
   * ======================================================================
   * text boxes (II)
   * ======================================================================
   */
  .information
  {
    clear: left;
    margin-bottom: 2.5em;
    overflow: hidden;
    }

  .information .box
  {
    padding-bottom: 32767px;
    margin-bottom: -32772px;
    width: 449px;
    }

  .information .box-de
  {
    float: left;
    }

  .information .box-cs
  {
    float: right;
    }

  /*
   * ======================================================================
   * text boxes (III)
   * ======================================================================
   */
  .object
  {
    margin-bottom: 3.3333em;
    overflow: hidden;
    }

  .object-img
  {
    float: left;
    }

  .object-description
  {
    margin-left: 315px;
    margin-bottom: 0.8333em;
    }

  .object-description h2
  {
    float: left;
    margin-top: 15px;
    width: 164px;
    }

  .object-description .box
  {
    margin-left: 176px;
    min-height: 140px;
    height: auto !important;
    height: 140px;
    }

  p.artist
  {
    margin-bottom: 0;
    }

  /*
   * ======================================================================
   * text boxes (IV)
   * ======================================================================
   */
  .objekt-liste
  {
    margin-bottom: 1em !important;
    }

  .objekt-liste .information
  {
    margin-bottom: 1em;
    max-height: 72px;
    }

  .objekt-liste .box
  {
    min-height: 61px;
    height: auto !important;
    height: 61px;
    }

  .objekt-liste h2
  {
    color: inherit;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: -0.5em;
    width: 336px;
    }

  .objekt-liste p
  {
    margin-bottom: 0;
    margin-left: 113px;
    }

  .objekt-liste img
  {
    float: left;
    margin: -15px 10px 0 -15px !important;
    }

  /*
   * ======================================================================
   * text boxes (V)
   * ======================================================================
   */
  .museen-liste,
  .presse-liste
  {
    margin-bottom: -0.5em !important;
    }

  .museen-liste .box,
  .presse-liste .box
  {
    float: none;
    margin-bottom: 0.5em;
    padding-bottom: 5px;
    padding-top: 5px;
    width: auto;
    }

  .museen-liste p,
  .presse-liste p
  {
    margin-bottom: 0;
    }

  .museen-liste p
  {
    font-weight: bold;
    }

  .museen-liste p a
  {
    font-weight: normal;
    }

  /*
   * ======================================================================
   * text boxes (VI)
   * ======================================================================
   */
  .dictionary,
  .link-liste
  {
    padding-bottom: 2em;
    }

  .link-liste .information
  {
    margin-bottom: 0;
    }

  .dictionary .box,
  .link-liste .box
  {
    margin-bottom: 0.5em !important;
    padding-bottom: 5px;
    padding-top: 5px;
    }

  .dictionary .box
  {
    width: 449px;
    }

  .dictionary .list-de,
  .dictionary .list-cs
  {
    list-style-type: none !important;
    margin: 0 !important;
    }

  .dictionary .list-de
  {
    float: left;
    }

  .dictionary .list-cs
  {
    float: right;
    }

  .link-liste p
  {
    margin-bottom: 0;
    }

  .dictionary .box-de .term-de,
  .dictionary .box-cs .term-cs
  {
    font-weight: bold;
    }

  .link-liste span.link,
  .presse-liste span.download
  {
    display: block !important;
    }

  .presse-liste .title
  {
    font-weight: bold;
    }

  .presse-liste .presse-download
  {
    background-position: 99% 7px;
    background-repeat: no-repeat;
    padding-right: 45px;
    }

  /*
   * ======================================================================
   * Museum map
   * ======================================================================
   */
  ul#karte
  {
    background: url(../images/museen-karte.jpg) no-repeat left top;
    height: 571px;
    list-style-type: none;
    margin: -1.5em 0 2.5em 0;
    position: relative;
    }

  ul#karte a
  {
    display: block;
    height: 15px;
    position: absolute;
    width: 15px;
    }

  ul#karte a:hover
  {
    text-decoration: none;
    }

  ul#karte .map-description,
  ul#karte .map-arrow
  {
    display: none;
    left: -70px;
    width: 155px;
    }

  ul#karte .map-arrow
  {
    background: transparent url(../images/tooltip-arrow.gif) no-repeat 50% bottom;
    bottom: 5px;
    padding-bottom: 14px;
    }

  ul#karte .map-description
  {
    border: 1px solid #4b4b4b;
    bottom: 18px;
    cursor: pointer;
    }

  ul#karte a:hover .map-description,
  ul#karte a:focus .map-description,
  ul#karte a:hover .map-arrow,
  ul#karte a:focus .map-arrow
  {
    display: block;
    position: absolute;
    }

  ul#karte .map-description span
  {
    background-color: #fff;
    display: block;
    font-size: 0.9167em; /* 11px */
    line-height: 1.1818em; /* 13px */
    padding: 5px;
    }

  /*
   * ======================================================================
   * Podcasts
   * ======================================================================
   */
  .podcast
  {
    overflow: hidden;
    }

  .podcast img, .podcast.video div
  {
    float: left;
    margin-bottom: 15px;
    }

  .podcast h2,
  .podcast p,
  .podcast div.podcast-player
  {
    margin-left: 240px;
    }

  .podcast.video h2,
  .podcast.video p,
  .podcast.video div.podcast-player
  {
    margin-left: 351px;
    }

  .podcast-player
  {
    border-top: 1px solid #4b4b4b;
    margin-top: -0.8333em;
    padding-top: 0.75em;
    }

  .podcast-download,
  .podcast-player p
  {
    margin-left: 0 !important;
    }

  .podcast-player p
  {
    float: left;
    margin-right: 15px;
    }

  .podcast-controls
  {
    float: left;
    height: 20px;
    width: 261px;
    }

  .podcast-download
  {
    background-repeat: no-repeat;
    float: right;
    height: 30px;
    margin-top: -4px;
    padding-left: 30px;
    padding-top: 4px;
    }

  .mp3
  {
    background-image: url(../images/icon_mp3.png);
    }

  .pdf
  {
    background-image: url(../images/icon_pdf.png);
    }

}