/*
Theme Name: FLENSBURG MOBIL
Theme URI: http://www.flensburg-mobil.de
Description: SCREEN THEME
Version: 1.000.007
Author: PROJEKT 77
URI: http://www.projekt-77.de

******* FONT *******

FONT WEB

******* END FONT *******

******* COLOR *******

BG BODY GREY       #F2F2F2 // #FFFFFF
BG CONTENT         #FFFFFF
BLUE DEFAULT    #0066CC

BORDER GREY      #BBBBBB

CONTENT COLOR     #333333
LINK COLOR      #0066CC

******* END COLOR *******

line-height        22px;

******* LAST MOD *******

11-08-01 created

11-11-14 add #content .cat-notice

11-12-04 edit news-slider home

12.02.20 add teaser-special

17-03-09 responsive

******* LAST MOD *******


*/

/* ### DEFAULT
################################################################################################# */

body {
  min-width: 70em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  line-height: 100%;
  color: #333333;
  background: #FFFFFF url(../graphic/bg/bg-body.png) top center repeat-x;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 1px) and (max-width: 1050px) {

  img {
    width: 100%;
    max-width: 100%;
  }


  body {
    min-width: auto;
    background: rgba(255,255,255,1.00) none;
  }

}

html,
body {height: 100%;}

/* ### hide
############################################## */

#content acronym,
#content abbr,
#content dfn {
    color: #0066CC;
    font-style: normal;
    cursor: help;
    border-bottom: 1px dashed #0066CC;
}

.footer-default acronym,
.footer-default abbr,
.footer-default dfn {
    color: #FFFFFF;
    font-style: normal;
    cursor: help;
    border-bottom: 1px dashed #FFFFFF;
}

.invisible {visibility: hidden;}

.hide,
#address {display: none;}

.hide_title,
.hide_active,
.jumptocontent {
    position: absolute;
    top: -6000px;
    left: -6000px;
     height: 1px;
    width: 1px;
}

hr {display: none;}

a img {border: 0;}

#content sub {
    font-size: 90%;
    vertical-align: sub;
    *vertical-align: bottom;
    line-height: 100%;
}

#content sup {
    font-size: 90%;
    vertical-align: text-top;
    line-height: 100%;
}

/* ### END hide
############################################## */

/* ### links
############################################## */

a:link,
a:visited {
  color: #0066CC;
  background-color: transparent;
  text-decoration: underline;
}

a:hover,
a:active,
a:focus {
  color: #333333;
  background-color: transparent;
  text-decoration: none;
}

a.poi-link,
a.poi-link:link,
a.poi-link:visited {
  color: #0066CC;
  background: transparent url(../graphic/bg/bg-poi-link.gif) left center no-repeat;
  margin: 0;
  padding: 0 0 0 15px;
}

a.poi-link:hover,
a.poi-link:active,
a.poi-link:focus {
  color: #333333;
  background: transparent url(../graphic/bg/bg-poi-link.gif) left center no-repeat;
  margin: 0;
  padding: 0 0 0 15px;
}

/* ### END links
############################################## */

/* ### END DEFAULT
################################################################################################# */

/* ### TAB NAVIGATION
################################################################################################# */

#jumpmenu a:link,
#jumpmenu a:visited {
  color: #FFFFFF;
  background-color: #0066CC;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  z-index: 9999;
}

#jumpmenu a:hover,
#jumpmenu a:active,
#jumpmenu a:focus {
  font-size: 200%;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 40px 0;
  white-space: nowrap;
  display: block;
  float: left;
  position: fixed;
  z-index: 9999;
}

/* ### END TAB NAVIGATION
################################################################################################# */

/* ### LAYER DEFAULT
################################################################################################# */

.frame-default {
  width: 100%;
  color: #333333;
  background: transparent url(../graphic/bg/bg-site.png) top center no-repeat;
  margin: 15px 0 0 0;
  padding: 0;
  float: left;
}

.footer-default {

  width: 100%;
  height: 290px;
  color: #FFFFFF;
  background: transparent url(../graphic/bg/bg-footer.png) center repeat-x;
  margin: -7px 0 0 0;
  padding: 0;
  display: inline;
  position: relative;
  float: left;
  z-index: 199;
}

@media (min-width: 1px) and (max-width: 1050px) {

  .frame-default {
      width: 100%;
     background: rgba(255,255,255,1.00) none;
    margin: 0;
  }

  .footer-default {
    background: #197FE5 none;
    height: auto;
  }


}

/* ### END LAYER DEFAULT
################################################################################################# */

/* ### HEADER
################################################################################################# */

.header {height: 119px;}
.grid_6.header2 {margin-left: 0;}

    /* ### LOGO
    ########################### */

    /* ### FLENSBURG
    ####################### */

  .mobil,
    .mobil-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
    }

    .mobil h1 {
      margin: 0;
      padding: 0;
      line-height: normal;
    }

   .mobil-home h1 {
      width: 220px;
      height: 88px;
      color: #000000;
      background: transparent url(../graphic/bg/bg-logo.gif) no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      display: inline;
      z-index: 22;
  }

      .mobil a,
      .mobil a:link,
      .mobil a:visited {
        width: 220px;
        height: 88px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo.gif) no-repeat;
        margin: 0;
        padding: 0;
        position: absolute;
        display: inline;
        z-index: 22;
      }

      .mobil a:hover,
      .mobil a:active,
      .mobil a:focus {
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo.gif) -540px 0 no-repeat;
      }

/* ### END FLENSBURG
    ####################### */

  /* ### GLÜCKSBURG
    ####################### */

  .mobil-gl,
    .mobil-gl-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
    }

    .mobil-gl h1 {
      margin: 0;
      padding: 0;
      line-height: normal;
    }

        .mobil-gl-home h1 {
      width: 240px;
      height: 88px;
      color: #000000;
      background: transparent url(../graphic/bg/bg-logo-gl.gif) no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      display: inline;
      z-index: 22;
        }

      .mobil-gl a,
      .mobil-gl a:link,
      .mobil-gl a:visited {
        width: 240px;
        height: 88px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-gl.gif) no-repeat;
        margin: 0;
        padding: 0;
        position: absolute;
        display: inline;
        z-index: 22;
      }

      .mobil-gl a:hover,
      .mobil-gl a:active,
      .mobil-gl a:focus {
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-gl.gif) -540px 0 no-repeat;
      }

  /* ### END GLÜCKSBURG
    ####################### */

  /* ### KREIS S-F
    ####################### */

  .mobil-kreis,
    .mobil-kreis-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
    }

    .mobil-kreis h1 {
      margin: 0;
      padding: 0;
      line-height: normal;
    }

        .mobil-kreis-home h1 {
      width: 540px;
      height: 88px;
      color: #000000;
      background: transparent url(../graphic/bg/bg-logo-kreis.gif) no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      display: inline;
      z-index: 22;
        }

      .mobil-kreis a,
      .mobil-kreis a:link,
      .mobil-kreis a:visited {
        width: 540px;
        height: 88px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-kreis.gif) no-repeat;
        margin: 0;
        padding: 0;
        position: absolute;
        display: inline;
        z-index: 22;
      }

      .mobil-kreis a:hover,
      .mobil-kreis a:active,
      .mobil-kreis a:focus {
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-kreis.gif) -540px 0 no-repeat;
      }

  /* ### END KREIS S-F
    ####################### */

  /* ### KAPPELN
    ####################### */

  .mobil-ka,
    .mobil-ka-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
    }

    .mobil-ka h1 {
      margin: 0;
      padding: 0;
      line-height: normal;
    }

        .mobil-ka-home h1 {
      width: 170px;
      height: 88px;
      color: #000000;
      background: transparent url(../graphic/bg/bg-logo-ka.gif) no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      display: inline;
      z-index: 22;
        }

      .mobil-ka a,
      .mobil-ka a:link,
      .mobil-ka a:visited {
        width: 170px;
        height: 88px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-ka.gif) no-repeat;
        margin: 0;
        padding: 0;
        position: absolute;
        display: inline;
        z-index: 22;
      }

      .mobil-ka a:hover,
      .mobil-ka a:active,
      .mobil-ka a:focus {
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-ka.gif) -540px 0 no-repeat;
      }

  /* ### END KAPPELN
    ####################### */

  /* ### SÜDERBRARUP
    ####################### */

  .mobil-sb,
    .mobil-sb-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
    }

    .mobil-sb h1 {
      margin: 0;
      padding: 0;
      line-height: normal;
    }

        .mobil-sb-home h1 {
      width: 270px;
      height: 88px;
      color: #000000;
      background: transparent url(../graphic/bg/bg-logo-sb.gif) no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      display: inline;
      z-index: 22;
        }

      .mobil-sb a,
      .mobil-sb a:link,
      .mobil-sb a:visited {
        width: 270px;
        height: 88px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-sb.gif) no-repeat;
        margin: 0;
        padding: 0;
        position: absolute;
        display: inline;
        z-index: 22;
      }

      .mobil-sb a:hover,
      .mobil-sb a:active,
      .mobil-sb a:focus {
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-sb.gif) -540px 0 no-repeat;
      }

  /* ### END SÜDERBRARUP
    ####################### */

  /* ### SCHLESWIG
    ####################### */

  .mobil-sl,
    .mobil-sl-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
    }

    .mobil-sl h1 {
      margin: 0;
      padding: 0;
      line-height: normal;
    }

        .mobil-sl-home h1 {
      width: 200px;
      height: 88px;
      color: #000000;
      background: transparent url(../graphic/bg/bg-logo-sl.gif) no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      display: inline;
      z-index: 22;
        }

      .mobil-sl a,
      .mobil-sl a:link,
      .mobil-sl a:visited {
        width: 200px;
        height: 88px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-sl.gif) no-repeat;
        margin: 0;
        padding: 0;
        position: absolute;
        display: inline;
        z-index: 22;
      }

      .mobil-sl a:hover,
      .mobil-sl a:active,
      .mobil-sl a:focus {
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-sl.gif) -540px 0 no-repeat;
      }

  /* ### END SCHLESWIG
    ####################### */

  .mobil .logotxt,
  .mobil-home .logotxt,

  .mobil-gl .logotxt,
  .mobil-gl-home .logotxt,

  .mobil-kreis .logotxt,
  .mobil-kreis-home .logotxt,

  .mobil-ka .logotxt,
  .mobil-ka-home .logotxt,

  .mobil-sb .logotxt,
  .mobil-sb-home .logotxt,

  .mobil-sl .logotxt,
  .mobil-sl-home .logotxt,

  .mobil-hl .logotxt,
  .mobil-hl-home .logotxt,

  .mobil-hb .logotxt,
  .mobil-hb-home .logotxt,

  .mobil-hw .logotxt,
  .mobil-hw-home .logotxt,

  .mobil-kl .logotxt,
  .mobil-kl-home .logotxt,

  .mobil-ge .logotxt,
  .mobil-ge-home .logotxt {
    display: none;
  }

  .mobil-aa .logotxt,
  .mobil-aa-home .logotxt {
    display: none;
  }

  /* ### END LOGO
  ########################### */

  /* ### LOGO REDAKTIONSBEREICH
  ################################## */

  .mobil-intern,
    .mobil-intern-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
    }

    .mobil-intern h1 {
      margin: 0;
      padding: 0;
      line-height: normal;
    }

    .mobil-intern-home h1 {
      width: 240px;
      height: 88px;
      color: #000000;
      background: transparent url(../graphic/bg/bg-logo-intern.gif) no-repeat;
      margin: 0;
      padding: 0;
      position: absolute;
      display: inline;
      z-index: 22;
    }

      .mobil-intern a,
      .mobil-intern a:link,
      .mobil-intern a:visited {
        width: 240px;
        height: 88px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-intern.gif) no-repeat;
        margin: 0;
        padding: 0;
        position: absolute;
        display: inline;
        z-index: 22;
      }

      .mobil-intern a:hover,
      .mobil-intern a:active,
      .mobil-intern a:focus {
        color: #000000;
        background: transparent url(../graphic/bg/bg-logo-intern.gif) -540px 0 no-repeat;
      }

      .mobil-intern .logotxt,
      .mobil-intern-home .logotxt {display: none;}

  /* ### END LOGO REDAKTIONSBEREICH
  ################################## */


  /* ### GELTINGER BUCHT
    ####################### */
  .mobil-ge,
  .mobil-ge-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
  }

  .mobil-ge h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
  }

  .mobil-ge-home h1 {
    width: 325px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-geltinger-bucht.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-ge a,
  .mobil-ge a:link,
  .mobil-ge a:visited {
    width: 325px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-geltinger-bucht.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-ge a:hover,
  .mobil-ge a:active,
  .mobil-ge a:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-geltinger-bucht.gif) -540px 0 no-repeat;
  }
  /* ### END GELTINGER BUCHT
    ####################### */

  /* ### KAPPELN LAND
    ####################### */
  .mobil-kl,
  .mobil-kl-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
  }

  .mobil-kl h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
  }

  .mobil-kl-home h1 {
    width: 270px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-kappeln-land.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-kl a,
  .mobil-kl a:link,
  .mobil-kl a:visited {
    width: 270px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-kappeln-land.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-kl a:hover,
  .mobil-kl a:active,
  .mobil-kl a:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-kappeln-land.gif) -540px 0 no-repeat;
  }
  /* ### END KAPPELN LAND
    ####################### */

  /* ### HARISLEE
    ####################### */
  .mobil-hl,
  .mobil-hl-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
  }

  .mobil-hl h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
  }

  .mobil-hl-home h1 {
    width: 390px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-harrislee.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-hl a,
  .mobil-hl a:link,
  .mobil-hl a:visited {
    width: 390px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-harrislee.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-hl a:hover,
  .mobil-hl a:active,
  .mobil-hl a:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-harrislee.gif) -540px 0 no-repeat;
  }
  /* ### END HARISLEE
    ####################### */

  /* ### HADDEBY
    ####################### */
  .mobil-hb,
  .mobil-hb-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
  }

  .mobil-hb h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
  }

  .mobil-hb-home h1 {
    width: 170px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-haddeby.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-hb a,
  .mobil-hb a:link,
  .mobil-hb a:visited {
    width: 170px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-haddeby.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-hb a:hover,
  .mobil-hb a:active,
  .mobil-hb a:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-haddeby.gif) -540px 0 no-repeat;
  }
  /* ### END HADDEBY
    ####################### */

  /* ### HANDEWITT
    ####################### */
  .mobil-hw,
  .mobil-hw-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
  }

  .mobil-hw h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
  }

  .mobil-hw-home h1 {
    width: 400px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-handewitt.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-hw a,
  .mobil-hw a:link,
  .mobil-hw a:visited {
    width: 400px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-handewitt.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-hw a:hover,
  .mobil-hw a:active,
  .mobil-hw a:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-handewitt.gif) -540px 0 no-repeat;
  }
  /* ### END HANDEWITT
    ####################### */

  /* ### ARENSHARDE
    ####################### */
  .mobil-aa,
  .mobil-aa-home {
    top: 22px;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    display: inline;
    float: left;
    z-index: 20;
  }

  .mobil-aa h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
  }

  .mobil-aa-home h1 {
    width: 400px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-aa.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-aa a,
  .mobil-aa a:link,
  .mobil-aa a:visited {
    width: 400px;
    height: 88px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-aa.gif) no-repeat;
    margin: 0;
    padding: 0;
    position: absolute;
    display: inline;
    z-index: 22;
  }

  .mobil-aa a:hover,
  .mobil-aa a:active,
  .mobil-aa a:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-logo-aa.gif) -540px 0 no-repeat;
  }
  /* ### END ARENSHARDE
    ####################### */


