/**************************************/

/* Formular Styling										*/

/**************************************/

/**

 Label

**/



label {

  font-family: 'Open Sans',Arial,Helvetica,sans-serif;

  font-size:100%;

  font-weight:normal;

}



.widget-captcha label {

	display: block;

  margin-bottom: 15px

}



.widget-captcha .captcha {

  height: 40px;

  height: 30px;

  width: 40px;

  padding: 8px;

  padding: 4px;

  display: inline-block;

  margin-right: 10px

}



fieldset {

    margin-bottom: 1em;

    margin-left: 0;

    padding: 0;

    border: none

}



legend {

    margin-bottom: .75em;

    font-size: 24px;

    line-height: 1.5em;

    color: #505050

}



button {

    outline: none

}



textarea {

    padding-top: 1em;

    font-size: 16px;

    font-weight: 300

}



/*

input,

textarea {

    display: inline-block;

    background: #fff;

    width: 90%;

    border: 1px solid #d7d7d7;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 15px;

    color: #333;

    /* padding: 15px; */       /*

		padding: 0px;

    outline: none;

    font: 300 16px/26px 'Open Sans', sans-serif

}

*/



input,

textarea {

    display: inline-block;

    background: #fff;

    width: 90%;

    border: 1px solid #d7d7d7;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 15px;

    color: #333;

    /* padding: 15px; */

		padding: 0px;

    outline: none;

    font: 300 16px/26px 'Open Sans', sans-serif

}



input[type="image"] {

    width: auto;

    border: none;

}



input[type="file"] {

    border: none;

    background: none;

    padding: 0

}



/* Erstellt am 25.01.2011 für Login Formular */

/*

input.text:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

}

*/



/*

input.text:hover {

	border:1px solid #888;

}

*/



/* Erstellt am 04.11.2016 gukam */

input[type="text"]:hover {

	border:1px solid #888;

}



/* Erstellt am 04.11.2016 gukam */

input[name="email"]:hover {

	border:1px solid #888;

}



/* Erstellt am 04.11.2016 gukam */

input[name="email"]:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

	outline: none;

}



textarea:hover {

	/* background-color:#ffd; */

  border:1px solid #888;

}



textarea:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

	outline: none;

}



/* Erstellt am 04.11.2016 gukam */

/*

input.text:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

}

*/



/* Erstellt am 04.11.2016 gukam */

input[type="text"]:focus {

	background-color:#ffd;

	border:1px solid #ff8000;

	outline: none;

}



textarea {

    height: 200px

}



/* Erstellt am 04.11.2016 gukam */

.checkbox_container span label {

	font-weight:500;

	display:inline-block;

}



/* Erstellt am 04.11.2016 gukam */

.radio_container span label {

	font-weight:500;

	display:inline-block;

}



label {

    display: block;

    margin-bottom: .35em;

    text-align: left

}



.checkbox_container .checkbox,

.file_container .checkbox {

    width: auto;

    margin-right: 5px

}



.checkbox_container label,

.file_container label {

    line-height: 1;

    display: inline-block

}



.radio_container .radio {

    width: auto;

    margin-right: 5px

}





.radio_container span {

    margin-right: 1em

}



.widget-submit .submit {

    margin-left: 0

}



.file_container input {

    width: auto

}



a.submit,

input.submit,

.submit a {

    padding: 10px;

		padding: 3px 10px 3px 10px;

    /* width: auto; */

		max-width: 10em;

    margin: 15px 0;

    display: inline-block;

    font-size: 16px;

    font-weight: 400;

    cursor: pointer;

    border-radius: 5px;

    /* background-color: #f47c00; */

    background-color: #eee;

    color: #222;

    transition: background-color .5s

}



a.submit:hover,

input.submit:hover,

.submit a:hover {

    /* background-color: #ff8404 ;*/

		/* background-color:#007F00; */

		/* background-color:#a50019; */

		background-color:#ccc;

    color:#000;

}



/* Zuletzt geändert am 13.07.2012 */

label.mandatory span.mandatory {

	font-weight:bold;

	color:#a50019;

  padding: 0px 1px;

}



/* Erstellt am 02.11.2016 gukam */

span.mandatory {

	font-weight:bold;

	color:#a50019;

  padding: 0px 1px;

}