@font-face {
	font-family: TitilliumText;
	src: url("fonts/TitilliumText22L006.otf") format("opentype");
}


.fhVergleich {
	background-color: transparent;
	background-image: url("../images/bottom_bg.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	width: 610px;
	border-spacing: 0 ! important;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.fhVergleich tr {
	background-image: url("../images/head_bg.png");
	background-repeat: repeat;
	
}

.fhVergleich thead tr.subhead th {
	background-image: url("../images/head_spacer.png");
	background-position: right;
	background-repeat: no-repeat;
} 

.fhVergleich th {
	background-color: transparent;
	color: #FFF;
	font-family: Arial ! important;
	font-size: 14px ! important;
	font-weight: 400 ! important;
	text-shadow: 1px 1px 1px #777777;
	height: 29px;
	line-height: 12px ! important;
	padding: 0 ! important;
	text-align: center ! important;
	vertical-align: middle ! important;
	border-bottom: 2px solid #ccc;
	border-left: none;
	border-right: none;
	
}

.fhVergleich th.last {
	background-image: none !important;
}

.fhVergleich td {
	color: #003366;
	font-family: Arial ! important;
	font-size: 14px ! important;
	height: 74px;
	padding: 0 ! important;
	text-align: center ! important;
	vertical-align: middle ! important;
	border-bottom: 2px solid #ccc;
	border-left: none;
	border-right: none;
}

.fhVergleich td.fh_rank {
	font-size: 16px ! important;
	text-shadow: 1px 1px 1px #cccccc;
}

.fhVergleich td.fh_logo img {
	max-height: 60px;
	max-width: 82px;
	border: 0 ! important;
	background-color: transparent;
}

.fhVergleich td a {
	color: #003366;
	text-decoration: none;
}

.fhVergleich td a.fh_cta {
	background-image: url("../images/button_cta.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	margin: 0 auto;
	width: 40px;
}

.fhVergleich td a.fh_cta:hover {
	background-position: 0 -25px;
}

.fhVergleich tr:nth-child(odd) td {
	background-color: #ffffff;
}

.fhVergleich tr:nth-child(even) td {
	background-color: #dadada;
}

.fhVergleich tfoot tr {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.fhVergleich tfoot td {
	background-image: url("../images/bottom_bg.png");
	background-repeat: repeat;
	height: 6px;
	border-bottom: 1px solid #ccc;
}

/*listlink box*/
.listlinkBox{
	width: 200px;
	background-color: #F4F4F4;
	padding:5px 7px;
}

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

.listlinkBox.fll{
	margin-right:7px;
	float:left;
}
.listlinkBox.flr{
	margin-left:5px;
	float:right;
}


.listlinkBox ul{
	list-style-type: none;
}

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

.listlinkBox ul li{
	/*padding: 2px;*/
}

/*footerbar*/
.footerBarWrapper{
 	background: url(../images/footerbar/barBg.png) repeat scroll 0 0 transparent;
    bottom: 0px;
    left:0px;
    /*box-shadow: 0 0 10px 2px #CCCCCC;*/
    display: none;
    height: auto;
    padding: 0px;
    position: fixed;
    width: 100%;
    display: block;
    z-index:999999;
    height:66px;
}
.footerBarWrapper .footerBarOuter{
	float: right;
    position: relative;
    right: 50%;
}
.footerBarWrapper .footerBarInner{
	 float: right;
    /*margin: 9px 0;*/
   	margin:15px 0px 10px 0px;
    position: relative;
    right: -50%;
}
.footerBarWrapper .footerBarInner a{
	display:block;
	float:left;
}

.footerBarWrapper .footerBarInner{
	min-width: 950px;
    text-align: center;
}

/*style1*/


.footerBarWrapper.style1{
	height:68px;
	background-color:#dadada;
	background-image:none;
}


.footerBarWrapper.style1 .footerBarInner{
	margin: -23px 0 10px;
}


.footerBarWrapper.style1 .closeButtonWrapper{
	top:8px;
	right:8px;
}

.footerBarWrapper.style1 .closeButtonWrapper > a{
	display:block;
	background:url(../images/close.png) top left no-repeat;
	width:16px;
	height: 16px;
	margin:0px;
	padding:0px;
	text-decoration: none;
}

.footerBarWrapper.style1 .footerBarInner .footerbar_link{
	position:relative;
	white-space:nowrap;
}

.footerBarWrapper.style1 .footerBarInner .footerbar_link .fill:after{
	content: ' ';
	position:absolute;
	background:url(../images/footerbar/style1/white_arrow_right.png) no-repeat top left;
	width:5px;
	height:10px;
	right:13px;
	top:2px;
}

.footerBarWrapper.style1 .footerBarInner .footerbar_link >span{
    color: #ffffff;
    display: inline-block;
    float: none;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    height:39px;
    text-transform: uppercase;
    line-height: 40px;
}

.footerBarWrapper.style1 .footerBarInner span.start{
	background: transparent url("../images/footerbar/style1/green_left.png") no-repeat scroll 0 0;
    height: 91px;
    margin-bottom: -27px;
    width: 68px;
}

.footerBarWrapper.style1 .footerBarInner span.fill{
	background: transparent url("../images/footerbar/style1/green_fill.png") repeat scroll 0 0;
    
    padding-right: 105px;
    padding-left:75px;
}

.footerBarWrapper.style1 .footerBarInner span.end{

}


.footerBarWrapper.style1 .footerBarInner .footerbar_link:HOVER,
.footerBarWrapper.style1 a.closeButton:HOVER{
}


.footerBarWrapper.style1 .before,
.footerBarWrapper.style1 .after{
	display:inline-block;
	width:43px;
	height:43px;
}


/* style2 */
.footerBarWrapper.style2{
	padding:0px;
	height: 53px;
	bottom:10px;
	background: none repeat scroll 0 0 #ffffff;
	box-shadow: 0 0 10px 2px #CCCCCC;
}

.footerBarWrapper.style2 .footerBarInner{
	margin-top:0px;
}

.footerBarWrapper.style2 .footerBarInner a{
	float:none;
}


.footerBarWrapper.style2 a.closeButton
{

	color:#ffffff;
	background-color:#000000;
	border: 2px solid #FFFFFF;
    border-radius: 14px;
    font-family: Source Sans Pro;
    font-size: 11px;

    padding: 2px 6px;
    text-transform: uppercase;
    width: 10px;
}
/* close button */
.footerBarWrapper a.closeButton{
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	width: 10px;
	height:10px;
	font-size:12px;
	padding:2px 5px;
	color:#CC0000;
	text-transform: uppercase;
}

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


.pfeil-ru{
	background: url("../images/pfeil_ru.png") repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 25px;
    margin-right: 10px;
    position: relative;
    top: -15px;
    width: 27px;	
}
.pfeil-lu {
    background: url("../images/pfeil_lu.png") repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 25px;
    margin-left: 10px;
    position: relative;
    top: -15px;
    width: 27px;
}

@media screen and (max-width: 900px){
	
	.footerBarWrapper.style1 .footerBarInner .footerbar_link > span.start,
	.footerBarWrapper.style1 .footerBarInner .footerbar_link > span.end{
		display:none;
	}
	
	.footerBarWrapper.style1 .footerBarInner{
		margin:16px 0px 10px 0px;
	}
	
	.footerBarWrapper.style1 .closeButtonWrapper{
	}
	
	.footerBarWrapper.style1 .footerBarInner span.fill{
		padding-left:15px;
		padding-right:15px;
	}
	
	.footerBarWrapper.style1 .footerBarInner .footerbar_link .fill::after{
		content:none;
	}
}

@media screen and (max-width: 620px){
	.footerBarWrapper.style1{
		display: none !important;
	}
	
}