/* CSS Document www.iai.nl
	Url: www.isaac.nl
*/


html, body {
	height:					100%;
	margin-top:				0;
	margin:					0;
	padding:			    0;
	font: 					12px/16px Arial, Helvetica, sans-serif;
	background: 			url(img/body_bg.jpg) repeat-x left top;

}

h2 {
	font: 					12px Arial, Helvetica, sans-serif;
	text-transform: 		uppercase;
	color:				 	#000;
}


h3 {
	font: 					14px Arial, Helvetica, sans-serif;
	color: 					#000;
	font-weight:			bold;
	
}




/* DIV FRAMEWORK--------------------------------------------------------------------------*/

DIV#header { 
	background:				url(img/css_sprite_1.png) no-repeat left top;
	text-align:				left; 
	margin:					0 auto;
	width: 					933px; 
	height:					92px;
	font: 					12px Arial, Helvetica, sans-serif;
	text-transform: 		uppercase;
	color: 					#FFFFFF;
}


DIV#logo {
	background:				url(img/css_sprite_0.gif) no-repeat -326px 0px;
	width: 					150px; 
	height:					81px;
	margin:					0 0 0 28px;
	float:					left;
	display:				inline;		
}

DIV#logo a {
	display:				block;
	width: 					150px; 
	height:					81px;
	text-decoration:		none;
}


 
/* Container bottom margen moet min de footer waarde */
DIV#container{ 
	width:					933px; 	
	margin:					auto;
	position: 				relative;

}

DIV#container2 {
width:						933px; 	

height:						100%;
background:					url(img/content_bg.png) repeat-y top left; 
}

/* DIV CONTENT--------------------------------------------------------------------------*/

DIV#content {
	width: 					650px;
	text-align:				left;
	float:					left;
	margin-left: 			42px;
	display:				inline;
	min-height:				320px;
	font-size:				11px;
}

DIV#content.index {
	width: 					650px;

}


DIV#content .left {
	width: 					370px;
	float:					left;
	display:				inline;
}

DIV#content .right{
	width: 					244px;
	float:					left;
	display:				inline;
	margin-left:			20px;
	margin-top:				35px;
	
}


DIV#content span a {
	color:					#000;
	text-decoration:		underline;		
}

DIV#content span a:hover {
	color:					#000;
	text-decoration:		none;	
}

DIV#content p a {
	color:					#d2001e;
	text-decoration:		underline;		
}


DIV#content p a:hover {
	color:					#d2001e;
	text-decoration:		none;		
}


DIV#content a:hover {
	color:					#000;
	tekst-decoration:		none;			
}


DIV#content #sub {
	margin-top:				15px;
	padding-left:			80px;
	}

DIV#content #sub ul.left {
	margin:					0;
	padding:				0;
	float:					left;
	width:					203px;

}


DIV#content #sub ul.right {
	margin:					0;
	padding:				0;
	float:					left;
	width:					210px;

}

DIV#content #sub ul li{
	list-style: 			none;
	margin:					2px 0 0 0;
	width:         			203px;

	
}


DIV#content #sub ul li a{
	background: 			url(img/css_sprite_0.gif) -2px -187px;
	color:					#000;
	display:				block;
	width: 					177px;
	height:    				24px;
	font-size:				12px;
	padding:				3px 0 0 5px;
	text-decoration:		none;
}

DIV#content #sub ul li a:hover{
	color:					#fff;
	background: 			url(img/css_sprite_0.gif) -2px -214px;
}


DIV#left {
	float:					left;
	padding: 				20px 0 0 30px;
	width:					162px;


}

/* DIV CONTENT----plus image-------------------------------------------------------------*/

DIV#content .imgleft {
	width: 					450px;
	float:					left;
	display:				inline;

}


DIV#content .img {
	float:					right;
	margin-top:				20px;
	width:					157px;

}


/* DIV DOWNLOAD FILE op contentpagina-----------------------------------------------------*/

.download ul {
	margin:					0px;
	padding:				2px 0 0 0;
}



.download ul li { 
	display:				inline;

	list-style:				none; 

}

.download ul li a { 
	color:					#000; 
	text-decoration:		underline;
	margin-left:			4px;
	font-size:				11px;			
}
	
.download ul li a:hover { 	
	color:					#000; 
	text-decoration:		none;
}

	

