@CHARSET "UTF-8";

@import url(https://proxy.spendino.de/fgap_mirror/css?family=Open+Sans:400italic,700italic,400,700);

#spendinoToolbar, #spendinoToolbar div, #spendinoToolbar span, #spendinoToolbar a, #spendinoToolbar img, #spendinoToolbar p {
	padding: 0px;
	margin: 0px;
	border: 0px none;
	width: auto;
	height: auto;
	background-color: transparent;
	background-image: none;
	background-attachment: scroll;
}

#spendinoToolbar form {
	float: none;
}

#spendinoToolbar, #spendinoToolbar div, #spendinoToolbar span, #spendinoToolbar a, #spendinoToolbar p {
	font-family: "Open Sans", "Sans-Serif";
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	word-spacing: normal;
	letter-spacing: normal;
	color: #000;
	text-indent: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	vertical-align: baseline;
}

#spendinoToolbar div {
	display: block;
}
#spendinoToolbar span {
	display: inline;
}
#spendinoToolbar a {
	display: inline;
}

#spendinoToolbar {
	position: fixed;
	bottom: -560px;
	left: 0px;
	width: 100%;
	height: 555px;
	z-index: 9001;
}

#spendinoToolbarOpener {
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: auto;
	top: auto;
	z-index: 9000;
	max-width: 95%;
	height: 40px;
	margin: 0px 20px 0px auto;
	padding: 0px;
	display: block;
	background-color: #B60D08;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

#spendinoToolbarOpener.left {
	left: 2%;
	right: auto;
}

#spendinoToolbarOpener #spendinoToolbarOpenerLeft {
	/*background: url(../../img/toolbar/lightsilver/tab_left.png) no-repeat top center transparent;*/
	width: 15px;
	height: 40px;
    float: right;
	position: relative;
}

#spendinoToolbarOpener #spendinoToolbarOpenerCenter {
	/*background: url(../../img/toolbar/lightsilver/tab_center.png) repeat-x top center transparent;*/
    float: right;
	padding: 5px 0px 0px 0px;
	height: 40px;
	width: auto;
	position: relative;
	min-width: 150px;
}

#spendinoToolbarOpener #spendinoToolbarOpenerText {
	font-family: "Open Sans", "Sans-Serif";
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 18px;
	color: #FFF;
	height: auto;
	width: auto;
	position: inherit;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}

*:first-child+html #spendinoToolbarOpener #spendinoToolbarOpenerText {
	margin: 10px 0px 0px 0px;
}

#spendinoToolbarOpener #spendinoToolbarOpenerRight {
	/*background: url(../../img/toolbar/lightsilver/tab_right.png) no-repeat top center transparent;*/
	width: 15px;
	height: 40px;
    float: right;
    position: relative;
}

#spendinoToolbar #spendinoToolbarBackground {
	/*background: url(../../img/toolbar/lightsilver/tab_full_bg.png) repeat-x top center transparent;*/
	background-color: #fff;
	width: 100%;
	height: 700px;
	margin: -4px 0px 0px 0px;
    float: left;
	-moz-box-shadow: 0px -2px 2px #333;
	-webkit-box-shadow: 0px -2px 3px #333;
	box-shadow: 0px -2px 2px #333;
    /* For IE 8 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#333333')";*/
    /* For IE 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color='#333333');*/
    /* IE 8 HACK */
    margin: -7px 0px 0px 0px\0/;
}
/* IE7 */
*:first-child+html #spendinoToolbar #spendinoToolbarBackground {
    margin: -2px 0px 0px 0px;
}
#spendinoToolbar #spendinoContainerStep1 {
	height: 120px;
	position: relative;
	background-color: #fff;
	/*background: url(../../img/toolbar/lightsilver/tab_small_bg.png) repeat-x top center transparent;*/
	/* IE8*/
	margin: 5px 0px 0px 0px\0/;
}
#spendinoToolbar #spendinoContainerStep1 .subscriptionModel {
	margin-right: 23px !important;
}

/* IE7 */
*:first-child+html #spendinoToolbar #spendinoContainerStep1 {
    margin: 5px 0px 0px 0px;
}

#spendinoToolbar #spendinoWrapperStep1 {
	height: 90px;
	margin: 20px auto 0px;
}