/* ### END HEADER
################################################################################################# */

/* ### FOOTER
################################################################################################# */

.bg-footer {
  color: #FFFFFF;
  background: transparent url(../graphic/bg/bg-footer-line.gif) top left repeat-x;
  text-align: center;
  margin-top: -13px;
}

/* ### END FOOTER
################################################################################################# */

/* ### NAVIGATION
################################################################################################# */

#navigation {border-bottom: 1px solid #BBBBBB;}

/* ### END NAVIGATION
################################################################################################# */

/* ### TITLE
################################################################################################# */

#content h1 {
  color: #333333;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1.05em;
  letter-spacing: 1px;
  line-height: 125%;
  font-weight: bold;
  text-shadow: 0;
  border-bottom: 1px solid #BBBBBB;
  margin: 4px 0 19px 0;
  padding: 0 0 5px 0;
}

  #content h1 a,
  #content h1 a:link,
  #content h1 a:visited {
    color: #333333;
    background-color: transparent;
    text-decoration: none;
  }

  #content h1.page-browser-title {
    width: auto;
    margin: 5px 0 0 0;
      padding: 0;
    border: 0;
    display: inline;
    float: left;
  }

  #content h1.less-bottom {margin-bottom: 0;}

.footer-default h1 {
  color: #FFFFFF;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: none;
  font-size: 1.05em;
  font-weight: bold;
  text-shadow: 0;
  margin: 0 0 12px 0;
  padding: 0;
}

#content .teaser-special h1 {
    color: #FFFFFF;
    background-color: transparent;
    border-bottom: 0;
    margin: 4px 0 0 0;
    padding: 0 0 6px 0;
}

    #content .teaser-special h1 a,
    #content .teaser-special h1 a:link,
    #content .teaser-special h1 a:visited {
       color: #FFFFFF;
       background-color: transparent;
       text-decoration: none;
    }

    #content .teaser-special h1 a:hover,
    #content .teaser-special h1 a:active,
    #content .teaser-special h1 a:focus {
       color: #FFFFFF;
       background-color: transparent;
       text-decoration: none;
    }

#content h2 {
  color: #333333;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05em;
  line-height: 125%;
  font-weight: bold;
  text-shadow: 0;
  margin: 14px 0 0 0;
  padding: 0 0 15px 0;
}

  #content h2 a {
    color: #333333;
    background-color: transparent;
    text-decoration: none;
  }

  #content .grid_8 .news-list-element h2,
  #content .grid_8 .poi-list-element h2,
  #content .grid_8 .usability-list-teaser h2,
  #content .grid_8 .intern-list-poi h2 {margin: 5px 0 0 0;}

  #content .grid_8 .news-single-img h2,
  #content .grid_8 .news-single-docs h2,
  #content .grid_8 .news-single-links h2 {
      color: #333333;
      background-color: transparent;
      font-family: Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      font-size: 1.313em;
      font-weight: bold;
      text-shadow: 0;
      border-bottom: 1px solid #BBBBBB;
      margin: 26px 0 19px 0;
      padding: 0 0 5px 0;
  }

  #content .grid_8 .news-single-docs h2,
  #content .grid_8 .news-single-links h2 {font-size: 1.05em;}

#content .usability-list-teaser h3,
#content .poi-list-tour h3 {
  color: #333333;
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 8px 0 0 0;
  padding: 0 0 5px 0;
}

/* ### END TITLE
################################################################################################# */

/* ### CONTENT
################################################################################################# */

#content {
  width: 1120px;
  background: transparent url(../graphic/bg/bg-site-bottom.png) repeat-y;
  margin: 42px 0 0 0;
  padding: 0;
  text-align: left;
  display: inline;
  float: left;
}


@media (min-width: 1px) and (max-width: 1050px) {

  #content {
    width: 100%;
    margin: 0;
  }

}
    #content p,
    .footer-default p {
        font-size: 0.8em;
      line-height: 150%;
      margin: 0;
        padding: 0 0 12px 0;
    }

    .footer-default p {text-align: justify;}

  #content ul,
  .footer-default ul {
    font-size: 0.8em;
    line-height: 150%;
    margin: 0;
    padding: 0 0 12px 0;
  }

    #content .grid_8 ul {padding: 0 0 12px 25px;}

  #content .grid_4 ul {padding: 0 0 12px 20px;}

    #content ol,
    .footer-default ol {
      font-size: 0.8em;
      line-height: 150%;
      margin: 0;
      padding: 0 0 12px 25px;
    }

    #content li {
      margin: 0;
      padding: 0 0 4px 0;
    }

  #content .news-single-content ul,
  #content .news-single-content ol {list-style: none;}


@media (min-width: 1px) and (max-width: 1050px) {

  #content .grid_1 ul {
      line-height: 1;
      margin: 0;
      padding: 0;
    }

  #content .grid_1 ul.poi-navigation  {
      margin: -14px 0 0 0;
    }

   #content .grid_1 ul.poi-navigation li {
      margin: 0;
      padding: 0 0 4px 0;
    }


}


  /* ### IMG FIX
  ################################################### */

  html #content .grid_8 div.csc-textpic div.csc-textpic-imagewrap ul {
    line-height: normal;
    margin: 0;
    padding: 0;
  }

  /* Border just around the image */
  #content .grid_8 div.csc-textpic-border div.csc-textpic-imagewrap ul li.csc-textpic-image img,
  div.csc-textpic-border div.csc-textpic-single-image img,
  #content .grid_8 div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
  #content .grid_8 div.csc-textpic-border div.csc-textpic-single-image img{
    border: 4px solid #FFFFFF;
    padding: 0;
  }

  #content .grid_8 div.csc-textpic-imagewrap {padding: 0;}

  /* UL: This will place the images side by side */
  #content .grid_8 div.csc-textpic div.csc-textpic-imagewrap ul li {float: left; margin: 0; padding: 0;}

  /* Pictures on left, add margin on right */
  #content .grid_8 div.csc-textpic-left div.csc-textpic-imagewrap ul li.csc-textpic-image,
  #content .grid_8 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap ul li.csc-textpic-image,
  #content .grid_8 div.csc-textpic-intext-left div.csc-textpic-imagewrap ul li.csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10px;
  }

  /* Pictures on right, add margin on left */
  #content .grid_8 div.csc-textpic-right div.csc-textpic-imagewrap ul li.csc-textpic-image,
  #content .grid_8 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap ul li.csc-textpic-image,
  #content .grid_8 div.csc-textpic-intext-right div.csc-textpic-imagewrap ul li.csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }

  /* Pictures centered, add margin on left */
  #content .grid_8 div.csc-textpic-center div.csc-textpic-imagewrap ul li.csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
  }
  #content .grid_8 div.csc-textpic div.csc-textpic-imagewrap ul li.csc-textpic-image .csc-textpic-caption {margin: 0;}
  #content .grid_8 div.csc-textpic div.csc-textpic-imagewrap ul li.csc-textpic-image img {margin: 0; vertical-align: bottom;}

  /* Space below each image (also in-between rows) */
  #content .grid_8 div.csc-textpic div.csc-textpic-imagewrap ul li.csc-textpic-image {margin-bottom: 10px;}
  #content .grid_8 div.csc-textpic-equalheight div.csc-textpic-imagerow {margin-bottom: 10px; display: block;}
  #content .grid_8 div.csc-textpic div.csc-textpic-single-image img {margin-bottom: 10px;}

  /* IE7 hack for margin between image rows */
  *+html #content .grid_8 div.csc-textpic div.csc-textpic-imagerow ul li.csc-textpic-image {margin-bottom: 0;}
  *+html #content .grid_8 div.csc-textpic div.csc-textpic-imagerow {margin-bottom: 10px;}

  /* No margins around the whole image-block */
  #content .grid_8 div.csc-textpic DIV.csc-textpic-imagewrap ul li.csc-textpic-firstcol {margin-left: 0px !important;}
  #content .grid_8 div.csc-textpic DIV.csc-textpic-imagewrap ul li.csc-textpic-lastcol {margin-right: 0px !important;}

  /* Add margin from image-block to text (in case of "Text w/ images") */
  #content .grid_8 div.csc-textpic-intext-left div.csc-textpic-imagewrap,
  #content .grid_8 div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    margin-right: 10px !important;
  }
  #content .grid_8 div.csc-textpic-intext-right div.csc-textpic-imagewrap,
  #content .grid_8 div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
    margin-left: 10px !important;
  }

  /* Center (above or below) */
  #content .grid_8 div.csc-textpic-center div.csc-textpic-imagewrap {margin: 0 auto;}

  #content .grid_8 div.csc-textpic div.csc-textpic-imagerow-last {margin-bottom: 0;}


  /* ### END IMG FIX
  ################################################### */


  #content dl {
    font-size: 0.80em;
    line-height: 150%;
    margin: 0;
    padding: 0 0 12px 0;
  }

.footer-default a:link,
.footer-default a:visited {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: underline;
}

.footer-default a:hover,
.footer-default a:active,
.footer-default a:focus {
  color: #FFFFFF;
  background-color: transparent;
  text-decoration: none;
}

html .align-right {text-align: right;}

#content .teaser-special {
  width: 270px;
  color: #FFFFFF;
  background: #1177DC url(../graphic/bg/bg-teaser.jpg) top repeat-x;
  margin: -5px 0 38px 0;
  padding: 11px 15px 5px 15px;
  display: inline;
  float: left;
}