/************************** search *******************/
DIV#search {
	float:					right;
	width:					160px;
	margin-right:			30px;
	height:					52px; /*height weghalen wanneer search goed getoont moet worden. In search.php comments weghalen*/

}
div#search form label {
	display: 				block;
	width:					auto;
	color:					#999999;
	margin-top:				10px;
	float:					left;
}

div#search form input.invoer {
	width: 					110px;
	height:					23px;
	display:				block;
	border:					none;
	background:				url(img/search.gif) no-repeat center top;
	margin:					0 0 0 0px;

} 



div#search form input.btn-search {
	width:					24px;
	height: 				20px;
	float:					right; 
	margin-top:				-25px;
	margin-right:			25px;
	background:				#FFFFFF;
	border:					none;
	color:					#999999;
	cursor:					pointer;

	
} 


div#search form input.btn-search:hover {
	color:					#000;
	cursor:					pointer;
	
} 


/************************** eind search *******************/


div.gegevens{
	clear:					both;
	width:					300px;
}



DIV#buttons {
	width:					162px;
	height:					135px;
	float: 					left;
	display:				inline;
	margin-left: 			30px;
	margin-top: 			60px;
}



.readmore a {
	width: 					168px;
	height: 				22px;
	background:				#fff url(img/css_sprite_0.gif) -6px -121px no-repeat; 
	display:				block;
	text-decoration:		none;


}

.readmore a:hover{
	background:				url(img/css_sprite_0.gif) -6px -147px;
	

}
	

.breadcrumbs ul {
	margin:					0px;
	margin-bottom:          10px;
	padding:                5px 0 0 0;
}



.breadcrumbs ul {
	margin:                 0;
	font: 					11px Arial, Helvetica, sans-serif;
	color: 					#969899;
	margin:					0px 0 10px 0px; 	
}


.breadcrumbs ul li { 
	display:				inline;

	list-style:				none; 

}

.breadcrumbs ul li a { 
	color:					#969899; 
	text-decoration:		none;
}
	
.breadcrumbs ul li a:hover { 	
	color:					#000; 
}

			
DIV#news{
	position:				absolute;
	width:					125px;
	font: 					11px Arial, Helvetica, sans-serif;
	color: 					#000;
	top: 					58px;
	display:				inline;
	left:					40px;
}


DIV#news .newsreadmore {
	height:					22px;
	width:					125px;
	margin-bottom:			20px;

	}
	
a.newsreadmore {
	background: 			#ccc url(img/css_sprite_0.gif) -182px -122px;
	display:				block;
	text-decoration:		none;
	}
	
a.newsreadmore:hover{
	background: 			#ccc url(img/css_sprite_0.gif) -181px -147px;
	}
	

DIV#button1, #button2, #button3{
	width:					162px;
	height:					39px;  
	float: 					left;
	background: 			url(img/css_sprite_0.gif);
	}

DIV#button2 {
	background: 			url(img/css_sprite_0.gif) left -37px;
	}
	
DIV#button3 {
	background: 			url(img/css_sprite_0.gif) left -75px;
	}


#footer {
	height: 				369px;
	 
 }


/* DIV CAREER  ------------------------------------------------------------------*/


#content h3{
	float : 				left;
	display:				block;
	font: 					14px Arial, Helvetica, sans-serif;
	color: 					#000;
	font-weight:			bold;
	margin-top:				0;	
}

			
#content p{
	clear:					both;
}


#content div.career-vlag {
	

	float:					left;
	height:					20px;
	padding:				0 0px 0 10px;

}


#content div.career-vlag ul{
	margin:                 0;
	padding:                0;
	list-style:				none;
			
	
}


#content div.career-vlag ul li {
	display:				inline;
	padding:				0 0px 0 0px;
	list-style:				none;
	float:					left;
	margin-left:			2px;		
}


#content div.career-vlag ul li a.en{
	display:				inline;
	padding:				0 12px 0 12px;
	list-style:				none;
	background: 			transparent url(img/css_sprite_0.gif) no-repeat -333px -98px;

}


#content div.career-vlag ul li a.nl{
	display:				inline;
	padding:				0 12px 0 12px;
	list-style:				none;
	background: 			transparent url(img/css_sprite_0.gif) no-repeat -361px -98px;

}


#content ul.back{
	margin:					0;
	padding:				10px 0 0 0;
	list-style:				none;
}




#content ul li a.back{
	display:				inline;
	padding:				0 0 4px 12px;
	background: 			transparent url(img/css_sprite_0.gif) no-repeat -333px -197px;
	font-weight:			bold;
	width:					100px;
	color:					#000;
	text-decoration:		none;
}