#spendinoToolbar div.spendinoToolbarModule {
	float: right;
	width: 190px;
	height: 90px;
	margin: 10px 0px 0px 0px;
	position: relative;
}
#spendinoToolbar #spendinoToolbarDonate {
	/*width: 240px;*/
	width: 100%;
}

#spendinoToolbar div.spendinoToolbarModuleTitle {
	font-size: 13px;
	font-weight: bold;
}

#spendinoToolbar div.spendinoToolbarModuleSeparator {
	width: 1px;
	height: 90px;
	background: url(../../img/toolbar/lightsilver/vert_bar.png) repeat-x top center transparent;
	float: right;
}

#spendinoToolbar #spendinoToolbarSpendinoLogo img {
	height: 33px;
	width: 109px;
	margin: 10px 0px 0px 0px;
}

#spendinoToolbar #spendinoToolbarSocialMedia a {
	padding: 0px 1px;
	float: none;
}

#spendinoToolbar #spendinoToolbarSocialMedia img {
	height: 40px;
	width: 40px;
	margin: 10px 5px 0px;
}

#spendinoToolbar #spendinoAddThis {
	margin-left: auto;
	margin-right: auto;
	width: 136px;
	margin: 15px auto 0px auto;
}

#spendinoToolbar #spendinoToolbarShareButtons a {
	padding: 0px 1px;
	height: 32px;
	width: 32px;
	float: left;
}

#spendinoToolbar #spendinoToolbarShareButtons img {
	height: 32px;
	width: 32px;
}

#spendinoToolbar #spendinoAddThis .atclear {
	clear: both;
	width: 100%;
	height: 10px;
}

#spendinoToolbar #spendinoToolbarStampsContainer {
	margin: 0px auto;
	padding: 0px;
}

#spendinoToolbar #spendinoToolbarStampsContainer img {
	margin: 0px auto;
	padding: 1px;
}

#spendinoToolbar #spendinoLogoTooltip {
	top: -140px;
	left: 0px;
	position: absolute;
	width: 300px;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip {
	width: 200px;
}

#spendinoToolbar div.tooltip p {
	text-align: center;
	color: #fff;
	font-size: 11px;
}

#spendinoToolbar div.tooltip a {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.upperLeftTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.upperLeftTooltip {
	width: 4px;
	height: 4px;
	background: url(../../img/tooltip/thick_border/corner_top_left.png) no-repeat left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.upperTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.upperTooltip {
	height: 4px;
	background: url(../../img/tooltip/thick_border/border_top.png) repeat-x left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.upperRightTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.upperRightTooltip {
	width: 4px;
	height: 4px;
	background: url(../../img/tooltip/thick_border/corner_top_right.png) no-repeat left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.leftTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.leftTooltip{
	width: 4px;
	background: url(../../img/tooltip/thick_border/border_left.png) repeat-y left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip div.centerTooltip,
#spendinoToolbar #spendinoLogoTooltip div.centerTooltip {
	background: url(../../img/tooltip/blue_gradient.png) repeat-x left bottom #0564a6;
	float: left;
	font-size: 11px;
	color: #fff;
	padding: 10px;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip div.centerTooltip {
	width: 172px;
}

#spendinoToolbar #spendinoLogoTooltip div.centerTooltip {
	width: 272px;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.rightTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.rightTooltip {
	width: 4px;
	background: url(../../img/tooltip/thick_border/border_right.png) repeat-y left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.lowerLeftTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.lowerLeftTooltip{
	width: 4px;
	height: 4px;
	background: url(../../img/tooltip/thick_border/corner_bottom_left.png) no-repeat left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.lowerTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.lowerTooltip{
	height: 4px;
	background: url(../../img/tooltip/thick_border/border_bottom.png) repeat-x left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip table tr td.lowerRightTooltip,
#spendinoToolbar #spendinoLogoTooltip table tr td.lowerRightTooltip{
	width: 4px;
	height: 4px;
	background: url(../../img/tooltip/thick_border/corner_bottom_right.png) no-repeat left top transparent;
}

#spendinoToolbar #spendinoToolbarStampsContainer div.tooltip div.arrowTooltip {
	width: 30px;
	height: 17px;
	background: url(../../img/tooltip/thick_border/blue_arrow_down.png) no-repeat left top transparent;
	margin: -4px 0px 0px 85px;
	float: left;
	clear: both;
}

#spendinoToolbar #spendinoLogoTooltip div.arrowTooltip {
	width: 30px;
	height: 17px;
	float: left;
	clear: both;
	margin: -4px 0px 0px 55px;
	background: url(../../img/tooltip/thick_border/blue_arrow_down.png) no-repeat left top transparent;
}


#spendinoToolbar #spendinoAmountError {
	display: none;
	background: url(../../img/toolbar/lightsilver/error_bubble_center_arrow.png) no-repeat left top transparent;
	width: 160px;
	/*height: 89px;*/
	position: absolute;
	top: -80px;
	left: 90px;
}

#spendinoToolbar #spendinoAmountError span {
	/*margin: 5px 10px;*/
	padding: 10px;
	color: #fff;
	font-size: 12px;
	display: block;
}

#spendinoToolbar #spendinoAmountContainer div.subscriptionModel {
	float: left;
	margin: 2px 12px -5px 0px;
}
div#spendinoAmountContainer ,
div#spendinoSubscriptionContainer,
div#donationTarget {
	display: inline;
	position: relative;
}
div#spendinoSubscriptionContainer span,
div#donationTarget span {
	margin: 0 10px;
}
#spendinoToolbar #spendinoToolbarDonate #campaign {
	width: 250px;
}
div#spendinoAmountContainer label,
div#spendinoSubscriptionContainer label,
div#donationTarget label {
	/*display: block;*/
	/*float: left;*/
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
#spendinoToolbar #spendinoToolbarDonate #spendinoSpendenButton {
	font-weight: bold;
	margin-left: 10px;
}