#content .teaser-special p {
    color: #FFFFFF;
    background-color: transparent;
        font-size: 0.8em;
      line-height: 140%;
      margin: 0;
       padding: 0 0 10px 0;
    }

    #content .teaser-special p a,
    #content .teaser-special p a:link,
    #content .teaser-special p a:visited {
      color: #FFFFFF;
      background-color: transparent;
      text-decoration: none;
    }

    #content .teaser-special p a:hover,
    #content .teaser-special p a:active,
    #content .teaser-special p a:focus {
      color: #FFFFFF;
      background-color: transparent;
      text-decoration: underline;
    }

  #content .teaser-special img {border: 1px solid #FFFFFF;}

/* ### END CONTENT
################################################################################################# */

/* ### SPECIAL ELEMENTS
################################################################################################# */

/* ### PAGE BROWSER
########################### */

.page-browser {
  width: 100%;
  border-bottom: 1px solid #BBBBBB;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}

  .page-bottom {
    border-top: 1px solid #BBBBBB;
    border-bottom: 0;
    margin: -16px 0 0 0;
    padding: 5px 0 11px 0;
  }

    .page-browser-sites {
    width: auto;
    height: 25px;
    margin: 0;
    padding: 0 0 5px 0;
    display: inline;
    float: right;
    }

    .page-sites  {
      width: auto;
      height: 25px;
      font-size: 0.8em;
      text-align: center;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }

      .page-sites a,
      .page-sites a:link,
      .page-sites a:visited {
        width: auto;
        height: 23px;
        color: #000000;
        background-color: #BCBCBC;
        border: 1px solid #999999;
        margin: 0 0 0 5px;
        padding: 0;
        display: inline;
        float: left;
        text-decoration: none;
      }

      .page-sites a:hover,
      .page-sites a:active,
      .page-sites a:focus {
        color: #FFFFFF;
        background-color: #0066CC;
        border: 1px solid #0066CC;
        text-decoration: none;
      }

        .page-sites span {
          width: auto;
          height: 23px;
          color: #FFFFFF;
          background-color: #0066CC;
          border: 1px solid #0066CC;
          text-align: center;
          margin: 0 0 0 5px;
          padding: 0;
          display: inline;
          float: left;
        }

          .page-sites span span {
            width: auto;
            height: 17px;
            color: #FFFFFF;
            background-color: #0066CC;
            border: 1px solid #FFFFFF;
            text-align: center;
            margin: 0;
            padding: 2px 8px;
            display: inline;
            float: left;
            cursor: help;
          }

        .page-sites a span,
        .page-sites a:link span,
        .page-sites a:visited span {
          width: auto;
          height: 17px;
          color: #000000;
          background-color: #BCBCBC;
          border: 1px solid #FFFFFF;
          text-align: center;
          margin: 0;
          padding: 2px 8px;
          display: inline;
          float: left;
        }

        .page-sites a:hover span,
        .page-sites a:active span,
        .page-sites a:focus span {
          color: #FFFFFF;
          background-color: #0066CC;
        }

          .page-sites span.search-dots {
            width: auto;
            color: #000000;
            margin-top: 3px;
            background-color: transparent;
            border: 1px solid #FFFFFF;
            font-weight: bold;
          }

    .page-before {
      width: 25px;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }

      .page-before a,
      .page-before a:link,
      .page-before a:visited {
        width: 25px;
        height: 25px;
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows-small.png) 0 0 no-repeat;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        text-decoration: none;
      }

      .page-before a:hover,
      .page-before a:active,
      .page-before a:focus {
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows-small.png) 0 -27px no-repeat;
        text-decoration: none;
      }

    .page-next {
      width: 25px;
      margin: 0 0 0 5px;
      padding: 0;
      display: inline;
      float: left;
    }

      .page-next a,
      .page-next a:link,
      .page-next a:visited {
        width: 25px;
        height: 25px;
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows-small.png) -27px 0 no-repeat;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        text-decoration: none;
      }

      .page-next a:hover,
      .page-next a:active,
      .page-next a:focus {
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows-small.png) -27px -27px no-repeat;
        text-decoration: none;
      }

/* ### END PAGE BROWSER
########################### */

/* ### SLIDER BOX
########################### */

.slider-box {
  width: 610px;
  border: 1px solid #BBBBBB;
  margin: 0 0 17px 0;
  padding: 4px;
  display: inline;
  float: left;
}

  .slider-img {
    width: auto;
    height: 270px;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline;
    float: left;
  }

  .slider-txt {
    margin: 0;
    padding: 0;
    display: inline;
  }

  .slider-counter {
    width: 310px;
    text-align: right;
    height: 16px;
    margin: 0 0 -16px 300px;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    bottom: 16px;
  }

@media (min-width: 501px) and (max-width: 1050px) {

  .slider-box {width: calc(100% - 10px);}

}

@media (min-width: 1px) and (max-width: 500px) {

  .slider-box {width: calc(100% - 10px);}

    .slider-img {
      height: auto;
      margin: 0 0 10px 0;

    }

}

/* ### END SLIDER BOX
########################### */

/* ### NEWS LIST
########################### */

.grid_8 .news-list-element {
  width: 620px;
  margin: 0 0 0 -10px;
  padding: 20px 0 20px 10px;
  display: inline;
  float: left;
}

.grid_8 .second {
  color: #333333;
  background-color: #EEEEEE;
}

  .grid_8 .news-list-element .news-date {
    width: 60px;
    color: #0066CC;
    background-color: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 20px 0 10px;
    padding: 5px 0 0 0;
    display: inline;
    float: left;
  }

    .grid_8 .news-list-element .news-day,
    .grid_8 .news-list-element .news-month,
    .grid_8 .news-list-element .news-year {
      width: 60px;
      text-align: center;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }

      .grid_8 .news-list-element .news-day {
        font-size: 320%;
        line-height: 90%;
      }

      .grid_8 .news-list-element .news-month {
        font-size: 200%;
        line-height: 100%;
        text-transform: uppercase;
      }

        #content .grid_8 .news-list-element .news-month abbr {border-bottom: 0;}

      .grid_8 .news-list-element .news-year {
        font-size: 160%;
        line-height: 100%;
      }

  .grid_8 .news-list-element .news-list-teaser {
    width: 489px;
    color: #333333;
    background-color: transparent;
    border-left: 1px solid #0066CC;
    margin: 0;
    padding: 0 0 5px 20px;
    display: inline;
    float: left;
  }

@media (min-width: 1px) and (max-width: 1050px) {

  .grid_8 .news-list-element {width: 100%;}

  .grid_8 .news-list-element .news-list-teaser {width: calc(100% - 120px);}

}

  #content .grid_8 .news-list-element p.news-list-more {padding: 0;}

  #content .grid_8 .news-list-element a.news-more {
    width: auto;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
  }

/* ### END NEWS LIST
########################### */

/* ### NEWS SINGLE
########################### */

.news-single-element {
  width: 100%;
  font-size: 0.80em;
  line-height: 150%;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}

  .news-single-info {
    width: 100%;
    color: #0066CC;
    background-color: transparent;
    font-size: 1.1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

  .news-single-cats {
    width: auto;
    text-transform: none;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
  }

  .news-single-teaser {
    width: 100%;
    font-size: 1.25em;
    font-weight: bold;
    margin: 17px 0 0 0;
    padding: 0;
    display: inline;
    float: left;
  }


@media (min-width: 1px) and (max-width: 1050px) {

  .news-single-info {
       width: calc(100% - 40px);background-color: transparent;
      margin: 0 0 0 40px;
  }

  .news-single-teaser {
    width: calc(100% - 40px);
    margin: 17px 0 0 40px;
    }


}

  .news-single-content {
    width: 100%;
    font-size: 1.25em;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

    #content p.news-single-imgcaption,
    #content .news-single-title-txt {
        width: auto;
        color: #666666;
        background-color: transparent;
        font-size: 0.73em;
        margin: 0 0 0 0;
        padding: 0;
        display: block;
    }

    #content .csc-textpic-imagewrap dl dd.csc-textpic-caption {
        width: auto;
        color: #666666;
        background-color: transparent;
        font-size: 0.90em;
        margin: 0 0 0 4px;
        padding: 0;
        display: block;
    }

  .news-single-content .socials {
        width: 598px;
        margin: 3px 0 32px 0;
      border: 1px solid #BBBBBB;
        padding: 0 10px;
        display: inline;
        float: left;
    }

@media (min-width: 1px) and (max-width: 1050px) {

  .news-single-content .socials {width: calc(100% - 20px);}

}

    .news-single-content .socials img {margin-right: 20px;}

  .news-single-img {
      width: 100%;
      margin: 13px 0 0 0;
      padding: 0;
        display: inline;
      float: left;
  }

    .news-single-img img {
      border: 1px solid #BBBBBB;
      margin: 9px 9px 0 0;
      padding: 5px;
      display: inline;
      float: left;
    }

      .news-single-img img.img-last {margin-right: 0;}


@media (min-width: 1px) and (max-width: 400px) {

  .news-single-img img {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px 0;
    padding: 0;
    }

}


@media (min-width: 401px) and (max-width: 550px) {

  .news-single-img img {
    width: 47.5% !important;
    height: auto !important;
    margin: 0 1%;
    padding: 0;
    }

}

@media (min-width: 551px) and (max-width: 1050px) {

  .news-single-img img {
    width: 22.8% !important;
    height: auto !important;
    margin: 0 1%;
    padding: 0;
    display: inline;
    float: left;
    }

}

  .news-single-docs {
    width: 100%;
    font-size: 1.25em;
    margin: -12px 0 0 0;
    padding: 0;
    display: inline;
    float: left;
  }

    #content .news-single-docs ul {
      list-style: none;
      line-height: 150%;
      margin: 0;
      padding: 0 0 12px 0;
    }

      #content .news-single-docs ul li {
        color: #333333;
        background: transparent url(../graphic/bg/bg-doc.gif) no-repeat;
        list-style: none;
        margin: 0 0 5px 0;
        padding: 3px 0 4px 25px;
      }

      .news-single-docs .dl-reader {
        width: 230px;
        border-left: 1px solid #BBBBBB;
        margin: 0;
        padding: 0 0 0 10px;
        display: inline;
        float: right;
      }

@media (min-width: 1px) and (max-width: 1050px) {


  .news-single-docs .dl-reader {
        width: 100%;
    border-left: none;
    margin: 0 0 30px 0;
        padding: 0;
        display: block;
        float: left;
      }

  .news-single-docs .dl-reader strong {display: block;}

  .news-single-docs ul {
        width: 100%;
    margin: 0;
        padding: 0;
        display: inline;
        float: left;
      }

}

        .news-single-docs .dl-reader img {
          width: 60px;
          height: 60px;
          margin: 0 0 0 5px;
          padding: 0;
          display: inline;
          float: right;
        }

  .news-single-links {
    width: 100%;
    font-size: 1.25em;
    margin: 2px 0 0 0;
    padding: 0;
    display: inline;
    float: left;
  }

    #content .news-single-links ul {
      list-style: none;
      line-height: 150%;
      margin: 0;
      padding: 0 0 12px 0;
    }

      #content .news-single-links ul li {
        color: inherit;
        background: transparent url(../graphic/bg/bg-link.gif) no-repeat;
        list-style: none;
        margin: 0 0 5px 0;
        padding: 0 0 1px 25px;
      }

/* ### END NEWS SINGLE
########################### */

/* ### POI ELEMENTS
########################### */

.poi-box {
  width: 610px;
  border: 1px solid #BBBBBB;
  margin: 0 0 32px 0;
  padding: 4px;
  display: inline;
  float: left;
}

@media (min-width: 1px) and (max-width: 1050px) {

  .poi-box {
    width: calc(100% - 50px);
    margin: 0 0 30px 40px;}
}

  .poi-txt {
    width: 291px;
    margin: 0 0 0 10px;
    padding: 0;
    display: inline;
    float: left;
  }

    #content p.poi-info-title {
      font-size: 1.05em;
      font-weight: bold;
      margin: 9px 0 0 0;
      padding: 0 0 12px 0;
    }

    #content span.poi-open-day {
      width: 80px;
      display: inline;
      float: left;
    }

  .poi-img {
    width: 295px;
    height: 270px;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
  }

  .poi-opening {
    width: auto;
    color: #333333;
    background-color: transparent;
    margin: 0 0 15px 10px;
    padding: 0 10px 15px 10px;
    border: 1px solid #BBBBBB;
    display: inline;
    float: right;
  }

    .poi-opening div {
      font-size: 0.8em;
      margin: 0;
      padding: 5px;
    }

    #content .poi-opening p {
      line-height: 160%;
      margin: 0;
      padding: 0 0 12px 0;
    }

      #content div.poi-opening .opening-comment {
        width: 267px;
        font-style: italic;
        margin: 5px 0 -10px 0;
      }

  .poi-usability-hint {
    width: 598px;
    color: #333333;
    background-color: transparent;
    margin: 5px 0 0 0;
    padding: 0 10px 0 10px;
    border: 1px solid #BBBBBB;
    display: inline;
    float: left;
  }

    .grid_8 .poi-usability-hint .poi-usability {
      width: 29px;
      margin: 45px 0 0 0;
      padding: 0;
      display: inline;
      float: right;
    }

    #content .poi-usability-hint p {
      margin: 0;
      padding: 0 0 12px 0;
      font-style: italic;
    }

    .poi-usability-hint .hint-usability {
      width: 100%;
      margin: 0 0 -17px 0;
      padding: 10px 0 0 0;
      border-top: 1px solid #BBBBBB;
      display: inline;
      float: left;
    }

      #content .poi-usability-hint .hint-usability p {
        margin: 0;
        padding: 0 0 12px 0;
      }

  #content .poi-cats {
    width: 598px;
    border: 1px solid #BBBBBB;
    margin: 20px 0 0 0;
    padding: 10px;
    display: inline;
    float: left;
  }