#content ul li a.back:hover{
	background: 			transparent url(img/css_sprite_0.gif) no-repeat -387px -197px;
	color:					#ca1d21;
}




#content p a	{
	color:					#000;
	text-decoration:		none;
	}
	
#content p a:hover	{
	color:					#000;
	text-decoration:		underline;
	}
	
#vacatures ul {

	}
	
 #vacatures ul li a {
	color:				    #000;
	}
	
	
#vacatures ul li a:hover {
	color:				    #000;
	text-decoration:		none;
	
	}


#vacatures ul li a:active {
	color:				    #000;
	text-decoration:		none;
	
	}

	
/* NEWS & EVENTS----------------------------------------------------------------*/	


div#article {

	
	padding-top: 			4px;

}


div#content #article H4 {

	font: 					12px Arial, Helvetica, sans-serif;
	color: 					#000;
	font-weight:			bold;
	margin-bottom:			1px;



}

div#content #article H2 {

	font: 					11px Arial, Helvetica, sans-serif;
	color: 					#000;
	padding:				0px 0 0 0;
	margin:					0px;
	text-transform:			lowercase

}


div#content #article p {


	margin-top:					10px;


}

/* DIV DOWNLOAD  formulier-------------------------------------------------------*/


div#content .field1 {
	width: 					187px;
	height:					13px;
	margin:					0 0 1px 0;
	font:					11px tahoma;
}


div#content label  {
	width:					105px;
	font:					11px/20px tahoma;
	color: 					#4f4c4d;
	float:					left;

}


div#content .btn_verzenden {

	margin:					10px 0 14px 243px;
	height:					22px;
	font-size:				12px;
	text-transform:			uppercase;			
}

div#content .btn_verzenden:hover {
	color:					#000;
	cursor:					pointer;
	
}

div#content table {

	}
	
div#content table td {
	background-color:		#fff;
	height:					20px;
	}		
		
div#content td table {
	font-size:				11px;
	
	}
	
div#content td table a {
	font-size:				10px;
	text-transform:			uppercase;
	text-decoration:		none;;
	color:					#000;
	}
	
div#content td table a:hover {
	text-decoration:		underline;
}

div#content td table td.dark {
	background-color:		 #dadada;

	
	}
	
div#content td table td.light {
	background-color:		 #e8e8e8;
	}				

/* DIV CONTACT   formulier-------------------------------------------------------*/

div#contactform{
	padding:				0 0 0 0px;
	clear:					both;
	width:					500px;
}	



div#contactform .field1, .field3, .field4{
	width: 					300px;
	height:					14px;
	margin:					0 0 1px 0;
	font:					11px tahoma;
	
}

div#contactform .field3{
	margin:					0 0 1px 150px;
	_margin:			   0 0px 1px 153px;

}

div#contactform .field4{
	width: 					235px;

}

div#contactform .field2{
	width: 					300px;
	height:					60px;
	margin:					0 0 1px 0;
	font:					11px tahoma;
}
	
div#contactform label{
	width:					150px;
	float:					left;
	font:					11px/20px tahoma;
	color: 					#4f4c4d;
}

div#contactform .nofloat { 
	float:					none;
	
}

div#contactform .radio { 
	margin-right:			5px;
	padding-right:			5px;
}


div#contactform .jumpmenu-interests {
	margin-left: 			10px;
	margin-bottom:			20px;
	float:					left;
	width:					192px;
	height:					19px;
	display: 				inline;
	font-size:				12px;
	border:					1px solid #a5acb2;
}

div#contactform .jumpmenu-gender {

	margin:					0 5px 0px 0 ;
	_margin:				0 20px 0px 3px;
	float:					left;
	width:					60px;
	height:					19px;
	display: 				inline;
	font-size:				12px;
	border:					1px solid #a5acb2;
}


div#contactform span.interests {
	float:					left;
	font-size: 				11px;
	color: 					#4f4c4d;
}

div#contactform .textfields {
	float:					left;
}

div#contactform span. {
	float:					left;
}


div#contactform #wrapper {


	
	}
	

div#contactform #wrapper .field1{
	width: 					100px;
	height:					14px;
	margin:					0 20px 1px 0;
	_margin:				0 20px 1px 3px;
	font:					11px tahoma;
	float:					left;
	_margin:				0 20px 1px 3px;
	
}

