/* Allgemeine Angaben */
/* Textangaben für Mengentext */
body {
    font-family: 'Droid Serif', sans-serif;
    font-weight: 400;
    color: #7B7B7B;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin: 0 0 0 10px;
    padding: 0;
    background-color: #FFFFFF;
}

::selection {
    color: #FFFFFF;
    background: #931E37;
}

::-moz-selection {
    color: #FFFFFF;
    background: #931E37;
}

/* Buttontext */
.buttontext {
    line-height: 16px;
    font-family: 'Droid Sans', sans-serif;
}

.center {
    text-align: center;
}

.centerInnerDiv div {
    text-align: center;
    margin: auto;
    display: inline-block;
}

/* 2px gerundete Ecken */
.borderRadius2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* 8px kleine Schrift */
.fontSize8 {
    font-size: 8px !important;
}

/* 10px kleine Schrift */
.fontSize10 {
    font-size: 10px !important;
}

/* 10px kleine Schrift */
.fontSize12 {
    font-size: 12px !important;
}

/* 10px kleine Schrift */
.fontSize14 {
    font-size: 14px !important;
}

/* rote Schrift */
.redFont {
    color: #931E37;
}

/* Zeilenhöhe = 0 (z.b. bei einzelobjektansicht ÜÜÜÜüüüberschrift) */
.zeroLineHeight {
    line-height: 0;
}

.noBorder {
    border: 0;
}

table {
    border: 0;
}

table tr td {
    font-size: 12px;
}

img {
    border: 0;
}

.borderRadius2 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* überschriften */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Marvel', sans-serif;
    font-weight: 700;
    color: #931e38;
    margin-bottom: 9px;
}

/* Links allgemein, global */

a, a:link, a:visited, a:focus, a:active {
    color: #931E37;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #000000;
}

hr {
    height: 1px;
    width: 100%;
    background-color: #CCCCCC;
    box-shadow: 0 1px 0 0 #FFFFFF;
    border: 0;
}

/* Rahmen, der alles umfasst */

#mainFrame {
    width: 1002px;
    text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
}

/* Kopfbereich mit Logo und Links zu Impressum, Kontakt, Hilfe und Login */

#header {
    height: 138px;
    background-color: #FFFFFF;
    width: 1002px;
}

/* Bild, größe des Headerlogo*/

#headerLogo {
    margin-left: 8px;
    margin-top: 14px;
    float: left;
    border: 0;
}

/* Links im Header */

#headerNavigation {
    float: right;
    width: 360px;
    padding-left: 3px;
}

/* Links im Header oben rechts */

#headerNavigation a {
    color: #000000;
    background-color: #f9f9f9;
    padding: 7px 5px 7px 5px;
    margin-right: 1px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 70px;
}

#headerNavigation a:link, #headerNavigation a:visited, #headerNavigation a:focus, #headerNavigation a:active, #headerNavigation a:hover {
    float: right;
    display: block;
    text-decoration: none;
}

/* Die Navigation unter dem Header */

#navigation {
    width: 473px;
    background-color: #f9f9f9;
    height: 26px;
    padding-left: 134px;
    padding-right: 90px;
    margin-top: 5px;
    float: left;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #000000;
}

/* Links in der Navigation */

#navigation a:link, #navigation a:visited, #navigation a:focus, #navigation a:active {
    color: #000000;
    text-decoration: none;
}

#navigation a:hover {
    color: #FFFFFF;
}

#navigation ul {
    position: relative;
    left: -40px;
    top: -13px;
    list-style: none outside;
    min-width: 540px;
}

#navigation ul li {
    color: #000000;
    text-transform: uppercase;
    height: 23px;
    float: left;
    display: block;
    text-decoration: none;
    background-color: #e1ddbb;
    margin: 0 0 0 1px;
    cursor: pointer;
}

#navigation ul li:hover {
    background-color: #992b44;
}

#navigation .link {
    padding-bottom: 5px;
}

#navigation li a {
    display: block;
    height: 22px;
    padding: 6px 24px 0 24px;
    color: #000000;
}

#navigation .dropdown {
    padding: 5px 16px 0 16px;
}