@media (min-width: 1px) and (max-width: 1050px) {

   .poi-usability-hint {
      width: calc(100% - 20px);
      margin: 5px 0 0 0;
      padding: 0 10px;
     }

   #content .poi-cats  {
      width: calc(100% - 20px);
      margin: 20px 0 0 0;
      padding: 10px;
     }

}

    #content .poi-cats p {
      margin: 0;
      padding: 0;
    }

  .poi-list-img {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

    .poi-list-img img {
    width: 136px;
    height: 95px;
      border: 1px solid #BBBBBB;
      margin: 9px 9px 0 0;
      padding: 5px;
      display: inline;
      float: left;
    }

      .poi-list-img img.img-last {margin-right: 0;}

  .poi-video {
    width: 598px;
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #BBBBBB;
    display: inline;
    float: left;
  }

@media (min-width: 1px) and (max-width: 1050px) {

   .poi-video {
    width: calc(100% - 20px);
    height: auto;
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #BBBBBB;
    display: inline;
    float: left;
    }

}

    #content .poi-video p {margin: 0;}

@media (min-width: 1px) and (max-width: 400px) {

  .poi-list-img img {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 20px 0;
    padding: 0;
    }

}

@media (min-width: 401px) and (max-width: 550px) {

  .poi-list-img img {
    width: 47.5% !important;
    height: auto !important;
    margin: 0 1%;
    padding: 0;
    }

}

@media (min-width: 551px) and (max-width: 1050px) {

  .poi-list-img img {
    width: 22.8% !important;
    height: auto !important;
    margin: 0 1%;
    padding: 0;
    display: inline;
    float: left;
    }

}

  .poi-mp3 {
    width: 100%;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

    #content .poi-mp3 ul li {
      color: inherit;
      background: transparent url(../graphic/bg/bg-sound.gif) no-repeat;
      list-style: none;
      margin: 0 0 5px 10px;
      padding: 2px 0 5px 34px;
    }

    .poi-mp3 .dl-reader {
      width: 230px;
      border-left: 1px solid #BBBBBB;
      margin: 0;
      padding: 0 0 0 10px;
      display: inline;
      float: right;
    }

      .poi-mp3 .dl-reader img {
        width: 60px;
        height: 60px;
        margin: 0 0 0 5px;
        padding: 0;
        display: inline;
        float: right;
      }

@media (min-width: 1px) and (max-width: 1050px) {

  .poi-mp3 .dl-reader {
        width: 100%;
    border-left: none;
    margin: 0 0 30px 0;
        padding: 0;
        display: block;
        float: left;
      }

  .poi-mp3 .dl-reader strong {display: block;}

  .poi-mp3 ul {
        width: 100%;
    margin: 0;
        padding: 0;
        display: inline;
        float: left;
      }

 }

@media (min-width: 1px) and (max-width: 700px) {

  .poi-img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

}

@media (min-width: 701px) and (max-width: 1050px) {

  .poi-img {
    /* width: auto; */
    width: calc(100% - 310px);
    height: auto;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
  }

    .poi-usability-hint {
      width: calc(100% - 20px);
      color: #333333;
      background-color: transparent;
      margin: 5px 0 0 0;
      padding: 0 10px 0 10px;
      border: 1px solid #BBBBBB;
      display: inline;
      float: left;
    }

      #content .poi-cats {
      width: calc(100% - 20px);
      border: 1px solid #BBBBBB;
      margin: 20px 0 0 0;
      padding: 10px;
      display: inline;
      float: left;
      }


      .poi-video {
      width: calc(100% - 20px);
      margin: 0 0 20px 0;
      padding: 10px;
      border: 1px solid #BBBBBB;
      display: inline;
      float: left;
      }

}

/* ### END POI ELEMENTS
########################### */

/* ### POI USABILITY
########################### */

.grid_8 .usability-list-element {
  width: 620px;
  margin: 0 0 0 -10px;
  padding: 20px 0 20px 10px;
  display: inline;
  float: left;
}

  .grid_8 .usability-list-element .usability-icon {
    width: 63px;
    height: 64px;
    color: #333333;
    background: transparent url(../graphic/bg/bg-usability-icon.png) no-repeat;
    margin: 10px 4px 0 9px;
    padding: 0;
    display: inline;
    float: left;
  }

  .grid_8 .usability-list-element .usability-list-teaser {
    width: 488px;
    min-height: 82px;
    color: #333333;
    background-color: transparent;
    border-left: 1px solid #BBBBBB;
    margin: 0 0 0 15px;
    padding: 0 0 0 20px;
    display: inline;
    float: left;
  }

    .grid_8 .usability-list-element .usability-list-teaser .comment {
      width: 466px;
      border: 1px solid #006600;
      margin: 0;
      padding: 10px;
    }

    #content .grid_8 .usability-list-element .usability-list-teaser .comment p {
      margin: 0;
      padding: 0;
    }

@media (min-width: 1px) and (max-width: 1050px) {


  .grid_8 .usability-list-element {
      width: 100%;
      margin: 0;
      padding: 20px 0 20px 0;
  }

  .grid_8 .usability-list-element .usability-list-teaser {width: calc(100% - 150px);}

    .grid_8 .usability-list-element .usability-list-teaser .comment {width: 100%;}


}

      .tip {
        color: #006600;
        background-color: transparent;
        text-transform: uppercase;
        font-weight: bold;
      }

      .tip2 {
        color: #CC0000;
        background-color: transparent;
        text-transform: uppercase;
        font-weight: bold;
      }

      .tip3 {
        color: #CC6600;
        background-color: transparent;
        text-transform: uppercase;
        font-weight: bold;
      }

/* ### END POI USABILITY
########################### */

/* ### CALENDER
########################### */

.cal-box {
  width: 100%;
    font-size: 0.8em;
    margin: 3px 0 0 0;
    padding: 0 0 14px 0;
    display: inline;
    float: left;
}

    .cal-month {
    width: 100%;
    height: 31px;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
    }

      .month-before {
          width: 31px;
       height: 31px;
          margin: 0;
          padding: 0;
          display: inline;
          float: left;
      }

      .month-before a,
      .month-before a:link,
      .month-before a:visited {
        width: 31px;
        height: 31px;
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows.png) 0 0 no-repeat;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        text-decoration: none;
      }

      .month-before a:hover,
      .month-before a:active,
      .month-before a:focus {
        width: 31px;
        height: 31px;
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows.png) 0 -35px no-repeat;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        text-decoration: none;
        }

      .month-now {
      width: 234px;
      height: 24px;
      font-size: 1.1em;
      color: #FFFFFF;
      background-color: #0066CC;
      font-weight: bold;
      text-align: center;
      margin: 0 2px;
      padding: 7px 0 0 0;
      display: inline;
      float: left;
      }

      .month-next {
         width: 31px;
          margin: 0;
          padding: 0;
          display: inline;
          float: left;
      }

          .month-next a,
          .month-next a:link,
          .month-next a:visited {
        width: 31px;
        height: 31px;
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows.png) -33px 0 no-repeat;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        text-decoration: none;
          }

        .month-next a:hover,
        .month-next a:active,
        .month-next a:focus {
        width: 31px;
        height: 31px;
        color: #FFFFFF;
        background: transparent url(../graphic/bg/bg-arrows.png) -33px -35px no-repeat;
        margin: 0;
        padding: 0;
        display: inline;
        float: left;
        text-decoration: none;
        }

    .cal-detail {
    width: 100%;
    margin: 1px 0 0 0;
    padding: 0;
    display: inline;
    float: left;
    }

    .cal-day-line {
       width: 100%;
        margin: 0 0 1px 0;
        padding: 0;
        display: inline;
        float: left;
    }

      .cal-week-days .cal-day {
        width: 42px;
        height: 26px;
        color: #000000;
        background-color: transparent;
        text-align: center;
        font-weight: bold;
        margin: 0 1px 0 0;
        padding: 12px 0 0 0;
        display: inline;
        float: left;
      }

        .cal-day {
        width: 42px;
        height: 22px;
        color: #333333;
        background-color: #EEEEEE;
        text-align: center;
        margin: 0 1px 0 0;
        padding: 8px 0 0 0;
        display: inline;
        float: left;
       }

          .cal-now {
          color: #FFFFFF;
          background-color: #BCBCBC;
          font-weight: bold;
          cursor: pointer;
          }

            .cal-day-active {
              width: 42px;
              height: 22px;
          color: #FFFFFF;
          background-color: #0066CC;
              text-align: center;
              margin: 0 1px 0 0;
              padding: 8px 0 0 0;
              display: inline;
              float: left;
              cursor: pointer;
            }

          .cal-day-active a,
          .cal-day-active a:link,
          .cal-day-active a:visited {
              width: 42px;
              color: #FFFFFF;
            background-color: #0066CC;
              text-align: center;
              margin: 0;
              padding: 0;
             display: inline;
             float: left;
              text-decoration: none;
          }

          .cal-day-active a:hover,
          .cal-day-active a:active,
          .cal-day-active a:focus {text-decoration: underline;}


    .cal-week-days .cal-day:last-child,
    .calendar-dow-0,
    .cal-week-days .cal-last,
  .cal-last {margin: 0;}

      .no-month {
      color: #999999;
      background-color: #EEEEEE;
        }

      .cal-day-active.no-month {
        color: #333333;
        background-color: #DCDCDC;
      }

/* ### END CALENDER
########################### */

/* ### SEARCH DEFAULT RESULTS
########################### */

.tx-indexedsearch-res {
  width: 100%;
  margin:  0;
  padding: 0;
  display: inline;
  float: left;
}

.tx-indexedsearch-res .tx-indexedsearch-res {
  width: 100%;
  line-height: 150%;
  font-size: 0.8em;
  margin: 10px 0;
  padding: 0;
  display: inline;
  float: left;
}

  #content .grid_8 .search_both h2 a {
    color: #333333;
      background-color: transparent;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1.25em;
      font-weight: bold;
      text-shadow: 0;
      margin: 10px 0 0 0;
      padding: 0 0 12px 0;
  }

  .search_content {
    margin: 0;
    padding: 0 0 5px 0;
  }

  .tx-indexedsearch-redMarkup {
    color: #FFFFFF;
    background-color: #0066CC;
    margin: 0;
    padding: 1px 4px;
  }

  .search_path,
  .search_specs {
    color: #666666;
    background-color: transparent;
    margin: 0;
    padding: 0;
  }

/* ### END SEARCH DEFAULT RESULTS
########################### */

/* ### INTERN
############################## */

/* ### login
############################## */

.log-dat {
  font-size: 0.8em;
  margin-top: 36px;
  text-align: right;
}

  .log-dat span {
    color: #C00000;
    background-color: transparent;
    font-weight: bold;
  }

  .log-dat a {
    color: #C00000;
    background-color: transparent;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
  }

/* ### END login
############################## */

/* ### list searchresults
############################## */

#content p.page-browser-title {
  width: auto;
  font-weight: bold;
  margin: 3px 0 0 0;
  padding: 0;
  display: inline;
  float: left;
}


.grid_8 .intern-list-poi {
  width: 620px;
  margin: 0 0 0 -10px;
  padding: 20px 0 20px 10px;
  display: inline;
  float: left;
}

  .grid_8 .intern-list-poi .intern-list-visible {
    width: 39px;
    margin: 0 0 0 -10px;
    padding: 8px 16px 8px 16px;
    display: inline;
    float: left;
    cursor: pointer;
  }

  .grid_8 .intern-list-poi .intern-list-teaser {
    width: 270px;
    height: 75px;
    color: #333333;
    background-color: transparent;
    border-left: 1px solid #0066CC;
    margin: 0 0 0 0;
    padding: 0 10px 5px 20px;
    display: inline;
    float: left;
  }

    #content .grid_8 .intern-list-poi .intern-list-teaser p {
      margin: 0;
      padding: 0;
    }


  .grid_8 .intern-list-poi .intern-list-action {
    width: 250px;
    background-color: transparent;
    text-align: right;
    margin: 18px 0 0 0;
    padding: 0 8px 0 0;
    display: inline;
    float: left;
  }

    .grid_8 .intern-list-poi .intern-list-action img {margin: 0 10px 0 0;}