div#contactform #wrapper .field2{
	width: 					124px;
	height:					14px;
	margin:					0 0 1px 0;
	float:					left;
}

div#contactform #wrapper .field3{
	width: 					140px;
	height:					14px;
	margin:					0 0 1px 0;
	float:					left;

	
}

div#contactform #wrapper label.zipcode{
	width:					50px;
	float:					left;
	font:					11px/20px tahoma;
	color: 					#4f4c4d;
	

}

div#contactform #wrapper label.contact{
	width:					80px;
	float:					left;
	font:					11px/20px tahoma;
	color: 					#4f4c4d;

}

div#contactform span {
	clear: 					both;
}

div#contactform div.gender {
	margin:					7px 0 7px 0;
}

div#contactform .btn_verzenden {
	
	margin:					15px 40px 20px 0px;
	float:					right;
	height:					22px;
	font-size:				12px;
	text-transform:			uppercase;		
}



/* DIV CONTACT  map-------------------------------------------------------*/

#contact {
	width:					280px;
	height:					200px;
	float:					left;
	font-size:				11px;
}

#map {
	border:					3px solid #b4bfcc;
	float: 					right;
	z-index:				0;
	margin-top:				38px;
}
	
DIV#content_map {
	width: 					600px;
	text-align:				left;
	float:					left;
	margin-left: 			42px;
	z-index:				0;
	min-height:				300px;

	
	
}

#wrapper {
	margin-top:				0px;
	}


/******************************* ****** *********************************/
/******************************* FOOTER *********************************/
/******************************* ****** *********************************/
DIV#footer {
	position:				relative;
	background:				url(img/css_sprite_1.png) 0px -92px no-repeat;
	text-align:				left;
	margin: 				0 auto;
	width:					933px;
	font-size:				10px;
	font-family:			Verdana, Tahoma, Arial, Helvetica, sans-serif;
}


DIV#footer.security {
	background:				url(img/css_sprite_1.png) no-repeat 0px -472px;
	}	

DIV#footer.solar {
	background:				url(img/css_sprite_1.png) no-repeat 0px -853px;
	}	

DIV#footer.packaging {
	background:				url(img/css_sprite_1.png) no-repeat 0px -1237px;
	}
	
	

	
#footer a {
	text-decoration: 		none; 
	color:					#000000;
}
	
#footer a:hover {
	text-decoration:		underline;
}


#footer .links {
	position:				absolute;
	top:					297px;
	width:					300px;
	height:					20px;
	margin:					22px 0 0 25px;
	font: 					11px Arial, Helvetica, sans-serif;
	color: 					#999999;
	text-transform: 		uppercase;
	float:					left;
	display:				inline;
}


#footer .links ul {
	margin:                 0;
	padding:                0;
}


#footer .links ul li {
	display:				inline;
	padding:				0 17px 0 17px;
	list-style:				none;
	background: 			url(img/devider.gif) no-repeat right;
}


#footer .links ul li.sitemap{
	background: 			none;
}


#footer .links ul li a { 
	font-family:			Arial, Helvetica, sans-serif;
	font-size: 				11px;
	color:					#999999;
	text-decoration:		none;
}
	
#footer .links ul li a:hover { 	
	color:					#000;
	text-decoration:		none;
}


#footer .docdata a{
	width: 					184px;
	height: 				29px;
	background:				url(img/css_sprite_0.gif) no-repeat -327px -124px;
	display:				inline;
	margin:					13px 24px 0 0;
	position: 				absolute;
	top: 					294px;
	left:					725px;
}

#footer .docdata a:hover{
	background:				url(img/css_sprite_0.gif) no-repeat -327px -157px;
	text-decoration:		none;
}
/********************************/

/* sitemap -------------------------------------------------------*/


div#sitemap {
	display:				block;
	width:					670px;
	}

div#sitemap .blok {	
	float: 					left;
	margin:					0 25px 10px 0;
	}

div#sitemap h1 {
	margin-bottom:			3px;	

}

div#sitemap h1 a {
	color:					#8e8f8f;
	font-size:				11px;
	text-transform:			uppercase;
	text-decoration:		none;
	
}


div#sitemap ul  {
	margin:					0;
	padding:				0;
	list-style: 			none;
}



div#sitemap ul li a {
	color:					#8e8f8f;
	font-size:				11px;
	text-decoration:		none;
	list-items:				none;
} 


div#sitemap ul li ul  {
	margin-left:			7px;
	padding:				0;
	list-style: 			none;
}