/*	# Kontaktskjema (Skjerm)
================================================ */


		form#kontaktskjema {display: block; width: 100%;}
		form#kontaktskjema label { display: block; margin: 10px 0; }
		form#kontaktskjema label span {display: inline-block; width: 20%; vertical-align: top;}
		form#kontaktskjema label input {width: 76.5%;padding: 8px; background: #f0f0f0; display: inline-block; border: 1px #ccc solid; border-radius: 3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; color: #333; transition: 0.25s all ease-in-out; -webkit-transition: 0.25s all ease-in-out; -moz-transition: 0.25s all ease-in-out; -o-transition: 0.25s all ease-in-out; -ms-transition: 0.25s all ease-in-out; margin: 0 0 5px 0; }
		form#kontaktskjema label textarea {width: 76.5%; height: 50px; background: #f0f0f0; padding: 8px; display: inline-block; border: 1px #ccc solid; border-radius: 3px; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px; }
		form#kontaktskjema label textarea:focus {outline: none;}
		form#kontaktskjema label input:focus {outline: none; background: white;}
		form#kontaktskjema label textarea:focus {outline: none; background: white;}

		form#kontaktskjema label#sendLabel {display: block; text-align: right;}
		form#kontaktskjema label input[type="submit"] {width: 70px;}


/*	# Kontaktskjema (Mobil)
================================================ */
@media screen and (max-width: 969px) {

		form#kontaktskjema {display: block; width: 100%;}
		form#kontaktskjema label { display: block; margin: 10px 0;}
		form#kontaktskjema label span {display: inline-block; width: 100%; vertical-align: top;}
		form#kontaktskjema label input {width: 90%; padding: 8px; display: inline-block;}
		form#kontaktskjema label textarea {width: 90%; height: 50px; padding: 8px; display: inline-block;}
		form#kontaktskjema label textarea:focus {outline: none;}
		form#kontaktskjema label input:focus {outline: none;}
		
		form#kontaktskjema label#sendLabel {display: block; text-align: right;}
		form#kontaktskjema label input[type="submit"] {width: 70px;}


}




/* (SCRAPPED) CSS3 Validation by pseudo-classes 
================================================ */
		/* Invalid input */
/*		*:not([type=submit]):invalid {
		    background-color: #fff1f1;}
		
		/* Valid input */
/*		*:not([type=submit]):valid {
		    background-color: white ;}

		/* Required input */
/*		*:not([type=submit]):invalid:required {
		    background: white;}
		
		/* Valid & required*/	
/*		*:not([type=submit]):valid:required {
		    background:  white;}
		
		/* Non-required inputs */
/*		*:not([type=submit]):optional {
		    background-color: #add1ef;
		}
		
*/