/**
* @site mycitysecret.com
*
* @media screen
* @author webkrebse.com
* @version 1.0
*
* @colordef #757575; Schriftfarbe
* @colordef #9f346c; Linkfarbe pink
* @colordef #ed94c4; Linkfarbe pink auf dunklem Grund
* @colordef #5f96a1; Menüfarbe türkis
* @colordef #3f8895; Überschrift türkis
* @colordef #664c3e; Überschriften dunkelbraun
* @colordef #896b57; Überschrift Footer (Schokobraun)
* @colordef #f4f2ef; Hintergrund beige
* @colordef #ddd5d0; Hintergrund beige
* @colordef #f5f4f4; Hintergrund Formular
* @fontdef Arial, Helvetica, san-serif;
*/

/**
* @section Allgemeines
*/

/** weil die Browser dies so unterschiedlich besetzen */
* {
    padding: 0;
    margin: 0;
}

body {
    color: #757575;
    font-family: Arial, Helvetica, san-serif;
    font-size: 12px;
    line-height: 1.5em;
    background: url(../img/layout/kachel.jpg);
}

/**
* @subsection Links
*/

a,
a:active,
a:visited {
    color: #664c3e;
    text-decoration: underline;
}

a:hover,
a:focus {
    color: #9f346c;
}

:focus,
:active{
    outline: none;
}

/**
* @subsection Bilder
*/

img {
    border: 0px;
}

.img_klein {
    position: relative;
    width: 65px;
    height: 49px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-right: 2px;
    margin-bottom: 2px;
    background: url(../img/layout/bg_img_klein.png);
}

.img_mittel {
    position: relative;
    width: 206px;
    height: 105px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-right: 2px;
    margin-bottom: 2px;
    background: url(../img/layout/bg_img_mittel.png);
}

.blatt_dunkel .img_mittel {
    background: url(../img/layout/bg_img_mittel_dunkel.jpg);
}

.blatt_braun .img_mittel {
    background: url(../img/layout/bg_img_mittel_braun.jpg);
}

.img_gross {
    position: relative;
    width: 320px;
    height: 240px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-right: 2px;
    margin-bottom: 2px;
    background: url(../img/layout/bg_img_gross.png);
}

.img_liste {
    position: relative;
    width: 200px;
    height: 100px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-right: 2px;
    margin-bottom: 2px;
    background: url(../img/layout/bg_img_gross.png);
}

/* zur Angleichung an Text */
.hoeher {
    margin-top: 4px;
    margin-bottom: 4px;
}

/**
* @subsection allgemeine Textformatierungen
*/

.text ul.ohne {
    list-style-type: none;
}

.text li {
    margin-left: 14px;
}

.text .ohne li {
    margin-left: 0px;
}

.text p,
.text ul,
.text ol,
.text dl,
.text cite,
.text table {
    margin-bottom: 1em;
}

ol.pink {
    list-style-position:inside;
    margin-top: 0px;
    margin-bottom: -4px;
}

ol.pink li,
.geheimnis .marker {
    margin-left: 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    background: url(../img/layout/bg_bullet.png) no-repeat;
}

ol.pink li {
    padding-left: 7px;
    padding-top: 4px;
    padding-bottom: 14px;
}

.geheimnis .marker {
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 13px;
}

/**
* 1. Ebene: pink, größer, fett, Großbuchstaben, 1 Zeile Abstand nach unten
*/

h1 {
    color: #9f346c;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/**
* 2. Ebene: braun, größer, fett, Großbuchstaben, 1 Zeile Abstand nach unten
*/

h2 {
    color: #664c3e;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.spalte_eindrittel h2,
.spalte_zweidrittel h2,
.spalte_eindrittel h1,
.spalte_zweidrittel h1 {
    margin-bottom: 8px;
}

/**
* 3. Ebene: grau (Textfarbe), größer, fett, Großbuchstaben, kein Abstand
*/

h3 {
    color: #757575;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
}

/**
* 4. Ebene: grau (Textfarbe), fett, kein Abstand
*/

h4 {
    color: #757575;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: bold;
}

/**
* 5. Ebene: grau (Textfarbe), fett, Großbuchstaben, kein Abstand
*/

h5 {
    color: #757575;
    font-size: 12px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
}

/**
* 6. Ebene: türkis, fett, kein Abstand
*/

h6 {
    color: #3f8895;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a,
h1 a:active,
h2 a:active,
h3 a:active,
h4 a:active,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus {
    text-decoration: none;
}

strong {
    color: #9f346c;
    font-weight: bold;
}

em,
.current {
    color: #9f346c;
    font-style: normal;
}

.blatt_dunkel .current {
    color: #ed94c4;
    font-style: normal;
}

.tuerkis {
    color: #5f96a1;
}

.klein {
    font-size: 10px;
    line-height: 13px;
}

.text .abschnitt,
.sidebar .abschnitt,
.post .comment {
    border-bottom: 1px solid #d7d6d6;
    margin-bottom: 1em;
}

.sidebar .abschnitt {
    padding-bottom: 5px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 5px;
}

.formular .abschnitt {
    border-bottom: 1px solid #e3ded9;
}

.text .abschnitt_letzter {
    border-bottom: none;
    margin-bottom: 0em;
}

.spalte_eindrittel {
    float: left;
    width: 215px;
}

.spalte_zweidrittel {
    float: left;
    width: 385px;
}

.spalte_thumb {
    float: left;
    width: 76px;
}

.spalte_buddy {
    float: left;
    position: relative;
    width: 110px;
    height: 66px;
}

.box_zweidrittel_grau .spalte_buddy {
    width: 329px;
}

.spalte {
    float: left;
    width: 300px;
}

.angaben dt {
    float: left;
    width: 50px;
}

td,
th {
    vertical-align: top;
    font-weight: normal;
    padding-right: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.text td {
    color: #3f8895;
}

.text td .klein {
    color: #757575;
}

.text td,
.text th {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 6px;
    vertical-align: top;
    border-bottom: 1px solid #d7d6d6;
    font-weight: normal;
}

.text td.last,
.text th.last {
    border-bottom: none;
}

.text td.highlight,
.text th.highlight {
    background-color: #ffffff;
}
.single_beschreibung td {
    color: #757575;
}

td.links,
th.links {
    text-align: left;
}

td.rechts,
th.rechts {
    text-align: right;
}

td.mitte,
th.mitte {
    text-align: center;
}

.abstand {
    padding-bottom: 1em;
}

/**
* @subsection allgemeine Elmenete
*/

.gmap {
    position: relative;
}

#single .gmap {
    width: 320px;
    height: 160px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-right: 2px;
    margin-bottom: 2px;
    background: url(../img/layout/bg_img_gross.png) bottom;
}

#stadtplan .gmap,
#meinstadtplan .gmap {
    width: 640px;
    height: 240px;
    margin-left: 13px;
    margin-right: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#googlemap {
    border: 2px solid #ffffff;
}

#single #googlemap {
    width: 316px;
    height: 156px;
}

#stadtplan #googlemap,
#meinstadtplan #googlemap {
    width: 636px;
    height: 236px;
}

