body {
	font-family: arial !important;
}

body.preloader-site {
    overflow: hidden;
}

.tg, .aufpreis {
	display: none;
}

tr.hzstab, tr.dpno {
	display: none;
}


img.info-icon {
width: 17px;
height: auto;
margin-left: 5px;
margin-top: -10px;
}	

span.geruestc  {
	font-size: 10px !important;
	display: none;
}

/*.navbar {
	display: none !important;
}*/

.mod-leistung {
	font-size: 20px;
}

.form-wrapper input#land {
	width: 10% !important;

}

.form-wrapper input#telefon {
width: 75%;	

}



.handy {
	display: none;
}

.pf {
	border: 1px solid #A8C1D7 !important;
	background: #EDF2F7 !important;
}

.pf:focus {
	background: #fff !important;
}


.form-plus {
	float: left;
	display: block;
	width: 4%;
	margin-right: 5px;
	margin-top: 0px;

	font-size: 24px;
	text-align: right;
}

.fehler {
	border: 2px solid #aa0000 !important;
	padding: 10px;
	margin-bottom: 20px;
}


.dbid {
	display: none;
}

.kv-re {
	margin-top: 10px !important;
	font-size: 16px;
}


.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #000;
	opacity: .9;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
	display: none;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 220px;
	
	
}

.preloader-wrapper p {
	color: #fff;
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
}

.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
 
  left: 30%;
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 37px;
  width: 6px;
  height: 18px;
  border-radius: 20%;
  background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.left .button {
	width: 230px;
padding-top: 8px;
padding-bottom: 8px;
	display: block;
}

.navbar {
	height: 210px !important;
}

.navbar ul {
	margin-top: 15px !important;
}

.navbar ul li a.current {
	color: #000;
}

.spage nav.navbar ul.nav li a.current7 {
	color: #aa0000 !important;
}

.konfi nav.navbar ul.nav li a.current {
	color: #aa0000 !important;
}

.kosten nav.navbar ul.nav li a.current2 {
	color: #aa0000 !important;
}

.wkp nav.navbar ul.nav li a.current3 {
	color: #aa0000 !important;
}

.auftrag nav.navbar ul.nav li a.current4 {
	color: #aa0000 !important;
}


.vollmacht nav.navbar ul.nav li a.current5 {
	color: #aa0000 !important;
}

.checkliste nav.navbar ul.nav li a.current6 {
	color: #aa0000 !important;
}

.logo-container {
	float: left;
	width: 200px;
	
}
.logo-container img {
	width: 100% !important;
	height: auto;
	margin-top: 10px !important;
}

.header-right {
	float: right;
	width: 400px;
	
}

.newbutton {
	float: left;
	margin-top: 35px;
}

.newbutton input {
	font-size: 16px;
	padding: 8px !important;
}

.login-outer {
width: 400px;
margin: 0 auto;	
}

.login-outer h2 {

}

.login-over {
	margin: 0 auto 40px auto;
background: #F2F2F2;
border: 1px solid #c0c0c0;
font-weight: bold;	
width: 400px;
padding: 10px;
border-radius: 5px;
}

.login-over input {
	width: 200px;
	padding: 3px;
	margin-top: 5px;
	
}

.error-msg {
	width: 400px;
	padding: 10px;
	background: #FFA8A8;
	border: 2px solid #AA0000;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 10px;
}

/** Speichern Box **/
#speichern-box {
position: fixed;
left: 0px;
bottom: 0px;
background: #595959;
z-index: 999999;	
padding: 25px;
width: 100%;
border-top: 2px solid #404040;

}

.speichern-box-inner {
	width: 250px;
	margin: 0 auto;
}

.speichern-box-inner input {
	font-size: 16px;
	padding: 15px !important;
	float: left;
}

.speichern-box-inner input:hover {
	opacity: .7;
}

 #close {
	float: right;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-left: 20px;
	margin-top: -20px;
}

/** Gespeicherte Angebote **/

table.ges-angebote {
	width: 100%;
	margin-top: 15px;
	
}

table.ges-angebote tr {
	border-bottom: 1px solid #c0c0c0;
}

table.ges-angebote tr th {
	background: #F2F2F2;
}

table.ges-angebote tr td, table.ges-angebote tr th {
	padding: 5px;
}


table.sbau {
	width: 100%;
}

table.sbau tr td, table.sbau tr th {
	padding: 10px;
}

