@font-face {
	font-family: 'Museo';
	src: url('Museo_Slab_500.otf');
	font-weight: normal;
	font-style: normal;
}

.message_error {
	color: red;
}

.fhVergleich,.fhVergleichSingle,.fhMiniVergleich {
	border: 0;
	margin-bottom: 20px;
}

.fhMiniVergleich {
	max-width: 350px;
	width: 150px;
}

.widget_fhvergleichwidget #fh_fhMiniVergleich {
	width: 300px;
}

.fhVergleichSticky {
	position: fixed;
	top: 0;
}

.fhVergleich thead th,.fhVergleichSingle thead th,.fhMiniVergleich thead th {
	background-color: #FC9D00;
	border: 0px;
	height: 51px;
	padding: 0;
	text-align: center ! important;
	vertical-align: middle ! important;
	text-align: center ! important;
	color: #FFF !important;
	font-family: Asap, Helvetica, Arial;
	font-size: 13px;
	font-weight: 400;
}

.fhVergleich thead th p,.fhVergleichSingle thead th p,.fhMiniVergleich thead th p {
	text-align: center ! important;
}

.fhVergleich thead th,.fhVergleichSingle thead th{
	cursor: pointer;	
}



.fhVergleich thead th p,.fhVergleichSingle thead th p,.fhMiniVergleich thead th p {
	color: #FFF !important;
	font-size: 13px !important;
	height: 27px;
	line-height: 21px !important;
	margin: 5px 0 0 0 !important;
	padding-top: 3px;
	vertical-align: middle;
}

.fhMiniVergleich thead th span {
	display: inline-block;
	padding-top: 5px;
}

.fhMiniVergleich thead th:first-child span {
	display: inline-block;
	padding-top: 1px;
}

.fhVergleichSticky thead th {
	border-bottom-width: 1px;
}

.fhVergleich thead th.headerSortDown,.fhVergleich thead th.headerSortUp
	{
	text-decoration: underline;
}

.fhVergleich thead th p.long,.fhVergleichSingle thead th p.long,.fhMiniVergleich thead th p.long {
	line-height: normal !important;
	margin: 0 0 0 0 !important;
	padding-top: 0px;
}

.fhVergleich thead th:FIRST-CHILD p,.fhVergleichSingle thead th:FIRST-CHILD p,.fhMiniVergleich thead th:FIRST-CHILD p {
	padding-top: 0px;
}

.fhVergleich thead .spacer,.fhVergleichSingle thead .spacer,.fhMiniVergleich thead .spacer {
	background-image: url('../images/head_spacer.png');
	float: left;
	height: 27px;
	margin-top: 3px;
	width: 2px;
}

.fhMiniVergleich thead th:FIRST-CHILD .spacer {
	display: none;
}

.fhVergleich tbody tr,.fhVergleichSingle tbody tr{
	background-color: #F5F5F5 !important;
	height: 86px;
}

.fhMiniVergleich tbody tr {
	background-color: #F5F5F5 !important;
	height: 79px;
}

.fhVergleich tbody tr.highlighted,.fhVergleichSingle tbody tr.highlighted,.fhMiniVergleich tbody tr.highlighted
	{
	background-color: #f5e3c9 !important;
}

.fhVergleich tbody td,.fhVergleichSingle tbody td,.fhMiniVergleich tbody td {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #e8e7e7;
	padding: 0;
	vertical-align: middle;
	text-align: center !important;
	vertical-align: middle;
	font-family: Museo, Rokkitt, Rockwell, Arial;
}

.fhVergleich tbody td p,.fhVergleichSingle tbody td p,.fhMiniVergleich tbody td p {
	text-align: center !important;
}

.fhVergleich tbody tr.highlighted td,.fhVergleichSingle tbody tr.highlighted td,.fhMiniVergleich tbody tr.highlighted td
	{
	border-top: 1px solid #e8e7e7;
	text-align: center !important;
}

.fhVergleich tbody td p,.fhVergleichSingle tbody td p,.fhMiniVergleich tbody td p {
	color: #000 !important;
	font-family: Museo, Rokkitt, Rockwell, Arial;
	font-size: 16pt !important;
	font-weight: 400;
	margin: 0 !important;
}
/*
.fhVergleich tbody td .rank1 {
	background-image: url('../images/rank1.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 77px;
}

.fhVergleich tbody td .rank2 {
	background-image: url('../images/rank2.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 77px;
}

.fhVergleich tbody td .rank3 {
	background-image: url('../images/rank3.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 77px;
}*/
.fhVergleich tbody td .rank,.fhVergleichSingle tbody td .rank,.fhMiniVergleich tbody td .rank {
	background-image: url('../images/rank.png');
	background-position: left center;
	background-repeat: no-repeat;
	color: #FFF;
	font-family: Museo, Rokkitt, Rockwell, Arial;
	font-size: 16pt;
	font-weight: 400;
	height: 34px;
	padding-top: 13px;
}

