body {
    background-repeat: no-repeat;
    font-family: "Calibri light";
    font-size: 14px;
	-webkit-text-size-adjust:none;
	width:100%;
	color:#333;
    margin:auto;
}
.Meldung{
    font-weight: bold;
}
.saveCenter{
    width: 298px;
    float: left;
    height: 34px;
    margin-top: 20px;
    margin-left:181px;
    margin-bottom: 20px;
    border: 0px;
    background-color: #dd5242;
    color: #FFF;
}
.Panel{
	background-color: transparent;
	position: absolute;
	top: 90px;
	left: 24%;
	width: 600px;
	height: 120px;
	z-index: 1002;
    
}
.Panel .Location{
    background-image: url('../images/login-arrow.png');
    background-repeat: no-repeat;
    width: 71px;
    height: 40px;
    float: left;
    margin-left: -70px;
    }
.Panel .login{
    color: #FFF;
    width: 600px;
    height: 120px;
}

.Panel h1 {
	background-color:#336699;
	color:#ccc;
	font-size:small ;
	height:20px;
	float:left;
	padding:10px;
	margin-left:10px;
	width: -moz-max-content;
	margin-top: -39px;
	border-top-left-radius: 5px;
	border-top-right-radius: 10px;
	}
.Panel h1:hover  {
    font-size:small;
	background-color:#2a547e;
	cursor:pointer;
	color:#EEE;
}
.Panel .login p{

	left:10px;
	width:150px;
    margin-left: 20px;
    margin-top: 20px;
}
.Panel .login input{
    left: 67px;
    line-height: 20px;
    margin-left: 20px;
    width: 265px;
    position: absolute;
    margin-top: -33px;
    padding-left:10px;
    margin-left :50px;
    opacity:0.7;
    border: 0px;
	
}
.Panel .login .btlogin{
    background-color: #FFF;
    color:#004569;
    width: 120px;
    border: 0px;
    height: 61.5px;
    margin-top: -71px;
    margin-left: 341px;
    opacity:0.7;
}

.Panel .login .btForget{
    background-color:transparent;
    color:#FFF;
    width: 130px;
    border: 0px;
    height: 25px;
    margin-top: -7px;
    margin-left: 52px;
    opacity:0.7;
}
.Panel .login .button:hover {
    background-color:#446280;
    cursor:pointer;
}
.Panel .Close {
    width: 20px;
    font-weight:bold;
    color: white;
    position: absolute;
    margin-left: 590px;
    margin-top: -120px;
    border-radius: 20px;
    font-family: "Tahoma";
    font-size: 14px;
    text-align: center;
    height: 20px;
	}
	
	
.Panel .Close:hover {

	color: #dd5542;
	cursor:pointer;
	}

#Logo{
   height:80px;
   margin-top:5px;
   margin-bottom:5px;
}

.header{
   height:90px;
   width:1200px;
   margin:auto;
}
.header .loginM{
   height: 30px;
   width: 150px;
   float: left;
   padding-top: 30px;
   

}
.header .loginM P{
    color: #EEE;
    position: unset;
    margin-top: 15px;
    margin-left: 55px;
    font-size: 14px;
}
    .header .loginM input[type=button] {
    position: unset;
    border:0px;
    background-color:transparent;
    background-image: url('../images/login-icon.png');
    background-repeat: no-repeat;
    width: 90px;
    height: 30px;
    text-align: right;
    }

.header .Lougout{
   height: 30px;
   width: 150px;
   float: left;
   padding-top: 30px;
   

}

.header .Lougout input[type=submit] {
    position: unset;
    border:0px;
    background-color:transparent;
    background-image: url('../images/logout-icon.png');
    background-repeat: no-repeat;
    width: 90px;
    height: 30px;
    text-align: right;
    }
.header .loginM P:hover{
    color: #336d8b ;
    cursor :pointer ;
}

    .header .banner {
        height:90px;
        float:right;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;


    }
.Central{

     width:1200px;
     margin: 0px auto auto auto;
     display:flex;
     background-color:white;
     margin-top:-1px;
}
.Hbanner{
     width:100%;
     height :60px;
     margin:0 auto ;
}
.Hbanner .img{
    width: 1200px;
    margin: 0 auto;
    height: 460px;
}


