/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	body {
		height: 1050px;
		font-family: "nimbussannovdmed", "Helvetica", sans-serif; }


	.header {
		top: 0px;
		position: fixed;
		width: 100%;
		background-color: #FFF;	}


	#logo {
		background: url(../images/WMMAirbrushLogo.png) no-repeat center center fixed;
		width: 1040px;
		height: 900px; }


	#ster {
		margin-top: 7px;
		margin-left: 22px; }


	#nav {
		float: right;
		width: auto; }

		ul#nav {
			height: 32px;
			list-style: none;
			margin: auto; }



			ul#nav li {
				float: left;
				margin-top: 6px; }


			ul#nav li a {
				font: helvetica, arial, sans-serif;
				text-decoration: none;
				font-size: 12pt;
				padding: 7px 22px 7px 22px;
				color:  #696969; }


				ul#nav li a:hover {
					background-color: #F0F0F0; }



	#page1 {
		margin-top: 32px;
		background: url(../images/site_top_final.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		height: 900px; }





	#page2 {
		height: 710px; }


		#overonstitel {
			text-align: center;
			margin-top: 10px;
			color: #FA6E00;
		}


		#overonscont {
			height: 360px;
			margin-top: 110px;
			padding-top: 70px;
			background-color: #F6F6F6;
			border-width: 1px;
			border-style: solid;
			border-color: #F0F0F0; }


		#row900 {
			width: 900px;
			margin-left: 100px; }


			#splatter {
				background-image:url(../images/splatter.jpg);
				height: 250px;
				width: 250px;
				float: left;
				margin-left: 20px;
				margin-right: 20px; }

			#overonstekst {
				width: 600px;
				float: left;
				padding-top: 50px;
				color: #696969; }




	#page3 {
		height: 1150px;
		padding-top: 0px; }


		#projectentitel {
			text-align: center;
			color: #FA6E00;
			margin-top: 75px;
			margin-bottom: 50px; }




	#page4 {
		height: 900px;
		padding-top: 0px;
		background-color: #FFFFFF; }

		#mailtekst {
			height: 150px;
			margin-top: 70px;
			padding-top: 60px;
			background-color: #FA6E00;
			border-width: 1px;
			border-style: solid;
			border-color: #eb6900; }

			#mailtekst a {
				color: #FFFFFF;
				text-decoration: underline; }

				#mailtekst a:hover {
						text-decoration: none; }



		#contacttitel {
			text-align: center;
			color: #FA6E00;
			margin-top: 75px;
			margin-bottom: 50px; }

		#contacttekst {
			text-align: center;
			color: #696969; }

		#splatterfooter {
			background-image:url(../images/splatterfooter2.png);
			height: 150px;
			width: 225px;
			float: left;
			margin-top: 50px;
			margin-left: 425px; }




	footer {
		background-color: #8E8E8E;
		height: 20px;
		font-size: 9pt;
		color: white;
		padding-top: 7px;
		font-weight: bold;
		text-align: center;
		padding-left: 75px; }

		#counter {
			float: right;
			margin-right: 20px; }




	.rowCollapse {
		width: 100%;
		overflow: hidden;
		margin-top: 20px; }


		img.contentHover:hover {
			opacity:0.90;
			filter:alpha(opacity=90); /* For IE8 and earlier */; }


	.folder {
		padding: 0px;
		overflow: hidden;
		cursor: pointer; }


	.content {
		height: 0px;
		overflow: hidden; }


	.contentRow{
		margin-top: -5px;
		margin-left: 8px;
		background-color: #F4F4F4;
		width: 98%; }

	#contenttekst {
		padding: 30px 15px 20px 15px;
	}

		.inhoud {
			font-family: nimbussannovdmed;
			color: #696969;
			padding-top: 10px;
		}




	@font-face {
	    font-family: 'nimbussannovdhea';
	    src: url('../fonts/nimbushea/nimbussannovdhea-webfont.eot');
	    src: url('../fonts/nimbushea/nimbussannovdhea-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/nimbushea/nimbussannovdhea-webfont.woff') format('woff'),
	         url('../fonts/nimbushea/nimbussannovdhea-webfont.ttf') format('truetype'),
	         url('../fonts/nimbushea/nimbussannovdhea-webfont.svg#nimbussannovdhearegular') format('svg');
	    font-weight: normal;
	    font-style: normal; }

	@font-face {
	    font-family: 'nimbussannovdmed';
	    src: url('../fonts/nimbusmed/nimbussannovdmed-webfont.eot');
	    src: url('../fonts/nimbusmed/nimbussannovdmed-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/nimbusmed/nimbussannovdmed-webfont.woff') format('woff'),
	         url('../fonts/nimbusmed/nimbussannovdmed-webfont.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal; }


	h1 {
		font-family: "nimbussannovdhea", "Helvetica", sans-serif;
		font-weight: normal;
		color: #FA6E00; }



	h2 {
	    font-family: "nimbussannovdhea", "Helvetica", sans-serif;
	    font-weight: normal;
	    font-size: 28pt; }


	h3 {
		font-family: "nimbussannovdmed", "Helvetica", sans-serif;
		font-size: 13pt;
		font-weight: normal;
		line-height: 18pt; }

		h3 a {
			color: #696969;
			text-decoration: underline; }

			h3 a:hover {
				text-decoration: none; }

	h4 {
		font-family: "nimbussannovdmed";
		font-size: 24pt;
		font-weight: bold;
		line-height: 45px;
		color: #FFFFFF;
		text-align: center; }




	.link {
		font-family: "nimbussannovdhea";
		font-weight: normal;
		font-size: 26pt; }





	.beurzen {
		font-weight: ; }


	.shadow {
	  -moz-box-shadow:    0px 0px 7px #999;
	  -webkit-box-shadow: 0px 0px 7px #999;
	  box-shadow:         0px 0px 7px #999; }




/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {

	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}