.contactformulier label {
		font-size: 14px;
		color: #666;
	}

form.contactformulier {
		float: left;
/*		border: 1px solid #ddd;*/
		padding: 0px 0px 0px 0px;
		margin: 15px 0 0 0;
		width: 960px;
/*		background: #fff;    */

		/* -- CSS3 - define rounded corners for the form -- */
/*		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;*/

		/* -- CSS3 - create a background graident -- */
/*		background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF));
		background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE);*/

		/* -- CSS3 - add a drop shadow -- */
/*		-webkit-box-shadow:0px 0 50px #ccc;
		-moz-box-shadow:0px 0 50px #ccc;
		box-shadow:0px 0 50px #ccc;*/
	}

.contactformulier fieldset { border: none; }

.contactformulier #user-details {
		float: left;
		width: 150px;
	}

.contactformulier #user-message {
		float: right;
		width: 550px;
	}

.contactformulier input, textarea {
		padding: 4px;
		margin: 4px 0 10px 0;
		background: #fff;
		width: 350px;
		font-size: 14px;
		color: #555;
		border: 1px #ddd solid;

		/* -- CSS3 Shadow - create a shadow around each input element -- */
/*		-webkit-box-shadow: 0px 0px 4px #aaa;
		-moz-box-shadow: 0px 0px 4px #aaa;
		box-shadow: 0px 0px 4px #aaa;*/

		/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
/*		-webkit-transition: background 0.3s linear;   */
	}

.contactformulier textarea {
		width: 550px;
		height: 143px;
    font-family: Arial;
    resize: none;
	}

.contactformulier input:hover, textarea:hover {
		background:   #F6F6F6;
	}

.contactformulier input.submit {
		width: 180px;
    height: 30px;
    padding: 0px;
		color: #eee;
		text-transform: uppercase;
		margin-top: 5px;
		background-color: red;
		border: none;

		/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
/*		-webkit-transition: -webkit-box-shadow 0.3s linear;  */

		/* -- CSS3 - Rounded Corners -- */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;

		/* -- CSS3 Shadow - create a shadow around each input element -- */
/*		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6F000D), to(#7b2a33));
		background: -moz-linear-gradient(25% 75% 90deg, #6F000D, #7b2a33);*/
	}

.contactformulier input.submit:hover {
		-webkit-box-shadow: 0px 0px 5px #555;
		-moz-box-shadow: 0px 0px 5px #aaa;
		box-shadow: 0px 0px 5px #555;
		cursor:  pointer;
	}

.contactformulier input.submit.disabled {
 background-color: #DDDDDD;
 cursor:  not-allowed;
 }

 .contactformulier input.submit:hover.disabled {
   		-webkit-box-shadow: 0px 0px 0px #555;
		-moz-box-shadow: 0px 0px 0px #aaa;
		box-shadow: 0px 0px 0px #555;
 background-color: #DDDDDD;

 }

 .social{
display: none;
}

.headerSubmenu:hover{
  color: #fff;
  cursor: default;
}

.headerSubmenuContent{
  display: none;
}

.headerSubmenuContentContact{
  display:  block;
  font-size: 14px;
}

.headerPanorama{
  background-image: url(../images/layout/header/08.jpg);
}
