@charset "UTF-8";
/**
 * CSS Stadt Oelsnitz
 *
 * @site         oelsnitz.de
 * @version      1.3
 * @date         2012-05-25
 * @author       Danilo Fickert, pitcom GmbH http://www.pitcom.de/
 * @copyright    2017 by the author
 * @lastmodified 2017-12-07
 *
 * @colordef     #EEEEEE; bg
 * @colordef     #666666; text
 * @colordef     #999999; border
 * @colordef     #B3B3B3; header, footer bg
 * @colordef     #FFFFFF; main bg
 */

/**
 * Reset
 *
 * @section      reset
 */

@import url(reset.css);

/**
 * Includes
 *
 * @section      include
 */

@import url(colors.css);
@import url(colorbox.css);

/**
 * Basics
 *
 * @section      basics
 */

body {
    font: 75% Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.5;
    color: #666;
    background: #EEE;
}

hr, caption, form br, form p.submit label {
    display: none;
}

h1, h2, .clear {
    clear: both;
}

h1 {
    font-size: 1.5em;
    line-height: 1em;
    font-weight: bold;
    margin-bottom: 1em;
}

h2 {
    font-size: 1.333333em;
    line-height: 1.125em;
    font-weight: bold;
    color: #666;
    border-bottom: .1875em solid;
    margin-bottom: .9375em;
}

h2 span {
    font-weight: normal;
}

h3 {
    font-weight: bold;
    color: #666;
    border-bottom: .166666em solid;
    margin-bottom: 1.333333em;
}

h4 {
    font-weight: bold;
    color: #666;
    margin-bottom: 1.5em;
}

h5 {
    font-size: .833333em;
    line-height: 1.8em;
    font-weight: normal;
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 1.8em;
}

a, a:link, a:visited {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #999;
}

a:focus, a:hover {
    border-bottom-color: #666;
    border-bottom-width: 2px;
}

a:focus {
    text-decoration: underline;
}

a:active {
    background-color: transparent;
}

:focus, :active {
    outline: 0;
}

::-moz-focus-inner {
    border: 0;
}

p {
    -moz-hyphens: auto;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

abbr {
    border-bottom: 1px dotted;
    cursor: help;
}

img {
    vertical-align: middle;
    max-width: 100%;
    width: auto;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

input, select, textarea {
    font-size: 100%;
    font-family: inherit;
    color: #000;
    padding: .25em;
    border: 1px solid #999;
    vertical-align: middle;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
}

input:focus, select:focus, textarea:focus {
    background: #FFE;
    border-color: #666;
}

select {
    padding: .166666em;
}

textarea {
    margin: 0;
    overflow: auto;
}

table {
    width: 100%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

th, td {
    padding: .25em .5em;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

th {
    font-weight: normal;
    text-align: left;
    color: #333;
    background: #EEE;
}

tr:hover {
    background-color: #EEE;
}

tr:hover th {
    color: #000;
    background-color: #B3B3B3;
}

td:hover {
    color: #333;
    background-color: #DDD;
}

dl {
    word-wrap: break-word;
}

dt {
    font-weight: bold;
    text-align: right;
    width: 30%;
    color: #999;
    margin-bottom: -1.5em;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

dd {
    padding-left: 30px;
    margin-left: 30%;
    min-height: 1.5em;
}

/**
 * @note         assistive text
 */

#header h3, #skip a, #main > p, form .chkspm {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    *clip: rect(1px 1px 1px 1px);
}

#skip a:focus, #skip a:active {
    right: 0;
    top: -22px;
    clip: auto;
}

/**
 * Layout
 *
 * @section      oelsnitz
 */

#oelsnitz {
    max-width: 80em;
    min-width: 60.833333em;
    background: #FFF;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    margin: 0 auto;
}

#header {
    position: relative;
    min-height: 20.25em;
    background: #B3B3B3;
    overflow: hidden;
}

#content {
    float: left;
    width: 75%;
    border-right: 1px solid #999;
    margin: 0 0 1.5em -1px;
}

#content .column {
    float: left;
    width: 33.333333%;
    *width: 33.3%;
}

#content .double {
    width: 66.666666%;
}

#content .double .column {
    width: 50%;
    *width: 49.999999%;
}

#content .section {
    clear: both;
    padding: .75em 2.367688%;
    border-right: 1px solid #FFF;
    border-left: 1px solid #999;
}

#content .column .section, #content .double .column .section {
    padding: .75em 7.142857%;
}

#content .double .section {
    padding: .75em 3.556485%;
}

#aside {
    float: right;
    width: 24.0625%;
    margin-bottom: 1.5em;
}

#aside .section {
    padding: .75em 7.792208% .75em 3.896104%;
}