table.sbau tr {
	border-bottom: 1px solid #c0c0c0;
}

table.sbau tr th {
	font-size: 16px;
}

table.sbau tr td label {
font-size: 14px;	
}
table.sbau tr td input {
	width: 40px;
}

tr.ang-sbau-tr {
	border-bottom: 1px solid #c0c0c0;
}

.site {
	margin-bottom: 50px;
}


.header-an {
	/*width: 300px;*/
	float: right;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 60%;
}

.header-an h2 {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 3px;
	color: #999;
}

.header-an p {
	margin-top: 5px;
	margin-bottom: 3px;
}

.anbox {
	width: 50%;
	float: left;
	margin-right: 30px;
	background: #DBEDFF;
	border: 1px solid #5CADFF;
	padding: 5px;
	border-radius: 5px;
}

.anbox2 {
	width: 30%;
	float: left;
	margin-right: 30px;
	background: #DBEDFF;
	border: 1px solid #5CADFF;
	padding: 5px;
	border-radius: 5px;
}

.anbox-inner {
	width: 250px;
	float: left;
	margin-top: 0;

}

.anbox-inner p {
	margin-top: 3px;
}

.anbox h2, .anbox2 h2 {
	color: #333;
	padding-bottom: 8px;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 8px;
}

.einstellungen .anbox, .einstellungen .anbox2 {
	background: #F2F2F2;
	border: 1px solid #D9D9D9;
}

.anbox input, .anbox2 input {
padding: 5px;
}	

.anbox2 .form-wrapper label {
	float: left !important;
	margin-top: 2px;
	margin-right: 10px;
}

.anbox2 .form-wrapper input {
	float: left !important;
	clear: none !important;
	width: 50%;
	
}


.button-big {
	font-size: 16px;
	padding: 10px !important;
	margin-top: 30px;
	
}

.button-big:hover {
	opacity: .7;
}

.content h2 {
	color: #333;
}

.pdf-box {
	margin-top: 15px;
	margin-bottom: 20px;
}


/** Angebot bearbeiten */
.anktang {
	display: block;
	background: #DBEDFF;
	padding: 10px;
	margin-top: 55px;
	border: 2px solid #5CADFF;
border-radius: 5px;
}

.anktang table tr td {
	padding: 5px 10px 5px 0;
}

.anktang.red {
background: #FFDBDB;
border: 2px solid #aa0000;
border-radius: 5px;	
margin-top: 60px;
}


.left {
width: 20%;
float: left;
margin-top: 80px;
}

.header-navi {
display: block;
z-index: 1 !important;
position: relative;
 float: left;
width:100%;

 
margin-top: 70px;

margin-bottom: 0px !imporant;
padding-top: 30px !important;
padding-bottom: 20px !important;

}



.header-navi ul {
float: left;

width: 100%;

margin: 0;
 padding: 20px 0 20px 0 !important;
 
}

.header-navi ul li {
float: left;
width: 100% !important;

 margin: 4px 0px 4px 0px;
 
}

.header-navi ul li a {
position: relative;
display:block;
/*background: #FFC700;*/
/*color: #442220;*/
color: #fff;

text-decoration: none;
 padding: 5px;
border: 1px solid #ccc;
/*border-radius: 10px;*/
margin: 0px;
text-align: center;
vertical-align:middle !important;
height: 56px;
  width: 100%;
font-size: 16px;
}

.header-navi ul li span {
position: relative;
display: block;
width: 100%;
height: auto;
/*background: #FFC700;*/
/*color: #442220;*/
color: #fff;

text-decoration: none;
 padding: 5px;
border: 1px solid #ccc;
/*border-radius: 10px;*/
margin: 0px;
text-align: center;
vertical-align:middle !important;


font-size: 16px;
}

.header-navi ul li span.sl-klick:hover {
opacity: 1 !important;

  -moz-transition:  none;
		-webkit-transition:  none;
	-o-transition: none;
transition:  none;
cursor: pointer;
}



.header-navi ul li a:hover {
  opacity: 1 !important;

  -moz-transition:  none;
		-webkit-transition:  none;
	-o-transition: none;
transition:  none;
}

.header-navi ul li a.noa, .header-navi ul li a.noa:hover {
 opacity: 1;
} 

.header-navi ul li span.headnav-cur {
	background: #c0c0c0;
}


.checked {
position: absolute;
bottom: 5px;
right: 5px;

width: 15px;
height: 12px;
background: url(../img/tick-nav2.png) no-repeat 0 0;

}