/**
* @section Navigation
*/

/**
* @subsection Hauptnavigation
*/
#navi li,
.navi_tab3er li,
#intro_kategorien li,
#intro_blasen li,
.template_introgeheimnisse li,
.sidebar li,
.commentlist li,
.artikel_meta li {
    list-style-type: none;
    display: inline;
}

#navi li,
#intro_kategorien li,
.template_introgeheimnisse li,
.sidebar li,
.commentlist li,
.artikel_meta li {
    margin-right: 15px;
}

/* Falls die Grafiken nicht geladen werden */
#navi a,
#navi a:active
#navi a:visited {
    color: #664c3e;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

#navi a:hover,
#navi a:focus {
    color: #9f346c;
}

/**
* @subsection Subnavigation
*/
.subnavi {
    position: absolute;
    top: 22px;
    display: none;
    z-index: 20;
}

#subnavi_geheimnisse {
    left: 46px;
}

#subnavi_meineseite {
    left: 168px;
}

#subnavi_goodies {
    left: 458px;
}

.subnavi_kopf {
    width: 155px;
    height: 6px;
    background: url(../img/layout/bg_sub_kopf.png) top no-repeat;
}

.subnavi ul {
    width: 155px;
    padding-top: 4px;
    padding-bottom: 10px;
    background: url(../img/layout/bg_sub.png) repeat-y;
}

#navi .subnavi ul li {
    display: block;
    padding-left: 10px;
}

.subnavi_fuss {
    width: 155px;
    height: 8px;
    background: url(../img/layout/bg_sub_fuss.png) bottom no-repeat;
}

#navi .subnavi a,
#navi .subnavi a:active,
#navi .subnavi a:visited {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    color: #ffffff;
    text-decoration: none;
}

#navi .subnavi a:hover,
#navi .subnavi a:focus,
#profil #navi_profil a {
    color: #ffffff;
    text-decoration: underline;
}

/**
* @subsection Tabnavigation
*/

.navi_tab3er li a {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.5em;
    text-transform: uppercase;
    height: 23px;
    width: 205px;
    display: inline-block;
    padding-left: 20px;
    padding-top: 3px;
}

.blatt_rahmen .navi_tab3er li a {
    padding-top: 2px;
    font-weight: bold;
    height: 22px;
}

.navi_tab3er li.tab_zwei,
.navi_tab3er li.tab_drei {
    margin-left: -5px;
}

.blatt_rahmen .navi_tab3er li.tab_zwei,
.blatt_rahmen .navi_tab3er li.tab_drei {
    margin-left: 0px;
}

#index li.tab_eins a,
#index li.tab_zwei a,
#index li.tab_drei a {
    width: 215px;
    padding-left: 10px;
}

/* Tabs für Boxen mit runden Ecken */
.blatt_rahmen li.tab_eins a,
.blatt_rahmen li.tab_zwei a,
.blatt_rahmen li.tab_drei a {
    width: 204px;
    padding-left: 10px;
}

.navi_tab3er.navi_grau li a,
.navi_tab3er.navi_grau li a:active,
.navi_tab3er.navi_grau li a:visited {
    color: #757575;
    text-decoration: none;
    background: url(../img/layout/bg_tab3er_grau_1.jpg) no-repeat;
}

.navi_tab3er.navi_grau li a:hover,
.navi_tab3er.navi_grau li a:focus,
.navi_tab3er.navi_grau li.active a {
    color: #9f346c;
    text-decoration: none;
    background: url(../img/layout/bg_tab3er_grau_2.jpg) no-repeat;
}

.navi_tab3er.navi_braun li a,
.navi_tab3er.navi_braun li a:active,
.navi_tab3er.navi_braun li a:visited {
    color: #757575;
    text-decoration: none;
    background: url(../img/layout/bg_tab3er_braun_1.jpg) no-repeat;
}

.navi_tab3er.navi_braun li a:hover,
.navi_tab3er.navi_braun li a:focus,
.navi_tab3er.navi_braun li.active a {
    color: #ffffff;
    text-decoration: none;
    background: url(../img/layout/bg_tab3er_braun_2.jpg) no-repeat;
}

.blatt_rahmen .navi_tab3er.navi_grau li a,
.blatt_rahmen .navi_tab3er.navi_grau li a:active,
.blatt_rahmen .navi_tab3er.navi_grau li a:visited {
    color: #757575;
    text-decoration: none;
    background: url(../img/layout/bg_tab3er_box_1.jpg) no-repeat;
}

.blatt_rahmen .navi_tab3er.navi_grau li a:hover,
.blatt_rahmen .navi_tab3er.navi_grau li a:focus,
.blatt_rahmen .navi_tab3er.navi_grau li.active a {
    color: #9f346c;
    text-decoration: none;
    background: url(../img/layout/bg_tab3er_box_2.jpg) no-repeat;
}

.navi_tab3er li.fade a {
    color: #ffffff !important;
}

.navi_tab3er.navi_grau li.fade a {
    background: url(../img/layout/bg_tab3er_grau_1.jpg) no-repeat !important;
}

.navi_tab3er.navi_braun li.fade a {
    background: url(../img/layout/bg_tab3er_braun_1.jpg) no-repeat !important;
}

/**
* @subsection Sightseeing-Navigation
*/

#contentnavi a:hover,
#contentnavi a:focus,
#sightseeing #navi_sehenswertes a,
#sightseeing #navi_sehenswertes a:active,
#sightseeing #navi_sehenswertes a:visited,
#ausgefallenes #navi_ausgefallenes a,
#ausgefallenes #navi_ausgefallenes a:active,
#ausgefallenes #navi_ausgefallenes a:visited,
#geschichte #navi_geschichte a,
#geschichte #navi_geschichte a:active,
#geschichte #navi_geschichte a:visited,
#maerkte #navi_maerkte a,
#maerkte #navi_maerkte a:active,
#maerkte #navi_maerkte a:visited,
#veranstaltungen #navi_veranstaltungen a,
#veranstaltungen #navi_veranstaltungen a:active,
#veranstaltungen #navi_veranstaltungen a:visited,
#ausflug #navi_ausflug a,
#ausflug #navi_ausflug a:active,
#ausflug #navi_ausflug a:visited {
     color: #9f346c;
     text-decoration: none;
}

/**
* @subsection Footernavigation
*/

