@import url("/inc/css/screen_editor.css");

body { background: #ccc url(/inc/images/bg_body.jpg) repeat-x; font: 70%/1.5em Tahoma, Verdana, sans-serif; color: #333;}

/* -- defaults -- */
body,table,tr,th,td,form,fieldset,h1,h2,h3,h4,h5,h6,p,ul,ol,li { margin: 0; padding: 0; border: 0; }
ul,ol { margin: 10px 0 1.2em 16px; }
ul ul, ol ol, ul ol, ol ul { margin-top: 0; }
h1 { font: 2.25em/1.5em Tahoma, Verdana, sans-serif; color: #333; margin-bottom: .4em;}
h2 { font: 1.7em/1.5em Tahoma, Verdana, sans-serif; color: #333; margin-bottom: .15em; }
p { margin-bottom: 1.2em; }
img { border: 0; }
a { color: #666; }
a:hover { background: #e9e9e9; color: #c00;}
a strong { text-decoration: none; color: #c00; }
a:hover strong {text-decoration: underline; background: none; }

.left { float: left; }
.right { float: right; }
img.left { display: block; margin: 3px 23px 10px 0; }
img.right { display: block; margin: 3px 0 10px 23px; }

#document { width: 1000px; margin: 0 auto; padding: 0 0 50px 0;}

#accessibility-shortcuts {  }
	#accessibility-shortcuts ul { margin: 0; }
	#accessibility-shortcuts li { list-style: none; text-align: right;}
	#accessibility-shortcuts li a { color: #eee; background: none;}
	#accessibility-shortcuts li a:hover { color: #333; }

#head { padding: 0 0 1px 0; height: 1%; background: url(/inc/images/bg_head.gif) bottom right no-repeat; }
	#head:after { content: "."; height: 0; display: block; clear: both; position: relative; visibility: hidden; }

	#logo { float: left; }
		#logo img { display: block; }
		#logo a { background: none; }

	#navigation { float: right; }
		#navigation ul { margin: 0; padding-top: 10px;}
		#navigation li { display: block; float: left; list-style: none; }
		#navigation li a { color: #333; display: block; float: left; padding: 40px 10px 10px 40px; background: url(/inc/images/bg_navigation_a.gif) bottom right no-repeat; text-transform: uppercase; text-decoration: none;}
		#navigation li a:hover { background-color: #eaeaea; }
		#navigation li a.active { background-color: #1c428f; color: #fff;}
		#navigation li a.active-parent { background-color: #1c428f; color: #fff;}
		
#main { clear: both; margin: 25px 0 0 0; padding: 18px; background: #f6f6f5; height: 1%;}
	#main:after { content: "."; height: 0; display: block; clear: both; position: relative; visibility: hidden; }
	
	#teaser-large { margin: 0 0 18px 0; }
		#teaser-large img { display: block; }
	
	#sub-navigation { width: 282px; margin: 12px 0 0 0; padding: 0 18px 0 0; float: right; }
		#sub-navigation ul { margin: 0; padding: 17px 18px; background: #ebebea; }
		#sub-navigation ul ul { padding: 2px 0 0 18px; }
		#sub-navigation li { list-style: none; padding: 1px 0 2px 0; display: block; }
		#sub-navigation li a { display: block; padding: 6px 6px 6px 26px; background: #f9f9f9 url(/inc/images/bg_subnavigation_a.gif) 10px center no-repeat; text-transform: uppercase; text-decoration: none; color: #333;}
		#sub-navigation li a:hover { background-color: #f3f3f3;}
		#sub-navigation li a.active { background-image: url(/inc/images/bg_subnavigation_a_active.gif)}
		
	#scene { width: 612px; padding: 12px 0 0 18px; float: left; }
	
		#scene .column { width: 281px; }
		
		#scene .offer { clear: both; }
			#scene .offer h2 { font-size: 1em; font-weight: bold;}			
			#scene .offer img { margin: 3px 10px 10px 0; }
			#scene .offer a { text-decoration: none; color: #333; }
			#scene .offer a:hover { background: none; }
			#scene .offer a span { display: block; font-weight: bold; color: #c00; }
			#scene .offer a:hover span { text-decoration: underline; }

	#teaser-offer { clear: right; width: 282px; margin: 12px 0 0 0; padding: 0 18px 0 0; float: right;}
		#teaser-offer h1 { margin-bottom: .3em; }
		#teaser-offer h2 { font-weight: bold; font-size: 1em; margin: 0; }
		#teaser-offer a { color: #000; background: none; text-decoration: none;}
		#teaser-offer a span { font-weight: bold; color: #c00; }
		#teaser-offer a:hover span { text-decoration: underline; }
	
	#teaser-campaigns { clear: both; width: 964px; background: #ececec; border-top: 18px solid #f6f6f5; padding: 18px 0 18px 0; height: 1%; position: relative;}
		#teaser-campaigns:after { content: "."; height: 0; display: block; clear: both; position: relative; visibility: hidden; }
		#teaser-campaigns h1 { height: 100px; width: 100px;background: url(/inc/images/bg_campaigns.gif) top right no-repeat; position: absolute; top: 0; left: 864px; z-index: 100;}
		#teaser-campaigns h1 span { display: none; }
		#teaser-campaigns .teaser { position: relative; z-index: 11; width: 281px; float: left; padding: 0 20px 0 19px; border-left: 1px solid #c5c5c5; }
		#teaser-campaigns .teaser.first { border: 0; }
		#teaser-campaigns .teaser h2 { font: 2.25em/1.5em Tahoma, Verdana, sans-serif; color: #333; margin-bottom: .4em;}
		#teaser-campaigns .teaser p { margin: 0; }
		#teaser-campaigns .teaser a { color: #000; background: none; text-decoration: none;}
		#teaser-campaigns .teaser a span { font-weight: bold; color: #c00; }
		#teaser-campaigns .teaser a:hover span { text-decoration: underline; }
		
#foot { padding: 10px 18px; color: #666; height: 1%; }
	#foot:after { content: "."; height: 0; display: block; clear: both; position: relative; visibility: hidden; }
	#foot ul { margin: 0; float: left;}
	#foot li { list-style: none; }
	#foot li.email-container { float: left; padding-right: 10px; }
	#foot a { color: #666; }
	#foot a:hover { color: #c00; background: none; text-decoration: none; }
	#foot ul.vcard .fn { display: none; }
	#foot ul.links { float: right; }
	#foot ul.links li { float: left; padding-left: 10px;}