.fhMiniVergleich tbody td .rankMini {
	font-family: Museo, Rokkitt, Rockwell, Arial;
	font-size: 16pt;
	font-weight: 400;
	height: 34px;
	padding-top: 13px;
}


.fhVergleich tbody td .no,.fhVergleichSingle tbody td .no {
	background-image: url('../images/no.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 27px;
}

.fhVergleich tbody td .yes,.fhVergleichSingle tbody td .yes {
	background-image: url('../images/yes.png');
	background-position: center;
	background-repeat: no-repeat;
	height: 26px;
}

.fhVergleich tbody td .cysec,.fhVergleichSingle tbody td .cysec {
	background-image: url('../images/cysec.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	height: 31px;
	margin-bottom: -5px;
}

.fhVergleich tbody td .exclusivebonus,.fhVergleich tbody td .repaymentoption,.fhVergleichSingle tbody td .exclusivebonus,.fhVergleichSingle tbody td .repaymentoption
	{
	color: #db3b3b;
	font-family: Asap, Helvetica, Arial;
	font-size: 8pt;
	font-style: italic;
	font-weight: 400;
	line-height: normal;
	margin-bottom: -20px;
	margin-top: 6px;
}

.fhVergleich tbody td .repaymentoption,.fhVergleichSingle tbody td .repaymentoption
	{
	color: #000;
}

.fhVergleich tbody td .brokerbutton,.fhVergleichSingle tbody td .brokerbutton,.fhMiniVergleich tbody td .brokerbutton
	{
	line-height: normal;
}

.fhVergleich tbody td .brokerbutton .brokerlink,.fhVergleichSingle tbody td .brokerbutton .brokerlink,.fhMiniVergleich tbody td .brokerbutton .brokerlink
	{
	background-image: url('../images/brokerbutton.png');
	background-position: 0 0px;
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	margin-bottom: 3px;
}

.fhVergleich tbody td .brokerbutton_highlighted .brokerlink,.fhVergleichSingle tbody td .brokerbutton_highlighted .brokerlink,.fhMiniVergleich tbody td.brokerbutton_highlighted
	{
	background-position: 0 -28px;
}

.fhVergleich tbody td .brokerbutton .brokerdetails,.fhVergleichSingle tbody td .brokerbutton .brokerdetails,.fhMiniVergleich tbody td .brokerbutton .brokerdetails
	{
	color: #707070;
	font-family: Asap, Helvetica, Arial;
	font-size: 8pt;
	font-weight: 400;
}

.beforeContent .fhVergleich tbody td .brokerbutton .brokerdetails,
.beforeContent .fhVergleichSingle tbody td .brokerbutton .brokerdetails,
.beforeContent .fhMiniVergleich tbody td .brokerbutton .brokerdetails{
	font-size:10px;
}



.fhVergleich_tooltip {
	background-color: #fff !important;
	border: 1px solid #dfdfdf !important;
	color: #919191 !important;
	font-family: Asap, Helvetica, Arial;
	font-size: 12px !important;
	font-weight: 400;
}

.fhVergleich_tooltip .ui-tooltip-titlebar {
	background-color: #fff !important;
	padding-bottom: 0px !important;
}

#fhVergleichAdminForm_table0 .subhead td {
	font-weight: bold;
}

.fhVergleichOverview {
	border: 0;
	float: left;
	margin-bottom: 12px;
	margin-right: 20px;
	width: 400px;
}

.fhVergleichOverview thead th {
	background-color: #FC9D00;
	border: 0px;
	height: 61px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.fhVergleichOverview thead th p {
	color: #FFF !important;
	font-family: Asap, Helvetica, Arial;
	font-size: 16px !important;
	font-weight: 700;
	line-height: 21px !important;
	margin: 0 !important;
	text-align: center !important;
	vertical-align: middle;
}

.fhVergleichOverview .brokerlogo {
	float: left;
	height: 51px;
	margin: 5px 30px 5px 8px;
}

.fhMiniVergleich img {
	max-width: 77px;
	margin-top: 7px;
}

.fhVergleichOverview tbody tr {
	background-color: #F5F5F5 !important;
}

.fhVergleichOverview tbody tr.highlighted {
	background-color: #e5e5e5 !important;
}

.fhVergleichOverview tbody td {
	border: 0;
	color: #707070;
	font-family: Asap, Helvetica, Arial;
	font-size: 12px;
	font-weight: 400;
	padding: 5px 10px;
	margin: 0;
}

.fhVergleichOverview tbody td .no {
	background-image: url('../images/no_small.png');
	background-position: left center;
	background-repeat: no-repeat;
	height: 19px;
	margin-bottom: -5px;
}

.fhVergleichOverview tbody td .yes {
	background-image: url('../images/yes_small.png');
	background-position: left center;
	background-repeat: no-repeat;
	height: 19px;
	margin-bottom: -5px;
}

.fhVergleichOverview tbody td.arrow {
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: 10px 8px;
	padding-left: 37px;
}

.cta_homepage,.cta_konto {
	background-image: url("../images/cta-button_homepage.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	height: 60px;
	width: 435px;
}

.cta_konto {
	background-image: url("../images/cta-button_kontoeroeffnung.png");
}

.cta_homepage:hover,.cta_konto:hover {
	background-position: 0 -60px;
}

#respond form {
	display: block;
	min-height: 470px;
	position: relative;

}

#respond #fh_fhMiniVergleich {
	position: absolute;
	right: 10px;
	top: 0;
	width: 500px;
	max-width: 500px;
}

#respond #fh_fhMiniVergleich th:nth-child(4) {
	background-color: #fcb643;
}

