@media screen {

/*** Common styling ***/
	body
	{
		background-color: white;

	}
	body, p, div, input, button, select, textarea, td, th
	{
		font-family: Arial;, Verdana, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	img
	{
		border: none;
	}
	
	h1{
	font-size	:	16px;
	font-weight	:	bold;
	margin		:	0px;
}

h2{
	font-size	:	15px;
	margin-top	:	1px;
	margin-bottom	:	1px;
}

h3{
	font-size	:	12px;
	margin-top	:	1px;
	margin-bottom	:	1px;
}
	
	h1{
		/* color	:	#002B5C; */
		color	:	#000000;
	}
	
	h2{
		/* color	:	#D5E04D; */
		color	:	#000000;
	}
	
	h3{
		color	:	#002B5C;
	}	
	
	h4{
		color	:	#002B5C;
	}
		
	table, tr, td, th
	{
		border-collapse: collapse;
		margin: 0px;
		padding: 0px;
		border: none;
		vertical-align: top;
	}
	.noborder
	{
		border: none !important;
	}
	
	.button
	{
		cursor: pointer;
	}
	
	.textfield
	{
	}
	
	
	div.error
	{
		color: red;
	}
	
	.bodytext a{
		color	:	#000000;
		text-decoration	:	none;
	}

	.bodytext a:hover{
		color	:	#4a7d9f;
	}


#newscolor {
	background-color	: 	#002B5C !important;
	color				:	#ffffff;
	margin				:	5px;
	width				:	169px;
	height				:	55px;
	line-height			:	71px;
	font-size			:	30px;
	padding				:	5px;
	z-index				:	10;
		
}

.searchbutton{
	border	:	0px solid #ffffff;
	background-color	:	#ffffff;
	color	:	#002B5C;
	font-weight	:	bold;
}


body, p, form
{
	margin		:	0px;
	padding		:	0px;
}

#container
{
	width		:	1000px;
	margin		:	auto;
	position	:	relative;
}

#main
{
	background-image: url('../images/blue10_background.gif');
	background-repeat: no-repeat;
	margin		:	0px;
	padding		:	0px;
}

#top
{
	position	:	relative;
	top			:	0px;
	left		:	0px;
	height		:	151px;
}

#mid
{
	position	:	relative;
	top			:	0px;
	left		:	0px;
}

#header
{
	position	:	absolute;
	top			:	0px;
	left		:	132px;
	width		:	829px;
	height		:	25px;
}

#logo
{
	position	:	absolute;
	bottom		:	0px;
	left		:	0px;
	width		:	130px;
	height		:	150px;
	vertical-align	:	bottom;
}
/*
	#logo img
	{
		position	:	absolute;
		bottom		:	6px;
		right		:	14px;
	}
*/

#logo img
	{
		position	:	absolute;
		top		:	0px;
		left		:	0px;
	}	
	
	#menu
	{
		position	:	absolute;
		left		:	132px;
		top			:	25px;
		height		:	24px;
		width		:	639px;
	}
#searchbox
{
	position	:	absolute;
	left		:	777px;
	top			:	27px;
	height		:	23px;
	width		:	187px;
}

	.searchbutton {
		height		:	19px;
		width:55px;
	}
	


#departments
{
	position	:	absolute;
	left		:	132px;
	top			:	51px;
	height		:	23px;
	width		:	639px;

}

#languageselect
{
	position	:	absolute;
	left		:	777px;
	top			:	52px;
	height		:	23px;
	width		:	188px;
}
		

.langfield{
	position	:	relative;
	top			:	2px;
	height		:	14px;
	width		:	125px;
	height		:	16px;
	border		:	1px solid #D5E04D;
	background-color:	#ffffff;
	color		:	#4a7d9f;
	text-indent	:	5px;
	cursor:pointer;
}

#langselect	{
	position	:	relative;
	 display	:	none;
	 width		:	135px;
	 z-index	:	50;
	 top		:	1px;
	 background-color:	#ffffff;
	 border		:	1px solid #D5E04D;
	 cursor:pointer;

}

.searchfield{
		height		:	14px;
		width	:	125px;
		height	:	16px;
		border	:	1px solid #D5E04D;
		color		:	#4a7d9f;
		text-indent	:	5px;
	}

#langselect a{
	text-decoration	: none	;
	color		:	#4a7d9f;
	font-size	:	12px;
	font-family	:	arial;
		 margin-left	:	5px;
	line-height	:	24px;
}