.leftNavi{
          margin-top: 0px;
          min-height:650px;
          width:200px;
          float:left;
          background-color:white;
          padding:16px;

          
    }

 .mainBody  .Link{
        margin-top: 60px;
        margin-left: 7px;
}

     .mainBody{
        margin-left:0px;
        margin-top: 0px;
        min-height:650px;
        width:798px;
        float:left;
        background-color:white;
        border-left:1px solid #c1c1c1;
        border-right:1px solid #c1c1c1;
    }
    .rightNavi{
       padding:16px;
       width:200px;
       float:left;
       background-color:white;

    }
    .shadow{
     border-top-width: 1px;
     border-right-width: 0px;
     border-left-width: 0px;
     border-top-style: solid;
     border-right-style: solid;
     box-shadow: 0 3px 5px #666;
     float: left;
     width: 100%; 

    }
    .footer{
        margin-top:10PX;
        background-color:#f9f9f9;
        float:left;
        height:120px;
        width:100%;
        border-top:1px solid #e0e0e0;
        

    }

    .footer .footertext{
        color:#7f7f7f;
        margin-left: 35%;
        margin-top:15px;
    }

    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    /*position: fixed;*/
    overflow: auto;
    font-size: 16px
}

li a {
    display: block;
    color: #333;
    padding: 8px 16px;
    text-decoration: none;
    padding-left: 16px;
    border-bottom:1px solid #c1c1c1;
}

li a.active {
    color: #333;
    padding-left: 16px;
}



li a.Mother {
    color: #165c7d;
    font-weight:bold;
    padding-left: 16px;
}
li a.Mother:hover:not(.active) {
    color: #dd5542;
    padding-left: 16px;
}

li a.Chaild {
    color: #333;
    background-image: url("../images/menu-arrow.png");    
    background-repeat: no-repeat;
    background-position: left -3px top 10px;
    padding-left: 20px;
    margin-left:20px;
    border:0px;
    
}
    li a.Chaildactive {
    color: #333;
    background-image: url("../images/menu-arrow-active.png");    
    background-repeat: no-repeat;
    background-position: left 0px top 10px;
    padding-left: 20px;
    margin-left:20px;
    border:0px;
    }




.loginPanel{
    display:none ;
    position:fixed;
    background-color:#336699;
    margin-top:-50px;
    width:700px;
    height:50px;
    margin-left: 150px;
}
.item{
	float:left;
	line-height:50px;
	padding:0 4px;
	color:#EEE;
	font-size:12px;
}
.welcome{
    background-color: transparent;
    margin-bottom: 0px;
    text-align: left;
    padding-top: 10px;
    color: #333;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 10px;
    padding-left: 16px;
    font-weight: bold;
   
}
.includefile{

}
.stepMenu{
    padding-left:20%;
    background-color:#ce0058;
    height:120px;
}

.btstep{
    border: 0px;
    height: 120px;
    background-image: url("../images/btdeactive.png");
    width: 160px;
    margin-left: -9px;
    background-repeat: no-repeat;
    background-position: right 9px top 1px;
    background-color:#ce0058;
    /*text-align: -moz-left;*/
    font-size:14px;
    color:#FFF;
    padding-right:29px;
    float:left;

}
.btstepactive{
    border: 0px;
    height: 120px;
    background-image: url("../images/btactive.png");
    width: 160px;
    margin-left: -9px;
	background-repeat:no-repeat;
	background-position: right 9px top 0px;
    /*text-align: -moz-left;*/
    color:#165c7d;
    font-size:14px;
    font-weight:700;
    background-color:#ffffff;
    padding-right:29px;
    float:left;

}
.btstepactiveLast{
    border: 0px;
    height: 120px;
    background-image: url("../images/btactive.png");
    width: 160px;
    margin-left: -9px;
	background-repeat:no-repeat;
	background-position: right 0px top 0px;
    /*text-align: -moz-left;*/
    color:#fe5619;
    font-size:14px;
    font-weight:700;
    background-color:#ffffff;
    padding-right:29px;
    float:left;

}

.btstepbefore{
    border: 0px;
    height: 120px;
    background-image: url("../images/btactivebefore.png");
    width: 160px;
    margin-left: -4px;
    background-color:#ce0058;
	background-repeat:no-repeat;
	background-position: right 9px top 0px;
    /*text-align: -moz-left;*/
    font-size:14px;
    color:#FFF;
    padding-right:29px;
    float:left;
}
.lieferadd{
    padding-left: 32px
}
.formel{
    inline-size: 500px;
    margin-top: 8px;
}
.formel span{
    width: 150px;
    float: left;
    margin-top: 8px;
        }
