/* GLOBAAL --------------------------------------------------------------------------------------------------------- */

/* tekst links */
a.tekst:link{
color: gray;
text-decoration: none;
}
a.tekst:visited{
color: gray;
text-decoration: none;
}
a.tekst:hover{
color: black;
background-color: #FFCCCC;
text-decoration: none;
}
a.tekst:active{
color: black;
text-decoration: none;
}

/* afbeelding links */
img.link:hover{
background-color: #FFCCCC;
}
/* body van alle pagina's */
body#site{
margin: 0 0 0 0;
font-family: verdana;
font-size: 0.8em;
text-align: justify;
overflow: visible;
background-image: url(plaatjes/achtergrond_logo.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed;
}
/* content DIV (waar de inhoud van elke pagina in komt) */
div#content{
width: 100%;
overflow: hidden;
}
/* titels bij portfolio onderwerpen */
p.titel{
font-family: Myriad Pro;
font-size: 1.9em;
text-align: left;
margin: 0 0 10px 0;
}
/* uitlijning van lijsten */
ul{
text-align: left;
}
/* dikgedrukte tekst (bij intro) */
span.dik{
font-weight: bold;
}

/* PER DIV ELEMENT ---------------------------------------------------------------------------------------------- */

/* welkom */
body#welkom{ /* dit om er voor te zorgen dat er geen achtergrond afbeelding komt */
}
div#welkom_logo{
position: absolute;
top: 50%;
left: 50%;
width: 732px;
height: 150px;
margin: -75px 0 0 -367px;
}

/* header  */
div#header{
position: fixed;
width: 100%;
height: 40px;
font-size: 1.1em;
background-color: white;
}
div#header1{
width: 480px;
height: 100%;
padding: 0 0 0 300px;
margin: 0 auto 0 auto;
background-image: url(plaatjes/header_logo.png);
background-repeat: no-repeat;
}
ul#header_menu{
width: 480px;
padding: 11px 0 0 0;
margin: 0 0 0 0;
text-align: right;
}
li#header_menu{
display: inline;
padding: 0 15px 0 0;
}
span.header_menu{
font-weight: bold;
}

/* home */
div#home{
width: 600px;
margin: 0 auto 0 auto;
}
div#home1{
height: 70px;
width: 50%;
padding: 100px 0 0 0;
float: left;
clear: right;
}
div#home2{
height: 70px;
width: 50%;
padding: 100px 0 0 0;
float: left;
text-align: right;
}
div#home3{
height: 63px;
width: 100%;
padding: 50px 0 50px 0;
float: left;
text-align: center;
}
div#home4{
height: 70px;
width: 100%;
padding: 50px 0 50px 0;
float: left;
text-align: center;
}
	/* home informatie */
	div#home_informatie{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#home_informatie1{
	height: 240px;
	width: 100%;
	padding: 50px 0 0 0;
	float: left;
	text-align: right;
	}
	div#home_informatie2{
	padding: 0 200px 50px 0;
	float: left;
	}

	/* home ontwerpen */
	div#home_ontwerpen{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#home_ontwerpen1{
	width: 389px;
	padding: 220px 15px 50px 0;
	float: left;
	}
	div#home_ontwerpen2{
	height: 240px;
	padding: 50px 0 50px 0;
	float: left;
	}

	/* home modelleren */
	div#home_modelleren{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#home_modelleren1{
	height: 240px;
	width: 100%;
	padding: 50px 0 0 0;
	text-align: center;
	float: left;
	}
	div#home_modelleren2{
	padding: 15px 250px 50px 0;
	float: left;
	}

/* intro */
div#intro{
width: 600px;
margin: 0 auto 0 auto;
}
div#intro1{
padding: 50px 0 50px 0;
width: 100%;
}

/* portfolio */
div#portfolio{
width: 780px;
margin: 0 auto 0 auto;
}
div#portfolio8{ /* regel 0 */
width: 100%;
height: 190px;
padding: 50px 0 0 0;
text-align: center;
float: left;
}
div#portfolio1{ /* regel 1 */
width: 50%;
height: 200px;
padding: 0 0 0 0;
text-align: left;
float: left;
}
div#portfolio2{
width: 50%;
height: 200px;
padding: 50px 0 0 0;
text-align: right;
float: left;
}
div#portfolio3{ /* regel 2 */
width: 515px;
height: 200px;
padding-left: 265px;
margin-top: -100px;
text-align: left;
float: left;
}
div#portfolio4{ /* regel 3 */
width: 50%;
height: 200px;
text-align: left;
float: left;
}
div#portfolio5{
width: 50%;
height: 200px;
text-align: right;
float: left;
}
div#portfolio6{ /* regel 4 */
width: 460px;
height: 200px;
padding: 0 0 0 320px;
text-align: left;
float: left;
}