/* ### END list searchresults
############################## */

/* ### END edit / create poi
############################## */

/* ### edit / create poi
############################## */

form#form-default legend.poi-edit-cat {
  width: 590px;
  font-size: 0.9em;
  font-weight: normal;
  color: #333333;
  background-color: #EEEEEE;
  margin: 10px 0 10px -10px;
  padding: 12px 0 12px 10px;
  display: inline;
  float: left;
}

.poi-open {
  width: 20px;
  color: #333333;
  background-color: #EEEEEE;
  margin: 10px 0 0 0;
  padding: 10px 10px 10px 0;
  display: inline;
  float: left;
}

/* ### END edit / create poi
############################## */

/* ### stats
############################## */

.stats-list {
  width: 630px;
  font-size: 0.8em;
  margin: 0 0 0 -10px;
  padding: 10px 0;
  display: inline;
  float: left;
}

  .stats-date {
    width: 130px;
    color: #666666;
    background-color: transparent;
    margin: 0 20px 0 10px;
    padding: 0;
    display: inline;
    float: left;
  }

  .stats-poi {
    width: 300px;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

  .stats-poi span {
    color: #999999;
    background-color: transparent;
    margin-left: 10px;
  }

  .stats-poi-edit {
    width: 150px;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
  }

#content ul.stats-ul-location,
#content ul.stats-ul-cats {
  width: 620px;
  margin: 10px 0;
  padding: 0 0 12px 0;
  list-style: none;
  display: inline;
  float: left;
}

  #content ul.stats-ul-location li,
  #content ul.stats-ul-cats li {
    width: 630px;
    margin: 0 0 0 -10px;
    padding: 5px 0;
    list-style: none;
    display: inline;
    float: left;
  }

    #content ul.stats-ul-location span.li1 {
      width: 150px;
      margin: 0 0 0 10px;
      padding: 0;
      display: inline;
      float: left;
    }

    #content ul.stats-ul-location span.li2 {
      width: 150px;
      text-align: right;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }

    #content ul.stats-ul-location span.li3 {
      width: 160px;
      text-align: right;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }

    #content ul.stats-ul-location span.li4 {
      width: 150px;
      text-align: right;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }


    #content ul.stats-ul-cats span.li1 {
      width: 250px;
      margin: 0 0 0 10px;
      padding: 0;
      display: inline;
      float: left;
    }

    #content ul.stats-ul-cats span.li2 {
      width: 180px;
      text-align: right;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }

    #content ul.stats-ul-cats span.li3 {
      width: 180px;
      text-align: right;
      margin: 0;
      padding: 0;
      display: inline;
      float: left;
    }

  .stats-town {
    width: 590px;
    font-size: 0.9em;
    font-weight: normal;
    color: #333333;
    background-color: #EEEEEE;
    margin: 10px 0 10px -10px;
    padding: 12px 0 12px 10px;
    display: inline;
    float: left;
  }

/* ### END stats
############################## */

/* ### END INTERN
############################## */

/* ### FORM DEFAULT
########################### */

form#form-default {
  width: 100%;
  border: 0;
  margin: 0 0 48px 0;
  padding: 0;
  display: inline;
  float: left;
}

  form#form-default fieldset {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

    form#form-default fieldset.first {margin: -10px 0 0 0;}

  form#form-default legend {display: none;}

  form .poi-groupe-title {
    width: 100%;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0 0 0;
    display: inline;
    float: left;
  }

  form .poi-groupe-cat {
    width: 100%;
    color: #333333;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 0;
    padding: 5px 0 20px 0;
    display: inline;
    float: left;
  }

    form .poi-groupe-cat span {
      color: #CC0033;
      background-color: transparent;
      text-transform: none;
      font-weight: bold;
      margin: 0 0 0 95px;
      padding: 0;
    }

  form#form-default .form-box {
    width: 100%;
    margin: 0;
    padding: 10px 0;
    display: inline;
    float: left;
  }

    .form-box .form-legend {
      width: 200px;
      font-size: 0.8em;
      margin: 0;
      padding: 8px 0 0 0;
      display: inline;
      float: left;
    }

    .form-box .form-input {
      width: 400px;
      font-size: 0.8em;
      margin: 0 0 0 20px;
      padding: 0;
      display: inline;
      float: left;
    }

      #content .form-box .form-input p {font-size: 1em;}

      #content .form-box .form-input ul {
        font-size: 1em;
        margin: 18px 0 0 0;
        padding: 0;
        list-style: none;
      }

        #content .form-box .form-input ul li {
          margin: 0;
          padding: 0 0 4px 0;
        }

    html #content p#tx_fm_pi1_bilder_text,
    html #content p#tx_fm_pi1_filme_text,
    html #content p#tx_fm_pi1_audio_text  {
      margin: 7px 0 0 0;
      padding: 0;
    }

      #tx_fm_pi1_bilder_upload,
      #tx_fm_pi1_filme_upload,
      #tx_fm_pi1_audio_upload {
        margin: 10px 0 0 0;
        padding: 0;
      }

        html #content div.qq-upload-drop-area {
          color: #FFFFFF;
          background-color: #0066CC;
          cursor: pointer;
        }

        html #content div.qq-upload-button {
          color: #333333;
          background-color: #CCCCCC;
          cursor: pointer;
        }

          html #content div.qq-upload-button-hover {
            color: #FFFFFF;
            background-color: #0066CC;
            cursor: pointer;
          }

    .form-box .form-input2 {
      width: 400px;
      font-size: 0.8em;
      margin: 0 0 0 20px;
      padding: 8px 0 0 0;
      display: inline;
      float: left;
    }

  #form-default input {
    width: 368px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    background: transparent 0;
    border: 1px solid #113A63;
    margin: 0;
    padding: 6px 5px 7px 5px;
    cursor: pointer;
  }

    #form-default input:hover {
      color: #333333;
      background: transparent url(../graphic/bg/bg-input.gif) -787px center no-repeat;
      border: 1px solid #113A63;
    }

    #form-default input:active,
    #form-default input:focus {
      color: #333333;
      background: transparent url(../graphic/bg/bg-input.gif) -407px center no-repeat;
      border: 1px solid #0066CC;
    }

      #form-default input.haveto {
        color: #999999;
        background: transparent 0;
        border: 1px solid #D9A300;
      }

        #form-default input.haveto:hover {
          color: #333333;
          background: transparent url(../graphic/bg/bg-input.gif) -27px center no-repeat;
          border: 1px solid #D9A300;
        }

        #form-default input.haveto:active,
        #form-default input.haveto:focus {
          color: #333333;
          background: transparent url(../graphic/bg/bg-input.gif) 353px center no-repeat;
          border: 1px solid #0066CC;
        }

      #form-default input.error-input {
        color: #999999;
        background: transparent url(../graphic/bg/bg-error.gif) 355px center no-repeat;
        border: 1px solid #CC0000;
      }

        #form-default input.error-input:hover {
          color: #333333;
          background: transparent url(../graphic/bg/bg-error.gif) 355px center no-repeat;
          border: 1px solid #CC0000;
        }

        #form-default input.error-input:active,
        #form-default input.error-input:focus {
          color: #333333;
          background: transparent 0;
          border: 1px solid #0066CC;
        }

      #form-default input.poi-times {
        width: 60px;
        margin: 0 5px;
      }

      #form-default input.poi-times:hover {
        color: #333333;
        background: transparent url(../graphic/bg/bg-input.gif) -1095px center no-repeat;
        border: 1px solid #113A63;
      }

      #form-default input.poi-times:active,
      #form-default input.poi-times:focus {
        color: #333333;
        background: transparent url(../graphic/bg/bg-input.gif) -715px center no-repeat;
        border: 1px solid #0066CC;
      }

  #form-default textarea {
    width: 368px;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #999999;
    background: transparent 0;
    border: 1px solid #113A63;
    margin: 0;
    padding: 6px 5px 7px 5px;
    cursor: pointer;
  }

    #form-default textarea:hover {
      color: #333333;
      background: transparent url(../graphic/bg/bg-input.gif) -787px center no-repeat;
      border: 1px solid #113A63;
    }

    #form-default textarea:active,
    #form-default textarea:focus {
      color: #333333;
      background: transparent url(../graphic/bg/bg-input.gif) -407px center no-repeat;
      border: 1px solid #0066CC;
    }

      #form-default textarea.haveto {
        color: #999999;
        background: transparent 0;
        border: 1px solid #D9A300;
      }

        #form-default textarea.haveto:hover {
          color: #333333;
          background: transparent url(../graphic/bg/bg-input.gif) -27px center no-repeat;
          border: 1px solid #D9A300;
        }

        #form-default textarea.haveto:active,
        #form-default textarea.haveto:focus {
          color: #333333;
          background: transparent url(../graphic/bg/bg-input.gif) 353px center no-repeat;
          border: 1px solid #0066CC;
        }

      #form-default textarea.error-input {
        color: #999999;
        background: transparent url(../graphic/bg/bg-error.gif) 355px center no-repeat;
        border: 1px solid #CC0000;
      }

        #form-default textarea.error-input:hover {
          color: #333333;
          background: transparent url(../graphic/bg/bg-error.gif) 355px center no-repeat;
          border: 1px solid #CC0000;
        }

        #form-default textarea.error-input:active,
        #form-default textarea.error-input:focus {
          color: #333333;
          background: transparent 0;
          border: 1px solid #0066CC;
        }

  #form-default select {
    width: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    background-color: #FFFFFF;
    border: 1px solid #113A63;
    margin: 0;
    padding: 6px 4px 7px 2px;
    cursor: pointer;
  }

    #form-default select option {
      margin: 0 0 0 5px;
      padding: 0 5px 0 0;
    }

    #form-default select:hover {
      color: #333333;
      background-color: #FFFFFF;
      border: 1px solid #113A63;
    }

    #form-default select:active,
    #form-default select:focus {
      color: #333333;
      background-color: #FFFFFF;
      border: 1px solid #0066CC;
    }

      #form-default select.haveto {border: 1px solid #D9A300;}

        #form-default select.haveto:hover {border: 1px solid #D9A300;}

        #form-default select.haveto:active,
        #form-default select.haveto:focus {border: 1px solid #0066CC;}

      #form-default select.error-input {border: 1px solid #CC0000;}

        #form-default select.error-input:hover {border: 1px solid #CC0000;}

        #form-default select.error-input:active,
        #form-default select.error-input:focus {border: 1px solid #0066CC;}


  #form-default input.check {
    width: auto;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    background-color: #FFFFFF;
    border: 0;
    vertical-align: middle;
    margin: 2px 0 5px 0;
    padding: 0;
    cursor: pointer;
  }

  #form-default .form-input2 label {
    margin: 0 0 0 5px;
    padding: 0;
    display: inline;
    cursor: pointer;
  }

    #content #form-default .haveto label {
      color: #D9A300;
      background-color: #FFFFFF;
    }

    #content #form-default .error label {
      color: #CC0000;
      background-color: #FFFFFF;
    }

    #form-default .form-input2 label:hover,
    #content #form-default .haveto label:hover,
    #content #form-default .error label:hover {
      color: #0066CC;
      background-color: transparent;
    }

  #form-default input.radio {
    width: auto;
    height: auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    background-color: #FFFFFF;
    border: 0;
    vertical-align: middle;
    margin: 1px 0 5px 0;
    padding: 0;
    cursor: pointer;
  }

  #form-default input.default-upload {
    width: 368px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    background: transparent 0;
    border: 1px solid #113A63;
    margin: 0;
    padding: 6px 5px 7px 5px;
    cursor: pointer;
  }

  #content .form-input p.error-txt {
    color: #CC0000;
    background-color: transparent;
    font-size: 1em;
    font-weight: bold;
    margin: 6px 0 0 0;
    padding: 0 0 4px 0;
  }

  #content .form-input2 p.error-txt {
    color: #CC0000;
    background-color: transparent;
    font-size: 1em;
    font-weight: bold;
    margin: -1px 0 0 0;
    padding: 0 0 2px 0;
  }

  #content .poi-question {
    width: 16px;
    height: 17px;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    display: inline;
    cursor: help;
  }

    #content .poi-question img {
      vertical-align: middle;
      margin: -4px 0 0 0;
      padding: 0;
    }

  #content .poi-question-area {
    width: 16px;
    height: 17px;
    vertical-align: top;
    margin: 0;
    padding: 0;
    display: inline;
    cursor: help;
  }


    #content .poi-question-area img {
      vertical-align: top;
      margin: 7px 0 0 0;
      padding: 0;
    }

  #content .cat-notice {
    width: 598px;
    color: #CC0033;
    background-color: #EEEEEE;
    border: 1px solid #CC0033;
    font-size: 0.8em;
    font-weight: bold;
    margin: -10px 0 0 0;
    padding: 10px;
  }



