/* @override 
	http://imac:8888/stadtmuseum_2014/stadtmuseum/templates/rt_vermilion/css/stm-seiten.css
	http://localhost:8888/stadtmuseum_2014/stadtmuseum/templates/rt_vermilion/css/stm-seiten.css
	http://stadtmuseum.kultur-schleswig.de/templates/rt_vermilion/css/stm-seiten.css
	http://localhost:8888/stadtmuseum_2015/templates/rt_vermilion/css/stm-seiten.css
	http://www.stadtmuseum-schleswig.de/templates/rt_vermilion/css/stm-seiten.css */

/*div#rt-utility  a.social-button.rt-social-button-1
 {display: none;}*/
 
 div#rt-showcase h2.title span {
 	color: #df382d;
 }
 
 .menu-aktuell-im-stadtmuseum div#rt-feature div.rt-block.stm-grau {
 	padding: 35px;
 }
 
 div#rt-mainbody div.component-content section.blog-featured div.items-row.cols-1.row-0 article.item.column-1 p.readmore a span.aktuell-tag {
 	display: none;
 }
 
div#rt-feature .gdt h4.sprocket-strips-s-title {
	font: 24px/28px 'roboto_slablight',serif;
	font-style: normal;
	font-weight: 300;
	color: #df382d;
}
 
@media only screen and (max-width: 768px) {
	.menu-aktuell-im-stadtmuseum #rt-feature {
		
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	.sprocket-strips-s-container .sprocket-strips-s-block {width: 100% !important;}
}

.gdt div.module-surround div.module-content div.sprocket-strips-s {
	margin-top: 20px;
}

#rt-showcase {
	background:  white;
	/*color: white;*/
	
}

#rt-showcase h2 {
color: white!important;
}
.hinweis {
	background-color: #d53f2a!important;
	font: 1.1em/25px 'roboto_slablight',serif;
	padding-left: 20px;
	padding-right: 20px;
	font-style: normal;

}



/* Hinweis Archiv*/
 
body[class*="menu-archiv-"] article.item h2:before {
 	content: 'Archiv';
 	display: inline-block;
 	color: White;
 	background: #2c3945;
 	font-size: 18px;
 	line-height: 27px;
 	padding-right: 8px;
 	padding-left: 8px;
 	position: absolute;
 	bottom: -57px;
 	z-index: 10;
 	left: -10px;
 }
 
/* Pop up gallery*/
.rl-gallery {
	overflow: hidden;
}

.rl-gallery a.modal_link.rl_modals_element  {
width: 50%;float: left;
}

/*Hinweis TAG*/
h2 {
	position: relative;
	}

span.aktuell-tag {
	display: inline-block;
	color: White;
	background: url('../images/bg.jpg') left top no-repeat #d40001;
	font-size: 18px;
	line-height: 27px;
	padding-right: 8px;
	padding-left: 8px;
	position: absolute;
	bottom: -57px;
	z-index: 10;
	left: -10px;
}
 
/* Hinweis aktuell im Jahresprogramm*/
 
div#rt-mainbody div.aktuelle-ausstellung.stm-grau { 
	padding: 15px;
}

div#rt-mainbody div.aktuelle-ausstellung.stm-grau  p.img_caption {
	border-bottom-color: #ccd0d4;
}
/* Hinweis sidebar rot*/
 
 .wichtig-sidebar,
  .wichtig-sidebar h2 {
 	color: white!important;
 }
 
 .wichtig-sidebar:after {
 	background-color: #df382e !important;
 }
 
 #stm .wichtig-sidebar .module-content figcaption {
 	border-bottom-color: #bf3029;
 }

button#cookiehintsubmit.btn  {
	background-color: #df382e !important;
	background-image: none!important;
	color: 	red;
}

div#redim-cookiehint {
	background-color: #374654;

}
	
/*Kalender Hinweis*/

div#rt-sidebar-a div.rt-block.nopaddingbottom.nomarginbottom div.module-surround div.module-content {
	min-height: 50px;
}
	
	
.menu-teddy-baer-haus	.dont-show-on-menu-teddy-baer-haus {
	display: none;
}

#login-form div.logout-button input.btn.btn-primary {
	margin-top: 15px;
}
	

#rt-header li.item177.parent div.stm-menu-wrapper.spalte-2 {
	width: 50%;
	padding-left: 35px;
	box-sizing: border-box;
}
	
/*Weinfest*/

#stm .info {
	background-color: #f8f9f8 !important;
	background-image: none;
	color: #7f777c;
	font-weight: normal;
}