#oelsnitz #main .section .section {
    padding: 0 0 1.5em 0;
    border: 0;
}

.column > section, #aside > section {
    *width: 100%; /** fix IE7 wrong width calc */
}

#footer {
    clear: both;
    background: #B3B3B3;
    padding: 1.5em 1.875%;
}

/**
 * Header
 *
 * @section      header
 */

#header h1 {
    margin-bottom: 0;
}

#header a {
    border-bottom: 0;
}

#nav {
    position: absolute;
    left: 0;
    z-index: 3;
    width: 25%;
    height: 100%;
    padding-top: 27px;
}

#nav li {
    margin: 0 0 9px 18px;
}

#nav li a {
    display: block;
    position: relative;
}

#nav li a b {
    position: absolute;
    z-index: 1;
    width: 27px;
    height: 100%;
    background-color: #999;
    cursor: pointer;
    -webkit-transition: width .4s ease .2s;
    -moz-transition: width .4s ease .2s;
	-ms-transition: width .4s ease .2s;
	-o-transition: width .4s ease .2s;
    transition: width .4s ease .2s;
}

#nav li a strong {
    display: block;
    position: relative;
    z-index: 2;
    font-size: 13px;
    line-height: 27px;
    font-weight: normal;
    text-transform: uppercase;
    text-indent: -9999px;
    letter-spacing: -1px;
    width: 106px;
    height: 27px;
    background: url(../images/bg-nav.png) no-repeat -9px top;
    padding-left: 36px;
    text-shadow: 1px 1px 1px #666;
    cursor: pointer;
}

#nav .t a strong {
    background-position: 3px -27px;
}

#nav .w a strong {
    background-position: 5px -54px;
}

#nav .s a strong {
    background-position: -9px -81px;
}

#nav li a:focus b, #nav li a:hover b, #nav li:hover a b, #nav li.hover a b, #nav li.on a b {
    width: 100%;
}

#nav li a span {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    text-indent: -9999px;
    width: 27px;
    height: 100%;
    background: url(../images/bg-nav-span.png) no-repeat left center;
}

#nav li a span.open {
    background-position: -36px center;
}

#nav ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 100%;
    background: url(../images/bg-nav-ul.png) repeat-y right top;
    overflow: hidden;
    -webkit-transition: width .4s ease .6s;
    -moz-transition: width .4s ease .6s;
	-ms-transition: width .4s ease .6s;
	-o-transition: width .4s ease .6s;
    transition: width .4s ease .6s;
}

#nav ul ul, #nav li.on ul {
    -webkit-transition: width .4s ease 0s;
    -moz-transition: width .4s ease 0s;
	-ms-transition: width .4s ease 0s;
	-o-transition: width .4s ease 0s;
    transition: width .4s ease 0s;
}

#nav li a:focus + ul, #nav li:hover > ul, #nav li.hover > ul {
    width: 100%;
    overflow: visible;
}

#nav ul li {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

#nav ul li:first-child {
    padding-top: 14px;
}

#nav ul li a {
    font-size: 12px;
    line-height: 17px;
    min-width: 160px;
    color: #666;
    padding-left: 18px;
    margin-bottom: 1px;
}

#nav ul li a:focus, #nav ul li a:hover, #nav ul li:hover > a, #nav ul li.hover > a, #nav ul li.on > a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #666;
    margin-bottom: 0;
}

#lang, #metanav {
    position: absolute;
    right: 1.875%;
    top: 38px;
    white-space: nowrap;
}

#metanav {
    right: 23em;
    right: 15em; /** @todo remove when language active */
}

#lang li, #metanav li {
    display: inline;
    padding-left: .583333em;
    border-left: 1px solid;
    margin-left: .583333em;
}

#lang li:first-child, #metanav li:first-child, #lang #de {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
}

#lang li a, #metanav li a {
    color: #666;
    text-shadow: 1px 1px 1px #EEE;
}

#lang li a:focus, #lang li a:hover, #lang li.on a, #metanav li a:focus, #metanav li a:hover, #metanav li.on a {
    color: #000;
}

#lang #search {
    position: relative;
    padding-left: 0;
    border-left: 0;
    margin-right: .416666em;
    margin-right: 0; /** @todo remove when language active */
}

#search div, #search form, #search p {
    display: inline;
}

#searchfield {
    width: 10em;
    color: #999;
    padding-left: 24px;
    border: 0;
    margin-top: -.166666em;
    -webkit-box-shadow: 1px 1px 1px #666 inset;
    -moz-box-shadow: 1px 1px 1px #666 inset;
    box-shadow: 1px 1px 1px #666 inset;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}

#searchfield:focus {
    color: #000;
}