@media (min-width: 1px) and (max-width: 1050px) {

    .form-box .form-legend {
      width: 100%;
      margin: 0;
      padding: 0;

    }

    .form-box .form-input {
      width: 100%;
      margin: 0;
      padding: 5px 0;
    }

    .form-box .form-input2 {
      width: 100%;
      margin: 0;
      padding: 5px 0;
    }

      #form-default input {
      width: 100%;
      margin: 0;
      padding: 5px 0;
      }

      #form-default textarea {
      width: 100%;
      margin: 0;
      padding: 5px 0;
      }

        #content .cat-notice {width: calc(100% - 20px);}

}

/* ### BUTTON SEND
####################### */

#form-default input#send-default {
   width: auto;
    height: 37px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-button-send.gif) right 0 no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-align: center;
    border: 1px solid #113A63;
    margin: 0;
    padding: 0 6px 4px 6px;
    display: inline;
    float: left;
    cursor: pointer;
}

    #form-default input#send-default:hover,
    #form-default input#send-default:active,
    #form-default input#send-default:focus {
      color: #000000;
      background: transparent url(../graphic/bg/bg-button-send.gif) right -35px no-repeat;
    }

/* ### END BUTTON SEND
####################### */

/* ### END FORM DEFAULT
########################### */

/* ### MAIN SEARCHMASK
########################### */

form#search-box {
  width: 300px;
  color: #FFFFFF;
  background: #1566C1 url(../graphic/bg/bg-search.jpg) repeat-x;
  border: 0;
  margin: 0 0 48px 0;
  padding: 0;
  display: inline;
  float: left;
}


  form#search-box fieldset {
    width: 270px;
    border: 0;
    margin: 15px 15px 15px 15px;
    padding: 0;
    display: inline;
    float: left;
  }

    form#search-box fieldset#search-advanced {margin: 15px 15px 0 15px;}

    form#search-box legend,
    form#search-box label {display: none;}

    #search-box .advanced-nav {
      width: 270px;
      font-size: 0.8em;
      margin: 0 15px;
      padding: 5px 0 4px 0;
      border-top: 1px solid #63A3DC;
      display: inline;
      float: left;
    }

@media (min-width: 1px) and (max-width: 1050px) {

  .container_12.special_content .grid_4 h1,
  .container_12.special_content .grid_4 p {
    width: 100%;
    display: block;
    float: left;
  }

}

      #search-box .advanced-nav a,
      #search-box .advanced-nav a:link,
      #search-box .advanced-nav a:visited,

      #search-box .advanced-nav a:hover,
      #search-box .advanced-nav a:active,
      #search-box .advanced-nav a:focus {
        color: #FFFFFF;
        background-color: transparent;
      }

      #search-box .advanced-nav span {
        width: auto;
        margin: 7px 0 0 0;
        padding: 0;
        display: inline;
        float: left;
      }

        #search-box .advanced-nav span:hover {text-decoration: underline;}

      #search-box .advanced-nav img {
        width: 31px;
        height: 31px;
        margin: 0;
        padding: 0;
        display: inline;
        float: right;
      }

    /* ### cats
    ################### */

    #search-cat1,
    #search-cat2,
    #search-cat3,
    #search-cat4  {
      width: 248px;
      height: 15px;
      color: #999999;
      background: #FFFFFF url(../graphic/bg/bg-search-arrow.jpg) 235px 0 no-repeat;
      border: 1px solid #113A63;
      font-size: 0.8em;
      margin: 0 0 15px 0;
      padding: 9px 10px 11px 10px;
      display: inline;
      float: left;
      cursor: pointer;
      z-index: 199;
    }

      #search-cat1 span,
      #search-cat2 span,
      #search-cat3 span,
      #search-cat4 span {
        font-size: 1.05em;
        font-family: Arial, Helvetica, sans-serif;
        margin: 5px 0 0 0
      }

    #search-cat1 {margin: -13px 0 15px 0;}

    #search-cat1:hover,
    #search-cat1:active,
    #search-cat1:focus,

    #search-cat2:hover,
    #search-cat2:active,
    #search-cat2:focus,

    #search-cat3:hover,
    #search-cat3:active,
    #search-cat3:focus,

    #search-cat4:hover,
    #search-cat4:active,
    #search-cat4:focus {
      color: #333333;
      background: #FFFFFF url(../graphic/bg/bg-search-arrow.jpg) 235px -35px no-repeat;
      border-bottom: 1px solid #113A63;
    }

      #search-cat1:hover span,
      #search-cat1:active span,
      #search-cat1:focus span,

      #search-cat2:hover span,
      #search-cat2:active span,
      #search-cat2:focus span,

      #search-cat3:hover span,
      #search-cat3:active span,
      #search-cat3:focus span,

      #search-cat4:hover span,
      #search-cat4:active span,
      #search-cat4:focus span {color: #0066CC;}

      #search-cat1 ul#cat1-elements,
      #search-cat2 ul#cat2-elements,
      #search-cat3 ul#cat3-elements,
      #search-cat4 ul#cat4-elements {
        width: 273px;
        color: #333333;
        background-color: #FFFFFF;
        font-size: 1em;
        height: 0;
        top: -1px;
        margin: 0;
        padding: 0;
        position: absolute;
        overflow: hidden;
        z-index: 99;
      }

      * html #search-cat1:hover #cat1-elements:hover,
      #search-cat1:hover #cat1-elements,
      #search-cat1:hover > ul#cat1-elements:hover,

      * html #search-cat2:hover #cat2-elements:hover,
      #search-cat2:hover #cat2-elements,
      #search-cat2:hover > ul#cat2-elements:hover,

      * html #search-cat3:hover #cat3-elements:hover,
      #search-cat3:hover #cat3-elements,
      #search-cat3:hover > ul#cat3-elements:hover,

      * html #search-cat4:hover #cat4-elements:hover,
      #search-cat4:hover #cat4-elements,
      #search-cat4:hover > ul#cat4-elements:hover {
        width: 222px;
        left: -11px;
        height: auto;
        border: 1px solid #113A63;
        border-top: 0;
        text-transform: none;
        letter-spacing: normal;
        line-height: 160%;
        margin: 11px 0 0 0;
        padding: 5px 0 5px 10px;
        position: relative;
        display: inline;
        float: left;
        z-index: 240;
      }

      ul#cat1-elements,
      ul#cat2-elements,
      ul#cat3-elements,
      ul#cat4-elements {
        margin: 0;
        padding: 0;
        list-style: none;
      }

        ul#cat1-elements li,
        ul#cat2-elements li,
        ul#cat3-elements li,
        ul#cat4-elements li {
          line-height: 160%;
          margin: 0;
          padding: 0;
        }

          #cat1-elements a,
          #cat1-elements a:link,
          #cat1-elements a:visited,

          #cat2-elements a,
          #cat2-elements a:link,
          #cat2-elements a:visited,

          #cat3-elements a,
          #cat3-elements a:link,
          #cat3-elements a:visited,

          #cat4-elements a,
          #cat4-elements a:link,
          #cat4-elements a:visited {
            color: #333333;
            background-color: #FFFFFF;
            text-decoration: none;
          }

          #cat1-elements a:hover,
          #cat1-elements a:active,
          #cat1-elements a:focus,

          #cat2-elements a:hover,
          #cat2-elements a:active,
          #cat2-elements a:focus,

          #cat3-elements a:hover,
          #cat3-elements a:active,
          #cat3-elements a:focus,

          #cat4-elements a:hover,
          #cat4-elements a:active,
          #cat4-elements a:focus {
            color: #0066CC;
            background-color: #FFFFFF;
            font-weight: normal;
            text-decoration: underline;
          }

            #content ul#cat1-elements li span,
            #content ul#cat2-elements li span,
            #content ul#cat3-elements li span,
            #content ul#cat4-elements li span {
              line-height: 160%;
              text-decoration: none;
              color: #999999;
              margin: 0 0 0 5px;
              padding: 0;
            }

    /* ### END cats
    ################### */

    #search-box input {
      width: 254px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.8em;
      color: #999999;
      background-color: #FFFFFF;
      border: 1px solid #113A63;
      margin: 0 0 15px 0;
      padding: 10px 5px 10px 9px;
      cursor: pointer;
    }

      #search-box input:hover,
      #search-box input:active,
      #search-box input:focus {
        color: #333333;
        background-color: #FFFFFF;
      }

/* ### BUTTON SEND
####################### */

#search-box input#search-send {
  width: auto;
  height: 37px;
  color: #000000;
  background: transparent url(../graphic/bg/bg-button-search.png) right 0 no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  text-shadow: 1px 1px 1px #FFFFFF;
  text-align: center;
  border: 1px solid #113A63;
  margin: 0;
  padding: 0 41px 4px 6px;
  display: inline;
  float: left;
  cursor: pointer;
}

  #search-box input#search-send:hover,
  #search-box input#search-send:active,
  #search-box input#search-send:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-button-search.png) right -35px no-repeat;
  }

/* ### END BUTTON SEND
####################### */

/* ### END MAIN SEARCHMASK
########################### */

/* ### SEARCHMASK INTERN
########################### */

