.w-container {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f2f2f2 0px, #d6d6d6 100%) repeat scroll 0 0;
	border: 1px solid #949494;
	cursor: pointer;
	height: 38px;
	line-height: 22px;
	padding: 8px;
	width: 100%;
}

.w-container-inner {
	line-height: 22px;
	position: relative;
	display: block;
}

.w-container-state {
	float: left;
}

.w-container span.icon-arrows {
	float: right;
}

.flag-usa {
	background-position: -108px -152px;
	width: 24px;
	height: 14px;
}

.flag-europe {
	background-position: -273px -67px;
	width: 24px;
	height: 14px;
}

/*.icon-flags {
	background-image: url(/Images-waehrungsrechner/spriteCountryFlags.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}*/

input.w-input {
	color: #575756;
	height: 37px;
	width: 100%;
	border: 1px solid #c0c0c0;
	padding: 0 8px;
}

input.w-output {
	color: #575756;
	height: 37px;
	width: 100%;
	background: #ddd none repeat scroll 0 0;
	border: 1px solid #0c5798;
	padding: 0 8px;
}

.w-button {
	font-size: 16.33px;
	font-weight: 700;
	line-height: 37px;
	padding: 0;
	text-align: center;
	width: 100%;
	border-radius: 3px;
	color: white;
	cursor: pointer;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #2c8d0a 0px, #080 100%) repeat scroll 0 0;
	display: block;
}

	.w-button:hover {
		text-decoration: none;
		color: white;
	}

.w-container-1 {
	display: block;
	position: absolute;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	z-index: 10;
	width: 90%;
	height: 200px;
	overflow: scroll;
}

.w-container-headline {
	font-weight: bold;
	padding: 4px;
}

.w-container-state-dd {
	padding: 6px;
}

.drop-down ul {
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 0;
	text-align: left;
	background-color: #0c5798;
	z-index: 10;
}

.drop-down:hover ul {
	display: block;
	color: #FFFFFF;
}

.drop-down ul li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

	.drop-down ul li a {
		color: #FFFFFF;
	}

		.drop-down ul li a:hover {
			text-decoration: none;
		}

.drop-up ul {
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 18px;
	right: 0;
	text-align: left;
	background-color: #0c5798;
	z-index: 10;
}

.drop-up:hover ul {
	display: block;
	color: #FFFFFF;
}

.drop-up ul li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

	.drop-up ul li a {
		color: #FFFFFF;
	}

		.drop-up ul li a:hover {
			text-decoration: none;
		}

.table > tbody > tr > td {
	padding: 7px;
}

.slide-nav {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	height: 31px;
}

.scroller {
	position: absolute !important;
	top: 0px;
	background: none !important;
	right: 0px;
	z-index: 10;
	float: right;
	width: 57px !important;
	left: auto !important;
}

.slide-nav-right {
	float: right;
}

.slide-nav-left {
	float: left;
}

.active-scroller a,
.active-scroller:hover a {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0c5798 0px, #2c78b9 100%) repeat scroll 0 0;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0c5798, endColorstr=#2c78b9);
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#0c5798, endColorstr=#2c78b9)";
	color: #FFFFFF !important;
}

th.content-small.no-border {
	background: url(/images//sprite_x.png) repeat-x -0px -280px;
	border-bottom: 1px solid #D6D6D6;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
}

td.border-right {
	vertical-align: top;
	border-right: 1px solid #D6D6D6;
}

.table #currency-converter-calendar-table {
	width: 149px;
}

.signin-button, .signup-button {
	height: 35px;
	text-transform: uppercase;
	color: white;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
	letter-spacing: 1.5pt;
	font-family: Open Sans,sans-serif;
	cursor: pointer;
}

.signup-button {
	background-color: #004E92;
}

