/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
body, form {
  margin: 0;
  padding: 0
}
img {
  border: 0
}
header, footer, nav, section, aside, article, figure, figcaption {
  display: block
}
body {
  font-size: 100.01%
}
select, input, textarea {
  font-size: 99%
}
#container, .inside {
  position: relative
}
#main, #left, #right {
  float: left;
  position: relative
}
#main {
  width: 100%
}
#left {
  margin-left: -100%
}
#right {
  margin-right: -100%
}
#footer {
  clear: both
}
@media(max-width:767px) {
  #wrapper {
    margin: 0;
    width: auto
  }
  #container {
    padding-left: 0;
    padding-right: 0
  }
  #main, #left, #right {
    float: none;
    width: auto
  }
  #left {
    right: 0;
    margin-left: 0
  }
  #right {
    margin-right: 0
  }
}
#main .inside {
  min-height: 1px
}
img {
  max-width: 100%;
  height: auto
}
.ie7 img {
  -ms-interpolation-mode: bicubic
}
.ie8 img {
  width: auto
}
.ce_gallery ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none
}
.ce_gallery li {
  float: left
}
.ce_gallery li.col_first {
  clear: left
}
.block {
  overflow: hidden
}
.clear, #clear {
  height: .1px;
  font-size: .1px;
  line-height: .1px;
  clear: both
}
.invisible {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
  display: inline
}
.custom {
  display: block
}
#container:after, .custom:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea {
  margin: 0;
  padding: 0
}
table {
  border-spacing: 0;
  border-collapse: collapse
}
caption, th, td {
  text-align: left;
  text-align: start;
  vertical-align: top
}
abbr, acronym {
  font-variant: normal;
  border-bottom: 1px dotted #666;
  cursor: help
}
blockquote, q {
  quotes: none
}
fieldset, img {
  border: 0
}
ul {
  list-style-type: none
}
sup {
  vertical-align: text-top
}
sub {
  vertical-align: text-bottom
}
del {
  text-decoration: line-through
}
ins {
  text-decoration: none
}
body {
  font: 12px/1 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  color: #000
}
input, button, textarea, select {
  font-family: inherit;
  font-size: 99%;
  font-weight: inherit
}
pre, code {
  font-family: Monaco, monospace
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}
h1 {
  font-size: 1.8333em
}
h2 {
  font-size: 1.6667em
}
h3 {
  font-size: 1.5em
}
h4 {
  font-size: 1.3333em
}
table {
  font-size: inherit
}
caption, th {
  font-weight: bold
}
a {
  color: #00f
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 1em
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
  margin-bottom: 12px
}
/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
#wrapper {
  width: 960px;
  margin: 0 auto
}
*[class*="grid"] {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  display: inline
}
.mod_article *[class*="ce_"], .mod_article *[class*="mod_"] {
  margin-left: 10px;
  margin-right: 10px
}
.mod_article .mod_newsreader, .mod_article .mod_eventreader {
  margin-left: 0;
  margin-right: 0
}
.mod_article *[class*="layout_"] > *, .mod_article *[class*="event_"] > * {
  margin-left: 10px;
  margin-right: 10px
}
.mod_article.grid1, .mod_article.grid2, .mod_article.grid3, .mod_article.grid4, .mod_article.grid5, .mod_article.grid6, .mod_article.grid7, .mod_article.grid8, .mod_article.grid9, .mod_article.grid10, .mod_article.grid11, .mod_article.grid12 {
  margin-left: 0;
  margin-right: 0
}
#main .inside {
  overflow: hidden
}
.grid1 {
  width: 60px
}
.grid2 {
  width: 140px
}
.grid3 {
  width: 220px
}
.grid4 {
  width: 300px
}
.grid5 {
  width: 380px
}
.grid6 {
  width: 460px
}
.grid7 {
  width: 540px
}
.grid8 {
  width: 620px
}
.grid9 {
  width: 700px
}
.grid10 {
  width: 780px
}
.grid11 {
  width: 860px
}
.grid12 {
  width: 940px
}
.mod_article.grid1 {
  width: 80px
}
.mod_article.grid2 {
  width: 160px
}
.mod_article.grid3 {
  width: 240px
}
.mod_article.grid4 {
  width: 320px
}
.mod_article.grid5 {
  width: 400px
}
.mod_article.grid6 {
  width: 480px
}
.mod_article.grid7 {
  width: 560px
}
.mod_article.grid8 {
  width: 640px
}
.mod_article.grid9 {
  width: 720px
}
.mod_article.grid10 {
  width: 800px
}
.mod_article.grid11 {
  width: 880px
}
.mod_article.grid12 {
  width: 960px
}
.offset1 {
  margin-left: 90px !important
}
.offset2 {
  margin-left: 170px !important
}
.offset3 {
  margin-left: 250px !important
}
.offset4 {
  margin-left: 330px !important
}
.offset5 {
  margin-left: 410px !important
}
.offset6 {
  margin-left: 490px !important
}
.offset7 {
  margin-left: 570px !important
}
.offset8 {
  margin-left: 650px !important
}
.offset9 {
  margin-left: 730px !important
}
.offset10 {
  margin-left: 810px !important
}
.offset11 {
  margin-left: 890px !important
}
.offset12 {
  margin-left: 970px !important
}
@media(min-width:768px) and (max-width:979px) {
  #wrapper {
    width: 744px
  }
  .grid1 {
    width: 42px
  }
  .grid2 {
    width: 104px
  }
  .grid3 {
    width: 166px
  }
  .grid4 {
    width: 228px
  }
  .grid5 {
    width: 290px
  }
  .grid6 {
    width: 352px
  }
  .grid7 {
    width: 414px
  }
  .grid8 {
    width: 476px
  }
  .grid9 {
    width: 538px
  }
  .grid10 {
    width: 600px
  }
  .grid11 {
    width: 662px
  }
  .grid12 {
    width: 724px
  }
  .mod_article.grid1 {
    width: 62px
  }
  .mod_article.grid2 {
    width: 124px
  }
  .mod_article.grid3 {
    width: 186px
  }
  .mod_article.grid4 {
    width: 248px
  }
  .mod_article.grid5 {
    width: 310px
  }
  .mod_article.grid6 {
    width: 372px
  }
  .mod_article.grid7 {
    width: 434px
  }
  .mod_article.grid8 {
    width: 496px
  }
  .mod_article.grid9 {
    width: 558px
  }
  .mod_article.grid10 {
    width: 620px
  }
  .mod_article.grid11 {
    width: 682px
  }
  .mod_article.grid12 {
    width: 744px
  }
  .offset1 {
    margin-left: 72px !important
  }
  .offset2 {
    margin-left: 134px !important
  }
  .offset3 {
    margin-left: 196px !important
  }
  .offset4 {
    margin-left: 258px !important
  }
  .offset5 {
    margin-left: 320px !important
  }
  .offset6 {
    margin-left: 382px !important
  }
  .offset7 {
    margin-left: 444px !important
  }
  .offset8 {
    margin-left: 506px !important
  }
  .offset9 {
    margin-left: 568px !important
  }
  .offset10 {
    margin-left: 630px !important
  }
  .offset11 {
    margin-left: 692px !important
  }
  .offset12 {
    margin-left: 754px !important
  }
}
@media(max-width:767px) {
  #wrapper {
    width: auto
  }
  *[class*="grid"] {
    float: none !important;
    display: block !important;
    width: auto !important
  }
  *[class*="offset"] {
    margin-left: 10px !important
  }
}
/* ColorBox v1.4.11, (c) 2011 Jack Moore - jacklmoore.com, MIT license */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left
}
#cboxContent {
  position: relative
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}
#cboxTitle {
  margin: 0
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0
}
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}
#cboxOverlay {
  background: #000
}
#colorbox {
  outline: 0
}
#cboxContent {
  margin-top: 20px;
  background: #000
}
.cboxIframe {
  background: #fff
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}
#cboxLoadedContent {
  border: 5px solid #000;
  background: #fff
}
#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc
}
#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0;
  color: #ccc
}
#cboxLoadingGraphic {
  background: url("../jquery/colorbox/1.4.11/images/loading.gif") no-repeat center center
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: 0
}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0
}
#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff
}
#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -32px;
  background: url("../jquery/colorbox/1.4.11/images/controls.png") no-repeat top left;
  width: 28px;
  height: 65px;
  text-indent: -9999px
}
#cboxPrevious:hover {
  background-position: bottom left
}
#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -32px;
  background: url("../jquery/colorbox/1.4.11/images/controls.png") no-repeat top right;
  width: 28px;
  height: 65px;
  text-indent: -9999px
}
#cboxNext:hover {
  background-position: bottom right
}
#cboxClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background: url("../jquery/colorbox/1.4.11/images/controls.png") no-repeat top center;
  width: 38px;
  height: 19px;
  text-indent: -9999px
}
#cboxClose:hover {
  background-position: bottom center
}
/* MediaElement.js 2.11.3, (c) 2010-2013 John Dyer <http://j.hn>, MIT license */
.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: left;
  vertical-align: top;
  text-indent: 0
}
.mejs-audio {
  margin-top: 18px
}
.me-plugin {
  position: absolute
}
.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden
}
.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000
}
.mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {
  width: 100%;
  height: 100%
}
.mejs-background {
  position: absolute;
  top: 0;
  left: 0
}
.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.mejs-poster {
  position: absolute;
  top: 0;
  left: 0
}
.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0;
  display: block
}
.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0
}
.mejs-overlay-play {
  cursor: pointer
}
.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url("../jquery/mediaelement/2.11.3/images/bigplay.svg") no-repeat
}
.no-svg .mejs-overlay-button {
  background-image: url("../jquery/mediaelement/2.11.3/images/bigplay.png")
}
.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px
}
.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url("../jquery/mediaelement/2.11.3/images/background.png");
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9))
}
.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url("../jquery/mediaelement/2.11.3/images/loading.gif") 50% 50% no-repeat
}
.mejs-container .mejs-controls {
  position: absolute;
  background: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url("../jquery/mediaelement/2.11.3/images/background.png");
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  height: 30px;
  width: 100%
}
.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  background: 0;
  font-family: Helvetica, Arial;
  border: 0
}
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url("../jquery/mediaelement/2.11.3/images/controls.svg") no-repeat
}
.no-svg .mejs-controls .mejs-button button {
  background-image: url("../jquery/mediaelement/2.11.3/images/controls.png")
}
.mejs-controls .mejs-button button:focus {
  outline: solid 1px yellow
}
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  padding: auto 4px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
.mejs-container .mejs-controls .mejs-time span {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto
}
.mejs-controls .mejs-play button {
  background-position: 0 0
}
.mejs-controls .mejs-pause button {
  background-position: 0 -16px
}
.mejs-controls .mejs-stop button {
  background-position: -112px 0
}
.mejs-controls div.mejs-time-rail {
  width: 200px;
  padding-top: 5px
}
.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  -moz-animation: buffering-stripes 2s linear infinite;
  -ms-animation: buffering-stripes 2s linear infinite;
  -o-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite
}
@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 30px 0
  }
}
@-moz-keyframes buffering-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 30px 0
  }
}
@-ms-keyframes buffering-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 30px 0
  }
}
@-o-keyframes buffering-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 30px 0
  }
}
@keyframes buffering-stripes {
  from {
    background-position: 0 0
  }
  to {
    background-position: 30px 0
  }
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60, 170, 200, 0.8);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
  background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  width: 0
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center
}
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
  width: 48px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 44px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  left: 18px
}
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0
}
.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px
}
.mejs-controls .mejs-mute button {
  background-position: -16px -16px
}
.mejs-controls .mejs-unmute button {
  background-position: -16px 0
}
.mejs-controls .mejs-volume-button {
  position: relative
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url("../jquery/mediaelement/2.11.3/images/background.png");
  background: rgba(50, 50, 50, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0
}
.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0
}
.mejs-controls div.mejs-horizontal-volume-slider {
  height: 26px;
  width: 60px;
  position: relative
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8))
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8))
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none
}
.mejs-controls .mejs-captions-button {
  position: relative
}
.mejs-controls .mejs-captions-button button {
  background-position: -48px 0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url("../jquery/mediaelement/2.11.3/images/background.png");
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0
}
.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1
}
.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
  overflow: hidden;
  border: 0
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: 0
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
  background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}
