/* spenden teaser allgemein */
/* .buehneTeaser momentan display: none durch feoptimize.css */
.m_spende {
	display: block;
}
.m_spende div.value {
	height: 40px;
	margin-right: 3px;
	border: 1px solid #B0AFAF;
	background: #f9f9f9;
}
.m_spende input.value,
.m_spende .currency {
	display: block;
	float: left;
	margin-top: 2px;
	height: 38px;
	line-height: 37px;
	text-align: center;
	border: none;
	background: none;
	overflow: hidden;
}
.m_spende input.value {
	margin: 0;
	padding: 0;
	font-size: 36px;
	line-height: 38px;
	font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
	color: #191a1a;
}
.m_spende .currency {
	width: 60px;
	color: #747474;
	font-size: 16px;
	font-family: TradeGothicCondensedBold, Helvetica, Arial, sans-serif;
	border-left: 1px solid #b0afaf;
}
.m_spende input.submit {
	float: none;
	margin: 0;
}
.m_spende a.arrow {
	position: absolute;
	display: block;
	left: 12px;
	width: 17px;
	height: 10px;
	text-indent: -9999em;
	background: url(../../templates/img/st/sprites-arrows.png) no-repeat;
}
.m_spende a.up {
	top: 8px;
	background-position: -22px -4px;
}
.m_spende a.up:hover {
	background-position: -22px -43px;
}
.m_spende a.down {
	bottom: 8px;
	background-position: -22px -21px;
}
.m_spende a.down:hover {
	background-position: -22px -60px;
}

