/**
* FORMULAR DEFINITIONEN
*
* Formatierungen für aller Formular Elemente
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

	/*------------------------------------------------------------------------------------------------------*/
	/* Allgemeine Formular Definitionen */

	/* YAML-Formulare:
		 – CSS-Klassen: ym-form, ...
		 – URL: http://www.yaml.de/docs/index.html#yaml-forms
	*/

	form label {
		display: block;
	}

	/* basic settings for all text input fields DEFAULT */
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="tel"],
	input[type="email"],
	input[type="number"],
    input[type="submit"],
	input[type="reset"],
    select,
	textarea {
		height: auto;
		margin: 0;
		padding: 10px;
		font-size: 100%;
		vertical-align: top;
		display: inline-block;
		background: white;
		border: 1px solid #999;
		box-sizing: border-box;
		transition: all 100ms ease-in-out;
		-webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
		-o-transition: all 100ms ease-in-out;
	}

	/* Placeholder color */
	*::-webkit-input-placeholder {
	    color: gray;
	}
	*:-moz-placeholder {
	    /* FF 4-18 */
	    color: gray;
	}
	*::-moz-placeholder {
	    /* FF 19+ */
	    color: gray;
	}
	*:-ms-input-placeholder {
	    /* IE 10+ */
	    color: gray;
	}

	/* Disable Default-Button-Styles on iPhone */
	/*input,
	textarea {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}*/ /* MUSS NOCH OPTIMIERT WERDEN [tm 17.2.] */

	/* basic settings for all input fields HOVER */
	input[type="text"]:hover,
	input[type="submit"]:hover,
	textarea:hover {
    	color: #b8c200; /*BRANDCOLOR*/
        border: 1px solid #FFF;
        background-color: #FFF;
	}

	/* basic settings for all input fields FOCUS */
	input[type="text"]:focus,
	textarea:focus {
		outline: none;
    	color: #b8c200; /*BRANDCOLOR*/
        border: 1px solid #FFF;
        background-color: #FFF;
	}

	/* submit button look DEFAULT */
	input[type="submit"] {
    	/*color: #FFF;
        border: 1px solid #FFF;
        background-color: inherit;
        padding: 10px;*/
        background-color: #fff;
        padding: 10px;
        display: inline-block;
        border: 1px solid #DDD;
        color: #b8c200; /*BRANDCOLOR*/
	}

	/* submit button look HOVER */
	input[type="submit"]:hover {
    	/*color: #D21E0E;
        border: 1px solid #FFF;
        background-color: #FFF;
		cursor: pointer;*/
        color: #FFF;
        text-decoration: none;
        border: 1px solid #b8c200; /*BRANDCOLOR*/
        background: #b8c200; /*BRANDCOLOR*/
	}

	/* IE7 button will be cutted without it */
	*:first-child+html input[type="submit"] {
		min-width: 0;
		padding-left: 6px;
		padding-right: 6px;
	}

	/* basic settings for checkbox and radiobutton DEFAULT */
	input[type="radio"],
	input[type="checkbox"] {
		float: left;
		margin-top: 3px;
	}

	input[type="radio"] + label,
	input[type="checkbox"] + label {
		width: auto;
		display: block;
		margin-left: 1.7em;
	}

	/* basic settings for select and date fields DEFAULT */
	select {
		padding: 10px;
	}

	/* change the textarea back to height: auto (see basic settings for all text input) */
	form textarea {
		height: auto;
		resize: vertical;
	}

	/* basic settings for all buttons */
	button[type="button"],
	button[type="submit"],
	button[type="reset"] {
		border: none;
	}

	button[type="button"]:hover,
	button[type="submit"]:hover,
	button[type="reset"]:hover,
	button[type="button"]:focus,
	button[type="submit"]:focus
	button[type="reset"]:focus {
		cursor: pointer;
	}

}