/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
background:#FFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:80%;
}


div#container {
position:relative; /* needed for footer positioning*/
/*margin:0 auto;*/ /* center, not in IE5 */
width:960px;
background:#f0f0f0;

height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background:url("../images/banners/bkg-splashpage.jpg") no-repeat 0 0;
border-left:2px solid #003399;
border-right:2px solid #003399;
margin-left:auto;
margin-right:auto;	
}

.divCenter {
/*border-left:2px solid #003399;
border-right:2px solid #003399;*/
margin-left:auto;
margin-right:auto;
text-align:left;
width:960px;
height:100%;
/*background :url(https://e-justice.europa.eu/images/banners/bkg-splashpage_repeat.jpg);
background-repeat:repeat-y;

border-bottom:2px solid #003399;*/
}
div#container2 {	
background:url("../images/banners/bkg-splashpage.jpg");
background-repeat:no-repeat;
border-left:2px solid #003399;
border-right:2px solid #003399;
border-bottom:2px solid #003399;
margin:0;
padding:0;
height:auto !important; /* real browsers */
height:95%; /* IE6: treated as min-height*/
min-height:95%; /* real browsers */	
}

.imgEUFlag {
margin:10px 0 0 10px;
position:relative;
top:0px;
}

#wrap_lang {
width:960px;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
background-image:url("../images/banners/bkg-splashpage.jpg");
}

#homeLinks {
padding-bottom:10em;
padding-left:450px;
padding-top:4em;
}

#homeLinks a {
text-decoration:none;
color:#000099;
margin-left:0.5em;
font-size:1.3em;
}

#homeLinks a:hover {
color:#000099;
margin-left:0.5em;
font-size:1.3em;
text-decoration:underline;
}

#homeLinks a:focus {
background-color:#ffffff;
}

#homeLinks a:visited {
color:#666666;
}

#homeLinks ul {width:465px;}

#homeLinks ul li{
list-style:none;
/*margin-bottom:.5em;*/
height:22px;
white-space:nowrap;
clear:both;
}

#homeLinks a img {
border:none;
}

#errorMsgs {
padding-left:40em;
margin-top:-5em;
}

#errorMsgs ul li {
list-style:none;
margin-top:10px;
margin-bottom:.5em;
}

#errorMsgs span {
text-decoration:none;
color:#000099;
font-size:1em;
}

.divCenterErrors {
margin-left:auto;
margin-right:auto;
text-align:left;
width:960px;
}

/* Class for tooltip. Do not change. EJB-914. */
div#tip {
padding: 3px;
border: 1px solid #000000;
border-right-width: 1px;
border-bottom-width: 1px;
display: none;
background: InfoBackground !important;
color: InfoText;
font: caption;
font-size: 1em !important;
font-weight: normal !important;
text-align: left !important;
position: absolute !important;
z-index: 100000;
word-wrap:break-word;
letter-spacing: 0;
zoom: 1;
_height: 0;
}


#homeLinks li span.splashLang {display:block;float:left;background-color:#fff;border:1px solid #0f4196;width:20px;height:17px;text-align:center;}
#homeLinks li span.splashLang a,#homeLinks li span.splashLang a:hover,#homeLinks li span.splashLang a:visited {text-decoration:none !important;color:#0f4196;font:bold 1.2em arial,verdana,sans-serif !important;margin:0 !important;display:block;width:20px;height:17px;}

#errorMsgs li span.splashLang {display:block;float:left;background-color:#fff;border:1px solid #0f4196;width:20px;height:17px;text-align:center;text-decoration:none !important;color:#0f4196;font:bold 1.2em arial,verdana,sans-serif !important; margin-right:5px;}


@media  all and (min-width:768px) and (max-width:800px),
	all and (width:800px) and (orientation:landscape),
	all and (min-width:768px) and (orientation:portrait) and (max-width:800px) and (orientation:portrait) {

	body {font-size:85%;}
	div#tip {display:none !important;}
	.divCenter {width:100%;overflow:scroll;}
	div#container2 {border:none;background-position:-150px 137px;}
	#homeLinks {padding:0 0 0 300px !important;}
	#homeLinks a, #homeLinks a:hover {font-size: 1.4em;margin-left:0;}
	#homeLinks ul {width:auto;}
	#homeLinks ul li {display: table;white-space: normal !important;margin:5px 0;}
	#homeLinks li span.splashLang {background-color: transparent;border: medium none;display: table-cell !important;float: none !important;vertical-align:middle !important;}
	#homeLinks ul li > a {padding:4px !important;display: table-cell !important;vertical-align:middle !important;}
	.splashLang > a {background-color: #FFFFFF;border: 1px solid #0F4196;padding: 3px;}

	#errorMsgs {padding:0 0 0 300px !important;}
}


@media  all and (width:800px) and (orientation:landscape) {
	div#container2 {}
}

@media only screen and (max-width: 767px) {
	.imgEUFlag {top:-15px;margin-right:10px;}
	.ejusticeLogo_m {display:inline-block;}
	body {font-size:90%;}
	.divCenter {width:auto !important;background-image:none;}
	div#container2 {background-image:none;border:none;}
	#homeLinks {padding:0 !important;}
	#homeLinks ul {width:auto;display: table !important;}
	#homeLinks ul li {display:table-row !important;height: 40px;}
	#homeLinks a {display:table-cell;white-space:normal !important;vertical-align:top !important;padding: 5px;}
	#homeLinks li span.splashLang {display:table-cell !important;margin-right:10px;height:27px;width:30px !important;}
	#homeLinks li span.splashLang a {display:block !important;}
	div#tip {display:none !important;}

	#errorMsgs {margin-top:0;padding: 0;}

}

@media only screen and (max-width: 320px) {
	#homeLinks ul {padding:10px;}
	#errorMsgs ul {padding: 0 10px;}
}