/* 
	Styles for Internal Market / All Pages
	by Sascha René Leib for DG Markt A4
*/

/* BANNERS */
#banner-image-title.title-en {
    background-image: url("../images/banner/title-banner_en.png");
}
#banner-image-title.title-de {
    background-image: url("../images/banner/title-banner_de.png");
}
#banner-image-title.title-fr {
    background-image: url("../images/banner/title-banner_fr.png");
}

/* LINK STYLES */
a:not([href]) {
	text-decoration:	none;
	white-space-collapse: discard;
}

/* COMMISSION LOGOS */
#banner-flag {
	width:				172px;
	height:				119px;
	color:				transparent;
	background-image:	url("../images/banner/logo-markt_en.gif");
}
html[lang=de] #banner-flag {
    background-image:	url("../images/banner/logo-markt_de.gif");
}
html[lang=fr] #banner-flag {
    background-image:	url("../images/banner/logo-markt_fr.gif");
}
@media all and (max-width:768px) /* TABLET */
{
	html #banner-flag {
		width:				90px;
		height:				62px;
		background-image:	url("../images/banner/logo-markt-small_en.gif");
	}
	html[lang=de] #banner-flag {
		background-image:	url("../images/banner/logo-markt-small_de.gif");
	}
	html[lang=fr] #banner-flag {
		background-image:	url("../images/banner/logo-markt-small_fr.gif");
	}
}
/* home menu icon */
.marktMenu {
	border:			transparent 0 none;
	margin:			10px 0 1px 0;
	padding:		0;
	list-style-type: none;
}

/* menus */
.marktMenu li {
	list-style-type:	none;
	margin:				6pt;
	padding:			0;
	border:				transparent none 0;
}
.marktMenu li a {
	background:			transparent url('../images/elements/pic_home.png') no-repeat 7px center;
	border:				transparent 0 none;
	padding-left:		26px;
	text-decoration:	none;
	font-weight:		normal;
	color:				#074A8B;
}
#menu {
	padding:	0;
	margin:		0 0 0 6px;
}
#menu .level_1 > div {
	background-color:	#074A8B;
}
#menu .level_1 > div a {
	color:				#FFF;
	font-weight:		bold;
	background-color:	#074A8B;
	width:				184px;
}
#menu > li > ul {
	margin-left:		0;
	border-left-color:	#CDE;
}
#menu.euMenu div.isCurrent {
    background-color:	#ABCCE0;
    font-weight:		normal;
}

/* additional tools and search field */
#additional-tools {
	display:		block;
	margin-top:		8px;
}
#share-tool {
	margin-right:	20px;
}
#searchfield {
	background:		#FFF none no-repeat top left;
	width:			160px;
}
#searchBox {
	margin-top:			12px;
}
#searchfield.empty {
	background:		#FFF url("../images/search/search-bg_en.png") no-repeat top left;
}
#searchfield.empty.lang-de {
	background-image:	url("../images/search/search-bg_de.png");
}
#searchfield.empty.lang-en {
	background-image:	url("../images/search/search-bg_en.png");
}
#searchfield.empty.lang-fr {
	background-image:	url("../images/search/search-bg_fr.png");
}

/* search-field popup */
#sfpopup {
	position:		absolute;
	display:		block;
	clear:			right;
	margin:			0;
	padding:		0;
	border:			1px solid #074A8B;
	background:		transparent url("../images/bg/white-semi-85.png");
    z-index:		99;
	min-width:		185px;
	top:			62px;
	left:			784px;
}
#sfpopup.hidden {
	display:		none;
}

#sfpopup ul,
#sfpopup ul li {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

#sfpopup ul li a {
    display:		block;
    border:			0 none transparent;
    line-height:	1.5em;
    margin:			0;
    padding:		4px;
    text-decoration:	none;
}

#sfpopup ul li a:link,
#sfpopup ul li a:visited {
    color:			#074A8B;
}
#sfpopup ul li a:hover,
#sfpopup ul li a:focus,
#sfpopup ul li a:active {
    background:		url("../images/bg/blue-semi-67.png") repeat scroll left top transparent;
    color:			#074A8B;
}

#sfpopup ul li.selected a:link,
#sfpopup ul li.selected a:visited {
    background:		url("../images/bg/blue-semi-67.png") repeat scroll left top transparent;
    color:			#074A8B;
}

/* the abstract block */
#abstract {
	padding-bottom:		12px;
	border-color:		#074A8B;
	border-style:		dashed;
	border-width:		0 0 1px 0;
}
#abstract p,
#abstract li,
#abstract dd {
	        hyphens:	auto;
	    -ms-hyphens:	auto;
	   -moz-hyphens:	auto;
	-webkit-hyphens:	auto;
	    hyphenate-limit-chars:		5 2 3;
	-ms-hyphenate-limit-chars:		5 2 3;
	-webkit-hyphenate-limit-before:	  2
	-webkit-hyphenate-limit-after:	    3;
	line-height:		1.5em;
}

/* the main headline */
.layout-content h1 {
    border-bottom:	2px solid #69C;
    color:			#036;
    margin:			0 0 10px;
    padding:		0 0 5px;
}

/* the floating page image: */
.pageimage {
	display:			block;
	float:				right;
	margin:				-2px -4px 0 4px;
	border:				#ABCCE0 solid 4px;
}