#searchsubmit {
    position: absolute;
    left: .333333em;
    top: -.09em;
    padding: 0;
    border: 0;
}

#banner {
    text-align: right;
    max-height: 20em;
    margin-left: 25%;
}

/**
 * CSS jQuery responsive slider FlexSlider
 *
 * @version      2.0
 * @author       Tyler Smith, WooThemes http://www.woothemes.com/
 * @copyright    2012 by the author
 * @link         http://www.woothemes.com/flexslider/
 * @license      GPLv2 http://www.gnu.org/licenses/gpl-2.0.html
 * @date         2012-10-29
 */

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
.nojs .slides > li:first-child {display: block;}

/**
 * Main
 *
 * @section      main
 */

#main header + section h2:first-child + p:first-line, #main header + section p:first-child:first-line, #main .meta + p:first-line {
    color: #333;
}

#main strong, #main em {
    color: #333;
}

#main p, #main ul, #main ol, #main blockquote, #main table, #main dl {
    margin-bottom: 1.5em;
}

#main a:focus {
    text-decoration: none;
}

.article .column > section + section, header + .column + .column + .column.clear > section {
    margin-top: 0;
}

header + section, header + .column > section, header + .column + .column > section, header + .column + .column + .column > section, .article section + section, .article .double > section + section {
    margin-top: -1.5em;
}

.section.article {
    overflow: hidden;
}

.section > a {
    display: block;
    color: #666;
    background: transparent url(../images/more.png) no-repeat -27px -27px;
    padding: .75em 1.331361%;
    border: 0;
    margin: -.75em -1.29683%;
}

.column .section > a, .double .column .section > a, #aside .section > a {
    padding: .75em 4.83871%;
    margin: -.75em -4.411765%;
}

.double .section > a {
    padding: .75em 2.112676%;
    margin: -.75em -2.027027%;
}

.section > a:focus, .section > a:hover {
    color: #000;
    background-color: #EEE;
    background-position: right bottom;
    border: 0;
}

#content .article .section > a, #content .article > a {
    padding: 0;
    margin: 0;
    *display: inline;
}

#content .article h2 {
    font-size: 1.166666em;
    line-height: 1.285714em;
    border-bottom: 0;
    margin-bottom: 1.285714em;
}

#main ol {
    list-style: decimal;
    padding-left: 2.666666em;
}

#main ul li {
    background: url(../images/bg-ul.gif) no-repeat 2px .416666em;
    padding-left: 1.5em;
}

#main li ul, #main li ol {
    margin-bottom: 0;
}

/**
 * Buttons
 *
 * @note         button
 */

.button {
    text-align: right;
}

.button a {
    display: inline-block;
    font-weight: bold;
    color: #666;
    background: #EEE url(../images/link.png) no-repeat 6px center;
    padding: 0 9px 0 27px;
    border: .166666em solid #999;
    margin: -.166666em 0 -.166666em .75em;
    -webkit-border-radius: .916666em;
    -moz-border-radius: .916666em;
    border-radius: .916666em;
    -webkit-box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
    -moz-box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
    box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
}

.button a[href$=".pdf"] {
    background-image: url(../images/pdf.png);
}

.button a[href$=".mp3"] {
    background-image: url(../images/mp3.png);
}

.button a.back {
    background-image: url(../images/back.png);
}

.button a.forward {
    background-image: url(../images/forward.png);
}

.button a:focus, .button a:hover {
    color: #000;
    background-color: #FFF;
}

#main .button a:active {
    border-color: #666;
    -webkit-box-shadow: 0 3px 6px #CCC inset;
    -moz-box-shadow: 0 3px 6px #CCC inset;
    box-shadow: 0 3px 6px #CCC inset;
}

/**
 * Linklist
 *
 * @note         links
 */

#oelsnitz #main ul.links li {
    background: url(../images/link.png) no-repeat left .166666em;
    padding-left: 24px;
}

/**
 * Downloads
 *
 * @note         downloads
 */

#oelsnitz #main ul.downloads li {
    background: url(../images/dl.png) no-repeat left .166666em;
    padding-left: 24px;
}

/**
 * Accordion
 *
 * @note         accordion
 */

#main .accordion {
    margin-bottom: 0;
}

#main .accordion > li {
    background: transparent;
    padding-left: 0;
}

.accordion-head {
    padding-bottom: 1.333333em;
    border-bottom: 0;
    margin-bottom: 0;
}

.accordion-head a {
    display: block;
    background: url(../images/bg-accordion.png) no-repeat left top;
    padding: 0 0 .09em 24px;
    border-bottom-width: .09em;
}

.accordion-head a.on.hover, .accordion .open a.hover {
    background-position: -1440px top;
}

