body{
    font-family: 'Open Sans', sans-serif !important;
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,300italic,700,400italic);
}

strong, b{
    font-weight: 600 !important;
}

.defaultPadding{
    padding: 3px;
}

.defaultPadding_box{
    padding: 20px;
}

.thumbnail img{
   width: 220px;
   height: 250px;
}

.thumbnail a{
    color: #333333;
}

.thumbnail a:hover{
    color: #008CBA;
}

.panel{
    height: 85px;
}

.radius{
    border-radius: 8px;
}

.border{
    border: 1px solid rgba(3,3,3,0.5);
}

.redButton{
    background-color: #bd0f1e;
}

:hover.redButton{
    background-color: #a50e1b;
}

.red a{
    color: #E95B33 !important;
}

.greyBox{
    background-color: #ffffff;
}

.provider_categorys a{
    text-decoration: none;
    color: #333333;
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.provider_categorys a:hover{
    color: #008CBA;
}

.provider_categorys li{
    list-style: none;
}

.profil_image img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 8px 9px 10px #000000;
    border: 1px solid #ffffff;
}

.largeTable td{
    padding: 25px;
    border: 1px solid #b3b3b3;
    text-align: center;
}

.paddingRight{
    padding-right: 5px !important;
}

.blue{
    background-color: #0e71b4;
}

.white{
    color: #ffffff;
}

.blueHeadline{
    color: #005de0;
}

.white a{
    color: #ffffff;
}

.defaultMarginTop{
    margin-top: 10px !important;
}

.MarginTop{
    margin-top: 70px;
}

.partner{
    font-size: 15px;
    color: #008cba;
}

.footer_text{
    font-size: 10px;
}

.lightblue{
    background-color: #97d5ee;
    border: 1px solid #97d5ee;
}

.grey{
    font-size: 10px;
    color: #bcbcbc;
}

.footerMarginTop{
    margin-top: 6px;
}

.searchField{
    border-radius: 5px;
    background: url('/web/bundles/framework/images/suche.png');
}

.bubbleLabelversicherungen{
    margin-top: 15px;
    color: #000000;
}

:hover.bubbleLabelversicherungen, :hover.bubbleLabelversicherungen > a{
    color: #d40050 !important;
    text-decoration: underline;
}

.bubbleLabelkredit_konto_geld{
    margin-top: 15px;
    color: #000000;
}

:hover.bubbleLabelkredit_konto_geld, :hover.bubbleLabelkredit_konto_geld > a{
    color: #f19300;
    text-decoration: underline;
}

.bubbleLabelstrom_gas_dsl{
    margin-top: 15px;
    color: #000000;
}

:hover.bubbleLabelstrom_gas_dsl, :hover.bubbleLabelstrom_gas_dsl > a{
    color: #96bd0d;
    text-decoration: underline;
}

.bubbleLabelimmobilien{
    margin-top: 15px;
    color: #000000;
}

:hover.bubbleLabelimmobilien, :hover.bubbleLabelimmobilien > a{
    color: #37a8db;
    text-decoration: underline;
}

.menuText{
    font-size: 15px !important;
}

.greenContainer{
    background-color: #97c00e;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    min-height: 396px;
}