#respond #fh_fhMiniVergleich th:nth-child(5) .spacer {
	visibility: hidden;
}

#respond #fh_fhMiniVergleich th:nth-child(5) span {
	margin-left: -2px;
}

#respond #fh_fhMiniVergleich td:nth-child(4) {
	background-color: #fcfcfc;
}

.fhMiniVergleichHeadline{
	position: absolute;
	right: 30px;
	top: -55px;
	font-family: Oswald;
	font-size: 24px;
	color: #333333;
	min-width: 480px;
}

#footer {
	background-image: url("../images/risikohinweis.jpg");
	background-position: center 95%;
	background-repeat: no-repeat;
	padding-bottom: 50px;
}

/*topbox*/
.topbox {
	margin-bottom: 20px;
}
.topbox h1 {
	margin-bottom: 15px;
}
.topbox .tableWrapper h2 {
	font-size: 21px;
	line-height: 1.5;
	margin-bottom: 15px;
}
.topbox .yellow {
	color: #FC9D00;
}
.topbox img {
	box-shadow: none;
}
.topbox .top >div {
	display: inline-block;
	height: 58px;
}
.topbox .winner {
	background-repeat: no-repeat;
	width: 505px;
	transform-origin:0 0;
}
.topbox .winner > div {
	display: inline-block;
	float: left;
}
.topbox .winner div.text {
	margin: 9px 30px 9px 44px;
	height: 40px;
	width: 190px;
	line-height: 1.4;
	color: #FFFFFF;
}

.topbox .winner div.img {
	width: 230px;
	height: 48px;
	/*margin: 5px;*/
	text-align: center;
}
.topbox .winner div.img img {
	/*max-height: 48px;*/
}
.topbox .winnerawards {
	position: relative;
	width: 200px;
}
.topbox .winnerawards ul {
	position: absolute;
	top: -4px;
	width: 100%;
	line-height: 1.5;
	margin-bottom: 0;
}
.topbox .winnerawards ul li {
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0;
	background: no-repeat 2px 5px;
}
.topbox .winnerawards ul li:nth-of-type(1) { background-image: url("../images/topbox/award_1.png"); }
.topbox .winnerawards ul li:nth-of-type(2) { background-image: url("../images/topbox/award_2.png"); }
.topbox .winnerawards ul li:nth-of-type(3) { background-image: url("../images/topbox/award_3.png"); }

.topbox .top,
.topbox .bottom {
	margin-bottom: 12px;
}
.topbox .bottom .greenButton {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	/*background: url("../images/topbox/button_fill_sprite_yellow.png") repeat-x;*/
}

.topbox .bottom .greenButton > span{
	display:inline-block;
	height: 31px;
	line-height: 31px;
	vertical-align: top;
	white-space: nowrap;
}

.topbox .bottom .greenButton > span:nth-of-type(1){
	background: url("../images/topbox/orangebtn/orange_cta_sprite_start.png") no-repeat top right;
	width:1%;
}
.topbox .bottom .greenButton > span:nth-of-type(2){
	background: url("../images/topbox/orangebtn/orange_cta_sprite_fill.png") repeat top left;
	width:98%;
}
.topbox .bottom .greenButton > span:nth-of-type(3){
	background: url("../images/topbox/orangebtn/orange_cta_sprite_end.png") no-repeat top left;
	width:1%;
}

