/*
TIWAG CSS Datei für Formulare
Version: 1.0.0
Erstellungsdatum: 12.04.2016
Letzte Änderung : 12.04.2016
(c) netwerk.at
Datum/Kommentar:
*/

.Tx-Formhandler {
	width:960px;
	margin:0 auto;	
}

.csc-mailform-multibox {
	border:1px solid #b4b4b4;
	padding:40px;
	margin-bottom:1em;
}


/* Schrittanzeiger */
.csc-mailform-multibox1s,
.csc-mailform-multibox3s,
.csc-mailform-multibox4s,
.csc-mailform-multibox5s {
	margin:24px 0;
}

.csc-mailform-multibox-top {
	float:left;
	width:23%;	
	border:1px solid #b4b4b4;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	height:44px;
	line-height:44px;
	background:url(../img/design01/csc-mailform-multibox-top_bg.png) left bottom no-repeat;
	margin-right:2.6%;
	text-align:left;
}

.csc-mailform-multibox-top.act {
	background: #edeef0 url(../img/design01/csc-mailform-multibox-top_bg.png) left top no-repeat;
}

.csc-mailform-multibox-top span {
	padding-left:30px;	
}

.csc-mailform-multibox-top input {
	border:none;
	background:none;
	color: #858585;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 300;
	font-size:1em;	
	height:44px;
	display:block;
	box-sizing: border-box;
	width:100%;
	padding-left:30px;
	text-align:left;
}

.csc-mailform-multibox-top input:hover {
	cursor:pointer;	
	color:#64778D;
}

.csc-mailform-multibox1s .csc-mailform-multibox-top {
	width:100%;	
}

.csc-mailform-multibox3s .csc-mailform-multibox-top {
	width:32%;
	margin-right:2%;	
}

.csc-mailform-multibox5s .csc-mailform-multibox-top.last,
.csc-mailform-multibox3s .csc-mailform-multibox-top.last,
.csc-mailform-multibox-top.last {
	margin-right:0;	
}

.csc-mailform-multibox5s .csc-mailform-multibox-top {
	width:19.2%;
	margin-right:1%;
}

/* Formularfelder */

#formhandler_contact_form label {
	width:200px;
	display:inline-block;	
}

/* checkbox > label rechts */
#formhandler_contact_form .checkbox-field label{
	width:600px;
	display:inline;	
}

#Stromdetektiv {
	float:left;
	margin-right:10px;
}

#formhandler_contact_form .displaynone {
	display:none;	
}

#formhandler_contact_form input[type="text"],
#formhandler_contact_form select,
#formhandler_contact_form textarea {
	border:none;
	height:26px;
	line-height:26px;	
	padding:2px 5px;
	width:211px;
	margin-bottom:10px;
	background:#edeef0;
}

#formhandler_contact_form select {
	height:30px;
	line-height:30px;
	width:211px;
}

#formhandler_contact_form textarea {
	width:100%;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}	

#formhandler_contact_form .formhandler-calendar {
	background:#edeef0 url(../formhandler/cal_bg.png) right center no-repeat !important;
}

#formhandler_contact_form h3.h3red {
	color:#C00;
}	

.buttondiv {
	margin-top:24px;	
}

#main .fh_printlink a,
.csc-mailform-button {
	color:#000;
	border:none;

	width:100%;
	height:34px;	
	font-size:1em;
	font-weight:bold;
	border:1px solid #b4b4b4;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	background: #EDEEF0;
}

.csc-mailform-button:hover {
	cursor:pointer;	
	background-image: -moz-linear-gradient(center top , #f8f8f8, #EDEEF0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* valid btn */
.csc-mailform-button.form-invalid,
.csc-mailform-button.form-invalid:hover {
	color:#B4B4B4;
	background:#fff;
}

input.prev {
	float:left;
	width:48%;
}

input.next,
input.last {
	float:right;
	width:48%;
}

.fh_left,
.fh_right {
	width:48%;
	float:left;	
}

.fh_right {
	float:right;	
}

.fh_50 {
	width:50%;
	float:left;	
}

/* Klassen ein/ausblenden */

.ruckruftelefon span {
	display:none;	
}

.rueckrufvisible span {
	display:inline;	
}

.rueckrufvisible {
	font-weight:500;	
}

/* AusschreibungsNL versteckte Inhalte Schritt 3 */
.ausschreibung_nl_anmeldung {
 	padding:10px 20px;
}

.ausschreibung_nl_anmeldung input {
	margin-left:20px;
}

#formhandler_contact_form .ausschreibung_nl_anmeldung label {
	width:100%;	
	display:block;
	padding:5px 0;
}


.honeypot {
	display:none;
}

.error_wrap ul {
	list-style:none;	
}

.error {
	color:#C03;
	font-weight:bold;
	line-height:1em;
}

#main .error a,
#main label a,
#main .csc-mailform-field a {
	text-decoration:none;	
}


/* Submittedok */

.submittedok {
	margin-top:24px;
}

#main .submittedoktable td {
	border-top:0;
	text-align:left;
}

#main .submittedoktable td:nth-child(even) {
	background:#EDE9E9;	
}

#main .submittedoktable th, #main .submittedoktable td {
	padding:4px 6px;	
}

#main .fh_printlink {
	display:block;
	margin-bottom:20px;
}

#main .fh_printlink a {
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:34px;
	font-size:18px;
	width:48%;
	float:left;	
}

#main .fh_printlink a:last-child {
	float:right;	
}

#main .printonly {
	float:none;
}


#main .fh_printlink a:hover {
	cursor:pointer;	
	background:#EDEEF0;
}

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

/* mobile */


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

#formhandler_contact_form .fhemail input[type="text"] {
	width:350px;	
}

#formhandler_contact_form input[type="text"], #formhandler_contact_form select {
	width:161px;	
}
}

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

.Tx-Formhandler {
	width:96%;
	margin: 0 2%;	
}
	
.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea {
	width:100%;
	padding:5px;
}

#formhandler_contact_form select,
#formhandler_contact_form .fhemail input[type="text"],
#formhandler_contact_form input[type="text"], #formhandler_contact_form select {
	width:100%;	
	padding:2px 0;
}

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

.fh_left, .fh_right {
	float:none;
	width:100%;	
}

.csc-mailform-multibox {
	padding:20px;	
}

.csc-mailform-multibox-top,
.csc-mailform-multibox3s .csc-mailform-multibox-top,
.csc-mailform-multibox5s .csc-mailform-multibox-top {
	float:none;
	margin-right:0;
	margin-bottom:3px;	
	width:100%;
}

.csc-mailform-button.next,
.csc-mailform-button.last,
.checkbox-field {
	margin-top:10px;
}

input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(1.5);

  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
}
}