.accordion-head a.hover, .accordion-head a.on, .accordion .open a {
    padding-bottom: 0;
    border-bottom-width: .166666em;
}

.accordion-head a.hover {
    background-color: #EEE;
    background-position: -720px top;
}

.accordion li > div {
    display: none;
}

.accordion li > div > a {
    display: block;
    color: #666;
    border: 0;
}

.accordion .accordion-content {
    display: none;
    *overflow: hidden; /** fix IE7 disappearing content */
}

.nojs .accordion li > div {
    display: block;
}

#main .accordion ul, #main .accordion ol {
    margin-bottom: 1.5em;
}

#main .accordion li li ul, #main .accordion li li ol {
    margin-bottom: 0;
}

/**
 * Highlight
 *
 * @note         highlight
 */

.highlight {
    clear: both;
    color: #333;
    background: #EEE;
    padding: 1.416666em .666666em 0;
    border: .09em solid #666;
    margin-bottom: 1.416666em;
}

/**
 * Zitat
 *
 * @note         quote
 */

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-indent: 1.5em;
    background: url(../images/quote.png) no-repeat right bottom;
}

blockquote p {
    color: #666;
}

blockquote p:first-child {
    text-indent: 0;
}

blockquote cite {
    display: block;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-style: normal;
    text-align: right;
    text-indent: 0;
    color: #333;
    padding-right: 24px;
    margin-top: 1.5em;
}

/**
 * Image
 *
 * @note         figure
 */

.figure {
    text-align: center;
    background: #EEE;
    padding: .666666em;
    border: .09em solid #DDD;
    margin-bottom: 1.5em;
}

a:focus .figure, a:hover .figure {
    background: #DDD;
    border-color: #999;
}

.figcaption {
    font-size: .916666em;
    line-height: 1.636363em;
    display: block;
    margin-top: .75em;
}

.figure.left {
    float: left;
    width: 27.192982%;
    margin: .416666em 2.631579% 1.083333em 0;
}

.figure.right {
    float: right;
    width: 27.192982%;
    margin: .416666em 0 1.083333em 2.631579%;
}

a > .figure.left, a > .figure.right {
    *cursor: pointer;
}

.double .figure.left {
    float: left;
    width: 41.441441%;
    margin: .416666em 8.108108% 1.083333em 0;
}

.double .figure.right {
    float: right;
    width: 41.441441%;
    margin: .416666em 0 1.083333em 8.108108%;
}

.column .figure, .double .column .figure {
    float: none;
    width: auto;
    margin: 0 0 1.5em;
}

/**
 * Galerie
 *
 * @note         gallery
 */

.gallery {
    margin-bottom: 1.5em;
    overflow: hidden;
    *overflow: visible;
}

.column .gallery ul, .double .column .gallery ul {
    margin-right: 0;
}

.gallery ul, .double .gallery ul {
    margin-right: -.75em;
}

#content .gallery li {
    background: transparent;
    padding-left: 0;
}

.column .gallery li, .double .column .gallery li {
    float: none;
    width: auto;
}

.gallery li {
    float: left;
    width: 33.333333%;
}

.double .gallery li {
    float: left;
    width: 50%;
}

.gallery li > a {
    display: block;
    color: #666;
    border: 0;
    *cursor: pointer;
}

.gallery .figure {
    position: relative;
    height: 12em;
    line-height: 11.9em;
    overflow: hidden;
}

.gallery .figure img {
    max-height: 12em;
}

.column .gallery .figure, .double .column .gallery .figure {
    margin: 0 0 1.5em 0;
}

.gallery .figure, .double .gallery .figure {
    margin: 0 .75em .75em 0;
}

.gallery .figcaption {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/bg-figcaption.png);
    padding: .75em 0;
}

.gallery a:focus .figcaption, .gallery a:hover .figcaption {
    display: block;
}

/**
 * Kontakt
 *
 * @note         contact
 */

#content .column .contact {
    margin: -.75em 0 .75em;
}

.column .contact, #content .double .column .contact, #aside .contact {
    background: #EEE;
    padding: .666666em;
    border: .09em solid #DDD;
    margin: -.75em 0 .75em;
}

#content .double .contact {
    background: transparent;
    padding: 0;
    border: 0;
    margin: 0 0 1.5em;
}

.contacts {
    border-bottom: .09em solid #DDD;
    margin-bottom: 1.416666em;
}

#content .contacts ul {
    margin: 0;
    overflow: hidden;
}

#content .contacts .contact {
    min-height: 9em;
    background: transparent;
    padding: 1.416666em 0 0;
    border: 0;
    border-top: .09em solid #DDD;
    margin: 0 0 1.5em;
}

.contact span {
    display: inline-block;
    padding-left: 24px;
    cursor: pointer;
}

