/* FARBEN */
/* grau #979898 */

.color1 {color: #eb4b4a; }
.color2 { color: #cb4240; }
.color3 { color: #a83836;}
.color4 { color: #1db7c2; }
.color5 { color: #1a97a0; }
.color6 { color: #08577c; }
.color7 { color: #004364; }
.color8 { color: #01324a; }

.bgcolor1 { background-color: #eb4b4a; fill: #eb4b4a;}
.bgcolor1Icon { background: #eb4b4a; border-color: #eb4b4a; }
.bgcolor1:hover { background-color: #a23432; }
.bgcolor1Icon:hover { background: #a23432; border-color: #a23432; }
div.navorg-list div.bgcolor1nav { border-left: solid 10px #eb4b4a;}
.bgcolor1Icon img:hover { background: #a23432; border-color: #a23432;}
div.bgcolor1:hover { background: #a23432; border-color: #a23432;}
div.bgcolor1:hover img { background: #a23432; border-color: #a23432;}

.bgcolor2 { background-color: #cb4240; fill: #cb4240;}
.bgcolor2Icon { background: #cb4240; border-color: #cb4240;}
.bgcolor2:hover { background-color: #802827;}
.bgcolor2Icon:hover { background: #802827; border-color: #802827;}
div.navorg-list div.bgcolor2nav { border-left: solid 10px #cb4240;}
.bgcolor2Icon img:hover { background: #802827; border-color: #802827;}
div.bgcolor2:hover { background: #802827; border-color: #802827;}
div.bgcolor2:hover img { background: #802827; border-color: #802827;}

.bgcolor3 { background-color: #a83836; fill: #a83836;}
.bgcolor3Icon { background: #a83836; border-color: #a83836; }
.bgcolor3:hover { background-color: #5a201f; }
.bgcolor3Icon:hover { background: #5a201f; border-color: #5a201f; }
div.navorg-list div.bgcolor3nav { border-left: solid 10px #a83836;}
.bgcolor3Icon img:hover { background: #5a201f; border-color: #5a201f;}
div.bgcolor3:hover { background: #5a201f; border-color: #5a201f;}
div.bgcolor3:hover img { background: #5a201f; border-color: #5a201f;}

.bgcolor4 { background-color: #1db7c2; fill: #1db7c2; }
.bgcolor4Icon { background: #1db7c2; border-color: #1db7c2; }
.bgcolor4:hover { background-color: #157d84; }
.bgcolor4Icon:hover { background: #157d84; border-color: #157d84; }
div.navorg-list div.bgcolor4nav { border-left: solid 10px #1db7c2;}
.bgcolor4Icon img:hover { background: #157d84; border-color: #157d84;}
div.bgcolor4:hover { background: #157d84; border-color: #157d84;}
div.bgcolor4:hover img { background: #157d84; border-color: #157d84;}

.bgcolor5 { background-color: #1a97a0; fill: #1a97a0; }
.bgcolor5Icon { background: #1a97a0; border-color: #1a97a0;}
.bgcolor5:hover { background-color: #125a5f; }
.bgcolor5Icon:hover { background: #125a5f; border-color: #125a5f; }
div.navorg-list div.bgcolor5nav { border-left: solid 10px #1a97a0;}
.bgcolor5Icon img:hover { background: #125a5f; border-color: #125a5f;}
div.bgcolor5:hover { background: #125a5f; border-color: #125a5f;}
div.bgcolor5:hover img { background: #125a5f; border-color: #125a5f;}

.bgcolor6 { background-color: #08577c; fill: #08577c;}
.bgcolor6Icon { background: #08577c; border-color: #08577c; }
.bgcolor6:hover { background-color: #073d57; }
.bgcolor6Icon:hover { background: #073d57; border-color: #073d57; }
div.navorg-list div.bgcolor6nav { border-left: solid 10px #08577c;}
.bgcolor6Icon img:hover { background: #073d57; border-color: #073d57;}
div.bgcolor6:hover { background: #073d57; border-color: #073d57;}
div.bgcolor6:hover img { background: #073d57; border-color: #073d57;}

.bgcolor7 { background-color: #004364; fill: #004364; }
.bgcolor7Icon { background: #004364; border-color: #004364; }
.bgcolor7:hover { background-color: #046da2; }
.bgcolor7Icon:hover { background: #046da2; border-color: #046da2; }
div.navorg-list div.bgcolor7nav { border-left: solid 10px #004364;}
.bgcolor7Icon img:hover { background: #046da2; border-color: #046da2;}
div.bgcolor7:hover { background: #046da2; border-color: #046da2;}
div.bgcolor7:hover img { background: #046da2; border-color: #046da2;}

.bgcolor8 { background-color: #01324a; fill: #01324a; }
.bgcolor8Icon { background: #01324a; border-color: #01324a; }
.bgcolor8:hover { background-color: #025279; }
.bgcolor8Icon:hover { background: #025279; border-color: #025279; }
div.navorg-list div.bgcolor8nav { border-left: solid 10px #01324a;}
.bgcolor8Icon img:hover { background: #025279; border-color: #025279;}
div.bgcolor8:hover { background: #025279; border-color: #025279;}
div.bgcolor8:hover img { background: #025279; border-color: #025279;}


.nichtvorhanden {  opacity: 0.5; }
.unbestaetigt {  opacity: 0.5; }
.hold {  opacity: 0.6; }

/* 
--------------------------------------------------------------------------------
Togglebox
--------------------------------------------------------------------------------
*/
div.datatableTogglebox {
}
areaDataTable {
  font-size: 0.725em;
}
h1.datatableToggleboxHeader,
h1.datatableToggleboxHeaderDisabled {
    display: block;
    position: relative;
    margin: 0;
    padding: 0.5em 0.5em 0.5em 2.2em;
    min-height: 0px;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    background-image: none;
    font-weight: bold;
    text-transform: none;
    background-color: #1a97a0 !important; 
}
h1.datatableToggleboxHeader {
    cursor: pointer;
}

.datatableToggleboxHeaderIcon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -8px;
}

div.datatableToggleboxContent{
    padding: 0 0 0 0.5em;
    margin: 0;
}
    div.datatableToggleboxContent table {
        margin: 0;
        width: 100%;
    }
        div.datatableToggleboxContent table td {
            padding: 0;
            font-size: 0.8em;
            line-height: 1.3;
            padding-bottom: 0.5em;
        }


/* -----------------------------------------------------------------------------------------------------*/
/* #areaAdmin                                                                                           */
/* -----------------------------------------------------------------------------------------------------*/


#areaAdmin .zeile{
    display: inline-block;
    margin: 0;
    width: 100%;
    align-items: baseline;
    justify-content: center;
}
#areaAdmin fieldset {
}
#areaAdmin legend {
    margin: auto;
    margin-bottom: 40px;
    font-size: 1.2em; 
    color: #44c5cc;
    padding: 20px;
    text-transform: uppercase
}
.no-flexbox #areaAdmin .zeile {
    float: left;
}

.box.index3  { 
    display: -moz-box;
    display: block;
    font-size: initial; 
    line-height: 1.2;
    margin: 10px;
    padding: 20px;
    text-align: center; 
    text-transform: uppercase;
    width: 100%;
}

.box.index3 a { 
    text-decoration: none; 
    display: inline;
}

.box.index3.aktiv		{ }
.box.index3.inaktiv	    { }

/*
     http://cssdeck.com/labs/hexagon-shaped-button-with-single-element
    http://creative-punch.net/2014/01/perfect-css-hexagons-size-using-transform-calc/
    https://css-tricks.com/examples/ShapesOfCSS/
*/

.sechseck {
    width: 140px;
    height: 80px;
    position: relative;
    margin: auto;
    margin-bottom: 50px;
}

.sechseck:before, .sechseck:after  {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
}

.sechseck:before {
    top: -40px;
    border-bottom-width: 40px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
}
.sechseck:after {
    bottom: -40px;
    border-top-width: 40px;
    border-top-style: solid;
    border-top-color: inherit;
}


.sechseckIcon {
    width: 35px;
    height: 20px;
    position: relative;
    margin: auto;
    margin-bottom: 30px;
}

.sechseckIcon:before, .sechseckIcon:after  {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
}

.sechseckIcon:before {
    top: -10px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
}
.sechseckIcon:after {
    bottom: -10px;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: inherit;
}

/*
    .roundHex {
  position: relative;
  margin: 0 auto;
  background: transparent;
  border-radius: 10px;
  height: 300px;
  width: 180px;
  box-sizing: border-box;
  transition: all 1s;
  border: 10px solid transparent;
  border-top-color: black;
  border-bottom-color: black;
}
.roundHex:before,
.roundHex:after {
  content: "";
  border: inherit;
  position: absolute;
  top: -10px;
  left: -10px;
  background: inherit;
  border-radius: inherit;
  height: 100%;
  width: 100%;
}
.roundHex:before {
  transform: rotate(60deg);
}
.roundHex:after {
  transform: rotate(-60deg);
}

*/

.indexmitte {

}
.inaktiv {

}
.aktiv {

}

/* ----------------------------------------------------------------------------------------------------------- */
/* Dashboard                                                                                                  */
/* ----------------------------------------------------------------------------------------------------------- */
.Dashboard {
    position: relative;
    height: 350px;
    margin-left: 0px;
    margin-top: 25px;
}
.Dashboard .Icon {
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari 3-8 */
    transform: rotate(0deg);
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 10px 0 10px;
    width:100px;
    height: 92px;
    font-size: 0.725em;
    line-height: 1.2;
}
.Dashboard .Icon img {
    width: 50%;
    height: auto;
}
.Dashboard .Icon:nth-of-type(3) {
    padding-left: 15px;
    padding-top: 15px;
}
.Dashboard .Icon:nth-of-type(4) {
    padding-right: 5px;
}
.Dashboard .Icon:nth-of-type(7) {
    padding-top: 15px;
}

.Dashboard a, .Dashboard a:hover {
    color: #ffffff;
    text-decoration: none;
}

.polygon {
    stroke: transparent;
    stroke-width: 2;
}
.nosgv {
    width: 150px; 
    height:150px; 
    float: left; 
    padding: 20px; 
    margin: 20px;
}
.r0, .r45, .r90, .r135, .r180, .r225, .r270, .r315 {
        width:100px;
        height: 92px;
}
.r0 {
    position: absolute;
    margin-top: 0px;
    margin-left: 100px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari 3-8 */
    transform: rotate(0deg);
}
.r45 {
    position: absolute;
    margin-top: 28px;
    margin-left: 168px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);
 }
.r90 {
    position: absolute;
    margin-top: 96px;
    margin-left: 196px;
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
}
.r135 {
    position: absolute;
    margin-top: 164px;
    margin-left: 168px;
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Safari 3-8 */
    transform: rotate(135deg);
}
.r180 {
    position: absolute;
    margin-top: 192px;
    margin-left: 100px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);
}
.r225 {
    position: absolute;
    margin-top: 164px;
    margin-left: 32px;
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Safari 3-8 */
    transform: rotate(225deg);
}
.r270 {
    position: absolute;
    margin-top: 96px;
    margin-left: 3.2px;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari 3-8 */
    transform: rotate(270deg);
}
.r315 {
    position: absolute;
    margin-top: 28px;
    margin-left: 32px; /*-415px;*/
    -ms-transform: rotate(315deg); /* IE 9 */
    -webkit-transform: rotate(315deg); /* Safari 3-8 */
    transform: rotate(315deg);
}
/* Ende Dashboard                                                                                                  */
/* ----------------------------------------------------------------------------------------------------------- */

/*------------------------------------------------------------------------------------------------------------------------- */
/* navOrgHome                                                                                                               */
/*------------------------------------------------------------------------------------------------------------------------- */
#areaAdmin .right {
    clear: both;
    float: none;
    margin-bottom: 40px;
}
.navOrgHome {
    margin-top: 50px;
}

.navorg {
  display: block;
  position: absolute;
  right: 0px;
  height: 30px;
  width: 100px;
}
#navorg-toggle {
  position: absolute;
  cursor: pointer;
}
#navorg-toggle span,
    #navorg-toggle span:before,
    #navorg-toggle span:after {
        cursor: pointer;
        -o-border-radius: 1px;
        -ms-border-radius: 1px;
        -webkit-border-radius: 1px;
        border-radius: 1px;
        height: 2px;
        width: 15px;
        background: #215772;
        position: absolute;
        display: block;
        content: '';
        transition: all 300ms ease-in-out;
}
#navorg-toggle span:before {
  top: -5px;
}
#navorg-toggle span:after {
  bottom: -5px;
}
#navorg-toggle.active span {
  background-color: transparent;
}
#navorg-toggle.active span:before, #navorg-toggle.active span:after {
  top: 0;
}
#navorg-toggle.active span:before {
  transform: rotate(45deg);
}
#navorg-toggle.active span:after {
  transform: rotate(-45deg);
}

div.navorg-list {
    position: relative;
    top: 20px;
    font-size: 0.75em;
    line-height: 1.3;
}
div.navorg-list fieldset{
    box-shadow: 2px 4px #cccccc;
    border-color:#cccccc;
    text-transform: uppercase;
    padding: 5px;
}
div.navorg-list h1 {
   padding: 0;
   border: none;
   background-image: none;
   text-align: left;
   margin: 0;
}
div.navorg-list ul li {
    list-style: square;
}
div.navorg-list a {
    color: #004364;
}
.b2fBlue {
    background-color: #cb4240;
    text-transform: uppercase;
}
.b2fBlue:hover {
        background-color: #802827;
        border-color: #701616;
}

input[type="submit"].b2fButton, input[type="button"].b2fButton, button.b2fButton {
    display: inline-block;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    padding: 8px 50px;
    margin: 0 8px 5px 0;
    /* margin-right: 8px; */
    width: 100%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 5px;
}
.b2fButton {
    background-color: #1a97a0;
}
.b2fButton:hover {
    background-color: #125a5f;
    border-color: #125a5f;
}

div.bmButtonTop span.left button.b2fButton {
    width: 100%;
}
 
.icon30{
    width: 25px;
    height:auto;
}

.icon50{
    width: 50px;
    height:auto;
}

.mfp-close-btn-in .mfp-close 
{
  color: #ffffff !important; 
  opacity: 1 !important; 
  font-size: 60px !important; 
  font-style: normal !important;
}

.mfp-bg {
    opacity: 0.6 !important;
}
div.paPopupDialog, div.paPopupDialogSmall, div.paPopupDialogMiddle {
    font-size: 70%;
    margin: 140px auto;
    max-width: 90%;
    padding: 50px 0 0 0;
    position: relative;
    text-align: left;
}
div.paPopupDialogMiddle{
    max-width: 75%;
    max-width: 90%;
}

div.paPopupDialogSmall{
    max-width: 90%;
    height: 100%;
}

.paPopupDialog h1, .paPopupDialogMiddle h1, .paPopupDialogSmall h1  {
    background-image: none;
    margin: 0 50px 0 50px;
    padding: 0;
    text-align: center;
}
.paPopUpInner {
    background: #FFF none repeat scroll 0% 0%;
    background-color: #ffffff;
    padding: 10px 20px 10px 20px;
}
.paPopUpInner h2{
    background-image: none;
    font-family: Raleway-Bold, Arial, Verdana, sans-serif;
    text-align: left;
    padding: 0;
    margin: 0 0 10px 0;
}
/*----------------------------------------------------------------------------------------- */
/* my b2fair dashboard                                                                      */
/*----------------------------------------------------------------------------------------- */

.box.myB2fair.oben { 
    color: #999999; 
    display: -moz-box;
    display: block;
    font-size: initial; 
    line-height: 1.2;
    padding: 20px;
    text-align: left; 
    width: 100%;
    border: solid 1px #cccccc;
    display: flex;
    height: 100px;
}
.box.myB2fair.oben.logo { 
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
}
	.box.myB2fair.oben.logo img { 
    width: 70% !important;
    min-width: 70% !important;
	max-width: 70% !important;
	height: 70% !important;
}
.box.myB2fair.oben.firma { 
    width: 50%;
    min-width: 50%;
    max-width: 50%;
	height: 100%;	
}
.box.myB2fair.oben.logout { 
    width: 45%;
    min-width: 45%;
    height: 150px;
    clear:both;
    width: 100%;
    min-width: 100%;
}
.box.myB2fair.oben.logout .Myb2fairBorderBgColor4 {
    display: none;
}


.Myb2fairBorderBgColor4, .Myb2fairBorderBgColor6, .Myb2fairBorderBgColor8 {
    background-color: #ffffff;
    width: 140px;
    height: 100px;
    text-align: center;
    padding: 20px 10px 20px 10px;
    font-size: 70%;
    text-transform: uppercase;
    margin: 10px;
}
.Myb2fairBorderBgColor4 {
    border: solid 1px #1db7c2;
    color: #1db7c2;
}
.Myb2fairBorderBgColor4 a {
    color: #1db7c2;
}
.Myb2fairBorderBgColor6 {
    border: solid 1px #08577c;
    color: #08577c;
}
.Myb2fairBorderBgColor6 a {
    color: #08577c;
}

.Myb2fairBorderBgColor8 {
    border: solid 1px #01324a;
    color: #01324a;
}
.Myb2fairBorderBgColor8 a {
    color: #01324a;
}


.shadow {
    box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.2), 6px 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 99%;
}

#areaMyB2fair .left.iconmitte {
    min-width: 100%;
    width: 100%;
	float: none;
}
#areaMyB2fair .right {
    width: 25%;
    min-width: 25%;
    margin-top: 20px;
    margin-right: 10px;
	float: none;
	width: 100%;
	min-width: 100%;
}
.myB2fair.aside{
    margin: 0px 0px 0px 0px;
    padding: 0 20px 20px 20px;
    color: #979898;
}
.myB2fair.aside img {
	width: 70%;
	min-width: 70%;
}

.myB2fair.aside h1, #EventPartnerView .box.bgwhite.aside h1 {
    background-color: #979898;
    height: 50px;
    background-image: none;
    color: #FFFFFF;
    padding: 0;
    line-height: 4;
    margin: 0 -20px 20px -20px;
    font-size: 0.75em;
    font-weight: normal;
    border: none;
}
.myB2fair.aside h2 {
    font-size: 1em;
    font-family: 'Raleway-Bold', Arial, Verdana, sans-serif;
    background-image: none;
    padding: 0;
    text-align: center;
}
.myB2fair.aside hr {
    color: #eeeeee;
}
#EventPartnerView .box.bgwhite.aside h1{
    font-size: 1em;
}
#EventPartnerView .box.bgwhite.aside {
    color: #979898;
    margin: 0;
    padding: 0;
}

.box.iconmitte {
    display: -moz-box;
    display: block;
    font-size: initial; 
    width: 45%;
    min-width: 45%;
    text-align: center;
    background-color: transparent;
    text-transform: uppercase;
    margin: 20px 5% 30px 0;
    height: auto;
}
#areaMyB2fair .box.iconmitte {
    width: 100%;
    min-width: 100%;
}
    .box.iconmitte a:hover {
        text-decoration: none;
    }


#areaPartner h1, #areaPartner h2, #areaPartner h3 {
    background-color: #08577c;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px;
    margin: 0 0 5px 0;
    height: 40px;
    background-image: none;
    text-align: left;
}
#areaPartner h2 {
    background-color: #1a97a0;
}
#areaPartner h3 {
    background-color: #08577c;
}

#areaPartner .myB2fair.mitte {
    line-height: 1.5;
}
#areaPartner .box.iconmitte { 
    text-align: center;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}


.myB2fair.mitte { 
    padding: 40px 20px 20px 20px;
    height: 250px;
    line-height: 1.5;
}
    .myB2fair.mitte p.Text{
        padding-top: 30px;
    }
    .myB2fair.mitte.color1 {
        color: #eb4b4a;
        border-bottom: solid 20px #eb4b4a;
    }
        .myB2fair.mitte.color1:hover {
            color: #a23432;
            border-color: #a23432;
        }
    .myB2fair.mitte.color2 {
        color: #cb4240;
        border-bottom: solid 20px #cb4240;
    }
        .myB2fair.mitte.color2:hover {
            color: #802827;
            border-color: #802827;
        }
    .myB2fair.mitte.color3 {
        color: #a83836;
        border-bottom: solid 20px #a83836;
    }
        .myB2fair.mitte.color3:hover {
            color: #5a201f;
            border-color: #5a201f;
        }
    .myB2fair.mitte.color4 {
        color: #1db7c2;
        border-bottom: solid 20px #1db7c2;
    }
        .myB2fair.mitte.color4:hover {
            color: #157d84;
            border-color: #157d84;
        }
    .myB2fair.mitte.color5 {
        color: #1a97a0;
        border-bottom: solid 20px #1a97a0;
    }
        .myB2fair.mitte.color5:hover {
            color: #125a5f;
            border-color: #125a5f;
        }
    .myB2fair.mitte.color6 {
        color: #08577c;
        border-bottom: solid 20px #08577c;
    }
        .myB2fair.mitte.color6:hover {
            color: #073d57;
            border-color: #073d57;
        }
    .myB2fair.mitte.color7 {
        color: #004364;
        border-bottom: solid 20px #004364;
    }
        .myB2fair.mitte.color7:hover {
            color: #046da2;
            border-color: #046da2;
        }
    .myB2fair.mitte.color8 {
        color: #01324a;
        border-bottom: solid 20px #01324a;
    }
        .myB2fair.mitte.color8:hover {
            color: #025279;
            border-color: #025279;
        }

    .myB2fair.mitte.colorgrey {
        color: #979898;
        border-bottom: solid 20px #979898;
    }

.LinkAsButton {
    color: #ffffff;
    background-color:#a83836;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
    opacity: 1 !important;
}
    .LinkAsButton:last-child {
        margin-bottom: 0px;
    }
    .LinkAsButton a {
        color: #ffffff;
    }
        .LinkAsButton a:hover {
            text-decoration: none;
        }
    .LinkAsButton:hover {
        background-color: #5a201f;
    }


/* ******************************************************************************************************************** */
/* Statistik                                                                                                            */
/* ******************************************************************************************************************** */
.StatistikDetail {
    background-color: transparent;
    color: inherit;
    width: 100%;
    max-width: 78em;
    padding: 0 10px 0 10px;
    margin-top: 50px;
}
.StatistikDetail .ErsteGrafik {
}
.StatistikDetail .ErsteGrafik .zeile .box {
    min-width: 10%;
    text-align: center;
}
.StatistikDetail .ErsteGrafik .kreis {
    height: 150px;
    width: 150px;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}
#StatistikDetail .ErsteGrafik span.Zahl{
    padding-top: 60px;
    text-align: center;
    color: #ffffff;
    display: block;
    font-size: 2em;
    font-weight: bold;
}
#StatistikDetail .ErsteGrafik span.Text{
    padding-top: 80px;
    text-align: center;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

#StatistikDetail .ZweiteGrafik {
    margin: 50px 100px 50px 100px;
    width: auto;
}
    #StatistikDetail .ZweiteGrafik .Zeile{
        background: #dfdfdf;
        margin: 5px 0 5px 0;
        height: 30px;
        line-height: 2;
    }
#StatistikDetail .ZweiteGrafik .Text {
    position: relative;
    float: left;
    font-weight: bold;
}
    #StatistikDetail .ZweiteGrafik .Text p {
        padding: 0px 10px 0 10px;
        color: #ffffff;
    }
#StatistikDetail .ZweiteGrafik .Anzahl2 {
    float: right;
    width: 5%;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    display: none;
}

#StatistikDetail .DritteGrafik {
    margin: 50px 100px 50px 100px;
    width: auto;
    background: #dfdfdf;
}
    #StatistikDetail h1, #StatistikDetail h2 {
        background-image: none;
        color: #bc012e;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    #StatistikDetail .DritteGrafik .Zeile{
        line-height: 3;
        border-bottom: solid 1px #004364;
        margin: 0;
    }
        #StatistikDetail .DritteGrafik .Zeile.Header {
            border-bottom: none;
        }
            #StatistikDetail .DritteGrafik .Zeile.Header p {
                color: #004364;
                font-weight: bold;
                text-transform: uppercase;
            }

        #StatistikDetail .DritteGrafik .Zeile .Text {
            padding: 0 10px 0 10px;
            float: left;
            font-weight: bold;
            width: 30%;
            color: #ffffff;
            border-right: solid 5px #004364;
            border-bottom: solid 1px #004364;
        }
        #StatistikDetail .DritteGrafik .Zeile.Header .Text {
            background: #dfdfdf;
        }

        #StatistikDetail .DritteGrafik .Zeile .Anzahl {
            float: left;
            width: 70%;
            text-align: left;
            padding: 0 10px 0 10px;
            font-weight: bold;
            color: #ffffff;
        }
.border2018 {
    border: none;
} 
/* testversion */
#accordionKoop h3 { color: #ffffff; }
#accordionKoop h3:nth-of-type(1) { background: rgba(0, 67, 100, 1); }
#accordionKoop h3:nth-of-type(2) { background: rgba(0, 67, 100, 0.9); }
#accordionKoop h3:nth-of-type(3) { background: rgba(0, 67, 100, 0.85); }
#accordionKoop h3:nth-of-type(4) { background: rgba(0, 67, 100, 0.8); }
#accordionKoop h3:nth-of-type(5) { background: rgba(0, 67, 100, 0.75);  }
#accordionKoop h3:nth-of-type(5) { background: rgba(0, 67, 100, 0.7);  }
#accordionKoop h3.aktiv { font-weight: bold; color: #1db7c2;}

#accordionAP h1:nth-of-type(1) { background: rgba(0, 67, 100, 0.9); color: #FFFFFF; }
#accordionAP h1:nth-of-type(2) { background: rgba(0, 67, 100, 0.8); color: #FFFFFF; }
#accordionAP h1:nth-of-type(3) { background: rgba(0, 67, 100, 0.7); color: #FFFFFF; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fefefe; 
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #ffffff; 
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #ebebeb; /*#9acbee;  #e2ecf2;  */
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
      background-color: #e5e5e5; /*#a9b7d1; */
}

dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{
    color: #ffffff;
    font-size: 0.875em;
    border: none;
}
.dataTables_wrapper .dataTables_info {
    margin-right: 50px;
}
    
/* alternative */
/*
#accordionKoop h3 { color: #ffffff; }
#accordionKoop h3:nth-of-type(1) { background: rgba(1, 50, 74, 1); }
#accordionKoop h3:nth-of-type(2) { background: rgba(1, 50, 74, 0.9); }
#accordionKoop h3:nth-of-type(3) { background: rgba(1, 50, 74, 0.8); }
#accordionKoop h3:nth-of-type(4) { background: rgba(1, 50, 74, 0.7); }
#accordionKoop h3:nth-of-type(5) { background: rgba(1, 50, 74, 0.6);  }
#accordionKoop h3:nth-of-type(5) { background: rgba(1, 50, 74, 0.5);  }
#accordionKoop h3.aktiv { font-weight: bold; color: #144063;}

#accordionAP h1:nth-of-type(1) { background: rgba(1, 50, 74, 0.8); color: #FFFFFF; }
#accordionAP h1:nth-of-type(2) { background: rgba(1, 50, 74, 0.6); color: #FFFFFF; }
#accordionAP h1:nth-of-type(3) { background: rgba(1, 50, 74, 0.4); color: #FFFFFF; }
*/

#IconChild img {
  display: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f0f0f0; 
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #e1e1e1; 
}

table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {
    background-color: #ffffff; 
}
table.dataTable.stripe tbody tr.even.selected, table.dataTable.display tbody tr.even.selected {
    background-color: #e1e1e1; 
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: #e1e1e1;
}
.dataTables_wrapper .dataTables_paginate .fg-button {
    color: #FFFFFF !important;
}
#paParticipantDataTable th {
    text-transform: uppercase;
}

table.dataTable tbody tr {
    background-color: transparent; 
}
table.dataTable tbody tr.selected {
      background-color: transparent; 
}
table.dataTable p.FirmaId   {
    color: #eb4b4a;
    font-size: 1.2em;
}
table.dataTable li {
    list-style: none;
}
th.px75, td.px75 {
    width: 50px;
    max-width: 50px;
    min-width: 50px;
}
th.px80, td.px80 {
    width: 60px;
    max-width: 60px;
    min-width: 60px;
}
th.px125, td.px125 {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
th.px150, td.px150 {
    width: 75px;
    max-width: 75px;
    min-width: 75px;
}
th.px250 td.px250 {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

p.FirmaLogo {
    display: block;
}
p.UploadLogo {
    margin-top: 10px;
    margin-right: 0px;
    text-align: left;
}
p.FirmaName, td.FirmaName {
    font-size: 1.1em;
    margin-top: 10px;
    word-break: break-all;
}
p.ApName, td.ApName {
    font-size: 1.1em;
    margin-top: 25px;
   text-align:center;
}
p.AnmeldungDatum {
    font-size: 0.75em;
}
#areaPartner p.ApFoto
{
    width:100px;
    height:100px;
    overflow:hidden;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 50px;
    margin-right: 50px;
    text-transform: uppercase;
    color: #eb4b4a;
    border: solid 1px #10567a;
}
    #areaPartner  p.ApFoto img {
        width: 100px;
        height: auto;
        margin-top: -30px;
    }


p.UploadFoto  {
    margin-top: -125px;
    margin-right: 30px;
    text-align: right;
}

hr.bgColor1 {
    border: none;
    border: solid 3px #eb4b4a;
}
hr.bgColor5 {
    border: none;
    border: solid 3px #1a97a0;
}
td.PartnerName {
    font-size: 0.875em;
    color: #cb4240;
    line-height: 1;
    word-break: break-all;
}
#areaPartner td.LandName {
    color: #1a97a0;
}
td.Email {
    font-size: 0.875em;
}

tr.FirmaNameIcon {
    text-align: center;
}

div.IconBottom {
    background-color: #dbdbdb;
    /* wichtig wegen td aus datatable */
    margin-top: -8px; 
    margin-left: -10px;
    margin-right: -10px;
    /* ende wichtig wegen td aus datatable */
    text-align: right; 
    padding: 20px;

}
.ShowMore {
    text-transform: uppercase;
    font-weight:bold;
    margin-top: 175px;
}

.toolbar{
    text-align: center;
    color: #ffffff;
    top: 50px;
    position: relative;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}
#areaPartner .buttonTopNeu, .bmms .buttonTopNeu {
    width: 100%;
    margin-bottom: 6px;
    text-transform: uppercase;
}
#areaPartner button.buttonTopNeu, .bmms button.buttonTopNeu {
    display: inline-block;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    padding: 8px 10px;
    margin: 0 8px 0 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 2px;
}
#areaPartner span.buttonTopNeu {
    /*
    float: left;
    width: 24%;
    margin-right: 1.25%; 
        */
}
#areaPartner span.buttonTopNeu:nth-of-type(4){
    /*
    margin-right: 0; 
    float: right;
        */
}
.dataTables_length {
    border: none;
}
.ui-widget-overlay {
    background-color: #0b0b0b;
    opacity: 0.6;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle{
    border: none;
    background: none; 
    background-color: transparent;
    color: #01324a;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    position:absolute;
    right:.3em;
    width:40px;
    margin: -15px 0 0 0;
    padding:1px;
    height:40px;
    border: none;
}
.ui-button-text {
    background-color: #00dd00;
    color: #dd0000;
}
.ui-button-text {
    background-color: #cccccc;
    border: none;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f5f5f5; 
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #ffffff; 
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: #efefef;
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
    background-color: #efefef;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #efefef;
}



table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: transparent; /*#9acbee;  #e2ecf2;  */
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
      background-color: transparent; /*#a9b7d1; */
}


table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: transparent;
 
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color:  transparent;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: transparent;
}
.sorting_1 {
    background-color: #f3f3f3;
}
.details-control {
    width: 10px;
 }

#dt-buttons a.ButtonExport {
    position: relative;
    top: 10px;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    padding: 10px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #004364;
    color: #ffffff;
    text-align: center;
}
#dt-buttons a.ButtonExport:first-child {
    margin-left: 50px;
}
#dt-buttons a.ButtonSelect, #dt-buttons a.ButtonSelect, .dt-button, a.dt-button, button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled) {
    position: relative;
    top: 0px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
    background-color: #004364;
    background-image: none;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
div.dt-button-collection, .dt-button-collection {
    background-color: #004364;
    width: auto;
}

div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #08577c;
    background-image: none;
    font-size: 0.875em;
    margin-left: 0;
}
tfoot input {
        width: 100%;
        padding: 3px;
        box-sizing: border-box;
    }

.ui-state-default .ui-icon {
    background-image: none;
}
.regPopupDummyBg {
    background: rgba(225,225,225,0.5);
    top:-60px;
    left: -100px;
    margin-right: 100px !important;
    _margin-bottom: -100px !important;
    padding: 0;
    position: relative;
    width: 100%;
    height: 100%;
}
.regPopupDummy {
    position: relative;
    opacity: 1 !important;
    width: 80%;
    height: auto;
    margin: auto;
    top: -150px;
    left: 0px;
    background-color: #ffffff;
    z-index: 1000;
    border: solid 1px #999999;
    box-shadow: 2px 4px #cccccc;
    padding: 20px;
    background: rgba(255,255,255,1);
}
.regPopupDummy p.regPopupHeader {
    background: none;  
    background-color: #004364;
    margin: 0;
    color: #ffffff;
    margin: 0;
    top: -40px;
    margin-left: -40px;
    margin-right: -40px;
    position: relative;
    font-weight: bold;
	text-align: center;
    padding: 20px;
    text-transform: uppercase;
    font-size: 1.3em;
}
    .regPopupDummy p span.right {
        float: none;
        display: inline;
    }

td.displayinputlabel {
    border: dashed 1px #cccccc;
    padding: 5px;
    width: 30%;
    min-width: 30%;
    max-width: 30%;
}

td.displayinput {
    border: dashed 1px #cccccc;
    padding: 5px;
}
td.displaytext {
    padding: 5px;
}
.suchen.ui-state-default input {
    width: 150px;
    max-width: 150px;
}
.suchen.FirmaId.ui-state-default input {
    width: 50px;
    max-width: 50px;
}

div.bmSchedule .ui-widget{ font-size: 0.75em;}

.switchAll {
    display: none;
}

.showAllTabs50 {
}
.showAllTabs30 {
}
.KatalogLabel {
    font-size: 0.875em;
    font-weight: 700;
}
    .KatalogLabel::after {
        content: ":";
    }


.DialogAnzeigeAp .ApFoto {
    height: auto;
    margin-right: 20px;
    text-align: center;
    line-height: 1;
}
p.dialogButton span {
    float: none;
}
p.UploadLogo {
    display: none;
}
input[type="radio"].YesNo {
	margin-left: 0px !important; 
}
input[type="checkbox"].Logisch {
	width: auto !important;
}
input[type="number"].T100 {
	width: 100px;
}