@charset "UTF-8";

/* Specific stylesheet for the IMI-Net Homepage
 * Adopting the general design of the new Europa site
 * by Sascha Leib for GROW.R.2
 * File name: contact.css
 */

/* news teasers on homepage: */
#news {
	margin-top:			0
}

#news .column-1 .news-content {
	padding-right:			8pt;
}
#news .column-2 .news-content {
	padding-left:			6pt;
}

#news .news-content .banner {
		text-align:		right;
		background:		transparent url('/internal_market/imi-net/_images/news/teasers/default.jpg') left top no-repeat;
		height:			20px;
		padding-top:	44px;
}
#news .news-content .banner time {
	font-size:			14px;
	line-height:		14px;
	margin:				0 3pt 0 0;
	padding:			0;
}
#news .news-content h3 {
	font-size:			14pt;
	margin-bottom:		10pt;
}

#news footer a {
	font-weight:		bold;
}

/* embedded video player items */
#videoBg {
	display:		none;
	position:		absolute;
	z-index:		1001;
	top:			0;
	left:			0;

	bottom:			0;
	right:			0;
	background-color:	rgba(0, 0, 0, 0.5);
	height: 		10000px;
}
#videoPlayer {
	width:				640px;
	margin:				165px auto 0 auto;
	padding:			5px;
	background-color:	#191919;
	border:				#000 solid 1px;
	border-left-color:	#444;
	border-top-color:	#444;
	border-radius:		8px;
	-moz-border-radius: 8px;
	-moz-box-shadow:	5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	box-shadow:			5px 5px 5px #000;
}

#videoPlayer_jwplayer {
	width:				560px;
	margin:				165px auto 0 auto;
	padding:			5px;
	background-color:	#191919;
	border:				#000 solid 1px;
	border-left-color:	#444;
	border-top-color:	#444;
	border-radius:		8px;
	-moz-border-radius: 8px;
	-moz-box-shadow:	5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	box-shadow:			5px 5px 5px #000;
}

#videoPlayer iframe {
	margin:			0 auto 0 auto;
}
#videoPlayerHeader {
	display:		block;
	height:			13px;
	margin-bottom:	3px;
}
#videoPlayerHeader a {
	border:			transparent none 0;
}
#videoPlayerCloseBox {
	display:		block;
	float:			right;
	width:			14px;
	height:			13px;
	background:		transparent url("../../img/lightbox-closebox.png") no-repeat right top;
}

/* image link outline for video player: */
main a:link.video-player img {
	max-width:		100%;
	max-height:		100%;
	border:			#004494 solid 1px;
	padding:		0;
}

@media screen and (max-width: 460px) {
	main section {
		padding:	0 2px;
	}

	main figure.video-box {
		margin:		0;
		padding:	0;
	}
}

@media screen and (max-width: 650px) {
	#news .column-1 .news-content {
		padding:	0 0 0 6pt;
	}
}