/* CSS Document */

* {
	list-style-type:none;
	padding:0px;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#D7F2FB;
}
body {
	background-image:url(images/bg.gif);
	background-repeat:repeat;
}
#container {
	min-height:800px;
	width:960px;
	height:auto;
	position:relative;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
span.away {
	position:absolute;
	top:-100000px;
}
#nameHome {
	position:absolute;
	top:40px;
	left:60px;
	background-image:url(images/NameHome.png);
	width:528px;
	height:124px;
}
#nameTraject {
	position:absolute;
	top:40px;
	left:60px;
	background-image:url(images/NameTraject.png);
	width:528px;
	height:124px;
}
#nameShowcase {
	position:absolute;
	top:40px;
	left:60px;
	background-image:url(images/NameShowcase.png);
	width:528px;
	height:124px;
}
#nameLinks {
	position:absolute;
	top:40px;
	left:60px;
	background-image:url(images/NameLinks.png);
	width:528px;
	height:124px;
}
#nameContact {
	position:absolute;
	top:40px;
	left:60px;
	background-image:url(images/NameContact.png);
	width:528px;
	height:124px;
}
#nameSitemap {
	position:absolute;
	top:40px;
	left:60px;
	background-image:url(images/NameSitemap.png);
	width:528px;
	height:124px;
}
/*-----------------------------------------NAVIGATION--------------------------------------------------*/
#beginNav {
	background-image:url(images/beginNav.png);
	height:73px;
	width:10px;
	float:left;
	margin-top:210px;
}
#nav {
	height:73px;
	margin-top:210px;
	float:left;
	background-color:#232426;
	width:940px;
}
#nav li {
	float:left;
}
#nav li#selHome, #nav li#home a {
	background-image:url(images/NavHome.png);
	width:92px;
	height:114px;
	margin-top:-40px;
	display:block;
}
#nav li#selTraject, #nav li#traject a {
	background-image:url(images/NavTraject.png);
	width:105px;
	height:114px;
	margin-top:-40px;
	display:block;
}
#nav li#selShowcase, #nav li#showcase a {
	background-image:url(images/NavShowcase.png);
	width:128px;
	height:114px;
	margin-top:-40px;
	display:block;
}
#nav li#selLinks, #nav li#links a {
	background-image:url(images/NavLinks.png);
	width:98px;
	height:114px;
	margin-top:-40px;
	display:block;
}
#nav li#selContact, #nav li#contact a {
	background-image:url(images/NavContact.png);
	width:109px;
	height:114px;
	margin-top:-40px;
	display:block;
}
#nav li#selSitemap, #nav li#sitemap a {
	background-image:url(images/NavSitemap.png);
	width:113px;
	height:114px;
	margin-top:-40px;
	display:block;
}
#endNav {
	background-image:url(images/endNav.png);
	width:10px;
	height:73px;
	float:left;
	margin-top:210px;
}
/*-----------------------COLUMN--------------------------------*/
#contactColumn {
	position:absolute;
	left:680px;
	top:40px;
	height:675px;
	width:260px;
	background-image:url(images/ColumnBG.png);
}
#columnTop {
	position:absolute;
	left:680px;
	top:20px;
	background-image:url(images/ColumnTop.png);
	background-repeat:no-repeat;
	width:260px;
	height:30px;
}
#columnBottom {
	position:absolute;
	left:680px;
	top:715px;
	background-image:url(images/ColumnBottom.png);
	width:260px;
	height:30px;
}
#contactColumnTop {
	margin:55px 0 0 15px;
	background-image:url(images/contactTop.png);
	background-repeat:no-repeat;
	width:225px;
	height:80px;
}
#contactColumnForm {
	background-image:url(images/contactKolomBG.png);
	width:225px;
	height:auto;
	margin:0 0 0 15px;
}
#form {
	margin-left:22px;
}
#contactColumnBottom {
	background-image:url(images/contactKolomBottom.png);
	width:225px;
	height:20px;
	margin-left:15px;
}
#SenderName, #Sender {
	background-color:#232426;
	background-image:url(images/FormInput.png);
	width:179px;
	height:23px;
	display:block;
	border:0;
	color:#000;
}
#Body {
	color:#000;
	background-color:#232426;
	background-image:url(images/FormInputBody.png);
	width:179px;
	height:195px;
	display:block;
	border:0;
}
label, #button {
	font-weight:bold;
	color:#CE000C;
}
#name, #email {
	margin-bottom:10px;
}
#button {
	margin:10px 0 5px 70px;
}
#meHome {
	margin:-15px 0 0 10px;
	background-image:url(images/meHome.png);
	width:237px;
	height:190px;
}
#meTraject {
	margin:-15px 0 0 10px;
	background-image:url(images/meTraject.png);
	width:237px;
	height:190px;
}
#meShowcase {
	margin:-15px 0 0 10px;
	background-image:url(images/meShowcase.png);
	width:237px;
	height:190px;
}
#meLinks {
	margin:-15px 0 0 10px;
	background-image:url(images/meLinks.png);
	width:237px;
	height:190px;
}
#meContact {
	margin:-15px 0 0 10px;
	background-image:url(images/meContact.png);
	width:237px;
	height:190px;
}
#meSitemap {
	margin:-15px 0 0 10px;
	background-image:url(images/meSitemap.png);
	width:237px;
	height:190px;
}
/*---------------------------------CONTENT----------------------------*/