/* beinhaltet bei Bedarf das Submenü*/
#subMenueMainNavigation {
    clear: both;
    background-color: #931E37;
    width: 200px;
    position: relative;
    top: -13px;
    left: 1px;
    margin: 0;
    padding: 0 0 3px 0;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    display: none;
}

.subMenueMainNavigationOpen {
    background-color: #992B44 !important;
}

.subMenueMainNavigationOpen a {
    color: #FFFFFF !important;
}

#subMenueMainNavigation a {
    color: #FFFFFF;
    position: relative;
    clear: both;
    width: 100% /* auto */;
    display: block;
    padding: 6px 4px 6px 17px;
    font-weight: bold;
}

#subMenueMainNavigation a:hover {
    color: #c6c6c6;
}

#subMenueMainNavigationObjekte {
    border-top: 1px solid #FFFFFF;
}

.subMenueUnterpunkt {
    margin-left: 0;
    font-weight: normal !important;
    padding-top: 5px !important;
}

/* zeigtan, ob ein Hauptmenüpunkt ein Submenü hat */
.hasSubMenueMain {
    background: url(../images/small_arrow_down_white.png) no-repeat 3px 12px;
    padding-left: 4px;
}

.openSearchBoxLink {
    clear: both;
    margin: 15px 0 0 10px;
    background: url(../images/small_arrow_down.png) no-repeat left center;
    font-weight: bold;
    font-size: 12px;
    width: 200px;
    text-align: left;
    padding-left: 20px;
    cursor: pointer;
    position: relative;
    left: 545px;
    top: -40px;
}

#openSearchBoxObjekteEntrance {
    position: relative;
    display: block;
    top: -45px;
    left: 540px;
}

#openSearchBoxVeranstaltungenEntrance {
    position: relative;
    display: block;
    top: -45px;
    left: 487px;
}

#openSearchBox {
    border: 1px solid #bdbdbd;
    background-color: #eeeeee;
    min-height: 254px;
    width: 666px;
    display: none;
    -webkit-box-shadow: inset 0 4px 3px 1px #e9e9e9;
    -moz-box-shadow: inset 0 4px 3px 1px #e9e9e9;
    box-shadow: inset 0 4px 3px 1px #e9e9e9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    position: relative;
    top: -10px;
    /* 20130127: 	padding: 20px 0 25px 10px; */
    padding: 0 0 10px 10px;
}

#openSearchBox table tr td {
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    font-size: /*22:59 28/01/2013*/ 12px;
}

#openSearchBox h2, #openSearchBox h3 {
    color: #777777;
}

#openSearchBox select, #openSearchBox input[type=search] {
    height: 26px;
    width: 250px;   /*278px;*/
}

#openSearchBox input[type=text] {
    width: 250px;   /*272px;*/
    height: 20px;
}

#openSearchBox option {
    height: 20px;
    color: black;
    margin-bottom: 2px;
    padding: 1px 1px 1px 15px;
}

/* Tabellenzelle mit Pfeil links im BG */
#openSearchBox .choseSelection {
    padding-left: 40px;
    background: url(../images/pfeil.png) no-repeat 20px center;
}

#searchButtonSpecifyMuseums, #searchButtonSpecifyObjects, #searchButtonSpecifyVeranstaltungen {
    background: url("../images/searchButtonSpecifyBox.jpg") no-repeat scroll 0 0 transparent;
    border: 0;
    cursor: pointer;
    height: 28px;
    margin-left: 20px;
    padding: 0;
    position: relative;
    width: 72px;
    top: 2px;
}

/* Container der Stichwortsuche */

#stichwortSuche {
    float: left;
    width: 205px;
    background-color: #FFFFFF;
    margin-top: 5px;
    margin-left: 4px;
    margin-right: 1px;
}

#stichwortSuche table {
    padding: 0;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    border: 0;
    width: 202px;
    height: 24px;
}

#tStichwortSuche {
    border: 1px solid #931e38;
    -moz-border-radius: 1px 0 0 1px;
    -webkit-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px;
}

