/*ALL*/

*{
	width: max;
	height: max;
}


/*BODY*/

body{
	width: max;
	height: max;
	font-family: helvetica, verdana, arial;
	color: #626262;
	
}



/*HEADER*/

#header{
	font-family: calibri, georgia, calibri, verdana;
	font-size: 25px;
	color: #383838;
	position:absolute;
	border: solid px green;
	margin-left: 35px;
}

#header img{
	width: 312px;
	height: 99px;
}



/*NAVIGATIE*/

#nav{
	font-family: calibri, georgia, calibri,verdana;
	font-size: 15px;
	color: #383838;
	margin-left: -40px;
	border: red solid px;
}


#nav a{
	text-decoration: none;
	font-family: "Love Ya Like A Sister", ARIAL, georgia, verdana, calibri;
	font-size: 35px;
	color: #383838;
}

#nav li{
	
	display: block;
	margin-left: 3px;
	margin-right: 3px;
	padding: 4px;	
}

#nav li:hover{
	text-decoration: none;
	font-family: georgia, verdana, calibri, verdana;
	font-size: 45px;
	color: grey;
	list-style: none;
	background: silver;	
}

/*KLEUR: INDEX 			GROEN: 			#35D90
		 CONCEPTING 	BLAUW: 			#087BC4
		 BRANDING		PAARS: 			#6508C4
		 WEBDESIGN		ROZE: 			#A708C4
		 PORTRET		ROOD:			#D70C2D
		 LINKS			ORANJE:			#F6891E
		 CONTACT		GEEL:			#EFD91B	
		 
		 ALGEMEEN		LICHGRIJS:		#A9A9A9
		 				DONKERGRIJS:	#626262		
												 */
#nav #nav2 #navindex{
	color: #35d950;
}

#nav #nav2 #naviam{
	color: #087bc4;
}

#nav #nav2 #navweb{
	color: #a708c4;
}

#nav #nav2 #navbranding{
	color: #6508c4;
}

#nav #nav2 #navportret{
	color: #d70c2d;
}

#nav #nav2 #navcontact{
	color: #efd91b;
}

#nav #nav2 #navlinks{
	color: #f6891e;
}

/* NAVIGATIE/GRIJZE BALK */

.color{
	display: block;
	text-decoration: none;
	font-family: georgia, verdana, calibri, verdana;
	font-size: 45px;
	color: grey;
	list-style: none;
	background: silver;
}



/*WRAPPERS*/

/*wrapper index*/
#wrapperindex{
	font-family: calibri, georgia,verdana, calibri, verdana;
	font-size: 12px;
	color: #a7a7a7;
	margin-left: 470px;
	margin-top: 100px;
	text-align: justify;
	width: 700px;
	position: absolute;
	border: green solid px;
	display: block;
		
}

#wrapperindex h2{
	margin: 2px;
	color: #35d950;
	font-size: 30px;
	
}

#wrapperindex img{
	border: #a9a9a9 1px solid;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#wrapperindex img:hover{
	border: green solid 1px;
	filter: alpha(opacity=100);
	opacity: 1.0;
}




/*wrapper concepting*/
#wrapper2{
	font-family: calibri, georgia,verdana, calibri, verdana;
	font-size: 12px;
	color: #a7a7a7;
	margin-left: 470px;
	margin-top: 85px;
	text-align: justify;
	width: 700px;
	position: absolute;
	border: green solid px;
	display: block;
}


#wrapper2 h1{
	color: #087bc4;
	font-size: 30px;
}



/*wrapper overige*/
#wrapper{
	font-family: calibri, verdana;
	font-size: 12px;
	color: #383838;
	margin-left: 470px;
	margin-top: 5px;
	
	width: 580px;
	text-align: justify;
	position: absolute;
	border: green solid px;
	display: block;
	
}

#wrapper img{
	border: 1px solid #a9a9a9;
	margin-left: 20px;
	margin-top: 20px;
}

#wrapper img:hover{
	border: purple solid 1px;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

#wrapper a{
	color: grey;
	text-decoration:none;
	font-size: 30px;
}

#wrapper h1{
	color: orange;
	font-size: 30px;
}

