@import "base/jquery.ui.all.css";


.csc-mailform-multibox4s,
.csc-mailform-multibox5s {
	width: 100%;
	line-height: 1;
	font-size:1em;
}

.csc-mailform-multibox {
	width:100%;
	box-sizing: border-box;
}

.clear {
	clear: both;
}

/* formhandler */


.honeypot {
	display:none;
}

#formhandler_contact_form {

}

#Content .csc-mailform-field a,
#Content .csc-mailform-multibox a{
	text-decoration:none;
	color:#dc1212;
}

#Content .csc-mailform-field label {
	font-size: 1.6rem;
}

.csc-mailform-headline {
	font-weight:bold;
	margin-bottom:10px;
}

.csc-mailform-headline2 {
	border-bottom:1px solid #D8D9DB;
	margin-bottom:1em;
}

	.csc-mailform-multibox4s .csc-mailform-multibox-top {
		width:161px;
	}

	.csc-mailform-multibox5s .csc-mailform-multibox-top {
		width:128px;
		width:calc((100% / 5) - 5px);
	}

	.csc-mailform-multibox-top {
		float:left;
		margin-bottom:5px;
		width:216px;
		height:55px;
		margin-right:4px;
		background:url(../Icons/csc-mailform-multibox-top_bg.png) bottom center no-repeat;
	}

	.csc-mailform-multibox-top.last {
		margin-right:0px;
	}

	.csc-mailform-multibox-top.act {
		background:url(../Icons/csc-mailform-multibox-top_act_bg.png) bottom center no-repeat;
	}

	 	.multibox_content {
			border:1px solid #D8D9DB;
			margin-bottom:5px;
			height:15px;
			padding: 5px 5px 15px;
		}

		.csc-mailform-multibox-top.act .multibox_content {
			border:1px solid #db1814;
		}


		.csc-mailform-multibox-top .count {
			background-color:#D8D9DB;
			padding:5px;
			margin-right:5px;
			display:inline-block;
		}

		.csc-mailform-multibox-top div.count {
			margin-top:-7px;
		}

		.csc-mailform-multibox-top div.count .bodytext {
			margin-bottom:0;
		}

		.csc-mailform-multibox-top.act .count {
			background-color:#db1814;
			color:#fff;
		}

		.csc-mailform-multibox-top .text {
			font-size:11px;
			float:right;
			width:92px;
		}

			.csc-mailform-multibox-top .text.zweiz {
				margin-top:-8px;
			}

	.csc-mailform-multibox {
		border:1px solid #D8D9DB;
		border-top:none;
		padding:0px 20px 20px 20px;
		margin-right:4px;
	}

#Content .csc-mailform-field {
	margin:2px 0px;
	font-size:12px;
}
	#Content .csc-mailform-text span.marker {
		font-weight:bold;
	}
	#Content .csc-mailform-field label {
		float:left;
		width:200px;
		padding:2px 0;
	}

	#Content .csc-mailform-field .csc-mailform-cright,
	#Content .csc-mailform-field input {
		float:left;
		width:300px;
	}

		#Content .csc-mailform-mathguard {
			float:left;
			padding-left:80px;
		}

		#Content .csc-mailform-field input,
		#Content .csc-mailform-field select,
		#Content .csc-mailform-field textarea {
			font-size:14px;
			width:230px;
			border:1px solid #D0C9BF;
			padding:2px 2px 2px 3px;
			font-family:Arial, Helvetica, sans-serif;
		}


			#Content .csc-mailform-field.fbfield label {
				width:400px;
			}

			#Content .csc-mailform-field.fbfield input {
				width:30px;
			}

			#Content .csc-mailform-field.fbfield2 label,
			#Content .csc-mailform-field.fbfield2 textarea {
				width:436px;
				display: inline-block;
				float: none;
			}

			#Content .formhandler-calendar {
				background:url(../Icons/calendar.jpg) center right no-repeat;
			}
			#Content .csc-mailform-field input {
				margin-right:4px;
			}

				#Content .csc-mailform-field input.azpb {
					font-size:11px;
				}

			#Content .csc-mailform-field select.select {
				width:236px;
				padding:2px 2px 2px 0;
			}

		#Content .csc-mailform-field input[type=radio] {
			width:20px;
		}

		#Content .csc-mailform-field input[type=submit] {
			padding:5px 14px;
			display:block;
			color:#fff;
			cursor:pointer;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			width:230px;
			margin-left: 200px;
			background:#dc1212 url(../Icons/input_next.png) 40px 10px no-repeat;
		}

	    #Content .csc-mailform-field input[type=submit]:hover {
			background:#C50909 url(../Icons/input_next.png) 40px 10px no-repeat;
		}

			#Content .csc-mailform-field input[type=submit].prev,
			#Content .csc-mailform-field input[type=submit].next,
			#Content .csc-mailform-field input[type=submit].last {
				float:left;
				width:111px;
				background:#dc1212 url(../Icons/input_next.png) 20px 10px no-repeat;
			}

			#Content .csc-mailform-field input[type=submit].prev {
				background:#dc1212 url(../Icons/input_prev.png) 20px 10px no-repeat;
			}

				#Content .csc-mailform-field input[type=submit].prev:hover {
					background:#C50909 url(../Icons/input_prev.png) 20px 10px no-repeat;
				}

			#Content .csc-mailform-field input[type=submit].next {
				margin-left:10px;
			}
				#Content .csc-mailform-field input[type=submit].next:hover {
					background:#C50909 url(../Icons/input_next.png) 20px 10px no-repeat;
				}

			#Content .csc-mailform-field input[type=submit].last {
				width:180px;
				margin-left:10px;
			}

				#Content .csc-mailform-field input[type=submit].last:hover {
					background:#C50909 url(../Icons/input_next.png) 20px 10px no-repeat;
				}

		#Content .csc-mailform-field input[type=checkbox] {
			width:20px;
		}

		#Content .csc-mailform-field.photovoltaik-field {
			margin: 10px 0 20px;
		}
		
		#Content .csc-mailform-field.photovoltaik-field label {
			opacity: 0.6;
		}
		
		#Content .csc-mailform-field .description {
			max-width: 400px;
			/* padding-left: 10px; */
		}
		
		#Content .fivecol {
			width:100%;
		}

		#Content .csc-mailform-field.fivecol input{
			width:135px;
		}

			#Content .fivecol_1,
			#Content .fivecol_2,
			#Content .fivecol_3,
			#Content .fivecol_4,
			#Content .fivecol_5 {
				float:left;
				width:145px;
			}

			#Content .fivecol_1 {
				width:20px;
			}

		#Content .privat {

		}

		#Content .firma {

		}

