/*
	*** langbox.css ***
	by Erwin D. Glockner
	
	Usage example:
		<div class="langbox">
			<p lang="ja">&#12371;&#12435;&#12395;&#12385;&#12399;!</p>
			<p lang="en">Good day!</p>
			<p lang="fr">Bonjour!</p>
			<p lang="de">Guten&nbsp;Tag!</p>
			<p lang="ro">Bun&#259;&nbsp;ziua!</p>
		</div>
	
	Further reading (de):
		http://de.selfhtml.org/css/eigenschaften/schrift.htm#text_shadow
*/

.langbox {
	display: block;
	position: relative;
	width: 515px;
	margin-bottom: 2em;
}

.langbox p:lang(ja) {
	font-size: 36pt;
	color: #87CEFA;
	/* position: relative; */
	margin-top: 0cm;
	margin-left: 2.5cm;
	margin-bottom: 0.5cm;
	/* z-index: 5;
	border: dashed thin #87CEFA; */
}

.langbox p:lang(en) {
	font-size: 18pt;
	font-family: Times;
	color: #90EE90;
	font-weight: bold;
	text-shadow: black 1px 1px;
	/* position: relative; */
	margin-left: 7cm;
	margin-top: -1.1cm;
	margin-bottom: 1cm;
	/* z-index: 1;
	border: dashed thin #90EE90; */
}

.langbox p:lang(fr) {
	font-size: 48pt;
	color: #EEDDBB;
	font-family: Times;
	/* position: relative; */
	margin-left: 4.6cm;
	margin-top: -1.6cm;
	margin-bottom: 0.5cm;
	/* z-index: 4;
	border: dashed thin #EEDDBB; */
}

.langbox p:lang(de) {
	font-size: 86pt;
	font-family: Times;
	color: #C0C0C0;
	text-shadow: black 1px 1px 2px;
	/* position: relative; */
	margin-top: -2.8cm;
	margin-bottom: 1.2cm;
	/* z-index: 3;
	border: dashed thin #C0C0C0; */
}

.langbox p:lang(ro) {
	font-size: 28pt;
	font-family: Times;
	color: #FF6000;
	text-shadow: black 1px 1px 2px;   /* color x y blur, ... */
	/* position: relative; */
	margin-left: 8.5cm;
	margin-top: -2.5cm;
	margin-bottom: 0.1cm;
	/* z-index: 2;
	border: dashed thin #FF6000; */
}