#footer a:hover,
#footer a:focus,
#agb #footer_agb a,
#agb #footer_agb a:active,
#agb #footer_agb a:visited,
#blog #footer_blog a,
#blog #footer_blog a:active,
#blog #footer_blog a:visited,
#datenschutz #footer_datenschutz a,
#datenschutz #footer_datenschutz a:active,
#datenschutz #footer_datenschutz a:visited,
#gutschein #footer_gutschein a,
#gutschein #footer_gutschein a:active,
#gutschein #footer_gutschein a:visited,
#gutscheinagb #footer_gutschein a,
#gutscheinagb #footer_gutschein a:active,
#gutscheinagb #footer_gutschein a:visited,
#schatzkarte #footer_schatzkarte a,
#schatzkarte #footer_schatzkarte a:active,
#schatzkarte #footer_schatzkarte a:visited,
#faq #footer_faq a,
#faq #footer_faq a:active,
#faq #footer_faq a:visited,
#impressum #footer_impressum a,
#impressum #footer_impressum a:active,
#impressum #footer_impressum a:visited,
#pressemitteilungen #footer_presse a,
#pressemitteilungen #footer_presse a:active,
#pressemitteilungen #footer_presse a:visited,
#pressespiegel #footer_presse a,
#pressespiegel #footer_presse a:active,
#pressespiegel #footer_presse a:visited,
#downloads #footer_presse a,
#downloads #footer_presse a:active,
#downloads #footer_presse a:visited,
#kontakt #footer_kontakt a,
#kontakt #footer_kontakt a:active,
#kontakt #footer_kontakt a:visited,
#jobs #footer_jobs a,
#jobs #footer_jobs a:active,
#jobs #footer_jobs a:visited,
#newsletter #footer_newsletter a,
#newsletter #footer_newsletter a:active,
#newsletter #footer_newsletter a:visited,
#partnerlogin #footer_partner a,
#partnerlogin #footer_partner a:active,
#partnerlogin #footer_partner a:visited,
#partnerlogin #footer_partnerbereich a,
#partnerlogin #footer_partnerbereich a:active,
#partnerlogin #footer_partnerbereich a:visited,
#philosophie #footer_philosophie a,
#philosophie #footer_philosophie a:active,
#philosophie #footer_philosophie a:visited,
#geheimnisse #footer_unserepartner a,
#geheimnisse #footer_unserepartner a:active,
#geheimnisse #footer_unserepartner a:visited,
#werbung #footer_werbung a,
#werbung #footer_werbung a:active,
#werbung #footer_werbung a:visited,
#unserefreunde #footer_unserefreunde a,
#unserefreunde #footer_unserefreunde a:active,
#unserefreunde #footer_unserefreunde a:visited {
    color: #9f346c;
}

/**
* @section Bereiche im Seitenrahmen
*/
#kacheln {
    position: absolute;
    width: 100%;
    height: 1161px;
    background: url(../img/layout/verlauf_kachel.jpg) repeat-x;
}

#wrapper {
    position: relative;
    top: 0px;
    left: 50%;
    width: 922px;
    margin-left: -461px;
    background: url(../img/layout/bg_wrapper.png);
}

#logo {
    position: absolute; /* Bezugspunkt wrapper */
    top: 20px;
    left: 30px;
    height: 86px;
}

#logo span {
    position: relative;
    bottom: 29px;
    color: #896b57;
    font-size: 10px;
    text-transform: none;
}

#sprachwahl {
    position: absolute;
    top: 0px;
    right: 413px;
    width: 61px;
    height: 39px;
    text-align: center;
    padding-top: 5px;
    font-size: 10px;
    background: url(../img/layout/bg_sprachwahl.jpg) no-repeat;
}

#sprachwahl a,
#sprachwahl a:active,
#sprachwahl a:visited {
    color: #a29388;
    text-decoration: none
}

#sprachwahl a:hover,
#sprachwahl a:focus {
    color: #9f346c;
}

#login,
#logout {
    position: absolute;
    top: 0px;
    right: 22px;
    height: 110px;
    width: 181px;
    padding-top: 13px;
    padding-left: 19px;
    /* background: url(../img/layout/bg_login_fade.jpg) no-repeat;*/
    background: url(../img/layout/bg_login.jpg) no-repeat;
}

#login .pwd_vergessen_link {
    position: absolute;
    bottom: 46px;
    left: 29px;
    color: #896b57;
    font-size: 10px;
    text-transform: none;
}

#registrieren {
    position: absolute;
    top: 13px;
    right: 203px;
    /* display: none; */ /* ausgeschaltet */
}

#registrieren .blase_links {
    position: absolute;
    top: 28px;
    left: -63px;
}

#navi {
    position: absolute; /* Bezugspunkt wrapper */
    top: 112px;
    left: 45px;
    height: 23px;
    clear: both;
}

#breadcrumbs {
    position: absolute; /* Bezugspunkt wrapper */
    top: 144px;
    left: 45px;
    height: 15px;
    clear: both;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

#breadcrumbs a,
#breadcrumbs a:active,
#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:focus {
    text-decoration: none;
}

#inhalt {
    float: left;
    width: 672px;
    margin-top: 164px;
    margin-left: 30px;
    margin-bottom: 10px;
}

#rand {
    float: right;
    width: 213px;
    margin-top: 164px;
    margin-right: 00px;
    margin-bottom: 30px;
}

#footer {
    clear: both;
    height: 154px;
    width: 888px;
    padding-top: 23px;
    padding-left: 34px;
    color: #ddd5d0;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../img/layout/bg_footer.png) repeat-x;
}

#footer ul,
#footer div {
    float: left;
    list-style-type: none;
    width: 203px;
    height: 103px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 14px;
    border-right: 1px solid #c1b6ae;
}

#footer .first {
    color: #896b57;
    margin-bottom: 7px;
}

#footer a,
#footer a:active,
#footer a:visited {
    color: #3f8895;
    text-decoration: none;
}

#footer #copy {
    color: #896b57;
    padding-top: 86px;
    padding-left: 22px;
    border-right: 0;
    font-size: 10px;
    text-transform: none;
    height: 45px;
}

/**
@section Inhaltsbereich
*/

/**
@subsection Template Text
*/
.template_text {
    padding-left: 18px;
    margin-bottom: 30px;
    padding-right: 12px;
}

/**
@subsection Template Blatt

Farben: .blatt_hell, .blatt_grau, .blatt_beige, .blatt_braun, .blatt_dunkel
Breiten: default=ganze breite, .blatt_zweidrittel

Aufbau:
<div class="template_blatt FARBKLASSE">
   <div class="blatt_kopf">
      ...
   </div>
   <div class="blatt_inhalt ODER blatt_rahmen">
      ...
   </div>
   <div class="blatt_fuss"></div>
</div>
*/

.template_blatt {
    position: relative;
    margin-top: -2px;
    margin-left: -2px;
    margin-bottom: 8px; /* +12px Schatten */
    background: url(../img/layout/bg_blatt_hell.jpg) repeat-y;
}

.template_blatt.blatt_zweidrittel {
    float: left;
    width: 452px;
}