/* spenden teaser banderole footer */
.m_spende_fix {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
    z-index:50;
	width: 100%;
	height: 50px;

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1NWIxNSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE1NWIxNSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(21,91,21,0.8) 0%, rgba(21,91,21,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,91,21,0.8)), color-stop(100%,rgba(21,91,21,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(21,91,21,0.8) 0%,rgba(21,91,21,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(21,91,21,0.8) 0%,rgba(21,91,21,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(21,91,21,0.8) 0%,rgba(21,91,21,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(21,91,21,0.8) 0%,rgba(21,91,21,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc155b15', endColorstr='#cc155b15', GradientType=0); /* IE6-8 */
}
.m_spende_fix .inside {
	position: relative;
	width: 950px;
	text-align: left;
	margin: auto;
	overflow: hidden;
}
.m_spende_fix h2,
.m_spende_fix div.input {
	position: relative;
	float: left;
	margin-top: 4px;
}
.m_spende_fix div.value {
	width: 181px;
}
.m_spende_fix h2 {
	margin: 0 25px 0 0;
	line-height: 50px;
	text-align: right;
        color:#fff !important;
}
.m_spende_fix input.value {
	width: 82px;
	padding-left: 28px;
}
.m_spende_fix .currency {
	width: 70px;
}
.m_spende_fix input.submit {
	width: 180px;
	font-size: 20px;
}
.m_spende_fix div.close {
	padding: 17px 0 0 32px;
}
.m_spende_fix a.close {
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -9999em;
	background: url(../../templates/img/st/close-white.png) no-repeat 0 0;
}

/* spenden teaser klein buehne */
.buehneTeaser.m_spende_s {
/*	top: auto; */
	bottom: 115px;
	width: 263px;
}
.buehneTeaser .inside,.buehneTeaser a  {
	z-index:30;
}
.buehneTeaser.m_spende_s .inside {
    position:absolute;
    top:220px;
    left:0;
}
.buehneTeaser.m_spende_s .anker {
    margin-bottom: 79px;
}
.m_spende_s div.input {
	position: relative;
	float: left;
}
.m_spende_s div.value {
	width: 151px;
}
.m_spende_s input.value {
	width: 66px;
	padding-left: 23px;
}
.m_spende_s input.submit {
	width: 107px;
	font-size: 16px;
}
.m_spende_s a.arrow {
	left: 5px;
}

/* spenden teaser gross buehne */
.buehneTeaser.m_spende_xl {
	top: auto;
	bottom: 115px;
	bottom: 65px;
	width: 488px;
	height: 100px;
}
.m_spende_xl div.input {
	position: relative;
	float: left;
}
.m_spende_xl div.slider {
	width: 488px;
	margin-bottom: 32px;
}
.m_spende_xl .ui-slider-wrapper {
	width: 488px;
	padding-right: 0;
	margin-right: 0;
}
.m_spende_xl .ui-slider-handle {
	background: url(../../templates/img/st/bg-slider-black.png);
	border: 0;
}
.m_spende_xl div.value,
.m_spende_xl div.rhythm {
	margin-right: 5px;
}

.m_spende_xl .currency{
	height: 35px;
	line-height: 35px;
}
.m_spende_xl div.value {
	width: 157px;
	margin-left: 0;

	height: 40px;
}
.m_spende_xl input.value {
	width: 89px;
}
.m_spende_xl div.value,
.m_spende_xl div.rhythm,
.m_spende_xl div.submit {
	posiiton: relative;
	left:31px;
}
.m_spende_xl div.rhythm {
	width: 132px;
}
#buehne .m_spende_xl ul.sbOptions,
#buehne .m_spende_xl ul.sbOptions li {
	width: 130px;
	text-align: left;
	margin: 0;
}
#buehne .m_spende_xl ul.sbOptions {
	top: 46px !important;
	z-index: 20;
}
.m_spende_xl .sbSelector {
	width: 142px;
	text-align: left;
}
.m_spende_xl .sbHolder {
	width: 102px;
	height: 46px;
	border: 1px solid #B0AFAF;
}
.m_spende_xl input.submit {
	width: 136px;
	font-size: 16px;
}


.m_spende_fix_konto {
	float: left;
	color: #fff;
	padding-top: 5px;
	width: 250px;
	height: 38px;
	font-size: 20px;
	line-height: 20px;
	font-family: TradeGothicCondensedBold,Helvetica,Arial,sans-serif;
}

.m_spende_fix div.input {
	margin-right: 10px;
}
.m_spende_fix div.close {
	margin-right: 0;
}


.m_spende_fix input.submit {
	background: url('../img/btn_bg_pink.gif') top center;
	background-size:auto;
	outline: 1px solid #7d2a53;
	border: 1px solid #f286dc;
	border: 1px solid rgba(255, 255, 255, 0.5);
	text-shadow: 0px 1px 1px #3b3b3b;
	filter: dropshadow(color=#3b3b3b, offx=0, offy=1);
	text-transform: none;
	width: 178px;
	font-size: 24px;
	margin-right: 10px;
	height: 40px;
	line-height: 38px;
	margin-top: 1px;
}

.m_spende_fix div.close {
	padding: 2px 0 0 5px;
}

#buehneCenter form .sbToggle {
	background: url("../img/select-icons_spenden_buehne.png") no-repeat scroll 6px -118px transparent;
	left: 95px;
}

#buehneCenter form a.sbSelector {
	left: 10px;
	height: 40px;
	line-height: 40px;
	color: #747474;
	text-transform: lowercase;
}

#buehneCenter  .m_spende_xl  .sbHolder {
	height:40px;
	line-height: 38px;
}

#buehneCenter .m_spende_xl ul.sbOptions {
	top: 38px !important;
}

#buehneCenter form .sbOptions li.sbActive {
	background: url("../img/projects/projectsSprite.png") no-repeat scroll 100px -134px transparent;
}

#buehneCenter form .sbOptions li {
	padding: 6px 0 6px 10px;
	height: 19px;
	line-height: 19px;
	width: 142px;
}

#buehneCenter form .sbOptions li a{
	height: 19px;
	line-height: 19px;
	width: 120px;
	color: #747474;
	text-transform: lowercase;
}
/*
#main .m_spende_xl input.submit {
	background: url("../img/btn_bg_pink.gif") repeat scroll center top transparent;
	border: 1px solid rgba(255, 255, 255, 0.5);
	font-size: 24px;
	height: 39px;
	line-height: 39px;
	margin-right: 10px;
	margin-top: 2px;
	outline: 1px solid #7D2A53;
	text-shadow: 0 1px 1px #3B3B3B;
	width: 178px;
}
*/

