/* reset paddings and margins */
* {
	margin: 0;
	padding: 0;
}

/* links */
a {
	color: #008885;
}

a:visited {
	color: #666;
}

a:hover {
	color: #575757;
}


a img {
	border: none;
}


/* generic content stuff */
p,
h2,
h3,
ul,
table {
	margin: 0 0 1.143em 0;
}

h2,
h3 {
	margin-top: 1.143em;
}

ul ul,
ol ol {
	margin-top: 0;
	margin-bottom: 0;
}

ul {
	margin-left: 20px;
}

object {
	outline: none;
}

/* set color for selected text in mozilla browsers */
::-moz-selection {
	background-color: #008885;
	color: #fff;
}

body {
	background: #588215;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #575757;
	background: #588216 url(../img/body-bg.jpg) 50% 0 no-repeat;
}

/*** header ******************************************************************/
#header-container {
	text-align: center;
	height: 78px;
	background: url(../img/header-bg.png) 50% 0 no-repeat;
}

#header {
	text-align: left;
	width: 928px;
	margin: 0 auto;
	position: relative;
	z-index: 48;
}

#header-logo {
	float: left;
	width: 212px;
	height: 39px;
	margin: 20px 0px 0px 0px;
}

#header-content {
	float: right;
	width: 705px;
	position: relative;
	top: 10px;
	right: 0;
	font-size: 1em;
	color: #666666;
	z-index: 50;
}

/*** header navigation *******************************************************/
#header-nav {
	color: #666666;
}

#header-nav ul {
	float: right;
	margin: 2px 16px 15px 0;
	list-style: none;
}

#header-nav li {
	display: inline;
	margin-left: 0.769em;
}

#header-nav li a {
	color: #666666;
	text-decoration: none;
}

#header-nav li.active a,
#header-nav li a:hover {
	text-decoration: underline;
}



/*** header search form ******************************************************/
#search-form {
	float: right;
	width: 210px;
}

#search-form label {
	display: none;
}

#searchTerm {
	width: 156px;
	background-image: url(../img/search-bg.png);
	padding-left: 24px;
}

#searchSubmit {
	vertical-align: middle;
	margin-left: 4px;
	margin-bottom: 1px;
}

#header-settings {
	clear: both;
	float: right;
	margin: 3px 0 0 0;
}

/*** textsize settings *******************************************************/
#textSize{
	float: right;
}

#settings-textsize {
	list-style: none;
	margin: 0;
	padding: 0;
}

#settings-textsize li {
	float: left;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
}

#settings-textsize li.textsize-caption {
	margin: 0 6px 0 0;
}

#settings-textsize li a * {
	display: none;
}

#settings-textsize li a {
	display: block;
	width: 21px;
	height: 21px;
	background: url(../img/textsize-buttons.png);
	margin: 0 0 0 4px;
	/*outline: none; /* hide dotted border in ff on windows */
}

#settings-textsize li a.textsize-default {	background-position: 0 0; }
#settings-textsize li a.textsize-default:active { background-position: 0 -21px; }
#settings-textsize li.active a.textsize-default { background-position: 0 -42px; }

#settings-textsize li a.textsize-large { background-position: -25px 0; }
#settings-textsize li a.textsize-large:active  { background-position: -25px -21px; }
#settings-textsize li.active a.textsize-large { background-position: -25px -42px; }

#settings-textsize li a.textsize-extralarge { background-position: -50px 0; }
#settings-textsize li a.textsize-extralarge:active { background-position: -50px -21px; }
#settings-textsize li.active a.textsize-extralarge { background-position: -50px -42px; }


/*** header language settings ************************************************/
#globalLanguageSelector{
	float: right;
	width: 210px;
	margin: 0 0 0 16px;
}

#header-language {
	width: 210px;
}

#header-language .language-select {
	width: 208px;
}

#page {
	width: 928px;
	margin: 12px auto 0 auto;
}

/* teaser stuff and navigation */
#teaser {
	width: 920px;
	height: 354px;
	padding: 4px;
	background: url(../img/teaser-bg.png) 0 0 no-repeat;
	position: relative;
}

#teaser ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 354px;
}

#teaser li {
	float: left;
	height: 354px;
}

#teaser li.visual {
	width: 306px;
}