/*HOME--------------------------------*/
#wieBenIk {
	padding:10px 0 0 0;
	margin-left:10px;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#wieBenIk h1 {
	background-repeat:no-repeat;
	background-image:url(images/wieBenIk.png);
	height:60px;
	width:645px;
}
#wieBenIk p {
	background-color:#232426;
	padding-left:75px;
	margin-bottom:10px;
}
.fantasy {
	position:absolute;
	top:10px;
	left:10px;
	background-image:url(images/Fantasy.png);
	width:140px;
	height:95px;
	margin-top:10px;
}
#cv {
	padding:15px 0px 0px 0;
	margin-left:10px;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#cvEnd{background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:15px;}
#cv h1 {
	background-image:url(images/curriculumVitae.png);
	height:60px;
	width:645px;
}
#tekst {
	background-color:#232426;
	padding-left:75px;
	padding-bottom:15px;
}
#cv ul li {
	margin-bottom: 15px;
	margin-left:20px;
}
#competentieIndicator {
	padding:10px 0 0 0;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#competentieIndicator h1 {
	background-repeat:no-repeat;
	background-image:url(images/Competentie-Ind.png);
	height:60px;
	width:645px;
}
#pic {
	padding-right:300px;
	background-color:#232426;
	padding-left:75px;
	margin-bottom:10px;
}
/*TRAJECT----------------------------*/
#semester1 {
	color:#0E0;
	padding:10px 0 0 0;
	margin-left:10px;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#semester1 h1 {
	background-image:url(images/eersteSemester.png);
	width:645px;
	height:60px;
}
#contentSemester1 {
	color:#0E0;
	background-color:#232426;
	margin:0 0 15px 0;
	width:645px;
	height:auto;
	overflow:hidden;
}
/***************SUBNAV-Traject********/
#subNavModule {
	float:left;
	width:150px;
	height:auto;
	padding:45px 0 0 20px;
	overflow:hidden;
}
#subNavModule li {
	margin:20px 0 0 10px;
}
li#webdesignTraj a {
	background-image:url(images/WebdesignI.png);
	width:103px;
	height:34px;
	display:block;
}
li#webdesignTraj a:hover, li#selWebdesignTraj {
	background-image:url(images/WebdesignIHover.png);
	width:103px;
	height:34px;
}
li#programmerenTraj a {
	background-image:url(images/ProgrammerenI.png);
	width:128px;
	height:33px;
	display:block;
}
li#programmerenTraj a:hover, li#selProgrammerenTraj {
	background-image:url(images/ProgrammerenIHover.png);
	width:128px;
	height:33px;
}
li#problemSolvingTraj a {
	background-image:url(images/ProblemSolvingI.png);
	width:136px;
	height:34px;
	display:block;
}
li#problemSolvingTraj a:hover, li#selProblemSolvingTraj {
	background-image:url(images/ProblemSolvingIHover.png);
	width:136px;
	height:34px;
}
li#itFundamentenTraj a {
	background-image:url(images/ITFun.png);
	width:129px;
	height:30px;
	display:block;
}
li#itFundamentenTraj a:hover, li#selItFundamentenTraj {
	background-image:url(images/ITFunHover.png);
	width:129px;
	height:30px;
}
li#officeTraj a {
	background-image:url(images/Office.png);
	width:55px;
	height:30px;
	display:block;
}
li#officeTraj a:hover, li#selOfficeTraj {
	background-image:url(images/OfficeHover.png);
	width:55px;
	height:30px;
}
/***************content-Traject********/
#uitlegModule {
	margin-top:55px;
	margin-left:20px;
	float:left;
	width:450px;
	height:auto;
	overflow:hidden;
}
#uitlegModuleBoven {
	background-image:url(images/ContentModuleBoven.png);
	width:450px;
	height:24px;
}
#uitlegModuleMidden {
	background-image:url(images/ContentModuleBG.png);
	width:450px;
	height:auto;
	background-repeat:repeat-y;
	overflow:hidden;
}
#uitlegModuleOnder {
	background-image:url(images/ContentModuleOnder.png);
	width:450px;
	height:25px;
}
#pictureWD {
	margin:40px 0 0 20px;
	float:left;
}
#picturePROG {
	margin:0 10px 0 20px;
	float:left;
}
#picturePS {
	margin:0 10px 0 12px;
	float:left;
}
#pictureITFUN, #pictureOFF {
	margin:0 10px 0 20px;
	float:left;
}
#uitlegModuleTekstWD {
	margin:0 0 0 10px;
	width:350px;
	height:auto;
	float:left;
}
#uitlegModuleTekstWD p {
	color:#C9FE9F;
	padding:0 0 10px 0;
}
#uitlegModuleTekstPS {
	margin:20px 0 0 10px;
	width:310px;
	float:left;
}
#uitlegModuleTekstPS p {
	color:#C9FE9F;
	padding:0 0 10px 10px;
}
#uitlegModuleTekstITFUN, #uitlegModuleTekstOFF, #uitlegModuleTekstPROG {
	margin:0 0 0 10px;
	width:420px;
	float:left;
}
#uitlegModuleTekstITFUN p, #uitlegModuleTekstOFF p, #uitlegModuleTekstPROG p {
	color:#C9FE9F;
	padding:0 0 10px 20px;
}
/*---------------------------SHOWCASE----------------------------*/
#opdrNmct {
	padding:10px 0 0 0;
	margin-left:10px;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#opdrNmct h1 {
	background-image:url(images/OpdrachtennMCTTop.png);
	width:645px;
	height:70px;
}
#contentOpdrNmct {
	background-color:#232426;
	margin:0 0 15px 0;
	width:645px;
	height:auto;
	overflow:hidden;
}
/***************SUBNAV********/