.formel input[type=text],.formel select,.formel input[type=password]{
    background-color: #eaeaea;
    border: 0;
    width: 290px;
    height: 25px;
    margin-top: 2px;
    color:#333;
    padding-left:8px;
}
.formel select{
    width:298px;
    padding-left:4px;
}
.MainContent{
    margin-top: 25px;
    float:left;
}
.radio{
    font-weight: bold;
}
.username{
    background-image: url("../images/icone/user.png");
    background-repeat: no-repeat;
    background-position: right 1px top 0px;
    border:0px
    
}
    .username:before {
    background-color:#336699;
    width:200px;
    content:url('../images/icone/user.png');
    left:-50px;
    top:10px;
    }
.loginButton{
    background-image: url("../images/icone/login.png");
    background-repeat: no-repeat;
    background-position: right 1px top 0px;
    border:0px;
    height: 20px;
    width: 20px;
    background-color: transparent;

}
.password{
    background-image: url("../images/icone/password.png");
    background-repeat: no-repeat;
    background-position: right 1px top 0px;
    border:0px;
}
.email{
    
    background-image: url("../images/icone/email.png");
    background-repeat: no-repeat;
    background-position: right 1px top 0px;
    border:0px;
}

.loader {
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid blue;
  border-right: 10px solid green;
  border-bottom: 10px solid red;
  border-left: 10px solid pink;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  margin-top: 200px;
  margin-left: 500px;

}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.panelVersorgung{
    padding:16px;
}