.tabblatt {
    padding-top: 10px;
    margin-top: 0px;
}

.blatt_hell {
    background: url(../img/layout/bg_blatt_hell.jpg) repeat-y;
}

.blatt_grau {
    background: url(../img/layout/bg_blatt_grau.jpg) repeat-y;
}

.blatt_grau.blatt_zweidrittel {
    background: url(../img/layout/bg_blatt_grau_zweidrittel.jpg) repeat-y;
}

.blatt_beige {
    background: url(../img/layout/bg_blatt_beige.jpg) repeat-y;
}

.blatt_braun {
    background: url(../img/layout/bg_blatt_braun.jpg) repeat-y;
}

.blatt_dunkel {
    background: url(../img/layout/bg_blatt_dunkel.jpg) repeat-y;
}

.blatt_kopf {
    position: relative;
    padding-top: 2px;
    padding-left: 12px;
}

.template_blatt .kopf_leer {
    height: 20px;
}

.blatt_kopf,
.blatt_hell .blatt_kopf {
    background: url(../img/layout/bg_kopf_hell.jpg) no-repeat;
}

.blatt_grau.blatt_zweidrittel .blatt_kopf {
    background: url(../img/layout/bg_kopf_grau_zweidrittel.jpg) no-repeat;
}

.blatt_beige .blatt_kopf {
    background: url(../img/layout/bg_kopf_beige.jpg) no-repeat;
}

.blatt_dunkel .blatt_kopf {
    background: url(../img/layout/bg_kopf_dunkel.jpg) no-repeat;
}

.blatt_kopf img {
    margin-right: -1px;
}

.blatt_kopf h1,
.blatt_kopf h1,
.single .blatt_kopf h2,
.blatt_kopf h3 {
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 7px;
    padding-bottom: 7px;
}

.blatt_kopf h3 {
    padding-top: 4px;
    font-weight: normal;
    text-transform: uppercase;
}

.template_blatt .pagetitle {
    position: absolute;
    left: 220px;
    top: 25px;
    color: #9f346c;
}

.template_blatt .introbild {
    position: relative;
    padding-left: 2px;
    padding-bottom: 10px;
}

.blatt_fuss {
    clear: both;
    height: 12px;
    background: #ffffff url(../img/layout/bg_blatt_fuss.jpg) no-repeat;
}

.blatt_zweidrittel .blatt_fuss {
    background: #ffffff url(../img/layout/bg_blatt_fuss_zweidrittel.jpg) no-repeat;
}

.blatt_inhalt,
.blatt_rahmen,
.blatt_transparent,
ul.geheimnis {
    height: 100%;
    margin-left: 12px;
    margin-bottom: 20px;
}

.blatt_inhalt,
.blatt_transparent,
ul.geheimnis {
    margin-right: 22px;
}

.unten_ohne {
    margin-bottom: 0px;
}

.blatt_inhalt,
.single_textbereich,
.single_beschreibung {
    padding: 10px;
}

.blatt_inhalt,
.single_textbereich,
.single_beschreibung {
    background-color: #ffffff;
}

.blatt_transparent {
    font-size: 14px;
    color: #664c3e;
    font-weight: bold;
    line-height: 22px;
    padding-left: 7px;
    padding-right: 7px;
}

.formular .blatt_inhalt {
    background-color: #f5f4f4;
}

.inhalt_dunkel,
.formular .inhalt_dunkel {
    color: #ffffff;
    background-color: #896b57;
}

.inhalt_dunkel h1,
.inhalt_dunkel h2,
.inhalt_dunkel h3,
.inhalt_dunkel h4,
.formular .inhalt_dunkel h1	{
    color: #ffffff;
}

.blatt_inhalt .inhalt_dunkel h2,
.blatt_inhalt .inhalt_dunkel h3 {
    text-transform: none;
}

.blatt_hint {
    margin-top: -10px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.blatt_inhalt dl {
    line-height: 1.5em;
}

.blatt_inhalt dt {
    clear: both;
    float: left;
    width: 80px;
}

.teaser_pfeil {
    width: 20px;
    height: 17px;
    background: url(../img/layout/pfeil_gross.png) no-repeat;
}

.inhalt_dunkel a.teaser_pfeil,
.inhalt_dunkel a.teaser_pfeil:active,
.inhalt_dunkel a.teaser_pfeil:visited {
    padding-left: 20px;
    background: url(../img/layout/pfeil_1.png) left 3px no-repeat;
}

.inhalt_dunkel a.teaser_pfeil:hover,
.inhalt_dunkel a.teaser_pfeil:focus {
    background: url(../img/layout/pfeil_2.png) left 3px no-repeat;
}

/**
@subsubsection Links
*/

.inhalt_dunkel a,
.inhalt_dunkel a:active,
.inhalt_dunkel a:visited,
.box_blase a,
.box_blase a:active,
.box_blase a:visited {
    color: #ffffff;
}

.geheimnis a,
.geheimnis a:active,
.geheimnis a:visited,
.geheimnis a:hover,
.geheimnis a:focus,
.geheimnisgalery a,
.geheimnisgalery a:active,
.geheimnisgalery a:visited,
.geheimnisgalery a:hover,
.geheimnisgalery a:focus,
.single .meta a,
.single .meta a:active,
.single .meta a:visited,
.single .meta a:hover,
.single .meta a:focus {
    text-decoration: none;
}

/**
@subsubsection Pagination
*/

.paginator_titel {
    float: left;
    margin-left: 17px;
    font-weight: bold;
    margin-top: -1em;
    margin-bottom: 10px;
}

.blatt_kopf .paginator_titel {
    margin-left: 0px;
    margin-top: 0em;
    margin-bottom: 0px;
    position: absolute;
    top: 26px;
    left: 238px;
    font-size: 16px;
}

.blatt_dunkel .paginator_titel {
    color: #ffffff;
}

.paginator_kopf,
.paginator_fuss {
    float: right;
    margin-right: 22px;
}

.blatt_dunkel .paginator_kopf,
.blatt_dunkel .paginator_fuss {
    color: #ffffff;
}

.paginator_kopf {
    margin-top: 24px;
}

.paginator_fuss {
    margin-top: -1em;
    margin-bottom: 10px;
}

#postfach .paginator_kopf,
#postfach .paginator_fuss,
#single .paginator_kopf,
#single .paginator_fuss,
#meineseite .paginator_kopf,
#meineseite .paginator_fuss,
.post .paginator_kopf,
.post .paginator_fuss {
    margin-right: 0px;
}

#single .paginator_kopf,
#meineseite .paginator_kopf,
.post .paginator_kopf {
    margin-top: 0px;
}

#single .paginator_fuss,
.post .paginator_fuss {
    margin-top: 0px;
    margin-bottom: 0px;
}

#postfach .paginator_kopf {
    margin-top: 10px;
}