dt.logo {
    display: none;
}

dd img {
    float: right;
    max-width: 25%;
    margin: 0 0 .75em .75em;
}

#content dd {
    background-position: 6px top;
}

.loc {
    background: url(../images/loc.png) no-repeat left top;
}

.usr {
    background: url(../images/usr.png) no-repeat left top;
}

.tel {
    background: url(../images/tel.png) no-repeat left top;
}

.fax {
    background: url(../images/fax.png) no-repeat left top;
}

.mail {
    background: url(../images/mail.png) no-repeat left top;
}

.desc {
    background: url(../images/desc.png) no-repeat left top;
}

.www {
    background: url(../images/www.png) no-repeat left top;
}

.price {
    background: url(../images/price.png) no-repeat left top;
}

.fb {
    background: url(../images/fb.png) no-repeat left top;
}

.tr {
    background: url(../images/tr.png) no-repeat left top;
}

.date {
    background: url(../images/date.png) no-repeat left top;
}

.time {
    background: url(../images/time.png) no-repeat left top;
}

dd.loc, dd.desc, dd.date, dd.time {
    margin-bottom: 1.5em;
}

/**
 * Brotkrumen
 *
 * @subsection   index
 */

#main #index {
    margin: .75em 1.875%;
}

#main #index li {
    display: inline;
    color: #999;
    background: transparent;
    padding: .166666em 0 0 .583333em;
    border-left: 1px solid;
    margin-left: .583333em;
}

#main #index li:first-child {
    background: url(../images/home.png) no-repeat left center;
    padding-left: 24px;
    border-left: 0;
    margin-left: 0;
}

#index li a {
    color: #999;
    border: 0;
    text-shadow: 1px 1px 1px #CCC;
}

#index li a:focus {
    text-decoration: underline;
    color: #333;
}

#index li a:hover {
    color: #333;
}

/**
 * Meta
 *
 * @note         meta
 */

.meta {
    border-bottom: .09em solid #DDD;
    margin-bottom: 1.416666em;
}

#main .meta p {
    margin-bottom: 0;
}

.meta p time, .meta p span {
    display: inline-block;
    padding-left: 24px;
}

#main .meta ul {
    text-align: right;
    padding-left: 25%;
    margin: -1.5em 0 0;
}

.meta li {
    display: inline-block;
    margin-left: .75em;
    *display: inline;
}

/**
 * News Teaser
 *
 * @note         news
 */

#content #news {
    margin-bottom: -1.5em;
}

#content #news > li {
    background: transparent;
    padding-left: 0;
    margin-bottom: .75em;
}

#news > li > a {
    display: block;
    color: #666;
    background: transparent url(../images/more.png) no-repeat -27px -27px;
    padding: .75em 4.83871%;
    border: 0;
    margin: -.75em -4.411765%;
}

#news > li > a:focus, #news > li > a:hover {
    color: #000;
    background-color: #EEE;
    border: 0;
}

#news a > p {
    padding-left: 16px;
    margin-bottom: 0;
}

#main #news a > h3 {
    color: #333;
    background: url(../images/bg-ul.gif) no-repeat 1px .416666em;
    padding-left: 16px;
    border: 0;
    margin-bottom: 0;
}

/**
 * Events Teaser
 *
 * @note         events
 */

#content #events {
    margin-bottom: 0;
}

#content #events > li {
    background: transparent;
    padding-left: 0;
    margin-bottom: .75em;
}

#events > li > a {
    display: block;
    color: #666;
    background: transparent url(../images/more.png) no-repeat -27px -27px;
    padding: .84em 4.83871% 0;
    border: 0;
    margin: -.84em -4.411765% -.75em;
    *zoom: 1;
}

#events > li > a:focus, #events > li > a:hover {
    color: #000;
    background-color: #EEE;
    border: 0;
}

#events a > h4, #events a > p {
    margin-bottom: 0;
}

#events a > div {
    padding-bottom: .666666em;
    border-bottom: .09em solid #666;
    margin-bottom: 0;
}

#events > li > a:focus > div, #events > li > a:hover > div {
    border-bottom-color: #EEE;
}

#main #events a > h3 {
    color: #333;
    border: 0;
    margin-bottom: 0;
}

/**
 * Eventslist
 *
 * @note         events
 */

#main .events {
    padding-top: .666666em;
    border-top: .09em solid #999;
}

#main .events > li {
    padding-left: 0;
    background: transparent;
    padding-bottom: .666666em;
    border-bottom: .09em solid #999;
    margin-bottom: .75em;
}

#main .events p {
    color: #666;
    margin-bottom: 0;
}

