﻿
body {
   font-family:pt_sansregular, Arial;
   font-size:14px;
   background-color: #EEEEEE;
}
p {font-family:pt_sansregular,'Times New Roman'; font-size:14px;}
strong,h1,h2,h3,h4 {font-family:pt_sansbold;font-weight:normal;}

.container { border: 1px solid #EEEEEE; background-color: #fff; /*width:935px;*/ padding-left: 35px; padding-right: 35px; padding-bottom:50px;}

.clear { clear:both;}
.abstand10 { height:10px;}
#cookieChoiceInfo {position:fixed;font-family: Arial,helvetica,sans-serif ;   z-index:9999999999999999999999999999; width:100%;background-color:#eee;margin:0; left:0; bottom:0;padding: 10px 0px 10px 0px;z-index:1000;text-align:center; font-size:15px; line-height:130%;
                          -webkit-box-shadow: 0px -2px 25px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:    0px -2px 10px 0px rgba(50, 50, 50, 0.5);box-shadow:         0px -2px 10px 0px rgba(50, 50, 50, 0.5);
       }
       #cookieChoiceInfo a { color:#000; text-decoration:underline;}
       #cookieChoiceInfo a#cookieChoiceLink {}
       #cookieChoiceInfo a#cookieChoiceDismiss { position:absolute; top:10px; right:10px; margin:0px;  }


       .buSlider {display:none !important;}
       .rsContent:hover .buSlider{ display:inherit !important;}
       .rsContent:hover .buSlider .inner{ display:inherit !important;background-color:rgba(0, 0, 0, 0.47)!important; }
       .buSlider .inner {position:absolute;left:0px; bottom:0px; z-index:9999999;padding:4px 4px 4px 4px ; background-color:rgba(0, 0, 0, 0.47)!important;}


