/* Youtube */
    div.youtube iframe {
       border: black 0px solid;
       width: 100%;
       max-width: 500px;
    }

 /* Iframes/Vimeo */
    .iframeBild, .vimeoBild,
    .iframeDiv, .vimeoDiv {
       margin: 0px;
       padding: 0px;
       background: transparent;
    }
    .iframeBild, .vimeoBild {
       cursor: pointer;
       margin-bottom: 10px;
       border: red 0px solid;
    }
    .iframeDiv, .vimeoDiv {
       margin-bottom: -3px;
       padding-right: 5px;
       border: blue 0px solid;
    }
    .iframeIframe, .vimeoIframe {
       width: 100%;
       max-width: 500px;
       height: 200px;
       margin: 0px;
       padding: 0px;
       border: black 0px solid;
    }
 
 /* Gestaltete Links */
    button.telefon, a.telefon,
    button.email, a.email,
    button.link, a.link {
       height: 28px;
       width: 100%;
       padding-top: 0px;
       padding-right: 0px;
       padding-bottom: 0px;
       padding-left: 0px;
       display: block;
       line-height: 1em;
       text-decoration: none;
    /* Default-Gestaltung */
       background-color: #cccccc;
       background-image: -webkit-gradient(linear, left top, left bottom, from(#cc1144), to(#bb1111));
       background-image: -webkit-linear-gradient(top, #cc1144, #bb1111);
       background-image: -moz-linear-gradient(top, #cc1144, #bb1111);
       background-image: -ms-linear-gradient(top, #cc1144, #bb1111);
       background-image: -o-linear-gradient(top, #cc1144, #bb1111);
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
       border-radius: 3px;
       text-align: left;
       color: white;
       font-weight: bold;
    }
    button.telefon.redlion, a.telefon.redlion,
    button.email.redlion, a.email.redlion,
    button.link.redlion, a.link.redlion {
       background-color: black !important;
       background-image: none !important;
       color: white !important;
    }
    a.telefon:hover, a.email:hover, a.link:hover {
       background-color: #bb1111;
       color: white !important;
       text-decoration: none;
    }
    a.telefon:visited, a.email:visited, a.link:visited {
       background-color: #bb1111;
       color: white !important;
       text-decoration: none;
    }
    a.telefon.redlion:hover, a.email.redlion:hover, a.link.redlion:hover {
       background-color: black;
       background-image: none !important;
       color: #00ff00 !important;
       text-decoration: none !important;
    }

 /* Icons */
    button.telefon:before, a.telefon:before {
       content: " " url('../img/phone.png') " ";
    }
    button.email:before, a.email:before {
       content: url('../img/mail.png') " ";
    }
    button.link:before, a.link:before {
       content: url('../img/link.png') " ";
    }
    button.asterisk:after, a.asterisk:after {
       content: "*";
    }
    button.doppelasterisk:after, a.doppelasterisk:after {
       content: "**";
    }

 /* Buttons */
    form input.button {
       cursor: pointer;
    }

 /* Buttons hinter Listenpunkten */
    .button.liste,
    .facebookLike.liste,
    .twitter-follow-button.liste {
       margin-top: 2px;
       margin-bottom: 7px;
       margin-left: 11px;
    }

 /* Listenpunkte */
    .listePunkt {
    /* list-style-image: url('../img/themeListe.png'); // Theme-abhängig in html/templateSeite.txt*/
       margin: 0px;
       padding: 0px;
    }
    .listePunkt h3, .listePunkt h4, .listePunkt h5, .listePunkt h6 {
       display: inline;
       margin-top: 0px;
       margin-bottom: 0px;
       padding-top: 5px;
    /* padding-bottom: 5px; */
       cursor: pointer;
    }
    .listePunkt h3 {
    }
    .listePunkt h4 {
    }
    .listePunkt h5 {
    }
    .listePunkt h6 {
       margin-top: -5px;
       margin-bottom: -5px;
    }
    .listePunkt div {
       display: none;
       margin-top: -5px;
       margin-bottom: -5px;
       padding-left: 11px;
       padding-top: 12px;
    }
    .listePunkt3 div {
       margin-top: -5px;
       margin-bottom: 5px;
    }

 /* Titel und Überschriften */
    .titel {
    /* list-style-image: url('../img/themeListe.png'); // Theme-abhängig in html/templateSeite.txt*/
       margin: 0px;
       padding: 0px;
    }
    h3.titel, h4.titel, h5.titel, h6.titel {
       margin-top: 0px;
       margin-bottom: 0px;
       padding-top: 5px;
    /* padding-bottom: 5px; */
    /* cursor: pointer; */
    }
    h3.titel {
    }
    h4.titel {
    }
    h5.titel {
    }
    h6.titel {
       margin-top: -5px;
       margin-bottom: -5px;
    }

 /* Youtube-Button hinter Listenpunkt */
    .button.liste.youtube {
       padding: 3px;
       background: red;
       color: white;
       font-weight: 900;
    }

 /* Appstore-Weiche */
    .appstore {
       margin: 0;
    }
    .appstore div {
       padding: 5px;
       border: black 1px dashed;
       background: transparent;
    }
    .appstore .daten {
       border: black 0px dotted;
    }
    .appstore.halb:first-child {
       float: left;
       width: 45%;
    }
    .appstore.halb:last-child {
       float: right;
    }
    .appstore.drittel {
       width: 30%;
    }
    .appstore.viertel {
       width: 24%;
    }

 /* Galerie */
    .swipe {
       overflow: hidden;
       visibility: hidden;
       position: relative;
    }
    .swipe-wrap {
       overflow: hidden;
       position: relative;
    }
    .swipe-wrap > div {
       float: left;
       width: 100%;
       position: relative;
    }
    .swipe > .klicks {
       text-align: center;
       padding-top: 0px;
    }
    .swipe > .klicks > button {
       text-align: center;
       position: absolute; 
       top: -2px; 
       bottom: 2px; 
       width: 15%; 
       border: 0px; 
       background-color: transparent; 
       font-size: 0.1em;
       cursor: pointer;
    }
    .swipe > .klicks > button:hover {
       background-color: black; 
       opacity: 0.5;
       -moz-opacity:0.5;
       -khtml-opacity: 0.5;
       font-size: 1em;
       color: white;
    }
    .swipe > .klicks > button.links {
       left: 0px; 
    }
    .swipe > .klicks > button.rechts {
       right: 0px; 
    }
 
 /* Bühne */
    .buhneBild a,
    .buhneBild a:hover {
       text-decoration: none;
    }
    .buhneBild img,
    .buhneBild a img {
       border: 0;
       z-index: 998;
    }
    .buhneBild div,
    .buhneBild a div {
       max-width: 490px;
       height: 15px;
       padding: 5px;
       position: absolute;
       z-index: 999;
       left: 0px;
       right: 0px;
       bottom: 3px;
       background-color: transparent;
       color: white;
       font-size: 14px;
    }
    .buhneBild div.hell,
    .buhneBild a div.hell {
       background-image: url('../img/white_075.png');
       color: black;
    }
    .buhneBild div.dunkel,
    .buhneBild a div.dunkel {
       background-image: url('../img/black_050.png');
       color: white;
    }
    
 /* Band */
    div.band {
       margin-top: 11px;
    }
    div.band,
    div.band table {
       max-width: 500px;
    }
    div.band table {
       width: 100%; 
       margin-top: 0px; 
       margin-left: 0px; 
       background-color: #999999; 
       border: none; 
       border-collapse: collapse; 
    }
    div.band table td {
       border-right: 0px solid #fff;
    }