.events > li > a {
    display: block;
    background: url(../images/more.png) no-repeat -27px -27px;
    padding: .75em 1.351351%;
    border: 0;
    margin: -.84em 0 -.75em;
    overflow: hidden;
    *cursor: pointer;
}

.events > li > a:focus, .events > li > a:hover {
    background-color: #EEE;
    background-position: right bottom;
}

.events > li h3 {
    font-size: 1.166666em;
    line-height: 1.28571em;
    float: right;
    width: 65.465465%;
    padding: .643857em 0 .643857em 2.552553%;
    border-bottom: 0;
    border-left: 1px solid #999;
    margin: 0 0 0 1.351351%;
}

#main .events > li h3 {
    color: #333;
}

.events > li h3 span {
    font-weight: normal;
}

.events > li p time, .events > li p span {
    display: block;
    padding-left: 24px;
}

/**
 * Fehler
 *
 * @note         error
 */

#main p.error, #oelsnitz #main ul.error li {
    color: #900;
    background: url(../images/error.png) no-repeat left top;
    padding-left: 24px;
}

/**
 * Pagination
 *
 * @note         pages
 */

#main .pages {
    text-align: center;
    margin: -.166666em 0 .916666em;
}

#main .pages li {
    display: inline;
    background: transparent;
    padding-left: .5em;
}

#main .pages li:first-child {
    padding-left: 0;
}

#main .pages a {
    display: inline-block;
    font-weight: bold;
    min-width: 1em;
    color: #666;
    background: #EEE no-repeat center;
    padding: 0 .666666em;
    border: .166666em solid #999;
    overflow: hidden;
    -webkit-border-radius: .916666em;
    -moz-border-radius: .916666em;
    border-radius: .916666em;
    -webkit-box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
    -moz-box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
    box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
}

#main .pages .prev a, #main .pages .list a, #main .pages .next a {
    text-indent: -999px;
    width: 12px;
}

#main .pages .prev a {
    background-image: url(../images/back.png);
}

#main .pages .list a {
    background-image: url(../images/list.png);
}

#main .pages .next a {
    background-image: url(../images/forward.png);
}

#main .pages a:focus, #main .pages a:hover {
    color: #000;
    background-color: #FFF;
}

#main .pages a:active, #main .pages .on a {
    border-color: #666;
    -webkit-box-shadow: 0 3px 6px #CCC inset;
    -moz-box-shadow: 0 3px 6px #CCC inset;
    box-shadow: 0 3px 6px #CCC inset;
}

/**
 * Progress bar
 *
 * @note         progress
 */

#main .progress {
    text-align: right;
}

.progress b {
    display: block;
    text-align: left;
    height: 1.5em;
    background: #EEE;
    overflow: hidden;
    -webkit-border-radius: .333333em;
    -moz-border-radius: .333333em;
    border-radius: .333333em;
    -webkit-box-shadow: 0 1px 2px #999 inset;
    -moz-box-shadow: 0 1px 2px #999 inset;
    box-shadow: 0 1px 2px #999 inset;
}

.progress b i {
    display: block;
    text-align: center;
    width: 0;
    height: 100%;
    color: #FFF;
    background: #999;
    -webkit-box-shadow: 1px -1px 2px #999 inset;
    -moz-box-shadow: 1px -1px 2px #999 inset;
    box-shadow: 1px -1px 2px #999 inset;
}

/**
 * Aside
 *
 * @subsection   aside
 */

/**
 * Wetter
 *
 * @note         weather
 */

#weather {
    height: 12em;
}

#weather h4, #weather p {
    margin-bottom: 0;
}

#weather iframe {
    width: 14.5em;
    height: 10.5em;
    border: 0;
    margin: -.75em auto;
    overflow: hidden;
}

#weather iframe::-webkit-scrollbar {
    display: none;
}

/**
 * Formulare
 *
 * @subsection   forms
 */

#main form div, #main form p {
    margin-bottom: 1.09em;
}

#main form legend {
    font-weight: bold;
    padding-bottom: 1.5em;
    *margin-left: -.583333em;
}

#main form label {
    display: inline-block;
    text-align: right;
    width: 25%;
    min-width: 7.5em;
    margin-right: 1.5em;
}

#main form input {
    width: 50%;
}

#main form textarea {
    width: 50%;
    height: 8.75em;
}

#main form em {
    font-size: .833333em;
    line-height: 1.8em;
    color: #999;
    margin-left: 1.2em;
}

#main form p.cb label, #main form p.radio label {
    float: right;
    text-align: left;
    width: 72%;
    margin-right: 0;
}

#main form p.cb input, #main form p.radio input {
    width: auto;
    border: 0;
    margin: 0 0 0 23%;
}

#main form p.cb em, #main form p.radio em {
    display: block;
    text-align: right;
    width: 19%;
    margin-bottom: -3.1em;
}