.grid_8 form#search-box {
  width: 620px;
  color: #FFFFFF;
  background: #1566C1 url(../graphic/bg/bg-search.jpg) repeat-x;
  border: 0;
  margin: 0 0 48px 0;
  padding: 0;
  display: inline;
  float: left;
}

  .grid_8 form#search-box fieldset {
    width: 590px;
    border: 0;
    margin: 15px 15px 15px 15px;
    padding: 0;
    display: inline;
    float: left;
  }

    .grid_8 form#search-box fieldset#search-advanced {margin: 15px 15px 0 15px;}

    .grid_8 form#search-box legend,
    .grid_8 form#search-box label {display: none;}

    .grid_8 #search-box .advanced-nav {
      width: 590px;
      font-size: 0.8em;
      margin: 0 15px;
      padding: 5px 0 4px 0;
      border-top: 1px solid #63A3DC;
      display: inline;
      float: left;
    }

      .grid_8 #search-box .advanced-nav a,
      .grid_8 #search-box .advanced-nav a:link,
      .grid_8 #search-box .advanced-nav a:visited,

      .grid_8 #search-box .advanced-nav a:hover,
      .grid_8 #search-box .advanced-nav a:active,
      .grid_8 #search-box .advanced-nav a:focus {
        color: #FFFFFF;
        background-color: transparent;
      }

      .grid_8 #search-box .advanced-nav span {
        width: auto;
        margin: 7px 0 0 0;
        padding: 0;
        display: inline;
        float: left;
      }

        .grid_8 #search-box .advanced-nav span:hover {text-decoration: underline;}

      .grid_8 #search-box .advanced-nav img {
        width: 31px;
        height: 31px;
        margin: 0;
        padding: 0;
        display: inline;
        float: right;
      }

    /* ### cats
    ################### */

    .grid_8 #search-cat1,
    .grid_8 #search-cat2,
    .grid_8 #search-cat3,
    .grid_8 #search-cat4  {
      width: 568px;
      height: 15px;
      color: #999999;
      background: #FFFFFF url(../graphic/bg/bg-search-arrow.jpg) 555px 0 no-repeat;
      border: 1px solid #113A63;
      font-size: 0.8em;
      margin: 0 0 15px 0;
      padding: 9px 10px 11px 10px;
      display: inline;
      float: left;
      cursor: pointer;
      z-index: 199;
    }

      .grid_8 #search-cat1 span,
      .grid_8 #search-cat2 span,
      .grid_8 #search-cat3 span,
      .grid_8 #search-cat4 span {
        font-size: 1.05em;
        font-family: Arial, Helvetica, sans-serif;
        margin: 5px 0 0 0
      }

    .grid_8 #search-cat1 {margin: -13px 0 15px 0;}

    .grid_8 #search-cat1:hover,
    .grid_8 #search-cat1:active,
    .grid_8 #search-cat1:focus,

    .grid_8 #search-cat2:hover,
    .grid_8 #search-cat2:active,
    .grid_8 #search-cat2:focus,

    .grid_8 #search-cat3:hover,
    .grid_8 #search-cat3:active,
    .grid_8 #search-cat3:focus,

    .grid_8 #search-cat4:hover,
    .grid_8 #search-cat4:active,
    .grid_8 #search-cat4:focus {
      color: #333333;
      background: #FFFFFF url(../graphic/bg/bg-search-arrow.jpg) 555px -35px no-repeat;
      border-bottom: 1px solid #113A63;
    }

      .grid_8 #search-cat1:hover span,
      .grid_8 #search-cat1:active span,
      .grid_8 #search-cat1:focus span,

      .grid_8 #search-cat2:hover span,
      .grid_8 #search-cat2:active span,
      .grid_8 #search-cat2:focus span,

      .grid_8 #search-cat3:hover span,
      .grid_8 #search-cat3:active span,
      .grid_8 #search-cat3:focus span,

      .grid_8 #search-cat4:hover span,
      .grid_8 #search-cat4:active span,
      .grid_8 #search-cat4:focus span {color: #0066CC;}

      .grid_8 #search-cat1 ul#cat1-elements,
      .grid_8 #search-cat2 ul#cat2-elements,
      .grid_8 #search-cat3 ul#cat3-elements,
      .grid_8 #search-cat4 ul#cat4-elements {
        width: 603px;
        color: #333333;
        background-color: #FFFFFF;
        font-size: 1em;
        height: 0;
        top: -1px;
        margin: 0;
        padding: 0;
        position: absolute;
        overflow: hidden;
        z-index: 99;
      }

      * html .grid_8 #search-cat1:hover #cat1-elements:hover,
      .grid_8 #search-cat1:hover #cat1-elements,
      .grid_8 #search-cat1:hover > ul#cat1-elements:hover,

      * html .grid_8 #search-cat2:hover #cat2-elements:hover,
      .grid_8 #search-cat2:hover #cat2-elements,
      .grid_8 #search-cat2:hover > ul#cat2-elements:hover,

      * html .grid_8 #search-cat3:hover #cat3-elements:hover,
      .grid_8 #search-cat3:hover #cat3-elements,
      .grid_8 #search-cat3:hover > ul#cat3-elements:hover,

      * html .grid_8 #search-cat4:hover #cat4-elements:hover,
      .grid_8 #search-cat4:hover #cat4-elements,
      .grid_8 #search-cat4:hover > ul#cat4-elements:hover {
        width: 542px;
        left: -11px;
        height: auto;
        border: 1px solid #113A63;
        border-top: 0;
        text-transform: none;
        letter-spacing: normal;
        line-height: 160%;
        margin: 11px 0 0 0;
        padding: 5px 0 5px 10px;
        position: relative;
        display: inline;
        float: left;
        z-index: 240;
      }

      .grid_8 ul#cat1-elements,
      .grid_8 ul#cat2-elements,
      .grid_8 ul#cat3-elements,
      .grid_8 ul#cat4-elements {
        margin: 0;
        padding: 0;
        list-style: none;
      }

        .grid_8 ul#cat1-elements li,
        .grid_8 ul#cat2-elements li,
        .grid_8 ul#cat3-elements li,
        .grid_8 ul#cat4-elements li {
          line-height: 160%;
          margin: 0;
          padding: 0;
        }

          .grid_8 #cat1-elements a,
          .grid_8 #cat1-elements a:link,
          .grid_8 #cat1-elements a:visited,

          .grid_8 #cat2-elements a,
          .grid_8 #cat2-elements a:link,
          .grid_8 #cat2-elements a:visited,

          .grid_8 #cat3-elements a,
          .grid_8 #cat3-elements a:link,
          .grid_8 #cat3-elements a:visited,

          .grid_8 #cat4-elements a,
          .grid_8 #cat4-elements a:link,
          .grid_8 #cat4-elements a:visited {
            color: #333333;
            background-color: #FFFFFF;
            text-decoration: none;
          }

          .grid_8 #cat1-elements a:hover,
          .grid_8 #cat1-elements a:active,
          .grid_8 #cat1-elements a:focus,

          .grid_8 #cat2-elements a:hover,
          .grid_8 #cat2-elements a:active,
          .grid_8 #cat2-elements a:focus,

          .grid_8 #cat3-elements a:hover,
          .grid_8 #cat3-elements a:active,
          .grid_8 #cat3-elements a:focus,

          .grid_8 #cat4-elements a:hover,
          .grid_8 #cat4-elements a:active,
          .grid_8 #cat4-elements a:focus {
            color: #0066CC;
            background-color: #FFFFFF;
            font-weight: normal;
            text-decoration: underline;
          }

            #content .grid_8 ul#cat1-elements li span,
            #content .grid_8 ul#cat2-elements li span,
            #content .grid_8 ul#cat3-elements li span,
            #content .grid_8 ul#cat4-elements li span {
              line-height: 160%;
              text-decoration: none;
              color: #999999;
              margin: 0 0 0 5px;
              padding: 0;
            }

    /* ### END cats
    ################### */

    .grid_8 #search-box input {
      width: 398px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.8em;
      color: #999999;
      background-color: #FFFFFF;
      border: 1px solid #113A63;
      margin: 0 20px 15px 0;
      padding: 10px 5px 9px 9px;
      cursor: pointer;
      display: inline;
        float: left;
    }

      .grid_8 #search-box input:hover,
      .grid_8 #search-box input:active,
      .grid_8 #search-box input:focus {
        color: #333333;
        background-color: #FFFFFF;
      }

      .grid_8 .poi-else {
        width: 100%;
        font-size: 0.8em;
        margin: 0;
        pading: 0;
        display: inline;
        float: left;
      }

/* ### BUTTON SEND
####################### */

.grid_8 #search-box input#search-send {
  width: auto;
  height: 37px;
  color: #000000;
  background: transparent url(../graphic/bg/bg-button-search.png) right 0 no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  text-shadow: 1px 1px 1px #FFFFFF;
  text-align: center;
  border: 1px solid #113A63;
  margin: 0;
  padding: 0 41px 4px 6px;
  display: inline;
  float: left;
  cursor: pointer;
}

  .grid_8 #search-box input#search-send:hover,
  .grid_8 #search-box input#search-send:active,
  .grid_8 #search-box input#search-send:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-button-search.png) right -35px no-repeat;
  }

/* ### END BUTTON SEND
####################### */

/* ### END SEARCHMASK INTERN
########################### */

/* ### SEARCH DEFAULT
########################### */

form#search-box2 {
  width: 300px;
  color: #FFFFFF;
  background-color: #E2E2E2;
  border: 0;
  margin: 0 0 38px 0;
  padding: 0;
  display: inline;
  float: left;
}

  form#search-box2 fieldset {
    width: 270px;
    border: 0;
    margin: 15px 15px 15px 15px;
    padding: 0;
    display: inline;
    float: left;
  }

  form#search-box2 legend,
  form#search-box2 label {display: none;}

  #search-box2 input {
    width: 254px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: #999999;
    background-color: #FFFFFF;
    border: 1px solid #113A63;
    margin: 0 0 15px 0;
    padding: 10px 5px 10px 9px;
    cursor: pointer;
  }

    #search-box2 input:hover,
    #search-box2 input:active,
    #search-box2 input:focus {
      color: #333333;
      background-color: #FFFFFF;
    }

/* ### BUTTON SEND
####################### */

#search-box2 input#search-send2 {
  width: auto;
  height: 37px;
  color: #000000;
  background: transparent url(../graphic/bg/bg-button-search.png) right 0 no-repeat;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  text-shadow: 1px 1px 1px #FFFFFF;
  text-align: center;
  border: 1px solid #113A63;
  margin: 0;
  padding: 0 41px 4px 6px;
  display: inline;
  float: left;
  cursor: pointer;
}

  #search-box2 input#search-send2:hover,
  #search-box2 input#search-send2:active,
  #search-box2 input#search-send2:focus {
    color: #000000;
    background: transparent url(../graphic/bg/bg-button-search.png) right -35px no-repeat;
  }

/* ### END BUTTON SEND
####################### */

/* ### END SEARCH DEFAULT
########################### */

/* ### SEARCH RESULTS
########################### */

/* ### GOOGLE
#################### */

.google-box {
  width: 610px;
  border: 1px solid #BBBBBB;
  margin: 0 0 27px 0;
  padding: 4px;
  display: inline;
  float: left;
}

@media (min-width: 1px) and (max-width: 1050px) {

  .google-box {width: calc(100% - 8px);}

}


/* ### END GOOGLE
#################### */

.grid_8 .poi-list-element {
  width: 620px;
  margin: 0 0 0 -10px;
  padding: 20px 0 20px 10px;
  display: inline;
  float: left;
}

  .poi-no {
    width: 60px;
    color: #FFFFFF;
    background: transparent url(../graphic/bg/bg-icon-no.png) no-repeat;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0 0;
    padding: 12px 0 20px 0;
    display: inline;
    float: left;
  }

.poi-no-round {
  width: 60px;
  color: #FFFFFF;
  background: transparent url(../graphic/bg/bg-icon-round.png) no-repeat;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin: 10px 0 0 0;
  padding: 12px 0 20px 0;
  display: inline;
  float: left;
}

  .grid_8 .poi-list-element .poi-list-teaser {
    width: 510px;
    color: #333333;
    background-color: transparent;
    border-left: 1px solid #0066CC;
    margin: 0 10px 0 10px;
    padding: 0 0 5px 20px;
    display: inline;
    float: left;
  }

  #content .grid_8 .poi-list-element p.poi-list-more {
    text-align: right;
    padding: 0;
  }

  #content .grid_8 .poi-list-element a.poi-more {
    width: auto;
    margin: 0;
    padding: 0;
    display: inline;
    float: right;
  }


@media (min-width: 1px) and (max-width: 1050px) {

  .grid_8 .poi-list-element {
    width: calc(100%);
    margin: 0;
    padding: 20px 0 20px 0;
  }

  .grid_8 .poi-list-element .poi-list-teaser {
    width: calc(100% - 110px);
    margin: 0 10px 0 10px;
    padding: 0 0 5px 20px;
    }

}

/* ### END SEARCH RESULTS
############################ */

/* ### POI LISTELEMENT SIMPLE
############################ */

.poi-list-simple {
  width: 630px;
  font-size: 0.8em;
  margin: 0 0 0 -10px;
  padding: 10px 0;
  display: inline;
  float: left;
}

  .poi-name-simple {
    width: 470px;
    margin: 0 0 0 10px;
    padding: 0;
    display: inline;
    float: left;
  }

    .poi-name-simple span  {
      width: auto;
      margin: 0 10px 0 0;
      padding: 0;
      display: inline;
      float: left;
    }

  .stats-edit-simple {
    width: 130px;
    text-align: right;
    margin: 0 10px 0 0;
    padding: 0;
    display: inline;
    float: right;
  }

@media (min-width: 1px) and (max-width: 1050px) {

  .poi-list-simple {
    width: calc(100% - 20px);
    margin: 0;
    padding: 10px;
  }

    .poi-name-simple {
    width: 70%;
    margin: 0;
    }

  .stats-edit-simple {
    width: 30%;
    margin: 0;
  }

}

/* ### END POI LISTELEMENT SIMPLE
############################ */

/* ### SPACER CONTENT TOTOP
########################## */

#content .grid_4 .spacer {
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}

#content .grid_8 .spacer {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
}

/* ### END SPACER CONTENT TOTOP
########################### */

/* ### POI TOUR
########################### */

.poi-audio a,
.poi-audio a:link,
.poi-audio a:visited {
  width: 24px;
  height: 17px;
  color: #333333;
  background: transparent url(../graphic/bg/bg-audio.gif) 0 0 no-repeat;
  margin: 14px 0 0 0;
  padding: 0;
  display: inline;
  float: right;
  text-decoration: none;
}

.poi-audio a:hover,
.poi-audio a:active,
.poi-audio a:focus {
  color: #333333;
  background: transparent url(../graphic/bg/bg-audio.gif) -25px 0 no-repeat;
  text-decoration: none;
}