#teaser li.menu a,
#teaser li.menu a .hover {
	background-repeat: no-repeat;
	width: 307px;
	height: 354px;
	float: left;
	cursor: pointer;
	display: block;
	position: relative;
	font-size: 15px;
	line-height: 21px;
	color: #575757;
	text-decoration: none;
}

#teaser li.menu span.link-text {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 40px;
	width: 225px;
	line-height: 1.2em;
}

#teaser li.menu a .hover {
	position: absolute;
	top: 0;
	left: 0;
}

#teaser .i-know a {
	background-position: 0 0;
}

#teaser .i-know a.highlight:hover,
#teaser .i-know a .hover {
	background-position: 0 -354px;
}

#teaser .i-have a {
	background-position: -307px 0;
}

#teaser .i-have a.highlight:hover,
#teaser .i-have a .hover {
	background-position: -307px -354px;
}

#teaser-flash-container {
	position: absolute;
	top: 0;
	right: 0;
}

#lang-container {
	background: #ccc;
	margin: 12px 0 0 0;
	width: 259px;
	height: 100px;
	padding: 14px 17px;
	float: left;
	background: url(../img/home-selector-bg-sprite.png) 0 0 no-repeat;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}

#languageToggleSelect {
	width: 230px;
	margin: 0 auto;
}

#availability-container {
	margin: 12px 0 0 18px;
	width: 583px;
	height: 100px;
	padding: 14px 17px;
	float: left;
	background: url(../img/home-selector-bg-sprite.png) 100% 0 no-repeat;
	font-size: 12px;
	line-height: 18px;
}

#lang-container h2,
#availability-container h2,
.boxy-content h1 {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	vertical-align: middle;
	border-bottom: 1px dashed #a2d3d2;
	padding-bottom: 12px;
	margin: 0 0 13px 0; /* 0.5em */
}

.boxy-content h1 {
	margin-top: 0;
	padding-top: 0;
	text-align: center;
}

.boxy-content p {
	margin: 1em 0;
}

#availability-container h2 {
	padding-left: 13px;
	padding-bottom: 10px;  
	margin-bottom: 9px;
}


#availability-container p {
	float: left;
	width: 300px;
	margin: 2px 20px 0 13px;	
}

#teaser-language-form .language-select {
	width: 208px;
	margin: 0 auto;
}

#availabilitySelect {
	float: left;
	width: 230px;
	margin-top: 4px;
}

/*** top navigation *********************************************************/
#top-nav {
	margin-bottom: 19px;
	height: 132px;
}

#top-nav ul {
	list-style: none;
	height: 132px;
	margin: 0;
	padding: 0;
	float: left;
}

#top-nav li {
	height: 132px;
	float: left;
}

#top-nav li.menu a,
#top-nav li.menu a .hover {
	display: block;
	height: 132px;
	background: 0 0 no-repeat;
	cursor: pointer;
}

#top-nav li.menu span {
	display: none;
}

#top-nav .optimised-treatment {
	width: 464px;
	float: left;
}

#top-nav li.get-to-know a,
#top-nav li.get-to-know-active a {
	width: 229px;
	background-position: 0 0;
}

#top-nav li.get-to-know a.highlight:hover,
#top-nav li.get-to-know-active a,
#top-nav li.get-to-know a .hover {
	background-position: 0 -132px;
}

#top-nav li.i-have a,
#top-nav li.i-have-active a {
	width: 235px;
	background-position: -229px 0;
}

#top-nav li.i-have a.highlight:hover,
#top-nav li.i-have-active a,
#top-nav li.i-have-active a .hover,
#top-nav li.i-have a .hover {
	background-position: -229px -132px;
}

/*** left navigation ********************************************************/
#left-nav-top {
	float: left;
	padding-top: 11px;
	background: url(../img/left-nav-bg.png) 0 0 no-repeat;
	margin-bottom: 33px;
	margin-top: 30px;
	width: 233px;
}

#left-nav-bottom {
	background: url(../img/left-nav-bg.png) 0 100% no-repeat;
	padding-bottom: 11px;
}

#left-nav {
	background: url(../img/left-nav-bg.png) -272px 0 repeat-y;
	padding: 0 0 0 4px;
	font-family: "Arial Narrow", "Arial", "Helvetica Narrow", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.214em;
}

#left-nav li {
	margin: 0 0 1px 0;
}