/*dsgvo*/

.dsgvo {
	padding:15px 0 15px 200px;
}

.dsgvo.dsgvo2 {
	padding:15px 0;
}

/* Zusammenfassungstabelle */
#Content #formhandler_contact_form td {
	padding:3px;
	background-color:#E8E8E8;
	border:1px solid #fff;
}

/* ########### */

/* error message field */

#Content .Tx-Formhandler li {
	list-style:none;
	list-style-image:none;
}
#Content .Tx-Formhandler ul {
	margin:0 0 20px 0;
	list-style:none;
	list-style-image:none;
}
#Content .Tx-Formhandler li.error span {
	color:#f00;
	padding:0 0 0 20px;
	background:url(../Icons/warning.gif) left center no-repeat;
	text-decoration:none;
}
#Content .Tx-Formhandler li a {
	text-decoration:none;
}
#Content  span.error {
	color:#f00;
}

/* ################### */



/* Anpassungen für responsive Darstellung - 15.4.2015 */



/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* mobile */
@media screen and (max-width: 767px) {

#Content .csc-mailform-field label {
	padding:5px 0px;
	font-size:14px;
}

#Content .csc-mailform-field input,
#Content .csc-mailform-field select.select,
#Content .csc-mailform-field textarea {
	width:100%;
	padding:10px 0px;
}

#Content .csc-mailform-field input[type="submit"] {
	margin:20px 0;
	width:100%;
	padding:10px 0;
}

#Content span.error {
	float:right;
	clear:left;
	width:100%;
}

#Content li.error span.error {
	text-align:left;
	float:left;
	width:90%;
}


.csc-mailform-multibox4s .csc-mailform-multibox-top,
.csc-mailform-multibox5s .csc-mailform-multibox-top {
	width:48%;
}

.csc-mailform-multibox-top.last {
	margin-right:4px;
}

.csc-mailform-multibox {
	padding:0 10px 10px;
}

#Content .csc-mailform-field.fivecol input {
	width:100%;
	margin-bottom:5px;
}

#Content .fivecol_1, #Content .fivecol_2, #Content .fivecol_3, #Content .fivecol_4, #Content .fivecol_5 {
	width:100%;
	float:none;
}

#Content .csc-mailform-field {
	width:100%;
	font-size:14px;
}


#Content .csc-mailform-field input.prev[type="submit"] {
	width:90%;
	margin:0 auto;
}

#Content .csc-mailform-field input.next[type="submit"],
#Content .csc-mailform-field input.last[type="submit"] {
	width:90%;
	margin:0 auto;
	float:none;
}

#Content .csc-mailform-field input.last[type="submit"] {
	margin-left:auto;
	float:none;
	margin-top:10px;
}