.paginator_kopf div,
.paginator_fuss div {
    display: inline;
}

.paginator_kopf a,
.paginator_kopf a:active,
.paginator_kopf a:visited,
.paginator_fuss a,
.paginator_fuss a:active,
.paginator_fuss a:visited {
    text-decoration: none;
}

.blatt_dunkel .paginator_kopf a,
.blatt_dunkel .paginator_kopf a:active,
.blatt_dunkel .paginator_kopf a:visited,
.blatt_dunkel .paginator_fuss a,
.blatt_dunkel .paginator_fuss a:active,
.blatt_dunkel .paginator_fuss a:visited {
    color: #ffffff;
}

.paginator_kopf a:hover,
.paginator_kopf a:focus,
.paginator_fuss a:hover,
.paginator_fuss a:focus {
    color: #9f346c;
}

.blatt_dunkel .paginator_kopf a:hover,
.blatt_dunkel .paginator_kopf a:focus,
.blatt_dunkel .paginator_fuss a:hover,
.blatt_dunkel .paginator_fuss a:focus {
    color: #ed94c4;
}

.paginator_titel a.disabled,
.paginator_kopf a.disabled,
.paginator_fuss a.disabled,
.paginator_titel .disabled,
.paginator_kopf .disabled,
.paginator_fuss .disabled {
    visibility: hidden;
}

/**
* @subsubsection Geheimnisgalery / Buddygalerie / Thumbgalery
*
* eingefärbte Bereiche mit Schatten und einer scrollbaren Bildergalerie
*
* Aufbau (Buddygalery / Thumbgalery) analog:
* <div class="geheimnisgalery_container">
* 	<div class="geheimnisgalery" id="geheimnisgalery">
* 		<div>
* 			GALERIEELEMENT mit Inlinestyle-Positionierung
* 		</div>
*       ...
* 	</div>
* </div>
*/

.geheimnisgalery_container,
.buddygalery_container,
.thumbgalery_container {
    margin-left: 2px;
    margin-right: 12px;
    position: relative;
}

.buddygalery_container {
    padding-left: 45px;
    padding-right: 45px;
}

.thumbgalery_container {
    margin-left: 0px;
    margin-right: 0px;
    width: 320px;
    height: 59px;
}

.geheimnisgalery_container .btn_thumbleft,
.buddygalery_container .btn_thumbleft,
.thumbgalery_container .btn_thumbleft {
    position: absolute; /* Bezugspunkt geheimnisgalerie_container */
    left: 15px;
}

.geheimnisgalery_container .btn_thumbright,
.buddygalery_container .btn_thumbright,
.thumbgalery_container .btn_thumbright {
    position: absolute; /* Bezugspunkt geheimnisgalerie_container */
    right: 15px;
}

.geheimnisgalery_container .btn_thumbleft,
.geheimnisgalery_container .btn_thumbright {
    top: 40px;
}

.buddygalery_container .btn_thumbleft,
.buddygalery_container .btn_thumbright {
    top: 21px;
}

.thumbgalery_container .btn_thumbleft,
.thumbgalery_container .btn_thumbright {
    top: 12px;
}

.thumbgalery_container .btn_thumbleft {
    left: 39px;
}

.thumbgalery_container .btn_thumbright {
    right: 0px;
}

.thumbgalery_container .counter {
    position: absolute; /* Bezugspunkt geheimnisgalerie_container */
    top: 0px;
    left: 0px;
}

.geheimnisgalery,
.buddygalery,
.thumbgalery {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.geheimnisgalery {
    width: 660px;
    height: 131px;
}

.blatt_zweidrittel .buddygalery {
    width: 350px;
}

.buddygalery {
    height: 111px;
}

.thumbgalery {
    width: 221px;
    height: 59px;
    margin-left: 71px;
}

.geheimnisgalery img {
    margin-bottom: -8px;
}

.geheimnisgalery div,
.buddygalery div {
    float: left;
    padding-bottom: 7px;
}

.geheimnisgalery span {
    padding-left: 7px;
}

.geheimnisgalery a,
.geheimnisgalery a:active,
.geheimnisgalery a:visited	{
    color: #ffffff;
}

/**
@subsubsection Blog
*/

.template_blatt .post {
    overflow: hidden;
}

.prolog {
    border-bottom: 1px solid #d7d6d6;
    margin-bottom: 1em;
}

.commentlist .prolog {
    border-bottom: none;
}

.prolog dl {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 1em;
}

.prolog dt {
    float: left;
    width: 86px;
    font-weight: bold;
}

.text .post h2 {
    margin-bottom: 20px;
}

.template_tabblatt .post h3 {
    margin-bottom: 1em;
}

.post .entry {
    margin-bottom: 20px;
}

.commentlist {
    margin-bottom: 10px;
}

.comment_fuss {
    clear: both;
    padding-top: 5px;
    border-bottom: 1px solid #d7d6d6;
    margin-bottom: 10px;
}

.commentlist img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.artikel_meta li {
    margin-left: 15px;
    margin-right: 0px;
}

#forumposts .artikel_meta ul {
    margin-bottom: 0px;
}

.respond {
    background-color: #f5f4f4 !important;
}

.respond_after_comments {
    margin-top: -53px;
}

#forumposts .respond_after_comments {
    margin-top: -41px;
}


/**
@subsubsection Geheimnisse / Suchergebnisliste
*/

.geheimnis li {
    position: relative;
    list-style-type: none;
    display: block;
    width: 640px;
    height: 105px;
    padding-right: 8px;
    padding-bottom: 8px;
    margin-bottom: 2px;
    margin-top: -0px;
    background: url(../img/layout/bg_teaser_dunkel_1.jpg) right no-repeat;
}

.geheimnis li:hover,
.geheimnis li:focus {
    background: url(../img/layout/bg_teaser_dunkel_2.jpg) right no-repeat;
}

.geheimnis li.teaser,
.geheimnis li.teaser:hover,
.geheimnis li.teaser:focus {
    background: url(../img/layout/bg_teaser.gif) right no-repeat;
}

.geheimnis li h2 {
    padding-bottom: 2px;
    padding-top: 7px;
    margin-bottom: 0px;
}

.geheimnis li p {
    font-size: 11px;
    line-height: 1.3em;
    padding-right: 50px;
}

.geheimnis li p.teaser {
    padding-top: 10px;
    font-size: 12px;
    line-height: 1.5em;
    color: #664c3e;
    padding-right: 50px;
}