#left-nav li.last {
	list-style: none;
	margin: 0;
}

#left-nav ul,
#left-nav ul li a,
#left-nav ul li a span {
	list-style: none;
	display: block;
	text-decoration: none;
	background: url(../img/left-nav-elements.png) 0 0 no-repeat;
	color: #fff;
	margin: 0;
	padding: 0;
}

#left-nav ul.level-1 {
	background: none;
}


#left-nav a.link-level-1 {
	vertical-align: middle;
	font-weight: bold;
	background-position: 0 100%; 
	padding-bottom: 3px; 
}

#left-nav a.link-level-1 span {	
	background-position: 0 0;
	padding: 8px 3px 5px 7px;
}

/* hover state and active link */
/* no active link with active child */
#left-nav li a:hover,
#left-nav li.active a.link-level-1,
#left-nav li.child-active a.link-level-1 {
    background-position: -250px 100%;
}

#left-nav li a:hover span,
#left-nav li.active a.link-level-1 span,
#left-nav li.child-active a.link-level-1 span {
    background-position: -250px 0;
    color: #322d16;
}


/*** navigation level 2 ***/
#left-nav ul.level-2 {
	background-position: -500px 100%;
	padding-bottom: 3px;
}

#left-nav ul.level-2 li {
	margin: 0;
}

/* default state */
#left-nav ul.level-2 li a.link-level-2 {
	background-position: -500px 0;
}

#left-nav ul.level-2 li a.link-level-2 span {
    font-size: 14px; /* 1.077em; */
	line-height: 1.214em;
    font-weight: normal;
    padding: 2px 0 2px 15px;
    margin-left: 6px;
    background-position: 300px 0;
	border-bottom: 1px solid #9ed6d6;
}

#left-nav ul.level-2 li.last a.link-level-2 span {
	border-bottom: 0;
}

/* hover state and active link */
#left-nav ul.level-2 li a.link-level-2:hover,
#left-nav ul.level-2 li.active a.link-level-2 {
    background-position: -750px 0;
	color: #322d16;
}


#left-nav ul.level-2 li.active a.link-level-2 span {
	color: #322d16;
}

/*** main content ***********************************************************/
/* for content styles, see styles_content.css */
#page-top {
	background: url(../img/content-bg.png) 0 0 no-repeat;
	padding-top: 11px;
}

#page-bottom {
	background: url(../img/content-bg.png) 0 100% no-repeat;
	padding-bottom: 11px;
}

#page-bg {
	background: url(../img/content-bg.png) -928px 0 repeat-y;
}

#page-gradient {
	background: url(../img/content-bg.png) -1856px 100% no-repeat;
	min-height: 250px;
}

#page #main {
	padding: 12px 0 12px 23px;
	float: left;
	font-size: 1.077em;
	line-height: 1.5em;
	width: 647px;
}

.no-navigation #page-top #main {
	float: none;
	margin-left: 233px;
}

/*** footer ******************************************************************/
#footer {
	clear: both;
	padding: 0 0 0 0;
	font-size: 0.846em;
	color: #fff;
}

#footer .logo {
	width: 225px;
	padding: 0 0 0 8px;
	float: left;
}

#teaser-page #footer .logo {
	width: 285px;
	margin-right: 18px;
}

#teaser-page #footer .legal-statement {
	padding: 10px 0 0 311px;
}

#footer .legal-statement {
	width: 616px;
	float: left;
	padding: 10px 0 0 234px;
}

#footer ul,
#footer li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	margin-right: 0.75em;
}

#footer .legal-statement p {
	margin: 0;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover {
	color: #fff;
}

#footerLogo {
clear:both;
float:none;
padding:24px 44px 0 38px;
}

#footerLogo .leftLogo{
float:left;
padding-top:24px;
}

#footerLogo .rightLogo{
float:right;
padding-bottom:23px;
}

#teaser-page #footer .legal-statement {
	width: 617px;
}

/* clearfix DIV */
.clearfix {
	clear: both;
}

/* modern clearfix without div */
.clear-fix:after {
    content: "."; 
    display: block; 
    height: 10px; 
    clear: both; 
    visibility: hidden;
}




/*** cms related stuff *******************************************************/

.component_error {
	border: 2px solid #ff0000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #ffd9d9;
	color: #ff0000;
	padding: 10px;
	margin: 1em 0;
}