@charset "utf-8";
/*
* Global styles
*
*/


/* Global, generic styles
-----------------------------*/

html {
	width: 100%;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	position: relative;
	width: 100%;
	min-height: auto;
	height: 100%;
	margin: 0;
	background: #eae4dd url(../images-shared/body-bg.gif) top left repeat-x;
	font: 12px "Verdana", sans-serif;
	color: #333333;
}


a, a:link, a:visited {
	color: #b5985a;
	text-decoration: none;
}

a:hover {
	color: #71a289;
	text-decoration: underline;
}

h2 {
	font: bold 18px "Arial", sans-serif;
	color: #004638;
	margin: 0px 0px 10px 0px; padding: 0px;
}

form {
	margin: 0;
	padding: 0;
}

.clearboth { clear: both; }



/* START - icon links
-----------------------------*/

a.arrow,
a.arrow:visited {
	font: bold 11px/11px Arial, sans-serif;
	background: url(../images-shared/arrow-readmore.gif) bottom right no-repeat;
	color: #b5985a;
	padding-right: 14px;
	text-decoration: none;
}
a.arrow:hover {
	color: #71a289;
	text-decoration: none;
}


div#header-icons {
	position: absolute;
	right: 45px; top: 113px;
	z-index: 30;
}
div#header-icons a.home,
div#header-icons a.home:visited {
	font: bold 11px/9px "Arial", sans-serif;
	background: url(../images-shared/icons/home.gif) center right no-repeat;
	color: #818181;
	padding-right: 16px;
	text-decoration: none;
}
div#header-icons a.home:hover {
	color: #71a289;
	text-decoration: none;
}

div#header-icons a.german,
div#header-icons a.german:visited {
	font: bold 11px/9px "Arial", sans-serif;
	background: url(../images-shared/icons/flag-german.gif) center right no-repeat;
	color: #818181;
	padding-right: 24px;
	margin-left: 23px;
	text-decoration: none;
}
div#header-icons a.german:hover {
	color: #71a289;
	text-decoration: none;
}


ul#footer-icons {
	position: absolute;
	right: 45px; top: 13px;
	text-align: right;
	z-index: 30;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#footer-icons li {
}
ul#footer-icons li a.printpage,
ul#footer-icons li a.printpage:visited {
	font: 11px/16px "Arial", sans-serif;
	background: url(../images-shared/icons/printpage.gif) center right no-repeat;
	color: #818181;
	padding: 2px 28px 2px 0px;
	text-decoration: none;
}
ul#footer-icons li a.printpage:hover {
	color: #71a289;
	text-decoration: none;
}

ul#footer-icons li a.emailpage,
ul#footer-icons li a.emailpage:visited {
	font: 11px/16px "Arial", sans-serif;
	background: url(../images-shared/icons/emailpage.gif) center right no-repeat;
	color: #818181;
	padding: 2px 28px 2px 0px;
	text-decoration: none;
}
ul#footer-icons li a.emailpage:hover {
	color: #71a289;
	text-decoration: none;
}


ul#footer-presentations {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul#footer-presentations li {
	float: left;
	height: 32px;
	margin-right: 36px;
}
ul#footer-presentations li img {
	float: left;
	margin-right: 12px;
}
ul#footer-presentations li div.presentation {
	font: 12px/16px Arial;
	padding-top: 3px;
	float: left;
}


div#address-container {
	position: absolute;
	right: 292px; top: 40px;

	border-right: 1px solid #c6c6c6;
	padding-right: 12px;
	text-align: right;
	
	font: 11px/12px Arial, sans-serif;
	color: #818181;
	z-index: 30;
}

/* END - icon links
-----------------------------*/



/* START - framework for the page structure
-----------------------------*/

div#page-container {
	position: relative;
	background: url(../images-shared/page-bg-middle.jpg) top left repeat-y;
	width: 1049px;
	height: auto;
	padding-top: 163px;
	z-index: 1;
}

img#page-logo {
	position: absolute;
	left: 52px;
	top: 22px;
	z-index: 30;
}