.poi-tour-info {
  width: 60px;
  margin: 20px 0 0 0;
  padding: 0;
  display: inline;
  float: left;
}

  .poi-tour-image a,
  .poi-tour-image a:link,
  .poi-tour-image a:visited {
    width: 24px;
    height: 18px;
    color: #333333;
    background: transparent url(../graphic/bg/bg-image.gif) 0 0 no-repeat;
    margin: 20px 0 0 18px;
    padding: 0;
    display: inline;
    float: left;
    text-decoration: none;
  }

  .poi-tour-image a:hover,
  .poi-tour-image a:active,
  .poi-tour-image a:focus {
    color: #333333;
    background: transparent url(../graphic/bg/bg-image.gif) -25px 0 no-repeat;
    text-decoration: none;
  }

  .poi-tour-video a,
  .poi-tour-video a:link,
  .poi-tour-video a:visited {
    width: 24px;
    height: 24px;
    color: #333333;
    background: transparent url(../graphic/bg/bg-video.gif) 0 0 no-repeat;
    margin: 20px 0 0 18px;
    padding: 0;
    display: inline;
    float: left;
    text-decoration: none;
  }

  .poi-tour-video a:hover,
  .poi-tour-video a:active,
  .poi-tour-video a:focus {
    color: #333333;
    background: transparent url(../graphic/bg/bg-video.gif) -25px 0 no-repeat;
    text-decoration: none;
  }

  .poi-tour-audio a,
  .poi-tour-audio a:link,
  .poi-tour-audio a:visited {
    width: 24px;
    height: 17px;
    color: #333333;
    background: transparent url(../graphic/bg/bg-audio.gif) 0 0 no-repeat;
    margin: 20px 0 0 18px;
    padding: 0;
    display: inline;
    float: left;
    text-decoration: none;
  }

  .poi-tour-audio a:hover,
  .poi-tour-audio a:active,
  .poi-tour-audio a:focus {
    color: #333333;
    background: transparent url(../graphic/bg/bg-audio.gif) -25px 0 no-repeat;
    text-decoration: none;
  }

    .poi-audio a span,
    .poi-tour-image a span,
    .poi-tour-video a span,
    .poi-tour-audio a span {display: none;}

.grid_8 .poi-list-element .poi-list-tour {
  width: 510px;
  color: #333333;
  background-color: transparent;
  border-left: 1px solid #0066CC;
  margin: 0 10px 0 10px;
  padding: 0 0 5px 20px;
  display: inline;
  float: left;
}

  .tour-ground {
    width: 510px;
    margin: 0;
    padding: 0 0 4px 0;
    display: inline;
    float: left;
  }

  .tour-info {
    width: 510px;
    margin: 0;
    padding: 0;
    display: inline;
    float: left;
  }

    #content .tour-info p {
      margin: 0;
      padding: 0;
    }

@media (min-width: 1px) and (max-width: 1050px) {

  .grid_8 .poi-list-element .poi-list-tour {
    width: calc(100% - 110px);
    margin: 0 10px 0 10px;
    padding: 0 0 5px 20px;
  }

     .tour-ground,
    .tour-info {width: 100%;}

}

/* ### END POI TOUR
########################### */

/* ### END SPECIAL ELEMENTS
################################################################################################# */

/* ### FOOTER
################################################################################################# */

.container_12 .totop-fl,
.container_12 .totop-gl,
.container_12 .totop-kreis,
.container_12 .totop-sb,
.container_12 .totop-ka,
.container_12 .totop-ka,
.container_12 .totop-hl,
.container_12 .totop-hb,
.container_12 .totop-hw,
.container_12 .totop-ge,
.container_12 .totop-aa,
.container_12 .totop-redaktion {text-align: right;}

  .totop-fl a,
  .totop-fl a:link,
    .totop-fl a:visited,
  .totop-fl a:hover,
    .totop-fl a:active,
    .totop-fl a:focus {
    top: 0;
    right: 0;
      width: 211px;
        height: 130px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-top-fl.png) no-repeat;
        margin: -80px 0 0 0;
        padding: 0;
        position: relative;
        display: inline;
    float: right;
        text-decoration: none;
    z-index: 99;
      }

  .totop-gl a,
  .totop-gl a:link,
    .totop-gl a:visited,
  .totop-gl a:hover,
    .totop-gl a:active,
    .totop-gl a:focus {
    top: 0;
    right: 0;
      width: 211px;
        height: 130px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-top-gl.png) no-repeat;
        margin: -80px 0 0 0;
        padding: 0;
        position: relative;
        display: inline;
    float: right;
        text-decoration: none;
    z-index: 99;
  }

  .totop-kreis a,
  .totop-kreis a:link,
    .totop-kreis a:visited,
  .totop-kreis a:hover,
    .totop-kreis a:active,
    .totop-kreis a:focus {
    top: 0;
    right: 0;
      width: 211px;
        height: 130px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-top-kreis.png) no-repeat;
        margin: -80px 0 0 0;
        padding: 0;
        position: relative;
        display: inline;
    float: right;
        text-decoration: none;
    z-index: 99;
  }

  .totop-ka a,
  .totop-ka a:link,
    .totop-ka a:visited,
  .totop-ka a:hover,
    .totop-ka a:active,
    .totop-ka a:focus {
    top: 0;
    right: 0;
      width: 211px;
        height: 130px;
        color: #000000;
        background: transparent url(../graphic/bg/bg-top-ka.png) no-repeat;
        margin: -80px 0 0 0;
        padding: 0;
        position: relative;
        display: inline;
    float: right;
        text-decoration: none;
    z-index: 99;
  }

  .totop-sb a,
  .totop-sb a:link,
  .totop-sb a:visited,
  .totop-sb a:hover,
  .totop-sb a:active,
  .totop-sb a:focus {
    top: 0;
    right: 0;
    width: 211px;
    height: 130px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-top-sb.png) no-repeat;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    text-decoration: none;
    z-index: 99;
  }

  .totop-hl a,
  .totop-hl a:link,
  .totop-hl a:visited,
  .totop-hl a:hover,
  .totop-hl a:active,
  .totop-hl a:focus {
    top: 0;
    right: 0;
    width: 211px;
    height: 130px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-top-harrislee.png) no-repeat;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    text-decoration: none;
    z-index: 99;
  }

  .totop-hb a,
  .totop-hb a:link,
  .totop-hb a:visited,
  .totop-hb a:hover,
  .totop-hb a:active,
  .totop-hb a:focus {
    top: 0;
    right: 0;
    width: 211px;
    height: 130px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-top-haddeby.png) no-repeat;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    text-decoration: none;
    z-index: 99;
  }

  .totop-hw a,
  .totop-hw a:link,
  .totop-hw a:visited,
  .totop-hw a:hover,
  .totop-hw a:active,
  .totop-hw a:focus {
    top: 0;
    right: 0;
    width: 211px;
    height: 130px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-top-handewitt.png) no-repeat;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    text-decoration: none;
    z-index: 99;
  }

  .totop-ge a,
  .totop-ge a:link,
  .totop-ge a:visited,
  .totop-ge a:hover,
  .totop-ge a:active,
  .totop-ge a:focus {
    top: 0;
    right: 0;
    width: 211px;
    height: 130px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-top-gelting.png) no-repeat;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    text-decoration: none;
    z-index: 99;
  }

  .totop-aa a,
  .totop-aa a:link,
  .totop-aa a:visited,
  .totop-aa a:hover,
  .totop-aa a:active,
  .totop-aa a:focus {
    top: 0;
    right: 0;
    width: 211px;
    height: 130px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-top-arensharde.png) no-repeat;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    text-decoration: none;
    z-index: 99;
  }

  .totop-redaktion a,
    .totop-redaktion a:link,
    .totop-redaktion a:visited,
    .totop-redaktion a:hover,
    .totop-redaktion a:active,
    .totop-redaktion a:focus {
    top: 0;
    right: 0;
    width: 211px;
    height: 130px;
    color: #000000;
    background: transparent url(../graphic/bg/bg-top-redaktion.png) no-repeat;
    margin: -80px 0 0 0;
    padding: 0;
    position: relative;
    display: inline;
    float: right;
    text-decoration: none;
    z-index: 99;
  }

  .totop-fl .logotxt,
  .totop-gl .logotxt,
  .totop-kreis .logotxt,
  .totop-ka .logotxt,
  .totop-sb .logotxt,
  .totop-hl .logotxt,
  .totop-hb .logotxt,
  .totop-hw .logotxt,
  .totop-ge .logotxt,
  .totop-aa .logotxt,
  .totop-redaktion .logotxt {display: none;}




div.csc-textpic div.csc-textpic-imagecolumn {
  width: 100%;
  text-align: center !important;
  margin: 0 auto !important;
}

div.csc-textpic div.csc-textpic-center-inner div.csc-textpic-imagecolumn {
  width: 33.33% !important;
  text-align: center !important;
  margin: 0 auto !important;
}

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin: 0 auto !important;
  text-align: center;
  width:  100%;
}

#content .grid_8 div.csc-textpic-border div.csc-textpic-imagewrap ul li.csc-textpic-image img,
div.csc-textpic-border div.csc-textpic-single-image img, #content .grid_8 div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
#content .grid_8 div.csc-textpic-border div.csc-textpic-single-image img {
    max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
  text-align: center;
}

div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 0;
}



#content .grid_8 div.csc-textpic-border div.csc-textpic-imagewrap ul li.csc-textpic-image img,
div.csc-textpic-border div.csc-textpic-single-image img,
#content .grid_8 div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img,
#content .grid_8 div.csc-textpic-border div.csc-textpic-single-image img {
    border: 4px solid #ffffff;
    padding: 0;
  max-width: 100% !important;
  height: auto !important;
}




.csc-textpic-caption {font-size: 75%; margin-left: 5px;}

#content .grid_8 div.csc-textpic div.csc-textpic-imagerow-last {
    margin-bottom: 10px;
}


/* ### END FOOTER
################################################################################################# */

@media (min-width: 1px) and (max-width: 750px) {

  #content .teaser-special {
      width: 93.6%;
    min-height: 150px;
      margin: 0 1% 40px 1%;
  }

  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    display: block;
    float: left;
    width: 102px;
  }

  .csc-textpic-intext-left-nowrap-110 .csc-textpic-text {
    display: inline;
    float: right;
    margin-left: 0;
    width: calc(100% - 116px);
  }


  /* ########################################################################## */


  form#search-box {
    width: 98%;
    margin: 0 1% 40px 1%;
  }

  form#search-box fieldset {width: 100%;}

  form#search-box fieldset#search-advanced {margin: 0 0 0 15px;}

     #search-box .advanced-nav {width: 96%;}

    #search-cat1 {margin: 0 10px 10px 0;}


  form#search-box2 {
      margin: 0 1% 38px 1%;
      width: 98%;;
  }

  form#search-box2 fieldset {

    margin: 15px;
    width: calc(100% - 30px);
  }

  /* ########################################################################## */


  #gmapper_map { width: 100% !important;}


  /* ########################################################################## */

  .poi-txt {
    margin: 0 10px 5px 10px;
    width: calc(100% - 20px);
  }


  .poi-img {
      margin: 0 10px 10px 10px;
    width: calc(100% - 20px);
  }

  .poi-img img {
      margin: 0;
    width: 100%;
    height: auto !important;
  }

  /* ########################################################################## */


  div.csc-textpic div.csc-textpic-imagecolumn {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  figure.csc-textpic-image,
  .csc-textpic-image img  {
    width: 100% !important;
    max-width: 100% !important;
    height:  auto !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .csc-textpic-caption {margin-bottom: 10px;}

}




@media (min-width: 751px) and (max-width: 1050px) {

  #content .teaser-special {
    width: 43.6%;
    min-height: 150px;
    margin: 0 1% 40px 1%;
  }

  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    display: block;
    float: left;
    width: 102px;
  }

  .csc-textpic-intext-left-nowrap-110 .csc-textpic-text {
    display: inline;
    float: right;
    margin-left: 0;
    width: calc(100% - 116px);
  }


  /* ########################################################################## */


  form#search-box {
    width: 98%;
    margin: 0 1% 40px 1%;
  }

  form#search-box fieldset {width: 100%;}

  form#search-box fieldset#search-advanced {margin: 0 0 0 15px;}

     #search-box .advanced-nav {width: 96%;}

    #search-cat1 {margin: 0 10px 10px 0;}


  form#search-box2 {
      margin: 0 1% 38px 1%;
      width: 98%;;
  }

  form#search-box2 fieldset {

    margin: 15px;
    width: calc(100% - 30px);
  }


  /* ########################################################################## */


  #gmapper_map { width: 100% !important;}

}


@media (min-width: 1px) and (max-width: 1050px) {

  .container_12 .grid_4 {margin-top: 20px;}

}



.tx-irfaq-toggle-all-hide, .tx-irfaq-toggle-all-show {
    text-decoration: underline; 
    color: #0066cc;
}

.tx-irfaq-toggle-plus, .tx-irfaq-toggle-minus {
    font-size: 110%;
    font-weight: 700;
    padding: 10px 0 10px 34px;
}

.tx-irfaq-pi1 dd {
    font-size: 125%;
    padding: 5px 0 0 34px;
}

.tx-irfaq-pi1 .additional-info {
    font-size: 80%;
    font-weight: 700;
    border-top: 1px solid #0066cc;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

.tx-irfaq-pi1 .additional-info a {font-weight: 400;}