#main form p.ta label {
    vertical-align: top;
}

#main form p.ta em {
    vertical-align: bottom;
}

#main form .submit {
    clear: both;
    text-align: right;
}

#main form .submit input {
    display: inline-block;
    font-weight: bold;
    width: auto;
    color: #666;
    background: #EEE url(../images/forward.png) no-repeat 6px center;
    padding: .09em 9px .166666em 27px;
    border: .166666em solid #999;
    margin: -.166666em 0 -.166666em .75em;
    cursor: pointer;
    -webkit-border-radius: .916666em;
    -moz-border-radius: .916666em;
    border-radius: .916666em;
    -webkit-box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
    -moz-box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
    box-shadow: 1px 1px 1px #CCC, 0 -3px 6px #CCC inset;
}

#main form .submit input:focus, #main form .submit input:hover {
    color: #000;
    background-color: #FFF;
}

#oelsnitz #main form .submit input:active {
    border-color: #666;
    -webkit-box-shadow: 0 3px 6px #CCC inset;
    -moz-box-shadow: 0 3px 6px #CCC inset;
    box-shadow: 0 3px 6px #CCC inset;
}

/**
 * Footer
 *
 * @section      colophon
 */

#footer {
    text-shadow: 1px 1px 1px #EEE;
}

#footer h5 {
    display: inline;
    margin-right: 1.9481%;
}

#footer a {
    border-bottom: 0;
}

#copyright {
    text-align: right;
}

#copyright li {
    display: inline;
    padding-left: .583333em;
    border-left: 1px solid;
    margin-left: .583333em;
}

#copyright li:first-child {
    padding-left: 0;
    border-left: 0;
    margin-left: 0;
}

#copyright li a {
    color: #666;
}

#copyright li a:focus, #copyright li a:hover {
    color: #000;
}

#ads, #ads li {
    display: inline;
}

/**
 * Fallbacks
 *
 * @section      noscript, update, ie
 */

#noscript {
    font-weight: bold;
    color: #FFF;
    background: #F00;
    padding: .75em 1.875%;
}

#update {
    color: #FFF;
    background: #F00;
    padding: .75em 1.875%;
}

#update a {
    font-weight: bold;
    color: #FFF;
    border-bottom-color: #FFF;
}

#update a:focus {
    text-decoration: none;
}

/**
 * Extension Fixes
 *
 * @section      ext
 */

/**
 * Indexed Search
 *
 * @subsection   search
 */

.tx-indexedsearch .tx-indexedsearch-browsebox p + .browsebox, .tx-indexedsearch-whatis {
    display: none;
}

#main .pages, #main .browsebox {
    margin: -0.166666em 0 0.916666em;
    text-align: center;
}


.tx-indexedsearch-noresults {
    font-weight: bold;
    text-align: center;
}

.tx-indexedsearch .tx-indexedsearch-browsebox P {
    margin-left: 20px;
}


#main .pages li:first-child, #main .browsebox li:first-child {
    padding-left: 0;
}

#main .pages li, #main .browsebox li {
    background: transparent;
    display: inline;
    padding-left: 0.5em;
}

#main .pages a, #main .browsebox a {
    background: #eee none no-repeat scroll center center;
    border: 0.166666em solid #999;
    border-radius: 0.916666em;
    box-shadow: 1px 1px 1px #ccc, 0 -3px 6px #ccc inset;
    color: #333;
    font-weight: bold;
    display: inline-block;
    min-width: 1em;
    overflow: hidden;
    padding: 0 0.666666em;
}

/**
 * Errors hints for Admins
 *
 * @section      error
 */

#content .article .section > a > h2:before, #content .article > a > h2:before {
    content: "Element nicht erlaubt!";
    display: block;
    color: #F00;
    background: #FFF;
}

#content .article .section > a > h2, #content .article > a > h2 {
    color: #FFF;
    background: #F00;
}

#content .article .section > a > h2 ~ *, #content .article > a > h2 ~ * {
    text-decoration: line-through;
    color: #F00;
}

/**
 * Responsive Web Design
 *
 * @section      rwd
 */

/**
 * Media Query Tablets
 *
 * @subsection   tablet
 */