div#page-top {
	position: absolute;
	left: 0px; top: 0px;
	background: url(../images-shared/page-bg-top.jpg) top left no-repeat;
	width: 100%;
	height: 295px;
	z-index: 20;
}

div#page-inner {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 30;
	padding-bottom: 8px;
}

div#page-inner div.content {
	position: relative;
	width: 914px; height: auto;
	margin: 0 45px 0 90px;
}

div#page-bottom {
	position: relative;
	background: url(../images-shared/page-bg-bottom.gif) bottom left no-repeat;
	width: 1049px;
	z-index: 20;
	height: 95px;
}

div#page-bottom div.content {
	position: relative;
	width: 914px;
	height: auto;
	margin: 0 45px 0 90px;
	background: url(../images-shared/dots-horiz.gif) top left repeat-x;
	padding: 9px 0 0 0;
}

div#page-footer {
	position: relative;
	padding-left: 100px;
	padding-bottom: 30px;
	width: 949px;
	_width: 1049px;
}

div#page-footer ul.links {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;	
	display: block;
}
div#page-footer ul.links li {
	float: left;
	display: inline;
	margin: 1px 15px 7px 0;
	padding: 0;
}
div#page-footer ul.links li a {
	font: bold 11px Arial, sans-serif;
	color: #414042;
	text-decoration: none;
}
div#page-footer ul.links li a:hover {
	color: #71a389;
}

div#page-footer div.content {
	position: relative;
	width: 949px;
}

div#page-footer div.disclaimer {
	width: 613px;
	font: 11px Arial, sans-serif;
	color: #8a5d3b;
}
div#page-footer div.copyright {
	position: absolute;
	left: 640px; top: 0px;
	width: 300px;
	font: 11px Arial, sans-serif;
	color: #8a5d3b;
}
div#page-footer div.copyright a {
	color: #ac9774;
	text-decoration: none;
}
div#page-footer div.copyright a:hover {
	color: #99b2ad;
}

/* END - framework for the page structure
-----------------------------*/



/* START - inner content structure
* Tables were used here because of the liquid height columns.  On the home page, the height of the stock info column needs to match the latest news column, even if one has much more content than the other.
* td.column-right contains the contents of the right column
* td.column-left contains everything else
* table.column-left-container is another container for dealing with the presentation of the content in that area
-----------------------------*/

table#content-container {
	width: 914px;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0;
}

table#content-container td.column-left {
	vertical-align: top;
	width: 666px;
	height: 100%;
}
table#content-container td.column-right {
	vertical-align: top;
	width: 248px;
	background: url(../images-shared/rightcolumn-bg.gif) bottom left repeat-y;
}

table#column-left-container {
	width: 666px;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

table#column-left-container td.section-flash {
	height: 228px;
}
table#column-left-container td.section-photo {
	height: 147px;
}
table#column-left-container td.content-full {
	font: 12px/16px arial;
	color: #1c3241;
	width: 666px;
	height: 100%;
	vertical-align: top;
}
table#column-left-container td.content-full div.init {
	position: relative;
	padding: 63px 20px 20px 9px;
}

table#column-left-container td.content-left {
	font: 12px/16px arial;
	color: #1c3241;
	width: 451px;
	height: 100%;
	vertical-align: top;
}
table#column-left-container td.content-left div.init {
	position: relative;
	padding: 63px 20px 20px 9px;
}

table#column-left-container img.title {
	position: absolute;
	left: 0px; top: 12px;
}
html>body table#column-left-container img.title {
	left: 9px;
}

table#column-left-container img.subtitle {
	position: absolute;
	right: 17px; top: 19px;
}


table#column-left-container td.content-right {
	width: 215px;
	background: url(../images-shared/stockinfo-bg.gif) bottom left no-repeat;
	vertical-align: top;
}

table#column-left-container div.column-right-container {
	position: relative;
	width: 645px;
	height: 100%;
	padding-bottom: 20px;
}

table#column-left-container div.column-right-container div.column {
	position: relative;
	width: 645px;
}

