/*
* CSS-Datei für die Contentseiten auf www.haendlerbund.de.
* Bitte die CSS-Abschnitte mit folgen Infos versehen:
*
* Autor: Max Mustermann
* URL: www.haendlerbund.de/muster-seite
/** -- Anfang -- **/
/*
* .musterKlasse{
*   margin: 0 0 0 0;
* }
*/
/** -- Ende -- **/


/*
* Klassen zu übergreifender Verwendung
*/

/*Spaceer*/
.height-10{
    height: 10px;
    width: 100%;
    clear: both;
}
.height-20{
    height: 20px;
    width: 100%;
    clear: both;
}
.height-30{
    height: 30px;
    width: 100%;
    clear: both;
}
.height-40{
    height: 40px;
    width: 100%;
    clear: both;
}
.height-50{
    height: 50px;
    width: 100%;
    clear: both;
}

/* Modul Wir beziehen Stellung */
#megafon{
	position:absolute;
	right:10px;	
	top:12px;
	z-index:99
}
#stellhead{
	padding-top:15px;
	position:relative;
	z-index:100;
	margin-bottom:0px!important;
}
.date{
	color:silver;
	margin-bottom:0px!important;
	
}
.meinAnchor{
	text-decoration:underline;
	display:inline-block;
	float:right;
}

/* Modul technischer Support */
.techsupportmodul{
    background:url("/images/content/technischer-support/techsupport-grafik.png") no-repeat bottom;
    height: 320px;
}
.techsupportmodulkbs{
    background:url("/images/content/technischer-support/techsupport-grafik.png") no-repeat bottom;
    height: 360px;
}
/** -- Ende -- **/

/*Error Meldung von CF */
.gvalidation-error-text{
    text-align: left;
}

/* Formular Abmahnungs-Upload */

.uploadWrapper{
    width: 290px;
    position: relative;
}
.uploadHeader{
    clear: both;
}
.uploadHeader img{
    float: left;
    margin-right: 15px;
}
.uploadHeaderText{
    width: 294px;
}
#upload-telnummer,
#upload-e-mail{
    width: 290px !important;
    height: 25px;

}
.deleteUpload{
    margin-bottom:15px;
}

.fileUpload:not(#speicher1),
.deleteUpload{
    display:none;
}
#speicher1,
#speicher2,
#speicher3,
#speicher4,
#speicher5{
    width: 275px !important;
}
#speicher2{
    margin-top:15px;
}
.deleteUpload{
    cursor: pointer;
    color: black;
    text-decoration: underline;
    padding: 2px 6px;
    width: 94px;
    margin-top: 5px;
    position: relative;
    left: 191px;
}
.deleteUpload:hover{
    background-color: #002e51 ;
    color: #ffffff;
}
.uploadAbmahnung{
    margin-bottom: 5px;
}
.uploadAbmahnung .left{
    border-right: 2px solid #c2c2c2;
}
.uploadAbmahnung .right img{
    margin-top: 40px;
}
.uploadAbmahnung #errorField{
    border: 1px solid#990000;
    padding: 10px;
    color: #fff;
    margin: 15px 0px 15px 0px;
    background: red;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
}
.uploadAbmahnung .gvalidation-error-tip{
    max-width: 220px !important;
}
.uploadAbmahnung #addUpload{
    text-decoration: none;
}
.uploadAbmahnung #addUpload:hover{
    cursor: pointer;
}
.uploadAbmahnung .gcore-subinput-container:not(:first-child) {
    padding-left: 0;
}
.ABlineUP {
    width: 100%;
    height: 10px;
    background-image: url(/modules/mod_abmahnungUpload/img/trenner2.png);
}
.ABlineDOWN {
    width: 100%;
    height: 10px;
    margin-bottom: 15px;
    background-image: url(/modules/mod_abmahnungUpload/img/trenner2.png);
}
/** -- Ende -- **/

/* Modul Abmahnungs-Upload */

.modulUploadAbmahnung{
    width: 210px;
    position: relative;
}
.modulUploadAbmahnung .uploadWrapper{
    width: 223px;
}
.modulUploadAbmahnung .uploadHeaderText{
    width: 214px;
}
.modulUploadAbmahnung .uploadHeaderText p{
    margin: 0;
    padding: 0;
}
.modulUploadAbmahnung #upload-telnummer,
.modulUploadAbmahnung #upload-e-mail{
    width: 210px !important;

}
.modulUploadAbmahnung #ftd-custom2{
    margin: 0;
    padding: 0 !important;
}
.deleteUpload{
    margin-bottom:15px;
}

.fileUpload:not(#speicher1),
.deleteUpload{
    display:none;
}
.modulUploadAbmahnung #speicher1,
.modulUploadAbmahnung #speicher2,
.modulUploadAbmahnung #speicher3,
.modulUploadAbmahnung #speicher4,
.modulUploadAbmahnung #speicher5{
    width: 195px !important;
}
.modulUploadAbmahnung .deleteUpload{
    cursor: pointer;
    color: white;
    background-color: red;
    padding: 2px 6px;
    width: 7px;
    margin-top: 5px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
}
.modulUploadAbmahnung .deleteUpload:hover{
    background-color: #990000 ;
}
.modulUploadAbmahnung  #errorField{
    width: 210px;
    border: 1px solid#990000;
    padding: 10px;
    color: #fff;
    margin: 15px 0px 15px 0px;
    background: red;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
}
.modulUploadAbmahnung #addUpload:hover{
    cursor: pointer;
}
.modulUploadAbmahnung .gcore-subinput-container:not(:first-child) {
    padding-left: 0;
}
#right .validation{
    width: 210px;
    padding: 0;
}
#right .validation ul li{
    font-size: 10px;
}
#right .system-message{
    padding: 0;
    margin: 0;
}
/** -- Ende -- **/