#subNavModuleShow {
	float:left;
	width:150px;
	height:auto;
	padding:35px 0 0 20px;
	overflow:hidden;
}
#subNavModuleShow li {
	margin:20px 0 0 10px;
}
li#webdesignShow a {
	background-image:url(images/WebdesignIShowcase.png);
	width:103px;
	height:34px;
	display:block;
}
li#webdesignShow a:hover, li#selWebdesignShow {
	background-image:url(images/WebdesignIHoverShowcase.png);
	width:103px;
	height:34px;
}
li#programmerenShow a {
	background-image:url(images/ProgrammerenIShowcase.png);
	width:128px;
	height:33px;
	display:block;
}
li#programmerenShow a:hover, li#selProgrammerenShow {
	background-image:url(images/ProgrammerenIHoverShowcase.png);
	width:128px;
	height:33px;
}
li#problemSolvingShow a {
	background-image:url(images/ProblemSolvingIShowcase.png);
	width:136px;
	height:34px;
	display:block;
}
li#problemSolvingShow a:hover, li#selProblemSolvingShow {
	background-image:url(images/ProblemSolvingIHoverShowcase.png);
	width:136px;
	height:34px;
}
li#itFundamentenShow a {
	background-image:url(images/ITFunShowcase.png);
	width:129px;
	height:30px;
	display:block;
}
li#itFundamentenShow a:hover, li#selItFundamentenShow {
	background-image:url(images/ITFunHoverShowcase.png);
	width:129px;
	height:30px;
}
li#officeShow a {
	background-image:url(images/OfficeShowcase.png);
	width:55px;
	height:30px;
	display:block;
}
li#officeShow a:hover, li#selOfficeShow {
	background-image:url(images/OfficeHoverShowcase.png);
	width:55px;
	height:30px;
}
.uitlegShow1 {
	margin:45px 0 10px 20px;
	float:left;
	width:450px;
	height:auto;
	overflow:hidden;
}
.uitlegShow2 {
	margin:10px 0 0 190px;
	clear:both;
	width:450px;
	height:auto;
	overflow:hidden;
}
.uitlegShowBoven {
	background-image:url(images/contentShowTop.png);
	width:450px;
	height:24px;
}
.uitlegShowMidden {
	background-image:url(images/contentShowBG.png);
	width:450px;
	height:auto;
	background-repeat:repeat-y;
	overflow:hidden;
}
.uitlegShowOnder {
	background-image:url(images/contentShowBottom.png);
	width:450px;
	height:24px;
}
#stelJezelfVoor, #cssZengarden, #musicalTypo, #memory, #pslabo, #uovt, #stekkerdoos, #printplaatje, #verslagIT, #database {
	float:left;
	margin:0 10px 0 20px;
}
.uitlegShowTekstWD {
	margin:0 0 0 10px;
	width:420px;
	float:left;
}
.uitlegShowTekstWD p {
	color:#FDC653;
	padding:0 0 10px 20px;
}
/*----------------------------------LINKS---------------------------------*/
#linksContent {
	padding:10px 0 0 0;
	margin-left:10px;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#linksContent h1 {
	background-image:url(images/links.png);
	width:645px;
	height:70px;
}
#linksSubContent {
	background-color:#232426;
	margin:0 0 15px 0;
	width:645px;
	height:auto;
	overflow:hidden;
}
/***************SUBNAV********/

