/* @override http://www.tempel-museum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1481399743
	https://staging.tempel-museum.de/fileadmin/templates/css/tempelmuseum3.css?* */

/* @override http://www.tempel-museum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1373555087 */

/* @override 
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361438352
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361447476
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361462218
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/fixed-scroll3.css?1361439239
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361462648
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1361469719
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1363897923
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1363900111
  http://www.tempel-museum.luftmuseum.de/fileadmin/templates/tempel-museum/css/tempelmuseum3.css?1363902347
*/
div.mobile-mburger {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}
#content-box-start {
	margin-top: 80px;
	width: calc(50% - 20px);
	float: right;
	z-index: 10;
	position: relative;
	
}
div#startseite-slide {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: 100vh;
}
div#slick-slide01.slick-item.slick-slide.slick-current.slick-active figure img.slick-img {
	
}
 div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a img.image-embed-item {
		float: left;
		margin: 0;
		padding: 0;
 	width: 100%;
 		height: auto;
}
div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image a  {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
}

div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure.image   {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
}
div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure  {
	margin: 0;
	float: left;
}
html {

  height: 100%;
}

body {
  
  padding: 0px;
  margin: 0px;
  height: 100%;
  /*font-family: "futura-pt",sans-serif;*/
  
  font-family: 'BrownRegular',sans-serif;;
  background-color: #1d1d1d;
}



#logo {
  float: left;
  height: 36px;
  width: 100%;
  padding-top: 8px;
  text-align: center;

}
div#logo a {
	font-size: 27px;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#wrapperwhite {
  background-color: white;
  top: 0;
  position: absolute;
  height: 99px;
  width: 100%;
  z-index: -1;
}




#content-rechts {
  width: 50%;
  float: left;
  
}

div.news-list-item-hell div.list-text p span.news-list-morelink a:hover {
  color: black;
}

div.news-list-item_dunkel div.list-text p span.news-list-morelink a:hover {
  color: white;
}

div.news-list-item-hell div.list-text h2 a:hover {
  color: black;  
}

div.news-list-item-dunkel div.list-text h2 a:hover {
  color: white;
}

div.news-list-container div.news-list-item {
  width: 1024px;
  float: left;
}

div.list-bild {
  width: 512px;
  float: left;
}

hr.clearer {

  margin: 0;
  padding: 0;
  border-style: none;
}

div.list-text p span.news-list-morelink a {
    color: #a6a8ab;

}

div.news-list2-container div.news-list-item-hell div.list-text h2 a {
  color: #221f20;
}

div.news-list2-container div.news-list-item-hell div.list-text p {
  color: #221f20;
}

div.news-single-item {
  width: 1024px;
}

div.list-text {
  width: 512px;
  float: left;
}

div.list-text h2 {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 24px;
  padding: 0 8px;
  color: white;
}



div.list-text span.news-list-date {
  color: #a6a8ab;
  padding-top: 16px;
  padding-left: 8px;
  float: left;
  width: 452px;
  padding-bottom: 3px;
  font-size: 14px;
}

div.list-text h2 a {

  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-list2-container div.news-list-item_dunkel div.list-text h2 a {
  color: white;
}



.news-list-morelink a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin-left: 10px;
}

.news-list-morelink a:hover {
  color: white;
  
}

div.news-single-links {
  width: 512px;
  float: left;
}

div.news-single-rechts {
  width: 512px;
  float: left;
}

div.list-text p {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 16px;
}

div.news-single-item div.news-single-rechts p {
  padding-left: 8px;
  padding-right: 8px;
  color: white;
}

div.hdr-right {
  background-color: #787878;
}

div.news-list-item_dunkel {
    width: 1024px;
  float: left;
}

#c493 div.news-list2-container div.news-list-item_dunkel div.list-text {
  
}



div.news-list-item-hell {
  width: 1024px;
  float: left;
  background-color: #f0f0f0;
}

div.news-single-item div.news-single-rechts h1 {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: white;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 24px;
}

hr.cl-right {
  margin: 0;
  padding: 0;
  border-style: none;
}

div.news-single-item div.news-single-rechts h2 {
  font-size: 14px;
  color: white;
  padding-left: 8px;
  padding-right: 8px;
}

div.news-single-item div.news-single-rechts span.news-list-date-start {
    color: #f2d6b0;
  padding-top: 8px;
  float: left;
  width: 460px;
  padding-left: 8px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 14px;
}