/* accordionWrapper  */
.accordionWrapper .detailHeading{
    padding: 2px 4px 2px 10px;
    font-size: 14px;
    color: #000000 !important;
    border: 1px solid #d3d3d3;
    font-weight: normal;
    background: #e6e6e6 url("/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
}
.accordionWrapper .arrowUp,
.accordionWrapper .arrowDown{
    position: relative;
    top: 4px;
    right: 0px;
}
.accordionWrapper .arrowUp {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #000 transparent;
    margin-top: 5px;
    margin-right: 5px;
}
.accordionWrapper .arrowDown {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #000 transparent transparent transparent;
    margin-top: 5px;
    margin-right: 5px;
}
.accordionWrapper .accordionContent{
    display: none;
    border: 1px solid #eee;
    padding: 10px 20px;
    margin: -10px 0 20px 0;
}
.thanksMessage{
    max-width: 100%;
    border: 1px solid #57a14e;
    background: #afe3a9;
    padding: 20px;
    margin-bottom: 15px;
}
.thanksMessage p{
    margin: 0 !important;
    padding: 0 !important;
    color: #000;
}
/** -- Ende -- **/

/** -- Anfang -- **/
.blockDiv{
    display: block;
}
.neuContent{
    background: rgba(255,255,5,0.2);
}
.bgLightBlue{
    background: #e4ebf1;
}
.bgDarkBlue{
    background: #002e51;
}
.bgDarkBlue p{
    color: #ffffff;
}
.chrono_credits{
    display: none;
}
.clear{
    clear: both;
}
.disNone{
    display: none;
}
.relDiv{
    position: relative;
}
.arrowUp {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #000 transparent;
    margin-top: 5px;
    margin-right: 5px;
}
.arrowDown {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #000 transparent transparent transparent;
    margin-top: 5px;
    margin-right: 5px;
}
.pureUL{
    list-style-image: none;
    list-style: none;
}
.pureUL li{
    margin-bottom: 10px;
}
.ui-icon
{
    background-image: url(/images/jquery-ui/ui-icons_ffffff_256x240.png) !important;
}
.contentWrapper{
    position: relative;
}
.contentWrapper img {
    vertical-align: middle;
}
.contentWrapper p{
    text-align: justify;
}
.blueInfoBox{
    background: #dce6f2;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
    padding: 10px;
}
.blueInfoBox p{
    margin: 0;
    padding: 0;
}
.bgInfoboxShadow .left{
    width: 70%;
    float: left;
}
.bgInfoboxShadow .right{
    width: 30%;
    float: left;
    text-align: center;
}
.bgInfobox{
     background-color: #e4ebf1;
     padding: 10px;
     margin: 15px 0;
 }
.bgInfoboxgrey{
    background-color: #f3f3f3;
    padding: 10px;
    margin: 15px 0;
}
.bgInfoboxgrey p,
.bgInfobox p{
    margin: 0;
    padding: 0;
}
.bgInfoboxShadow{
    width: 663px;
    -webkit-box-shadow: 2px 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px 2px #ccc;
    border: 1px solid silver;
    padding: 10px;
    margin-bottom: 15px;
}
.ks-ecetBox{
    height: 89px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    padding: 1px 0;
}
.ks-ecetBox p{
    padding-top: 0;
}
.ks-ecetBox img{
    height: 90px;
    float: left;
    margin-right: 10px;
    position: relative;
    left: -10px;
}
.checkListPlus{
    line-height: 17px;
    list-style-image: url("/images/icons/gruen-plus.png");
    position: relative;
    left: 10px;
}
.checkListhaken{
    line-height: 17px;
    list-style-image: url(/images/haendlerbund/AGB/haken3.png);
    position: relative;
    left: 10px;
}