#spendinoToolbar #spendinoSubscriptionContainer select,
#spendinoToolbar #spendinoToolbarDonate select,
#spendinoToolbar #spendinoToolbarSMS select,
#spendinoToolbar #spendinoToolbarDonate input[type=text] {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background-color: #fff;
    border-radius: 5px;
    border: 2px solid #333333;
    margin: 0px 15px;
    padding: 0px;
	font-family: "Open Sans", "Sans-Serif";
	/*font-family: Verdana, Geneva, sans-serif;*/
    font-size: 18px;
    font-weight: bold;
    height: 32px;
    color: #000;
	text-indent: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	word-spacing: normal;
	letter-spacing: normal;
	vertical-align: baseline;
    display: inline;
    float: none;
}

#spendinoToolbar #spendinoToolbarDonate select,
#spendinoToolbar #spendinoToolbarSMS select {
    width: 150px;
}

#spendinoToolbar #spendinoToolbarDonate input[type=text] {
    width: 130px;
    /*height: 22px;*/
}
#spendinoToolbar #spendinoToolbarDonate input#userAmount {
	margin-right: 0;
}

#spendinoToolbar #spendinoToolbarDonate #spanAmount {
	font-size: 22px;
	color: #000;
	padding-right: 15px;
}

#spendinoToolbar #spendinoToolbarDonate input[type=button],
#spendinoToolbar #spendinoSMSButton {
	/*background: url(../../img/toolbar/lightsilver/button_up.png) no-repeat top center transparent;*/
	background-color: #B60D08;
	border-radius: 8px;
    border: 0px none;
    width: 156px;
    height: 36px;
	font-family: "Open Sans", "Sans-Serif";
	/*font-family: Verdana, Geneva, sans-serif;*/
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
	text-indent: 0;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	word-spacing: normal;
	letter-spacing: normal;
	vertical-align: baseline;
    margin: 10px auto 0px;
    padding: 0px;
	cursor: pointer;
	float: none;
}

#spendinoToolbar #spendinoSMSButton {
	font-size: 12px;
}

#spendinoToolbar #spendinoToolbarDonate input[type=button]:hover {
	/*background: url(../../img/toolbar/lightsilver/button_over.png) no-repeat top center transparent;*/
}

#spendinoToolbar #spendinoContainerStep2 {
	height: 555px;
	width: 685px;
	margin: 5px auto 0px;
	position: relative;
}

#spendinoToolbar #spendinoToolbarIframeWrapper {
	width: 532px;
	height: 550px;
	float: left;
}

/** FRAME **/
#spendinoToolbar #spendinoToolbarIframeTopFrame {
	width: 532px;
	height: 18px;
	float: left;
	clear: both;
	/*background: url(../../img/toolbar/lightsilver/iframe_top_bg.png) no-repeat top center transparent;*/
}

