/* ==========================================================================
   Base styles
   ========================================================================== */

html,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none}

/* ==========================================================================
   plugins
   ========================================================================== */
   
/*
 * Supersized - Fullscreen Slideshow jQuery Plugin
 */
* { margin:0; padding:0; }
body { background:#111; height:100%; }
img { border:none; }
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; /*background:url(../img/progress.gif) no-repeat center center;*/}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }     /*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
/*#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }*/
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#supersized-loader { display: none; }
/*
 * jQuery Nivo Slider v3.2
 */
.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden}
.nivoSlider img{position:absolute;top:0;left:0;max-width:none}
.nivo-main-image{display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:6;display:none;background:#FFF;filter:alpha(opacity=0);opacity:0;margin:0;padding:0}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img{display:block}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;width:100%;z-index:8;opacity:0.8;overflow:hidden;display:none;-moz-opacity:0.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 10px}
.nivo-caption p{margin:0;padding:5px}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer}
.nivo-prevNav{left:0}
.nivo-nextNav{right:0}
.nivo-controlNav{ display: none; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body, button, input, select, textarea { font-family: 'Titillium Web', sans-serif; }
body{ font-size: 1em; line-height:1.4; background-color: white; position: relative; }
::-moz-selection { background: black; color: #fff; text-shadow: none; }
::selection { background: black; color: #fff; text-shadow: none; }

.rex-navi1 { margin: 0; padding: 0; }
.rex-navi1 li { list-style: none; }
.rex-navi1 a { color: #304343; }
.rex-navi1 a:hover, .rex-navi1 a.rex-active, .rex-navi1 a.rex-current { color: #db8d00; }

a:link, a:visited, a:hover, a:active { text-decoration: none; }
p { margin-top: 0; }

html, body { height: 100% }
#container { min-height: 100%; position: relative; }

#logo1 { height: 110px; position: absolute; left: 87px; top: 87px; }

#nav1 { position: absolute; left: 87px; top: 270px; }
#nav1 ul.rex-navi1 > li { margin-bottom: 0; }
#nav1 ul.rex-navi1 > li a {
  font-size: 2em;
  line-height: 1em;
  height: 1em;
  display: block;
  font-weight: 300;
}

#container_content { width: 500px; position: relative; margin: 0 auto 0; padding-bottom: 80px; }

#zitat { height: 239px; font-size: 0.9em; position: relative; }
#zitat .tinymcewysiwyg { position: absolute; top: 54px; }

#nav2 { position: relative; height: 31px; }
#nav2 ul.rex-navi1 > li { position: relative; display: inline-block; border-right: 1px solid #304343; }
#nav2 ul.rex-navi1 > li:last-child { border-right: none; }
#nav2 ul.rex-navi1 > li a { font-size: 1.1em; margin: 0; padding: 0 0.5em 0 0.5em; height: 1em; line-height: 1em; }
#nav2 ul.rex-navi1 > li:first-child > a { padding-left: 0; }

#content div:last-child { margin-bottom: 0; }

#logo2 { height: 70px; position: absolute; left: 87px; bottom: 80px; }

/* Module */
.tinymcewysiwyg p { margin: 0; }
.tinymcewysiwyg h1,h2,h3 { margin: 0; line-height: 1em; }

.tinymcewysiwyg a { color: black; border-bottom: 1px black dotted; }

video { margin-bottom: 1.25em; }
audio { margin-bottom: 1.25em; }
.mejs-container { margin-bottom: 1em; }

.slideshow { margin-bottom: 1em; }

.event { border-bottom: 1px dotted black; }
.event .cal { float: left; width: 6.5em; }
.event .about { margin-left: 6.5em; }

.trennlinie { border-top: 1px dotted black; margin: 0; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1111px) {
  #container_content { margin: 0 0 54px 305px; }
}

@media only screen and (max-width: 480px) {
  #body { font-size: 0.8125em; }
  #logo1 { height: 50px; left: 30px; top: 30px; }
  #nav1 { left: 30px; top: 100px; z-index: 99; }
  #container_content { width: auto; margin: 0px 30px 30px; 30px; }
  #zitat { visibility:hidden; height: 250px; position: relative; }
  #nav2 { display: none; }
  #logo2 { height: 35px; left: auto; bottom: auto; right: 30px; top: 45px; }

  /* Module */
  .tinymcewysiwyg { margin-bottom: 1.25em; }
}


@media print {

}