/* CSS Document */

/* ***************** 
standard - Hintergrund weiss
*********************/
.section-state10{
}

.section-state10 .maincontent h2:nth-of-type(1){
margin-bottom:0px;
}
.section-state10 .maincontent h2:nth-of-type(2){
color: #EB5A38;
}

.section-state10 .frame-textbutton a,
.section-state10 p a.frame-textbutton,
.section-state10 input.powermail_submit,
#footer .frame-textbutton a,
#footer p a.frame-textbutton,
#footer input.powermail_submit{
    color:#fff;
    background:#EB5A38;
}
.section-state10 .frame-textbutton a:hover,
.section-state10 .frame-textbutton a:active,
.section-state10 p a.frame-textbutton:hover,
.section-state10 p a.frame-textbutton:active,
.section-state10 input.powermail_submit:hover,
#footer .frame-textbutton a:hover,
#footer .frame-textbutton a:active,
#footer p a.frame-textbutton:hover,
#footer p a.frame-textbutton:active,
#footer input.powermail_submit:hover{
background:#333 !important;
color:#fff !important;
}
 .section-state10 .frame-ruler-after,
.section-state10 .frame-ruler-before {
border-color:#ccc;
  }           
/* TEXTLINK */

.section-state10 a {
}

.section-state10 a:hover,
.section-state10 a:active {
}

.section-state10 .frame-ruler-before,
.section-state10 .frame-ruler-after {
border-color:#EB5A38; 
}

/* ***************
Themenseiten
*************** */

/* Themenseiten Museum */
#wrapper.museum .themencontent .frame-teaserbox {
height:auto;
padding-bottom:20px;
margin-bottom:0px;
}
#wrapper.museum .themencontent .frame-teaserbox .ce-gallery:after {
display:none;
}

/* Themenseiten Veranstaltungen */
#wrapper.veranstaltungen .themencontent .frame-teaserbox .ce-gallery:after {
background: -moz-linear-gradient(top,  rgba(254,239,231,0) 0%, rgba(254,239,231,1) 72%, rgba(254,239,231,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,239,231,0) 0%,rgba(254,239,231,1) 72%,rgba(254,239,231,1) 100%);
background: linear-gradient(to bottom,  rgba(254,239,231,0) 0%,rgba(254,239,231,1) 72%,rgba(254,239,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00feefe7', endColorstr='#feefe7',GradientType=0 );
}
/* mehr als 3 in Desctop und 4 in Mobil sollen nicht angezeigt werden, ab 7. ausgeblendet */

#wrapper.veranstaltungen .frame-teaserbox:nth-of-type(7),
#wrapper.veranstaltungen .frame-teaserbox:nth-of-type(8),
#wrapper.veranstaltungen .frame-teaserbox:nth-of-type(9),
#wrapper.veranstaltungen .frame-teaserbox:nth-of-type(10),
#wrapper.veranstaltungen .frame-teaserbox:nth-of-type(11),
#wrapper.veranstaltungen .frame-teaserbox:nth-of-type(12),
#wrapper.veranstaltungen .frame-teaserbox:nth-of-type(13) {
display:none;
}
#wrapper.veranstaltungen .multicolumnLayout2 .column1 h1:nth-of-type(1),
#wrapper.veranstaltungen .multicolumnLayout2 .column1 h1:nth-of-type(3) {
color: #EB5A38;
}
#wrapper.veranstaltungen .multicolumnLayout2 .column1 h1:nth-of-type(1):first-child {
color:#333;
}
#wrapper.veranstaltungen .multicolumnLayout2 .column1 h1:nth-of-type(1) {
margin-bottom:5%;
}
#wrapper.veranstaltungen .multicolumnLayout2 .column1 h1:nth-of-type(2),
#wrapper.veranstaltungen .multicolumnLayout2 .column1 h1:nth-of-type(3) {
font-size:2.7em;
margin-bottom:0px;
}

/* *****************
 gemeinsame styles Erscheinungsbilder 
*********************/

/* Teaserbox Veranstaltungen */
.frame-teaserbox {
position:relative;
width:31%;
float:left;
height:690px;
overflow:hidden;
margin-bottom:2%;
}

.frame-teaserbox .ce-gallery:after {
position: absolute;
z-index:1;
bottom:0px;
width:100%;
content:'';
display: block;
height:50px;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 72%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 72%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
/* Nur Teaserbox mit Seitenmenue */
#c368.frame-teaserbox:nth-of-type(1) .ce-gallery:after {
background:none;
display: none;
}
.frame-teaserbox p:last-child a {
position:absolute;
display:block;
z-index:2;
width:100%;
height:25px;
color:transparent !important;
bottom:0px;
left:0px;
     background-image: url(/fileadmin/museum/templates/images/icon-mehr.png);
    background-repeat: no-repeat;
background-size:23px 23px;
    background-position: left bottom;
    background-attachment: scroll; 
}
.frame-teaserbox:nth-of-type(2),
.frame-teaserbox:nth-of-type(5) {
margin-left:3.5%;
margin-right:3.5%;
}
/* mehr als 6 sollen nicht angezeigt werden, ab 7. ausgeblendet */
.frame-teaserbox:nth-of-type(7),
.frame-teaserbox:nth-of-type(8),
.frame-teaserbox:nth-of-type(9),
.frame-teaserbox:nth-of-type(10),
.frame-teaserbox:nth-of-type(11),
.frame-teaserbox:nth-of-type(12),
.frame-teaserbox:nth-of-type(13),
.frame-teaserbox:nth-of-type(14){
display:none;
}
.frame-teaserbox h2:first-child {
margin-bottom:0px;
}
.frame-teaserbox h2 + h2{
color: #EB5A38;
}
/* Hintergrund hell Oarange */
.frame-hghellrot {
position:relative;
float:left;
clear:left;
background-color: #FEEFE7;
}