.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  line-height: 22px;
  font-size: 12px;
  color: #fff
}
.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline
}
.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal
}
.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0
}
.mejs-captions-position-hover {
  bottom: 45px
}
.mejs-captions-text {
  padding: 3px 5px;
  background: url("../jquery/mediaelement/2.11.3/images/background.png");
  background: rgba(20, 20, 20, 0.8)
}
.mejs-clear {
  clear: both
}
.me-cannotplay a {
  color: #fff;
  font-weight: bold
}
.me-cannotplay span {
  padding: 15px;
  display: block
}
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px
}
.mejs-controls .mejs-loop-on button {
  background-position: -64px 0
}
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px
}
.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0
}
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0
}
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001
}
.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333
}
.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2c7c91;
  color: #fff
}
.mejs-controls .mejs-sourcechooser-button {
  position: relative
}
.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url("../jquery/mediaelement/2.11.3/images/background.png");
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px
}
.mejs-postroll-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(background.html);
  background: rgba(50, 50, 50, 0.7);
  z-index: 1000;
  overflow: hidden
}
.mejs-postroll-layer-content {
  width: 100%;
  height: 100%
}
.mejs-postroll-close {
  position: absolute;
  right: 0;
  top: 0;
  background: url(background.html);
  background: rgba(50, 50, 50, 0.7);
  color: #fff;
  padding: 4px;
  z-index: 100;
  cursor: pointer
}
/* Style sheet basic */
body {
  background-image: url("../../files/theme/body_bg.png");
  line-height: 0
}
a {
  text-decoration: none
}
p {
  line-height: 170%
}
#header {
  height: 300px
}
#logo_text {
  position: absolute;
  padding-top: 23%;
  padding-left: 4%;
  font: 200% Muli
}
#logo_text a {
  font: 160% Muli;
  text-decoration: none;
  color: #0788b5;
  font-weight: 300
}
#logo {
  position: absolute;
  padding-top: 2%;
  padding-left: 44%
}
#main {
  width: 92%;
  padding-right: 4%;
  padding-left: 4%;
  font-size: 120%
}
#left {
  width: 200px;
  padding-right: 2%;
  padding-left: 2%
}
.mod_navigation li {
  width: auto;
  margin-bottom: 2px;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  text-align: right
}
.mod_navigation li:hover {
  opacity: .1;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out
}
.mod_navigation li.home {
  margin-left: 133px;
  background-color: #ff9200
}
.mod_navigation li.portraits {
  margin-left: 107px;
  background-color: #b14f00
}
.mod_navigation li.prominenz {
  margin-left: 92px;
  background-color: #ffbb2c
}
.mod_navigation li.karikaturen_in_farbe {
  margin-left: 5px;
  background-color: #c40e0e
}
.mod_navigation li.nach_foto {
  margin-left: 96px;
  background-color: #0788b5
}
.mod_navigation li.karikaturen {
  margin-left: 80px;
  background-color: #0a50ff
}
.mod_navigation li.pyrography {
  margin-left: 80px;
  background-color: #630534
}
.mod_navigation li.kontakt {
  margin-left: 114px;
  background-color: #e80c7a
}
.mod_navigation li.impressum {
  margin-left: 90px;
  background-color: #698d25
}
.mod_navigation li.glossar {
  margin-left: 120px;
  background-color: #c4da49
}
.mod_navigation li a, .mod_navigation li span {
  margin-left: 2px;
  padding-top: 4;
  padding-bottom: 4;
  font: 130% Muli;
  font-weight: bold;
  text-decoration: none;
  color: #fff
}
#footer {
  padding-top: 20%;
  padding-bottom: 10%;
  padding-left: 25%
}
#footer a {
  color: #0788B5
}
@media(max-width:767px) {
#header{
    height: 400px;
	text-align: center;
  }
  #logo{
    width: 100%;
    position:relative;
   padding: 0;
  }
#logo_text{
    width: 100%;
    position:relative;
   padding: 0;
  }
	#footer{
   padding: 20px 10px;
	height: 400px;	
		font-size: 124%;
  }
	#footer span{
   display:block;
		height: 40px;	
  }
}