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

*	{
	padding: 0px;
	margin: 0px;
	z-index: 0;
	font-family: Tahoma;
	color: #918f83;
	font-size: 10pt;
	}
	
a	{
	text-decoration: none;
	}
	
Body	{
	background-color: #d1d0d0;
	}
	
	
		/*   Hier begint het menu   */
		
#menucontainer	{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 699px;
	}		
	
#menu	{
	position: relative;
	margin-left: 260px;
	height: 110px;
	}
	
#home, #traject, #profiel, #showcase, #links, #contact	{
	float: left;
	width: 70px;
	height: 94px;
	}
	
.kotjes	{
	position: absolute;	
	}
	
.spiegel	{
	margin-top: 65px;
	}

#homeimg, #trajectimg, #profielimg, #showcaseimg, #contactimg, #linksimg	{
	width: 69px;
	height: 69px;
	}
	
#homeimg	{
	background-image: url(images/link_home.jpg);
	}
	
#trajectimg	{
	background-image: url(images/link_traject.jpg);
	}
	
#profielimg	{
	background-image: url(images/link_profiel.jpg);
	}
	
#showcaseimg	{
	background-image: url(images/link_showcase.jpg);
	}
	
#contactimg	{
	background-image: url(images/link_contact.jpg);
	}
	
#linksimg	{
	background-image: url(images/link_links.jpg);
	}
	
#homespiegelover, #trajectspiegelover, #profielspiegelover, #showcasespiegelover, #contactspiegelover, #linksspiegelover	{
	width: 0px;
	height: 0px;
	}
	
a:hover #homespiegelover, #trajectspiegelover, #profielspiegelover, #showcasespiegelover, #contactspiegelover, #linksspiegelover	{
	text-decoration: none;
	position: absolute;
	width: 69px;
	height: 30px;
	margin-top: 2px;
	} 
	
a:hover #homespiegelover	{
	background-image: url(images/link_home_spiegel_hover.jpg);
	} 
	
a:hover #trajectspiegelover	{
	background-image: url(images/link_traject_spiegel_hover.jpg);
	} 
	
a:hover #profielspiegelover	{
	background-image: url(images/link_profiel_spiegel_hover.jpg);
	} 
	
a:hover #showcasespiegelover	{
	background-image: url(images/link_showcase_spiegel_hover.jpg);
	} 
	
a:hover #contactspiegelover	{
	background-image: url(images/link_contact_spiegel_hover.jpg);
	} 
	
a:hover #linksspiegelover	{
	background-image: url(images/link_links_spiegel_hover.jpg);
	}
	
a:hover #homeimg, #trajectimg, #profielimg, #showcaseimg, #contactimg, #linksimg	{
	text-decoration: none;
	width: 69px;
	height: 69px;
	} 
	
a:hover #homeimg	{
	background-image: url(images/link_home_hover.jpg);
	margin-top: -3px;
	} 
	
a:hover #trajectimg	{
	background-image: url(images/link_traject_hover.jpg);
	margin-top: -3px;
	} 
	
a:hover #profielimg	{
	background-image: url(images/link_profiel_hover.jpg);
	margin-top: -3px;
	} 
	
a:hover #showcaseimg	{
	background-image: url(images/link_showcase_hover.jpg);
	margin-top: -3px;
	} 
	
a:hover #contactimg	{
	background-image: url(images/link_contact_hover.jpg);
	margin-top: -3px;
	} 
	
a:hover #linksimg	{
	background-image: url(images/link_links_hover.jpg);
	margin-top: -3px;
	}
	
#homespiegel, #trajectspiegel, #profielspiegel, #showcasespiegel, #contactspiegel, #linksspiegel	{
	width: 69px;
	height: 25px;
	}
	
#homespiegel	{
	background-image: url(images/link_home_spiegel.jpg);
	}
	
#trajectspiegel	{
	background-image: url(images/link_traject_spiegel.jpg);
	}
	
#profielspiegel	{
	background-image: url(images/link_profiel_spiegel.jpg);
	}
	
#showcasespiegel	{
	background-image: url(images/link_showcase_spiegel.jpg);
	}
	
#contactspiegel	{
	background-image: url(images/link_contact_spiegel.jpg);
	}
	
#linksspiegel	{
	background-image: url(images/link_links_spiegel.jpg);
	}


			/* hier begint de inhoud zelf  */
			
			
				
#maincontainer	{
	width: 699px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	}
	
#rechtsboven	{
	position: absolute;
	background-image: url(images/rechtsboven.jpg);
	background-repeat: no-repeat;
	width: 26px;
	height: 58px;
	margin-left: 673px;
	margin-top: 0px;
	}
	
#boven	{
	position: absolute;
	background-image: url(images/boven.jpg);
	background-repeat: repeat-x;
	width: 499px;
	height: 27px;
	margin-left: 174px;
	}
	
#inhoud	{
	position: absolute;
	width: 647px;
	margin-left: 25px;
	margin-top: 27px;
	}
	
#barlinks	{
	position: absolute;
	background-image: url(images/links.jpg);
	background-repeat: repeat-y;
	width: 27px;
	height: 100%;
	margin-left: -26px;
	}
	
#barrechts	{
	position: absolute;
	background-image: url(images/rechts.jpg);
	background-repeat: repeat-y;
	height: 100%;
	width: 26px;
	margin-left: 648px;
	}		
	
#tekst	{
	background-color: #e6e3e3;
	position: relative;
	z-index: -1;
	}
	