.radio {
	display: none;
}

table.angroesse tr td {
	font-size: 16px;
	padding: 10px 20px 10px 0px;
}


table.angroesse input {
	background: #f2f2f2;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	padding: 3px;
	font-weight: bold;
}

select#daus {
background: #f2f2f2;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	padding: 3px;
	font-weight: bold;	
}

.next-button {
	width: 100%;
	text-align: left;
	margin-top: 20px;
}

.next-button input {
	font-size: 16px;
	padding: 10px;
}
	
.next-button input:hover {
opacity: .7;	
}



  .sl1 {
   /*background: url(../img/sl1-b.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important;*/
   background: #424242;
   color: #fff;
   }
   
    .sl1.headnav-cur {
   /*background: url(../img/sl1-b-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;*/
   color: #fff;
   }
   
   .sl2 {
   /*background: url(../img/sl2.png) no-repeat 8px 50% #ffffff;
   padding-left: 30px !important;*/
    background: #424242;
    color: #fff;
   }
   
     .sl2.headnav-cur {
  /*background: url(../img/sl2-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;*/
   color: #fff;
   }
   
   .sl3 {
   /*background: url(../img/sl3.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important;*/
    background: #424242;
    color: #fff;
   }
   
    .sl3.headnav-cur {
   /*background: url(../img/sl3-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;*/
   color: #fff;
   }
   
   .sl4 {
/*   background: url(../img/sl4.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important;*/
    background: #424242;
    color: #fff;
   }
   
    .sl4.headnav-cur {
 /*  background: url(../img/sl4-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;*/
   color: #fff;
   }
   
   .sl5 {
  /* background: url(../img/sl5.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important;*/
    background: #424242;
    color: #fff;
   }
   
    .sl5.headnav-cur {
 /*  background: url(../img/sl5-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;  */
   color: #fff;
   }
   
   .sl6 {
  /* background: url(../img/sl6.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important; */
    background: #424242;
    color: #fff;
   }
   
   .sl6.headnav-cur {
  /* background: url(../img/sl6-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;   */
   color: #fff;
   }
   
   .sl7 {
  /* background: url(../img/sl7.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important; */
    background: #424242;
    color: #fff;
   }
   
   .sl7.headnav-cur {
  /* background: url(../img/sl7-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;  */
   color: #fff;
   }
   
   .sl8 {
   /*background: url(../img/sl8.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important; */
    background: #424242;
    color: #fff;
   }
   
   .sl8.headnav-cur {
  /* background: url(../img/sl8-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important; */
   color: #fff;
   }
   
   .sl9 {
   /*background: url(../img/sl9.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important;*/
    background: #424242;
    color: #fff;
   }
   
   .sl9.headnav-cur {
  /* background: url(../img/sl9-p.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important; */
   color: #fff;
   }
   
    .sl10 {
  /* background: url(../img/sl10.png) no-repeat 8px 50% #ffffff;
   padding-left: 25px !important; */
    background: #424242;
    color: #fff;
   }
   
   .sl10.headnav-cur {
   /*background: url(../img/sl10-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 25px !important;  */
   color: #fff;
   }
   
    .sl11 {
 /*  background: url(../img/sl11.png) no-repeat 8px 50% #ffffff;
   padding-left: 35px !important; */
    background: #424242;
    color: #fff;
   }
   
   .sl11.headnav-cur {
 /* background: url(../img/sl11-h.png) no-repeat 8px 50% #022FC0;
   padding-left: 35px !important;   */
   color: #fff;
   }
   
   .content {
   
   float: left;
   width: 50%;
   margin-top: 180px;
   margin-left: 30px;
   }
   
.content.breit {
width: 78%;
margin-left: 15px;	
}
   
   .kosten .content {
  
   width: 75%;
 
   }
   
   #kdform .content {
	   width: 100%;
   }
   
   .right {
	  float: right;
width: 21%;
 margin-top: 180px;

   }	

#ber-module {
	background: #4575b6;
	padding: 0;
	margin-top: 25px;
}

#ber-module h2 {
	margin: 0 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 5px 5px;
	background: #375C90;
}

.ber-box {
	background: #6790C5;
	padding: 5px;
	border-bottom: 1px solid #5583BE;
}

.ber-box-ges {
	background: #3E69A3;
	padding: 5px;
	margin-top: 0;
}