@media only screen and (max-width: 768px) {
    html {
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    #oelsnitz {
        min-width: 0;
    }

    #nav {
        position: static;
        width: auto;
        height: auto;
        padding: 6em 0 1.5em;
        margin: 0 3.75%;
    }

    #nav li {
        margin: 0;
    }

    #header #nav li a b {
        width: 100%;
    }

    #nav li a strong {
        text-align: center;
        width: auto;
        background-position: center 5px;
        padding: 4px 0 5px;
    }

    #nav .t a strong {
        background-position: center -22px;
    }

    #nav .w a strong {
        background-position: center -49px;
    }

    #nav .s a strong {
        background-position: center -76px;
    }

    #nav li a span {
        display: block;
        width: 36px;
    }

    #nav ul {
        display: none;
        position: static;
        width: auto;
        height: auto;
        background: #CCC;
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    .nojs #nav ul {
        display: block;
    }

    #nav ul li:first-child {
        padding-top: 0;
    }

    #nav ul li a {
        line-height: 26px;
        text-align: center;
        padding: 0 4.054054%;
        border-bottom: 1px solid #B3B3B3;
        margin-bottom: 0;
    }

    #nav ul ul {
        width: 100%;
        background: #DDD;
    }

    #nav ul ul ul {
        background: #EEE;
    }

    #lang, #metanav {
        z-index: 3;
        right: auto;
        top: 9.5em;
        width: auto;
        margin: 0 3.75%;
    }

    #lang {
        text-align: right;
        width: 92.5%;
    }

    #skip a:focus, #skip a:active {
        position: absolute;
        right: .5em;
        top: -2.8em;
        z-index: 1;
    }

    #lang #search {
        position: absolute;
        left: 0;
        top: -3em;
        width: 100%;
        margin: 0;
    }

    #searchfield {
        width: 100%;
        padding: .5em .5em .5em 24px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #searchsubmit {
        top: .166666em;
    }

    #banner {
        clear: both;
        margin: 0;
    }

    #main #index {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-wrap: break-word;
    }

    #content, #aside {
        width: 50%;
    }

    #content .column, #content .double, #content .double .column, #content .contacts li {
        float: none;
        width: auto;
    }

    #content .section, #content .column .section, #content .double .column .section, #aside .section {
        padding: .75em 3.556485%;
    }

    header + .column + .column > section, header + .column + .column + .column > section, .article section + section, .article .double > section + section {
        margin-top: 0;
    }

    .section > a, #news > li > a, #events > li > a, .events > li > a {
        background-position: right bottom;
    }

    .section > a, .column .section > a, .double .column .section > a, #news > li > a, #aside .section > a {
        padding: .75em 2.112676%;
        margin: -.75em -2.027027%;
    }

    .figure.left {
        width: 41.441441%;
        margin: .416666em 8.108108% 1.083333em 0;
    }

    .figure.right {
        width: 41.441441%;
        margin: .416666em 0 1.083333em 8.108108%;
    }

    .column .gallery ul, .double .column .gallery ul {
        margin-right: -.75em;
    }

    .gallery li, .column .gallery li, .double .column .gallery li {
        float: left;
        width: 50%;
    }

    .column .gallery .figure, .double .column .gallery .figure {
        margin: 0 .75em .75em 0;
    }

    #events > li > a {
        padding: .75em 2.112676% 0;
        margin: -.84em -2.027027% -.75em;
    }

    .events > li > a {
        padding: .75em;
    }

    .events > li h3 {
        font-size: 1em;
        line-height: 1.5em;
        float: none;
        width: auto;
        padding: 0;
        border-left: 0;
        margin: 0;
    }

    .events p {
        padding-right: 18px;
    }

    #main form em {
        display: block;
        text-align: right;
        width: 25%;
        min-width: 9em;
        margin: -.9em 0;
    }

    #main form p.cb em, #main form p.radio em {
        text-align: left;
        width: 21%;
        min-width: 6em;
    }

    #copyright {
        text-align: center;
    }
}

/**
 * Media Query Smartphones
 *
 * @subsection   mobile
 */

@media only screen and (max-device-width: 480px), screen and (max-width: 600px) {
    #oelsnitz {
        min-width: 0;
    }

    #header h1 {
        text-align: center;
    }

    #banner {
        display: none;
    }

    #main #index {
        margin: .75em 3.75%;
    }

    #content, #aside {
        float: none;
        width: auto;
    }

    #content {
        border: 0;
        margin: 0;
    }

    #content .section, #content .double .column .section {
        border: 0;
    }

    #main form em {
        display: inline;
        margin: 0 0 0 1.2em;
    }

    #footer {
        padding: .75em 3.75%;
    }

    #noscript, #update {
        text-align: center;
        padding: .75em 3.75%;
    }
}

@media only screen and (max-width: 420px) {
    #nav {
        padding-top: 8.25em;
    }

    #lang, #metanav {
        text-align: center;
    }

    #metanav {
        top: 11.75em;
        width: 92.5%;
    }

    #main form em {
        display: block;
        margin: -.9em 0;
    }
}

@media only screen and (min-width: 769px) {
    #nav ul {
        display: block !important;
    }
}