.icon-change-blue {
	background-image: url(/images/sprite2x.png);
	background-size: 800px 600px;
	background-position: -103px -18px;
	width: 36px;
	height: 47px;
	margin-bottom: 25px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.icon-change-currency {
	width: 47px;
	height: 37px;
	background-position: -833px -183px;
	cursor: pointer;
}

.currency-icon .icon-equals {
	width: 24px;
	height: 12px;
	background-position: -880px -183px;
	margin-top: 14px;
}

@media screen and (max-width: 768px) {
	.icon-change-currency {
		background-position: -904px -184px;
		width: 36px;
		height: 47px;
		margin-bottom: 25px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}
}

#calendarDiv {
	position: absolute;
	visibility: hidden;
}

	#calendarDiv .selectBar {
		padding-top: 5px;
		margin: 0 5px;
	}

	#calendarDiv, #calendarDiv .monthYearPicker {
		background: #F0F0F0;
		background: -moz-linear-gradient(top, #F0F0F0 0%, #d6d6d6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#d6d6d6));
		background: -webkit-linear-gradient(top, #F0F0F0 0%,#d6d6d6 100%);
		background: -o-linear-gradient(top, #F0F0F0 0%,#d6d6d6 100%);
		background: -ms-linear-gradient(top, #F0F0F0 0%,#d6d6d6 100%);
		background: linear-gradient(to bottom, #F0F0F0 0%,#d6d6d6 100%);
		border: 1px solid #949494;
	}

		#calendarDiv.no-border-top {
			border-top: 0;
		}

			#calendarDiv.no-border-top .selectBar {
				border-top: 1px solid #949494;
			}

		#calendarDiv .monthYearActive {
			background: #d6d6d6;
			background: -moz-linear-gradient(top, #d6d6d6 0%, #F0F0F0 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#F0F0F0));
			background: -webkit-linear-gradient(top, #d6d6d6 0%,#F0F0F0 100%);
			background: -o-linear-gradient(top, #d6d6d6 0%,#F0F0F0 100%);
			background: -ms-linear-gradient(top, #d6d6d6 0%,#F0F0F0 100%);
			background: linear-gradient(to bottom, #d6d6d6 0%,#F0F0F0 100%);
		}

		#calendarDiv .calendarText {
			float: left;
			padding-right: 5px;
		}

		#calendarDiv .arrowDownThinBlue {
			float: left;
			margin-top: 4px;
			position: relative;
			width: 16px;
			height: 10px;
			background: url(/images/sprite/sprite.png) no-repeat -166px -308px transparent;
		}

		#calendarDiv table {
			width: 96%;
			margin: 2%;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
		}

		#calendarDiv td {
			text-align: center;
			padding: 1px;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}

		#calendarDiv thead td {
			font-weight: 700;
		}

		#calendarDiv tbody td {
			cursor: pointer;
		}

		#calendarDiv .selectBox {
			cursor: pointer;
			color: #0C5798;
			line-height: 20px;
			float: left;
			margin-right: 10px;
		}

		#calendarDiv .activeDay {
			color: #0C5798;
		}

		#calendarDiv .monthYearPicker {
			position: absolute;
			left: 0;
			top: 20px;
			z-index: 3000002;
			display: none;
		}

			#calendarDiv .monthYearPicker div {
				padding: 0 10px;
			}

		#calendarDiv #yearDropDown div {
			text-align: center;
		}

		#calendarDiv #calendarMonthText {
			width: 65px;
		}

		#calendarDiv #calendarYearText {
			width: 30px;
		}

.text-link {
	cursor: pointer;
}

.date-picker-container div.selectbox-arrow b,
.chosen-container.chosen-container-single .chosen-single div b,
.chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b {
	background: url(https://images.finanzen.net/images/sprite/sprite.png) no-repeat -295px -57px;
	width: 11px;
	height: 20px;
	margin-top: 8px;
	display: block;
}

.date-picker-container div.selectbox-arrow {
	display: block;
	height: 100%;
	position: absolute;
	top: 34px;
	right: 0px;
	width: 20px;
}

.currency-icon .icon-set {
	background-image: url(/images/sprite_us.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.signin-button, .signup-button {
		width: 100%;
	}

	.no-padding-mobile {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media (min-width: 768px) {
	.signin-button, .signup-button {
		width: 218px;
	}
}