.topbox .bottom .greenButton:HOVER > span:nth-of-type(1){
	background-position: bottom right;	
}

.topbox .bottom .greenButton:HOVER > span:nth-of-type(2){
	background-position: bottom left;	
}

.topbox .bottom .greenButton:HOVER > span:nth-of-type(3){
	background-position: bottom left;	
}



.topbox .bottom .greenButton span:nth-of-type(2){
	/*margin-right: 150px;*/
}
.topbox .btnBlue {
	display: block;
	text-align: center;
	height: 31px;
	line-height: 31px;
	width: 350px;
	min-width: 100%;
	font-size: 16px;
	font-weight: bold;
/* 	text-indent: -999999px; */
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	/*background: url("../images/topbox/button_fill_sprite_blue.png") repeat-x;*/
	background:rgba(0, 0, 0, 0) url("../images/topbox/bluebtn/CTA_Tabelle_sprite_ohne_Schrift.png") no-repeat scroll center top;
}

.topbox .btnBlue:hover{
	background-position: center bottom;
	color:#ffffff;
}

.topbox .tableWrapper {
	margin-bottom: 12px;
}
.topbox .tableWrapper table {
	border-bottom-style: none;
	margin-top: 6px;
	transform-origin:0 0;
}
.topbox .tableWrapper table td {
	vertical-align: middle;
	padding: 0px 5px;
	border-top-style: none;
}
.topbox .tableWrapper table td:nth-of-type(3) {
	line-height: 1.1;
}
.topbox .tableWrapper table td:first-of-type {
	padding-left: 0;
}
.topbox .tableWrapper table td:last-of-type {
	padding-right: 0;
}
.topbox .tableWrapper table img {
	max-width: none;
}
.topbox .bottomWrapper {
	background: #DDDDDD;
	font-weight: bold;
	padding: 5px;
}
.topbox .bottomWrapper a {
	color: #03b0ed;
}
.topbox .winnerWrapper {
	position: relative;
}
.topbox .stoerer {
	background: rgba(0, 0, 0, 0) url("../images/topbox/stoerer2.png") no-repeat scroll 0 0;
	background-size: 100%;
	bottom: -60px;
	height: 216px;
	position: absolute;
	right: 20px;
	width: 248px;
}