.greenContainerKredit{
    background-color: #97c00e;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.greenContainerImmo{
    background-color: #97c00e;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.customGreyContainer{
    background-color: #e5eaf1;
    margin-left: 0px !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.kindImg{
    margin-left: 317px;
    margin-top: -250px;
    border-bottom-right-radius: 5px;
}

.greenContainerImg{
    margin-top: 20px;
    margin-left: -27px;
}

.StartContainerImg{
    margin-top: -10px;
    margin-left: 432px;
}

.StartContainerP{
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-top: -45px;
    margin-left: 448px;
}

.StartContainerPSmall{
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-top: -60px;
    margin-left: -220px;
}

.StartContainerPMedium{
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-top: -60px;
    margin-left: -195px;
}

.startseiteImg{
    margin-top: 20px;
    margin-left: 15px;
}

.greenContainerP{
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-top: -58px;
    margin-left: -295px;
}

.greenContainerPStart{
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-top: -48px;
    margin-left: -295px;
}

.greenContainerPSmall{
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-top: -60px;
    margin-left: -220px;
}

.greenContainerPMedium{
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    position: relative;
    margin-top: -60px;
    margin-left: -195px;
}

.greenContainerText{
    color: #ffffff;
    font-size: 18px;
    margin-left: 25px;
    margin-top: -28px;
}

.kennzeichen{
    margin-left: 35px;
    margin-top: 10px;
}

.kfzImage{
    margin-left: 281px;
    margin-top: -70px;
    border-bottom-right-radius: 5px;
}

.stromImage{
    margin-left: 344px;
    margin-top: -227px;
}

.kennzeichenTextLarge{
    margin-top: -57px !important;
    margin-left: 151px !important;
    width: 58px !important;
    height: 50px !important;
}

.kennzeichenTextSmall{
    margin-top: -57px !important;
    margin-left: 37px !important;
    width: 58px !important;
    height: 50px !important;
}

.kennzeichenTextMedium{
    margin-top: -56px !important;
    margin-left: 35px !important;
    width: 68px !important;
    height: 54px !important;
}

.blueContainer{
    background-color: #0E71B4;
    margin-left: 0px !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    /*max-height: 396px;*/
    /*min-height: 396px;*/
}

.selectbox select{
    background: #ffffff url('/bundles/bundles/vcmsstart/images/icon-arrow-dropdown.png') no-repeat 100% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    padding: 5px;
}

.blueContainerKredit{
    background: url("/bundles/bundles/vcmsstart/images/kreditBanner.png")no-repeat;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.blueContainerImmo{
    background: url("/bundles/bundles/vcmsstart/images/bundles/vcmsstart/images/immo-banner.jpg")no-repeat;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.positionUp{
    margin-top: -60px;
}

.blueContainerCredit h2{
    color: #ffffff;
}

.blueContainer h2,h5{
    color: #ffffff;
}

.blueContainerMedium h2,h5{
    color: #ffffff;
}

.frau{
    margin-top: 25px;
    margin-left: 325px;
    z-index: 2;
}

.frauMedium{
    margin-top: 25px;
    margin-left: 520px;
    z-index: 2;
}

.Padding{
    padding-left: 20px;
    padding-top: 20px;
}

.rightUp{
    margin-top: -30px;
    margin-left: 794px;
    margin-bottom: 20px;
}

.rightUpMedium{
    margin-top: -75px;
    margin-right: 10px;
}

.greyBox{
    margin-bottom: 10px;
}

.greyBox img{
    margin-left: -15px;
}

.borderMax{
    margin-right: 20px;
    border: 5px solid #ffffff;
}

.liftup{
    border-left: 2px solid #bebebe;
    margin-bottom: 20px;
}

.liftup h5{
    color: #000000;
}

.liftup p{
    margin: 0px;
    font-size: 11px;
}

.link_liftup{
    font-size: 11px;
    margin: 0px;
}

body.strom .liftup p, body.kredit .liftup p, body.immo .liftup p { font-size: 14px; }

.liftup p b a {
    color: #000;
}

.lift{
    margin-top: -134px;
    left: 165px;
}

.lift p{
    margin: 0px;
    font-size: 11px;
}

.floatleft{
    margin-top: -134px;
    right: -335px;
}

.floatleft p{
    margin: 0px;
    font-size: 11px;
}

.floatright{
    margin-top: -134px;
    right: 135px;
}

.floatright p{
    margin: 0px;
    font-size: 11px;
}

.fraucreditMedium{
    margin-top: -166px;
    margin-left: 520px;
}

.fraucreditLarge{
    margin-top: -166px;
    margin-left: 325px;
}

.margin{
    margin: 20px;
}

.margin p{
    margin: 23px;
}

.up{
    margin-top: -10px;
}

.fullWidth{
    width: 100% !important;
}

.large-20{
    width: 20%;
    margin-bottom: 10px;
    text-align: center;
}

.menuBoxExpandable{
    background: none repeat scroll 0 0 #f2f2f2;
    border: 1px solid #777777;
    display: none;
    padding: 20px;
    position: absolute;
}

.menuBoxDescriptionP{
    font-size: 0.8rem !important;
}

.equalize:hover .menuBoxExpandable {
    display: block;
    top: 35px;
}

.hybrid-bar .tab-bar {
    height: 2.8125rem;
}

.hybrid-bar .name a  {
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    padding: 0 15px;
}
@media only screen and (min-width: 40.063em) {
    .contain-to-grid .hybrid-bar {
        max-width: 62.5rem;
        margin: 0 auto;
        margin-bottom: 0;
    }
    .hybrid-bar {
        background: none repeat scroll 0 0 #0e71b4;
        overflow: hidden;
    }
    .hybrid-bar .tab-bar {
        display: inline-block;
    }
    .hybrid-bar .right-off-canvas-menu {
        display: inline;
        width: auto;
        height: auto !important;
        top: auto;
        bottom: auto;
        position: relative; }

    .hybrid-bar ul.off-canvas-list {
        float: right;
        list-style-type: none;
        padding: 0;
        margin: 0; }
    .hybrid-bar ul.off-canvas-list li label {
        padding: 0.3rem 0.9375rem;
        color: #999999;
        text-transform: uppercase;
        font-weight: bold;
        background: #444444;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        margin: 0; }
    .hybrid-bar ul.off-canvas-list li a {
        font-size: 16px;
        border-left: 1px solid #4D4D4D;
        display: block;
        width: 100%;
        color: white;
        padding: 12px 0 12px 0;
        padding-left: 15px;
        padding-right: 15px;
        font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-size: 0.8125rem;
        font-weight: normal;
        text-transform: none;
        background: #333333; }
    .hybrid-bar ul.off-canvas-list li a:hover {
        background: #242424; }
    .hybrid-bar ul.off-canvas-list li {
        float: left; }
}

.hybrid-bar ul.off-canvas-list li.btn-rfq {
    background: #333333;
    padding: 0 15px;
    height: 45px; }

.hybrid-bar ul.off-canvas-list li.btn-rfq > a {
    position: relative;
    top: 7px;
    background-color: #008cba;
    border-color: #007095;
    padding-top: 0.45rem;
    padding-bottom: 0.35rem;
    line-height: normal;
    color: white;}



.hybrid-bar ul.off-canvas-list li.btn-rfq > a:hover, .hybrid-bar ul.off-canvas-list li.btn-rfq > a:focus {
    background-color: #007095; }
.hybrid-bar ul.off-canvas-list li.btn-rfq > a:hover, .hybrid-bar ul.off-canvas-list li.btn-rfq > a:focus {
    color: white; }

.haekchen{
    background: url("/bundles/bundles/vcmsstart/images/haekchen_neu.png") no-repeat 0px 1px transparent;
    list-style-type: none;
    vertical-align: middle;
    padding: 0px 0px 1px 24px;
}

.haekchenBlau{
    background: url("/bundles/bundles/vcmsstart/images/haekchen-blau_neu.png") no-repeat 0px 1px transparent;
    list-style-type: none;
    vertical-align: middle;
    padding: 0px 0px 1px 24px;
}

.kredit .greyBox a, .kredit .greyBox h1, .kredit .greyBox h2, .kredit .greyBox h3, .kredit .greyBox h4, .kredit .greyBox p {
	color: #F19300;
}

.strom .greyBox a, .strom .greyBox h1, .strom .greyBox h2, .strom .greyBox h3, .strom .greyBox h4, .strom .greyBox p {
	color: #96BD0D;
}

.immo .greyBox a, .immo .greyBox h1, .immo .greyBox h2, .immo .greyBox h3, .immo .greyBox h4, .immo .greyBox p {
	color: #37A8DB;
}

.versicherung .greyBox a, .versicherung .greyBox h1, .versicherung .greyBox h2, .versicherung .greyBox h3, .versicherung .greyBox h4, .versicherung .greyBox p {
	color: #D40050;
}
.versicherung .greyBox p b a, .kredit .greyBox p b a, .strom .greyBox p b a, .immo .greyBox p b a {
	color: #000000;
}