p.bodytext a, div.ce-bodytext p a,
.frame-layout-0 p a {
  color: #f2d6b0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

p.bodytext a:hover,
.frame-layout-0 p a:hover, div.ce-bodytext p a:hover {
  color: #fff;
}


p.bodytext a b, p.bodytext b a {
  color: #f2d6b0;
}
p.bodytext a:hover b, p.bodytext b a:hover {
  color: #ffffff;
}



div.news-single-item div.news-single-links div.news-single-img  {
  margin: 0;
  padding: 0;
}

div.news-single-item div.news-single-rechts p a {
  color: #f2d6b0;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-single-item div.news-single-rechts p a:hover {
  color: white;
}

div.news-single-backlink a {
  color: #f2d6b0;
  padding-left: 8px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-single-backlink a:hover {
  color: white;

}

span.mbl_newsevent_multidayevent strong {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.news-single-item strong {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

div.list-text-start h2, div.list-text-start h2 a {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-size: 24px;
  line-height: 28px;
  margin: 0 0 24px;
  padding: 0;
  color: white;
}

div.list-text-start h2, div.list-text-start h2 a:hover {
color: #f2d6b0;
}
#content-links {
  float: left;
  width: 50%;
  background-color: #1e1e1e;
}

#content-links h2 {
  font-size: 32px;
  line-height: 40px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: white;
  margin: 0;
  padding: 32px 16px;
}

#content-links p {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  color: white;
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding: 0 16px 16px;
}


#veranstaltungshinweis {
  width: 452px;
  background: url(bg_1e1e1e_80.png) repeat;
  position: relative;
  top: 40px;
  left: 512px;
  padding: 8px;
}

span.news-subheader-start {
  color: #f0f0f0;
}

#veranstaltungshinweis div.news-list-container-start div.news-list-item-start hr.clearer {
  margin: 0;
  padding: 0;
  border-style: none;
}
  #header{
    
    height:52px;
    margin:0px;
  width: 100%;
  padding-top: 19px;
  position: relative;
  }
#veranstaltungshinweis div.news-list-container-start div.news-list-item-start div.list-text-start span.news-list-date-start {
  
    font-size: 14px;
  color: #f2d6b0;
}
@media only screen and (min-width: 1080px) {

div.mobile-mburger {
display: none;
}
}
@media only screen and (max-width: 1080px) {

div.mobile-mburger {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}
div#floating-box {
	display: none;
}

  #header{
    
    height:52px;
    margin:0px;
  width: 100%;
  padding-top: 0px;
  position: relative;
  }
div#abstand {
	display: none;
}

#logo {
  float: left;
  height: 36px;
  width: 100%;
  padding-top: 0px;
  text-align: center;

}

div#logo a {
	font-size: 27px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	line-height: 52px;
}
}
@media only screen and (max-width: 1080px) {
#content-links {
  float: left;
  width: 100%;
  background-color: #1e1e1e;
}

#content-rechts {
  width: 100%;
  float: left;
  margin-top: 80px;
}

#content-rechts .frame.frame-default.frame-type-textmedia.frame-layout-0 div.ce-textpic.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure,
div#c514.frame.frame-default.frame-type-image.frame-layout-0 div.ce-image.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure, #content-rechts .frame.frame-default.frame-type-image.frame-layout-0 div.ce-image.ce-center.ce-above div.ce-gallery div.ce-outer div.ce-inner div.ce-row div.ce-column figure {
	 width: 50%;
  float: left;
}
}

@media only screen and (max-width: 760px) {
  
  #content-box-start {
	
	width: calc(100% - 20px);
	float: right;
	z-index: 10;
	position: fixed;
  	right: 0;
  	left: 10px;
  	margin: 0;
  	top: 40%;
  }
  #header{
    
    height:52px;
    margin:0px;
  width: 100%;
  padding-top: 0px;
		padding-right: 0;
  position: fixed;
  background-color: white;
  padding-left: 0;
  z-index: 1;
  }
  #content-box {
  	padding-top: 52px;
  }
#logo {
  float: left;
  height: 36px;
  width: calc(100% - 16px);
  padding-top: 0px;
  text-align: left;
  margin-left: 16px;
}
div#logo a {
	font-size: 18px;
	color: black;
	font-weight: bold;
	text-decoration: none;
	line-height: 52px;

}
#content-links p {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  color: white;
  font-size: 15px;
  line-height: 23px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  padding: 0 16px 16px;
}

#content-links h2 {
  font-size: 22px;
  line-height: 28px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  color: white;
  margin: 0;
  padding: 32px 16px 16px;
}
}