#tStichwortSuche input {
    height: 20px;
    width: 160px;
    padding: 0 0 0 5px;
    border: 0;
}

#bStichwortSuche {
    position: relative;
    border: 1px solid #931e38;
    border-left: 0;
    -moz-border-radius: 0 1px 1px 0;
    -webkit-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0;
    border-left: 0;
    background: #FFFFFF url('../images/stichwortSucheLogoButton.png') center center;
    cursor: pointer;
    height: 24px;
    width: 25px;
}

#bStichwortSucheLink {
    display: block;
    height: 24px;
    width: 25px;
}

#bStichwortSucheLink:hover {
    text-decoration: none;
}

/* grauer Kasten nach der stichwortsuche */

#chooseLanguageWrapper {
    width: 91px;
    height: 26px;
    float: left;
    margin-top: 5px;
    border: 1px solid #dfdfdf;
    background-color: #f9f9f9;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    text-align: center;
    position: relative;
}

/* Umfasst den gesamten Inhalt unter der Slideshow */
#content {
    clear: both;
    width: 1002px;
    min-height: 852px;
}

/* linke Spalte der Seite (Bühne) */
#stage {
    width: 703px;
    min-height: 741px;
    float: left;
    background: #FFFFFF no-repeat center 200px;
}

/* Inhalt der linken Spalte, wenn keine Tabelle oder ähnliches.. (z.B. impressum*/
#contentView {
    padding-left: 10px;
    margin-bottom: 110px;
    padding-right: 20px;
}

/* überschrift des Inhalts der linken Seite */
#contentHeader {
    width: 674px;
    font-size: 14px;
    padding: 25px 15px 28px 10px;
    margin-top: 0;
}

/* Tabelle in der linken Spalte des Inhalts, welche die Auswahlmöglichkeiten Museen, Veranstaltungen, Objekte und über Digicult fasst*/

#tbChooseContent, #tbChooseContentMuseums {
    width: 663px;
    table-layout: fixed;
    padding: 0;
    margin: 0 0 45px;
    border-collapse: collapse;
    border-spacing: 0;
}

#tbChooseContent td, #tbChooseContentMuseums td {
    width: 324px;
    height: 327px;
    vertical-align: top;
    border: 1px solid #dfdfdf;
    padding: 7px;
    text-align: center;
    font-size: 12px;
}

#tbChooseContentMuseums td {
    padding-top: 10px;
    padding-bottom: 3px;
    height: 270px;
}

/* About-Feld auf der Startseite */
#startseiteAbout {
    width: 150px !important;
    height: 43px !important;
    position: relative;
    top: 20px;
}

/* Eventfeld auf der Startseite */

#eventStartseite {
    position: relative;
    top: 53px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 320px;
    height: 256px;
    background: no-repeat top left;
    background-size: cover;
}

#tbChooseContent td h2, #tbChooseContent td hr {
    float: left;
}

/* zeichnet als relativ positioniert aus */

.relative {
    position: relative;
}

/* horizontale Linie unter den überschriften */

#tbChooseContent td hr {
    height: 1px;
    width: 100%;
    border: 0;
}

#tbChooseContent img, #tbChooseContentMuseums img {
    width: 320px;
    height: 256px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
}

/* Die 4 Bilder auf der Museumsseite */

/* Label auf den Bildern der Startseite, Objekte... BANDEROLE! */
.ImageBanderole, .ImageBanderoleMuseum {
    text-align: left;
    width: 302px;
    padding: 9px 10px 9px 10px;
    color: #000000;
    position: absolute;
    bottom: 30px;
    background-color: #FFFFFF;
    filter: alpha(opacity=80);
    opacity: 0.8;
    font-size: 12px;
}

/* Banderole für das Bild, wenn dieses ein Hintergrundbild ist.. */
.ImageBanderoleStaticImg {
    bottom: -22px;
}

/* rechte Spalte der Seite (SIDEBAR) */

#sidebar {
    position: relative;
    top: -30px;
    width: 294px;
    float: right;
    background: url(../images/contentrightBG.png) no-repeat right 30px;
    margin-bottom: 50px;
}

