*{margin: 0;padding: 0;}
html, body{height: 100%;}
body{}
label {min-width: 70px;padding-top: 4px;}
.pos-r{position: relative;}
.pos-o{position: absolute;}
.no-padding{padding: 0;}
.wrap {position: relative;min-height: 100%;margin: 0 auto;background-color: #F5F5F5;min-width: 435px;}
.orange{background-color: #23295A;color: #fff;}
.mail-block{min-height: 665px;}
.row{margin-left: -10px;margin-right: -10px;}
.container,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;padding-right: 10px;}
.calc-main-block{margin-bottom: 45px;}
.clear{clear: both;}
ul{margin-left: 20px;}
.wrap > .container {/*padding: 70px 15px 20px;*/}
h1,h2,h3,h4{color: #23295A;}
h3{border-bottom: 3px solid #e0e0e0;padding-bottom: 5px;padding-left: 5px;color: #23295A;}
.content{min-height: 100%;padding-bottom: 60px;}
.tva-top td{vertical-align: top;}
.jumbotron {text-align: center;background-color: transparent;}
.jumbotron .btn {font-size: 21px;padding: 14px 24px;}
.not-set {color: #c55;font-style: italic;}
/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {position: relative;top: 1px;  display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;padding-left: 5px;}
a.asc:after {content: /*"\e113"*/ "\e151";}
a.desc:after {content: /*"\e114"*/ "\e152";}
.sort-numerical a.asc:after {content: "\e153";}
.sort-numerical a.desc:after {content: "\e154";}
.sort-ordinal a.asc:after {content: "\e155";}
.sort-ordinal a.desc:after {content: "\e156";}
.grid-view th {white-space: nowrap;}
.input-group .input-field {border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #ccc;background-color: #333;display: block;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 8px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
.input-field:focus {border-color: #66afe9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);outline: 0 none;}
.input-group{width: 100%;}
.hint-block {display: block;margin-top: 5px;color: #999;}
.error-summary {color: #a94442;background: #fdf7f7;border-left: 3px solid #eed3d7;padding: 10px 20px;margin: 0 0 15px 0;}
.top-area{background: #23295A none repeat scroll 0 0;color: #ccc;font-size: 12px;padding-bottom: 8px;margin-bottom: 0px;padding-top: 7px;}
.top-area .separator { border-left: 1px solid #ccc;display: inline-block;height: 10px; margin: 0 10px;width: 1px;}
.top-area a {color: #ccc;transition: all 0.5s ease-in-out 0s;}
.top-area a.login-link{text-decoration: none;}
.login-wrap{right: 0;margin-top: 18px;z-index: 3;}
.login-wrap i{cursor: pointer;}
.login-wrap .login-block{width: 250px;background: #444 none repeat scroll 0 0;height: 250px;border-bottom: 1px solid #2a3034;  border-left: 1px solid #2a3034;border-right: 1px solid #2a3034;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);padding: 10px;position: absolute;right: 0;border-radius: 0 0 5px 5px;z-index: 1;}
.login-wrap .input-group{margin: 8px 0;}
.login-wrap .login-block .ttl{color: #fff;font-family: inherit;font-size: 14px;font-weight: bold;border-bottom: 1px solid #2a3034;display: block;font-size: 14px !important;  line-height: 14px !important;margin: 0 0px 10px 0;padding: 15px 0 15px 0;text-align: left;}
.login-wrap .login-block .input-group span{right: 5px;top: 6px;font-size: 20px;}
.login-wrap .login-block .btn{background-color: #494c53;color: #ffffff;font-weight: 600;letter-spacing: 1px;padding: 5px 0;text-transform: uppercase;}
.login-wrap .login-block .btn:hover {border-color: #66afe9;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.tg-frm-link{cursor: pointer;}
.logo{display: block;background: url("/images/logo-small.png") ;width: 411px;height:72px;margin: 20px 0;}
.container.main-container>p{text-align: justify;}
#main-navi{background: #23295a;border: medium none;border-radius: 0px;color: #fff;margin-top: 0px;margin-bottom: 0px;}
#main-navi .open .dropdown-toggle{background-color: #fff;}
.main-block{padding-bottom: 20px;background-color: #fff;text-align: justify;}
#main-navi ul li a{    color: #E5E5E5;
    /* margin: 10px 15px; */
    font-size: 16px;
    padding: 0;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: lighter;
    padding: 10px 20px;}
#main-navi ul.navbar-nav>li:after{
    display: block;
    width: 29px;
    height: 27px;
    background-image: url("/images/icons.png");
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}

#main-navi ul.navbar-nav>li.anfrage:after{
    width: 35px;
    height: 28px;
    background-position: 0 -28px;
    right: -16px;
}
#main-navi ul.navbar-nav>li.unternehmen:after{
    height: 25px;
    background-position: 0 -56px;
}
#main-navi ul.navbar-nav>li.produkte:after{
    height: 19px;
    background-position: 0 -79px;
    top: 5px;
}
#main-navi ul.navbar-nav>li.services:after{
    height: 28px;
    background-position: 0 -98px;
}
#main-navi ul.navbar-nav>li.technic:after{
    height: 23px;
    background-position: 0 -126px;
}
#main-navi ul.navbar-nav>li.login:after{
    background-position: 0 -150px;
    width: 34px;
    right: -15px;
}


#main-navi ul li.active a{color: #9e135f;background-color: #fff;}
#main-navi ul li a:hover{color: #9e135f;background-color: #fff;}
#main-navi ul li.open a{color: #9e135f;}
#main-navi ul li .dropdown-menu a{color: #333;}
#main-navi ul li .dropdown-menu a:hover{background-color: #9e135f;color: #fff;}
.navbar-brand{padding: 0}
.product{margin-right: 25px; margin-left:15px; display: block;margin-top: 15px;height: 226px;width: 275px; float: left;background-color: #f5f5f5;border: 1px solid #9e135f;padding: 10px;}
.product:hover{text-decoration: none;}
.product .img{background: url("/images/products/postkarte.jpg"); width: 255px;height: 206px;}
.product p{text-align: center;color: #9e135f;font-size: 20px;}
.prl{display: block;}
.selfmailer .img{background: url("/images/products/selfmailer.jpg");}
.din-lang .img{background: url("/images/products/dinLang.jpg");}
.c5 .img{background: url("/images/products/C5.jpg");}
.c4 .img{background: url("/images/products/C4.jpg");}
.poster .img{background: url("/images/products/poster.jpg");}
.form-row{padding: 5px 0;}
.selfmailer-prod li{display: block;width: 22px;}
.product-configurator p.form-row label{width: 180px;}
.product-configurator p.form-row input,.product-configurator p.form-row select{
    /*width: 360px;*/
}
.product-configurator p.form-row .jq-selectbox__select{width: 400px;}
.price-calc p{position: relative;padding-left: 5px;}
.price-calc p span{position: absolute;right: 0;font-weight: bold;}
.price-calc p.ctr{text-align: center;}
.price-calc button {background-color: #9e135f;border: medium none;border-radius: 5px;color: #fff; padding: 5px 17px;margin: 0 auto;}
#accordion .glyphicon.collapsed:before {
    content: "+";
}
#accordion .glyphicon span{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
/********** LOADING *********************/
.my-loading,.my-loading>td,.my-loading>th,.nav li.my-loading.active>a,.pagination li.my-loading,.pagination>li.active.my-loading>a,.pager>li.my-loading>a{background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));  background-size: 40px 40px;animation: 2s linear 0s normal none infinite progress-bar-stripes;-webkit-animation: progress-bar-stripes 2s linear infinite;  }
.btn.btn-default.my-loading,input[type="text"].my-loading,select.my-loading,textarea.my-loading,.well.my-loading,.list-group-item.my-loading,.pagination>li.active.my-loading>a,.pager>li.my-loading>a{
    background-image: linear-gradient(45deg, rgba(235, 235, 235, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(235, 235, 235, 0.15) 50%, rgba(235, 235, 235, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
}
.h-25{height: 25px;}
/*  REG*/
.reg-wrap{margin: 0 auto;width: 500px;}
.reg-wrap label{}
i.info{color: #9e135f;}
#popup, #popup2, .bMulti {background-color: #fff;border-radius: 10px;box-shadow: 0 0 25px 5px #999;color: #111;display: none;min-width: 250px;padding: 25px;}
#popup .b-close{color: #9e135f;cursor: pointer;font-size: 30px;position: absolute;right: 10px;top: 0;}
#popup > p {color: #e23038;margin: 25px 10px;text-align: center;}
.hd{display: none;}
.fancy-select {position: relative;display: inline-block;width: 100%;vertical-align: middle;}
.fancy-select select {position: absolute;left: 0;top: 0;width: 1px;height: 1px;visibility: hidden;}
.fancy-select .trigger{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 30px;padding: 0 45px 0 10px;border: 1px solid #CCC;border-bottom-color: #B3B3B3;border-radius: 4px;background: #F5F5F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;  box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, 0.1);color: #333;text-shadow: 1px 1px #FFF;font: 14px/30px Arial, sans-serif;position: relative;cursor: pointer;}
.fancy-select .trigger:before {position: absolute;content: '';display: block;top: 0;right: 0;width: 34px;height: 100%;border-left: 1px solid #CCC;}
.fancy-select .trigger:after{display: block;content: '';position: absolute;top: 50%;right: 12px;width: 0;height: 0;margin-top: 0px;overflow: hidden;border: 5px solid transparent;border-top-color: #000;border-bottom-color: transparent;opacity: 0.3;filter: alpha(opacity=30);}
.fancy-select .trigger.open:after{border-top-color: transparent;border-bottom-color: #000;margin-top: -5px;}
.fancy-select:hover .trigger {background-color: #E6E6E6;background-position: 0 -10px;}
.fancy-select:hover .trigger:after {opacity: 1;filter: alpha(opacity=100);}
.fancy-select .options {top: 33px;width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;border: 1px solid #CCC;border-radius: 4px;background: #FFF;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);font: 14px/18px Arial, sans-serif;list-style-type: none;display: none;margin: 3px 0 0 0;position: absolute;overflow: hidden;}
.fancy-select .options li {min-height: 18px;padding: 5px 10px 6px;user-select: none;color: #231F20;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.fancy-select .options li.selected {background-color: #A3ABB1;color: #FFF;}
.fancy-select .options li:hover {background-color: #9e135f;color: #FFF;}
.fancy-select .options.open {display: block;z-index: 1;}
.order-detail{text-align: left; }
.order-detail ul{list-style: none;}
.tooltip{}
.tooltip-inner {background-color: #cccccc;padding: 10px 10px;min-width: 350px;color: rgba(14, 14, 14, 0.92);}
.tooltip-outer{background-color: transparent;}
.tooltip.right .tooltip-arrow {border-right: 5px solid #cccccc;}
.payment-table-box{width: 470px;margin: 0 auto;padding-bottom: 50px;}
.payment-table td{vertical-align: middle !important;}
.payment-table .check{width: 15px;}
.payment-table .icon{width: 100px;}
.payment-table .descr{}
/****** Footer *********/
.footer {padding-bottom: 10px;/*height: 60px;background-color: #f5f5f5;*/border-top: 1px solid #ddd;padding-top: 20px;background-color: #474747;color: #dcdcdc;margin-top: -60px;position: relative;}
.footer-menu{margin-left: 0;}
.footer-menu li{list-style: none;}
.footer-menu li a{color: #dcdcdc;font-size: 12px;}
.footer-menu>li{float: left; margin-right: 20px;padding-right:20px;border-right: 1px dotted #666;}
.uploads-block p{width: 100%;position: relative;overflow: hidden;}
.uploads-block p .glyphicon{position: absolute;right: 5px; top: 5px;cursor: pointer;}
.captionOrange, .captionBlack{color: #fff;font-size: 20px;line-height: 30px;text-align: center;border-radius: 4px;}
.captionOrange{background: #EB5100;background-color: rgba(235, 81, 0, 0.6);}
.captionBlack{font-size:16px;background: #000;background-color: rgba(0, 0, 0, 0.4);}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited{color: #ffffff;text-decoration: none;}
a.captionOrange:hover{color: #eb5100;text-decoration: underline;background-color: #eeeeee;background-color: rgba(238, 238, 238, 0.7);}
.bricon{background: url("/images/slider/browser-icons.png");}
#slider1_container{margin: 0px -10px;}
.slide-block{}

.adr-mst{display: block;padding: 15px;background-color: #f0f0f0;border: 1px solid #bbb;margin: 10px;}

/*Form Wizard*/
.stepwizard-step p {
    margin-top: 10px;
}

.process-row {
    display: table-row;
}

.process {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.process-row:before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.process-step p {
    margin-top:10px;

}

.btn-circle {
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
/*END Form Wizard*/
.nav-wizard{
    margin-left: 0;
}
.nav-wizard > li {
    float: left;
}
.nav-wizard > li > span {
    position: relative;
    background-color: #c781ae;
    color: #000;
    display: block;
    padding: 10px 7px;
}
.nav-wizard > li > span .badge {
    margin-left: 3px;
    color: #eeeeee;
    background-color: #428bca;
}
.nav-wizard > li:not(:first-child) > span {
    padding-left: 27px;
}
.nav-wizard > li:not(:first-child) > span:before {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #ffffff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.nav-wizard > li > span {
    margin-right: 6px;

}
.nav-wizard > li > span:after {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #c781ae;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.nav-wizard > li:first-child > span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.nav-wizard > li.done > span {
    background-color: #b4b4b4;
}
.nav-wizard > li.done > span:before {
    border-right-color: #b4b4b4;
}
.nav-wizard > li.done > span:after {
    border-left-color: #b4b4b4;
}
.nav-wizard > li.active > span,
.nav-wizard > li.active > span:hover,
.nav-wizard > li.active > span:focus {
    color: #ffffff;
    background-color: #23295A;
}
.nav-wizard > li.active > span:after {
    border-left-color: #23295A;
}
.nav-wizard > li.active > span .badge {
    color: #428bca;
    background-color: #23295A;
}
.nav-wizard > li.disabled > span {
    color: #777777;
}
.nav-wizard > li.disabled > span:before {
    border-right-color: #eeeeee;
}
.nav-wizard > li.disabled > span:after {
    border-left-color: #eeeeee;
}
.nav-wizard.nav-justified > li {
    float: none;
}
.nav-wizard.nav-justified > li > span {
    padding: 10px 15px;
}
@media (max-width: 768px) {
    .nav-wizard.nav-justified > li > span {
        border-radius: 4px;
        margin-right: 0;
    }
    .nav-wizard.nav-justified > li > span:before,
    .nav-wizard.nav-justified > li > span:after {
        border: none !important;
    }
}