.menu-fotowettbewerb-auf-den-spuren-von-art-wolfe #rt-sidebar-a  div.module-content div.custom h3  {
	margin-bottom: 5px;
}

.menu-fotowettbewerb-auf-den-spuren-von-art-wolfe #rt-sidebar-a  div.module-content div.custom h3 + p  {
	margin-top: 10px;
}

#stm .info h3 {
	margin-top: 15px;
	margin-bottom: 0;
}

#stm .info p {
	margin-bottom: 5px;
	margin-top: 5px;
}

.weinfest-teaser img {
	float: left;
	width: 50%;
}

@media (max-width: 767px) {

	.weinfest-teaser img{
		float: none;
		width: 100%;
	}

}

/*#rt-sidebar-a  li.rme-item:nth-child(n+8) {
	display: none;
}*/


/*Lieblingsstücke*/

ul.category-module {
	padding-left: 0;
	font-family: 'roboto_slablight', serif;
	font-style: normal;
	font-weight: 300;
	color: #2d3845;
	font-size: 18px;
	margin-bottom: 0;
}

ul.category-module li {
	background: #f4f4f4;
	border-style: none;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
}

ul.category-module li a {
	color: #2d3845;
}

ul.category-module li a:hover {
	color: #df382d;
	text-decoration: none!important;
}

ul.category-module li a:active {
	color: #2d3845;
	text-decoration: none!important;
}

ul.category-module li:last-child {
	margin-bottom: 0;
}



.menu-lieblingsstuecke #rt-mainbody div.component-content figure img {
	float: left !important;
	max-width: 50%;
	margin-right: -50%;
}

.menu-lieblingsstuecke #rt-mainbody div.component-content figure figcaption  {
	float: left !important;
	margin-left: 50%;
	text-align: left;
	padding-left: 15px;
	font-size: 14px;
	line-height: 18px;
}

.menu-lieblingsstuecke #rt-mainbody div.component-content figure {
	overflow: hidden;
	background-color: #f7f9f7;
	padding: 10px;
}

/*toggle verbergen*/

.menu-museum-fuer-outsiderkunst #rt-top .rt-omega span,
.menu-das-holm-museum #rt-top .rt-omega span {
	display: none !important;
}

/*Startseite*/

body#stm.view-article.menu-aktuell-im-stadtmuseum div#rt-feature,
body#stm.view-article.menu-aktuell-im-stadtmuseum div#rt-showcase {
	display: none;
}


#rt-feature, #rt-main, #rt-maintop, #rt-bottom,#rt-footer, #rt-expandedbottom   {
	margin-bottom: 20px;
}


#rt-main-surround {
	background: transparent;
}

#rt-main {
	background: white;
}


/* Seitenspalte grau */

div#weather1.gkwMain.horizontal {
	
}

#rt-sidebar-a div.rt-block + div.rt-block {
	border-top: 10px solid white;
	margin-top: -5px;
}

#rt-sidebar-a div.rt-block {
	background-color: #f0f2f3;
	position: relative;
	z-index: 0;
}

#rt-sidebar-a div.rt-block::after {
	content: '';
	display: block;
	width: 100%;
	height: 9000px;
	background-color: #f9f9f9;
	
	position: absolute;
	top: 0;
	z-index: -1;
	left: 0;
}

#rt-main div.rt-container {
	overflow: hidden;
}

#rt-main {
	overflow: hidden;
	padding-bottom: 10px;
}

/*____________Stripslayout 01 cards*/

#stm .sprocket-strips-c-container {
	margin-right: 0;
	margin-left: 0;
}

#stm .sprocket-strips-c-block {
	margin-right: 0;float: left;
}

#stm  img.sprocket-strips-c-image {
	border-style: none;

}

#stm .sprocket-strips-c-block:nth-child(odd) .sprocket-strips-c-item {
		background-color: #d50000;
}

#stm .sprocket-strips-c-block:nth-child(even) .sprocket-strips-c-item {
		background-color: #b60000;
}

#stm .sprocket-strips-c-block .sprocket-strips-c-item {
		color: white;
}

#stm .sprocket-strips-c-block .sprocket-strips-c-item h4 a,
#stm .sprocket-strips-c-block .sprocket-strips-c-item h4 {
		color: white;
	margin-bottom: 0;
}

#stm div.sprocket-strips-c-extended-info span.sprocket-strips-c-text {
	padding-top: 10px;
}

/*____________Stripslayout 02 seperated*/

span.sprocket-strips-s-text {
	line-height: 21px;
}

/*Styling S-Forum-Chronik*/

