ul,li,body,h1,h2,p
{ margin: 0; padding: 0; }

body { background: #84806a url(../images/splash.jpg) no-repeat center top; font-family: "Trebuchet MS"; font-size: 1em; color: white; text-align: center; }
a { color: #000000; text-decoration: underline }
a:hover { text-decoration: none }

#container { width: 980px; margin: 0 auto; text-align: left; border-top: 3px solid black }
#top_nav { background: black; margin: 15px 0 0 0; font-size: 0.63em; }
#top_nav ul { list-style: none; }
#top_nav ul li { padding: 5px 5px 6px 5px; list-style: none; float: left; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
#top_nav ul li a { color: #d8d8d8; padding: 0 5px; text-decoration: underline; }
#top_nav ul li a:hover { color: #000000; background: white; text-decoration: none }
#top_nav ul.sitenav { float: left }
#top_nav ul.language { float: right }

#top_nav ul.sitenav .active a { color: #000000; background: white; text-decoration: none; cursor: default }

#top_nav ul.language .en a { text-decoration: none;  }
#top_nav ul.language .en { background: #242424; }
#top_nav ul.language .en a:hover { text-decoration: none; background: none; cursor: default; color: #d8d8d8 }


#branding { clear: both }
#branding h1 { height: 136px; background: url(../images/logo.gif) no-repeat left center; text-indent: -5000px }

#content h2 { color: #84806a; font-family: "Arial Black"; text-transform: uppercase; font-size: 2.25em; border-bottom: 1px solid #2c2c2c; line-height: 0.85em; padding: 0.81em 0; }
#content h2 span { display: block; /*border-left: 4px solid #ffffff; */ padding: 0 0 0 21px; }
#content a { font-weight: bold; }
#content .soonen a,
#content .soonro a { color: #84806a }
#content .soonen p,
#content .soonro p { padding: 0 0 0 30px; margin: 1.7em 0 1em 0; color: #ffffff; font-size: 0.81em; }
#content .soonen p.copy,
#content .soonro p.copy { color: #333333; margin: 1.5em 0 1.5em 0 }


#content .soonen { background: #000000; float: left; width: 486px; }
		#content .soonen:hover { background: #ffffff; }
		#content .soonen:hover h2 { border-bottom: 1px solid #cccccc; }
		#content .soonen:hover h2 a { text-decoration: none  }
		#content .soonen:hover a { color: #84806a; }
		#content .soonen:hover p { color: #000000; }
		#content .soonen:hover p a { color: #000000; }
		#content .soonen:hover p.copy { color: #676767 }
		#content .soonen:hover { background: #ffffff; }

#content .soonro { background: #000000; float: right; width: 486px; }
		#content .soonro:hover { background: #ffffff; }
		#content .soonro:hover h2 { border-bottom: 1px solid #cccccc; }
		#content .soonro:hover h2 a { text-decoration: none  }
		#content .soonro:hover a { color: #84806a; }
		#content .soonro:hover p { color: #000000; }
		#content .soonro:hover p a { color: #000000; }
		#content .soonro:hover p.copy { color: #676767 }
		#content .soonro:hover { background: #ffffff; }

#content .soonen h2 a,
#content .soonro h2 a { color: #84806a; text-decoration: none }		
#content .soonro:hover { background: #ffffff; }





/* Clearing floats without extra markup  */
#top_nav { display: inline-block; }
#top_nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #top_nav { height: 1%; }
#top_nav { display: block; }

#content { display: inline-block; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #content { height: 1%; }
#content { display: block; }