#Content .csc-mailform-field input.last[type="submit"] {
	float:left;
}

#Content .csc-mailform-field input[type="submit"] {
	 padding: 5px 14px;
}

#Content .interchange_left,
#Content .interchange_right {
	width:50%;
}

#Content .interchange_right {
	float:right;
}


.dsgvo {
	padding:15px 0;
}

}


/* alte extensions.css */


.csc-mailform-multibox {
	
}

.csc-mailform-multibox legend {
	padding-bottom:10px;	
}

.csc-mailform-multibox hr {
	margin:20px 0;
	height:0;
	border:none;
	border-top:1px solid #D8D9DB;
}

.csc-mailform-multibox #subscriptionID {
	margin:10px 0;
}

#Content .csc-mailform-multibox .csc-mailform-field input[type=radio] {
	margin-top:3px;	
}

.tinetz_typ {
	margin-bottom:10px;	
	border-bottom:1px dotted #000;
	padding-bottom:10px;
}

.csc-mailform-multibox .choosetyp {
	width:200px;
	display:inline-block;
}
.csc-mailform-multibox .tinetz_typ div { 
	width:130px;
	display:inline-block;
}

#Content .csc-mailform-multibox #tx_nwtinetz_tinetz_salutationHerr_label,
#Content .csc-mailform-multibox #tx_nwtinetz_tinetz_salutationFrau_label {
	width:80px;
	display:inline-block;
}

.csc-mailform-multibox #tx_nwtinetz_tinetz_typdescr_label {
	padding: 10px 0;	
}

#Content .csc-mailform-multibox .csc-mailform-field select {
	width:236px;	
}

/* 2021 */

#Content .csc-mailform-multibox5s a,
#Content .csc-mailform-multibox5s a:link,
#Content .csc-mailform-multibox5s a:active,
#Content .csc-mailform-multibox5s a:visited,
#Content .csc-mailform-multibox5s a:hover {
	color:#DC1114;
}

#Content #tx_nwtinetz_tinetz_switch_nannrobjs_0_label {
    padding-right: 10px;
    width:290px;
}

#Content .csc-mailform-multibox .custom-select {
    float: left;
    border:1px solid #D0C9BF;
    width:235px;	
}

#Content .csc-mailform-multibox .select-selected {
     background:#fff;
    min-height: 16px;
    color:#000;
    padding:5px 4px;
}

#Content .csc-mailform-multibox .select-selected::after {
    border-color:#D0C9BF transparent transparent transparent;
    top:12px;
}

#Content .csc-mailform-multibox .select-items {
    background: #fff;
    border:1px solid #D0C9BF;
}

#Content .csc-mailform-multibox .custom-select .select-items div {
    color:#000;
}

/*#Content .csc-mailform-multibox .custom-select .select-items span:first-child::after,
#Content .csc-mailform-multibox .custom-select .select-items span:last-child::before{
    content:" / ";
}*/

#Content .csc-mailform-multibox .custom-select .select-items span {
    min-width: 60px;
    display: inline-block;
}



#Content .csc-mailform-multibox .csc-mailform-field div.tinetz_right label{
	width:215px;
	font-size: 13px;
}

.csc-mailform-multibox .set2block {
	border-top: 1px dotted #000;
	margin-top:10px;
	display:inline-block;
	padding-top:10px;
	width:100%;
}

.tinetz_left {
	float:left;
	width:300px;	
}

.tinetz_right {
	float:left;	
	width:250px;
}

.tinetz_right div {
	display:inline-block;
}	

#tx_nwtinetz_tinetz_typprivate_label,
#tx_nwtinetz_tinetz_typcompany_label,
#Content .csc-mailform-field #tx_nwtinetz_tinetz_photovoltaikanlagekind0_label,
#Content .csc-mailform-field #tx_nwtinetz_tinetz_photovoltaikanlagekind1_label,
#Content .csc-mailform-field #tx_nwtinetz_tinetz_photovoltaikanlagekind2_label {
	padding:0 10px;
	font-size: 1.6rem;
}

#tx_nwtinetz_tinetz_typdescr__label {
	margin-bottom:1em;	
}

#Content #tx_nwtinetz_tinetz_salutation0_label,
#Content #tx_nwtinetz_tinetz_salutation1_label {
	width:50px;	
}

#Content .csc-mailform-multibox-top a {
	font-weight:normal;	
}

#Content .csc-mailform-multibox-top .text.zweiz {
	margin-top:	0px;
}

#Content .csc-mailform-multibox-top .text {
	margin-top:5px;
}	

.csc-mailform-multibox .interchange {
	margin-top:10px;
	display:block;	
}

#Content .csc-mailform-multibox .interchange button {
	display: flex;
}