@media (max-width: 1100px) {
	.topbox .stoerer {
		display: none;
	}
	.topbox .bottom .greenButton span:nth-of-type(2){
		margin-right: 0;
	}
	.topbox .btnBlue {
		width: 280px;
	}
}
@media (max-width: 849px) {
	.topbox .btnBlue {
		width: auto;
		min-width: 230px;
	}

	.topbox .tableWrapper table td:nth-of-type(4) {
		display: none;
	}
}
@media (min-width: 639px){
	.topbox .tableWrapper table td {
		vertical-align: middle;
		text-align: center;
		padding: 0px;
		height: 50px;
	}
}
@media (max-width: 639px) {
	.topbox .tableWrapper table td:nth-of-type(3) {
		display: none;
	}
	.topbox .winner {
		transform: scale(0.87);
	}
	
	.topbox .tableWrapper table td {
		vertical-align: middle;
		text-align: center;
		padding: 0px;
		height: 50px;
	}
	/* first table cell: number */
	.topbox .tableWrapper table td:nth-child(1){
		padding: 0px;
	}
	.topbox .tableWrapper table td:nth-child(1) img{
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	/* second table cell: logo */
	.topbox .tableWrapper table td:nth-child(2){
		padding: 0px;
	}
	.topbox .tableWrapper table td:nth-child(2) a {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	.topbox .tableWrapper table td:nth-child(2) a img {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
}
@media (max-width: 400px) {
	.topbox .bottom .greenButton {
		font-size: 14px;
	}
}
@media (max-width: 479px) {
	.topbox .tableWrapper table {
		transform: scale(0.74);
	}
	.topbox .winner {
		transform: scale(0.65);
	}	
	.topbox .tableWrapper table {
		/* Transform entfernen!*/
		/*transform: scale(0.74);*/
		transform: none;
		display: table;
		position: relative;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}
	.topbox .tableWrapper table td {
		vertical-align: middle;
		text-align: center;
		padding: 0px;
		height: 50px;
	}
	/* first table cell: number */
	.topbox .tableWrapper table td:nth-child(1){
		padding: 0px;
		max-width: 45px;
		width: 45px;
	}
	.topbox .tableWrapper table td:nth-child(1) img{
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	/* second table cell: logo */
	.topbox .tableWrapper table td:nth-child(2){
		padding: 0px;
		max-width: 115px;
		width: 115px;
	}
	.topbox .tableWrapper table td:nth-child(2) a {
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	.topbox .tableWrapper table td:nth-child(2) img {
		max-width: 107px;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	/* third table cell: cta */
	.topbox .btnBlue {
		width: auto;
		min-width: auto;
		background-image: none;
		margin-left: 6px;
		margin-right: 6px;
		/* Gradient */
		background: rgba(51,185,238,1);
		background: -moz-linear-gradient(top, rgba(51,185,238,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, 	rgba(0,168,234,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,185,238,1)), color-stop(50%, rgba(113,206,239,1)), color-stop(51%, rgba(33,180,226,1)), color-stop(100%, rgba(0,168,234,1)));
		background: -webkit-linear-gradient(top, rgba(51,185,238,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(0,168,234,1) 100%);
		background: -o-linear-gradient(top, rgba(51,185,238,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(0,168,234,1) 100%);
		background: -ms-linear-gradient(top, rgba(51,185,238,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(0,168,234,1) 100%);
		background: linear-gradient(to bottom, rgba(51,185,238,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(0,168,234,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b9ee', endColorstr='#00a8ea', GradientType=0 );
	}
	.topbox .btnBlue:hover {  
		background: rgba(0,168,234,1);
		background: -moz-linear-gradient(top, rgba(0,168,234,1) 0%, rgba(33,180,226,1) 49%, rgba(113,206,239,1) 50%, rgba(51,185,238,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,168,234,1)), color-stop(49%, rgba(33,180,226,1)), color-stop(50%, rgba(113,206,239,1)), color-stop(100%, rgba(51,185,238,1)));
		background: -webkit-linear-gradient(top, rgba(0,168,234,1) 0%, rgba(33,180,226,1) 49%, rgba(113,206,239,1) 50%, rgba(51,185,238,1) 100%);
		background: -o-linear-gradient(top, rgba(0,168,234,1) 0%, rgba(33,180,226,1) 49%, rgba(113,206,239,1) 50%, rgba(51,185,238,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,168,234,1) 0%, rgba(33,180,226,1) 49%, rgba(113,206,239,1) 50%, rgba(51,185,238,1) 100%);
		background: linear-gradient(to bottom, rgba(0,168,234,1) 0%, rgba(33,180,226,1) 49%, rgba(113,206,239,1) 50%, rgba(51,185,238,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8ea', endColorstr='#33b9ee', GradientType=0 );
	}
	.topbox .btnBlue * {
		display: block;
		font-size: 13px;
		line-height: 31px;
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		text-align: center;
		text-indent: 0px;
		text-transform: uppercase;
		color: white;
	}
}
@media (max-width: 359px) {
	/*.topbox .tableWrapper table {
		transform: scale(0.66);
	}
	.topbox .winner {
		transform: scale(0.57);
	}*/
}

/*Listlink*/
.listlinkBox{
	width: 200px;
	background-color: #ffb080;
	padding:5px 7px;
}

.listlinkBox.fll,
.listlinkBox.flr{
	margin-top:15px;
}

.listlinkBox.fll{
	margin-right:7px;
	float:left;
}
.listlinkBox.flr{
	margin-left:5px;
	float:right;
}
.post-entry .listlinkBox ul{
	list-style-type: none;
	margin-bottom:0px;
}

.listlinkBox ul li,
.listlinkBox ul li a{
	color: #666666;
}

.listlinkBox ul li{
	padding: 2px;
}

/*footerbar*/
.footerBarWrapper{
 	background: url(../images/footerbar/footerBg.png) repeat top left transparent;
	bottom: 0px;
	left:0px;
	display: none;
	height: 62px;
	padding: 0 10px;
	position: fixed;
	width: 100%;
	display: block;
	z-index:999999;
}
.footerBarWrapper .footerBarOuter{
	float: right;
	position: relative;
	right: 50%;
}

.footerBarWrapper .footerBarInner{
	 float: right;
	margin: 9px 0;
	position: relative;
	right: -50%;
}
.footerBarWrapper .footerBarInner a{
	display:block;
	float:left;
}



/* fixes for all styles */
.footerBarWrapper.style1 .footerBarInner{
   min-width: 950px;
   text-align:center;
}
.footerBarWrapper.style1 .footerBarInner a{
	float:none;
}




/* style 1*/
.footerBarWrapper.style1{
}

.footerBarWrapper.style1 .footerBarInner{
	margin:0px;
}

.footerBarWrapper.style1 .footerBarInner a{
	/*margin-top:-18px;*/
}

.footerBarWrapper.style1 .footerBarInner a{
	color:#ffffff;
	display:inline-block;
	margin-top:10px;
	font-weight:bold;
	font-size:17px;
}

.footerBarWrapper.style1 .footerBarButton >span{
	/*changed*/
	/*display:block;*/
	display:inline-block;
	height:79px;
}

.footerBarWrapper.style1 .footerBarButton span{
	font-family: Asap, Helvetica, Arial;
	line-height:38px;
	vertical-align: top;
	margin-top:6px;
}

.footerBarWrapper.style1 .footerBarButton .start{
	background: url("../images/footerbar/buttonStyle1/left.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	width: 3px;
	height:38px;
}

.footerBarWrapper.style1 .footerBarButton .fill{
	background: url("../images/footerbar/buttonStyle1/fill.png") repeat scroll left top rgba(0, 0, 0, 0);
	padding:0px 16px;
	height:38px;
}

.footerBarWrapper.style1 .footerBarButton .end{
	background: url("../images/footerbar/buttonStyle1/right.png") no-repeat scroll right top rgba(0, 0, 0, 0);
	width: 103px;
	height:79px;
	margin-top:-35px;
}


.footerBarWrapper.style1 .footerBarButton:HOVER .start{
	/*background: url("../images/footerbar/buttonStyle1/left_mo.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);*/
	background-position: left bottom;
}
.footerBarWrapper.style1 .footerBarButton:HOVER .fill{
	/*background: url("../images/footerbar/buttonStyle1/fill_mo.png") repeat scroll left bottom rgba(0, 0, 0, 0);*/
	background-position: left bottom;
}

.footerBarWrapper.style1 .footerBarButton:HOVER .end{
	/*background: url("../images/footerbar/buttonStyle1/right_mo.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);*/
	background-position: right bottom;
}

.footerBarWrapper.style1 .footerBarButton .start,
.footerBarWrapper.style1 .footerBarButton .fill,
.footerBarWrapper.style1 .footerBarButton .end{
	/*height: 64px;*/
	/*padding-top:48px;*/
	margin-bottom:3px;
	/*margin-top: -58px;*/
}

/* close Button all styles */
.footerBarWrapper.style1 a.closeButton
{

	color:#ffffff;
	background-color:#00b1f7;
	border: 2px solid #f3f3f3;
	border-radius: 14px;
	font-family: Asap,Helvetica,Arial;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 6px;
	text-transform: uppercase;
	width: 10px;
	text-decoration: none;
}



/*close Button general */
.footerBarWrapper a.closeButton{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	width: 10px;
	height:10px;
	font-size:12px;
	padding:2px 5px;
	text-transform:uppercase;
	font-family:Source Sans Pro;
	font-weight:bold;
}

.footerBarWrapper .closeButtonWrapper{
	position:absolute;
	right:40px;
	top:10px;
}

/* <footerbar_mobile> */
/* -------------------------------------------------------- */
/* # Footerbar to Mobile Headerbar */

/* ## Full reset */
.footerBarWrapper.mobile, .footerBarWrapper.mobile .footerBarOuter, .footerBarWrapper.mobile.footerBarInner, .footerBarWrapper.mobile .closeButtonWrapper,
.footerBarWrapper.mobile .footerBarWrapper.mobile *, .footerBarWrapper.mobile .footerBarOuter *, .footerBarWrapper.mobile .footerBarInner *, 
.footerBarWrapper.mobile .closeButtonWrapper .closeButton, 
.footerBarWrapper.mobile .closeButtonWrapper .closeButton,
.footerBarWrapper.mobile .footerBarInner .footerBarButton, 
.footerBarWrapper.mobile .footerBarInner .footerBarButton .start,
.footerBarWrapper.mobile .footerBarInner .footerBarButton .fill,
.footerBarWrapper.mobile .footerBarInner .footerBarButton .end, 
.footerBarWrapper.mobile .footerBarInner .pfeil-ru,
.footerBarWrapper.mobile .footerBarInner .pfeil-lu,

.footerBarWrapper.mobile.style1, .footerBarWrapper.mobile.style1 .footerBarOuter, .footerBarWrapper.mobile.style1.footerBarInner, .footerBarWrapper.mobile.style1 .closeButtonWrapper,
.footerBarWrapper.mobile.style1 .footerBarWrapper.mobile.style1 *, .footerBarWrapper.mobile.style1 .footerBarOuter *, .footerBarWrapper.mobile.style1 .footerBarInner *, 
.footerBarWrapper.mobile.style1 .closeButtonWrapper .closeButton, 
.footerBarWrapper.mobile.style1 .closeButtonWrapper .closeButton,
.footerBarWrapper.mobile.style1 .footerBarInner .footerBarButton, 
.footerBarWrapper.mobile.style1 .footerBarInner .footerBarButton .start,
.footerBarWrapper.mobile.style1 .footerBarInner .footerBarButton .fill,
.footerBarWrapper.mobile.style1 .footerBarInner .footerBarButton .end, 
.footerBarWrapper.mobile.style1 .footerBarInner .pfeil-ru,
.footerBarWrapper.mobile.style1 .footerBarInner .pfeil-lu,

.footerBarWrapper.mobile.style2, .footerBarWrapper.mobile.style2 .footerBarOuter, .footerBarWrapper.mobile.style2.footerBarInner, .footerBarWrapper.mobile.style2 .closeButtonWrapper,
.footerBarWrapper.mobile.style2 .footerBarWrapper.mobile.style2 *, .footerBarWrapper.mobile.style2 .footerBarOuter *, .footerBarWrapper.mobile.style2 .footerBarInner *, 
.footerBarWrapper.mobile.style2 .closeButtonWrapper .closeButton, 
.footerBarWrapper.mobile.style2 .closeButtonWrapper .closeButton,
.footerBarWrapper.mobile.style2 .footerBarInner .footerBarButton, 
.footerBarWrapper.mobile.style2 .footerBarInner .footerBarButton .start,
.footerBarWrapper.mobile.style2 .footerBarInner .footerBarButton .fill,
.footerBarWrapper.mobile.style2 .footerBarInner .footerBarButton .end, 
.footerBarWrapper.mobile.style2 .footerBarInner .pfeil-ru,
.footerBarWrapper.mobile.style2 .footerBarInner .pfeil-lu,

.footerBarWrapper.mobile.style3, .footerBarWrapper.mobile.style3 .footerBarOuter, .footerBarWrapper.mobile.style3.footerBarInner, .footerBarWrapper.mobile.style3 .closeButtonWrapper,
.footerBarWrapper.mobile.style3 .footerBarWrapper.mobile.style3 *, .footerBarWrapper.mobile.style3 .footerBarOuter *, .footerBarWrapper.mobile.style3 .footerBarInner *, 
.footerBarWrapper.mobile.style3 .closeButtonWrapper .closeButton, 
.footerBarWrapper.mobile.style3 .closeButtonWrapper .closeButton,
.footerBarWrapper.mobile.style3 .footerBarInner .footerBarButton, 
.footerBarWrapper.mobile.style3 .footerBarInner .footerBarButton .start,
.footerBarWrapper.mobile.style3 .footerBarInner .footerBarButton .fill,
.footerBarWrapper.mobile.style3 .footerBarInner .footerBarButton .end, 
.footerBarWrapper.mobile.style3 .footerBarInner .pfeil-ru,
.footerBarWrapper.mobile.style3 .footerBarInner .pfeil-lu,

.footerBarWrapper.mobile.style4, .footerBarWrapper.mobile.style4 .footerBarOuter, .footerBarWrapper.mobile.style4.footerBarInner, .footerBarWrapper.mobile.style4 .closeButtonWrapper,
.footerBarWrapper.mobile.style4 .footerBarWrapper.mobile.style4 *, .footerBarWrapper.mobile.style4 .footerBarOuter *, .footerBarWrapper.mobile.style4 .footerBarInner *, 
.footerBarWrapper.mobile.style4 .closeButtonWrapper .closeButton, 
.footerBarWrapper.mobile.style4 .closeButtonWrapper .closeButton,
.footerBarWrapper.mobile.style4 .footerBarInner .footerBarButton, 
.footerBarWrapper.mobile.style4 .footerBarInner .footerBarButton .start,
.footerBarWrapper.mobile.style4 .footerBarInner .footerBarButton .fill,
.footerBarWrapper.mobile.style4 .footerBarInner .footerBarButton .end, 
.footerBarWrapper.mobile.style4 .footerBarInner .pfeil-ru,
.footerBarWrapper.mobile.style4 .footerBarInner .pfeil-lu,

.footerBarWrapper.mobile.style5, .footerBarWrapper.mobile.style5 .footerBarOuter, .footerBarWrapper.mobile.style5.footerBarInner, .footerBarWrapper.mobile.style5 .closeButtonWrapper,
.footerBarWrapper.mobile.style5 .footerBarWrapper.mobile.style5 *, .footerBarWrapper.mobile.style5 .footerBarOuter *, .footerBarWrapper.mobile.style5 .footerBarInner *, 
.footerBarWrapper.mobile.style5 .closeButtonWrapper .closeButton, 
.footerBarWrapper.mobile.style5 .closeButtonWrapper .closeButton,
.footerBarWrapper.mobile.style5 .footerBarInner .footerBarButton, 
.footerBarWrapper.mobile.style5 .footerBarInner .footerBarButton .start,
.footerBarWrapper.mobile.style5 .footerBarInner .footerBarButton .fill,
.footerBarWrapper.mobile.style5 .footerBarInner .footerBarButton .end, 
.footerBarWrapper.mobile.style5 .footerBarInner .pfeil-ru,
.footerBarWrapper.mobile.style5 .footerBarInner .pfeil-lu,

.footerBarWrapper.mobile.style6, .footerBarWrapper.mobile.style6 .footerBarOuter, .footerBarWrapper.mobile.style6.footerBarInner, .footerBarWrapper.mobile.style6 .closeButtonWrapper,
.footerBarWrapper.mobile.style6 .footerBarWrapper.mobile.style6 *, .footerBarWrapper.mobile.style6 .footerBarOuter *, .footerBarWrapper.mobile.style6 .footerBarInner *, 
.footerBarWrapper.mobile.style6 .closeButtonWrapper .closeButton, 
.footerBarWrapper.mobile.style6 .closeButtonWrapper .closeButton,
.footerBarWrapper.mobile.style6 .footerBarInner .footerBarButton, 
.footerBarWrapper.mobile.style6 .footerBarInner .footerBarButton .start,
.footerBarWrapper.mobile.style6 .footerBarInner .footerBarButton .fill,
.footerBarWrapper.mobile.style6 .footerBarInner .footerBarButton .end, 
.footerBarWrapper.mobile.style6 .footerBarInner .pfeil-ru,
.footerBarWrapper.mobile.style6 .footerBarInner .pfeil-lu

{
    /* reset display */
    box-sizing: border-box;
    /* reset position and float */
    position: static;
    top: initial; bottom: initial; left: initial; right: initial;
    float: none;
    clear: both;
    /* reset dimensions */
    width: auto; min-width: auto; max-width: auto;
    height: auto; min-height: auto; max-height: auto;
    line-height: normal;
    /* reset margins and paddings */
    margin: 0px; 
    padding: 0px;
    /* reset border */
    border: 0px solid transparent;
    outline: 0px solid transparent;
    border-radius: 0px;
    /* reset background */
    background: transparent;
    background-position: top left;
    /* reset color */
    color: initial;
    /* reset text */
    text-decoration: none;
    text-align: left;
    font-size: initial;
    font-weight: normal;
}

/* ## Headerbar layout */

.footerBarWrapper.mobile  {
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%; height: auto;
    padding: 12px;
    border-bottom: 1px solid;
}
.footerBarWrapper.mobile img {
	display: none !important;
}

.footerBarWrapper.mobile .footerBarOuter {
    width: 100%;
    width: calc( 100% - 16px ); 
	height: auto;
}

.footerBarWrapper.mobile .closeButtonWrapper {
    display: inline-block;
    float: right;
    position: absolute;
    top: 12px; right: 12px;
    width: 16px; height: 16px;
}
.footerBarWrapper.mobile .closeButton {
    visibility: hidden;
    width: 0px;
    height: 0px;
    max-width: 0px;
    max-height: 0px;
    overflow: hidden;
}
.footerBarWrapper.mobile .closeButton:after {
    content: 'x';
    display: table-cell;
    position: absolute;
    top: 0px;
    visibility: visible;
    text-align: center;
    
    line-height: 16px;
    font-size: 14px;
    font-weight: 900;
    width: 17px; height: 17px;
    
    border: 2px solid;
    border-radius: 9px;
}

.footerBarWrapper.mobile .footerBarInner {
    text-align: center;
}
.footerBarWrapper.mobile .footerBarInner .footerBarButton .fill {
    text-align: center;
    line-height: 1.5;
}

/* ## Headerbar styling */

.footerBarWrapper.mobile {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,00a8ea+100 */
	background: #00b7ea; /* Old browsers */
	background: -moz-linear-gradient(top, #00b7ea 0%, #00a8ea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00b7ea 0%,#00a8ea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00b7ea 0%,#00a8ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#00a8ea',GradientType=0 ); /* IE6-9 */
	
	color: white;
	font-weight: bold;
	border-color: #00A8EA;
}
.footerBarWrapper.mobile .footerBarInner .footerBarButton .fill {
    color: white;
    font-weight: 900;
}
.footerBarWrapper.mobile .closeButton:after {
    color: white;
    font-weight: 900;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
}
/* -------------------------------------------------------- */
/* </footerbar_mobile> */