#ber-module h3 {
font-weight: bold !important;
color: #fff;
font-size: 13px;

}	

#ber-module p {
color: #fff;
font-size: 12px;	
}

#ber-module p.preis {
	text-align: right;
	font-weight: bold;
	margin-right: 5px;
}

#ber-module hr {
	margin-top: 5px !important;
	margin-bottom: 10px;
}

#ber-module .gesausgabe {
	text-align: left;
	display: block;
	float: left;
	font-weight: bold;
}

#ber-module .gesausgabepreis {
	text-align: right;
	display: block;
	float: right;
	font-weight: bold;
}

#ber-module .clear {
	clear: both;
}
   
    h1 {
		
   color: #000 !important;
   padding-top: 0 !important;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   font-size: 32px !important;
   
   }
   
   .content .headline {
	  
	   padding-top: 0 !important;
	   margin-bottom: 0 !important;
	   margin-top: 50px;
   }
   
   .pachtrechner {
	width: 100%;
	
	margin-top: 0;
}

.pachtrechner .container {
	padding: 0;
}

.pachtrechner select.prod-select {
	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	width: 100%;
	padding: 6px !important;
	font-size: 16px;
	background: #f2f2f2;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	font-weight: bold;
}

.pachtrechner select.prod-select option {
	padding: 6px !important;
	font-weight: bold;
}

.module2 {
	margin-top: 30px;
	width: 100%;

}

.module2 label {
	width: 100%;
}

 .module2 .mod-left {
	width: 73%;
	float: left;
	
}

.module2 .mod-left h2 {
	margin-top: 0;
	color: #333;

}

.module2 .mod-left ul {
	margin-left: 0;
	padding-left: 0;
}

.module2 .mod-left ul li {
	background: url(../img/dot-s.png) no-repeat 0 6px;
      padding-left: 16px;
      margin-bottom: 5px;
}

.module2 .mod-right {
	width: 15%;
	float: right;
	margin-left: 20px;
	
}

.module2 .mod-right img {
	width: 150px;
	height: auto;
	float: right;
}

	
		
	
	.active {
/*background: url(../img/tick-top.png) 50% 10px no-repeat #d5edfb !important;*/
border: 2px solid #2d07bd !important;
border-radius: 5px;


/*display: none !important;*/
}

#footer {
	background: #fff;
}

#footer .footer-inner {
	border-top: #c0c0c0;

}

#footer .footer-inner .col-md-4 {
	display: none;
}

.logo-container {
	margin-top: 10px;
}

/** Content Lightbox */
.clbox {
display: none;
}

.clbox p {
 text-align: left;
 color: #333 !important;
 }

.clbox table.table-detail {
  margin-bottom: 30px;
  width: 80%;

 }

 .clbox p.small {
  font-size: 12px !important;
  }
  
  .clbox img {
  width: auto !important;
  height: auto !important;
  }

  .clbox h2 {
  text-align: left;
  }
  
   .clbox ul {
   height: auto !important;
   margin-left: 0px;
     margin-right: 5px;
     /*background: #aa0000;*/
     padding-left: 0;
   }
   
   .clbox ul li {
     background: url(../img/dot-s.png) no-repeat 0 6px;
      padding-left: 16px;
      margin-bottom: 5px;
      color: #333;
      font-size: 16px;
   }
   
   .clbox .ap {
   width: 50%;
   text-align: left;
   }
   
   .clbox .ap .ap-p {
   text-align: left;
   }


/** Formular Daten **/

form.anfrage {
padding: 0 !important;
 
  margin-left: 0px;
  border: none !important;
}

form.anfrage legend {
display: none !important;
}

form.anfrage fieldset {
border: none;
padding: 0 !important;
}

form.anfrage label {
font-size: 16px;
 color: #555;
 display: block;
 font-weight: normal;
}

form.anfrage input {
 margin-top: 3px !important;
 clear: both;
 padding: 5px;
 
 }


.form-wrapper {
width: 50%;
float: left;
margin-bottom: 15px;

}

.form-wrapper2 {
width: 90%;
float: left;
margin-bottom: 15px;

}

.form-wrapper-s {
width: 250px;
float: left;
margin-bottom: 15px;

}

.form-wrapper-s label {

/*width: 200px;*/
float: left;
clear: none;
margin-left: 10px;
margin-top: 0;
padding: 0;
}

.form-wrapper-s input {
float: left;
clear: none;
padding: 0;
margin: 0;
}