div#portfolio7{ /* regel 5 */
width: 100%;
height: 200px;
padding: 0 0 50px 0;
margin: -100px 0 0 0;
float: left;
}

	/* portfolio kwalificatie */
	div#portfolio_kwalificatie{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_kwalificatie1{ /* regel 1 */
	width: 445px;
	padding: 50px 0 0 0;
	float: left;
	}
	div#portfolio_kwalificatie2{
	width: 320px;
	padding: 50px 0 0 15px;
	float: left;
	}
	div#portfolio_kwalificatie3{ /* regel 2 */
	width: 375px;
	padding: 0 15px 50px 0;
	float: left;
	}
	div#portfolio_kwalificatie4{
	width: 390px;
	padding: 11px 0 50px 0;
	float: left;
	}
	
	/* portfolio tekennorm */
	div#portfolio_tekennorm{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_tekennorm1{ /* regel 1 */
	width: 397px;
	padding: 140px 15px 0 0;
	float: left;
	}
	div#portfolio_tekennorm2{
	width: 368px;
	padding: 50px 0 0 0;
	float: left;
	}
	div#portfolio_tekennorm3{ /* regel 2 */
	width: 200px;
	float: left;
	padding: 0 0 50px 0;
	margin: -100px 0 0 0;
	}
	div#portfolio_tekennorm4{
	width: 380px;
	padding: 20px 200px 0 0;
	float: left;
	}
	
	/* portfolio productielijn */
	div#portfolio_productielijn{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_productielijn1{ /* regel 1 */
	width: 300px;
	padding: 50px 0 0 0;
	float: left;
	}
	div#portfolio_productielijn2{
	width: 465px;
	padding: 50px 0 29px 15px;
	float: left;
	}
	div#portfolio_productielijn3{ /* regel 2 */
	width: 365px;
	padding: 100px 15px 50px 0;
	float: left;
	}
	div#portfolio_productielijn4{
	width: 400px;
	padding: 0 0 50px 0;
	float: left;
	}
	
	/* portfolio koffieautomaten */
	div#portfolio_koffieautomaten{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_koffieautomaten1{ /* regel 1 */
	width: 397px;
	padding: 115px 15px 0 0;
	float: left;
	}
	div#portfolio_koffieautomaten2{
	width: 368px;
	padding: 50px 0 0 0;
	float: left;
	}
	div#portfolio_koffieautomaten3{ /* regel 2 */
	width: 272px;
	padding: 20px 0 50px 0;
	float: left;
	}
	div#portfolio_koffieautomaten4{
	width: 493px;
	padding: 40px 0 50px 15px;
	float: left;
	}

	/* portfolio mechatronica */
	div#portfolio_mechatronica{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_mechatronica1{ /* regel 1 */
	width: 365px;
	padding: 100px 15px 0 0;
	float: left;
	}
	div#portfolio_mechatronica2{
	width: 400px;
	padding: 50px 0 0 0;
	float: left;
	}
	div#portfolio_mechatronica3{ /* regel 2 */
	width: 320px;
	padding: 0 0 50px 0;
	float: left;
	}
	div#portfolio_mechatronica4{
	width: 445px;
	padding: 20px 0 50px 15px;
	float: left;
	}
	
	/* portfolio SPIN */
	div#portfolio_SPIN{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_SPIN1{ /* regel 1 */
	width: 300px;
	padding: 50px 0 0 0;
	float: left;
	}
	div#portfolio_SPIN2{
	width: 465px;
	height: 297px;
	padding: 50px 0 0 15px;
	float: left;
	}
	div#portfolio_SPIN3{ /* regel 2 */
	width: 445px;
	padding: 50px 15px 50px 0;
	float: left;
	}
	div#portfolio_SPIN4{
	width: 320px;
	padding: 0 0 50px 0;
	float: left;
	}
	
	/* Portfolio database */
	div#portfolio_database{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_database1{ /* regel 1 */
	width: 280px;
	padding: 50px 0 0 500px;
	text-align: right;
	float: left;
	}
	div#portfolio_database2{ /* regel 2 */
	width: 193px;
	height: 333px;
	padding: 0 15px 0 0;
	float: left;
	}
	div#portfolio_database3{
	width: 572px;
	height: 333px;
	padding: 0 0 0 0;
	text-align: right;
	float: left;
	}
	div#portfolio_database4{ /* regel 3 */
	width: 680px;
	padding: 15px 100px 50px 0;
	float: left;
	}
	
		/* portfolio grijper */
	div#portfolio_grijper{
	width: 780px;
	margin: 0 auto 0 auto;
	}
	div#portfolio_grijper1{ /* regel 1 */
	width: 400px;
	height: 275px;
	padding: 50px 0 0 0;
	float: left;
	}
	div#portfolio_grijper2{
	width: 300px;
	height: 80px;
	padding: 50px 0 0 15px;
	float: left;
	}
	div#portfolio_grijper3{
	width: 300px;
	padding: 0 0 0 15px;
	float: left;
	}
	div#portfolio_grijper4{/* regel 2 */
	width: 720px;
	padding: 0 0 50px 0;
	float: left;
	}

/* contact */
div#contact{
width: 700px;
margin: 0 auto 0 auto;
}
div#contact1{ /* regel 1 */
width: 350px;
padding: 75px 0 0 0;
float: left;
}
div#contact2{
width: 350px;
padding: 50px 0 0 0;
float: left;
}
ul#contact{
list-style: none;
font-weight: bold;
margin: 0 0 0 15px;
}
div#contact3{ /* regel 2 */
width: 100%;
padding: 15px 0 50px 0;
float: left;
}

/* footer */
div#footer{
position: fixed;
bottom: 0;
width: 100%;
height: 40px;
background-color: white;
font-size: 1.1em;
}
div#footer1{
width: 780px;
height: 100%;
margin: 0 auto 0 auto;
background-image: url(plaatjes/footer_logo.png);
background-repeat: no-repeat;
background-position: right;
}