body { font-family: sans-serif; background-color: #000066 !important}
	body.planet {
	  /* Earth image copyright NASA
	     http://jpl.nasa.gov/images/earth/earth-globe-browse.jpg */
	  background: url(../planet/earth-globe-browse-small.jpg)
	    fixed 3em 1em no-repeat #000066; }
	:link { color: #007d71; }
	img { border: 0 }

	div.main-box > h1 {  padding: 2%; font-size: 2em; }
	h3 { margin: 0; font-size: 1.2em; }
	p  { margin-top: .5em;  }
	li { margin: 0; ; padding: 0 ; list-style-position: inside }
	ul { margin: 0; padding: 0 }


	.top-banner { text-align: center; margin-bottom: 2em; }
	.main-box { width: 99%; background-color: white; }
	body.planet .main-box { background: fixed 3em 1em no-repeat white
	  url(../planet/earth-globe-browse-white-small.jpg); }

	.intro { font-size: 80%; margin: 1em 3.75em 3.75em 3.75em}

	.left-content { float: left; font-size: 80%; width: 20%; 
			padding: 1%; margin-right: 1%}
	.right-content { float: right; font-size: 80%; width: 20%; 
			 padding: 1%; margin-left: 1%; background: white}

	.side-item { width: 100%; border: solid #bbb thin; margin-bottom: .5em }
	.side-item-title { background-color: #bbb; font-weight: bold;
			   margin: 0; font-size: 100%}
	.side-item-content { padding: 2%  }

	.centre-content { margin-left: 1%; margin-right: 1% }

	.date {color: #401; font-size: 70%; font-weight: bold }
	address { clear: both; margin: 2%; font-size: 80%;
	          border-top: solid thin black }

	.small-print { clear: both; margin: 2%; font-size: 50% }

	.illustration { float: right; width: 6em}

	.channel {padding: 0.1em 3em; background: #F0C060; color: black;
	  margin-top: 0}
	.content {margin: 1em 3em}
	div.entry {margin-bottom: 3em}

	#subscriptions li { list-style: none }

/* Tables with 100% width may overlap the floating menu; override the width */

	table[width] { width: auto }

/* PRE elements (from e-mail messages, e.g.) can (usually) be wrapped */

	div.content > div > pre { white-space: pre-wrap }

/* The body is enclosed in several DIVs with the given targets. When
   one such DIV is targeted, all entries in other languages are
   suppressed */

	a.lang {display: inline-block; width: 2.5em; margin: 0 0.5em 0 -3em;
	  border: 1px solid black; color: white; background: silver;
	  text-align: center; font-size: 60%; text-indent: 0}
	div.entry > h2 {font-size: 120%; border-top: solid #F0C060;
	  padding: 0.2em 0.2em 0.2em 2.5em; background: #FC6; margin: 0;}
	span.date {margin-left: -2px}

	a[href="#only-UND"] {background: silver}
	a[href="#only-de"] {background: #850}
	a[href="#only-en"] {background: #805}
	a[href="#only-fr"] {background: #058}
	a[href="#only-it"] {background: #085}
	a[href="#only-ja"] {background: #508}
	a[href="#only-nl"] {background: #580}
	a[href="#only-pl"] {background: #484}
	a[href="#only-ru"] {background: #448}

	#only-UND:target div.entry:not([lang=UND]) {display: none}
	#only-de:target div.entry:not([lang|=de]) {display: none}
	#only-en:target div.entry:not([lang|=en]) {display: none}
	#only-fr:target div.entry:not([lang|=fr]) {display: none}
	#only-it:target div.entry:not([lang|=it]) {display: none}
	#only-ja:target div.entry:not([lang|=ja]) {display: none}
	#only-nl:target div.entry:not([lang|=nl]) {display: none}
	#only-pl:target div.entry:not([lang|=pl]) {display: none}
	#only-ru:target div.entry:not([lang|=ru]) {display: none}

/* Testimonials inside news items */

	.testimonial { margin: 0.6em 1em; font-style: italic;
	  display: table-cell; padding: 0 1em }
	.testimonial cite { font-style: normal }
	.testimonial > *:first-child { margin-top: 0 }
	.testimonial > *:first-child:before { content: "\275D\A0";
	  font-size: 1.6em; line-height: 0; vertical-align: -0.2em }
	.testimonial > p:last-of-type:after { content: "\A0\275E";
	  font-size: 1.6em; line-height: 0; vertical-align: -0.2em }
	.testimonial p { margin: 0.6em 0 0 0 }
	.testimonial address { clear: none; margin: 0 0 0 30%;
	  font-weight: bold; font-style: normal; border-top: none;
	  text-indent: -1.3em }
	.testimonial address:before { content: "\2014"; margin-right: 0.3em }