/* ----------- Formular Definitionen anfang ------------ */

#content form {
 padding: 0px;
 margin-left: 30px;
 margin-right:0px;
}

#content form fieldset {
 width:100%;
 color: #2E2D30;
 margin:0px;
 padding:0px 0px 10px 0px;
 border: 0px solid #FFFFFF;
}

#content form fieldset legend {
 color: #2E2D30;
 font-size:14px;
 font-weight: 400;
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

#content form fieldset div.form-group {
 clear:both;
 width:100%;
 display:block;
}
#content form fieldset div.error {
 clear:both;
 width:100%;
 display:block;
 color:#d92900;
}

#content form fieldset label {
 clear:both;
 text-align:left;
 font-size:15px;
 font-weight: 300;
 padding-top: 7px;
 margin:0px;
 color: #2E2D30;
}
#formhandler_contact_form.row-fluid > form#mailform.form-horizontal > fieldset > div.form-group > label.top,  
#formhandler_contact_form.row-fluid > form#mailform.form-horizontal > div > fieldset > div.form-group > label.top
{
	padding-top: 23px;
}

#content form fieldset label .required {
	font-weight: 300;
}

#content form fieldset label.error {
 clear:both;
 display:block;
 float:left;
 width:140px;
 font-size:13px;
 padding:0px;
 font-weight:normal;
 margin:-5px 0px 5px 0px;
 color:#7A3F77;
}
#content form fieldset label.success, 
#content #kform > fieldset > div.form-group.success > label.error.valid, 
#content #kform > div.form-left-column > fieldset > div.form-group.success > label.error.valid {
 margin:0px;
 padding:0px;
 height: 0px;
}

#content form fieldset input {
	background-color:#F3F3F3;
	color:#2E2D30;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:13px;
	padding:5px 5px;
	margin: 0px;
	border:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

#content form fieldset input.button-blau, 
#content form div fieldset input.button-blau 
{
	padding:5px 15px;
	background-color:#7A3F77;
	text-decoration:none;
	text-transform:uppercase;
	display:inline-block;
	text-align:center;
	line-height:140%;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
}


#content form fieldset input.hpot {
 z-index:999;
 position:absolute;
 height:0;
 width:0;
 border:none;
 background:none;
 margin:0;
 top:0;
 left:0;
 clear:both;
 font-size:0px;
 line-height:0px;
}

#content form fieldset input.radio, 
#content form div.formspaltelinks input.radio {
 float:left;
 display:block;
 width:12px;
 height:12px;
 background-color:transparent; 
 padding:0px;
 border:0px;
}

#content form fieldset input.checkbox {
 display:block;
 width:12px;
 height:12px;
 background-color:transparent; 
 border:0px;
 padding:0px;
 margin:11px 10px 0px 0px;
}


#content form fieldset select {
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 font-size:13px;
 color: #2E2D30;
 padding:4px 1px 4px 1px;
 border:1px solid #D5D5D5;
 -webkit-border-radius:0px;
 border-radius:0px;
}

#content form fieldset textarea {
	background-color:#F3F3F3;
	color:#2E2D30;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:13px;
	display:block;
	margin-bottom:0.25em;
	padding:5px 5px;
	border:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

#content form input.keinfeld {
 position: absolute;
 left: -10000px;
 top: auto;
 width: 1px;
 height: 1px;
 overflow: hidden;
}

.radio-check-first {
 float:left;
 width:100px;
 margin:0px 0px 0px 0px;
}
.radio-check {
 float:left;
 width:100px;
 margin:0px 0px 0px 20px;
}

.labelmargin {
 width:130px;
}

p.required {
 font-size:10px;
}

div#formhandler_contact_form.row-fluid > form#mailform.form-horizontal > fieldset > div.form-group input, 
div#formhandler_contact_form.row-fluid > form#mailform.form-horizontal > fieldset > div.form-group textarea
{
 margin-top:-15px;
}


form#mailform.form-horizontal > fieldset > div.row > div.col-md-12 > div.form-group > label.confirm
{
	width: 100%;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding-left:20px;
	padding-right:15px;
	font-weight:400;
}

form#mailform.form-horizontal > fieldset > div.row > div.col-md-12 > div.form-group > label.confirm > input.checkbox
{
	float:left;
	max-width:15px;
	margin-top: -2px;
	margin-left:-20px;
	margin-right:0px;
	margin-bottom:10px;
}


/* ----------- Formular Definitionen ende ------------ */

label.valid {
	width: 24px;
	height: 24px;
	background: url(assets/img/valid.html) center center no-repeat;
	display: inline-block;
	text-indent: -9999px;
}
label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}
#content.wrap > div.container > div.contentbox > div.caption > form#kform > fieldset > div.form-group.error > label.error, 
#content.wrap > div.container > form#kform > div.form-left-column > fieldset > div.form-group.error > label.error, 
#content.wrap > div.container > form#kform > fieldset > div.form-group.error > label.error {
  clear: both;
  display: block;
  float: left;
  width: 280px;
  font-size: 85%;
}

/* ----------- Formular validierung ende ------------ */



/* Tablet portrait and Small Tablet landscape */
@media (max-width: 767px) {
  #content form .form-right-column fieldset .btn {
    margin-left:-140px;
  }
}

/* Small Tablet portrait */
@media (max-width: 600px) {
	#content form .form-left-column fieldset label {
		width:100px;
	}
	#content form .form-left-column input {
		width:220px;
	}
	#content form .form-left-column fieldset input.kurz {
		width:120px;
	}
	#content form .form-left-column fieldset select {
		width:124px;
	}
	#content form .form-left-column fieldset textarea {
		width:220px;
	}
  #content form .form-right-column fieldset .btn {
    margin-left:-140px;
  }
}

/* Mobile landscape */
@media (max-width: 480px) {
	#content form .form-left-column {
		width:100%;
		clear:both;
		margin:0px;
	}
	#content form .form-right-column {
		width:100%;
		clear:both;
		margin:0px 0px 0px 100px;
		border:1px solid red;
	}
	#content form fieldset input.submitbutton  {
		margin:0px 0px 0px -130px;
	}
}

/* Mobile portrait */
@media (max-width: 320px) {
	#content form .form-right-column {
		margin:0px 0px 0px 0px;
		border:1px solid blue;
	}
	#content form fieldset input.submitbutton  {
		margin:0px 0px 0px -80px;
	}
	#content form fieldset label {
		width:90px;
	}
	#content form fieldset input {
		width:220px;
	}
	#content form fieldset input.kurz {
		width:128px;
	}
	#content form fieldset select {
		width:128px;
	}
	#content form fieldset textarea {
		width:220px;
	}
  #content form .form-right-column fieldset .btn {
    margin-left:0px;
  }
}