#wrapper h3{
	color: #a9a9a9;
	font-size: 28px;
}


/*wrapper web*/
#wrapperweb{
	font-family: calibri, verdana;
	font-size: 12px;
	color: #383838;
	margin-left: 470px;
	margin-top: 5px;
	
	width: 580px;
	text-align: justify;
	position: absolute;
	border: green solid px;
	display: block;
	
}
#wrapperweb img{
	border: 1px solid #a9a9a9;
	margin-left: 38px;
	margin-top: 20px;
}

#wrapperweb img:hover{
	border: purple solid 1px;
	filter: alpha(opacity=40);
	opacity: 0.4;
	
	
}


/*CONCEPTING*/

#brand{
	width: 170px;
	height: 250px;
}

#brand img{
	position: inline;
	border:  4px solid #a9a9a9;
}

#brand img:hover{
	border: 4px solid #087bc4;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#copywriting{
	width: 170px;
	height: 250px;
	margin: 0px 0px 0px 210px;
	margin-top: -252px;
	
}

#copywriting img{
	position: inline;
	border:  4px solid #a9a9a9;
	
}

#copywriting img:hover{
	border: 4px solid #087bc4;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#project{
	width: 170px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	margin-top: -50px;
}

#project a{
	text-decoration: none;
	color: #087bc4;
	font-size: 60px;
}

#project a:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#project img{
	position: inline;
	border: solid 4px #a9a9a9;
}

#project img:hover{
	border: 4px solid #087bc4;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#project2{
	width: 170px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	margin-top: -450px;
	margin-left: 420px;
}

#project2 img{
	position: inline;
	border: solid 4px #a9a9a9;
}

#project2 img:hover{
	border: 4px solid #087bc4;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#museum{
	width: 170px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	margin-left: 420px;
	margin-top: -53px;
}

#museum img{
	position: inline;
	border: solid 4px #a9a9a9;
}

#museum img:hover{
	border: 4px solid #087bc4;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#betoog img{
	position: inline;
	border: solid 4px #a9a9a9;
}

#betoog img:hover{
	border: 4px solid #087bc4;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

#betoog{
	width: 170px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	margin-left: 210px;
	margin-top: -248px;
}

/*PORTETTEN*/

#portret{
	width: 600px;
	position: relative;
	float: left;
	font-family: calibri, georgia, arial;
	font-style: normal;
	margin-top: 80px;
}
	
	
#portret a{
	color: #d70c2d;
	font-size: 60px;

}
	
	
#portret h1{
	font-size: 30px;
	color: #d70c2d;

}

#portret p{
	font-size: 18px;
	color: #a9a9a9;
}

#portret img:hover{
	border: 1px solid red;
	
}

#portret img{
	border: 1px solid #a9a9a9 ;
	margin-left: -2px;
	margin-bottom: -15px;
}


/*LINKS*/

#links{
	margin-top: 100px;
}

#links a{
	font-size: 25px;
	color: #a9a9a9;
}

#links a:hover{
	font-size: 25px;
	color: #f6891e;
}



/*CONTACT*/

#contact{
	
	position: relative;
	float: left;
	font-family: calibri, georgia, arial;
	font-style: normal;
	margin-top: 80px;
}

#contact a{
	font-size: 20px;
}

#contact a:hover{
	color: #efd91b;
	font-size: 20px;
}

#fotocontact{
	float: left;
	margin-left: -20px;
}

#fotocontact img:hover{
	border: yellow solid 1px;
}

#contactgeg{
	float: left;
	margin-left: 40px;
	font-size: 23px;
	color: #a9a9a9;
	font-family: calibri, verdana, georgia;
	font-style:normal;
}

#contactform{
	width: 300px;
	height: 200px;
	
}

#contact h1{
	font-size: 30px;
	color: #f4eb01;
}

#contact img{
	border: grey solid 3px;
	margin-left: -5px;	
}

#contact p{
	font-size: 18px;
	color: #a9a9a9;
}



/*FOOTER*/

#footer {
	font-family: calibri,georgia, verdana, calibri;
	font-size: 15px;
	color: #fff;
	text-align: justify;
	margin-top: 600px;
	background: grey;
	width: 800px;
	float: left;
	padding-left: 450px;
}