.form-wrapper input {
width: 93%;
/*background: #E5F1FF;*/
background: #fff;
border: 1px solid #D9D9D9;
border-radius: 5px;
}

.form-wrapper select {
 width: 93%;
/*background: #E5F1FF;*/
background: #fff;
border: 1px solid #D9D9D9;
border-radius: 5px;  
padding: 5px;
}

.form-wrapper2 textarea {
width: 90%;
height: 180px;
margin-top: 0px;
background: #fff;
border: 1px solid #D9D9D9;
border-radius: 5px;
}

.form-wrapper input:focus, .form-wrapper2 textarea:focus {
background: #fff;
}

input#dsefeld {
float: left !important;
width: 30px;
margin-top: 8px !important;


}

input#mailkontaktfeld {
float: left !important;
width: 30px;
margin-top: 8px !important;
}

.form-wrapper a {
color: #338BEB;
text-decoration: underline;
}

.form-wrapper a:hover {
text-decoration: none;
}

.input-overall {
/*background: #c0c0c0 !important;*/
/*border: 1px solid #000;*/
/*width: 950px;*/
margin: 0 auto;
}

.form-vereinbarung {
	width: 100%;
}

.form-vereinbarung textarea {
	width: 31%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height: 70px;
}

h3.form-h3 {
font-size: 20px !important;
color: #333;
margin-bottom: 15px;
margin-top: 20px;
/*font-weight: normal;*/
}

.form-time {
width: 30%;
}

input.datepicker {

background: url(../img/calendar.png) no-repeat 98% 50% #f9f9f9;

}

input.timepicker {
background: url(../img/clock.png) no-repeat 98% 50% #f9f9f9;

}

input.datepicker:hover, input.timepicker:hover {
cursor: pointer !important;
}

label.tdatum, label.tzeit {
display: none !important;
}


/** Ausgabe Kostenvoranschlag neu **/  

table.angebot-ausgabe {
float: left;
   display: block;
width: 100%;
}

table.angebot-ausgabe tr {
	border-bottom: 1px solid #c0c0c0;
}

table.angebot-ausgabe tr th {
	font-size: 18px;
	font-weight: bold;
	background: #f2f2f2;
	padding: 10px 5px 10px 5px;
}

table.angebot-ausgabe tr td {
	
	padding: 15px 5px 15px 5px;
}

table.angebot-ausgabe tr td span.angebot-ueberschrift {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
display: inline-block;
}

table.angebot-ausgabe tr td span.angebot-text {
font-size: 14px;
line-height: 24px;
}

table.angebot-ausgabe tr td.angebot-anzahl-td {
font-size: 14px;
text-align: center;	
vertical-align: top;
}

table.angebot-ausgabe tr td span.angebot-anzahl {

}	


table.angebot-ausgabe tr td.angebot-preis-col1 {
text-align: right;	
}

table.angebot-ausgabe tr td.angebot-preis-col2 {
text-align: right;	
}

table.angebot-ausgabe tr td.angebot-preis {
	font-size: 16px;
}

