/*
--------------------------------------------------------------------------------------

client specific rules:

(html) .js      : client supports javascript

(body) .ie6     : client is Internet Explorer 6
       .ie6     : client is Internet Explorer 7
       .ie6-7   : client is Internet Explorer 6 or 7
       .ie8     : client is Internet Explorer 8
       .ie9     : client is Internet Explorer 9 and above
       .non-ie  : client is Non-IE

--------------------------------------------------------------------------------------

structure of stylesheet:

global              (e.g. layout, typo, forms)
  > elements        (e.g. navigation, headline, image, table)
    > sections      (e.g. elements in: header, footer, content, main column, sidebar)
      > pages       (e.g. elements on: homepage, sub page)

--------------------------------------------------------------------------------------

table of contents:

> GLOBAL
  - init/reset
  - typo
  - buttons
  - forms
  - misc, tools
  - layout

> ELEMENTS
  - navigation
  - sitemap
  - faq
  - teasers
  - quicklinks/search
  - paging
  - GRI table

> SECTIONS
  - toolbar
  - footer
  - content
  - navigation panel
  - content panel
  - main column
  - sidebar

> PAGES
  - 

--------------------------------------------------------------------------------------
*/



/* GLOBAL */

/* --------------------------------------------------------------------------------------
 * init/reset
 * -------------------------------------------------------------------------------------- */

	/* reset */

	html, body,
	h1, h2, h3, h4, h5, h6, p,
	a, address, blockquote, pre,
	dl, dt, dd, ol, ul, li,
	img, object, iframe,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
	}
	dl, dt, dd, ol, ul {
		list-style: none;
	}
	th,
	td {
		vertical-align: top;
		text-align: left;
	}
	q {
		quotes: '„' '“' '‚' '‘';
	}

	/* toggle tools (expand/collapse content) */

	.toggle-item {
		/* overflow: hidden; */
	}
	.toggle-panel {
		position: relative;
		overflow: hidden;
	}
	.js .toggle-panel > div:first-child {
		display: none; /* hide by default (when JS is activated) */
	}
	.js .toggle-panel div.ie6-first-child {
		display: none; /* hide by default (when JS is activated) */
	}
	p.toggle-trigger {
		display: none;
	}
	.js p.toggle-trigger {
		display: block; /* show (when JS is activated) */
	}

	/* html, body */

	html {
		height: 100%;
		background: #dcdcdc; color: #4d4d4d;
		background-image: url(/assets/images/bgr.png); /* FF<3.6 */
		background-image: -moz-linear-gradient(top, #ffffff, #dcdcdc); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dcdcdc)); /* Saf4+, Chrome */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc')"; /* IE8 */
		background-attachment: fixed;
	}
	body {
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		height: 100%;
		padding-bottom: 1px; /* show vertical scrollbars */
	}

/* --------------------------------------------------------------------------------------
 * typo
 * -------------------------------------------------------------------------------------- */

	/* common */

	h6, h5, h4, h3, h2, h1,
	p,
	li,
	th, td {
		font-size: 1em;
		font-weight: normal;
		line-height: 1.385em; /* ~16,62 px */
		margin-bottom: 1em; /* ~12 px */
	}
	li {
		margin-bottom: 0.2em;
	}
	th, td {
		margin-bottom: 0;
	}	
	h6, h5, h4, h3, h2, h1 {
		font-weight: bold;
	}
	.nbr {
		white-space: nowrap;
	}

	/* headlines */

	.h1,
	.h2 {
		font-size: 1.834em; /* 22px */
		line-height: 1.09em; /* 24px */
		font-weight: bold;
		color: #e61d2b; /* red */
		margin-bottom: 16px;
	}
	.h2 {
		font-weight: normal;
	}
	.h3 {
		font-size: 1.5em; /* 18px */
		line-height: 1.1em;
		font-weight: normal;
		color: #e61d2b; /* red */
		margin-bottom: 12px;		
	}

	.h-img {
		/* graphical headline containing img */
		min-height: 20px;
		margin-bottom: 6px;
	}
	.h-img img {
		display: block;
		position: relative; left: -2px; /* adjust leading capitals */
	}
	.ie6 .h-img img {
		left: 0;
		behavior: url(/assets/components/iepngfix/iepngfix.htc);
	}

	/* links */

	a {
		text-decoration: underline;
		color: #e01e37; /* red */
	}
	a:hover,
	a:focus {
		text-decoration: underline;
	}
	a:active {
		outline: none; /* remove dotted borders */
	}
	a:visited {
	}
	@media screen {
		a.external {
			background-image: url(/assets/images/icon_external.png);
			background-position: right top;
			background-repeat: no-repeat;
			padding-right: 11px;
			zoom: 1; /* IE */
		}
	}

	h6 a, h5 a, h4 a, h3 a, h2 a, h1 a {
		text-decoration: none;
	}

	/* definition (link to glossary) */

	a.dfn {
		color: #4d4d4d;
		text-decoration: underline;
		cursor: help;
	}
	h3 > a.dfn,
	h2 > a.dfn,
	h1 > a.dfn {
		color: #e61d2b; /* red */
	}
	.ie6 h3 a.dfn,
	.ie6 h2 a.dfn,
	.ie6 h1 a.dfn {
		color: #e61d2b; /* red */		
	}

	/* highlight */

	.highlight {
		font-weight: bold !important;
		color: #e01e37 !important;
	}

/* --------------------------------------------------------------------------------------
 * buttons
 * -------------------------------------------------------------------------------------- */

	/* buttons */

	.button {
		display: inline-block;
		text-decoration: none !important;
		padding: 4px 10px;
		margin: 0 0 10px 0;
		background: #cb152c; color: #fff;
		background-image: -moz-linear-gradient(top, #e01e37, #cb152c); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e01e37),color-stop(1, #cb152c)); /* Saf4+, Chrome */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e01e37', endColorstr='#cb152c'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e01e37', endColorstr='#cb152c')"; /* IE8 */
		zoom: 1;
	}
	
	.button-large {
		display: inline-block;
		text-decoration: none !important;
		padding: 8px 10px;
		margin: 0 0 10px 0;
		background: ##CB152C; color: #fff;
		background-image: -moz-linear-gradient(top, #e01e37, #cb152c); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e01e37),color-stop(1, #cb152c)); /* Saf4+, Chrome */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e01e37', endColorstr='#cb152c'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e01e37', endColorstr='#cb152c')"; /* IE8 */
		zoom: 1;
		font-size: 0.917em; /* 11 px */
	}
	
	
	.button:focus {
		background: #4d4d4d;
	}
	.button.small,
	.sidebar .button {
		font-size: 0.917em; /* 11 px */
	}

	/* icons */

	.button .icon {
		display: inline-block;
		width: 6px; height: 6px;
		margin: 0 5px 2px -3px;
		background: url(/assets/images/icons.png) 0 0 no-repeat;
		overflow: hidden;
		vertical-align: middle;
		zoom: 1;
	}
	
	.button-large .icon {
		display: inline-block;
		width: 6px; height: 6px;
		margin: 0 5px 2px -3px;
		background: url(/assets/images/icons.png) 0 0 no-repeat;
		overflow: hidden;
		vertical-align: middle;
		zoom: 1;
	}
	.ie6-7 .button .icon {
		margin-bottom: 0;
		display: inline;
	}
	.ie6 .button .icon {
		background-image: url(/assets/images/icons_ie6.png);
	}
	.button-large .icon-right {
		background-position: -44px 0;
	}	
	.button .icon-right {
		background-position: -44px 0;
	}	
	.button .icon-left {
		background-position: -50px 0;
	}	
	.button .icon-up {
		background-position: -56px 0;
	}	
	.button .icon-down {
		background-position: -62px 0;
	}	

	/* action links */

	.action {
		text-decoration: none !important;
	}
	.action span {
		text-decoration: underline;
	}
	.action .icon {
		display: inline-block;
		width: 6px; height: 6px;
		margin: 0 5px 2px 0;
		background: url(/assets/images/icons.png) 0 0 no-repeat;
		overflow: hidden;
		vertical-align: middle;
		zoom: 1;
	}
	.ie6 .action .icon {
		background-image: url(/assets/images/icons_ie6.png);
	}
	.ie6-7 .action .icon {
		margin-bottom: 0;
		display: inline;
	}
	.action.up .icon,
	.action.collapse .icon {
		background-position: -56px -6px;
	}	
	.action.expand .icon {
		background-position: -62px -6px;
	}	

/* --------------------------------------------------------------------------------------
 * forms
 * -------------------------------------------------------------------------------------- */

	input[type=text],
	input[type=password],
	textarea,
	select {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	input[type=submit],
	input[type=button] {
	}

/* --------------------------------------------------------------------------------------
 * misc/tools
 * -------------------------------------------------------------------------------------- */

	/* margin bottoms
	   usage: <div class="mb1"></div>
	*/

	.mb0 {
		margin-bottom: 0 !important;
	}
	.mb1 {
		margin-bottom: 12px !important;
	}
	.mb2 {
		margin-bottom: 24px !important;
	}
	.mb3 {
		margin-bottom: 36px !important;
	}
	.mb4 {
		margin-bottom: 48px !important;
	}
	.mb1, .mb2, .mb3, .mb4 {
		display: inline-block; /* dismiss collapsing margins */
		height: 0; /* IE */
	}

	/* clearing
	   usage: <div class="clear"></div>
	*/

	.clear {
		overflow: hidden;
		clear: both;
		display: table;
		height: 0;
		zoom: 1;
	}

	/* enable javascript alert */

	.enable-js {
		font-size: 12px; line-height: 1.4em;
		background: #444;
		color: #ccc;
		padding: 2px 10px;
		margin-bottom: 1px;
	}
	@media print {
		.enable-js {
			display: none;
		}
	}

	/* media classes
	   .reader    = screen reader only         (eg skip links)
	   .print     = print only                 (eg contact infos, references)
	   .nonprint  = don't print                (eg navigation)
	   .noreader  = hide from screen readers   (eg screen meta info)
	   .nonjs     = show if JS is deactivated
	*/

	.reader {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}
	.reader:focus {
		top: 10px; left: 10px;
		width: auto; height: auto;
	}
	.print {
		display: none;
		visibility: hidden;
	}
	.nonprint {
		/* nothing */
	}
	@media aural {
		.nonreader {
			display: none;
			visibility: hidden;
		}
	}
	html.js .nonjs {
		display: none;
	}

	/* color schemes */

	.cl1 {
		color: #019de0;
	}
	.cl2 {
		color: #dd0122;
	}
	.cl3 {
		color: #8fb800;
	}
	.cl4 {
		color: #82177c;
	}
	.cl5 {
		color: #efb800;
	}

	/* separator */

	.sep {
		padding: 0 5px;
	}

/* --------------------------------------------------------------------------------------
 * layout
 * --------------------------------------------------------------------------------------

	structure:

	.nonfooter
		.toolbar
		.content
			.navigation-panel
			.content-panel
				.main
				.sidebar
	.footer
 * -------------------------------------------------------------------------------------- */

	/* sections */

	.nonfooter {
		/* includes toolbar, header, content */
		position: relative;
		width: 978px;
		min-height: 100%;
		margin: 0 auto;
		padding: 0 10px;
	}
	.ie6 .nonfooter {
		height: 100%;
	}
	.footer {
		position: relative;
		width: 998px;
		height: 248px;
		margin: -247px auto 0 auto; /* -1px */
		overflow: hidden;
	}
	.footer .inner {
		background: url(/assets/images/footer.png) no-repeat;
		height: 248px;
	}
	.ie6 .footer .inner {
		behavior: url(/assets/components/iepngfix/iepngfix.htc);
	}

	/* toolbar */

	.toolbar {
		height: 36px;
		background: url(/assets/images/toolbar.png) no-repeat;
		border-bottom: 1px solid #cb152c;
		padding-bottom: 10px;
	}
	.ie6 .toolbar {
		behavior: url(/assets/components/iepngfix/iepngfix.htc);
	}

	/* content */

	.content {
		padding-bottom: 200px;
		position: relative;
		overflow: auto;
		margin-right: -5px; /* leave room for focus markers (GUI) */
		min-height: 575px;
	}
	.ie6-7 .content {
		padding-bottom: 235px; /* bypass z-index conflict */
		zoom: 1;
	}

	/* content: columns */

	.navigation-panel {
		/* left */
		float: left;
		width: 132px;
		margin-right: 20px;
	}
	.content-panel {
		/* right */
		float: left;
		width: 826px;
		position: relative;
		z-index: 2000; /* overlap footer */
	}
	.ie6 .navigation-panel,
	.ie6 .content-panel {
		display: inline;
		overflow: hidden;
	}

	/* content > content-panel: columns */

	.main {
		float: left;
		width: 577px;
		margin-right: 20px;
	}
	.sidebar {
		float: left;
		width: 229px;
	}
	.ie6 .main,
	.ie6 .sidebar {
		display: inline;
	}

	/* content > content-panel > main: columns */

	.main .col-100 {
		width: 577px;
	}
	.main .col-50 {
		width: 281px;
		float: left;
	}
	.main .col-50 + .col-50 {
		margin-left: 15px;
	}
	.ie6 .main .ie6-sibling {
		margin-left: 15px;
	}
	.ie6 .main .col-50 {
		display: inline;
	}







/* GLOBAL > ELEMENTS */

/* --------------------------------------------------------------------------------------
 * navigation
 * -------------------------------------------------------------------------------------- */

	.navigation-panel .navigation {
	}
	.navigation-panel .navigation .active a strong {
		font-weight: normal;
	}

	/* 1st level */

	.navigation-panel .navigation ul {
	}
	.navigation-panel .navigation ul li {
		margin: 0 0 4px 0;
		line-height: 1.2;
		overflow: hidden;
		vertical-align: top; /* IE */
		zoom: 1; /* IE */
	}
	.navigation-panel .navigation ul li.active,
	.navigation-panel .navigation ul li.opened {
		border-right: 2px solid #bebebe;
		padding-right: 2px;
	}
	.navigation-panel .navigation ul li.opened {
		overflow: visible;
	}
	.navigation-panel .navigation ul li a {
		display: block;
		float: right;
		text-align: right;
		text-decoration: none;
		padding: 4px 10px;
		background: #cb152c; color: #fff;
		background-image: url(/assets/images/navigation_bgr.png); /* FF<3.6 */
		background-image: -moz-linear-gradient(top, #e01e37, #cb152c); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e01e37),color-stop(1, #cb152c)); /* Saf4+, Chrome */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e01e37', endColorstr='#cb152c'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e01e37', endColorstr='#cb152c')"; /* IE8 */
		cursor: pointer;
	}
	.navigation-panel .navigation ul li a:focus {
		background: #4d4d4d;
	}
	.navigation-panel .navigation ul li.active a,
	.navigation-panel .navigation ul li.opened a {
		padding-right: 6px; /* 10 - 4 */
	}
	.navigation-panel .navigation ul li.active a {
		cursor: default;		
	}

	/* 2nd level */

	.navigation-panel .navigation ul li ul {
		clear: both;
		padding-top: 3px;
	}
	.navigation-panel .navigation ul li ul li {
		border-bottom: 1px dashed #bebebe;
		margin: 0;
	}
	.navigation-panel .navigation ul li ul li.active,
	.navigation-panel .navigation ul li ul li.opened {
		border-right: 0;
		padding-right: 0;
	}
	.navigation-panel .navigation ul li ul li a {
		padding: 4px 6px 4px 0;
		background: none; color: #999;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false')"; /* IE8 */
		cursor: pointer !important;
	}
	.navigation-panel .navigation ul li ul li a:focus {
		color: #000;
		background: none;
	}
	.navigation-panel .navigation ul li ul li.active a {
		color: #e01e37 !important;
		cursor: default !important;
	}

	/* home button */

	.navigation-panel .navigation .home {
		padding: 8px 0;
		border-bottom: 1px dashed #cb152c;
		margin-bottom: 15px;
	}
	.navigation-panel .navigation .home a {
		display: block;
		float: none;
		height: 35px;
		padding: 0;
		background: url(/assets/images/navi_start.png) 0 0 no-repeat;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false')"; /* IE8 */
		text-indent: 1000px;
	}
	.ie6 .navigation-panel .navigation .home a {
		behavior: url(/assets/components/iepngfix/iepngfix.htc);
	}
	.navigation-panel .navigation .home a:focus {
		outline: 1px dotted #4d4d4d;
		background: url(/assets/images/navi_start.png) 0 0 no-repeat;
	}

/* --------------------------------------------------------------------------------------
 * sitemap
 * -------------------------------------------------------------------------------------- */

	.sitemap {
	}
	.sitemap .sm-1,
	.sitemap .sm-2 {
		width: 281px;
		float: left;
	}
	.sitemap .sm-2 {
		margin-left: 15px;
	}

	/* 1st level */

	.main .sitemap ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.main .sitemap ul li {
		padding: 0 0 0 12px;
		margin: 0 0 10px 0;
		position: relative;
		zoom: 1;
	}
	.main .sitemap ul li .icon {
		display: block;
		width: 6px; height: 6px;
		background: url(/assets/images/icons.png) -44px -6px no-repeat;
		position: absolute; top: 5px; left: 0;
		overflow: hidden;
	}
	.ie6 .main .sitemap ul li .icon {
		background-image: url(/assets/images/icons_ie6.png);
	}
	.main .sitemap ul li a {
		font-size: 1.33em; /* 16px */
		font-weight: bold;
		display: table-cell;
	}

	/* 2nd level */

	.main .sitemap ul li ul {
		width: 225px;
		margin: 0 0 15px 10px;
		padding: 5px 0 0 0;
		border-left: 2px solid #e01e37;
		list-style: none;
	}
	.main .sitemap ul li ul li {
		padding: 0;
		margin: 0;
	}
	.main .sitemap ul li ul li a {
		font-size: 1em;
		font-weight: normal;
		display: block;
		padding: 2px 0 2px 8px;
		color: #999;
		border-bottom: 1px dashed #e01e37;
		text-decoration: none !important;
		zoom: 1;
	}

/* --------------------------------------------------------------------------------------
 * faq
 * -------------------------------------------------------------------------------------- */

	.faq .section {
		margin-bottom: 15px;
	}
	.main .faq ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.main .faq ul li {
		margin: 0;
	}
	.main .faq ul li > p {
		font-weight: bold;
		display: block; /* non JS */
	}
	.main .faq ul li .collapse {
		color: #4c4c4c;
	}

/* --------------------------------------------------------------------------------------
 * teasers
 * -------------------------------------------------------------------------------------- */

	.main .teaser {
	}

	/* teaser image */

	.main .teaser-image {
		display: block;
		margin-bottom: 6px;
	}
	.main .teaser-image * {
		display: block;
	}
	.main .teaser.col-100 .teaser-image {
		margin-bottom: 12px;
	}

/* --------------------------------------------------------------------------------------
 * quicklinks/search
 * -------------------------------------------------------------------------------------- */

	.ql-search .quicklink,
	.ql-search .search {
		margin-bottom: 10px;
	}
	.ql-search legend {
		font-size: 0; /* FF */
	}
	.ql-search input {
		display: inline-block;
		width: 204px;
		height: 22px;
		padding: 0 5px;
		vertical-align: top;
		color: #777;
	}
	.ie6-7 .ql-search input {
		/* ie7 doesn't support box-sizing */
		width: 190px;
		height: 18px;
	}
	.ql-search button {
		display: inline-block;
		width: 22px;
		height: 22px;
		overflow: hidden;
		border: 0;
		margin: 0 0 0 3px;
		vertical-align: top;
		background: url(/assets/images/icons.png) no-repeat;
		text-indent: -1000px;
		line-height: 0; /* IE */
		cursor: pointer;
	}
	.ql-search .quicklink button {
		background-position: 0 0;
	}
	.ql-search .search button {
		background-position: -22px 0;
	}

	.ql-search .quicklink input.autofocus {
		/* special: mark quicklink input on autofocus */
		background: #4d4d4d;
		color: #fff;
	}

/* --------------------------------------------------------------------------------------
 * paging
 * -------------------------------------------------------------------------------------- */

	.paging {
	}
	.paging a {
		display: inline-block;
		padding: 2px;
		margin: 0 3px;
		text-decoration: none;
	}
	.paging a:first-child,
	.paging a.ie6-first-child {
		margin-left: 0;
	}
	.paging a.rewind,
	.paging a.forward {
		vertical-align: middle;
		position: relative; top: -1px;
	}
	.paging a.rewind span,
	.paging a.forward span {
		display: block;
		width: 6px; height: 6px;
		background: url(/assets/images/icons.png) no-repeat;
		overflow: hidden;
		text-indent: -1000px;
	}
	.ie6 .paging a.rewind span,
	.ie6 .paging a.forward span {
		background-image: url(/assets/images/icons_ie6.png);
	}
	.paging a.rewind span {
		background-position: -50px -6px;
	}
	.paging a.forward span {
		background-position: -44px -6px;
	}
	.paging a.current {
		font-weight: bold;
		cursor: default;
	}

/* --------------------------------------------------------------------------------------
 * GRI table
 * -------------------------------------------------------------------------------------- */

	.gri {
		table-layout: fixed;
		margin-bottom: 1em;
	}
	.gri .t1 {
		width: 61px;
		background-color: #c9c9c9;
	}
	.gri .t2 {
		width: 159px;
		background-color: #d5d5d5;
	}
	.gri .t3 {
		width: 219px;
		background-color: #c9c9c9;
	}
	.gri .t4 {
		width: 90px;
		background-color: #d5d5d5;
	}
	.gri th,
	.gri td {
		padding: 6px;
	}
	.gri th {
		font-weight: bold;
		border-bottom: 1px solid #fff;
	}
	.gri td {
		background-image: url(/assets/images/bgr_gri.png);
		background-position: 0 0;
		background-repeat: repeat-x;
		padding-top: 8px;
	}
	.gri tr:first-child td,
	.gri tr.ie6-first-child td,
	.gri .section td,
	.gri .section + tr td {
		background-image: none;
		padding-top: 6px;
	}
	.gri .section td {
		font-style: oblique;
	}
	.gri a {
		color: #4d4d4d;
	}








/* GLOBAL > ELEMENTS > SECTIONS */

/* --------------------------------------------------------------------------------------
 * toolbar
 * -------------------------------------------------------------------------------------- */

	/* corporate */

	.toolbar .corporate {
		/* hide from screen */
		position: absolute; top: 0; left: -999em;
		width: 1em; height: 1em;
		overflow: hidden;
	}

	/* navigation */

	.toolbar .navigation {
		width: 325px;
		height: 36px;
		position: absolute; top: 0; right: 10px;
	}
	.toolbar .navigation li {
		display: block;
		float: left;
		margin-left: 2px;
	}
	.ie6 .toolbar .navigation li {
		display: inline;
	}
	.toolbar .navigation .e1 {
		width: 109px;
	}
	.toolbar .navigation .e2 {
		width: 71px;
	}
	.toolbar .navigation .e3 {
		width: 73px;
	}
	.toolbar .navigation .e4 {
		width: 64px;
	}
	.toolbar .navigation a {
		display: block;
		height: 36px;
		overflow: hidden;
		text-indent: 1000px;
	}
	.ie6 .toolbar .navigation a {
		text-indent: -1000px;
		font-size: 0;
	}
	.toolbar .navigation a:focus {
		outline: 1px dotted #4d4d4d;
	}

/* --------------------------------------------------------------------------------------
 * footer
 * -------------------------------------------------------------------------------------- */

	/* navigation */

	.footer .navigation {
		width: 259px;
		height: 49px;
		position: absolute; bottom: 0; right: 0;
		z-index: 1000;
	}
	.footer .navigation li {
		display: block;
		float: left;
		margin-left: 2px;
	}
	.ie6 .footer .navigation li {
		display: inline;
	}
	.footer .navigation .e1 {
		width: 97px;
	}
	.footer .navigation .e2 {
		width: 83px;
	}
	.footer .navigation .e3 {
		width: 73px;
	}
	.footer .navigation a {
		position: relative;
		display: block;
		height: 49px;
		overflow: hidden;
		text-indent: -1000px;
		line-height: 0; /* IE7 */
	}
	.footer .navigation a:focus {
		outline: 1px dotted #4d4d4d;
	}

	/* corporate */

	.footer .corporate {
	}
	.footer .corporate li {
		display: block;
		position: absolute; bottom: 10px;
		z-index: 1000;
	}
	.footer .corporate .e1 {
		width: 110px;
		left: 15px;
	}
	.footer .corporate .e2 {
		width: 179px;
		left: 133px;
	}
	.footer .corporate a {
		display: block;
		height: 31px;
		overflow: hidden;
		text-indent: -1000px;
		background-image: none;
		padding-right: 0;
	}
	.footer .corporate a:focus {
		outline: 1px dotted #4d4d4d;
	}

	/* copyright */

	.footer .copyright {
		/* hide from screen */
		position: absolute; top: 0; left: -999em;
		width: 1em; height: 1em;
		overflow: hidden;
	}

/* --------------------------------------------------------------------------------------
 * content
 * -------------------------------------------------------------------------------------- */

	/* head */

	.content .head {
		padding: 8px 0;
		border-bottom: 1px dashed #cb152c;
		margin-bottom: 15px;
	}
	.content .head h1 {
		position: relative; left: -2px; /* adjust leading capitals */
		height: 35px;
		margin: 0;
	}
	.ie6 .content .head h1 {
		left: 0;
	}
	.content .head h1 img {
		display: inline-block;
	}
	.ie6 .content .head h1 img {
		behavior: url(/assets/components/iepngfix/iepngfix.htc);
	}
	.content .head .icon {
		display: inline-block;
		width: 35px;
		height: 35px;
		background: url(/assets/images/icons.png) 0 -22px no-repeat;
		margin-right: 16px;
		vertical-align: top;
		overflow: hidden;
	}
	.ie6 .content .head .icon {
		background-image: url(/assets/images/icons_ie6.png);
	}
	.content .head .icon-02 {
		background-position: -35px -22px;
	}
	.content .head .icon-03 {
		background-position: -70px -22px;
	}
	.content .head .icon-04 {
		background-position: -105px -22px;
	}
	.content .head .icon-05 {
		background-position: -140px -22px;
	}
	.content .head .icon-06 {
		background-position: -175px -22px;
	}
	.content .head .icon-07 {
		background-position: -210px -22px;
	}

	/* title */

	.content .title {
		height: 156px;
		padding: 0 0 15px 0;
		border-bottom: 1px dashed #cb152c;
		margin-bottom: 15px;
		position: relative;
		background: url(/assets/images/title_000.jpg) no-repeat; /* default mood image */
	}
	.content .title .claim {
		position: absolute; top: 13px; right: 23px;
	}
	.ie6 .content .title .claim {
		behavior: url(/assets/components/iepngfix/iepngfix.htc);
	}
	.page-index .content .title {
		height: 143px;
		background: none;
	}

	.cat-strategie .title {
		background-image: url(/assets/images/title_100.jpg);
	}
	.cat-produkt .title {
		background-image: url(/assets/images/title_200.jpg);
	}
	.cat-wasser .title {
		background-image: url(/assets/images/title_300.jpg);
	}
	.cat-klimaschutz .title {
		background-image: url(/assets/images/title_400.jpg);
	}
	.cat-verpackung .title {
		background-image: url(/assets/images/title_500.jpg);
	}
	.cat-arbeitsplatz .title {
		background-image: url(/assets/images/title_600.jpg);
	}
	.cat-aktiver-lebensstil .title {
		background-image: url(/assets/images/title_700.jpg);
	}
	.cat-gesellschaft .title {
		background-image: url(/assets/images/title_800.jpg);
	}
	.cat-daten-und-fakten .title {
		background-image: url(/assets/images/title_900.jpg);
	}

/* --------------------------------------------------------------------------------------
 * navigation panel
 * -------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------
 * content panel
 * -------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------
 * main column
 * -------------------------------------------------------------------------------------- */

	/* init */

	.main ul,
	.main ol {
		margin-bottom: 1em;
		padding-left: 32px;
	}
	.main ul {
		list-style: disc;
	}
	.main ol {
		list-style: decimal;
	}
	.main dt {
		font-weight: bold;
	}
	.main dd {
		margin: 0 0 1em 10px;
	}
	.main object {
		display: block;
		margin: 0 0 1em 0;
	}

	/* blocks */

	.main .block {
		padding: 15px 0 3px 0;
		border-top: 1px dashed #cb152c;
		zoom: 1;
	}
	.main .block.no-rule,
	.main .block:first-child,
	.main .ie6-first-child {
		padding-top: 0;
		border-top: 0;
	}
	.main .block.anchor-top {
		text-align: right;
	}

	/* indents */

	.main .indent-1 {
		padding: 0 0 5px 32px;
		zoom: 1;
	}
  .ie6 .main .indent-1 {
    width: 545px;
		overflow: hidden;
  }

	/* article list */

	.main ul.items {
		border-bottom: 1px dashed #cb152c;
		padding-left: 0;
		list-style: none;		
	}
	.main ul.items li {
		padding: 15px 0 3px 0;
		border-top: 1px dashed #cb152c;
	}
	.main ul.items li:first-child,
	.main ul.items li.ie6-first-child {
		padding-top: 0;
		border-top: 0;
	}
	.main ul.items li img {
		display: block;
		float: left;
		margin: 0 15px 12px 0;
	}
	.main ul.items li p {
		overflow: hidden;
	}

	/* images */

	.main .image {
		display: inline-block;
		margin-bottom: 15px;
	}
	.main .image.left {
		float: left;
		margin-right: 15px;
	}
	.main .image.right {
		float: right;
		margin-left: 15px;
	}
	.ie6 .main .image.left,
	.ie6 .main .image.right {
		display: inline;
	}
	.main .image img {
		display: block;
		padding-top: 12px;
	}
	.main .image img:first-child,
	.main .image img {
		padding-top: 0;
	}
	.main .image p {
		font-size: 0.917em; /* 11 px */
		padding-top: 5px;
		margin: 0;
	}
	p.caption {
		font-size: 0.917em; /* 11 px */
	}
	.main .image.left p,
	.main .image.right p {
		width: 281px; /* default value, use inline styles for differing values! */
	}

	/* boxes */

	.main .box {
		width: 577px;
		padding-top: 12px;
		padding-bottom: 20px;
		zoom: 1;
	}
	.main .box + .box {
		padding-top: 0;
	}
	.main .box-top-title,
	.main .box-top,
	.main .box-bottom {
		height: 10px;
		background: url(/assets/images/box.png) 0 0 no-repeat;
		overflow: hidden;
	}
	.ie6 .main .box-top-title,
	.ie6 .main .box-top,
	.ie6 .main .box-bottom {
		background-image: url(/assets/images/box.gif);
	}
	.main .box-top-title {
		background-position: 0 0;
	}
	.main .box-top {
		background-position: 0 -10px;
	}
	.main .box-bottom {
		background-position: 0 -20px;
	}
	.main .box-title,
	.main .box-content {
		border-left: 1px solid #cb152c;
		border-right: 1px solid #cb152c;
		overflow: hidden;
	}
	.main .box-title {
		padding: 2px 15px 0 15px;
		background: #c4c5c6;
		zoom: 1;
	}
	.main .box-content {
		padding: 12px 15px 8px 15px;
		background: #cdcecf;		
		zoom: 1;
	}
	.main .box-top + .box-content {
		padding-top: 5px;
	}
	.main .box-content-inner {
		margin-bottom: -12px; /* clear vertical margins */
	}
	.main .box-title h3 {
		line-height: 1;
	}
	.main .box-title .caption {
		font-size: 12px; color: #4d4d4d;
		line-height: 1;
	}
	.main .box-title h3 + p {
		margin-top: -10px;
	}

	/* lists */

	.main ul {
	}
	.main ul.lev-2 {
		padding-left: 0;
		list-style: none;
	}
	.main ul.lev-2 ul {
		padding-left: 40px;
	}

	.main ul.bullet,
	.main ul.bullet ul {
		list-style: none;
	}
	.main ul span.bullet {
		display: inline-block;
		width: 16px;
		margin: 0 5px 0 -21px;
		text-align: right;
	}

	/* toggle (headlines) */

	.h-toggle {
		padding-bottom: 4px;
		border-bottom: 1px solid #c5c6c8;
		vertical-align: bottom;
		margin-bottom: 10px;
	}
	.h-toggle a {
		display: block;
		text-decoration: none !important;
		border-left: 22px solid #e01e38;
		padding: 0 0 4px 10px;
		margin-bottom: -4px;
		position: relative;
		zoom: 1;
	}
	.js .h-toggle a {
		cursor: pointer;
	}
	.h-toggle .icon {
		display: block;
		width: 6px; height: 6px;
		background: url(/assets/images/icons.png) -56px 0 no-repeat;
		vertical-align: bottom;
		position: absolute; top: 50%; left: -11px;
		margin: -3px 0 0 -3px; /* half icon height */
		overflow: hidden;
	}
	.ie6 .h-toggle .icon {
		background-image: url(/assets/images/icons_ie6.png);
	}
	.h-toggle .collapse .icon {
		background-position: -56px 0;
	}
	.h-toggle .expand .icon {
		background-position: -62px 0;
	}

	/* glossary */

	.glossary-index {
		margin-bottom: 20px;
		border-bottom: 1px solid #ccc;
		zoom: 1;
	}
	.glossary-index ul {
		list-style: none;
		padding: 0;
	}
	.glossary-index li {
		font-size: 1.33em; /* 16px */
		display: block;
		float: left;
		margin: 0 2px 0 0;
	}
	.glossary-index li a {
		display: block;
		width: 20px;
		text-align: center;
		text-decoration: none;
	}
	.js .glossary-index li.current a {
		font-weight: bold;
		border-bottom: 4px solid #ccc;
		cursor: default;
	}
	.glossary-index li.disabled a {
		color: #aaa;
		cursor: default;
	}

	.glossary {
		position: relative;
		overflow: hidden;
		zoom: 1;
	}
	.glossary div {
		position: relative;
		overflow: hidden;
		margin-bottom: 1em;
		zoom: 1;
	}
	.js .glossary div {
		display: none;
	}
	.js .glossary .action {
		position: absolute; left: -990em; height: 1em; width: 1em;
		overflow: hidden;
	}

/* --------------------------------------------------------------------------------------
 * sidebar
 * -------------------------------------------------------------------------------------- */

	/* init */

	.sidebar ul,
	.sidebar ol,
	.sidebar dl {
		margin-bottom: 1em;
	}

	/* blocks */

	.sidebar .block {
		padding: 15px 0 3px 0;
		border-top: 1px solid #858585;
	}
	.sidebar .block:first-child,
	.sidebar .ie6-first-child {
		padding-top: 0;
		border-top: 0;
	}






/* GLOBAL > ELEMENTS > SECTIONS > PAGES */

/* --------------------------------------------------------------------------------------
 * ueber-coca-cola
 * -------------------------------------------------------------------------------------- */

	.page-ueber-coca-cola .box dl {
		width: 100%;
	}
	.page-ueber-coca-cola .box dt {
		clear: both;
		width: 155px;
		float: left;
		margin: 0 10px 8px 0;
		font-weight: normal;
	}
	.page-ueber-coca-cola .box dd {
		width: 375px;
		overflow: hidden;
		margin-bottom: 8px;
	}
	.ie6 .page-ueber-coca-cola .box img {
		behavior: url(/assets/components/iepngfix/iepngfix.htc);
	}