/* Kasten der Sidebar (rechts neben dem Kasten ist der Hintergrund - grauer Streifen) */
#sidebarContent {
    position: relative;
    width: 276px;
    min-height: 803px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f9f9f9;
    margin-right: 16px;
    margin-bottom: -17px;
    padding-top: 0;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 0 #f1f1f1;
    -moz-box-shadow: 0 2px 2px 0 #f1f1f1;
    box-shadow: 0 2px 2px 0 #f1f1f1;
    font-size: 12px;
}

#sidebarBG {
    background: url(../images/contentrightBG2.png) no-repeat right bottom;
}

/* überschrift eines Blocks in der Sidebar */

.sideBarBlockHeader {
    margin-bottom: 9px;
    padding-bottom: 3px;
    margin-top: 5px;
    border-bottom: 1px solid #931e38;
    text-align: left;
    padding-left: 9px;
}

/* ein "Inhaltskasten" in der Sidebar */

.sideBarBlock {
    clear: both;
    width: 87%;
    min-width: 50px;
    margin-bottom: 7px;
    margin-left: 7px;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #cccccc;
    -webkit-box-shadow: 0 1px 0 0 #FFFFFF;
    -moz-box-shadow: 0 1px 0 0 #FFFFFF;
    box-shadow: 0 1px 0 0 #FFFFFF;
}

.sideBarBlock a {
    color: #000000;
    font-weight: bold;
    padding-left: 14px;
    background: url(../images/small_arrow_right_small.png) no-repeat 3px 1px;
}

.sideBarBlock a:hover {
    color: #931E37;
}

.sideBarBlock a[href*="/lido/"] {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    padding-left: 14px;
    background: none no-repeat left center;
}

/* Link zur gesamtanzeige des leuchtkastens*/

.sideBarBlock #leuchtkasten {
    font-weight: bold;
    font-size: 10px;
    color: #931E38;
    padding-left: 14px;
    background: url(../images/small_arrow_right_small.png) no-repeat left top;
    text-decoration: none;
}

.sideBarBlock #leuchtkasten:hover {
    color: #000000;
    text-decoration: none;
}

/* Fußzeile der Seite */
#footer {
    clear: both;
    min-height: 260px;
    width: 772px;
    position: relative;
    top: 10px;
    left: -10px;
    padding: 0 0 0 251px;
    background: url(../images/footer.png) no-repeat;
    text-align: left;
    margin: 0;
}

#footer h2 {
    color: #931E37;
}

/* Linklistwrapper Footer */
#footer .footerWrapper {
    float: left;
    width: 170px;
}

#footer .footerWrapper ul {
    padding-left: 17px;
    color: #a8a8a8;
}

#footer .footerWrapper ul li {
    padding-bottom: 6px;
    color: #a8a8a8;
    font-family: 'Marvel', sans-serif;
    font-size: 14px;
}

#footer .footerWrapper ul li a {
    color: #931E37;
}

#footer .footerWrapper ul li a:hover {
    color: #999999;
}

/* Container für die Adresse im Footer */
#footer #footerAdress {
    float: left;
    padding-left: 44px;
    padding-top: 11px;
    text-shadow: 1px 1px 0 #FFFFFF;
    /* filter: dropshadow(color=#FFFFFF, offx=1, offy=1);  */
    /*color: #a8a8a8; */
}

/* Knopf um ganz nach oben zu scrollen */
#scrollTop {
    position: relative;
    cursor: pointer;
    left: 441px;
    top: -22px;
    width: 30px;
    height: 22px;
    background: url(../images/scrollToTop.png) no-repeat center center;
}

/* Kontaktformular, um Mail zu senden */
#sendMailForm {
}

#sendMailForm dt {
    font-weight: bold;
}

#sendMailForm dd {
    margin-top: 7px;
    margin-bottom: 15px;
    margin-left: 0;
}

#sendMailForm input, #sendMailForm textarea {
    background-color: #EEEEEE;
    border: 1px solid #BDBDBD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 6px;

}

/* errorBox, z.B. bei invaliden Kontaktformular.. */
.errorBox {
    color: #931E37;
    font-weight: bold;
    padding-left: 15px;
}