table#column-left-container div.column-right-container div.column div.content {
	margin: 20px 0px 40px 0px;
	width: 430px;
}
table#column-left-container div.column-right-container div.column div.column-right {
	position: absolute;
	right: 0px; top: 0px;
	text-align: right;
}
html>body table#column-left-container div.column-right-container div.column div.column-right {
	right: 1px;
}


table#content-container td.column-right div.init {
	position: relative;
	width: 248px;
	height: 100%;
}
table#content-container td.column-right div.titlebar {
	background: #ffffff;
	padding: 0px 0px 8px 0px;
}
table#content-container td.column-right img.titlebar {
	margin: 0px 0px 8px 0px;
}
table#content-container td.column-right div.column-bottom {
	position: absolute;
	left: 0px; bottom: 0px;
	z-index: 1;
	background: url(../images-shared/rightcolumn-bg-bottom.gif) top left no-repeat;
	width: 248px;
	height: 83px;
}

table#content-container td.column-right div.column-container {
	margin: 0px 1px 20px 3px;
	border-top: 1px solid #aeada3;
	z-index: 10;
}

table#content-container td.column-right div.news-title {
	position: relative;
	padding: 6px 12px;
	margin: 0px;
	background: #e8e7e1;
	font: bold 12px Arial, sans-serif;
	color: #8a5d3b;
	z-index: 10;
}
table#content-container td.column-right div.news-container {
	position: relative;
	padding: 8px 12px 20px 12px;
	line-height: 16px;
	z-index: 10;
}
table#content-container td.column-right div.news-container div.news-content {
	padding-bottom: 12px;
	font: bold 12px/16px Arial;
	color: #1c3241;
	z-index: 10;
}


div.flash-container {
	position: relative;
	width: 657px; height: 233px;
	margin: -3px 0 0 0;
	background: url(../images-shared/flash-container-bg.gif) top left no-repeat;
	z-index: 10;
}
div.flash-container div {
	position: relative;
	right: 0px; top: 3px;
	z-index: 10;
}

div.section-photo-container {
	position: relative;
	width: 657px; height: 146px;
	margin: -3px 0 0 0;
	background: url(../images-shared/section-photos-container.gif) top left no-repeat;
}
div.section-photo-container img {
	position: relative;
	right: 0px; top: 3px;
}

/* END - inner content structure
-----------------------------*/




/* BEGIN - submenu
-----------------------------*/

ul#submenu {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	list-style-type: none;	
}

ul#submenu li {
	line-height: 17px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
}
ul#submenu li a {
	font: bold 12px/17px "Arial", sans-serif;
	color: #b5985a;
	text-decoration: none;
}
ul#submenu li a:hover {
	color: #71a289;
}

ul#submenu li.active {
	line-height: 17px;
	padding: 0px 0px 0px 25px;
	margin: 0px;
	background: url(../images-shared/arrow-submenu.gif) left center no-repeat;
}

ul#submenu li.active a,
ul#submenu li.active a:hover {
	color: #000000;
}
/* END - submenu
-----------------------------*/





div#breadcrumbs-container {
	position: relative;
	border-bottom: 1px solid #aeada3;
	width: 654px;
	padding: 5px 0px 0px 0px;
	font: 11px Arial, sans-serif;
	color: #000000;
}
html>body div#breadcrumbs-container {
	padding-bottom: 5px;
}
div#breadcrumbs-container ul {
	margin: 0px; padding: 0px;
	margin-left: -2px;
	list-style-type: none;
	float: left;
}
div#breadcrumbs-container li {
	float: left;
	margin: 0px; padding: 0px 0px 0px 11px;
}
div#breadcrumbs-container a {
	font: 11px "Arial", sans-serif;
	color: #b5985a;
	text-decoration: none;
	display: block;
	background: url(../images-shared/arrow-breadcrumb.gif) left center no-repeat;
	padding-left: 8px;
}
div#breadcrumbs-container a:hover {
	color: #71a289;
	text-decoration: underline;
}