.chronik-s-foto-forum h3 {
	margin-bottom: 0;
	margin-top: 15px;
}

.chronik-s-foto-forum p {
	margin-bottom: 0;
	margin-top: 10px;
}

.menu-chronik  article h3 {
	background-color: #f2f3f2;
	display: block;
	padding: 5px 0 5px 8px;
}


/* Styling Tarife */

div.tarife div {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #f8f9f8;
	position: relative;
	width: 100%;
	z-index: 0;
}

div.tarife span {
	display: inline-block;
	width: 80%;
	padding-left: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-right: 10px;
}	

div.tarife span + span {
	display: inline-block;
	width: 20%;
	text-align: center;
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

div.tarife span + span:after {
	content: '';
	display: block;
	position: absolute;
	background-color: #efefef;
	width: 20%;
	top: 0;
	bottom: 0;
	right: 0;
	z-index:-1;
}

/* Im Museumshop */

.menu-im-museumsshop .items-row {
	display: none;
}

#stm .sprocket-grids-b-item.panel-color {
	background-color: #f7f9f7;
}

#stm .sprocket-grids-b-text {
	color: #6d6e6d;
}

@media only screen and (max-width: 767px) {

	ul.sprocket-grids-b-container li {
		width: 100%;
	}
	
	#stm .sprocket-grids-b-info, 
	#stm .sprocket-grids-b-text {
		display: block;
		text-align: left;
	}

	#stm h2.sprocket-grids-b-title {
		text-align: left;
	}
}

/*Newsletteranmeldung*/

#stm .Newsletter legend {
	display: none;
}

#stm .Newsletter li.rsform-block div.formBody,
#stm .Newsletter li.rsform-block {
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;

}

.Newsletter form#userForm {
	margin-bottom: 0;
}

#stm li.rsform-block.rsform-block-abmeldung {
	margin-bottom: 0!important;
}

#userForm fieldset.formFieldset {
	margin-bottom: 0;
}

.rsform-block-captcha div.formBody a {
	display: block;
}

#stm .Newsletter li.rsform-block {
	margin-bottom: 10px;
}

.Newsletter div.formBody img {
	margin-right: 20px;
}

#stm .Newsletter input {
	width: 100%;
	background-image: none;
	height: auto;
	padding: 10px;
	font-family: lato, Verdana, Helvetica, Arial, sans-serif;
}

.Newsletter input.rsform-reset-button,
.Newsletter input.rsform-submit-button {
	float: none!important;
	display: inline-block!important;
	width: 49%!important;
	margin-top: 0;
}

.Newsletter li.rsform-block-send div.formBody {
	text-align: justify!important;
	display: block;
	width: 100%;
}

.Newsletter input.rsform-submit-button {
	background-color: #df382d!important;
	
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
}

.Newsletter input.rsform-submit-button:hover {
	background-color: #bd271d !important;
}


.Newsletter li.rsform-block-send div.formBody:after {
	content: "";
	display: inline-block!important;
	width: 100%;
	height: 0!important;}


.Newsletter li.rsform-block-send div.formBody * {
	display: inline-block;
}

.Newsletter li.rsform-block-send div.formBody  {
	margin-bottom: 0;
}

li.rsform-block-send {
	margin-bottom: 0!important;
}


button.uk-button.stm-close,
button.uk-button.stm-open {
	padding: 10px 12px!important;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: 1px solid 
	transparent;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: 1px solid 
	transparent;
	border-radius: 3px;
	border-radius: 3px;
	color: 
	#ffffff !important;
	background-color: 
	#df392e !important;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: 1px solid 
	transparent;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	border: 1px solid 
	transparent;
	border-radius: 3px;
	border-radius: 3px;
	color: 
	#ffffff !important;
	background-color: 
	#df392e !important;
	display: inline-block;
	padding: 15px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	border: 2px solid 
	transparent;
	background-image: none;
	text-shadow: none;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	margin-bottom: 10px;
}
	
button.uk-button.stm-close:hover,
button.uk-button.stm-open:hover {
	background-color: #bd271d !important;
}


#stm .nav.nav-tabs.nav-stacked {
	margin-left: 0;
	padding-left: 0;
}

#rt-mainbody div.component-content article.item-page ul.actions {
	float: none;
	padding-left: 0;
}

#stm .actions .print-icon a:before {
	margin-left: 0;
	margin-right: 5px;
}

#stm .actions .print-icon a {
	margin-left: 0;
}

/*.component-content .content-links, 
.component-content actions {
	display: none !important;
}*/

@media print {
html, body {
	background: white !important;
}

.content-links, actions {
	display: none !important;
}
}