.geheimnis .teaser_pfeil {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

.geheimnis .meta {
    position: absolute;
    bottom: 8px;
    left: 224px;
    width: 416px;
}

.geheimnis .meta a,
.geheimnis_meta a:active,
.geheimnis_meta a:visited,
.geheimnis .meta a:hover,
.geheimnis_meta a:focus {
    text-decoration: underline;
}

.geheimnis .meta .sterne,
.geheimnis .meta .link_bewertung {
    padding-right: 10px;
    float: left;
}

.geheimnis .meta .link_bewertung,
.geheimnis .meta .link_merken {
    padding-bottom: 3px;
}

.geheimnis .meta .link_merken {
    float: right;
    padding-right: 20px;
}

.geheimnis .marker {
    position: absolute;
    top: 10px;
    left: 172px;
    color: #ffffff;
    width: 24px;
    height: 24px;
}

.geheimnis div.stadtplan {
    line-height: 13px;
    height:70px; 
    overflow: hidden; 
    float:left; 
    white-space:nowrap;
}

.geheimnis div.part0 {
    margin-bottom: 2px;
    white-space:nowrap;
}

.geheimnis div.stadtplan.part1 {
    width: 240px;
    margin-right: 10px;
}

.geheimnis div.stadtplan.part2 {
    width: 150px; 
}

.geheimnis .part2 dt {
    display: inline;
    float: left;
}

/**
@subsubsection Single / Geheimniseinzelansicht
*/

.single .blatt_inhalt {
    line-height: 1.3em;
}

.single_bildbereich {
    margin-left: 12px;
    width: 330px;
    height: 483px;
    float: left;
}

#haendlerbilder .single_bildbereich {
    height: 322px;
}

.single_kartenbereich {
    width: 330px;
    position: relative;
}

.single_kartenbereich #btn_mood {
    position: absolute;
    top: 9px;
    left: 286px;
}

.single_kartenbereich .tooltipp {
    position: absolute;
    top: -27px;
    left: 302px;
}

.single_textbereich {
    color: #664c3e;
    width: 290px;
    height: 463px;
    float: left;
    overflow: hidden;
}

.single_beschreibung {
    margin-left: 12px;
    clear: both;
    width: 620px;
    color: #664c3e;
    line-height: 1.3em;
}

.single_textbereich h3 {
    color: #664c3e;
}

.single_textbereich dl {
    line-height: 1.5em;
}

.single_textbereich dt {
    float: none;
    font-weight: bold;
    margin-bottom: -1.5em;
}

.single_textbereich dd {
    margin-left: 80px;
}

.single_beschreibung h3 {
    color: #664c3e;
}

.single .meta {
    margin-left: 12px;
    margin-right: 22px;
    margin-bottom: 10px;
    padding-left: 10px;
    vertical-align: middle;
}

.meta .link_zurueck {
    float: left;
    margin-left: -2px;
    display: block;
    height: 17px;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 14px;
    background: url(../img/layout/pfeil_gross_left.png) 0px 10px no-repeat;
}

.single_bewertung {
    position: absolute;
    top: 18px;
    left: 352px;
}

.single_vote_bewertung {
    position: relative;
    float: left;
}

.bewertung {
    width:530px;
}

.box_zweidrittel_grau .bewertung {
    width:320px;
}

.blase_bewertung {
    top: -24px;
    left: 95px;
}

/**
* @subsection Template Box (runde Ecken)
*
* Farben: hell, grau
* Breiten: eindrittel, zweidrittel, dreidrittel
*
* Aufbau
* <div class="template_box box_eindrittel_grau">
* 	<div class="box_kopf"></div>
*   <div class="box_inhalt">
*      ...
*   </div>
*   <div class="box_fuss"></div>
* </div>
*/

.template_box {
    float: left;
    margin-bottom: 10px;
}

.box_letzte {
    margin-bottom: 0px;
}

.box_inhalt {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.box_inhalt.tabblatt {
    padding-top: 14px;
}

.box_eindrittel_hell .box_inhalt,
.box_eindrittel_grau .box_inhalt {
    width: 186px;
}

.box_eindrittel_hell .box_kopf,
.box_eindrittel_hell .box_fuss,
.box_eindrittel_grau .box_kopf,
.box_eindrittel_grau .box_fuss	{
    width: 206px;
    height: 6px;
}

.box_zweidrittel_hell .box_inhalt,
.box_zweidrittel_grau .box_inhalt {
    width: 405px;
}

.box_zweidrittel_hell .box_kopf,
.box_zweidrittel_hell .box_fuss,
.box_zweidrittel_grau .box_kopf,
.box_zweidrittel_grau .box_fuss	{
    width: 425px;
    height: 6px;
}

.box_dreidrittel_hell .box_inhalt,
.box_dreidrittel_grau .box_inhalt {
    width: 622px;
}

.box_dreidrittel_hell .box_kopf,
.box_dreidrittel_hell .box_fuss,
.box_dreidrittel_grau .box_kopf,
.box_dreidrittel_grau .box_fuss	{
    width: 642px;
    height: 6px;
}

.box_blase {
    width: 390px;
    height: 55px;
}

.box_eindrittel_hell .box_kopf {
    background: url(../img/layout/bg_kopf_eindrittel_hell.jpg) no-repeat;
}

.box_eindrittel_hell .box_fuss {
    background: url(../img/layout/bg_fuss_eindrittel_hell.jpg) no-repeat;
}

.box_dreidrittel_hell .box_fuss {
    background: url(../img/layout/bg_fuss_dreidrittel_hell.jpg) no-repeat;
}

.box_eindrittel_hell .box_inhalt,
.box_zweidrittel_hell .box_inhalt,
.box_dreidrittel_hell .box_inhalt,
.template_box .box_inhalt_hell {
    background-color: #ffffff;
}

.box_eindrittel_grau .box_kopf {
    background: url(../img/layout/bg_kopf_eindrittel_grau.jpg) no-repeat;
}

.box_eindrittel_grau .box_fuss {
    background: url(../img/layout/bg_fuss_eindrittel_grau.jpg) no-repeat;
}

.box_zweidrittel_grau .box_kopf {
    background: url(../img/layout/bg_kopf_zweidrittel_grau.jpg) no-repeat;
}

.box_zweidrittel_grau .box_fuss {
    background: url(../img/layout/bg_fuss_zweidrittel_grau.jpg) no-repeat;
}

.box_dreidrittel_grau .box_kopf {
    background: url(../img/layout/bg_kopf_dreidrittel_grau.jpg) no-repeat;
}

.box_dreidrittel_grau .box_fuss {
    background: url(../img/layout/bg_fuss_dreidrittel_grau.jpg) no-repeat;
}

.box_eindrittel_grau .box_inhalt,
.box_zweidrittel_grau .box_inhalt,
.box_dreidrittel_grau .box_inhalt,
.template_box .box_inhalt_grau {
    background-color: #f5f4f4;
}

/**
* @subsubsection Nachrichten
*/

.box_inhalt_hell table,
.box_inhalt_grau table {
    margin-bottom: 0em;
}

.box_inhalt_grau tr.highlight {
    background-color: #fafafa;
}

.box_inhalt .meta {
    height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 416px;;
}

.box_inhalt .meta h5 {
    padding-top: 2px;
}

.box_blase {
    background: url(../img/layout/bg_blase_braun.png) no-repeat;
    padding-top: 10px;
    padding-bottom: 18px;
    padding-left: 24px;
    padding-right: 18px;
}

.box_blase,.box_blase h2,
.box_blase,.box_blase h3 {
    color: #ffffff;
}

.template_box .teaser_pfeil,
.sidebar .teaser_pfeil,
.sidebar .teaser_pfeil_tuerkis {
    float: right;
    margin-top: 2px;
    margin-right: 0px;
    height: 10px;
    width: 11px;
    background: url(../img/layout/pfeil_3.png) no-repeat;
}

.sidebar .teaser_pfeil_tuerkis {
    background: url(../img/layout/pfeil_4.png) no-repeat;
}

.box_blase .teaser_pfeil {
    background: url(../img/layout/pfeil_2.png) no-repeat;
}

.teaser_link {
    float:right;
    margin-top: -4px;
    padding-right: 10px;
}

/**
@subsection Template Introbild
*/
.template_introbild {
    position: relative;
    width: 671px;
    height: 331px;
    background: url(../img/layout/bg_introbild.jpg) no-repeat;
    margin-bottom: 10px;
}

.template_introbild img {
    position: absolute; /* Bezugspunkt introbild */
    top: 0;
    left: 0;
}

#btn_mood {
    position: absolute; /* Bezugspunkt introbild */
    top: 89px;
    left: 12px;
}