#DD	{
	position: absolute;
	background-image: url(images/DD.jpg);
	background-repeat: no-repeat;
	width: 216px;
	height: 231px;
	margin-left: -41px;
	margin-top: -77px;
	}

#pijlen	{
	background-image: url(images/pijlen.png);
	background-repeat: no-repeat;
	width: 337px;
	height: 242px;
	vertical-align: bottom;
	margin-top: -165px;
	margin-left: 514px;
	z-index: 2;
	}

#barren {
	width: 0;
	padding: 0;
	margin: 0;
	height: 0;
}
	
#baronder	{
	background-image: url(images/onder.jpg);
	background-repeat: repeat-x;
	height: 25px;
	width: 100%;
	z-index: 0;
	}

#linksonder	{
	background-image: url(images/linksonder.jpg);
	background-repeat: no-repeat;
	width: 26px;
	height: 25px;
	margin-left: -26px;
	margin-top: -102px;
	}
	
	
	
	
			/* TEKST  */
			
			
		
h1	{
	margin-left: 550px;
	font-size: 13pt;
	font-weight: normal;
	line-height: normal;
	}
	
#welkom, #studies, #profieltitel, #showcasetitel, #linkstitel, #contacttitel	{
	background-repeat: no-repeat;
	width: 107px;
	height: 49px;
	margin-left: 300px;
	margin-top: 40px;
	margin-bottom: 40px;
	}
	
#welkom	{
	background-image: url(images/Welkom.jpg);
	}
	
#studies	{
	background-image: url(images/studies.jpg);
	}
	
#profieltitel	{
	background-image: url(images/profiel.jpg);
	}
	
#showcasetitel	{
	background-image: url(images/showcase.jpg);
	width: 134px;
	height: 49px;
	}
	
#linkstitel	{
	background-image: url(images/linkstitel.jpg);
	}
	
#contacttitel	{
	background-image: url(images/contacttitel.jpg);
	}
	
h3	{
	font-size: 10pt;
	font-weight: normal;
	padding-left: 40px;
	}
	
h4	{
	font-size: 11pt;
	font-weight: normal;
	padding-left: 40px;
	}
	
#welkomtekst	{
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	}

#lijn	{
	background-image: url(images/lijn.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 3px;
	padding-bottom: 22px;
	}
	
#views	{
	margin-left: 40px;
	height: 130px;
	margin-bottom: 10px;
	}
	
#view1, #view2, #view3	{
	background-repeat: no-repeat;
	width: 167px;
	height: 116px;
	float: left;
	margin-right: 10px;
	}
	
#view1	{
	background-image: url(images/portfolio_klein.jpg);
	}
	
#view2	{
	background-image: url(images/csszengarden_klein.jpg);
	}
	
#view3	{
	background-image: url(images/blink_klein.jpg);
	}
	
#copy	{
	position: absolute;
	font-size: 8pt;
	margin-left: 3px;
	margin-top: 5px;
	}
	
li	{
	list-style-type: none;
	margin-left: 40px;
	margin-top: 3px;
	}
	
dt	{
	margin-left: 20px;
	}

dd	{
	margin-left: 30px;
	}
	
#gegevens ul{
	float: left;
	}
		
#gegevens	{
	clear: right;
	}
				
.vet	{
	font-weight: bold;
	}
				
.gegevens	{
	text-align: right;
	}

#kennis	{
	margin-top: 172px;
	margin-left: 40px;
	}
	
#kennis ul	{
	padding-left: 10px;
	}
	
#designs	{
	margin-left: 40px;
	}
	
#design	{
	margin-bottom: 30px;
	}
	
#buyse, #luiheid, #aia, #chopla, #boxen, #blink2, #blink, #csszengarden, #portfolio	{;
	background-repeat: no-repeat;
	height: 116px;
	width: 167px;
	float: left;
	margin-right: 10px;
	}
	
#buyse	{
	background-image: url(images/buyse_klein.jpg)
	}
	
#luiheid	{
	background-image: url(images/luiheid_klein.jpg)
	}
	
#aia	{
	background-image: url(images/aiahewick_klein.jpg)
	}
	
#chopla	{
	background-image: url(images/chopla_klein.jpg)
	}
	
#boxen	{
	background-image: url(images/boxen_klein.jpg)
	}
	
#blink2	{
	background-image: url(images/blink2_klein.jpg)
	}
	
#blink	{
	background-image: url(images/blink_klein.jpg)
	}
	
#csszengarden	{
	background-image: url(images/csszengarden_klein.jpg)
	}
	
#portfolio	{
	background-image: url(images/portfolio_klein.jpg)
	}
	
#designtekst	{
	padding-left: 10px;
	}
	
.uitleg	{
	margin-top: 10px;
	}
	
#formnaam	{
	float: left;
	}
	
#formbtn	{
	margin-left: 130px;
	margin-top: 10px;
	}
	
#adresnaam	{
	float: left;
	}

#adresinhoud li	{
	line-height: 17px;
	margin-left: 24px;
	}
	
#indicator	{
	margin-top: 10px;
	margin-left: 40px; 
	}
	
#indicator img	{
	margin-left: 20px;
	margin-top: 10px;
	}

#desmetdieter {
	width: 31px;
	height: 263px;
	background: url(images/DesmetDieter.jpg) no-repeat;
	margin-top: 29px;
	margin-left: 674px;
	position: absolute;
}