/* the page index block */
#pageindex {
	border-color:		#074A8B;
	border-style:		dashed;
	border-width:		0 0 1px 0;
	margin:				0;
	padding:			12px 24px 16px 0;
}

/* the main content block */
#maincontent {
	background-color:	#FFF;
	margin-top:			12px;
}
#maincontent h2 {
	margin-top:			12px;
}
#maincontent dl dt {
	font-weight:		bold;
	margin-top:			1em;
}
#maincontent .contentsection {
	padding-bottom:		18px;
	border-color:		#074A8B;
	border-style:		dashed;
	border-width:		0 0 1px 0;	
}

#maincontent p,
#maincontent li,
#maincontent dd {
	        hyphens:	auto;
	    -ms-hyphens:	auto;
	   -moz-hyphens:	auto;
	-webkit-hyphens:	auto;
	    hyphenate-limit-chars:		5 2 3;
	-ms-hyphenate-limit-chars:		5 2 3;
	-webkit-hyphenate-limit-before:	  2
	-webkit-hyphenate-limit-after:	    3;
}

#abstract dl dd,
#maincontent dl dd {
	margin-left:		30px;
}

/* right abstract block (where applicable) */
.rightblock {
	margin-top:			12px;
	border:				#074A8B solid 1px;
	background:			#FFF;
	font-size:			87%;
	padding-bottom:		6px;
}
.rightblock h3 {
	background-color:	#074A8B;
	margin:				0;
	padding:			2px 2px 4px 6px;
	color:				#FFF;
	font-size:			12px;
	line-height:		16px;
	font-weight:		bold;
}
.rightblock p {
	margin:			2px 2px 6px 6px;
	padding:		0;
	font-size:		10px;
	line-height:	15px;
	        hyphens:	auto;
	    -ms-hyphens:	auto;
	   -moz-hyphens:	auto;
	-webkit-hyphens:	auto;
	    hyphenate-limit-chars:		5 2 3;
	-ms-hyphenate-limit-chars:		5 2 3;
	-webkit-hyphenate-limit-before:	  2
	-webkit-hyphenate-limit-after:	    3;
}
.rightblock ul {
	padding:		0 0 0 20px;
	font-size:		10px;
	line-height:	15px;
}
.rightblock address {
	margin:			2px 2px 6px 6px;
	padding:		0;
	font-size:		10px;
	line-height:	15px;
	font-style:		italic;
}
.rightblock dl {
	margin-left:	3px;
	margin-top:	3px;
}
.rightblock dl dt {
	color:			#369;
	font-weight:	bold;
}
.rightblock dl dd {
	margin-left:	1em;
}

/* tables */

.tableFormatted {
	border-top: 1px solid #006699;
	border-left: 1px solid #006699;
	border-bottom: none;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
	-moz-box-shadow: 0 1px 2px #abcce0;
	-webkit-box-shadow: 0 1px 2px #abcce0;
	box-shadow: 0 1px 2px #abcce0;
}

.tableFormatted th {
	font-size: 120%;
	font-weight: bold;
	color: #006699;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	background-color: #abcce0;
	height: 40px;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#abcce0), to(#ebebeb));
	background: -moz-linear-gradient(top,  #abcce0,  #ebebeb);
	text-shadow: 0 1px 2px #ffffff;
}

.tableFormatted td {
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* Definition lists */

.dlConference dt {
	font-size: 120%;
	text-height: 120%;
}

.dlConference dd {
	font-size: 140%;
	text-height: 140%;
/*	font-weight: bold;
	color: #006699;*/
}

.dlConference dd p {
	font-size: 80%;
	text-height: 80%;
/*	font-weight: bold;
	color: #006699;*/
}

.dlConference dd span ul li {
	font-size: 80%;
	text-height: 80%;
/*	font-weight: bold;
	color: #006699;*/
}

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

	bottom:			0;
	right:			0;
	background:		transparent url("../images/bg/black-semi-67.png") repeat left top;
}
#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 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("../images/elements/lightbox-closebox.png") no-repeat right top;
}

/* view togglers */
.viewtoggler .vtswitch {
	color:				#074A8B;
	/* text-decoration:	underline; */
	cursor:				pointer;
	background-color:	#FFF;
}
.viewtogglerBar {
	margin:				0;
	padding:			0 5%;
	background:			transparent url('../images/elements/more-background.gif') center repeat-x;
	text-align:			right;
}
.viewtogglerBar .vtshow,
.viewtogglerBar .vthide {
	color:				#999;
	text-decoration:	none;
	font-weight:		bold;
	padding:			0 6px;
}
.viewtoggler .vtcontent {
/*	padding:			3px 0 3px 32px;
	border:				#074A8B dashed 1px; */
	border-radius:		3px;
	-moz-border-radius: 3px;
}


/*** GOOD LAYOUT SIZE LIMITS ***/
@media all and (max-width:999px)
{
	#sfpopup {
		display:		none;
	}
}

/*** SMALL SCREEN STYLES ***/
@media all and (max-width:768px) /* Tablet-size or smaller */
{
	.marktMenu,
	#searchBox,
	.pageimage {
		display:		none;
	}
	.layout-footer{
		margin-top:			0;
		background-color:	#FFF;
	}
	.euMenu {
		margin:		0;
	}
}

/*** PRINTER STYLES ***/
@media print {
	.marktMenu,
	#searchBox,
	.pageimage {
		display:		none;
	}
}

/* DEBUG ITEMS */
.debug {
	border:		#F00 dashed 3px;
}