#main .m_spende_xl input.submit {
	background: url("../img/buttonsNew/btn_pink_no.gif") no-repeat scroll 0 0 / 100% 100% transparent;
	border: medium none;
	color: #FFFFFF;
	font-size: 24px;
	height: 42px;
	line-height: 38px;
	margin-right: 10px;
	text-shadow: 0 1px 1px #3B3B3B;
	text-transform: none;
	width: 178px;
}

#main .m_spende_fix input.submit {
	background: url("../img/buttonsNew/btn_pink_no.gif") no-repeat scroll 0 0 / 100% 100% transparent;
	border: medium none;
	color: #FFFFFF;
	font-size: 24px;
	height: 42px;
	line-height: 38px;
	text-shadow: 0 1px 1px #3B3B3B;
	text-transform: none;
	width: 178px;
}


.buehneTeaser.m_spende_xl {
	width: 550px;
}

#main  .ui-slider-handle {
	background: url("../img/btn_slider.png") repeat scroll 0 0 transparent;
	z-index: 100;
	height: 35px;
}

.ui-slider-range {
	float: left;
	-webkit-box-shadow: inset 0px 0px 0px 1px #e669bd;
	box-shadow: inset 0px 0px 0px 1px #e669bd;
	background: url('../img/sl_bg_pink.jpg') repeat-x #c12f5c; /* Old browsers */
	background: -moz-linear-gradient(top, #c12f5c 0%, #7db9e8 0%, #db51a0 0%, #db51a0 39%, #d64a92 49%, #ce407e 52%, #c12f5c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c12f5c), color-stop(0%,#7db9e8), color-stop(0%,#db51a0), color-stop(39%,#db51a0), color-stop(49%,#d64a92), color-stop(52%,#ce407e), color-stop(100%,#c12f5c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c12f5c 0%,#7db9e8 0%,#db51a0 0%,#db51a0 39%,#d64a92 49%,#ce407e 52%,#c12f5c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c12f5c 0%,#7db9e8 0%,#db51a0 0%,#db51a0 39%,#d64a92 49%,#ce407e 52%,#c12f5c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c12f5c 0%,#7db9e8 0%,#db51a0 0%,#db51a0 39%,#d64a92 49%,#ce407e 52%,#c12f5c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c12f5c 0%,#7db9e8 0%,#db51a0 0%,#db51a0 39%,#d64a92 49%,#ce407e 52%,#c12f5c 100%); /* W3C */
	border: 1px solid #a0366a;
	-webkit-border-radius: 4px;
	height: 12px;
	border-radius: 4px;
}

.ui-widget-content{
	height: 12px;
	background: url('../img/sl_bg_white.jpg') repeat-x #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 45%, #dadada 50%, #cccccc 51%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(45%,#e8e8e8), color-stop(50%,#dadada), color-stop(51%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e8e8e8 0%,#e8e8e8 45%,#dadada 50%,#cccccc 51%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e8e8e8 0%,#e8e8e8 45%,#dadada 50%,#cccccc 51%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e8e8e8 0%,#e8e8e8 45%,#dadada 50%,#cccccc 51%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e8e8e8 0%,#e8e8e8 45%,#dadada 50%,#cccccc 51%,#cccccc 100%); /* W3C */
	border: none;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	z-index:10;

}

#main form .ui-slider-wrapper {
	border: none;
	background: none;
	position: relative;
	height: 8px;

	z-index:10;

}
#buehneCenter .ui-slider-wrapper {
	width: 530px;
}
#buehneCenter .m_spende_xl div.slider {
	width: 530px;
}

#main form .ui-slider-wrapper {
	left: 5px;
	margin-right: 25px;

}
#main .step-1 .descr {
	padding-left: 300px;
}
#buehneCenter .teaser_s {
	left: 213px;
}

.spenden form legend,
.spenden form h1 {
    font-size: 30px;
    line-height: 30px;
    margin: 0;
    padding-bottom: 10px;
}

.spenden #container .descr {
	padding-left: 293px;
}

.spenden form label.w60 {
	width: 279px;
}
.step-1 #target {
	border: 1px solid #B0AFAF;
}