.errorBox a {
    color: #000000;
    text-decoration: underline;
    background: url(../images/small_arrow_left.png) no-repeat left center;
    padding-left: 15px;
    margin-left: -15px;
}

/* Karte in der Sidebar für Museen- und Veranstaltungsauswahl */
#imageMapSidebar {
    border: 0;
    margin-left: -13px;
    /*
        width: 250px;
        height: 208px;
    */
}

/* Vorschlagsbox für die Stichwortsuche */
.suggestBoxKeyWordContainer {
    position: absolute !important;
    display: none;
    z-index: 11000;
    width: 297px;
}

/* vorschlagsbox für die Objektsuche */
.suggestObjects {
    width: 235px;
}

.suggestBoxKeyWord {
    background-color: #F9F9F9;
    display: block;
    border: 1px solid #E3E3E3;
    border-top: 0;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    z-index: 1000;
}

/* Ein Eintrag in einer Suggestbox*/
.suggestBoxEntry {
    cursor: pointer;
    padding: 1px 5px 1px 5px;
}

/* Kasten, in welchem man oben recht die Sprache auswählt */
#languageChooseBox {
    color: black;
    display: none;
    width: 153px;
    min-height: 30px;
    position: absolute;
    left: -58px;
    top: -71px;
    background: url(../images/chooseLanguageBox.png) no-repeat top center;
}

#languageChooseBoxContent {
    min-height: 16px;
    padding: 10px;
    text-align: center;
}

#languageChooseBoxContent a {
    color: #000000;
    text-decoration: none;
}

#languageChooseBoxContent a:hover {
    color: #931E37;
    text-decoration: none;
}

#languageChooseBoxFooter {
    height: 17px;
    background: #FFFFFF url(../images/chooseLanguageBox.png) no-repeat bottom center;
}

#chooseLanguageOpenBox {
    padding-top: 5px;
    color: #931E37;
    cursor: pointer;
}

/* Pfeil nach rechts innerhalb eines Links*/
.arrowRightLink {
    background-image: url("../images/small_arrow_right_small.png") !important;
    background-position: left 4px !important;
    background-repeat: no-repeat;
    padding-left: 14px;
    display: block;
    color: #7B7B7B !important;
    font-weight: normal !important;
}

/* Bild oben links in der Einzelansicht */
#imageEinzelAnsicht {
    max-width: 320px;
    min-width: 230px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    top: 5px;
}

/* thumbs in der Einzelansicht (museum, objekt, event), wenn es mehrere Bilder gibt s*/
.imageEinzelAnsichtThumb {
    max-height: 50px;
    float: left;
    cursor: pointer;
    margin: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 1px 1px 1px 1px #E2E2E2;
    -moz-box-shadow: 1px 1px 1px 1px #E2E2E2;
    box-shadow: 1px 1px 1px 1px #E2E2E2;
}

.imageEinzelAnsichtThumb:hover {
    -webkit-box-shadow: 1px 1px 1px 1px #CBCBCB;
    -moz-box-shadow: 1px 1px 1px 1px #CBCBCB;
    box-shadow: 1px 1px 1px 1px #CBCBCB;
}

/* Bild im impressum in der Sidebar */
.impressumSideBarImg img {
    display: block;
    margin-right: 5px;
    margin-top: -22px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

/* label Bildrechte hinzugef�gt: Ruben W�nsche / 31.3.2015 */
.imageRights {
    float: right;
    margin-right: 20px;
    font-size: 20px;
    color: #fff;
    top: -26px;
    position: relative;
    right: 6px;
    cursor: pointer;
}

.hidden {
    display: none;
}

#tbChooseContent figure {
    margin: 0;
    padding: 0;
    display: block;
    width: 320px;
    height: 256px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

#tbChooseContent figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: auto !important;
    width: auto !important;
}

#tbChooseContent figcaption.ImageBanderole {
    width: 300px;
    bottom: 27px;
}

#tbChooseContent figcaption.ImageBanderole p {
    margin-top: 0;
    margin-bottom: 0;
}