.checkListInfobox{
    line-height: 17px;
    list-style-image: url(/images/haendlerbund/AGB/haken3.png);
    position: relative;
    left: 50px;
}
.ui-accordion-content{
    color: #323232 !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px !important;
    line-height: 150% !important;
    text-align: justify;
}
.ulTowCol li{
    float: left;
}
.orangeText{
    color: #eb8205;
}
.orangeBigText{
    color: #eb8205;
    font-size: 14px;
}
.boldText{
    font-weight: bold;
}
.blueText{
    color: #002e51;
}
.blueBoldText{
    color: #002e51;
    font-weight: bold;
}
.blueBigText{
    color: #002e51;
    font-size: 14px;
}
.blackBigText{
    color: #000000;
    font-size: 14px;
}
.redBigText{
    color: #e11b1d;
    font-size: 14px;
    font-weight: bold;
}
.whiteBigText{
    color: #ffffff;
    font-size: 14px;
}
.greySmallText{
    color: #999999;
    font-size: 10px;
}
.greyText{
    color: #999999;
}
.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}
.grayBGH3{
    background: #F2F2F2;
    padding-left: 5px;
}
.modulheadline{
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin: 8px 0 10px 0;
}
.firstBigLetter{
    float: left;
    font-size: 75px;
    line-height: 50px;
    padding: 10px 5px 0px 0px;
}
.btnUserSquare{
    background: #24649c;
    background: -moz-linear-gradient(top,rgba(36,100,156,1) 0,rgba(0,41,77,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(36,100,156,1)),color-stop(100%,rgba(0,41,77,1)));
    background: -webkit-linear-gradient(top,rgba(36,100,156,1) 0,rgba(0,41,77,1) 100%);
    background: -o-linear-gradient(top,rgba(36,100,156,1) 0,rgba(0,41,77,1) 100%);
    background: -ms-linear-gradient(top,rgba(36,100,156,1) 0,rgba(0,41,77,1) 100%);
    background: linear-gradient(to bottom,rgba(36,100,156,1) 0,rgba(0,41,77,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24649c',endColorstr='#00294d',GradientType=0);
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding: 8px 10px 7px 10px;
    margin: 0 0 15px 0;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    width: auto;
}
.slides{
    margin: 0 !important;
    padding: 0 !important;
}
/*-- Mitglied werden oben rchts im Header --*/
.mitgliedWerden {
    display: inline-block;
    margin-top: 8px;
}
.mitgliedWerden a{
    color: #4B4949;
    text-decoration: underline;
    font-size: 14px;
    font-weight: bold;
}
.icon-orange-01:before{
    content: url("/images/icons/icon-orange-01.png");
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
}
.icon-orange-02:before{
    content: url("/images/icons/icon-orange-02.png");
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
}
.icon-orange-03:before{
    content: url("/images/icons/icon-orange-03.png");
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
}
/** -- Gridsystem -- **/
.row {
    margin-right: -10px;
    margin-left: -10px;
}
.grid3{
    width: 214px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
.grid4{
    width: 253px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
.grid5{
    width: 321px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
.grid6{
    width: 398px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
    box-sizing: border-box;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TEN  */
.span_10_of_10 {
    width: 100%;
}

.span_9_of_10 {
    width: 89.84%;
}

.span_8_of_10 {
    width: 79.68%;
}

.span_7_of_10 {
    width: 69.52%;
}

.span_6_of_10 {
    width: 59.36%;
}

.span_5_of_10 {
    width: 49.2%;
}

.span_4_of_10 {
    width: 39.04%;
}

.span_3_of_10 {
    width: 28.88%;
}

.span_2_of_10 {
    width: 18.72%;
}

.span_1_of_10 {
    width: 8.56%;
}
.img-responsive {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.img-center {
    display: block;
    height: auto;
    margin: 0 auto;
}
.row .spaceLeft{
    padding-left: 5px;
}
/** -- Gridsystem -- **/
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/marketing
*/

/** -- Anfang -- **/
.marketingLeistung h3{
    color: #002e51;
}
.lineOrange{
    border-bottom: 1px #eb8205 solid;
    padding-bottom: 5px;
}
.orangeNumber{
    color: #eb8205;
    font-size: 20px;
}

#marketingLeistung01,
#marketingLeistung02,
#marketingLeistung03,
#marketingLeistung04,
#marketingLeistung05{
    position: absolute;
}
#marketingLeistung01{
    width: 466px;
    top: 80px;
    left: 216px;
}
#marketingLeistung02{
    width: 330px;
    top: 206px;
    left: 351px;
}
#marketingLeistung03{
    width: 320px;
    top: 355px;
    left: 360px;
}
#marketingLeistung04{
    width: 343px;
    top: 500px;
    left: 339px;
}
#marketingLeistung05{
    width: 422px;
    top: 610px;
    left: 260px;
}
/*Liste mit grünem Plus am Anfang*/
.greenPlus{
    float: left;
    line-height: 17px;
    list-style-image: url(/images/haendlerbund/ul-li-greenplus.png);
    margin-bottom: 20px;
    position: relative;
    left: 30px;
}
.centerText{
    text-align: center !important;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/kaeufersiegel/kundenbewertung-basic-mitgliedschaftspaket
*/

/** -- Anfang -- **/
.kbm #accordion{
    margin: 20px 0;
}

.kbm ol{
    padding: 0 0 0 20px;
}
.kbm .btnUserSquare{
    float: right;
}
.kbm .ulTowCol li{
    width: 34%;
}
.kbm .centerText{
    padding: 5px 0;
    color: #999999;
}
.kbm .ui-state-active {
    background: #00294d;
    color: #ffffff !important;
}
.kbm .ksText{
    color: #4D4A98;
    font-size: 18px;
}
.kbm .wk-slideshow-square .next,
.kbm .wk-slideshow-square .prev{
    position: absolute;
    z-index: 999;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    cursor: pointer;
}
.kbm .bgInfobox:hover .next{
    right: -35px;
    display: block;
}
.kbm .bgInfobox:hover .prev{
    left: -35px;
    display: block;
}
.kbm .bgInfobox{
    padding: 10px 40px;
    background: #ECECEC;
}
.kbm table tr{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/lockbox-aktion
*/

/** -- Anfang -- **/
.lockbox .greySmallText{
    margin: 0;
}

.lockbox .blackBigText{
    font-weight: bold;
}
.lockbox .checkListInfobox{
    left: 10px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/hilfe-bei-abmahnung/abmahnung-wettbewerbsrecht
*/

/** -- Anfang -- **/
.abmahnungwettbewerbsrecht .blackBigText{
    font-weight: bold;
}
.abmahnungwettbewerbsrecht .pureUL li{
    margin: 0;
}
.abmahnungwettbewerbsrecht .orangeText{
    color: #eb8205;
    font-size: 24px;
    line-height: 1.2;
    margin-top: 34px;
    display: block;
}
.abmahnungwettbewerbsrecht .bgpfeile{
    background: url("/images/content/hilfe-bei-abmahnung/wettbewerbsrecht/bg-pfeile.png") no-repeat 200px 3px;
    height: 180px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/facebook-shop
*/

/** -- Anfang -- **/
.firstBigLetter {
    float: left;
    font-size: 59px;
    line-height: 40px;
    font-family: serif;
    padding-bottom: 18px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/agb-service/agb/agb-print-kataloge
*/

/** -- Anfang -- **/
.agb-print-katalog .bgInfobox{
    background: url('/images/content/agb-print-katalog/agb-print-katalog-info.png') -10px -4px #eeeeee no-repeat;
    padding-left: 50px;
    background-size: 45px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/technischer-support
*/

/** -- Anfang -- **/
.techsupport .introbox{
    background: url("/images/content/technischer-support/bg-introbox.jpg") no-repeat;
    height: 300px;
}
.techsupport .introboxContent{
    color: #ffffff;
    position: relative;
    left: 230px;
    top: 20px;
    width: 330px;
}
.techsupport .introboxContent h1{
    color: #ffffff !important;
    margin-bottom: 5px;
}
.techsupport .introboxContent .whiteBigText{
    font-size: 15px;
}
.techsupport .introboxContent ul{
    list-style-image: url("/images/haendlerbund/haken6.png");
}
.techsupport .introboxContent li{
    font-size: 15px;
    padding-bottom: 15px;
}
.techsupport .blueText{
    color: #3775b9;
}
.techsupport .toolh3{
    background: url("/images/icons/toolh3.png");
    background-size: cover;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
}
.techsupport .orangeText{
    padding-bottom: 15px;
    padding-top: 10px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/kaeufersiegel/kaeuferschutz
*/

/** -- Anfang -- **/
.kaeuferschutz .border{
    border-radius: 20px;
    border: 1px solid #C0C0C0;
    padding: 5px 10px;
}
.kaeuferschutz #vorteileOnlineHaendler{
    background: url("/images/haendlerbund/kaeufersiegel/kaeuferschutz/bg-vorteile.jpg")0 65px no-repeat;
    height: 430px;
}
#vorteileOnlineHaendler .content-unten{
    position: relative;
    top: 150px;
    left: 288px;
}
.kaeuferschutz .border p{
    margin: 0px !important;
}
.kaeuferschutz .border a{
    padding: 5px 0 0 0;
    display: inline-block;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/hilfe-bei-abmahnung/abmahnung-amazon
*/

/** -- Anfang -- **/
.abmahnungAmazon ul,
.abmahnungAmazon ol{
    padding-left: 28px;
}
.abmahnungAmazon .orangeText{
    text-align: right;
    font-size: 22px;
    line-height: 1.2;
}
.abmahnungAmazon .infoIcon{
    background: url("/images/icons/icon-info-button.png") no-repeat;
    background-size: 30px;
    height: 30px;
    width: 30px;
    display: block;
    float: left;
}
.abmahnungAmazon .infoH2{
    background: #eee;
    height: 30px;
    line-height: 1.8;
    margin-left: 20px;
    padding-left: 15px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/hilfe-bei-abmahnung/abmahnung-amazon
*/

/** -- Anfang -- **/
.rahmenvertraege .shadowlogo{
    border: 1px solid silver;
    box-shadow: 3px 3px 4px silver;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/weisse-ware
*/

/** -- Anfang -- **/

.weisseware .pmargin p{
    margin: 0 0 10px 0;
}

/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/weisse-ware
*/

/** -- Anfang -- **/
.rechtstexteVerkauf .switchHeader{
    background: url("/images/content/rechtstexte-verkaufsplattformen/bg-rechtstexte-verkauf.jpg") no-repeat;
    height: 246px;
    width: 683px;
}
.rechtstexteVerkauf .icon-blaetter {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-blaetter.png") no-repeat;
    height: 25px;
    width: 25px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .icon-haus {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-haus.png") no-repeat;
    height: 25px;
    width: 25px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .icon-pfeil {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-pfeil.png") no-repeat;
    height: 25px;
    width: 25px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .icon-zettel-50x50 {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-zettel-50x50.jpg") no-repeat;
    height: 50px;
    width: 50px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .icon-blaetter-50x50 {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-blaetter-50x50.jpg") no-repeat;
    height: 50px;
    width: 50px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .icon-haus-50x50 {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-haus-50x50.jpg") no-repeat;
    height: 50px;
    width: 50px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .icon-pfeil-50x50 {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-pfeil-50x50.jpg") no-repeat;
    height: 50px;
    width: 50px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .icon-zettel {
    display: block;
    background: url("/images/content/rechtstexte-verkaufsplattformen/icon-zettel.png") no-repeat;
    height: 25px;
    width: 25px;
    margin: 0 5px 0 0;
    float: left;
}
.rechtstexteVerkauf .switchHeaderContent{
    width: 330px;
    position: relative;
    top: 10px;
    left: 20px;
}
.rechtstexteVerkauf .switchHeaderContent h1{
    font-size: 20px;
}
.rechtstexteVerkauf .selectMenu{
    border: 1px solid #002e51;
}
.rechtstexteVerkauf ul{
    padding-left: 31px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/verkaufsplattformen/amazon
*/

/** -- Anfang -- **/
.switchHeaderContent .selectDiv{
    width: 320px;
    height: 25px;
    overflow: hidden;
    background: url('/images/select.gif') no-repeat right #fff;
    background-size: 25px;
    border: 1px solid #ccc;
}
.switchHeaderContent .selectDiv select{
    background: transparent;
    width: 340px;
    height: 25px;
    padding: 5px;
    font-size: 12px;
    line-height: 1.5;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/verkaufsplattformen/amazon
*/

/** -- Anfang -- **/
.bgInfoboxgrey img{
    float: left;
    margin-right: 10px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/beirat
*/

/** -- Anfang -- **/
#checklist3 li{
    padding: 5px 0;
}
.icon-punkt01:before{
    content: url("/images/content/beirat/icons/punkt01.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
}
.icon-punkt02:before{
    content: url("/images/content/beirat/icons/punkt02.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
}
.icon-punkt03:before{
    content: url("/images/content/beirat/icons/punkt03.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
}
.icon-punkt04:before{
    content: url("/images/content/beirat/icons/punkt04.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 9px;
}
.icon-punkt05:before{
    content: url("/images/content/beirat/icons/punkt05.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
}
.icon-punkt06:before{
    content: url("/images/content/beirat/icons/punkt06.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 9px;
}
.icon-punkt07:before{
    content: url("/images/content/beirat/icons/punkt07.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
}
.icon-punkt08:before{
    content: url("/images/content/beirat/icons/punkt08.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
}
.icon-punkt09:before{
    content: url("/images/content/beirat/icons/punkt09.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 9px;
}
.icon-punkt10:before{
    content: url("/images/content/beirat/icons/punkt10.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 0px;
}
.icon-punkt11:before{
    content: url("/images/content/beirat/icons/punkt11.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
}
.icon-punkt12:before{
    content: url("/images/content/beirat/icons/punkt12.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 9px;
}
.icon-punkt13:before{
    content: url("/images/content/beirat/icons/punkt13.png");
    width: 21px;
    height: 19px;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 9px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/beirat/stellungnahmen
*/

/** -- Anfang -- **/
.hbStellung{
    margin: 20px 0;
}
.hbStellung .datainfo{
    font-size: 10px;
}
.hbStellung .datum{
    font-size: 10px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/verpackungsmaterial
*/

/** -- Anfang -- **/
.verpackungsmaterial .orangeText{
    font-size: 13px;
}
.verpackungsmaterial .infobox{
    background: #DCE6F2;
    margin: 10px 0 25px 0;
}
.verpackungsmaterial .bgwrapper{
    background: #ffffff;
    margin: 0 0 0 8px;
    padding: 2px 5px;
    height: 166px;
}
.verpackungsmaterial .bgwrapper ol{
    margin-top: 10px;
    margin-left: 17px;
}
.verpackungsmaterial .bgwrapper ol li{
    margin-bottom: 10px;
}
.verpackungsmaterial .img-responsive{
    margin-top: 10px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://dev.haendlerbund.de/Referenzshops
*/

/** -- Anfang -- **/
.referenzshops .bgDarkBlue p{
    margin: 0;
    padding: 10px 0;
}
.referenzshops .span_5_of_10 .bgLightBlue p{
    margin: 0;
}
.referenzshops .span_5_of_10 .bgLightBlue{
    padding: 10px;
    height: 90px;
}
.referenzshops .whiteBorder{
    border: 2px solid #ffffff;
}
.referenzshops #sliderShops{
    width: 620px;
    margin: 0 auto;
}
.referenzshops .slideWrapper{
    padding: 10px;
    -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.3);
}
.referenzshops .owl-controls{
    display: none;
}
.referenzshops  #owlNextButton:hover,
.referenzshops  #owlPrevButton:hover{
    cursor: pointer;
}
.referenzshops .bgInfoboxgrey{
    margin: 25px 0 19px;
}
.referenzshops .paddingLeft{
    padding-left: 35px;
}
.referenzshops .bgDarkBlue{
    padding-left: 10px;
}
.referenzshops .centerContent{
    width: 180px;
    margin: 0 auto;
}
.referenzshops .bgLightBluepadding{
    padding: 10px 0;
    background: #e4ebf1;
}
.referenzshops .blueBoldTextpadding{
    padding: 0 10px;
    color: #002e51;
    font-weight: bold;
}
.referenzshops .divWrapper{
    margin-bottom: 5px;

}
.referenzshops .divWrapper .divleft{
    border-right: 2px #FFFFFF solid;
}
.referenzshops .divWrapper .divright{
    border-left: 2px #FFFFFF solid;
}
.referenzshops .divWrapper .divright,
.referenzshops .divWrapper .divleft{
    box-sizing: border-box;
    width: 50%;
    float: left;
    background: #e4ebf1;
    min-height: 180px;
}
.referenzshops .divWrapper .divleftContent,
.referenzshops .divWrapper .divrightContent{
    padding: 10px 50px 10px 10px;
}
.referenzshops .greySmallText{
    line-height: 1.2;
}
.referenzshops .owl-item img:hover{
    cursor: pointer;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/insidertipp-verkaufsplattformen
*/

/** -- Anfang -- **/

.insider-tip .infobox{
    background: url("/images/insider-tipp.jpg") no-repeat;
    background-size: cover;
    width: 188px;
    height: 144px;
    position: absolute;
    right: 0;
    top: 285px;
}

.insider-tip .infobox p{
    display: block;
    position: relative;
    top: 61px;
    left: 19px;
    width: 150px;
}

/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/faq-haeufig-gefragt
*/

/** -- Anfang -- **/
.faq-haeufig-gefragt h2{
    margin-top: 15px;
}
.faq-haeufig-gefragt .topBox .heading {
    background: #00294d;
    display: block;
    color: white;
    padding: 10px;
    font-size: 14px;
}
.faq-haeufig-gefragt .topBox p {
    margin-bottom: 0px;
    margin-top: 0px;
}
.faq-haeufig-gefragt .topBox {
    background: #F2F8FE;
}
.faq-haeufig-gefragt .detailHeading{
    padding: 2px 4px 2px 10px;
    font-size: 14px;
    color: #000000 !important;
    border: 1px solid #d3d3d3;
    font-weight: normal;
    background: #e6e6e6 url("/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
}
.faq-haeufig-gefragt .arrowUp,
.faq-haeufig-gefragt .arrowDown{
    position: relative;
    top: 4px;
    right: 0px;
}
.faq-haeufig-gefragt .arrowUp {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #000 transparent;
    margin-top: 5px;
    margin-right: 5px;
}
.faq-haeufig-gefragt .arrowDown {
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #000 transparent transparent transparent;
    margin-top: 5px;
    margin-right: 5px;
}
.faq-haeufig-gefragt .ui-state-default{
    background: #F2F8FE;
}
.faq-haeufig-gefragt .ui-state-active {
    background: #00294d;
    color: #ffffff !important;
}
.faq-haeufig-gefragt .ui-state-default .ui-icon{
    background-image: url("/images/jquery-ui/ui-icons_222222_256x240.png") !important;
}
.faq-haeufig-gefragt .ui-state-active .ui-icon{
    background-image: url("/images/jquery-ui/ui-icons_ffffff_256x240.png") !important;
}
.faq-haeufig-gefragt .ui-widget-content a{
    color: #558DBF;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* Modul: Kooperierende Verbände
*/

/** -- Anfang -- **/
img.desaturate{
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(desaturate.svg#greyscale);
    filter: gray;
    -webkit-filter: grayscale(1)
}
img.desaturate:hover{
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: url(desaturate.svg#greyscale);
    filter: none;
    -webkit-filter: grayscale(0)
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/abmahnvertretung
*/

/** -- Anfang -- **/
.abmahnvertretung .bg-teaser01{
    background: url("/images/content/abmahnvertretung/bg-teaser01.jpg") no-repeat;
    padding-top: 78px;
    height: 88px;
}
.abmahnvertretung .checkListhaken{
    margin: 0;
}
.abmahnvertretung ol{
    padding: 0 0 0 20px;
    line-height: 1.5;
}
.abmahnvertretung ol li{
    margin: 13px 5px;
}
.abmahnvertretung .ulTowCol{
    list-style: none;
}
.abmahnvertretung .ulTowCol li{
    min-width: 290px;
    height: 30px;
    margin: 5px 0 10px;
    line-height: 30px;
    background: rgba(232,227,232,1);
    background: -moz-linear-gradient(left, rgba(232,227,232,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,227,232,1)), color-stop(54%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(232,227,232,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(232,227,232,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(232,227,232,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(232,227,232,1) 0%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e3e8', endColorstr='#ffffff', GradientType=1 );
}
.abmahnvertretung .ulTowCol li:before{
    content: url(../images/haendlerbund_li.png);
    padding: 0 5px;
}
.abmahnvertretung .rightText{
    text-align: right;
    font-size: 16px;
    line-height: 1.5;
}
.abmahnvertretung .-abmanung{
    margin: 0;
    padding: 10px;
    width: 311px;
    min-height: 200px;
}
.abmahnvertretung .-abmanung img{
    width: 40px;
    height: 33px;
    margin: 0 15px 15px 15px;
}
.abmahnvertretung input[type="file"]{
    border: 1px solid #c2c2c2;
    width: 294px;
    margin: 2px 0;
}
.abmahnvertretung input[type="text"]{
    border: 1px solid #c2c2c2;
    padding: 5px;
    width: 283px;
    margin: 2px 0;
}
.abmahnvertretung .-abmanung .ABcontent{
    width: auto;
}
.abmahnvertretung .bgInfoboxgrey{
    margin: 0;
    height: 300px;
}
.abmahnvertretung .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.abmahnvertretung .custom-file-input::before {
    content: 'Durchsuchen';
    display: inline-block;
    background: #3775b9;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    color: #ffffff;
}
.abmahnvertretung .custom-file-input:hover::before {
    border-color: black;
}
.abmahnvertretung .custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
.abmahnvertretung #infoBoxRightHeadline,
.abmahnvertretung #infoBoxLeftHeadline{
    position: relative;
    top: 7px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/unsere-rechtsberatung
*/
/** -- Anfang -- **/
.a-b-rechtsberatung .premium-unlimitedTeaser .blueBigText,
.a-b-rechtsberatung .telefonTeaser .blueBigText,
.a-b-rechtsberatung .premiumTeaser .blueBigText,
.a-b-rechtsberatung .unlimitedTeaser .blueBigText{
    font-size: 18px;
    line-height: 1.5;
}
.a-b-rechtsberatung .premium-unlimitedTeaser .blueBigText{
    font-size: 18px;
    line-height: 2;
}
.a-b-rechtsberatung .introBox{
    padding: 10px;
    background: rgba(227,235,243,1);
    background: -moz-linear-gradient(left, rgba(227,235,243,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,235,243,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(227,235,243,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(227,235,243,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(227,235,243,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(227,235,243,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ebf3', endColorstr='#ffffff', GradientType=1 );

    -webkit-box-shadow: 5px 5px 5px 0px rgba(227,235,243,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(227,235,243,1);
    box-shadow: 5px 5px 5px 0px rgba(227,235,243,1);
}
.a-b-rechtsberatung .introBox .blueBigText{
    margin: 0 !important;
}
.a-b-rechtsberatung .introBox .introHeadline{
    font-size: 16px;
    margin-top: 0 !important;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/rechtstexte-service
*/
/** -- Anfang -- **/
.a-b-rechtstexte #infoBoxWrapper{
    margin: 20px -5px;
}
.a-b-rechtstexte .icon01,
.a-b-rechtstexte .icon02,
.a-b-rechtstexte .icon03,
.a-b-rechtstexte .icon04{
    display: inline;
    float: left;
    height: 40px;
    width: 40px;
    margin: 0 10px 0 0;
}
.a-b-rechtstexte .icon01{
    background: url("/images/content/ab-rechtstexte-service/icon01.jpg") no-repeat;
    background-size: cover;
}
.a-b-rechtstexte .icon02{
    background: url("/images/content/ab-rechtstexte-service/icon02.jpg") no-repeat;
    background-size: cover;
}
.a-b-rechtstexte .icon03{
    background: url("/images/content/ab-rechtstexte-service/icon03.jpg") no-repeat;
    background-size: cover;
}
.a-b-rechtstexte .icon04{
    background: url("/images/content/ab-rechtstexte-service/icon04.jpg") no-repeat;
    background-size: cover;
}
.a-b-rechtstexte .infoBoxSmall{
    width: 130px;
    margin: 0 4px;
    float: left;
    border-top: 8px solid #002e51;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.a-b-rechtstexte .infoBoxSmall span{
    display: block;
    background: #c6cdd1;
}
.a-b-rechtstexte .infoBoxSmall span{
    padding: 5px 10px;
    color: #002e51;
}
.a-b-rechtstexte .infoBoxSmall .infoBoxSmallContent{
    padding: 5px 10px 10px;
    background: url("/images/icons/paragraph_icon.png") no-repeat right bottom #e4edf1;
    background-size: 45px;

}
.a-b-rechtstexte .infoBoxSmall .infoBoxSmallContent p{
    text-align: left !important;
}
.a-b-rechtstexte .teaserGroup{
    padding: 13px;
}
.a-b-rechtstexte .teaserGroup h3{
    margin-bottom: 0px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/shoptiefenpruefung
*/
/** -- Anfang -- **/
.a-b-shoptiefenpruefung .teaser01{
    background: url("/images/content/ab-shoptiefenpruefung/teaser01.jpg") no-repeat;
    height: 220px;
}
.a-b-shoptiefenpruefung .teaser01 .text-left{
    display: block;
    float: left;
    position: relative;
    top: 20px;
    left: 10px;
    width: 220px;
    font-size: 19px;
    line-height: 1.3;
    color: #00294d;
}
.a-b-shoptiefenpruefung .teaser01 .text-right{
    display: block;
    float: left;
    position: relative;
    top: 20px;
    left: 180px;
    width: 260px;
    font-size: 22px;
    line-height: 1.5;
}
.a-b-shoptiefenpruefung .teaser01 .checkListhaken{
    display: block;
    position: absolute;
    top: 125px;
    left: 449px;
    width: 210px;
}
.a-b-shoptiefenpruefung .detailHeading{
    margin: 0;
}
.a-b-shoptiefenpruefung .arrowDown,
.a-b-shoptiefenpruefung .arrowUp{
    position: relative;
    top: 5px;
}
.a-b-shoptiefenpruefung .state-active .arrowUp{
    border-color: transparent transparent #ffffff transparent;
}
.a-b-shoptiefenpruefung .state-default,
.a-b-shoptiefenpruefung .state-active{
    padding: 10px 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
.a-b-shoptiefenpruefung .state-default{
    background: #F2F8FE;
    margin-bottom: 10px;
}
.a-b-shoptiefenpruefung .state-active{
    background: #00294d;
    color: #ffffff !important;
}
.a-b-shoptiefenpruefung .accContent{
    border: 1px solid #c2c2c2;
    padding: 0 10px 10px 10px;
    margin: 0 0 20px 0;
}
.a-b-shoptiefenpruefung .leistungen-vorteile .blueBigText,
.a-b-shoptiefenpruefung .unlimited-teaser .blueBigText{
    font-size: 16px;
    line-height: 1.5;
}
.a-b-shoptiefenpruefung .leistungen-vorteile .spacer01{
    height: 85px;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/haendlerbund-in-den-medien
*/
/** -- Anfang -- **/

.hb-medien-wrapper {
    margin-bottom: 30px;
    border: 1px solid #c2c2c2;
    position: relative;
    height: 190px;
}

.hb-medien-blau {
    background-color: #00294d;
    color: #fff;
    text-align: left;
    display: inline-block!important;
    width: 100%;
    height: 70px;
    margin-bottom: 150px;
}

.hb-medien-abstand-innen {
    padding: 10px;
}

.hb-medien-breite {
    width: 100%;
}

p.hb-medien-sprecher {
    color: #c2c2c2;
    font-size: 8pt;
    position: relative;
    top: 12px;
}

.hb-medien-weiss {
    margin-top: -160px;
    padding-left: 270px;
    padding-right: 20px;
}

.hb-medien-ueberschrift {
    font-size: 12pt;
}

.hb-medien-subheadline{
    color: #fff;
    position: absolute;
    top: 31px;
}

.hb-medien-datuminfo {
    color: #00294d;
    position: absolute;
    top: 75px;
    right: 20px;
}

.hb-medien-text {
    color: #000;
    margin-right: 20px;
    text-align: justify;
    position: absolute;
    top: 100px;
}

.hb-medien-breite img {
    box-shadow: 0px 0px 8px #888;
}

.hb-medien-breite a{
    width: 220px;
    height: 162px;
    display: block;
}

.hb-medien-breite a img:hover{
    cursor: pointer;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/sektoruntersuchung
*/
/** -- Anfang -- **/
.sektoruntersuchung .teaser01 .padding{
    padding-right: 20px;
}
.sektoruntersuchung #infoAnnegret{
    border: 1px solid #c2c2c2;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    box-shadow: 2px 2px 5px 0px rgba(194,194,194,1);
    text-align: center;
    width: 480px;
    margin: 30px auto;
}
.sektoruntersuchung #infoAnnegret img{
    float: left;
}
.sektoruntersuchung #infoAnnegret .padding{
    padding: 20px;
    width: 320px;
    float: right;
}
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/ecommerce-benchmark
*/
/** -- Anfang -- **/
.ecommerce-benchmark .teaser01 .span_7_of_10{
    padding-right: 125px;
}
.ecommerce-benchmark .teaser02 .span_7_of_10{
    padding-left: 30px;
}
.ecommerce-benchmark .teaser03 .span_7_of_10{
    padding-top: 80px;
}
.ecommerce-benchmark .ulTowCol li{
    width: 50%;
}
.ecommerce-benchmark .iframeWrapper{
    overflow: hidden;
}
.ecommerce-benchmark .iframeWrapper iframe{
    margin-top: -25px !important;
}
/** -- Ende -- **/


/*
* Autor: Max Krause
* URL: https://www.haendlerbund.de/professioneller-it-service
*/
/** -- Anfang -- **/
.itServiceLP h3{
    color:#00294d!important;
    margin-top:20px;
}
.itServiceLP .detailHeading,
.itServiceLP .detailHeading2{
    color:white;
    font-weight: normal;
    background:rgb(23,79,128);
    display:block;
    padding:3px 3px 3px 10px;
    font-size:13px;
    border-bottom:2px solid #fff
}
.itServiceLP .arrowUp{
    float:right;width: 0;height: 0;border-style: solid;border-width: 0 7px 7px 7px;border-color: transparent transparent #fff transparent;margin-top:5px;margin-right:5px;
}
.itServiceLP .arrowDown{
    float:right;width: 0;height: 0;border-style: solid;border-width: 7px 7px 0 7px;border-color: #fff transparent transparent transparent;margin-top:5px;margin-right:5px;
}
.itServiceLP .mitte{
    background:#fff;
    border-right: 1px solid #E8E8E8;
}
.itServiceLP .links{
    border-right: 1px solid #E8E8E8;
}
.itServiceLP .mitte4{
    background:#F2F8FE ;
    font-size: 10pt;
    text-align: center;
    width: 193px;

}
.itServiceLP .yoo-tooltip-toggler{
    margin-right:10px;
}
.itServiceLP,
.itServiceLP table{
    width:680px;
}
.itServiceLP table{
    line-height:2.2em;
    text-align:center;
    border-right:1px dotted rgb(180,180,180)!important;
    box-shadow:3px 3px 5px silver;
}
.itServiceLP table td:not(.noBorder){
    /* border:1px solid #E8E8E8!important; */
    border-left:1px dotted rgb(180,180,180)!important;
    border-bottom:1px dotted rgb(180,180,180)!important;
}
.itServiceLP table td{
    padding: 3px 7px;
}
.itServiceLP .contHalf{
    height: auto;
}
.itServiceLP .blueRow {
    background: #00294d;
    border: none!important;
    letter-spacing: 1px;
    font-size: 14px;
    color: #fff;
}
.itServiceLP img.tooltip {
    margin-top: 5px;
}
.itServiceLP #whiteSpace {
    background: white;
    height: 100px;
    position: absolute;
    bottom: -12px;
    left: 0px;
    width: 314px;
}
#kontaktdaten{
    border: 1px solid #002E51;
    margin: 15px 0px 30px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    position: relative;
    padding: 15px 30px 10px;
}
 #kontaktdaten .headline{
    position: absolute;
    top: -18px;
    background: #fff;
    padding: 0px 9px;
}
 #kontaktdaten .personImg{
     position: absolute;
     top: -80px;
     right: 0;
     height: 260px;
 }
/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/agb-service/agb/agb-b2b
*/
/** -- Anfang -- **/

#headerGrafik{
    background: url("/images/content/agb-b2b/teaser01.jpg") no-repeat;
    margin: 0 -20px;
    padding: 20px;
    position: relative;
    top: -11px;
}

/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/news/aktuelles/1592-abmahnung-nickelfrei
*/
/** -- Anfang -- **/

.nickelfrei .teaser01{
    width: 300px;
    float: right;
    margin-left: 40px;
}

/** -- Ende -- **/

/*
* Autor: Max Krause
* URL: http://www.haendlerbund.de/mitgliedschaft-vorteile/kaeufersiegel/ecommerce-europe-trustmark
*/
/** -- Anfang -- **/
.ecommerceEuropeTrustmark .blueInfoBox{
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 1.5;
}
.ecommerceEuropeTrustmark .checkListhaken{
    line-height: 21px;
}
.eetBox{
    margin: 15px 0;
}
.eetBox .buttonUser1{
    float: right;
}
.eetBox p{
    margin: 0;
    padding: 0;
}
.ecommerceEuropeTrustmark .teaser01 .span_7_of_10 p{
    padding-right: 40px;
}



#chronoform-schlichtungsstelle input[type="text"]{
    width: 200px!important;
	padding:5px 15px 5px 15px!important;
}

#chronoform-schlichtungsstelle select {
    width: 230px!important;
	padding:5px 15px 5px 15px!important;
}
#chronoform-schlichtungsstelle .gcore-radio-item{
	clear:none!important;
	float:left!important;
	margin-top:10px;
}
#hbmember1{
	margin-left:15px;
}