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

body{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h2{
	font-family: Georgia, "Times New Roman", Times, serif;
}

a{
	text-decoration: none;
	color: #000000;
	background-color: #FFFFFF;
}
a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}

#landing{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/landingBg1.jpg);
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 0;
}
	#landNav{
		position: relative;
		top: 330px;
		left: 460px;
		font-size: 16px;
	}
	#landNav a{
		line-height: 35px;
	}

#overMij{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/overMijBg1.jpg);
	position: absolute;
	top: 0;
	left: 1920px;
}
	#overMijText{
		position: absolute;
		left: 400px;
		top: 275px;
		background-color: #FFFFFF;
		width: 500px;
		padding: 0 20px 0 20px;
		font-size: 12px;
	}
	#overMijCV{
		padding: 0;
		position: absolute;
		top: 450px;
		left: 40px;
		background-color: #FFFFFF;
		padding: 0 20px 0 20px;
		font-size: 12px;
	}
	#overMijCV ul{
		padding-left: 5px;
	}
	#overMijCV ul li{
		margin-bottom: 10px;
	}
	#overMijCV ul li ul{
		padding-left: 10px;
	}
	#overMijCV ul li ul li{
		margin-bottom: 0px;
	}
	#overMijText a{
		text-decoration: underline;
	}

#contact{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/contactBg1.jpg);
	position: absolute;
	top: 0;
	left: 3840px;
}
	#contactContent{
		position: absolute;
		background-color: #FFFFFF;
		padding: 0 20px 20px 20px;
		width: 300px;
		left: 290px;
		top: 250px;
		font-size: 12px;
	}
	#sender,
	#subject,
	#getal{
		background: none;
		border-bottom: 1px #000000 solid;
		border-left: none;
		border-right: none;
		border-top: none;
		font-style: oblique;
	}
	
	#message,
	#submit{
		background: none;
		border: 1px #000000 solid;
	}
	#formRetMess{
		width: 500px;
	}
	.error{
		color: #990000;
		font-weight: bold;
	}

#overSite{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/overSiteBg1.jpg);
	position: absolute;
	top: 0;
	left: 5760px;
}
	#overSiteText{
		position: absolute;
		left: 220px;
		top: 325px;
		background-color: #FFFFFF;
		width: 500px;
		padding: 0 20px 0 20px;
		font-size: 12px;
	}

#landPortfolio{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/landPortfolioBg1.jpg);
	position: absolute;
	top: 1200px;
	left: 0;
}
	#portInfo{
		width: 510px;
		background-color: #FFFFFF;
		color: #000000;
		padding: 1px 10px 1px 10px;
		margin-top: 80px;
		text-align: left;
		font-size: 12px;
	}
	#portNav{
		position: absolute;
		left: 371px;
		top: 320px;
		text-align: right;
	}
	#portNav a{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 24px;
		font-weight: bold;
		line-height: 33px;
	}

#fotografie{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/fotografieBg1.jpg);
	position: absolute;
	top: 1200px;
	left: 1920px;
}

#multimedia{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/multimediaBg1.jpg);
	position: absolute;
	top: 1200px;
	left: 3840px;
}

#analoog{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/analoogBg1.jpg);
	position: absolute;
	top: 1200px;
	left: 5760px;
}

#landBlog{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/blogLandBg1.jpg);
	position: absolute;
	top: 2400px;
	left: 0;
}

#blog1{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/blog1Bg1.jpg);
	position: absolute;
	top: 2400px;
	left: 1920px;
}

#blog2{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/blog2Bg1.jpg);
	position: absolute;
	top: 2400px;
	left: 3840px;
}

#blog3{
	width: 1920px;
	height: 1200px;
	background-image: url(../images/blog3Bg1.jpg);
	position: absolute;
	top: 2400px;
	left: 5760px;
}

#theBlog,
.myContent,
.portfolioContent{
	border: 0px #FF0000 solid;
	width: 1024px;
	height: 768px;
	margin: 0;
}
.itemTitle{
	background-color: #000000;
	color: #FFFFFF;
	width: 320px;
	padding-left: 10px;
	position: relative;
	left: 80px;
	top: 72px;
}
.itemTitle h2{
	font-size: 24px;
}
.contentType{
	position: absolute;
	background-color: #000000;
	color: #FFFFFF;
	padding: 0;
	left: 80px;
	top: 620px;
}
.item{
	position: relative;
	left: 80px;
	top: 64px;
}
.list{
	position: absolute;
	top: 130px;
	left: 790px;
}
.list a{
	line-height: 20px;
}
.description{
	background-color: #000000;
	color: #FFFFFF;
	width: 660px;
	position: absolute;
	padding: 0 10px 0 10px;
	top: 620px;
	left: 80px;	
}
#fotografie .description{
	top: 600px;
}
#multimedia .description{
	top: 660px;
}

.multiLinks{
	position: absolute;
	left: 80px;
	top: 597px;
}
.bezoek{
	position: absolute;
	left: 652px;
	top: 597px;
}

/************************************************************/
/*                  quickNav
/************************************************************/
#quickNav{
	position: fixed;
	width: 116px;
	background-color: #000000;
	padding: 0;
	font-size: 12px;
	right: 50px;
	bottom: 50px;
}

#quickNavToggle{
	width: 100%;
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: underline;
	margin-left: 10px;
}

#quickNavList{
	padding: 0;
	margin: 10px;
}
#quickNavList li{ 
	list-style-type:none;
	margin-top: 0px;
}
#quickNavList li ul{
	padding: 0;
	margin: 0 0 10px 10px;
}

/************************************************************/
/*                  blog
/************************************************************/
#blogContent{
	position: absolute;
	left: 550px;
	top: 50px;
	z-index: 50;
}
#blogContent h2{
	background-color: #FFFFFF;
}

#blogContent .postmetadata{
	background-color: #FFFFFF;
	font-size: 10px;
	padding: 0 2px 0 2px;
}

#blogContent small{
	background-color: #000000;
	color: #FFFFFF;
	font-size: 10px;
	padding: 0 2px 0 2px;
	float: right;
	margin:-12px 0 0 0;
}
	#blogList{
		position: absolute;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-weight: bold;
		width: 250px;
		left: 25px;
		top: 250px;
	}
	.entry{
		background-color: #FFFFFF;
		width: 580px;
		padding: 1px 10px 1px 10px;
	}
	
	#blogPost-0{
		position: absolute;
		margin-left: 100px;
	}
	#blogPost-1{
		position: absolute;
		left: 707px;
		margin-left: 100px;
	}
	#blogPost-2{
		position: absolute;
		left: 1414px;
		margin-left: 100px;
	}
	#blogPost-3{
		position: absolute;
		left: 2121px;
		margin-left: 100px;
	}
	#blogPost-4{
		position: absolute;
		left: 2828px;
		margin-left: 100px;
	}
	#blogPost-5{
		position: absolute;
		left: 3535px;
		margin-left: 100px;
	}
	#blogPost-6{
		position: absolute;
		left: 4242px;
		margin-left: 100px;
	}
	#blogPost-7{
		position: absolute;
		left: 4949px;
		margin-left: 100px;
	}
	#blogPost-8{
		position: absolute;
		left: 5656px;
		margin-left: 100px;
	}
	#blogPost-9{
		position: absolute;
		left: 6363px;
		margin-left: 100px;
	}
	
#blogUl{
	list-style-type:none;
}
#blogUl li{
	margin-top: 10px;
}