/* Erscheinungsbild youtubeplay */
.frame-youtubeplay a:before {
content: '';
position: absolute;
display:block;
width:100%;
height:100%;
background-color: rgba(235,90,56,0);
background-image: url(/fileadmin/museum/templates/images/youtube-button-off.png);
background-repeat: no-repeat;
background-position:center;
transition: background-color 0.5s, background-image 0.5s;
}
.frame-youtubeplay a:hover:before {
content: '';
position: absolute;
display:block;
width:100%;
height:100%;

background-color: rgba(235,90,56,0.5);
background-image: url(/fileadmin/museum/templates/images/youtube-button-on.png);
background-repeat: no-repeat;
background-position:center;
transition: background-color 0.5s, background-image 0.5s;
}
.frame-youtubeplay figcaption {
position:absolute;
width:98%;
top:0px;
color:#fff;
font-size:102%;
padding:5px 1% 3px 1%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-shadow: 0px 1px 3px #000000;
}
/*** Style sf Menue ***/
/* amin style */
.sf-menu, .sf-menu * {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.sf-menu {
float:none;
margin:0 auto !important;
max-width:1200px;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;

	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
left:-220px;
top:0px;
}

.sf-menu a {
	display: block;
	position: relative;
	padding-top:0.5em !important;
	padding-bottom:0.5em !important;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/* spezielle Anpassungen */
.sf-menu {
	float: left;
	margin-bottom: 1em;
	width:100%;
	padding-left: 0%;
}
.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-top: none; /* fallback colour must use full shorthand */
	border-top: none;
	padding-left: 0.75em;
padding-right:0.75em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a,.sf-menu a:visited,.sf-menu a:active a:hover {
color: #fff;
}
.sf-menu ul li a:hover {
color: #fff;
}
.sf-menu li {
text-align:center;
	background: #EB5A38;
	white-space: wrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
line-height:1em;
	background: #444;
-khtml-opacity: 0.9 /* sehr alte Versionen von Mozilla Firefox */ -moz-opacity: 0.9 /* alte Versionen von Mozilla Fireox */ -webkit-opacity: 0.9 /* alte Versionen von Webkit-Browsern */ filter: alpha(opacity=90) /* �ltere Versionen des Internet Explorers inklusive Version 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
opacity: 0.9;
width: auto;
}
.sf-menu ul ul li {
	background: #003466;
-khtml-opacity: 0.9 /* sehr alte Versionen von Mozilla Firefox */ -moz-opacity: 0.9 /* alte Versionen von Mozilla Fireox */ -webkit-opacity: 0.9 /* alte Versionen von Webkit-Browsern */ filter: alpha(opacity=90) /* �ltere Versionen des Internet Explorers inklusive Version 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
opacity: 0.9;
}

 ul.sf-submenu li:first-child {
margin-top:5px;
}
.sf-menu li li a {
border-bottom: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
padding-top:0.5em !important;
padding-bottom:0.5em !important;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #333;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

/* Accordion */
ul.tinyaccordion {
width:100%;
margin:0px !important;
padding:0px !important;
}

ul.tinyaccordion h4 {
width:96%;

float:left;
font-size:1em;
padding:6px !important;
color:#ccc;
font-weight:normal;
text-transform:none;
  padding: .8em 20px 0.8em 20px;
  text-shadow: none;
  margin-top: 0.2%;
  margin-bottom: 1%;
  border: 1px solid #333 !important;
  cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(69,72,77) 0%, rgb(0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(69,72,77) 0%,rgb(0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(69,72,77) 0%,rgb(0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
ul.tinyaccordion h4:hover,
ul.tinyaccordion h4.acc-selected {
text-decoration:none;
color:#fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: rgb(125,126,125); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(125,126,125) 0%, rgb(14,14,14) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(125,126,125) 0%,rgb(14,14,14) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */

}
ul.tinyaccordion h4 span {
display:none;
}
ul.tinyaccordion h4:after {
content: '▼';
float:right;
}
ul.tinyaccordion h4.acc-selected:after {
content: '▲';
float:right;
}
ul.tinyaccordion .frame-default,
ul.tinyaccordion .acc-section{
padding-left:0px !important;
width:100%;
}
ul.tinyaccordion .acc-section {

}
ul.tinyaccordion .acc-section h1 {
display:none;
}