#moodsetter{
	position	:	absolute;
	left		:	132px;
	top			:	46px;
	height		:	98px;
	width		:	629px;
	padding		:	5px;
	z-index		:	-1;
}

#newshead{
	position	:	absolute;
	left		:	772px;
	top			:	76px;
	height		:	74px;
	width		:	189px;
	z-index				:	10;
}

#menu2{
	float		:	left;
	width		:	122px;
	padding-top	:	8px;
	padding-right	:	10px;
}

#illustration{
	float		:	left;
	width		:	160px;
	padding		:	5px;

}

/*** Content ***/
#content{
	float		:	left;
	width		:	800px;
	color		:	#000000;
	
}

#content .bodytext{
	margin		:	5px;
}


div#news{
	float		:	left;
	width		:	189px;
	height		:	100%;
	padding-left:2px;
}

#footer
{
	background-image: url(http://www.bvb-substrates.nl/dynamic/media/1/images/bg/bvb_background_footer.gif);
	background-repeat:	no-repeat;
	background-position	:	0px 0px;
	width		:	962px;
	height		:	108px;
	background-color:	white;
	margin		:	0px 0px;
	padding		:	0px;

}

#footer img 
{
	position :	relative;
	top		:	5px;
	left	:	134px;
}

.dashedborder{
	background-image:	url(../images/dashedborder.gif);
	background-repeat:	repeat-x;
	height	:	1px;
	padding:0px;
	margin	:	0px;		
}

#content .dashedborder{

	margin-left: -5px;
	margin-right: -5px;	
}

.dashedborder hr{

	border:none;
	display:none;
	height	:	1px;
	padding:0px;
	margin	:	0px;
	width	:	102%;
}

#newsletter{
	 position : absolute;
	bottom	:	0px;
	right	:	39px;
	width	:	189px;
	height	:	74px;

}

#newsletter #letter{
	background-color	:	#D5E04D;

	width	:	170px;
	height	:	65px;
	padding-left	:	10px;
	margin	:	5px;
	color	:	white;
	line-height:21px;
}

#newsletter #letter .rinput{
	background-color	:	#ffffff;
	color	:	#002b5c;
	border	:	1px solid #002B5C;
	width	:	100px;
	height	:	14px;
	text-indent	:	5px;
}

#newsletter #letter .submit
{
	width	:	12px;
	height	:	12px;
}

h1{
	font-size	:	16px;
	font-weight	:	bold;
	margin		:	0px;
}

h2{
	font-size	:	15px;
			margin-top	:	1px;
		margin-bottom	:	1px;
}

h3{
	font-size	:	12px;
			margin-top	:	1px;
		margin-bottom	:	1px;
}

p, table {
	margin	:	0px;
}

#pagefile{
	position	:	absolute;
	top			:	5px;
	left		:	734px;
}

#moodsetter EMBED{
	z-index		:	-1;
}

.homepagetext{
		font-size:9px;
		line-height:10px;
	}
	
	.bodytext a ,#news a{
		color	:	#000000;
		text-decoration	:	underline; 
	}

	.bodytext a:hover ,#news a:hover{
		/* color	:	#002B5C; */
		color : #D5E04D;
	}
	
	.bodytext img{
		margin:5px;
	}

#introtainer{
	width		:	100%;
	height		:	100%;
	position	:	relative;
}

#overlayintro{
	top			:	0px;
	left		:	0px;
	width		:	100%;
	height		:	100%;
	position	:	absolute;
	
	filter: 				alpha(opacity =   70);
	-moz-opacity:			0.70;
	opacity: 				.70;
	overflow	:hidden;	
	
	background-color	:	#ffffff;
	z-index				:	98;
	display				:	none;
	
}
#overlayintro2{
	top			:	0px;
	left		:	0px;
	width		:	100%;
	height		:	100%;
	position	:	absolute;	
	z-index		:	99;
	display	:	none;
}

#introheader{
	z-index	:	101;
	width	:	360px;
	height	:	17px;	
	position	:	relative;	
	background	:	url('http://www.bvb-substrates.nl/templates/bvb/images/introheader.gif');

}


#introheader a{
	text-decoration	:	none;
	color	:	white;
	float	:	right;
	padding-right	:	15px;
} 

#holder{
	height	:	260px;
	margin	:	150px auto;
	width	:	360px;
	z-index	:	102;	
}
#video_overlayintro{
	width	:	360; 
	height	:	243;
		opacity: 				1.00;
		background-color	:	white;
}

}