#spendinoToolbar #spendinoToolbarIframeLeftFrame {
	width: 6px;
	height: 590px;
	float: left;
	/*background: url(../../img/toolbar/lightsilver/iframe_left_bg.png) repeat-y top center transparent;*/
}

#spendinoToolbar #spendinoToolbarIframe {
	float: left;
	border: 0px none;
	margin: 0px;
}

#spendinoToolbar #spendinoToolbarIframeRightFrame {
	width: 6px;
	height: 590px;
	float: left;
	/*background: url(../../img/toolbar/lightsilver/iframe_right_bg.png) repeat-y top center transparent;*/
	clear:right;
}

#spendinoToolbar #spendinoToolbarIframeBottomFrame {
	width: 532px;
	height: 18px;
	/*background: url(../../img/toolbar/lightsilver/iframe_bottom_bg.png) no-repeat top center transparent;*/
	float: left;
	clear: both;
}

#spendinoToolbar #spendinoToolbarSecurityColumn {
	float: left;
	width: 145px;
	height: 600px;
}

#spendinoToolbar div.spendinoToolbarLogoRightColumn {
	min-height: 100px;
	margin: 10px 0px 0px 0px;
	float: none;
	clear: both;
}

#spendinoToolbar div.spendinoToolbarLogoRightColumn img {
	display: block;
	margin: 0px auto;
}

#spendinoToolbar div.spendinoToolbarLogoRightColumn span {
	font-size: 11px;
	font-weight: normal;
}

#spendinoToolbar #spendinoToolbarSMSWrapper {
	width: 640px;
	margin: 5px auto;
}

#spendinoToolbar #spendinoToolbarSMSWrapper #spendinoToolbarSMSTop {
	width: 640px;
	float: left;
	clear: both;
	height: 18px;
	/*background: url(../../img/toolbar/lightsilver/sms_top_bg.png) no-repeat top center transparent;*/
}

#spendinoToolbar #spendinoToolbarSMSWrapper #spendinoToolbarSMSLeft {
	float: left;
	width: 6px;
	height: 260px;
	/*background: url(../../img/toolbar/lightsilver/iframe_left_bg.png) repeat-y top center transparent;*/
}

#spendinoToolbar #spendinoToolbarSMSWrapper #spendinoToolbarSMSImage {
	width: 288px;
	height: 260px;
	background-color: #fff;
	float: left;
}

#spendinoToolbar #spendinoToolbarSMSWrapper #spendinoToolbarSMSText {
	width: 340px;
	height: 260px;
	background-color: #fff;
	float: left;
	line-height: 1.4em;
	padding: 0px;
	font-size: 13px;
}

#spendinoToolbar #spendinoToolbarSMSWrapper #spendinoToolbarSMSText img {
	width: 200px;
	margin: 0px auto;
	display: block;
}

#spendinoToolbar #spendinoToolbarSMSWrapper #spendinoToolbarSMSRight {
	float: left;
	clear: right;
	width: 6px;
	height: 260px;
	/*background: url(../../img/toolbar/lightsilver/iframe_right_bg.png) repeat-y top center transparent;*/
}

#spendinoToolbar #spendinoToolbarSMSWrapper #spendinoToolbarSMSBottom {
	float: left;
	clear: both;
	width: 640px;
	height: 18px;
	/*background: url(../../img/toolbar/lightsilver/sms_bottom_bg.png) no-repeat top center transparent;*/
}

#spendinoToolbar #spendinoToolbarSMSWrapper .smsHighlighted {
    font-size: 20px;
    color: #008800;
}

#spendinoToolbar #spendinoToolbarSMSWrapper div.smsLittleText {
	margin: 20px auto 0px;
}
#spendinoToolbar #spendinoToolbarSMSWrapper div.smsLittleText,
#spendinoToolbar #spendinoToolbarSMSWrapper div.smsLittleText * {
	font-size: 9px;
}

#spendinoToolbar div#breaker {
	display: inline;
}
#spendinoToolbar label {
	display: inline;
}
@media screen and (max-width:1024px) {
	#spendinoToolbar div#breaker {
		display: block;
	}
	#spendinoToolbar div#spendinoToolbarDonate {
		margin-top: -8px !important;
	}
}