w/*css Soon*/


/***forside***/
body {
  margin: 2px 0 4px 0;
  padding: 0;
}

a img{
	border: 0;
}

/*default div behaviour*/
div {
  margin: 0;   
  padding: 0; 
  overflow: hidden; 
}




/*****font*****/ 

/*default font*/ 
body, p, li, div, h1, h2, h3, span  {
  font-family:  Arial, Georgia, Verdana, Arial,Helvetica ; /**global font. Front and projects*/
  font-size: 11px;
  line-height: 14px; 
}

h1, h2, h3 {
  margin: 0;         
}

/*****links*/

/*default link*/ 
a:link, a:visited {
	 text-decoration: none;
}


a:hover, a:active {
 text-decoration:underline;
}



/***default paragraph**/
p {
  margin: 0; 
  font-weight: normal; 
  padding: 0; 
  /*line-height: 14px; */
}


/****projects****/

/*all project share a container.
However individual projects have different columns width and spacing*/

/**general princip: we emulate a table structure
each project is divided into three rows
- a headerrow (always 90px) 
- an imagerow 
- a textrow
textrows and imagerow vary in height and column widhts..

*/

.project {
	background-color: black; 
}

#containerproject {
	padding-left: 100px; 
	margin: 0; 		
	
}


/*applies to all "tablecell" div's will float
hence we only set width and height..
note any margin settings must use the !important directive*/
#containerproject div div {
	float: left; 	
	margin: 0; 
	padding: 0; 	
}


/*all "tablerows" div's */
#containerproject div {	
	margin: 0; 
	padding: 0; 
}


/**general font**/

/*general project font*/
#containerproject, #containerproject p, #containerproject span { 
	color: rgb(195,195,195); /* !important;   makes a conflict with introrow	*/
	font-size: 11px; 
	font-weight: normal; 
	/*word-spacing: 0.05em;*/ 
	/*letter-spacing: -0.04em;*/
}

/*general project p. in container*/
#containerproject p {
	margin-bottom: 14px; 	
}



#containerproject a, .introlink {
	display: inline !important; 
	line-height: 18px; 
	cursor:pointer;
	color: white; 
}

a.introlink:hover, a.introlink:active, #containerproject a:hover, #containerproject a:active {
	text-decoration: none; 
	line-height: 18px; 
	cursor:pointer;
	color: black; 
	background-color: white; 

}	

/**special position**/
.headerrowIntro h5 {
  position: absolute; 
  /*top: 44px; */
  bottom: 12px;
  margin: 0; 
  color: white;   
}



#containerproject img {
	float: left; 		
}

#containerproject h5 { 
	color: #00aeef; 
	margin: 0; 
	padding: 0 0 2px 0; 
	font-size: 14px; 
	font-weight: normal;
	border-bottom: 1px #444 dotted;
}


/*these styles for project hadlines*/

/*main container */
.mainHcCont, #mainHcCont {
	position: relative; 
	overflow: visible;
}

.headercontainer, .hcCont {
	background-color: white; 
	border-bottom: 1px solid black; 
	display: inline; 
	position: relative; 
	top: 3px; 
	padding-right: 5px !important; 

}

h3 {
	/*position: relative; */
	/*top: 5px;	*/
	font-size: 26px; 
	color: black; 		
	font-weight: normal; 	
	padding: 0;	
	margin: 0; 
	line-height: 28px; 
	display: inline; 	
	font-family: Georgia, Arial; 		
}


/*to fix IE 7 problem we add this id to the second line of headline*/
#hc2 {
	position: absolute;
	top: 32px; 
	left: 0; 
}


/***headerrow***/
/*these classes should be general for all projects!
1 is for one line headertext
2 is for two lines headertext*/
.headerrow, .headerrowIntro {	
	height: 88px; /***should be 90???*/	
	position: relative; 	
}

/*special positioning for img title*/

.headerrow p {
  position: relative; 
  top: 30px; 
  margin: 0; 
}

/*override overflow hidden in headerrow*/
.headerrow div {
	overflow: visible !important; 	
}


/*various widths*/

.space30 {
	width: 30px; 	
}


/****imagerows*****/
/*Cevac*/
.imagerowCevac img {
	margin-right: 10px; 
}


.col200 {	
	width: 200px; 	
}

/*topmargin is 2px smaller than default*/
 .headerrow3 {	
	height: 86px; /***should be 90???*/	
}

#backbutton {
	position: fixed;
	left: 100px;
	margin-top: 20px;
	z-index: 3;
}


.blue {
	color: #00aeef; 
}

/*vul hier portfolio onderdeel in en geef de breedte van uw pagina*/

.blanco {
	width: 7900px; 
}
.enfocus {
	width: 8225px; 
}
.cevac {
	width: 10600px; 
}
.zefiro {
	width: 5100px; 
}
.lalalover {
	width: 3175px; 
}
.iri {
	width: 8650px; 
}

.innovatiecentrum {
	width: 7100px; 
}

.zefiro_vj {
	width: 7200px; 
}

.gentbc {
	width: 5000px; 
}

.desk02 {
	width: 3350px; 
}

.quincequartet {
	width: 1830px; 
}
.volta {
	width: 6700px; 
}
.gent2020 {
	width: 3450px;
	}

.concertgebouw {
	width: 4850px;
}

.buyck {
	width: 5600px;
	}