@charset "utf-8";
/* CSS Document */

body { margin:0px 0px 0px 0px; background-image:url(../img/bg.gif); background-repeat:repeat; }

/* Remove annoying border on linked images. */

:link img {	border: none; }
img { border-style: none; }
a:active { outline:none; }
:focus { -moz-outline-style:none; }


/* TYPOGRAPHY */

.copylight { font-family:arial, verdana, geneva, sans-serif; text-decoration:none; font-size:11px; color: #BBB; text-decoration: none; line-height:16px; text-align:left; }



/* ---------- CONTENT ---------- */

.container {
	width:940px;
	margin:auto;
}

/*.center { 
	margin: 0 0 160px 0;
	clear:both;
}*/




#head
html>body #head { width:940px; height:585px; }

#head #headline {
		float:left;
		margin: 0 0 0 0;
		background-image:url(../img/head.png);
		background-repeat:no-repeat;
		width:940px;
		height:92px;
	}
#head #content001 {
		float:left;
		margin: 0 0 0 0;
		width:940px;
	}

/*----LINK-------------*/	

#head #contactimg {
		float:left;
		margin-left:25px;
		margin-top:-180px;
		height:16px;
		width:185px;
	}
	
#head #contactimg a {
		float:left;
		background-image:url(../img/contact_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:185px;
	}

#head #contactimg a:hover {
		background-image:url(../img/contact_h.png);
		cursor:pointer;
	}
/*---------------------*/	



/* ---------- LATEST PROJECTS ---------- */

#latestprojects
html>body #latestprojects { margin:0px 0px 0px 0px; width:940px; }

#latestprojects #headline01 { 
	float:left;
	margin:0px 0px 0px 0px;
	background-image:url(../img/projects_headline.png);
	background-repeat:no-repeat;
	width:940px;
	height:60px;
}

/*Project 01 IMG*/

#latestprojects #cokeimg { 
	float:left;
	margin-left:19px;
	height:211px;
	width:388px;
	background-image:url(../img/projects_01_n.png);
	background-repeat:no-repeat;
}

/*Project 02 IMG*/
#latestprojects #vwimg { 
	float:left;
	margin-left:103px;
	height:211px;
	width:388px;
	background-image:url(../img/projects_02_n.png);
	background-repeat:no-repeat;
}

/*Project 01 LINK*/
#latestprojects #cokeimg1 {
		float:left;
		margin-left:25px;
		margin-top:10px;
		height:16px;
		width:445px;
	}
	
#latestprojects #cokeimg1 a {
		float:left;
		background-image:url(../img/coke_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:445px;
	}

#latestprojects #cokeimg1 a:hover {
		background-image:url(../img/coke_h.png);
		cursor:pointer;
	}	
	
/*Project 02 LINK*/

#latestprojects #vwimg1 {
		float:left;
		margin-left:45px;
		margin-top:10px;
		height:16px;
		width:425px;
	}
	
#latestprojects #vwimg1 a {
		float:left;
		background-image:url(../img/vw_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:425px;
	}

#latestprojects #vwimg1 a:hover {
		background-image:url(../img/vw_h.png);
		cursor:pointer;
	}
	
	
	
/* ---------- ME ON THE WEB ---------- */

#motw
html>body #motw { margin:82px 0px 100px 0px; height:446px; width:940px; }

#motw #headlinemotw { 
	float:left;
	margin:0px 0px 0px 0px;
	background-image:url(../img/motw_headline.png);
	background-repeat:no-repeat;
	width:940px;
	height:147px;
}

#motw #section01 { 
	float:left;
	margin:0px 0px 0px 25px;
	background-image:url(../img/motw_01.png);
	background-repeat:no-repeat;
	width:185px;
	height:255px;
}

#motw #section02 { 
	float:left;
	margin:0px 0px 0px 50px;
	background-image:url(../img/motw_02.png);
	background-repeat:no-repeat;
	width:185px;
	height:255px;
}

#motw #section03 { 
	float:left;
	margin:0px 0px 0px 50px;
	background-image:url(../img/motw_03.png);
	background-repeat:no-repeat;
	width:185px;
	height:255px;
}

#motw #section04 { 
	float:left;
	margin:0px 0px 0px 50px;
	background-image:url(../img/motw_04.png);
	background-repeat:no-repeat;
	width:185px;
	height:255px;
}

/*MOTW 01 LINK*/
#motw #behance {
		float:left;
		margin-left:25px;
		height:16px;
		width:185px;
	}
	
#motw #behance a {
		float:left;
		background-image:url(../img/behance_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:185px;
	}

#motw #behance a:hover {
		background-image:url(../img/behance_h.png);
		cursor:pointer;
	}	
	
/*MOTW 02 LINK*/
#motw #linkedin {
		float:left;
		margin-left:50px;
		height:16px;
		width:185px;
	}
	
#motw #linkedin a {
		float:left;
		background-image:url(../img/linkedin_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:185px;
	}

#motw #linkedin a:hover {
		background-image:url(../img/linkedin_h.png);
		cursor:pointer;
	}

/*MOTW 03 LINK*/
#motw #abu78 {
		float:left;
		margin-left:50px;
		height:16px;
		width:185px;
	}
	
#motw #abu78 a {
		float:left;
		background-image:url(../img/abu78_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:185px;
	}

#motw #abu78 a:hover {
		background-image:url(../img/abu78_h.png);
		cursor:pointer;
	}

/*MOTW 04 LINK*/
#motw #eat {
		float:left;
		margin-left:50px;
		height:16px;
		width:185px;
	}
	
#motw #eat a {
		float:left;
		background-image:url(../img/eat_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:185px;
	}

#motw #eat a:hover {
		background-image:url(../img/eat_h.png);
		cursor:pointer;
	}	
	
/*MOTW 05 LINK*/
#motw #xing {
		float:left;
		margin-left:260px;
		margin-top:11px;
		height:16px;
		width:185px;
	}
	
#motw #xing a {
		float:left;
		background-image:url(../img/xing_n.png);
		background-repeat:no-repeat;
		height:16px;
		width:185px;
	}

#motw #xing a:hover {
		background-image:url(../img/xing_h.png);
		cursor:pointer;
	}
	



/* ---------- CONTACT ME---------- */

.contactcontainer {
	margin:auto;
}

#contactfooter
html>body #contactfooter { margin:82px 0px 100px 0px; height:446px; width:940px; }

#contactfooter #contactheadline {
	background-color:#00E4FF;
	background-image:url(../img/contact_headline.png);
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	height:81px;
	margin-top:70px;
	width:100%;
}



/*CONTACT LINK*/
#contactfooter #mailcontact {
	background-color:#00E4FF;
	float:left;
	height:95px;
	width:100%;
}
	
#contactfooter #mailcontact a {
	background-image:url(../img/mailcontact2_n.png);
	background-position:center top;
	background-repeat:no-repeat;
	float:left;
	height:95px;
	width:100%;
}

#contactfooter #mailcontact a:hover {
	background-image:url(../img/mailcontact2_h.png);
	cursor:pointer;
}