#Content a.addbutton {
	background: rgba(0, 0, 0, 0) url(../Icons/btn_add.png) no-repeat scroll left center;
    display: block;
    float: right;
    font-size: 11px;
    padding: 0 10px 0 35px;
    width: 160px;
	text-decoration:none;
}

#Content a.removebutton {
	float:right;
	background:url(../Icons/btn_close.png);
	width:26px;
	height:26px;
	font-size:0;
	display:block;	
}

/* VOE Link */

.voewrap {
	clear:both;	
	display:block;
	font-size:10px;
	border-top:1px dotted #000;
	margin-top:70px;
	padding-top:20px;
}

.voe_text {
	float:left;
	width:350px;
}

.voe_link_wrap {
	background-image: url(../Icons/btn_sprite_2.png);
	float: right;
    margin-top: 12px;
    background-position: right center;
    border: medium none;
    display: block;
    margin: 0;
    padding-right: 32px;
}

#Content a.voelink,
#Content a.fertig {
    background-image: url(../Icons/btn_sprite_2.png);
    background-position: left center;
    border: medium none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    text-decoration: none;
    width: 180px;
	float:right;
	line-height: 1;
}

/* Step Formats */

#tx_nwtinetz_tinetz_nannrobjs_0,
#tx_nwtinetz_tinetz_nannrobjs_1,
#tx_nwtinetz_tinetz_nannrobjs_2,
#tx_nwtinetz_tinetz_nannrobjs_3,
#tx_nwtinetz_tinetz_nannrobjs_4 {
	margin-bottom:10px;
}

#tx_nwtinetz_tinetz_nannrobjs_1,
#tx_nwtinetz_tinetz_nannrobjs_2,
#tx_nwtinetz_tinetz_nannrobjs_3,
#tx_nwtinetz_tinetz_nannrobjs_4 {
	border-top:1px dotted #000;
	padding-top:10px;
}

#Content .nza_step2 .csc-mailform-field label {
	width:300px;
	font-size: 14px;
}

#Content .nza_step2 legend,
#Content .nza_step4 legend {
	font-weight:bold;
	color:#000;
	margin-bottom:10px;	
	display:block;
}

#Content .nza_step4 #tx_nwtinetz_tinetz_nannrdate1__label,
#Content .nza_step4 #tx_nwtinetz_tinetz_nannrdate2__label {
	display:block;	
	float:none;
	width:100%;
	padding:0;
	margin:10px 0;
}


#Content .nza_step4 .tinetz_hinweis {
	padding:10px 0;
}

#Content .nza_step4 .fertig {
	float:right;
}

#Content .nza_step4 .tinetz_borderbottom {
	border-bottom:	1px solid  #d8d9db;
	margin:10px 0;
	display:block;
	padding-bottom:10px;
}

.step5_head {
	color:#fff;	
	background:#DB1814;
	padding:10px;
	padding-right:0;
	height:26px;
	line-height:26px;
	margin-bottom:10px;
	font-weight:bold;
}

#Content .step5_head a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;	
	float:right;
	background:url(../Icons/btn_edit.png) right center no-repeat;
	padding-right:30px;
	height:26px;
	display:inline-block;
}

#Content .nza_step5 .csc-mailform-field label {
	width:300px;
}



#Content .nza_step5 .tinetz_addfile div {
	clear:both;	
	margin-bottom:5px;
}

#Content .nza_step5 .step5_submit {
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-top:10px;
}

.csc-mailform-multibox .info {
	padding:10px 0;	
}

#Content .csc-mailform-multibox .cal {
	float:left;	
	width:300px;
}
#Content .csc-mailform-multibox .csc-mailform-field select.ui-datepicker-year,
#Content .csc-mailform-multibox .csc-mailform-field select.ui-datepicker-month {
	width:160px;	
}


#Content .csc-mailform-multibox .csc-mailform-field input[type=submit].disabledbutton {
	background-color:#949596;
}

.ui-autocomplete {
	width:200px !important;
	list-style:none;
}

a.ui-corner-all {
	display:block;
	padding:2px 0;
}

/* Error */
#Content .csc-mailform-multibox .csc-mailform-field input.error {
	border:1px solid #db1814;
}

.csc-mailform-multibox label.error,
#Content .csc-mailform-multibox .csc-mailform-field label.error {
	color:#db1814;
	padding-left:200px;
}

.csc-mailform-multibox .anrede label.error {
	padding-left:0 !important;	
	width:auto !important;
}

#Content .csc-mailform-multibox .tinetz_typ label.error,
#Content .csc-mailform-multibox #tx_nwtinetz_tinetz[salutation]-error {
	padding-left:10px !important;	
}


/* alte Default.css */

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}