.DVTitle{
    font-size: 32px;
    color: #165c7d;
    display: block;
    padding-bottom: 8px;
}
.TitleM{
    font-size: 32px;
    color: #dd5542;
    margin-top: 25px;
    margin-left: 16px;
    display: block;
}
.PosTitle{
    float: left;
    color: #333;
    background-color: #eaeaea;
    width: 754px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.PosTitle .left{
    float: left;
    width: 200px;
    font-size: 22px;
    padding-right: 200px;
    padding-left: 16px;
}
.PosTitle .right{
    padding-right: 20px;
    width: 150px;
    padding-top: 0px;
    padding-bottom: 2px;
}
    .PosTitle .right::after {
        content: ":";
        float:right;

    }

    .PosTitle .rightR{
    width: 150px;
    padding-top: 0px;
    padding-bottom: 2px;
}

.Next{
    width: 290px;
    /*float: right;*/
    height: 34px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0px;
    background-color: #ce0058;
    color: #ffffff;
    margin-left: 462px;
}
.btLeft{
    width: 100px;
    float: left ;
    height: 34px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0px;
    background-color: #dd5542;
    color: #FFF;
    margin-left: -238px;
}
.btCenter{
    width: 290px;
    float: left ;
    height: 34px;
    margin-top: 40px;
    margin-bottom: 20px;
    border: 0px;
    background-color: #dd5244;
    color: #FFF;
}

.ArtikelTittle{
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding-bottom: 6px;
    width: 250px;

}
.ArtikelInfo{
    font-size: 13px;
    float: left;

}
/*TableCsss*/

table.listing {	
   
	/*margin:0 10px;*/
    width:100%;
    margin-bottom:20px;
}

table.listing th,
table.listing td {
	padding:16px 16px 16px 16px;
	line-height:16px;
	text-align:left;
	vertical-align:top;
}

table.listing th.break-word,
table.listing td.break-word {
	word-break:break-all;
}

table.listing th.one-button {
	/*width:30px;*/
}

table.listing td.sub {
	background-color:white;
}

table.listing td.no-wrap {
	white-space:nowrap;
}

table.listing td {
	border-top: 1px dashed #C1C1C1;

}

table.listing tr.addition td {
	border-top:none;
}

table.listing tr {
	transition:background 0.2s ease-in-out;
}

table.listing tr:hover {
	background-color:#EEE;
}

table.listing.nohover tr {
	background-color:transparent;
}

table.listing tr:first-child {
	background-color:transparent;
}

table.listing th {
	/*border-bottom:1px solid #999;*/
}

table.listing td .button {
	display:block;
	/*float:right;*/
	width:20px;
	height:20px;
	margin:0 0 0 10px;
	color:#333;
	border-radius:10px;
	background-color:#DDD;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
	background-repeat:no-repeat;
    border: 0px;
}

table.listing td .D {
	display:block;
	/*float:right;*/
	width:16px;
	height:16px;
	margin:0 0 0 10px;
	overflow:hidden;
	cursor:pointer;
    border: 0px;
    background-color:transparent;
}

table.listing td .CheckBox {
	display:block;
	/*float:right;*/
	width:16px;
	height:16px;
	margin:0 0 0 10px;
	overflow:hidden;
	cursor:pointer;
    border: 0px;
    background-color:transparent;
}
table.listing td .checked {
	background-image:url('../images/icone/checkbox-on.png');
	background-position:0px 0px;
}
table.listing td .unchecked {
	background-image:url('../images/icone/checkbox.png');
	background-position:0px 0px;
}

table.listing td .button:hover {
	background-color:#CCC;	
}
.Menge{
    width:30px;
    float:left;
}
table.listing td .proceed {
	background-image:url('../images/icone/arrow_right.png');
	background-position:8px 5px;
}
    table.listing td .add {
    background-image:url('../images/icone/up.png');
	background-position:0px 0px;
    margin-left: 36px;
    margin-top: -10px;
    }
     table.listing td .remove {
       	background-image:url('../images/icone/down.png');
	background-position:0px 0px;
    margin-left: 36px;
    }


table.listing td .question {
	background-image:url('../images/icone/question.png');
	background-position:8px 5px;
}

table.listing td .edit {
	background-image:url('../images/icone/edit.png');
	background-position:5px 5px;
}

table.listing td .choose {
	background-image:url('../images/icone/choose.png');
	background-position:5px 6px;
}

table.listing td .stock {
	background-image:url('../images/icone/tracking.png');
	background-position:5px 5px;
}

table.listing td .price {
	background-image:url('../images/icone/price.png');
	background-position:6px 6px;
}

table.listing td .delete {
	background-image:url('../images/icone/delete.png');
	
}



table.listing td .dark {
	background-color:#BBB;
}

table.listing td .dark:hover {
	background-color:#AAA;
}

table.listing td img.imgbutton {
	display:block;
	float:right;
	height:20px;
	border-radius:10px;
	margin:0 0 0 10px;
}

table.listing th.DisplaySmart,
table.listing td.DisplaySmart {
	display:none;
	visibility:hidden;
	width:0;
}

table.listing.small {
	font-size:10px;
}

table.listing.grid {
	border:1px solid #DDD;
	margin:10px;
}

table.listing.grid th,
table.listing.grid td {
	border:1px solid #DDD;
}

table.listing.grid th {
	border-bottom:1px solid #999;
}
.listing-error{
padding-left:16px;
}
.pnel{
    max-height:500px;
    overflow-x: hidden;
}
.upload{
    border: 0px;
    margin-left: 118px;
    padding-top: 16px;

}
.upload input[type=file]{
    background-color:black;
}
.Wait{
    position: fixed;

z-index: 1;

padding-top: 100px;

left: 0;

top: 0;

width: 150px;

height: 150px;

overflow: auto;

background-color: rgb(0,0,0);

background-color: rgba(0,0,0,0.4);
padding-left: 100px;

margin-left: 700px;

margin-top: 300px;
}
.poupwindow{
    position: absolute;
    margin-top: 60px;
    margin-left: 340px;
    background-color: #EEE;
    border-radius: 10px;
    padding: 40px;
}
.poupwindow .PanelClose{
    width: 20px;
    font-weight: bold;
    color: #dd554c;
    border-radius: 20px;
    font-family: "Tahoma";
    font-size: 14px;
    text-align: center;
    height: 20px;
    border: 0px;
    padding-left: 4px;
    padding-top: 0px;
    margin-top: -30px;
    position: absolute;
    margin-left: 470px;
}
/* klassen für startseite */
#start_mini_teaser_area{width:758px;padding:50px 20px 100px 20px;}
#start_mini_teaser_area .start_mini_teaser{float:left;width:239px;margin-right:20px;position: relative;}
#start_mini_teaser_area .quittung{float:left;margin-right:20px;position: relative;}
#start_mini_teaser_area div.bild{width:239px;}

#start_mini_teaser_area h2{padding:0 0 0 0;margin:15px 0 0 0;font-family:ubuntu,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:#ce0058;text-transform:uppercase;}
#start_mini_teaser_area h3{padding:0 0 0 0;margin:5px 0 0 0;font-family:ubuntu,sans-serif;font-weight:400;font-size:14px;line-height:24px;color:#165c7d;}
#start_mini_teaser_area p{padding:0 0 0 0;margin:10px 0 0 0;font-family:lato,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#333;}

#start_mini_teaser_area h2 a{padding:0 0 0 0;margin:15px 0 0 0;font-family:ubuntu,sans-serif;font-weight:700;font-size:16px;line-height:24px;color:#ce0058;text-transform:uppercase;text-decoration:none;}
#start_mini_teaser_area h3 a{padding:0 0 0 0;margin:5px 0 0 0;font-family:ubuntu,sans-serif;font-weight:400;font-size:14px;line-height:24px;color:#165c7d;text-decoration:none;}
#start_mini_teaser_area p a{padding:0 0 0 0;margin:10px 0 0 0;font-family:lato,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#333;text-decoration:none;}

.last{margin-right:0!important}