/**
*   Positionierung abhängig vom Mittelpunkt des Kreuzes im Image.
*   top:  y-Mittelpunkt + 55
*   left: x-Mittelpunkt + 32
*   Bei blase_lang 10 in der Höhe abziehen!
*/

#index #introblase,
#partnerlogin #introblase,
#registrierung #introblase,
#loginseite #introblase { /* Mittelpunkt 145/37 */
                          top: 92px;
                          left: 177px;
}

#gutschein #introblase,
#schatzkarte #introblase { /* Mittelpunkt 189/37 */
                           top: 82px;
                           left: 221px;
}

#newsletter #introblase { /* Mittelpunkt 88/37 */
                          top: 92px;
                          left: 120px;
}

.template_introbild #intro_kategorien {
    position: absolute; /* Bezugspunkt introbild */
    top: 280px;
    height: 40px;
    margin-left: 18px;
}

#intro_kategorien li {
    position: relative;
    float: left;
    width: 202px;
}

#stadtplan #intro_kategorien li {
    width: 192px;
    line-height: 14px;
    margin-bottom: 4px;
}

#meinstadtplan #intro_kategorien li {
    width: 192px;
    line-height: 14px;
    margin-bottom: 4px;
}

.template_introbild img,
.template_introbild #intro_kategorien li,
.template_introbild #intro_kategorien li a,
.template_introbild #intro_kategorien li a:active,
.template_introbild #intro_kategorien li a:visited,
.template_blase h1 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

.template_introbild #intro_kategorien li a,
.template_introbild #intro_kategorien li a:active,
.template_introbild #intro_kategorien li a:visited {
    padding-right: 20px;
    background: url(../img/layout/pfeil_1.png) right 3px no-repeat;
}

.template_introbild #intro_kategorien li a:hover,
.template_introbild #intro_kategorien li a:focus {
    color: #9f346c;
    background: url(../img/layout/pfeil_2.png) right 3px no-repeat;
}

.template_introbild	ul li .blase_klein,
.template_introbild	ul li .blase_gross,
.template_introbild	ul li .blase_groesser,
.template_introbild	ul li .blase_groessten  {
    top: -25px;
    left: 120px;
}

#tooltippblase1 {top: 256px; left:130px;}
#tooltippblase2 {top: 256px; left:330px;}
#tooltippblase3 {top: 256px; left:530px;}
#tooltippblase4 {top: 274px; left:130px;}
#tooltippblase5 {top: 274px; left:330px;}
#tooltippblase6 {top: 274px; left:530px;}

/**
@subsection Forum
*/

.grid {
    position: relative;
    width: 208px;
    height: 75px;
    margin-right: 8px;
    margin-bottom: 8px;
    float: left;
}

.grid_label {
    position: absolute;
    bottom: 2px;
    display: block;
    text-align: center;
    width: 208px;
}

/**
@section Sidebar
*/

/**
@subsection Suche
*/
.template_suche {
    position: relative;
    margin-top: -24px;
}

.template_suche h1 {
    color: #664c3e;
    /*color: #ddd5d0;*/
    line-height: 20px;
    margin-bottom: 4px;
}

.template_suche form {
    width: 183px;
    height: 185px;
    padding-left: 12px;
    padding-top: 12px;
    margin-top: -1px;
    margin-left: -1px;
    background: url(../img/layout/bg_suche.jpg) no-repeat;
}

.template_suche .abstand {
    padding-bottom: 4px;

}

#btn_suche {
    background: url(../img/layout/btn_suche.png) no-repeat;
}

/**
@subsection Template Blase
*/

.template_blase {
    width: 165px;
    height: 121px;
    background: url(../img/layout/bg_blase_riesig.png) no-repeat;
    padding-left: 24px;
    padding-right: 18px;
    padding-top: 11px;
    padding-bottom: 18px;
    margin-top: -1px;
}

.template_blase_teaser {
    height: 42px;
    background: url(../img/layout/bg_blase_teaser.png) no-repeat;
}

#inhalt .template_blase {
    margin-right: 4px;
}

#inhalt .template_blatt .template_blase {
    margin-right: 2px;
    float: right;
}

#rand .template_blase {
    position: relative;
    left: -14px;
}

.template_blase,
.template_blase a,
.template_blase a:active,
.template_blase a:visited,
.template_blase a:focus,
.template_blase a:hover,
.template_blase em	{
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

/**
@subsection Template Buttons
*/
.template_buttons {
    padding-left: 22px;
    padding-top: 1px;
    height: 38px;
    overflow: hidden;
}

.template_buttons img {
    vertical-align: top;
    margin-right: 8px;
}

.template_buttons #btn_twitter {
    margin-left: 3px;
}

