/*css Simon Hoegsberg*/


body {
  margin: 0;
  padding: 0;
  background-color: #fafafa;	
}


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


#containerproject {
	padding-left: 63px; 
	padding-top: 30px;	
	margin: 0; 	
	overflow: hidden;
}


#containerproject div  {
	float: left; 	
	margin: 0; 
	padding: 0; 
	background-color: #fafafa	
}




/*****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;         
}



/*spirit */
.spirit {
	width: 6487px; 
}


/***styles for intro-content START**/

/*box with full intro text-content*/
#introbox  {
	width: 698px;
	overflow: hidden;
	
}


/*project headline*/
.headline {
	text-transform: uppercase;
	font-size: 13px;
	color: #ceced5;
/*	position: relative;
	top: -1px;*/
}




#text_box {
	position: absolute;
	width: 640px;
	top: 130px;
	/*border: 1px solid red;*/
}


#text_box div {
	/*position: absolute;
		top: 64px;*/
	width: 305px;
	color: #4b4b4b;

}

#text_box #row2, #text_box #row1 {
	margin-top: 14px;
}

#text_box #row2 {
	margin-left: 28px;
}



#text_box h4{
	font-size: 13px;
	font-weight: normal;
}
/***styles for intro-content END**/


/*common text for intro and image**/

#text_box div p, .imagebox span{
	color: #4b4b4b;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 1.2;
}

/*default space between images*/
.imagebox img {
	margin-right: 25px;	
}

/*exception*/
.imagebox #img1 {
	margin-right: 20px !important;	
}



/*imagetext**/
.imagebox span{
	/*position: absolute;*/
	clear: left;
	padding-top: 6px;
	/*width: 686px;
	top: 546px;*/
	display: block;
}	


#imgspace {
	margin: 0; 
	padding: 0; 
	height: 1px; 		
}




/*horisontal space bewteen our columns*/
.columnspace {		
	width: 22px; 	
}


.column p  {	
	margin-bottom: 18px; 
	width: 180px; 
	
}

.spacer18 {
	padding: 0; 
	margin: 0; 	
	border:	none; 
	height: 18px; 
}



/*****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; */
}



.intro {
	width: 200px !important; 
}

/**general font**/

/*general project font*/


/*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; 

}	


#containerproject img {
/*	float: left; 		*/
}

#containerproject h5 { 
	color: white; 
	margin: 0; 
	padding: 0; 
	font-size: 11px; 
	font-weight: normal; 		
}

#headline {
	margin-top: 4px; 		
}

/*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*/
.headerrow1, .headerrow2, .headerrow3, .headerrowIntro {	
	height: 88px; /***should be 90???*/	
	position: relative; 	
}



/*class for img-header aligning*/
.push74 {	
	left: 74px; 
	position: absolute;	
}

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




.space10 {
	width: 10px; 	
}

.space14 {
	width: 14px; 	
}

.space20 {
	width: 20px; 	
}

.space25 {
	width: 25px; 	
}

.space30 {
	width: 30px; 	
}