.right {
	display: none !important;
}































   table.ang-ausgabe {
    border-collapse: collapse;
   float: left;
   display: block;
   /*width: 970px;*/
   width: 100%;
    margin-left: 0px;
    margin-right: 15px;
   font-family: verdana;
   font-size: 16px;
  
   }
   
  table.ang-ausgabe td.ang-ausgabe-head {
   background: #f2f2f2 !important;
   text-align: left !important;
   padding: 10px;
   border-top: 1px solid #D9D9D9;
   border-bottom: 1px solid #D9D9D9; 
   }
   
   table.ang-ausgabe td.ang-ausgabe-head h3 {
   text-align: left;
   padding: 0;
   margin: 0;
   color: #222;
   font-weight: normal;
   font-size: 20px !important;
   }
   
   table.ang-ausgabe td.ang-ausgabe-content h4 {
   color: #555;
   font-weight: bold;
   font-size: 16px;
   padding: 0;
   margin: 15px 0 10px 0;
   }
   
   table.ang-ausgabe td.ang-ausgabe-content p {
   margin: 0 0 5px 0 !important;
   padding: 0;
   }
   
   p.ang-ausgabe-content-aufpreis {
   font-size: 16px !important;
   font-style: italic;
   font-weight: normal;
   color: #555 !important;
   padding-top: 20px !important;
   }
   
   table.ang-ausgabe td.ang-ausgabe-content ul {
   list-style: none;
   margin-left: 0px;
   margin-bottom: 15px !important;
   padding: 0;
   }
   
   table.ang-ausgabe td.ang-ausgabe-content ul li {
    background: url(../img/dot-s.png) no-repeat 0 4px !important;
   padding-left: 20px;
   padding-top: 0;
   margin-bottom: 7px;
   }
   
   table.ang-ausgabe td.ang-ausgabe-content {
   
   }
   
   h3.ang-ausgabe-plus {
   background: url(../img/plus-icon.png) no-repeat 0 2px;
   padding-left: 30px !important;
   }
   
   tr.ang-ausgabe-gesamt-tr {
  
   
   }
   
   
   
    td.ang-ausgabe-abstand {
    height: 8px !important;
    padding: 0 !important;
    border-bottom: 2px solid #c0c0c0 !important;
    }
   
    table.ang-ausgabe td.ang-ausgabe-preis {
    background: #Fafafa;
    vertical-align: bottom;
    text-align: right;
    
   }
   
   td.ang-ausgabe-gesamt {
   background: #F9F9F9;
   padding: 10px;
   text-align: right;
   color: #444;
   border-bottom: 1px solid #c0c0c0; 
   border-right: none !important;
   }
   
   td.ang-ausgabe-gesamt p {
   color: #333 !important;
   }
   
   
   
   td.ang-ausgabe-gesamt p, td.ang-ausgabe-gesamt-preis p {
   margin: 0;
   
   } 
   
   td.ang-ausgabe-gesamt-preis {
   text-align: right;
   background: #F9F9F9;
   padding: 0;
    border-bottom: 1px solid #C0C0C0; 
   }
   
   .ang-td-last {
    border-bottom: 2px solid #C0C0C0 !important;
   }
   
   
   .next-box {
	   
		float: right !important;
		
	}
	
	.next-box button {
	background: #aa0000;
color: #fff;
padding: 8px;
font-weight: bold;	
border: 1px solid #750000;
	}
	
	.next-box button:hover {
		opacity: .7;
	}
   
   form .next-box ul li {
	   float: left;
	   margin-right: 10px;
   }
   
   ul.cslide-nav {
	   clear: both;
	   margin: 20px 0 0 0;
	   padding: 0;
   }
   
   ul.cslide-nav li {
	   float: left;
	   margin-right: 10px;
   }
   
   ul.cslide-nav li input:hover {
	   opacity: .7;
   }
   
   input.button {
	   margin-left: 0;
	   padding: 7px;
	   background: #aa0000 !important;
	   color: #fff;
	   font-weight: bold;
   }
   
   input.button:hover {
	   opacity: .7;
   }
   
   /** Allgemein **/
   
   .check-wrapper {
	   float: left;
	   margin-right: 15px;
   }
   
   .check-wrapper label {
	   font-size: 16px;
   }
   
   /** Kundenauftrag **/
   
   .kdauftrag h3 {
	   font-weight: bold;
	   font-size: 18px;
	   margin-top: 40px;
   }
   
   .kdauftrag-left {
	   width: 50%;
	   float: left;
	   margin-bottom: 0 !important;
	  
	   padding: 0;
   }
   
   .kdauftrag-right {
	   width: 50%;
	   float: left;
   }
   
   table.kdauftrag-dat {
	width: 48%;
float: left;	
font-size: 16px;
margin-right: 20px;
   }
   
   table.kdauftrag-dat td {
	   padding: 5px;
	   border: 1px solid #c0c0c0;
	   
   }
   
    table.kdauftrag-dat td.td1 {
		background: #f2f2f2;
		width: 30%;
	}
	
	 table.kdauftrag-dat-100 {
	width: 75%;
float: left;	
font-size: 16px;
margin-right: 20px;
   }
   
   table.kdauftrag-dat-100 td {
	   padding: 5px;
	   border: 1px solid #c0c0c0;
	   
   }
   
    table.kdauftrag-dat-100 td.td1 {
		background: #f2f2f2;
		width: 90%;
	}
	
	 table.kdauftrag-dat-100 label {
		 font-weight: normal;
		 margin-top: 4px;
	 }
   
   
   /** Vollmacht **/
   
   .datort {
	   width: 48%;
	   float: left;
	   margin-top: 50px;
	   margin-right: 30px;
   }
   
   .datort .datort-eingabe {
	   border-bottom: 1px solid #999;
	   margin-top: 0;
	   margin-bottom: 0;
   }
   
   .datort .datort-eingabe p {
	   margin-bottom: 4px;
	   padding-top: 0;
	  
   }
   
   .datort .datort-unter p {
	   margin-top: 5px;
	   font-style: italic;
   }
   
   .unterschrift {
	   width: 48%;
	   float: left;
	   margin-top: 50px;
   }
   
    .unterschrift .unterschrift-eingabe {
	   border-bottom: 1px solid #999;
	   margin-top: 0;
	   margin-bottom: 0;
   }
   
   .unterschrift .unterschrift-eingabe p {
	   margin-bottom: 4px;
	   padding-top: 0;
	   color: #aa0000;
	   font-weight: bold;
	  
   }
   
   .unterschrift .unterschrift-unter p {
	   margin-top: 5px;
	   font-style: italic;
   }
   
   /*** Wirtschaftlichkeit **/
  .wkp {
	  
  }
  
  .wkp table.wkp-table {
width: 80%;	  
  }
  
  .wkp table.wkp-table tr td {
	  padding: 7px;
  }
  
   .wkp table.wkp-table tr td.td-grey {
	   background: #f2f2f2;
   }
   
   table.wkp-table th {
background: #BFBFBF;
/*background-color: rgb(153, 204, 255);*/

padding: 7px;
font-size: 16px;
}