#subNavLinks {
	float:left;
	width:150px;
	height:auto;
	padding:35px 0 0 20px;
	overflow:hidden;
}
#subNavLinks li {
	margin:20px 0 0 10px;
}
li#school a {
	background-image:url(images/SchoolLinks.png);
	width:60px;
	height:30px;
	display:block;
}
li#school a:hover, li#selSchool {
	background-image:url(images/SchoolHoverLinks.png);
	width:60px;
	height:30px;
}
li#webdesign a {
	background-image:url(images/WebdesignLinks.png);
	width:91px;
	height:34px;
	display:block;
}
li#webdesign a:hover, li#selWebdesign {
	background-image:url(images/WebdesignHoverLinks.png);
	width:91px;
	height:34px;
}
li#portfolios a {
	background-image:url(images/PortfoliosLinks.png);
	width:83px;
	height:30px;
	display:block;
}
li#portfolios a:hover, li#selPortfolios {
	background-image:url(images/PortfoliosHoverLinks.png);
	width:83px;
	height:30px;
}
li#persoonlijk a {
	background-image:url(images/PersoonlijkLinks.png);
	width:90px;
	height:34px;
	display:block;
}
li#persoonlijk a:hover, li#selPersoonlijk {
	background-image:url(images/PersoonlijkHoverLinks.png);
	width:90px;
	height:34px;
}
.uitlegLinks1 {
	margin:45px 0 10px 20px;
	float:left;
	width:450px;
	height:auto;
	overflow:hidden;
}
.uitlegLinks2 {
	margin:10px 0 0 190px;
	clear:both;
	width:450px;
	height:auto;
	overflow:hidden;
}
.uitlegLinksBoven {
	background-image:url(images/LinksTop.png);
	width:450px;
	height:24px;
}
.uitlegLinksMidden {
	background-image:url(images/LinksBG.png);
	width:450px;
	height:auto;
	background-repeat:repeat-y;
	overflow:hidden;
}
.uitlegLinksOnder {
	background-image:url(images/linksBottom.png);
	width:450px;
	height:24px;
}
.uitlegLinksTekst li a {
	font-weight:bold;
	margin:0 0 0 10px;
	width:420px;
	float:left;
	padding:0 0 10px 20px;
	color:#FC9E5C;
}
/*-----------------------------CONTACT-----------------------------*/
#contentContact {
	padding:10px 0 0 0;
	margin-left:10px;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#contentContact h1 {
	background-repeat:no-repeat;
	background-image:url(images/contact.png);
	height:60px;
	width:645px;
}
#contentContact1 {
	background-color:#232426;
	padding-left:75px;
	margin-bottom:10px;
}
#contentContact1 ul {
	color:#FFBCC0;
	margin:0 0 5px 20px;
}
#contentContact1 li, #contentContact1 p, #contentContact1 a {
	color:#FFBCC0;
}
#contentContact1 h2 {
	font-size:16px;
	color:#FFBCC0;
	padding:10px 0 10px 0;
}
.fantasy {
	position:absolute;
	top:10px;
	left:10px;
	background-image:url(images/Fantasy.png);
	width:140px;
	height:95px;
	margin-top:10px;
}
#google {
	margin:20px;
}
/*-----------------------------SITEMAP-----------------------------*/
#contentSitemap {
	padding:10px 0 0 0;
	margin-left:10px;
	clear:both;
	position:relative;
	background-image:url(images/contentBottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:645px;
	height:auto;
	overflow:hidden;
}
#contentSitemap h1 {
	background-repeat:no-repeat;
	background-image:url(images/sitemap.png);
	height:60px;
	width:645px;
}
#contentSitemap1 {
	padding-top:40px;
	background-color:#232426;
	padding-left:75px;
	margin-bottom:10px;
}
#contentSitemap1 li {
	color:#EEE;
}
#contentSitemap1 ul {
	color:#EEE;
	font-weight:bold;
	margin:0 0 5px 10px;
}
#contentSitemap1 li li {
	font-weight:normal;
	margin:0 0 5px 10px;
}
#contentSitemap1 a {
	color:#E698B0;
	margin-bottom:10px;
}
#contentContact1 h2 {
	padding:10px 0 10px 0;
}
.fantasy {
	position:absolute;
	top:10px;
	left:10px;
	background-image:url(images/Fantasy.png);
	width:140px;
	height:95px;
	margin-top:10px;
}
#footer {
	background-image:url(images/footer.png);
	width:645px;
	height:40px;
	color:#EEE;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#footerText {
	margin-left:10px;
	padding-top:10px;
	float:left;
}
#css{
	float:left;
	margin-top:5px;
	margin-left:170px;
	 }
#html{
		float:left;
	margin-top:5px;
	margin-left:5px;}