p {color: #666; line-height: 150%; margin: 0px 0px 10px;}
h1 { font-size:2.5em;margin: 1em 0px 0.6em; font-weight: normal;letter-spacing: 0px;}
h2 { font-size:2em; color:#666;line-height: 135%; margin: 0.6em 0px;}
h3 { font-size:1.5em; font-weight:bold; color:#666;line-height: 135%; margin: 1.7em 0px 0.6em 0px;}
h4 { font-size:1em;   color:#111;line-height: 135%; margin: 0em 0px 0.6em 0px;}

.rsContent p { color:#fff;line-height:100%; margin:0px; padding:0px;}
.rsContent .blockInner {position:absolute;left:0px; bottom:0px; z-index:9999999; }
.rsContent .blockInner p { background-color:rgba(0, 0, 0, 0.47);padding:4px 4px 4px 4px ;}

#ausstellungen h1 { margin-bottom:0px;  line-height:120%; margin-top:0.7em;}
#ausstellungen .ausst { border-bottom:1px dotted #ccc; padding-bottom:2.5em;}

.container.ohneMargin {  padding-right:0px; padding-left:0px; padding-bottom:0px;}
.container.ohneMargin #footer {  padding-right:25px; padding-left:25px; border:1px solid #F2F2F2;}
#footer { background-color:#F2F2F2; width:100%; margin:0px 0px 0px 0px ; padding:0px; padding-top:30px;padding-bottom:30px; }
#footer a { background-image:url(../img/pKleinRe.gif); background-repeat:no-repeat; background-position:left 1px;font-weight:normal; font-family:pt_sansregular,Arial,helvetica,sans-serif; color:#666; padding-left:13px;}

#submenue { padding-bottom:40px; padding-top:20px;}
#submenue ul { list-style:none; margin:0px; padding:0px;}
#submenue ul li { list-style:none; float:left; padding:3px; }
#submenue ul li a{font-size:1.2em; color:#aaaaaa; font-weight:bold;  padding-left:10px; padding-right:10px; background-image:url(../img/pKleinRe.gif); background-repeat:no-repeat; background-position:left 3px;}
    #submenue .aktiv a {  color:#000;   font-weight:bold}

.abstandklein { height:15px;}
.abstandgross { height:30px;}
hr { border:none; border-bottom:1px dotted #ccc; height:1px; margin:15px 0px 0px 0px ;}
.absLinie { margin-bottom:15px;}
.verteiler {}
.verteiler.col-lg-6:nth-child(2n+1) { clear:both;  }
.verteiler .inner{ border-bottom:1px dotted #ccc;  min-height: 17em;  }

.btn { border-radius:0px;padding:5px 12px 5px 12px ; font-size:1em;}
a.btn { background-image:none !important; border-bottom:1px solid #ccc !important;}

#lang { margin-top:4px; margin-right:20px; font-family:pt_sansregular; word-spacing:3px; }
    #lang a {color:#9d9c9c;font-size:14px!important;} 

span.overline {font-family:pt_sansregular,Arial,helvetica,sans-serif;  margin:0px; font-size:12px; line-height:10px;color:#666; }

.input-group-addon { border:none;}
.slider {  }

#inputSuch {border:none; border-bottom: 1px solid #ccc; height:23px;display:block; padding: 3px 3px 2px 3px;width:194px;float:left;}
#inputSuchbtn {width:20px;height:33px;float:left; display:block; padding: 3px 0px 2px 3px;background-image: url(../img/test/lupe.gif);margin-right:8px; 
               background-repeat: no-repeat; border: 0px solid #fff; background-position: center center; background-color: #fff; background-size:contain;}

.einzelbild img { max-width:100%;}
#footer #logofooter1,#footer #logofooter2 { text-align:right;}
#footer #logofooter2 img{  margin-top:10px;}
#footer #logofooter1 img{  margin-top:-12px;}
/*input {
    -webkit-appearance: none !important;-webkit-border-radius:0px;
}*/   
@media (min-width: 1200px) {
    .container {width: 935px; width:990px;}
}

@media (max-width: 768px) {
    /*body { background-color:#f00 !important;}*/
    #museumtext { text-align: left !important; }
 }
.form-control { height: auto !important; padding: 1px; border-radius: 0px; }
.input-group-addon { padding: 0px; border-radius: 0px; background-color: #CCCCCC; }
#suchfeld { padding-right: 10px; margin-top: 10px; margin-bottom: 20px; }



#rowMenue { margin-top: 40px; }

.text-danger { color:#FF2B1F; font-weight:bold;}


#bredcrump  { margin-top:20px;}
#bredcrump span { font-family:pt_sansregular,Arial,helvetica,sans-serif; font-weight:bold; padding-right:3px;}
#bredcrump span.crump {   padding-left:10px;  background-image:url(../img/pWinzRe.gif); background-repeat:no-repeat; background-position:left 4px;}
#bredcrump span a {  color:#666; background-image:none !important;  }
#bredcrump span:last-child a {color:#111;}
#bredcrump span:first-child a { border:none; padding-left:0px;}

ul#sitemap ,ul#sitemap li  { list-style:none !important;}
ul#sitemap a { background-image:url(../img/pKleinRe.gif); background-repeat:no-repeat; background-position:left 2px; color:#111; padding-left:13px; }
ul#sitemap a:hover {border-bottom:1px dotted #666; text-decoration:none;}

select { padding:10px !important; font-family:pt_sansregular,Arial,helvetica,sans-serif;}
#respMenue { margin-bottom:20px;}



.Bereich a  {background-image:url(../img/pKleinRe.gif); 
			padding-left:10px; background-repeat:no-repeat; background-position:left 1px; color:#666; text-decoration:none; border-bottom:1px dotted #666;  }

  a.ohnePfeil { background-image:none !important; padding:0px !important; }
.Bereich a[href ^="mailto:"] {background-image:url(../img/Briefumschlag_schwarz.gif); 
			padding-left:16px; background-repeat:no-repeat; background-position:left 0.3em; color:#000; text-decoration:none; border-bottom:1px dotted #666;  }
.Bereich a[name] { background-image:none; line-height:0px; margin:0px; padding:0px;}

.Bereich a[href^="http:"] , .Bereich a[href^="https:"]  { color:#000;background-image:url(../img/ExternerLink_schwarz.gif); background-repeat:no-repeat; padding-left:10px; background-position:left 0.2em;text-decoration:none; border-bottom:1px dotted #666; }
.Bereich a[href $='.pdf']  { color:#000; background-image:url(../img/pdf.gif); background-position:left 0.2em; padding-left:14px;text-decoration:none; border-bottom:1px dotted #666; }
.Bereich a[href $='.mp3']  { color:#000; background-image:url(../img/audio.gif); background-position:left 0.2em; padding-left:14px;text-decoration:none; border-bottom:1px dotted #666; }

.Bereich a[href ^="mailto:"]:hover,#inhalt a[href^="http:"]:hover,#inhalt a[href^="https:"]:hover,#inhalt a[href $='.pdf']:hover, #inhalt a[href $='.mp3']:hover { 
    color:#c73f2f; border-bottom:1px dotted #c73f2f;
}


.Bereich .form-control { padding:4px }
#Bereich1 .form-group {    height:25px;}


.verteiler2 a { text-decoration:none; border:none; background-image:none; padding-left:0px;}
.verteiler2 a { background-image:url('../img/pGrossRe.gif'); background-position:right 2px; padding-right:20px;}

#submenueM      {margin:0px 0px  0px 0px; padding:0px; }
#submenueM ul    {margin:0px 0px 10px 0px; list-style:none; padding:0px; }
#submenueM ul li a { font-size:12px; font-weight:normal; color:#111; border:none;  }
#submenueM ul li  {padding:0px 0px 15px 0px; }

#mainMenue.sf-menu a {color:#9d9c9c!important;}
#mainMenue.sf-menu a.aktiv {color:#000!important;}
#mainMenue.sf-menu ul li a.aktiv {color:#fff!important;}

#Bereich1 .verteiler .inner a { background-image:none; border:none;}
#Bereich1 .verteiler .pfeil   { display:inline; padding-left:5px;padding-bottom:3px; }
#Bereich1 .verteiler p   { display:inline; font-size:16px; line-height:130%;  }
#Bereich1 .verteiler p:hover   { color:#111;}
#Bereich1 .verteiler h2  { margin-bottom:10px;margin-top:20px; line-height:100%; color:#111;}


#museumtext img {margin-bottom:13px;margin-top:-3px;}
#museumtext .fa-stack .fa-circle {color:#9d9c9c;}
#museumtext .fa-stack  { font-size:14px!important;}
#museumtext a.blog {color:#9d9c9c; font-size:14px;font-family:pt_sansregular;margin-right:16px; margin-left:17px;}

.kastenApp .bu {min-height:100px!important;  }
/* graceful degradation for ie8 */
input[type='radio'] {
    -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   border-radius: 0;
  font-size: 1em;
width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='radio'] + label {
  cursor: pointer;
}
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 20px;
    height:20px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 5px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='radio']:hover  + label::before {
  background:#ddd;
  box-shadow: inset 0 0 0 2px white;
}

input[type='radio']:checked  + label::before {
  background:black;
  box-shadow: inset 0 0 0 2px white;
}



.SPlinks .kasten { float:right;}

.kastenBG { margin-top:30px;}
.kastenBG h2 {font-size:26px; margin:0px 0px 25px 0px ; padding:0px;color:#000;}
.kastenBG p {font-size:24px; margin:0px 0px 0px 0px ; padding:0px;color:#000;line-height:120%;}
.kastenBG .inner {  background-color:#f39986;  min-height:100px; padding:20px 20px 20px 20px ;  }

.kastenRa { margin-top:30px;  }
.kastenRa .inner {  border:0px solid #a5c2d1; background-color:#a5c2d1;  min-height:190px; padding:20px 20px 20px 20px ;  }
.kastenRa h2 {font-size:24px; margin:0px 0px 15px 0px ; padding:0px;  color:#000; line-height:120%;}
.kastenRa h3 {font-size:24px; margin:0px 0px 15px 0px ; padding:0px;  color:#000; line-height:120%;}
.kastenRa p { font-size:16px;font-family:pt_sansbold; margin:0px 0px 5px 0px ; padding:0px;color:#000;line-height:120%;}
 
.kastenHG {  margin-top:30px; }
.kastenHG img { width:100%; }
.kastenHG .inner { margin: 20px 20px 20px 20px; }
.kastenHG h2 { color:#000;font-family:'pt_sansbold';line-height:110%;font-size:26px;margin:0px; padding:0px;line-height:120%;margin-bottom:25px; }
.kastenHG p { font-size:24px;font-family:pt_sansregular; margin:0px 0px 0px 0px ; padding:0px;color:#000;line-height:120%;}

.kastenRund {border-radius:10000px; overflow:hidden; margin:20px 20px 0px 20px ; padding:0px; }
.kastenRund img {}
.kastenRund h2 {font-size:57px;color:#fff;font-family:pt_sansregular;margin:0px; padding:0px; line-height:120%;}
.kastenRund p {font-size:22px; color:#fff;margin:0px; padding:0px; line-height:120%;}

.kastenRand { margin-top:30px;  }
.kastenRand .inner {  border:8px solid #f39986; background-color:#fff;  min-height:190px; padding:20px 20px 20px 20px ;  }
.kastenRand h2 {font-size:26px; margin:0px 0px 0px 0px ; padding:0px;  color:#000; line-height:120%;}
.kastenRand h3 {font-size:24px; margin:0px 0px 15px 0px ; padding:0px;  color:#000; line-height:120%;font-family:pt_sansregular; }
.kastenRand p { font-size:16px;font-family:pt_sansbold; margin:0px 0px 5px 0px ; padding:0px;color:#000;line-height:120%;}

.kasten input {border:1px solid #fff; box-shadow:none;font-size:24px;padding:0px 0px 0px 0px!important; border-bottom:1px solid #c5c6c6;margin-top:20px;color:#c5c6c6;font-family:pt_sansbold;}
.kasten input#ds {margin-top:3px;}
.kasten h3 {font-family:pt_sansregular;}
.kasten small {font-size:13px;}
.kasten .inline-label {font-size:16px;padding:0px;}
.kasten #submit {font-size:16px; margin:0px; float:right;background-color:#c5c6c6;color:#000;border-radius:15px;padding:5px 15px 5px 15px !important;margin-top:-5px;}
/*.kasten                 .ktext { position:absolute; height:auto!important; z-index:3; top:0px; border:1px solid #f00;}
.kasten.kastenTextUnten .ktext  {                               bottom:15px; }*/

.kasten .ktext {border:0px solid #f00;position:absolute;z-index:3;  top:0px;  }
.kasten .ktext h2 {margin-bottom:15px; }
.kasten .ktext p {margin-bottom:0px;padding-bottom:0px; }

.kasten .ktext2 {border:0px solid #f00;position:absolute;z-index:3;  bottom:0px;  }
.kasten .ktext2 .inner {padding:0px;}

.kasten.kastenTextUnten .ktext {border:0px solid green;bottom:0px; top:inherit;}
.kasten.kastenTextUnten h2 {margin-bottom:3px;}

.kasten.video {margin-top:30px!important;}

.bgcolorRosa .inner{ background-color: #f39986;}
.randColorGrau .inner { border-color: #c5c6c6;}

#full-width-slider2 .rsInfoKastenWrapper { position:absolute;left:0px; bottom:0px;  }
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten {font-size:35px!important;line-height:120%;  background-color:#e30018; opacity:0.9;  color:#fff; padding:30px 40px 30px 70px;  }
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten p { font-size:35px!important;color:#fff; font-family:pt_sansbold;font-weight:normal; line-height:120%; margin:0px; padding:0px;}
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten h2 {font-size:35px; color:#fff; font-family:pt_sansbold;font-weight:normal; line-height:120%; margin:0px; padding:0px;}
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten h3 {font-size:35px; color:#fff;font-family:pt_sansregular;font-weight:normal;line-height:120%;margin:0px; padding:0px;}
#full-width-slider2 .rsInfoKastenWrapper .rsInfoBU {font-size:14px; background-color:#000; color:#fff; padding: 5px 10px 5px 10px; visibility:hidden;opacity:0.9;} 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoBU p { line-height:120%; margin:0px; padding:0px; } 
#full-width-slider2:hover .rsInfoBU {  visibility: visible;} 
#full-width-slider2 .rsBullets {bottom: -15px;right: 3px;}
#full-width-slider2 .rsBullet   {width:10px; height:10px; }
#full-width-slider2 .rsBullet  span{background-color:#ccc; }
#full-width-slider2 .rsBullet.rsNavSelected span{background-color:#111;}

.Bereich .kasten a {background-image:none; padding-left:0px; border:none;}

.kasten .pfeile {position: absolute; margin-top: -35px;}
.kasten .pfeile i {float: left; margin-right: 10px; color: #dd6149;                 }
.kasten .pfeile span {float: left;font-size: 18px; margin-top: 5px; font-family: pt_sansbold; }
.kasten .pfeile a:first-child { padding-right: 30px!important;  }
.kasten .pfeile a {  float:left;  }

#full-width-slider2 a { position:absolute; right:38px; bottom:0px; /*clear:both; float:right;*/font-size:0.5em;margin:30px -20px 0px 0px;color:#fff; background-image:none;}
#full-width-slider2 .rsInfoKasten {position:relative;}
 
@media (max-width: 986px ) and (min-width: 768px) {
    /*body {border-left:10px solid red;}*/
        .kastenHG h2 { margin:0px;  }
        .kastenHG p {font-size:20px;}

}
 
@media (max-width: 768px) {
                #museumtext  {  margin-top:10px;}

.kasten .pfeile {margin-top:-15px;}
.kasten .pfeile i {font-size:2.5em;  margin-top:0px;         }
.kasten .pfeile span {font-size: 18px; margin-top: 0px; }
.kasten .pfeile a:first-child { padding-right: 20px!important; }
.kasten .pfeile a {    }

#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten {bottom:10px; padding:10px 40px 10px 10px;font-size:14px!important;}
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten p  {font-size:14px!important;margin:0px; } 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten h2 {font-size:14px!important;} 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten h3 {font-size:14px!important;} 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoBU  {font-size:10px!important;margin:0px; } 

#full-width-slider2  {margin-bottom:100px;}
#full-width-slider2 .rsInfoBU {visibility:visible!important;background-color:#fff!important; color:#666!important;padding-left:0px!important;}
#full-width-slider2 .rsInfoKastenWrapper  {margin-bottom:-78px;width:99.99%; min-height:70px;}
#full-width-slider2 .rsOverflow,#full-width-slider2 .rsOverflow .rsSlide   {  overflow :visible;}

#full-width-slider2 a { font-size:14px; margin:5px -20px 0px 0px; }

#museumtext a.blog { margin-right:8px; margin-left:9px;}
#museumtext a.blog:nth-child(3) {margin-left:0px;}
#full-width-slider2 .rsBullets {bottom: -65px; }
 }

@media (max-width: 480px)   {

.kasten .pfeile {margin-top:-15px;}
.kasten .pfeile i {font-size:1.5em;  margin-top:0px;         }
.kasten .pfeile span {font-size: 14px; margin-top: 0px; }
.kasten .pfeile a:first-child { padding-right: 20px!important; }
.kasten .pfeile a { clear:both; white-space:nowrap;  }


    /*body {border-left:2px solid #f00;}*/
    p { font-size:16px;}
    #logo img { width:150px;}
    #museumtext img { width:230px;}
        #museumtext  {  margin-top:10px;}

    #footer img { max-width:100%;}
    #footer div { }
    #footer #logofooter1,#footer #logofooter2 { text-align:left;}
    #footer #logofooter1 img,#footer #logofooter2 img { margin:15px 0px 0px 0px !important;}
    .rsMinW .rsArrowLeft { left: 0px; top: 25% !important; }
.rsMinW .rsArrowRight { right: 0px; top: 25% !important; }
.col-xs-6 {width:100%;}
.kastenRund h2 {font-size:37px; }
.kastenRund p {font-size:14px;  }
.kastenRa .inner {    min-height: inherit;}

.kastenHG h2 {font-size:18px;margin:0px; padding:0px;}
.kastenHG p {font-size:14px;margin:0px; padding:0px;}
.kastenBG     h2 {font-size:14px;margin:0px; padding:0px;}
.kastenBG     p {font-size:14px;margin:0px; padding:0px;}
.kastenRa    h2 {font-size:18px;margin:0px; padding:0px;}
.kastenRa    p {font-size:14px;margin:0px; padding:0px;}
.kastenRa    h3 {font-size:14px;margin:0px; padding:0px;}

 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten {bottom:10px; padding:10px 40px 10px 10px;font-size:14px!important;}
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten p  {font-size:14px!important;margin:0px; } 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten h2 {font-size:14px!important;} 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoKasten h3 {font-size:14px!important;} 
#full-width-slider2 .rsInfoKastenWrapper .rsInfoBU  {font-size:10px!important;margin:0px; } 

}