.wkp-table td {


/*background-color: rgb(153, 204, 255);*/

/*background: #c0c0c0;
border: 1px solid #000;*/
}

table.wkp-table td.td-bold {
font-weight: bold;
}

th.tbltopheader {
font-size: 16px;
padding-bottom: 10px;
}

table.wkp-zf td.table-inner {
padding: 0 !important;
}

td.table-inner table tr td {
border-bottom: 1px solid rgb(153, 204, 255);
}

table.wkt-list {
 border-spacing: 2px;
 border-collapse: separate;
}

table.wkt-list tr th {
font-size: 11px !important;
text-align: center;

}


table.wkt-list tr td {
font-size: 11px !important;
margin: 2px;
text-align: right;
background: #E6E6E6;
/*background-color: rgb(153, 204, 255);*/
}

table.wkt-list .tbl-strong {
font-weight: bold;
}

table.wkt-list .tbl-center {
text-align: center;
}

table.wkt-list .tbl-right {
text-align: right;
}

/* blau dunkel */
table.wkt-list .tbl-bg1 {
/*background-color: rgb(0, 51, 101);*/
background: #BFBFBF;
color: #000;
}

/* grau dunkel */

table.wkt-list .tbl-bg2 {
background-color: rgb(51, 51, 51);
color: #fff;
}

/* grau hell */

table.wkt-list .tbl-bg3 {

background-color: rgb(192, 192, 191);

}
   
   
   
   table.wkp-zf {
margin-bottom: 55px;
margin-top: 30px;
width: 100%;

}

table.wkp-zf td {
border: 1px solid #000;
font-size: 16px;
  
}

.tbltopheader {
	font-size: 18px;
	padding-bottom: 20px;
}

table.wkp-zf .tbl-noborder {
border-top: 1px solid #fff;
/*border-right: 1px solid #fff !important;
border-bottom: 1px solid #fff;*/
border-left: 1px solid #fff !important;
}

table.wkp-zf hr {
margin-top: 2px !important;
margin-bottom: 2px;
}

table.wkp-zf .tbl-strong {
font-weight: bold;
}

table.wkp-zf .tbl-center {
text-align: center;
}

 .tbl-right {
text-align: right;
}

table.wkp-zf .tbl-bg1 {
background-color: #E6E6E6;
}

table.wkp-zf .tbl-bg2 {
background-color: #CCCCCC;
color: #000;
}

table.wkp-zf .tbl-noborder {
border: none;
}

table.wkp-zf table {
width: 100% !important;

margin: 0 !important;
}

table.wkp-zf tr td table tr td {
padding: 6px !important;
font-size: 16px;
border-color: #000 !important;

}

th.ektbl {

background-color: #E6E6E6;
text-align: center;
padding: 4px;
border-top: 1px solid #000;
border-left: 1px solid #000; 
border-right: 1px solid #000;
}

th.fktbl {

background-color: #BFBFBF;
text-align: center;
padding: 4px; 
color: #000;
border-top: 1px solid #000;

border-right: 1px solid #000;
}
   