/**
@subsection Template Tafel
*/
.template_tafel {
    margin-left: -3px;
    margin-top: -1px;
    margin-bottom: 7px; /* + 13px schatten */
    height: 122px;
    padding-top: 43px;
    padding-bottom: 23px;
    width: 168px;
    padding-left: 14px;
    padding-right: 15px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.template_tafel h1,
.template_tafel strong,
.template_tafel em {
    color: #ed94c4;
    margin-bottom: 0px;
}

.template_tafel a,
.template_tafel a:active,
.template_tafel a:visited,
.template_tafel a:hover,
.template_tafel a:focus{
    color: #ffffff;
    text-decoration: none;
}

/**
@subsection Template Gutschein
*/
.template_gutschein img {
    margin-left: -2px;
    margin-top: -1px;
    margin-bottom: 4px; /* + 16px schatten */
}

/**
@subsection Template Wordpress Sidebar / Topscore
*/
.sidebar {
    width: 198px;
    background: url(../img/layout/bg_sidebar.jpg) repeat-y;
    margin-left: -2px;
}

.sidebar h2,
.sidebar .sidebar_kopf {
    background: #ffffff url(../img/layout/bg_sidebar_kopf.jpg) left bottom no-repeat;
}

.sidebar h2 {
    color: #664c3e;
    padding-left: 2px;
    padding-bottom: 20px;
    margin-bottom: 0;
    background: #ffffff url(../img/layout/bg_sidebar_kopf.jpg) left bottom no-repeat;
}

.sidebar h1 {
    color: #664c3e;
}

.sidebar .sidebar_kopf {
    height: 10px;
    background: #ffffff url(../img/layout/bg_sidebar_kopf.jpg) left bottom no-repeat;
}

.sidebar ul,
.sidebar .sidebar_fuss {
    padding-bottom: 22px;
    background: url(../img/layout/bg_sidebar_fuss.jpg) left bottom no-repeat;
}

.sidebar .sidebar_inhalt,
.sidebar ul li a {
    width: 164px;
    margin-left: 12px;
    margin-right: 22px;
    overflow: hidden;
}

.sidebar ul li a {
    display: block;
    text-decoration: none;
    line-height: 1.2em;
    font-weight: bold;
    margin-bottom: 6px;
}

.sidebar.grossbuchstaben ul li a {
    text-transform: uppercase;
    line-height: 1.5em;
    background: url(../img/layout/pfeil_3.png) right center no-repeat;
    margin-bottom: 0px;
}

/**
@section Tooltippblasen
*/
.tooltipp {
    display: none;
    padding: 5px;
    width: 20em;
    background: #9f346c;
}

.tooltipp,
.tooltipp a,
.tooltipp a:active,
.tooltipp a:visited,
.tooltipp a:hover,
.tooltipp a:focus {
    color: #ffffff;
    font-size: 12px;
    line-height: 1.3em;
    text-transform: none;
    text-decoration: none;
    font-weight: normal;
}

.blase_klein,
.blase_gross,
.blase_groesser,
.blase_groessten,
.blase_riesig,
.blase_lang,
.blase_links,
.blase_bewertung {
    position: absolute;
    padding-left: 28px;
    padding-right: 15px;
    padding-top: 11px;
    padding-bottom: 6px;
    overflow: hidden;
    z-index: 10;
}

.blase_klein { /* 237 x 63 */
               width: 194px;
               height: 52px;
               background: url(../img/layout/bg_blase_klein.png) no-repeat;
}

.blase_gross { /* 239 x 77 */
               width: 196px;
               height: 60px;
               background: url(../img/layout/bg_blase_gross.png) no-repeat;
}

.blase_groesser { /* 238 x 92 */
                  width: 195px;
                  height: 75px;
                  background: url(../img/layout/bg_blase_groesser.png) no-repeat;
}

.blase_groessten { /* 238 x 107 */
                   width: 195px;
                   height: 90px;
                   background: url(../img/layout/bg_blase_groessten.png) no-repeat;
}

.blase_riesig { /* 207 x 150 */
                width: 164px;
                height: 133px;
                background: url(../img/layout/bg_blase_riesig.png) no-repeat;
}

.blase_links { /* 237 x 92 */
               width: 194px;
               height: 75px;
               padding-right: 28px;
               padding-left: 15px;
               background: url(../img/layout/bg_blase_links.png) no-repeat;
}

.blase_lang { /* 428 x 92 */
              width: 385px;
              height: 75px;
              background: url(../img/layout/bg_blase_lang.png) no-repeat;
}

.blase_bewertung { /* 207 x 111 */
                   color: #757575;
                   width: 179px;
                   height: 94px;
                   padding-right: 0px;
                   background: url(../img/layout/bg_blase_bewertung.png) no-repeat;
}

/**
@section Bewertungen
*/

.blase_bewertung ul {
    list-style:none;
}

.star-rating-float {
    float: left;
}

.star-rating {
    position: relative;
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
    width: 85px;
    height: 17px;
    vertical-align: middle;
    overflow: hidden;
    background: url(../img/layout/sterne_rating.gif) top left repeat-x;
}

.star-rating span{
    padding:0;
    margin:0;
    width:17px;
    height:17px;
}

.star-rating span a{
    display:block;
    width:17px;
    height: 17px;
    line-height:17px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 3;
    position: absolute;
    padding: 0px;
    overflow:hidden;
}

.star-rating span a:hover{
    background: url(../img/layout/sterne_rating.gif) left bottom;
    z-index: 2;
    left: 0px;
    border:none;
}

.star-rating a.one-star{
    left: 0px;
}

.star-rating a.one-star:hover{
    width:17px;
}

.star-rating a.two-stars{
    left:17px;
}

.star-rating a.two-stars:hover{
    width: 34px;
}

.star-rating a.three-stars{
    left: 34px;
}

.star-rating a.three-stars:hover{
    width: 51px;
}

.star-rating a.four-stars{
    left: 51px;
}

.star-rating a.four-stars:hover{
    width: 68px;
}

.star-rating a.five-stars{
    left: 68px;
}

.star-rating a.five-stars:hover{
    width: 85px;
}

.star-rating span.current-rating{
    background: url(../img/layout/sterne_rating.gif) left center;
    position: absolute;
    height: 17px;
    text-indent: 40px;
    z-index: 1;
}

.star-label {
    float: left;
    margin-bottom: 4px;
    padding-top: 2px;
    height: 15px;
    vertical-align: middle;
    top:0;
}

/**
@section Spezielles
*/
.left,
.alignleft {
    display: block;
    float: left;
    margin-right: 10px;
}

.lefto {
    display: block;
    float: left;
}

.right,
.alignright {
    float: right;
    margin-left: 10px;
}

.righto {
    float: right;
}

.unten {
    bottom: 0px;
}

.letzter,
.text .letzter {
    margin-bottom: 0;
}

.clearing {
    clear: both;
}

.preload {
    display: none;
}

.rahmen {
    border: 1px solid pink;
}

/* MODAL */
#modal {
    opacity: .5;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
}

#modal_content {
    background-color: white;
    padding: 8px;
    border: 1px solid grey;
    position: absolute;
    z-index: 9999;
    left: -1000px;
    top: -1000px;
}

/* MODAL CONFIRM */
#modal_confirm {
    opacity: .5;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
}

#modal_confirm_content {
    background-color: white;
    padding: 8px;
    border: 1px solid grey;
    position: absolute;
    z-index: 9999;
    left: -1000px;
    top: -1000px;
}