/* global settings -----------------------------------------------------------*/
html,
body {
    background: #000;
    color: #666;
    font-family: cambria, palatino, georgia, serif;
    font-size: 100.01%;
    margin: 0;
    padding: 0;
}
img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
ol, ul, li, p, h1, h2, h3, h4, h5, h6, table, th, td, form, fieldset, legend, input, select, textarea, div, dl, dt, dd {
    margin: 0;
    padding: 0;
}
a {
    color: #666;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
/* shared settings -----------------------------------------------------------*/
.antifloat {
    clear: both;
    visibility: hidden;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.alignright {
    text-align: right;
}
/* framework settings --------------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}
#left {
    background: url(../../media/images/css/left.jpg) no-repeat;
    float: left;
    height: 461px;
    width: 180px;
}
#content {
    background: url(../../media/images/css/content.jpg) repeat-y;
    float: left;
    width: 820px;
}
#footer {
    clear: both;
    width: 1000px;
}
/* navigation settings -------------------------------------------------------*/
/* left */
#left #logo {
    margin: 10px 0 0 32px;
    width: auto;
}
#left ul {
    list-style: none;
}
#left ul li.truderos a {
    background: url(../../media/images/css/left_truderos.jpg) no-repeat left;
    display: block;
    height: 44px;
}
#left ul li.truderos a:hover {
    background: url(../../media/images/css/left_truderos.jpg) no-repeat right;
}
#left ul li.truderos-active a {
    background: url(../../media/images/css/left_truderos.jpg) no-repeat right;
    display: block;
    height: 44px;
}
#left ul li.stammtisch a {
    background: url(../../media/images/css/left_stammtisch.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.stammtisch a:hover {
    background: url(../../media/images/css/left_stammtisch.jpg) no-repeat right;
}
#left ul li.stammtisch-active a {
    background: url(../../media/images/css/left_stammtisch.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.termine a {
    background: url(../../media/images/css/left_termine.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.termine a:hover {
    background: url(../../media/images/css/left_termine.jpg) no-repeat right;
}
#left ul li.termine-active a {
    background: url(../../media/images/css/left_termine.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.bilder a {
    background: url(../../media/images/css/left_bilder.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.bilder a:hover {
    background: url(../../media/images/css/left_bilder.jpg) no-repeat right;
}
#left ul li.bilder-active a {
    background: url(../../media/images/css/left_bilder.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.links a {
    background: url(../../media/images/css/left_links.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.links a:hover {
    background: url(../../media/images/css/left_links.jpg) no-repeat right;
}
#left ul li.links-active a {
    background: url(../../media/images/css/left_links.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.gaestebuch a {
    background: url(../../media/images/css/left_gaestebuch.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.gaestebuch a:hover {
    background: url(../../media/images/css/left_gaestebuch.jpg) no-repeat right;
}
#left ul li.gaestebuch-active a {
    background: url(../../media/images/css/left_gaestebuch.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.kontakt a {
    background: url(../../media/images/css/left_kontakt.jpg) no-repeat left;
    display: block;
    height: 35px;
}
#left ul li.kontakt a:hover {
    background: url(../../media/images/css/left_kontakt.jpg) no-repeat right;
}
#left ul li.kontakt-active a {
    background: url(../../media/images/css/left_kontakt.jpg) no-repeat right;
    display: block;
    height: 35px;
}
#left ul li.members-only a {
    background: url(../../media/images/css/left_members_only.jpg) no-repeat left;
    display: block;
    height: 106px;
}
#left ul li.members-only a:hover {
    background: url(../../media/images/css/left_members_only.jpg) no-repeat right;
}
#left ul li.members-only-active a {
    background: url(../../media/images/css/left_members_only.jpg) no-repeat right;
    display: block;
    height: 106px;
}
#left ul li.newsticker a {
    background: url(../../media/images/css/left_newsticker.jpg) no-repeat left;
    display: block;
    height: 44px;
}
#left ul li.newsticker a:hover {
    background: url(../../media/images/css/left_newsticker.jpg) no-repeat right;
}
#left ul li.newsticker-active a {
    background: url(../../media/images/css/left_newsticker.jpg) no-repeat right;
    display: block;
    height: 44px;
}
#left ul li.aktuelles a {
    background: url(../../media/images/css/left_aktuelles.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.aktuelles a:hover {
    background: url(../../media/images/css/left_aktuelles.jpg) no-repeat right;
}
#left ul li.aktuelles-active a {
    background: url(../../media/images/css/left_aktuelles.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.termine-members-only a {
    background: url(../../media/images/css/left_termine_members_only.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.termine-members-only a:hover {
    background: url(../../media/images/css/left_termine_members_only.jpg) no-repeat right;
}
#left ul li.termine-members-only-active a {
    background: url(../../media/images/css/left_termine_members_only.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.memberliste a {
    background: url(../../media/images/css/left_memberliste.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.memberliste a:hover {
    background: url(../../media/images/css/left_memberliste.jpg) no-repeat right;
}
#left ul li.memberliste-active a {
    background: url(../../media/images/css/left_memberliste.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.geburtstage a {
    background: url(../../media/images/css/left_geburtstage.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.geburtstage a:hover {
    background: url(../../media/images/css/left_geburtstage.jpg) no-repeat right;
}
#left ul li.geburtstage-active a {
    background: url(../../media/images/css/left_geburtstage.jpg) no-repeat right;
    display: block;
    height: 30px;
}
#left ul li.rnt-stuff a {
    background: url(../../media/images/css/left_rnt_stuff.jpg) no-repeat left;
    display: block;
    height: 30px;
}
#left ul li.rnt-stuff a:hover {
    background: url(../../media/images/css/left_rnt_stuff.jpg) no-repeat right;
}
#left ul li.rnt-stuff-active a {
    background: url(../../media/images/css/left_rnt_stuff.jpg) no-repeat right;
    display: block;
    height: 30px;
}
/* footer */
#footer ul {
    list-style: none;
}
#footer ul li {
    float: left;
}
#footer ul li.impressum-home a {
    background: url(../../media/images/css/footer_home_impressum.jpg) no-repeat left;
    display: block;
    float: left;
    height: 139px;
}
#footer ul li.impressum-home a:hover {
    background: url(../../media/images/css/footer_home_impressum.jpg) no-repeat right;
}
#footer ul li.impressum-home-in-memory a {
    background: url(../../media/images/css/footer_home_impressum_in_memory.jpg) no-repeat left;
    display: block;
    float: left;
    height: 139px;
}
#footer ul li.impressum-home-in-memory a:hover {
    background: url(../../media/images/css/footer_home_impressum_in_memory.jpg) no-repeat right;
}
#footer ul li.impressum-content a {
    background: url(../../media/images/css/footer_content_impressum.jpg) no-repeat left;
    display: block;
    float: left;
    height: 139px;
}
#footer ul li.impressum-content a:hover {
    background: url(../../media/images/css/footer_content_impressum.jpg) no-repeat right;
}
#footer ul li.impressum-content-active a {
    background: url(../../media/images/css/footer_content_impressum.jpg) no-repeat right;
    display: block;
    float: left;
    height: 139px;
}
/* content settings ----------------------------------------------------------*/
#contentboxleft {
    float: left;
    width: 45px;
}
#contentboxmiddle {
    float: left;
    width: 711px;
}
#contentboxright {
    float: left;
    width: 64px;
}
#contentboxmiddle h1 {
    color: #919191;
    font-size: 1.4em;
    line-height: 1.3;
    margin: 20px 0;
    text-transform: uppercase;
}
#contentboxmiddle h2 {
    color: #665522;
    font-size: 1.25em;
    line-height: 1.3;
    margin: 20px 0 10px 0;
}
#contentboxmiddle p {
    font-size: 1em;
    line-height: 1.3;
    margin: 10px 0;
}
#contentboxmiddle p img {
    float: left;
    margin: 0 15px 15px 0;
}
#contentboxmiddle p strong {
    color: #919191;
}
#contentboxmiddle ul {
    font-size: 1em;
    list-style: none;
    margin: 10px 30px 20px 0;
}
#contentboxmiddle ul li {
    background: url(../../media/images/css/ul_li_000.gif) left 3px no-repeat;
    padding: 0 0 5px 25px;
}
#contentboxmiddle .contentboxmiddle-imagebox {
    background: url(../../media/images/css/contentboxmiddle_imagebox.gif) no-repeat;
    height: 150px;
    margin: 0 0 20px 0;
    padding: 50px 20px 50px 20px;
    text-align: left;
    width: 305px;
}
#contentboxmiddle .contentboxmiddle-imagebox-last {
    background: url(../../media/images/css/contentboxmiddle_imagebox.gif) no-repeat;
    height: 150px;
    margin: 0 0 20px 21px;
    padding: 50px 20px 50px 20px;
    text-align: left;
    width: 305px;
}
#contentboxmiddle .contentboxmiddle-imagebox h1,
#contentboxmiddle .contentboxmiddle-imagebox-last h1 {
    color: #665522;
    font-size: 1.1em;
    margin: 0 0 10px 0;
}
#contentboxmiddle .contentboxmiddle-imagebox p,
#contentboxmiddle .contentboxmiddle-imagebox-last p {
    margin: 0;
}
#contentboxmiddle .contentboxmiddle-imagebox img,
#contentboxmiddle .contentboxmiddle-imagebox-last img {
    border: 2px solid #665522;
    float: right;
    margin: 0 0 0 5px;
}
#contentboxmiddle .contentboxmiddle-imagebox a:hover img,
#contentboxmiddle .contentboxmiddle-imagebox-last a:hover img {
    border: 2px solid #919191;
}
#contentboxmiddle .contentboxmiddle-imagebox ul,
#contentboxmiddle .contentboxmiddle-imagebox-last ul {
    float: left;
    margin: 0;
}
#contentboxmiddle .contentboxmiddle-imagebox ul li,
#contentboxmiddle .contentboxmiddle-imagebox-last ul li {
    background: url(../../media/images/css/ul_li_cbc0a1.gif) left 3px no-repeat;
    padding: 0 10px 5px 25px;
}
#contentboxmiddle .contentboxmiddle-imagebox ul li.last,
#contentboxmiddle .contentboxmiddle-imagebox-last ul li.last {
    padding: 0 0 5px 25px;
}
#contentboxmiddle table {
    border-collapse: collapse;
    clear: both;
    width: 100%;
}
#contentboxmiddle table thead {
    border-bottom: 1px solid #666;
    color: #919191;
}
#contentboxmiddle table tfoot {
    border-top: 1px solid #666;
    color: #919191;
}
#contentboxmiddle table caption {
    color: #665522;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 20px 0;
    text-align: center;
}
#contentboxmiddle table caption span {
    padding: 0 40px;
}
#contentboxmiddle table th {
    font-size: 1em;
    padding: 5px;
    text-align: left;
}
#contentboxmiddle table td {
    font-size: 1em;
    padding: 5px;
    vertical-align: top;
}
#contentboxmiddle table thead th {
    padding: 0 0 10px 0;
}
#contentboxmiddle table tfoot th {
    padding: 10px 0;
}
#contentboxmiddle table tbody tr:hover {
    background: #2c2c2c;
    color: #fff;
}
/* form settings -------------------------------------------------------------*/
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
fieldset br {
    clear: both;
}
label {
    display: block;
    float: left;
    font-size: 1em;
    margin: 5px 0;
    width: 11em;
}
input, textarea, select {
    background: #000;
    border: 1px solid #000;
    border-bottom: 1px dashed #666;
    color: #919191;
    font-family: cambria, palatino, georgia, serif;
    font-size: 1em;
    margin: 3px 0;
    padding: 2px 5px;
    width: 258px;
}
input.plz,
input.event {
    width: 45px;
}
input.ort {
    width: 185px;
}
textarea {
    border: 1px dashed #666;
}
textarea.newsticker {
    width: 691px;
}
select {
    border: 1px dashed #666;
    width: 270px;
}
input:hover,
textarea:hover,
select:hover {
    border: 1px dashed #919191;
}
input:active,
input:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
    border: 1px solid #919191;
}
input.box {
    background: #666;
    border: 0;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    width: auto;
}
input.buttons {
    background: #666;
    border: 0;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    width: auto;
}
input.buttons:hover,
input.buttons:active {
    background: #919191;
}
.errormessage {
    border: 2px solid #ff0000;
    margin: 0 0 10px 0;
    padding: 5px 10px;
}
.error {
    background: #ff0000;
    color: #fff;
}
/* addons settings -----------------------------------------------------------*/
#ticker {
    background: url(../../media/images/css/content_ticker.jpg) no-repeat;
    height: 150px;
    width: 820px;
}
#tickerframe {
    height: 20px;
    left: 175px;
    overflow: hidden;
    position: relative;
    top: 100px;
    width: 450px;
}
#tickertext {
    color: #f1f1f1;
    font-size: 0.8em;
    font-style: italic;
    letter-spacing: 0.2em;
    position: relative;
    white-space: nowrap;
}
#map {
    height: 400px;
    margin: 20px 0;
    width: 711px;
}
.googlemaps p {
    font-size: 0.8em;
    margin: 10px 10px 20px 10px;
}
#contentboxmiddle .bilder-counter {
    background: url(../../media/images/css/bilder_counter.gif) center 0 no-repeat;
    height: 30px;
    margin: 20px auto 0 auto;
    text-align: center;
}
#contentboxmiddle .bilder-counter span {
    font-size: 0.8em;
}
.height280 {
    height: 280px;
}
.width711 {
    width: 711px;
}
.height375 {
    height: 375px;
}
.width500 {
    width: 500px;
}
#truderos {
    margin: 40px auto 0 auto;
    text-align: center;
}
#bilder {
    margin: 0 auto 40px auto;
    text-align: center;
}
#truderos.stepcarousel,
#bilder.stepcarousel {
    overflow: hidden;
    position: relative;
}
#truderos.stepcarousel .belt,
#bilder.stepcarousel .belt {
    position: absolute;
}
#truderos.stepcarousel .panel,
#bilder.stepcarousel .panel {
    float: left;
    overflow: hidden;
}
#truderos.stepcarousel .panel {
    width: 711px;
}
#bilder.stepcarousel .panel {
    width: 500px;
}
.guestbook {
    background: url(../../media/images/css/guestbook.gif);
    border: 1px dashed #666;
    margin: 20px 0;
    padding: 0 10px;
}
#contentboxmiddle .guestbook h2 {
    border-bottom: 1px dashed #666;
    font-size: 1.1em;
    margin: 0;
    padding: 10px 0;
}
.guestbook-buttons input {
    background: #666;
    border: 0;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    list-style: none;
    margin: 3px 10px 3px 0;
    padding: 2px 5px;
    width: auto;
}
.guestbook-buttons input:hover,
.guestbook-buttons input:active {
    background: #919191;
    border: 0;
}
.errors {
    border: 2px solid #ff0000;
    margin: 0 0 10px 0;
    padding: 5px 10px 0 10px;
}
.events {
    background: #919191;
}
.events a {
    color: #fff;
}
#terminepreview {
    background: #2c2c2c;
    border: 1px solid #666;
    color: #919191;
    padding: 15px;
    position: absolute;
    text-align: center;
    visibility: hidden;
    z-index: 1;
}