span.corporateinfo-title { color: #004638; font-weight: bold; }
b.corporateinfo { color: #00715e; font-weight: bold; }




div.director {
	font: 12px/16px "Arial", sans-serif;
	margin-bottom: 25px;
	color: #1c3241;
}
div.director h2.name {
	font: bold 12px "Arial", sans-serif;
	color: #004638;
	margin: 0px; padding: 0px;
}
div.director span.title {
	font-weight: bold;
	color: #00715e;
}
div.director span.credentials {
	color: #00715e;
}
div.director div.description {
	margin: 20px 0px 25px 0px;
}


table.filelist {
	margin-bottom: 10px;
}
table.filelist td {
	padding: 0px 80px 12px 0px;
	font: bold 12px "Arial", sans-serif;
}
table.filelist td img {
	margin-right: 18px;
}

div.file-download {
	margin: 8px;
	font: bold 12px Arial;
}

div.news-summary {
	margin-bottom: 20px;
}
div.news-summary span.date {
	font: bold 12px/16px "Arial", sans-serif;
	color: #004638;
}
div.news-summary a {
	font: 12px/16px "Arial", sans-serif;
	color: #b5985a;
	text-decoration: none;
}
div.news-summary a:hover {
	color: #71a289;
	text-decoration: underline;
}

div.news-release {
	margin-bottom: 20px;
	font: 12px "Arial", sans-serif;
}
div.news-release h2.title {
	font: bold 18px "Arial", sans-serif;
	color: #004638;
	margin: 0px; padding: 0px;
}
div.news-release div.date {
	font: bold 12px "Arial", sans-serif;
	color: #71a289;
	margin-bottom: 20px;
}
div.news-release div.disclaimer {
	font: 10px "Arial", sans-serif;
	color: #b5985a;
	margin-top: 20px;
}


table.stock-container-home {
	border: 0px;
	padding: 0px;
	margin: 15px 0px 15px 0px;
	width: 199px;
}
table.stock-container-home td.label {
	font: normal 12px/20px "Arial", sans-serif;
	color: #000000;
	padding: 0px 20px 0px 15px;
	vertical-align: top;
	white-space: nowrap;
}
table.stock-container-home td.value {
	font: bold 12px/20px "Arial", sans-serif;
	color: #c8b283;
	vertical-align: top;
	width: 100%;
}


div.stock-container {
	width: 600px;
	margin-bottom: 30px;
	color: #00715e;
	font: 12px/16px "Arial", sans-serif;
	position: relative;
}
div.stock-container img {
	margin-right: 33px;
	float: left;
}
div.stock-container div.stock-content {
	float: left;
	width: 300px;
}
div.stock-container span.value {
	font-weight: bold;
}
div.stock-disclaimer {
	font: 11px/14px "Arial", sans-serif;
	color: #8a5d3b;
	margin-top: 4px;
}



table#contact-form {
	margin: 0px 25px 0px 0px;
	padding: 0px;
	border: 0px;
}
table#contact-form td.label {
	padding-bottom: 10px;
	padding-right: 15px;
	font: 12px Arial;
	vertical-align: middle;
}
table#contact-form td.input {
	padding-bottom: 10px;
}
table#contact-form input.text,
table#contact-form textarea {
	font: 12px "Arial", sans-serif;
	border: 0px;
	padding: 3px;
	background: #ffffff url(../images-shared/form-field-bg.jpg) top left no-repeat;
}


div.error-message {
	margin: 0px 0px 15px 0px;
	color: #00715e;
	font: 12px "Arial", sans-serif;
}



ul.sitemap-top {
	margin: 0px 0px 0px 15px; padding: 0px;
}
ul.sitemap-top li {
	margin: 0px 0px 10px 0px;
}

ul.sitemap-sub {
	margin: 0px 0px 9px 15px; padding: 0px;
}
ul.sitemap-sub li {
	margin: 0px 0px 1px 0px;
}


div.gallery-thumbnail-container {
	position: relative;
	float: right;
	margin: 12px 0 0 0;
	width: 143px;
	height: auto;
	overflow: hidden;	
	text-align: right;
}
	a.thumbnail {
		float: left;
		margin: 0 0 4px 4px;
		border: 3px solid #e8e1d7;
	}