/** 
 * project: Barmer
 * type: stylesheet
 * media: screen, projection, print
 * description: loader for stylesheets (universalpage 2 columns)
 * @author: Heimann/Menzel, 2010.08.15
 * @copyright: T-Systems Multimedia Solutions GmbH 2010. All rights reserved.
 */



@font-face {
    font-family: bgek-titillium;
    font-style: normal;
    font-weight: 200;
    src: url(/BarmerForms/resources/html/img/fonts/2702/6e2be758d7b0d326fc93a2c1d70395e0/data/bgek-titillium-light-otf.otf) format("opentype")
}

@font-face {
    font-family: bgek-titillium;
    font-style: italic;
    font-weight: 200;
    src: url(/BarmerForms/resources/html/img/fonts/2702/6e2be758d7b0d326fc93a2c1d70395e0/data/bgek-titillium-light-otf.otf) format("opentype")
}

@font-face {
    font-family: bgek-titillium;
    font-style: normal;
    font-weight: 400;
    src: url(/BarmerForms/resources/html/img/fonts/2706/195ded38dcd360b657e320e56f2673e5/data/titilliumweb-regular-woff.bin) format("woff")
}

@font-face {
    font-family: bgek-titillium;
    font-style: italic;
    font-weight: 400;
    src: url(/BarmerForms/resources/html/img/fonts/2706/195ded38dcd360b657e320e56f2673e5/data/titilliumweb-regular-woff.bin) format("woff")
}

@font-face {
    font-family: bgek-titillium;
    font-style: normal;
    font-weight: 600;
    src: url(/BarmerForms/resources/html/img/fonts/78136/f9d31986b33dde9e6feecbd895a66f49/data/bgek-titillium-semibold-woff.bin) format("woff")
}

@font-face {
    font-family: bgek-titillium;
    font-style: italic;
    font-weight: 600;
    src: url(/BarmerForms/resources/html/img/fonts/78136/f9d31986b33dde9e6feecbd895a66f49/data/bgek-titillium-semibold-woff.bin) format("woff")
}

@font-face {
    font-family: bgek-titillium;
    font-style: normal;
    font-weight: 700;
    src: url(/BarmerForms/resources/html/img/fonts/2692/d5ebad5ad3a31c66617a3ccfd9d54226/data/titilliumweb-bold-woff.bin) format("woff")
}

@font-face {
    font-family: bgek-titillium;
    font-style: italic;
    font-weight: 700;
    src: url(/BarmerForms/resources/html/img/fonts/2692/d5ebad5ad3a31c66617a3ccfd9d54226/data/titilliumweb-bold-woff.bin) format("woff")
}

/**
 * description: demo styles for prototype issues
 */

@media screen, projection {
	
	#bg .demo {
		background: #fc0;
		opacity: .6;
	}

	#bg .demo-text {
		color: #0080ff;
		font-weight: bold;
		font-size: 10px;
	}


	/* container, components */
	#bg .demo-info-container,
	#bg .demo-info-component {
		overflow: hidden;
		position: absolute;
	}
	#bg .demo-info-container:hover,
	#bg .demo-info-component:hover {
		height: auto;
		overflow: visible;
		width: auto;
	}
	#bg .demo-info-container div,
	#bg .demo-info-component div {
		height: 100%;
		position: absolute;
		width: 100%;
	}
	#bg .demo-info-container span,
	#bg .demo-info-component span {
		display: block;
		height: 10px;
		overflow: hidden;
		padding: .5em 1em;
		position: absolute;
		width: 20px;
		z-index: 1000;
	}
	#bg .demo-info-container:hover span,
	#bg .demo-info-component:hover span {
		height: auto;
		overflow: visible;
		width: 120px;
	}
	/* container specific */
	#bg .demo-info-container:hover {
		border: 1px solid #0080ff;
	}
	#bg .demo-info-container:hover div {
		background-color: #0080ff;
		opacity: .2;
	}
	#bg .demo-info-container span {
		background-color: #0080ff;
		color: #fff;
		right: 0;
		text-align: right;
	}
	/* components specific */
	#bg .demo-info-component:hover {
		border: 1px solid #999;
	}
	#bg .demo-info-component:hover div {
		background-color: #ffc;
		opacity: .5;
	}
	#bg .demo-info-component span {
		background: #ffc;
		border: 1px solid #999;
	}
	#bg .demo-info-component:hover span {
		border: none;
	}

	/* coremedia editor view */
	#bg .contentLink {
		background-color: #ccc;
		padding: 2px;
		display: block;
		position: absolute;
		border: 1px solid #999;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		box-shadow: 2px 2px 5px #999;
		-moz-box-shadow: 2px 2px 5px #999;
		-webkit-box-shadow: 2px 2px 5px #999;
		z-index: 10000;
	}

	#bg .contentLink img {
		width:auto !important;
	}
}


@media print {
}




/**
 * description: base styles for html elements
 */

@media all {
	/* global whitespace reset !!! */
	* {
		margin: 0;
		padding: 0;
	}
	
	/* font family */
	body,
	button,
	input,
	optgroup,
	option,
	select,
	textarea,
	pre {
		font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	}
	
	/* font size inheritance ! */
	dd address,
	dd dt,
	dd dd,
	dd li,
	dd p,
	dd pre,
	/* dd legend - doesn't make sense */
	dd caption,
	dd tr,
	li address,
	li dt,
	li dd,
	li li,
	li p,
	li pre,
	li legend,
	li caption,
	li tr,
	tr address,
	tr dt,
	tr dd,
	tr h3,
	tr h4,
	tr h5,
	tr li,
	tr p,
	/* tr legend, tr caption, tr tr - doesn't make sense */
	tr pre {
		font-size: 1em !important;
	}

	/* headlines */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: bold;
		line-height: 1.0;
	}
	
	/* text - block */
	address {
		display: block;
		font-style: normal;
	}
	blockquote {
		clear: left;
		font-style: normal;
	}
	
	/* text - inline */
	abbr,
	acronym {
		border-color: inherit;
		cursor: help;
		font-style: normal;
	}
	em {
		font-style: normal;
		font-weight: inherit;
	}
	code,
	kbd,
	samp,
	var {
		font-family: "Courier New", Courier, monospace;
		font-weight: bold;
	}
	q,
	cite {
		font-style: normal;
	}
	strong {
		font-style: normal;
		font-weight: bold;
	}
	sup {
		position: relative;
		vertical-align: top;
	}
	
	/* horizontal rule */
	hr {
		display: none;
	}
	
	/* images */
	img {
		border: none;
	}
	
	/* lists */
	ol {
		clear: left;
	  	list-style: decimal outside none;
	}
	ul {
		clear: left;
	  	list-style: none;
	}
	
	/* forms */
	fieldset {
		border: none;
	}
	legend {
		display: block;
		font-weight: bold;
		color: #333;
	}
	label {
		display: block;
	}
	input,
	select,
	textarea {
		color: #000;
		display: block;
		font-weight: normal;
	}
	optgroup {
		font-style: normal;
		font-weight: bold;
		padding: 0 0 0 .5em;
	}
	
	/* tables */
	table {
		background-color: #fff;
		border: 1px solid #000;
		border-collapse: separate;
		border-spacing: 0;
		caption-side: top;
		clear: left;
		empty-cells: show;
		width: 100%; /* Remember! */
	}
	caption,
	th {
		font-weight: bold;
		text-align: left;
	}
	th,
	td {
		border-style: solid;
		vertical-align: top;
	}
	/* table body */
	tbody th {
		font-weight: normal;
	}
}


@media screen, projection {
	/* body */
	html,
	body {
		background: #fff;
		color: #333;
		height: 100%;
	}
	body {
		font-size: 10px; /* base font size ! */
		line-height: 1.0;
	}

	/* text - block */
	address,
	dt,
	dd,
	li,
	p,
	pre,
	legend,
	caption,
	tr {
		font-size: 1.2em; /* 12px */
		line-height: 1.5; /* 18px */
	}
	/* reduced line-height inside tables */ 
	tr {
		line-height: 1.333; /* 16px */
	}
	/* different font-size for content in content-section +1px (!) */
	.cts address,
	.cts dt,
	.cts dd,
	.cts li,
	.cts p,
	.cts pre,
	.cts legend,
	.cts caption {
		font-size: 16px;
		line-height: 1.5;
	}
	/* font-size inheritance finetuning */
	.cts dd tr,
	.cts li tr {
		font-size: .923em !important;
	}

	/* text - inline */
	abbr,
	acronym {
		border-bottom: 1px dotted inherit;
	}

	/* links - specificity: "LVHAF"! */
	/* portal "services" = default */
	a {
		background-color: transparent;
		cursor: pointer;
		outline: none; /* to prevent FF ugly border */
		text-decoration: none;
	}
	a:link,
	a:visited {
		color: #333;
	}
	a:hover {
		color: #51831c;
		text-decoration: underline;
	}
	a:active,
	a:focus {
		background-color: #51831c;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #fff !important;
		text-decoration: none;
	}
	
	/* images */
	img {
		display: block;
		color: #333;
	}

	/* forms */
	label,
	input[type=button],
	input[type=checkbox],
	input[type=image],
	input[type=radio],
	input[type=reset],
	input[type=submit],
	select,
	button {
		cursor: pointer;
	}
	.cts label {
		line-height: 1.308; /* 17px */
	}
	select,
	textarea {
		border: 1px solid #999;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	select {
		padding: .083em .083em .083em .333em;
	}
	.cts select {
		padding: .077em .077em .077em .308em;
	}
	option {
		padding-left: .333em;
	}
	.cts option {
		padding-left: .308em;
	}
	textarea {
		background: #fff url(/BarmerForms/resources/html/img/barmer/bg-form-field.gif) repeat-x 0 0;
		padding: .167em .333em;
	}
	.cts textarea {
		padding: .154em .308em;
	}
	#bg.sv select:hover,
	#bg.sv textarea:hover {
		border-color: #51831c;
	}
	#bg.kl select:hover,
	#bg.kl textarea:hover {
		border-color: #005794;
	}
	#bg.sv select:active,
	#bg.sv select:focus,
	#bg.sv textarea:active,
	#bg.sv textarea:focus {
		background-color: #aecf78;
		background-position: 0 -200px;
		border-color: #999;
	}
	#bg.kl select:active,
	#bg.kl select:focus,
	#bg.kl textarea:active,
	#bg.kl textarea:focus {
		background-color: #bddcf1;
		background-position: 0 -400px;
		border-color: #999;
	}

	/* tables */
	table {
		border-color: #cdcdcd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 1em;
		padding: 1em 0;
	}
	caption {
		background-color: #fff;
		border: 1px solid #cdcdcd;
		border-width: 1px 1px 0;
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-top-left-radius: 3px; /* webkit does not understand shorthand syntax */
		-webkit-border-top-right-radius: 3px;
		color: #51831c;
		margin-bottom: -.833em;
		padding: .333em .667em;
	}
	.cts caption {
		margin-bottom: -.846em;
		padding: .308em .615em;
	}
	#bg.kl caption {
		color: #005794;
	}
	/* head, body, foot */
	th,
	td {
		border: 1px solid #fff;
		border-width: 0 1px 1px 0;
		padding: .167em .667em;
	}
	th:last-child,
	td:last-child {
		border-right: none;
	}
	/* table head */
	thead th {
		background-color: #51831c;
		color: #fff;
		font-weight: normal;
		padding: .417em .667em;
	}
	#bg.kl thead th {
		background-color: #005794;
	}
	/* table body */
	tbody tr {
		background-color: #fff;
	}
	tbody th,
	tbody td {
		border-bottom-color: #cdcdcd;
	}
}


/* target webkit based (safari,chrome) browsers */
@media all and (-webkit-min-device-pixel-ratio:0) {
	caption {
		margin-right: -2px;
	}
}
@media screen, projection and (-webkit-min-device-pixel-ratio:0) {
	/* text - inline */
	abbr,
	acronym {
		border-bottom: 1px dotted #333;
	}
}


@media print {
	/* global background and border settings */
	* {
		background-color: #fff !important;
 		background-image: none !important;
		border-color: #000 !important;
	}
	
	/* debug
	html { margin: 0; border: 1px solid #f0f !important; } 
	body { margin: 0; border: 1px solid #ff0 !important; }
	 */

	/* body */
	body {
		background-color: #fff;
		color: #000;
		font-size: 8pt;
		height: auto !important;
		line-height: 1.0;
		orphans: 2;
		widows: 2;
	}

	/* headlines */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
		page-break-inside: avoid;
	}
	
	/* text - block */
	address,
	dt,
	dd,
	li,
	p,
	pre,
	legend,
	caption,
	tr {
		font-size: 1.25em; /* 10pt */
		line-height: 1.4; /* 14pt */
	}

	/* text - inline */
	abbr,
	acronym {
		border-bottom: none;
	}
	abbr:after,
	acronym:after {
		content: " (" attr(title) ")";
		font-size: 80%;
	}
	
	/* text, img, forms */
	address,
	q,
	img,
	fieldset,
	ul,
	ol,
	li,
	tr,
	th,
	td {
		page-break-inside: avoid;
	}
	
	/* links */
	a {
		background-color: transparent;
		color: #000;
		text-decoration: none;
	}
	a[href^="http"]:after {
		 /* content: " (" attr(href) ")";  <- if link target should be displayed */
	}

	/* tables */
	table {
		margin-bottom: 20px;
		border: none;
	}
	th,
	td {
		border-width: 1px;
		padding: 2px;
	}
}



/**
 * description: utility classes
 */

@media all {
	/* visibility classes */
	#bg .inv {
		visibility: hidden;
	}
	#bg .show {
		visibility: visible;
	}
	#bg .hd {
		left: -1000em !important;
		overflow: hidden;
		position: absolute !important;
	}
	
	/* for clearing issues */
	#bg .cl:after {
		/*clear: both;*/
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	
	/* hide content for js user */
	#bg.js .jshide {
		display: none;
	}
	
	/* company name */
	#bg .bm { /* needed for compatibility reasons */
	    text-transform: uppercase;
	}

	/* nowrapping content */
	#bg .nowrap {
		white-space: nowrap;
	}
	
	/* generic horizontal navigation */
	#bg .h-nav {
		list-style-type: none;
	}
	#bg .h-nav li {
		float: left;
		width: auto;
	}
	#bg .h-nav li a,
	#bg .h-nav li strong {
		display: block;
		line-height: 1.0;
	}

	/* error and success messages */
	#bg .error {
		background-color: transparent;
		color: #b2120d;
	}

	/* img with "new" and/or "service" icon */
	#bg img.new-content,
	#bg img.service {
		display: inline;
		float: none !important;
		margin: 0 !important;
		width: auto !important;
	}
	#bg img.service {
		left: -1px;
		position: relative;
	}
	
	/* column control */
	#bg .columns .column-left,
	#bg .columns .column-right {
		width: 50%;
	}
	#bg .columns .column-left {
		float: left;
	}
	#bg .columns .column-right {
		float: right;
	}

	/* tab navigation */
	#bg .tabs a {
		background-image: url(/BarmerForms/resources/html/img/barmer/bg-application-tab.gif);
		background-position: 0 100%;
		background-repeat: repeat-x;
		border: 1px solid #d9d9d9;
		border-width: 1px 1px 0;
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		display: block;
		margin-right: .167em;
		padding: .417em .833em;
	}
	#bg .tabs a:hover {
		border-color: #b7b7b7 !important;
		text-decoration: none;
	}
	#bg .tabs a:active,
	#bg .tabs a:focus {
		background-image: none;
	}
	#bg .tabs a.current {
		background-position: 0 0;
		border-color: #cdcdcd;
		margin-bottom: -.083em;
		padding-bottom: .5em;
		text-shadow: 1px 1px 1px #fff;
	}
	#bg .tabs a.current:link,
	#bg .tabs a.current:visited {
		background-color: #e5e5e5;
		color: #000;
	}
	/* multiple text lines */
	#bg .tabs.lines-2 a {
		height: 2em;
	}
	#bg .tabs.lines-3 a {
		height: 3em;
	}

	/* link in tab row: e.g. new profile link */
	#bg .tab-addition {
		float: right;
		padding: .231em 0 0 !important;
	}

	/* grouped content: fieldsets or inside tabs */
	#bg .group {
		clear: both;
		background-color: #e5e5e5;
		border: 1px solid #cdcdcd;
		border-radius: 0 3px 3px 3px;
		-moz-border-radius: 0 3px 3px 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		padding: .9em .9em 0;
		margin-bottom: 2em;
	}
	
	/* vcard */
	#bg .vcard .adr,
	#bg .vcard .org,
	#bg .vcard .street-address,
	#bg .vcard .note {
		display: block;
	}
	#bg .vcard .adr {
		padding-bottom: 1em;
	}
	#bg .vcard a.ic {
		background-position: 2px 3px;
		display: inline;
	}
	#bg .vcard a.ic.kl {
		background-position: 2px -397px;
	}
	
	/* vote */
	#bg .vote {
		background: url(/BarmerForms/resources/html/img/barmer/ic-vote.png) no-repeat 0 0;
		display: block;
		height: 9px;
		width: 50px;
	}
	#bg.sv .vote.one {
		background-position: 0 -200px;
	}
	#bg.sv .vote.two {
		background-position: 0 -400px;
	}
	#bg.sv .vote.three {
		background-position: 0 -600px;
	}
	#bg.sv .vote.four {
		background-position: 0 -800px;
	}
	#bg.sv .vote.five {
		background-position: 0 -1000px;
	}
	#bg.kl .vote.one {
		background-position: 0 -1200px;
	}
	#bg.kl .vote.two {
		background-position: 0 -1400px;
	}
	#bg.kl .vote.three {
		background-position: 0 -1600px;
	}
	#bg.kl .vote.four {
		background-position: 0 -1800px;
	}
	#bg.kl .vote.five {
		background-position: 0 -2000px;
	}
}

	
@media screen, projection {
	/* tab navigation */
	#bg .tabs a.current:active,
	#bg .tabs a.current:focus {
		color: #51831c !important;
		text-shadow: none;
	}
	#bg .tabs a.current.kl:active,
	#bg .tabs a.current.kl:focus {
		color: #005794 !important;
	}

	/* vcard */
	#bg .vcard a.ic:active,
	#bg .vcard a.ic:focus {
		background-position: 2px -197px;
	}
	#bg .vcard a.ic.kl:active,
	#bg .vcard a.ic.kl:focus {
		background-position: 2px -597px;
	}
	
}


@media print {
	#bg .hd {
		display: none;
	}
	/* column control */
	#bg .columns .column-left,
	#bg .columns .column-right {
		float: none;
		width: 100%;
	}
	/* hide previewlinks */
	#bg span.contentLink {
		display: none !important;
	}
}

/**
 * description: utility classes (links)
 */

@media all {
	/* links (anchor) */
	#bg a.jumptarget {
		height: 0;
	}

	/* links: current (list) item */
	#bg a.current {
		color: #51831c;
		font-weight: bold;
	}
	#bg a.kl.current {
		color: #005794;
	}

	/* links (with icon) */
	#bg a.ic {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-right-s.png);
		background-position: 2px 5px;
		background-repeat: no-repeat;
		display: block;
		padding-left: 10px;
		padding-right: .182em;
	}
	#bg a.ic.kl {
		background-position: 2px -395px;
	}
	#bg .cts a.ic {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-right.png);
		padding-left: 14px;
		padding-right: .167em;
	}
	#bg a.ic.backward {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-left-s.png);
	}
	#bg .cts a.ic.backward {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-left.png);
	}
	#bg a.ic.top {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-top-s.png);
	}
	#bg .cts a.ic.top {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-top.png);
		background-position: 2px 6px;
	}
	#bg .cts a.ic.kl.top {
		background-position: 2px -394px;
	}
	#bg a.ic.bottom {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-bottom-s.png);
	}
	#bg .cts a.ic.bottom {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-bottom.png);
	}

	/* links (external with icon) */
	#bg a.ext {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-external.gif);
		background-position: 2px 5px;
		background-repeat: no-repeat;
		display: inline;
		padding-left: 13px;
		padding-right: .182em;
	}
	#bg a.ext:visited {
		background-position: 2px -195px;
	}
	#bg .cts a.ext {
		padding-right: .167em;
	}

	/* links (with icon and "application" context) */
	#bg a.app {
		background: url(/BarmerForms/resources/html/img/barmer/ic-app-arrow-right.png) no-repeat 0 2px;
		display: block;
		padding-left: 20px;
	}
	#bg a.app.back {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-arrow-left.png);
	}
	#bg a.app.back-to-first {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-arrow-back-to-first.png);
	}
	#bg a.app.next-double {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-right-double.png);
	}
	#bg a.app.prev-double {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-left-double.png);
	}
	#bg a.app.cancel {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-close.png);
	}
	#bg a.app.comment {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-comment.png);
	}
	#bg a.app.down {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-arrow-down.png);
	}
	#bg a.app.edit {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-edit.png);
	}
	#bg a.app.minus {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-minus.png);
	}
	#bg a.app.plus {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-plus.png);
	}
	#bg a.app.print {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-print.png);
	}
	#bg a.app.rate {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-rate.png);
	}
	#bg a.app.recommend {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-recommend.png);
	}
	#bg a.app.refresh {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-refresh.png);
	}
	#bg a.app.searching {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-searching.png);
	}
	#bg a.app.speech {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-speech.png);
	}
	#bg a.app.up {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-arrow-top.png);
	}
	#bg a.app.play {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-play.png);
	}
	#bg a.app.pause {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-pause.png);
	}
	#bg a.app.stop {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-stop.png);
	}
	#bg a.app.zoom {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-magnify.png);
	}
	#bg a.app.download {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-download.png);
	}
	/* communication icons */
	#bg a.app.mail {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-sendviaemail.png);
	}
	#bg a.app.sms {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-sendviasms.png);
	}

	/* social bookmarks */
	#bg a.app.social {
		height: 17px;
		padding: 0;
		width: 15px;
	}
	#bg a.app.delicous {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-social-delicious.png);
	}
	#bg a.app.google {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-social-google.png);
	}
	#bg a.app.facebook {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-social-facebook.png);
	}
	#bg a.app.mrwong {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-social-mrwong.png);
	}
	#bg a.app.rss {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-social-rss.png);
	}
	#bg a.app.studivz {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-social-studivz.png);
	}
	#bg a.app.twitter {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-social-twitter.png);
	}
	
	/* standard "download link" */
	#bg a.dwl {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-default.gif);
		background-position: 0 2px;
		background-repeat: no-repeat;
		display: block;
		padding-left: 20px;
	}
	#bg a.dwl .title {
		background-color: #aecf78;
		border: 1px solid #999;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #000;
		display: block;
		left: -1000em;
		overflow: hidden;
		padding: .083em .417em;
		position: absolute;
		top: 1.833em;
		width: 23em;
		z-index: 100;
	}
	#bg a.dwl.kl .title {
		background-color: #bddcf1;
	}
	#bg .cts a.dwl .title {
		font-size: .923em;
	}
	#bg a.dwl .title em {
		font-style: normal;
		font-weight: bold;
	}
	#bg a.dwl .title .ext-hint {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-external.gif);
		background-position: 0 10px;
		background-repeat: no-repeat;
		display: block;
		padding: 5px 0 0 13px;
	}

	/* mimetype specific download links */
	#bg a.doc {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-doc.gif);
	}
	#bg a.eps {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-eps.gif);
	}
	#bg a.exe {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-exe.gif);
	}
	#bg a.gif {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-gif.gif);
	}
	#bg a.ics {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-ics.gif);
	}
	#bg a.jpg {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-jpg.gif);
	}
	#bg a.mov {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-mov.gif);
	}
	#bg a.pdf {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-pdf.gif);
	}
	#bg a.png {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-png.gif);
	}
	#bg a.ppt {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-ppt.gif);
	}
	#bg a.rtf {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-rtf.gif);
	}
	#bg a.tif {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-tif.gif);
	}
	#bg a.txt {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-txt.gif);
	}
	#bg a.xls {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-xls.gif);
	}
	#bg a.zip {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-zip.gif);
	}
	/* special case: treated as normal icon */
	#bg a.vcf {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-mimetype-vcf.png);
	}
	
	/* attachment */
	#bg a.attachment {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-attachment.png);
		background-position: 2px 2px;
		background-repeat: no-repeat;
		display: block;
		padding-left: 20px;
	}
	#bg table .odd a.attachment {
		background-position: 2px -398px;
	}
	#bg.kl table .odd a.attachment {
		background-position: 2px -798px;
	}

	/* rss */
	#bg a.rss {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-rss.gif);
		background-position: 2px 5px;
		background-repeat: no-repeat;
		display: block;
		padding-left: 17px;
		padding-right: .182em;
	}
	
	/* label */
	#bg a.label {
		background-position: 0 0;
		background-repeat: no-repeat;
		display: block;
		padding-left: 20px;
		padding-right: .182em;
	}
	#bg.sv table .odd a.label {
		background-position: 0 -400px;
	}
	#bg.kl table .odd a.label {
		background-position: 0 -600px;
	}
	#bg a.label.label-forum {
		background-image: url(/BarmerForms/resources/html/img/barmer/label-forum.png);
	}
	#bg a.label.label-jobdescription {
		background-image: url(/BarmerForms/resources/html/img/barmer/label-jobdescription.png);
	}
	#bg a.label.label-kalendar {
		background-image: url(/BarmerForms/resources/html/img/barmer/label-kalendar.png);
	}
	#bg a.label.label-miz {
		background-image: url(/BarmerForms/resources/html/img/barmer/label-miz.png);
	}
	#bg a.label.label-mobileenabled {
		background-image: url(/BarmerForms/resources/html/img/barmer/label-mobileenabled.png);
	}
	#bg a.label.label-video {
		background-image: url(/BarmerForms/resources/html/img/barmer/label-video.png);
	}
	#bg a.label.label-pdf {
		background-image: url(/BarmerForms/resources/html/img/barmer/label-pdf.png);
	}
	
	/* -- search result forum expert post -- */
	#bg.sv .searchresults span.expert-box-first {
		background-color: #51831C; /* green */
	}
	#bg.kl .searchresults span.expert-box-first {
		background-color: #005794; /* blue */
	}
	
	#bg .searchresults span.expert-box-first {
		-moz-border-radius: 3px 3px 3px 3px;
		border: 1px solid #000000;
		color: #ffffff;
		padding: 0 0 0 4px;
		margin-right: 2px;
	}
	
	#bg.sv .searchresults span.expert-box-first {
		background-color: #51831C; /* green */
	}
	#bg.kl .searchresults span.expert-box-first {
		background-color: #005794; /* blue */
	}
	#bg .searchresults span.expert-box-first a {
		text-decoration: none;
		margin-right: 2px;
	}
	#bg.sv .searchresults span.expert-box-first a,
	#bg.sv .searchresults span.expert-box-first a:hover,
	#bg.sv .searchresults span.expert-box-first a:focus,
	#bg.sv .searchresults span.expert-box-first a:active,
	#bg.sv .searchresults span.expert-box-first a:hover {
		color: #ffffff;
		background-color: #51831C; /* green */
	}
	#bg.kl .searchresults span.expert-box-first a,
	#bg.kl .searchresults span.expert-box-first a:hover,
	#bg.kl .searchresults span.expert-box-first a:focus,
	#bg.kl .searchresults span.expert-box-first a:active,
	#bg.kl .searchresults span.expert-box-first a:visited {
		color: #ffffff;
		background-color: #005794; /* blue */
	}
	

	/* "call to action" */
	#bg a.action {
		background: #51831c url(/BarmerForms/resources/html/img/barmer/ic-call-to-action.png) no-repeat 2px 1px;
		border: 1px solid #360;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #fff;
		display: block;
		padding: 0 .333em 0 20px;
	}
	#bg a.action.kl {
		background-position: 2px -199px;
		background-color: #005794;
		border-color: #004272;
	}
	#bg .cts a.action {
		background-position: 2px 2px;
		padding-right: .308em;
	}
	#bg .cts a.action.kl {
		background-position: 2px -198px;
	}

	/* vote */
	#bg a.vote {
		background-position: 3px 2px;
		border: 1px solid #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 2px 3px;
	}
	#bg.sv a.vote.one {
		background-position: 3px -198px;
	}
	#bg.sv a.vote.two {
		background-position: 3px -398px;
	}
	#bg.sv a.vote.three {
		background-position: 3px -598px;
	}
	#bg.sv a.vote.four {
		background-position: 3px -798px;
	}
	#bg.sv a.vote.five {
		background-position: 3px -998px;
	}
	#bg.kl a.vote.one {
		background-position: 3px -1198px;
	}
	#bg.kl a.vote.two {
		background-position: 3px -1398px;
	}
	#bg.kl a.vote.three {
		background-position: 3px -1598px;
	}
	#bg.kl a.vote.four {
		background-position: 3px -1798px;
	}
	#bg.kl a.vote.five {
		background-position: 3px -1998px;
	}
}

	
@media screen, projection {
	/* link which point to portal "knowledge & dialog" */
	#bg a.kl:hover {
		color: #005794;
	}
	#bg a.kl:active,
	#bg a.kl:focus {
		background-color: #005794;
	}

	/* links (with icon) */
	#bg a.ic:active,
	#bg a.ic:focus {
		background-position: 2px -195px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#bg a.ic.kl:active,
	#bg a.ic.kl:focus {
		background-position: 2px -595px;
	}
	#bg .cts a.ic.top:active,
	#bg .cts a.ic.top:focus {
		background-position: 2px -194px;
	}
	#bg .cts a.ic.kl.top:active,
	#bg .cts a.ic.kl.top:focus {
		background-position: 2px -594px;
	}

	/* links (external with icon) */
	#bg a.ext:hover {
		background-position: 2px -395px;
	}
	#bg a.ext:active,
	#bg a.ext:focus {
		background-position: 2px -595px;
	}
	#bg a.ext.kl:hover {
		background-position: 2px -995px;
	}
	#bg a.ext.kl:active,
	#bg a.ext.kl:focus {
		background-position: 2px -795px;
	}

	/* links (with icon and "application" context) */
	#bg a.app:hover,
	#bg a.vcf:hover {
		background-position: 0 -198px;
		color: #575757;
	}
	#bg a.app:active,
	#bg a.app:focus,
	#bg a.vcf:active,
	#bg a.vcf:focus {
		background-color: transparent !important;
		background-position: 0 -398px;
		color: #51831c !important;
	}
	#bg a.app.kl:active,
	#bg a.app.kl:focus,
	#bg a.vcf.kl:active,
	#bg a.vcf.kl:focus {
		background-color: transparent;
		background-position: 0 -598px;
		color: #005794 !important;
	}
	
	/* standard "download link" */
	#bg a.dwl:hover {
		position: relative;
		text-decoration: none;
	}
	#bg a.dwl:hover .title {
		left: auto;
	}

	/* attachment */
	#bg a.attachment:active,
	#bg a.attachment:focus {
		background-position: 2px -198px;
	}
	#bg a.attachment.kl:active,
	#bg a.attachment.kl:focus {
		background-position: 2px -598px;
	}

	/* action */
	#bg a.action:hover {
		background-color: #fff;
		background-position: 2px -399px;
		border-color: #575757;
		color: #575757;
		text-decoration: none;
	}
	#bg a.action:active,
	#bg a.action:focus { 
		background-color: #fff;
		background-position: 2px -599px;
		border-color: #51831c;
		color: #51831c !important;
	}
	#bg a.action.kl:active,
	#bg a.action.kl:focus { 
		background-position: 2px -799px;
		border-color: #005794;
		color: #005794 !important;
	}
	#bg .cts a.action:hover {
		background-position: 2px -398px;
	}
	#bg .cts a.action:active,
	#bg .cts a.action:focus { 
		background-position: 2px -598px;
	}
	#bg .cts a.action.kl:active,
	#bg .cts a.action.kl:focus { 
		background-position: 2px -798px;
	}

	/* vote */
	#bg a.vote:hover {
		border-color: #999 !important;
	}
	#bg a.vote:active,
	#bg a.vote:focus {
		border-color: #51831c !important;
	}
	#bg.kl a.vote:active,
	#bg.kl a.vote:focus {
		border-color: #005794 !important;
	}
}


@media print {
	#bg a.ic,
	#bg .cts a.ic,
	#bg a.app,
	#bg a.dwl,
	#bg a.action {
		padding-left: 0;
		text-decoration: underline;
	}
}


/**
 * description: utility classes (forms)
 */

@media all {
	#bg fieldset.hd {
		height: 0 !important;
		padding: 0 !important;
		position: absolute !important;
	}
	#bg legend.hd {
		font-size: 0;
		height: 0;
	}

	/* text and file upload fields */
	#bg input.text {
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-color: #ededed;
		border: 0;
		font-size: 16px;
		outline: 0;
		height: 40px;
		padding: 0 15px;
		resize: vertical;
		width: 100%;
	}

	/* checkboxes and radiobuttons */
	#bg p.checkbox input,
	#bg p.radio input {
		float: left;
		position: relative;
	}
	#bg p.checkbox input {
		top: .083em;
	}
	#bg .cts p.checkbox input {
		top: .077em;
	}
	#bg p.radio input {
		top: .167em;
	}
	#bg .cts p.radio input {
		top: .154em;
	}
	#bg p.checkbox label,
	#bg p.radio label {
		padding-left: 1.5em;
	}
	#bg .cts p.checkbox label,
	#bg .cts p.radio label {
		padding-left: 1.385em;
	}

	/* submit button */
	#bg input.submit {
   		background: #549024;
   		border: none;
		/* harmonise rendering behaviour between rendering engines */
   		box-sizing: border-box;
   		-moz-box-sizing: border-box;
   		-webkit-box-sizing: border-box;
   		color: #fff;
   		display: block;
   		min-height: 1.667em;
   		outline: none;
   		text-align: left;
   		white-space: normal;
   		margin: 12px auto;
   		padding: 10px 24px;
   		font-size: 16px;
 }
	/* submit button which leads to form extensions */
	#bg .extension input.submit {
		background: #fff url(/BarmerForms/resources/html/img/barmer/ic-app-plus.png) no-repeat 2px 2px;
		color: #323232;
		padding-left: 1.583em;
	}
	#bg .cts .extension input.submit {
		padding-left: 1.462em;
	}
}

	
@media screen, projection {
	/* text and file upload fields */
	#bg.kl input.text:active,
	#bg.kl input.text:focus {
		background-color: #bddcf1;
		background-position: 0 -400px;
		border-color: #999;
	}

	/* submit button */
	#bg input.submit:hover {
		background: #497d1f;
		border-color: #497d1f;
	}
	#bg.sv input.submit:active,
	#bg.sv input.submit:focus {
		background: #3d691a;
		border-color: #3d691a;
	}
	#bg.kl input.submit:active,
	#bg.kl input.submit:focus {
		background: #3d691a;
		border-color: #3d691a;
	}

	/* submit button with leads to form extensions */
	#bg .extension input.submit:hover {
		background-position: 2px -198px;
		background-color: #fff;
		color: #575757;
	}
	#bg .extension input.submit:active,
	#bg .extension input.submit:focus {
		background-color: #fff;
	}
	#bg.sv .extension input.submit:active,
	#bg.sv .extension input.submit:focus {
		background-position: 2px -398px;
		color: #51831c;
	}
	#bg.kl .extension input.submit:active,
	#bg.kl .extension input.submit:focus {
		background-position: 2px -598px;
		color: #005794;
	}
}

@media print {
	#bg input.submit {
		background: none !important;
		color: #000;
		padding: 0 3px !important;	
	}
}


/**
 * description: utility classes (tables)
 */

@media all {
	/* tables: numbers in data cells */
	#bg td.no {
		text-align: right;
		white-space: nowrap;
	}
	/* tables: header cells for "number" columns */
	#bg thead th.hl {
		text-align: right;
	}
	/* tables: header cells with reduced priority */
	#bg th.nl {
		font-weight: normal;
	}
	
	/* links in table headers */
	#bg table th a {
		padding: 0 .167em;
	} 
	#bg table th a:link,
	#bg table th a:visited,
	#bg table th a:hover {
		color: #fff !important;
	} 
	#bg table th a:hover {
		text-decoration: none;
	} 
	#bg table th a:active,
	#bg table th a:focus {
		background-color: #fff !important;
		color: #51831c !important;
		text-decoration: none;
	} 
	#bg table th a.kl:active,
	#bg table th a.kl:focus {
		color: #005794 !important;
	}
	
	/* tables: header get sortable */
	#bg thead th.sortable {
		padding-right: .25em;
		padding-left: .25em;
	}
	#bg thead th.sortable a {
		background-image: url("/barmer/assets/www/common/img/icon/ic-app-sortable.png");
		background-repeat: no-repeat;
		background-position: 99% 1px;
		display: block;
		padding-right: 38px;
		text-decoration: none;
	}
	#bg thead th.sortable.order1 a {
		background-position: 99% -199px;
	}
	#bg thead th.sortable.order2 a {
		background-position: 99% -399px;
	}
	#bg.kl thead th.sortable a {
		background-position: 99% -599px;
	}
	#bg.kl thead th.sortable.order1 a {
		background-position: 99% -799px;
	}
	#bg.kl thead th.sortable.order2 a {
		background-position: 99% -999px;
	}
	
	/* tables: subheadings */
	#bg tbody tr.subheading th,
	#bg tbody tr.subheading td {
		font-weight: bold;
		padding-top: 2em;
	}
	
	/* tables: footer */
	#bg tfoot .first th,
	#bg tfoot .first td {
		padding-top: .5em;
	}
}

	
@media screen, projection {
	/* tables: footer */
	#bg tfoot .first {
		background-image: url(/BarmerForms/resources/html/img/barmer/bg-table-foot.gif);
		background-position: 0 0;
		background-repeat: repeat-x;
	}
	#bg tfoot .last th,
	#bg tfoot .last td {
		border-bottom-color: #cdcdcd;
	}

	/* tables: odd/even coloring */
	#bg table .odd {
		background-color: #e3f2dd;
	}
	#bg.kl table .odd {
		background-color: #bddcf1;
	}

	/* tables: sortable */
	#bg thead th.sortable a:hover {
		text-decoration: underline;
	}
	#bg thead th.sortable a:active,
	#bg thead th.sortable a:focus {
		text-decoration: none;
	}
	#bg thead th.sortable.order1 a:active,
	#bg thead th.sortable.order1 a:focus {
		background-position: 99% -399px;
	}
	#bg thead th.sortable a:active,
	#bg thead th.sortable a:focus,
	#bg thead th.sortable.order2 a:active,
	#bg thead th.sortable.order2 a:focus {
		background-position: 99% -199px;
	}
	#bg.kl thead th.sortable.order1 a:active,
	#bg.kl thead th.sortable.order1 a:focus {
		background-position: 99% -999px;
	}
	#bg.kl thead th.sortable a:active,
	#bg.kl thead th.sortable a:focus,
	#bg.kl thead th.sortable.order2 a:active,
	#bg.kl thead th.sortable.order2 a:focus {
		background-position: 99% -799px;
	}
}

@media all {
	#bg.portal-dbs .colCtrl { margin-top: 2.7em; }
	#bg .colCtrl.cols3 { margin-left: -1em; margin-right: -1em; }
	#bg .colCtrl.cols3 .c1 { width:33.3%; float:left; }
	#bg .colCtrl.cols3 .c2 { width:66.6%; float:left; }
	#bg .colCtrl.cols3 .c3 { width:100%; float:left; }
	
	#bg .colCtrl.cols5 .c1 { width:20%; float:left; }
	#bg .colCtrl.cols5 .c2 { width:40%; float:left; }
	#bg .colCtrl.cols5 .c3 { width:60%; float:left; }
	#bg .colCtrl.cols5 .c4 { width:80%; float:left; }
	#bg .colCtrl.cols5 .c5 { width:100%; float:left; }
	
	*+html #bg .colCtrl.cl { height:auto; zoom:1; } 
}

@media print {
	#bg .colCtrl.cols3 { margin-left: 0; margin-right: 0; }
}

@media screen, projection {
	#bg .shadowImg {
		display: block;
		border: 1px solid #dfdfdf;
		padding: 4px;
		overflow: visible;
		position: relative;
		background: #fff;
	}
	#bg .shadowImg > img {
		float:none !important;
		margin:0 !important;
		max-width:100% !important;
		width:auto !important;
		height:auto;
	}
	#bg.homepage .shadowImg > img.teaserimg {
		width:100% !important;
	}
	#bg span.shadowImgLeft,
	#bg span.shadowImgRight {
		height: 8px;
		width: 110px;
		background: transparent url("/barmer/assets/www/common/img/background/bg-img-shadow.png") no-repeat 0 0;
		position: absolute;
		bottom: -9px;
	}
	#bg span.shadowImgLeft {
		left: 0;
	}
	#bg span.shadowImgRight {
		background-position: 100% 0;
		right: 0;
	}
}



/**
 * component: page (shared component)
 * description: page styles for all page types
 */

@media screen, projection {
	/* wrapper for header and content sections */
	#bg #wrapper {
		margin: 0 auto;
		min-width: 64em;
		max-width: 97.8em;
	}

	/* header section */
	#bg #header {
		position: relative;
		z-index: 100;
	}
	#bg.portal-0212 #header {
		background-color: #fff;
		background-image: none;
	}
	#bg.portal-dbs #header {
		background: #fff none;
		padding-left: 24.2em;
		height: 17.1em;
	}
	#bg.portal-dbs.homepage #header {
		height: 13em;
	}
	#bg #multipurpose-nav {
		position: absolute;
		right: .5em;
		top: 0;
	}
	#bg.portal-dbs #multipurpose-nav {
		position: static;
		text-align: right;
	}

	/* content section */
	#bg #content {
		background: #fff;
		clear: both;
		padding: 2em 1.5em 0;
	}
	#bg.portal-dbs #content {
		padding-bottom: 4.9em;
	}
	#bg #sidebar-right {
		float: right;
		width: 22em;
	}
	#bg .alternate #sidebar-right {
		margin-bottom: 2em;
		width: 100%;
	}
	#bg #visual {
		float: left;
		margin: 0 0 1em -1.5em;
		overflow: hidden;
		width: 73.5em;
	}
	#bg.portal-0212 #visual {
		margin: 0 0 2.8em;
		width: 72em;
	}
	#bg.portal-dbs #visual {
		margin-bottom: 2.8em;
	}
	#bg.portal-dbs .keyvisual {
		padding-left: 0;
	}
	#bg .alternate #content-column {
		clear: right;
	}

	/* footer section */
	#bg .advertisingFooter {
		clear: both;
		margin: 0 auto;
		min-height: 20%;
		position: relative;
		min-width: 64em;
		max-width: 97em;
		padding-top: 1.6em;
		z-index: 1;
	}

	#bg .advertisingFooter > a,
	#bg .advertisingFooter > span {
		margin: 0 -2px;
		display: block;
		width: auto;
	}

	#bg .advertisingFooter > a img,
	#bg .advertisingFooter > span img {
		width: 100%;
	}

	#bg .advertisingteaser {
		margin: 3.8em 0 1em;
		text-align: center;
	}

	#bg .advertisingteaser > a,
	#bg .advertisingteaser > img {
		display: inline-block;
	}

	#bg #footer {
		clear: both;
		margin: 0 auto;
		min-height: 20%;
		position: relative;
		min-width: 64em;
		max-width: 97em;
/*		padding-top: 3em;*/
		z-index: 1;
	}

	#bg.portal-0212 #footer {
		clear: both;
		margin: 0;
		min-width: 0;
		max-width: none;
	}
	#bg.portal-0212 #footer-contents {
		margin: 0 auto;
		min-width: 64em;
		max-width: 97em;
	}  
	#bg.portal-dbs #footer {
		padding-top: 0;
	}
	#bg .advertisingFooter + #footer {
		padding-top: 1.6em;
	}

	/* version switcher */

	#versionSwitcherContainer{
		border-top: solid #B6B6B6 1px;
        border-bottom: solid #b6b6b6 1px;
		font-size: 1.2rem !important;
		clear: both;
		padding: .5em 4%;
		background-color: #FAFAFA;
		text-align: center;
		display:none;
	}

    #versionSwitcherContainer .options .option:not(:last-child):after {
        content: " |";
    }

	#versionSwitcherContainer a{
		text-transform: uppercase;
		display: inline !important;
        padding-left: 0.15em;
        padding-right: 0.15em;
	}

	/* footer-infos */
	
	#bg.portal-0212 #footer-container-top{
		margin: 0 auto;
		min-width: 64em;
		max-width: 97em; 
	}
	#bg.portal-0212 #footer-container-buttom,
	#bg.portal-0212 #footer-container-bottom{
		background-color: #e2e9ef;
		background-position: 31px 100%;
		background-repeat: no-repeat;
		clear: both;
	}
	#bg #footer-infos {
		background-color: #eaeaea;
		background-position: 31px 100%;
		background-repeat: no-repeat;
		border-top: 1px solid #b6b6b6;
		clear: both;
		min-height: 10.3em;
		padding: 0 1.5em 0 107px;
	}

    #versionSwitcherContainer + #footer-infos{
        border-top: none !important; /* hide top border because versionSwitcherContainer has bottom border */
    }

	#bg.portal-0212 #footer-infos {
		background-color: transparent;
		border-top: none;
		padding: 0;
		margin: 0 auto;
		min-width: 64em;
		max-width: 97em;
	}
	#bg.portal-dbs #footer-infos {
		padding-left: 1.5em;
		position: relative;
		background-image: none !important;
	}
	#bg.sv #footer-infos {
		background-image: url(/barmer/assets/www/page/img/footer-logo-sv.png);
	}
	#bg.portal-0212.sv #footer-infos {
		background-image: none;
	}
	#bg.kl #footer-infos {
		background-image: url(/barmer/assets/www/page/img/footer-logo-kl.png);
	}
	#bg.portal-0212.kl #footer-infos {
		background-image: none;
	}
}

@media screen and (min-width: 980px), projection and (min-width: 980px){
	/* version switcher */
	#versionSwitcherContainer{
		    font-size: 1.2rem !important; /* smaller font as the page won't be zoomed in */
	}
}


@media print {
	#bg.portal-dbs #header {
		height: 17em;
	}
	#bg #multipurpose-nav {
		display: none;
	}
	#bg #header {
		height: 5em;
	}
	#bg .top2012Button {
		display: none;
	}
	#bg #sidebar-right,
	#bg #sidebar-left {
		float: none;
		height: auto;
		position: static;
		width: 100%;
	}
	#bg.portal-0212 #sidebar-right {
		display:none;
	}
	#bg #content {
		clear: both;
	}
	#bg #content-column {
		clear: both;
		margin: 0;
		width: 100% !important;
	}
	#bg #content-section {
		float: none;
	}
	#bg #visual {
		clear: both;
		margin: 0 1em 2em;
	}
	#bg #footer {
		clear: both;
	}
	#bg #footer-infos {
		border-top: 1px dotted #000;
		clear: both;
		padding-top: .5em;
	}
}



/**
 * component: universalpage-2col
 * description: styles for page type "universalpage 2 columns"
 */

@media screen, projection {
	/* content section */
	#bg #content-column {
		margin: 0 24em 0 0;
		position: relative;
		width: 70em;
		clear:left;
	}
	#bg #content-section {
		float: left;
		padding-top: 1em;
		width: 100%;
	}
	
	#bg #content-section.bas {
		padding-top: 0;
	}
	#bg .bas .pagetitle{
		padding-top: 0;
	}
}


/**
 * component: jumplist (shared component)
 * description: shared styles for all jump list components
 */

@media screen, projection {
	#bg .jumplist {
		position: absolute;
	}
	/* context dependent position */
	#bg #header .jumplist {
		left: 1.25em;
		top: 0.917em;
		width: 30em;
	}
	#bg #header .jumplist a {
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	#bg .articlefunctions .jumplist {
		right: 0;
		text-align: right;
		top: -2em;
		width: 23em;
	}
	/* links */
	#bg .jumplist a {
		display: block;
		left: -1000em;
		overflow: hidden;
		padding: 0 .25em;
		position: absolute;
	}
	#bg .jumplist a:active,
	#bg .jumplist a:focus {
		left: 0;
	}
	#bg.kl .jumplist a:active,
	#bg.kl .jumplist a:focus {
		background-color: #005794;
	}
	#bg #header .jumplist a:active,
	#bg #header .jumplist a:focus {
		background-color: #C2E17F;
		color: #000 !important;
	}
	#bg .articlefunctions .jumplist a:active,
	#bg .articlefunctions .jumplist a:focus {
		left: auto;
		right: 0;
	}
}


@media print {
	#bg .jumplist {
		display: none;
	}
}




/**
 * component: portallogo
 * description: logo of specific portal
 */

@media all {
	#bg .portallogo {
		font-size: 1em;
	}
}

@media screen, projection {
	#bg .portallogo img {
		left: 2.4em;
		position: absolute;
		top: 4.3em;
	}
	#bg.portal-0212 .portallogo img {
		top: 5.2em;
	}
	/* portal identifier */
	#bg .portallogo strong {
		color: #4b4b4b;
		display: block;
		font-size: 1.2em;
		line-height: 1.167;
		position: absolute;
		right: 1.167em;
		text-align: right;
		top: 3.333em;
		width: 23.333em;
	}
	#bg .portallogo strong em {
		font-size: 1.167em;
		line-height: 1.0;
		color: #51831c;
		display: block;
	}
	#bg.sv .portallogo strong em {
		color: #51831c;
	}
	#bg.kl .portallogo strong em {
		color: #005794;
	}
}


@media print {
	#bg .portallogo img {
		left: 0;
		position: absolute;
		top: 0; 
	}
	#bg .portallogo strong {
		display: none;
	}
}

/**
 * component: textzoom
 * description: zoom functionality for page font-size
 */

@media screen, projection {
	#bg .textzoom {
		float: left;
		height: 1.7em;
		margin-right: .5em;
		padding: .7em 0 0 .9em;
		position: relative;
	}
	#bg.portal-0212 .textzoom {
		padding-top: 1.1em;
	}
	#bg .textzoom p {
		float: left;
		line-height: 1.0;
		margin-top: .25em;
	}
	#bg .textzoom a {
		display: block;
		float: left;
		padding: 0 3px;
	}
	#bg.portal-0212 .textzoom a {
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	#bg .textzoom a.minus {
		font-size: 1.2em;
		line-height: 1.0;
		margin-top: .25em;
	}
	#bg .textzoom a.normal {
		font-size: 1.6em;
		line-height: .813;
		margin-top: .063em;
		padding-bottom: 1px;
	}
	#bg .textzoom a.plus {
		font-size: 1.8em;
		line-height: .722;
		margin-top: 0;
		padding-bottom: 2px;
	}
	#bg .textzoom a:hover {
		background: #333;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #fff;
		text-decoration: none;
	}
	#bg .textzoom a:active,
	#bg .textzoom a:focus {
		background: #51831c;
	}
	#bg.portal-0212 .textzoom a:active,
	#bg.portal-0212 .textzoom a:focus {
		background-color: #C2E17F;
		color: #000 !important;
	}
	#bg.portal-0212 .textzoom a:hover {
		background: transparent;
		color: #51831C !important;
		text-decoration: underline;
	}
	/* tooltip */
	#bg .textzoom span.tooltip {
		background: #333 url(/barmer/assets/www/components/textzoom/img/bg-textzoom-tooltip.gif) no-repeat 100% 0;
		bottom: -2.5em;
		color: #fff;
		display: block;
		font-size: 1.2em;
		line-height: 1.0;
		padding: 10px .5em .333em;
		position: absolute;
		right: 0;
		white-space: nowrap;
	}
}


@media print {
	#bg .textzoom {
		display: none;
	}
}

/**
 * component: membership
 * description: become a member
 */

@media screen, projection {
	#bg .membership {
		float: left;
		margin: .5em .25em 0 0;
	}
	#bg.portal-0212 .membership {
		margin-top: .9em;
	}
	#bg .membership a:hover {
		background-position: 1px -399px;
		color: #575757;
	}
	#bg .membership a:active,
	#bg .membership a:focus {
		background-color: #51831c;
		background-position: 1px 1px;
		border-color: #360;
		color: #fff !important;
	}
}


@media print {
	#bg .membership {
		display: none;
	}
}

/**
 * component: divider-nav
 * description: divider navigation for shared portal sections (target audiences, portals)
 *              color theme: green only
 */

@media screen, projection {
	#bg .divider-nav {
		float: left;
		padding-top: .6em;
	}
	#bg.portal-0212 .divider-nav {
		padding-top: 1em;
	}
	#bg .divider-nav h3 {
		font-size: 1em;
	}
	#bg .divider-nav ul ul li {
		float: none;
		position: static;
		width: auto !important;
	}
	#bg .divider-nav ul ul a {
		padding: .167em .167em .167em 10px;
	}
	
	/**
	 * inside header section with dropdowns
	 */
	#bg #header .divider-nav ul li {
		position: relative;
	}
	#bg #header .divider-nav ul li h3 {
		font-weight: normal;
	}
	#bg #header .divider-nav ul li h3 a {
		margin: 0 .167em;
		padding: .25em .583em;
	}
	/* with js enabled */
	#bg #header .divider-nav ul li.dropdown h3 {
		margin: 0 .167em;
		padding: .083em .167em;
	}
	#bg #header .divider-nav ul li.dropdown h3 a {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-bottom.png);
		background-position: 4px 4px;
		background-repeat: no-repeat;
		border: .083em solid #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 0;
		padding: .167em .167em .167em 1.5em;
	}
	#bg #header .divider-nav ul li.dropdown h3 a:hover {
		text-decoration: none;
	}
	#bg #header .divider-nav ul li.dropdown h3 a:active,
	#bg #header .divider-nav ul li.dropdown h3 a:focus {
		border-color: #a8c18e;
		background-position: 4px -196px;
	}
	#bg #header .divider-nav ul li.open h3 {
		background-color: #51831c;
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
	}
	#bg #header .divider-nav ul li.open h3 a {
		background-position: 4px -196px;
		border-color: #51831c;
		color: #fff;
	}

	/* dropdown */
	#bg #header .divider-nav ul ul {
		background-color: #51831c;
		border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		left: -1000em;
		min-width: 11.75em; /* 141px */
		overflow: hidden;
		padding: .667em;
		position: absolute;
		z-index: 110;
	}
	#bg #header .divider-nav ul li.open ul {
		left: .167em;
	}
	#bg #header .divider-nav ul ul li {
		margin-bottom: .083em;
	}
	#bg #header .divider-nav ul ul a {
		background-color: transparent;
		background-position: 2px -196px;
		color: #fff;
	}
	#bg #header .divider-nav ul ul a.current,
	#bg #header .divider-nav ul ul a:active,
	#bg #header .divider-nav ul ul a:focus {
		background-color: #fff;
		background-position: 2px 4px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #51831c !important;
	}
	#bg #header .divider-nav ul ul a.kl.current,
	#bg #header .divider-nav ul ul a.kl:active,
	#bg #header .divider-nav ul ul a.kl:focus {
		background-position: 2px -396px;
		color: #005794 !important;
	}
	
	/**
	 * inside footer section
	 */
	#bg #footer .divider-nav {
		border-top: 1px solid #cdcdcd;
		margin-top: 2.6em;
		padding: 1.2em 1.3em 2em 1em;
		width: 31.4em;
		position: relative;
	}
	#bg #footer .divider-nav.variant-5col {
		width: 15.7em;
	}
	#bg #footer .divider-nav ul li {
		width: 13.083em; /* 157px */
	}
	#bg #footer .divider-nav ul h3 {
		margin: 0 .833em .667em 0;
	}
	#bg #footer .divider-nav ul h3 a {
		padding: .167em;
	}
	#bg #footer .divider-nav ul ul {
		padding-bottom: .833em;
		padding-right: .833em;
	}
	#bg #footer .divider-nav ul ul li {
		margin-bottom: .333em;
	}
	#bg #footer .divider-nav ul ul a {
		background-position: 2px 4px;
		color: #6e6e6e;
		line-height: 1.167;
	}
	#bg #footer .divider-nav ul ul a.current,
	#bg #footer .divider-nav ul ul a:hover {
		color: #51831c;
	}
	#bg #footer .divider-nav ul ul a:active,
	#bg #footer .divider-nav ul ul a:focus {
		background-position: 2px -196px;
	}
	#bg #footer .divider-nav ul ul a.kl {
		background-position: 2px -396px;
	}
	#bg #footer .divider-nav ul ul a.kl.current,
	#bg #footer .divider-nav ul ul a.kl:hover {
		color: #005794;
	}
	#bg #footer .divider-nav ul ul a.kl:active,
	#bg #footer .divider-nav ul ul a.kl:focus {
		background-position: 2px -596px;
	}
	/* closed if js user not on homepage */
	#bg.js #footer .divider-nav ul.h-nav {
		display: none;
	}
	#bg.js.homepage #footer .divider-nav ul.h-nav {
		display: block;
	}
}


/* target webkit based (safari,chrome) browsers */
@media all and (-webkit-min-device-pixel-ratio:0) {
	#bg #header .divider-nav ul ul {
		width: 11.75em;
	}
}


@media print {
	#bg .divider-nav {
		display: none;
	}
}

/**
 * component: service-nav
 * description: service navigation for shared portal sections
 *              color theme: only green
 */

@media screen, projection {
	#bg .service-nav {
		float: left;
		padding-top: .7em;
	}
	#bg.portal-0212 .service-nav {
		padding-top: 1.1em;
	}
	#bg.portal-0212 .service-nav a {
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	#bg.portal-0212 .service-nav a:active,
	#bg.portal-0212 .service-nav a:focus {
		background-color: #C2E17F;
		color: #000 !important;
	}
	#bg.portal-dbs .service-nav {
		padding: 2.1em 0 0 0.5em;
	}
	#bg .service-nav a {
		margin: 0 .167em;
		padding: .25em .583em;
	}
	#bg.portal-0212 .service-nav a {
		padding: .25em .583em 0.2em;
	}
	#bg .service-nav a.img {
		padding-left: 2.333em;
		background-image: url('/barmer/assets/www/components/navigation/service-nav/img/flaggen.png');
		background-repeat: no-repeat;
	}
	#bg .service-nav a.img.en { 
		background-position: 7px 3px;
	}
	#bg .service-nav a.img.de { 
		background-position: 7px -22px;
	}
	#bg .service-nav a.img.es { 
		background-position: 7px -47px;
	}
	#bg .service-nav a.img.fr { 
		background-position: 7px -72px;
	}
	#bg.portal-dbs .service-nav a {
		color: #999;
	}
}


@media print {
	#bg .service-nav {
		display: none;
	}
}

/**
 * component: language-select
 * description: Sprachauswahl im Headbereich des Portals
 */

@media all {
	#bg .lang-select { 
		float: left;
		padding: 0.8em 0.5em 0 0;
		position: relative;
	}
	#bg.js .lang-select { 
		padding: 0.5em 0 0;
	}
	*+html #bg.js .lang-select { 
		padding: 0.4em 0 0;
	}
	#bg.js .lang-select form { 
		/*
		position: fixed;
		left: 10px;
		opacity:0.5;
		*/
		display: none;
	}
	#bg .lang-select fieldset > p {
		float: left;
	}
	#bg .lang-select select {
		margin-right: 0.7em;
	}
	#bg .lang-select input[type="submit"] {
		-moz-box-sizing: border-box;
		background: url(/BarmerForms/resources/html/img/barmer/bg-form-button.png) no-repeat scroll 0 0 #323232;
		border: 1px solid #323232;
		border-radius: 3px 3px 3px 3px;
		color: #FFFFFF;
		display: block;
		font-weight: bold;
		min-height: 1.667em;
		outline: medium none;
		padding: 0 0.25em 0 0.75em;
		text-align: left;
		white-space: normal;
	}
	#bg .lang-select .dropdown {
		padding: 0.4em 0.3em;
		overflow: hidden;
		height: 1.6em;
		top: 1px;
		right: 1px;
		position: relative;
	}
	#bg .lang-select .dropdown.open {
		background: #eee;
		border: 1px solid #aaa;
		border-radius: 5px;
		height: auto;
		top: 0;
		right: 0;
	}
	#bg .lang-select .dropdown h3 {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#bg .lang-select .dropdown a {
		font-weight:normal;
		display: block;
		padding: 0.0833em 0.1667em;
	}
	#bg .lang-select .dropdown .img {
		padding-left: 2.8333em;
		background-image: url('/barmer/assets/www/components/application/language-select/img/flaggen.png');
		background-repeat: no-repeat;
	}
	#bg .lang-select .dropdown .img.en { 
		background-position: 2px 4px;
	}
	#bg .lang-select .dropdown.open h3 .img.en {
		background-position: 2px -21px;
	}
	#bg .lang-select .dropdown .img.de {
		background-position: 2px -46px;
	}
	#bg .lang-select .dropdown.open h3 .img.de { 
		background-position: 2px -71px;
	}
	#bg .lang-select .dropdown .img.es { 
		background-position: 2px -96px;
	}
	#bg .lang-select .dropdown.open h3 .img.es { 
		background-position: 2px -121px;
	}
	#bg .lang-select .dropdown .img.fr { 
		background-position: 2px -146px;
	}
	#bg .lang-select .dropdown.open h3 .img.fr { 
		background-position: 2px -171px;
	}
	*+html #bg .lang-select p.button { 
		border: 1px solid #323232 !important;
	}
	*+html #bg .lang-select p.button input.submit {
		border: none !important;
	}
}
/**
 * component: header-search
 * description: search box in header-area
 */

@media screen, projection {
	#bg .header-search { 
		float:left;
		padding:0.3em 0.7em 0.7em;
		margin:0 0.9em 0 0.9em;
		background-color:#e2e9ef;
		border-top:medium none;
	}
	#bg .header-search input { 
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	#bg.js .header-search { 
		padding-top:0.9em;
	}
	#bg .header-search legend {
		position:absolute;
		text-indent:-2000px;
		overflow:hidden;
		height:0;
		width:0;
		line-height:0;
	}
	#bg .header-search label {
		position: absolute;
		top: 0;
	}
	#bg.js .header-search label {
		padding: 0.2em 0 0 0.5em;
		color: #000;
		left: -1000em;
		overflow: hidden;
	}
	#bg .header-search p {
		float:left;
		position:relative;
		padding-top:1.6em;
	}
	#bg.js .header-search p {
		padding-top:0;
	}
	#bg .header-search input.text { 
		width: 15.6em;
		margin-right: 0.7em;
		border: none;
		border-bottom: 1px solid #fff;
		background: #fff;
	}
	#bg .header-search input.text:hover,
	#bg .header-search input.text:active,
	#bg .header-search input.text:focus {
		border-color: #85c401;
		background: #85c401;
	}
	#bg .header-search input.submit{
		background: #637482;
		border: 1px solid #637482;
		padding: 0 0.5em 0 0.5em;
		color: #fff;
		font-weight:normal;
	}
	#bg .header-search input.submit:hover,
	#bg .header-search input.submit:active,
	#bg .header-search input.submit:focus {
		background-color: #394957;
		border-color: #394957;
	} 
}

@media print {
	#bg .header-search {
		display: none;
	}
}

/**
 * component: main-nav
 * description: main navigation for shared portal sections
 *              (meta-, first-/second-/third-level navigation)
 */

@media screen, projection {
	#bg .main-nav {
		clear: both;
		margin: 0 1.4em;
		padding-top: 7.9em;
	}
	#bg.errorpage .main-nav,
	#bg.printpage .main-nav {
		padding-top: 10.4em;
	}
	/* first level: "portal"/tab */
	#bg .main-nav h3,
	#bg .main-nav p.switch {    
		float: left;
	    font-size: 2.25em;
	    margin-right: .125em;
	    position: absolute;
	    top: 41px;
	    left: 190px;
		font-weight: 200;
		font-family: bgek-titillium,Helvetica,Arial,sans-serif;
	}
	#bg .main-nav h3,
	#bg .main-nav p.switch a {
		padding: .25em .563em;
	}
	#bg.sv .main-nav h3 {
		color: #818181;
	}
	#bg.kl .main-nav h3 {
		color: #005794;
	}
	#bg.errorpage .main-nav h3,
	#bg.printpage .main-nav h3 {
		float: none;
		height: 2.313em;
		margin: 0;
		position: static;
	}
	#bg .main-nav p.switch {
		font-weight: bold;
		line-height: 1.0;
	}
	#bg.meta .main-nav p.switch {
		top: 0;
	}
	#bg .main-nav p.switch a {
		background-color: #e1e1e1;
		background-position: 0 -200px;
		border: 1px solid #dedede;
		border-bottom: none;
		color: #51831c;
		display: block;
		text-decoration: none;
	}
	#bg .main-nav p.switch a.kl {
		color: #005794;
	}
	#bg .main-nav p.switch a:hover {
		background-color: #ccc;
		background-position: 0 -400px;
		border-color: #b7b7b7;
	}
	#bg .main-nav p.switch a:active,
	#bg .main-nav p.switch a:focus {
		background-color: #416916;
		background-position: 0 -600px;
		border-color: #6f6f6f;
		color: #fff !important;
		text-shadow: none;
	}
	#bg .main-nav p.switch a.kl:active,
	#bg .main-nav p.switch a.kl:focus {
		background-color: #004676;
		background-position: 0 -800px;
	}

	/* second level: horizontal navigation */
	#bg .main-nav ul.h-nav {
		background-color: #fff;
		border: 1px solid #a5a5a5;
		border-bottom: none;
		border-radius: 0 3px 0 0;
		-moz-border-radius: 0 3px 0 0;
		-webkit-border-top-right-radius: 3px;
		z-index: 0;
	}
	#bg.kl .main-nav ul.h-nav,
	#bg.meta .main-nav ul.h-nav {
		border-top-left-radius: 3px;
		-moz-border-radius-topleft: 3px; /* different definition in mozilla browsers (!) */
		-webkit-border-top-left-radius: 3px;
	}
	#bg .main-nav ul li {
		position: relative;
	}
	#bg .main-nav ul h4 {
		font-size: 1.167em;
		line-height: 1.0;
		margin: .786em .714em 0;
	}
	#bg .main-nav ul h4 a {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: .5em;
		padding: .286em;
	}
	#bg .main-nav ul h4 a:hover,
	#bg .main-nav ul h4 a:active,
	#bg .main-nav ul h4 a:focus {
		color: #fff;
		text-decoration: none;
	}
	#bg .main-nav ul h4 a:hover {
		background-color: #51831c;
	}
	#bg .main-nav ul h4 a.kl:hover {
		background-color: #005794;
	}
	#bg .main-nav ul h4 a span {
		border: .083em solid #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		display: block;
		padding: .143em .357em;
	}
	#bg .main-nav ul h4 a:hover span {
		border-color: #51831c;
	}
	#bg .main-nav ul h4 a.kl:hover span {
		border-color: #005794;
	}
	#bg .main-nav ul h4 a:active span,
	#bg .main-nav ul h4 a:focus span {
		border-color: #a8c18e !important;
	}
	#bg .main-nav ul h4 a.kl:active span,
	#bg .main-nav ul h4 a.kl:focus span {
		border-color: #80abca !important;
	}
	#bg .main-nav ul h4 a span span {
		border: none;
		display: inline;
		padding: 0;
	}
	/* current */
	#bg .main-nav ul h4 a.current {
		background: #51831c;
		color: #fff;
	}
	#bg .main-nav ul h4 a.kl.current {
		background: #005794;
	}
	#bg .main-nav ul h4 a.current span {
		border-color: #51831c;
	}
	#bg .main-nav ul h4 a.kl.current span {
		border-color: #005794;
	}
	
	/* with js enabled */
	#bg .main-nav ul li.dropdown.open h4 a {
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		margin-bottom: 0;
		padding-bottom: .786em;
	}
	#bg .main-nav ul li.open h4 a {
		background: #51831c;
		color: #fff;
	}
	#bg .main-nav ul li.open h4 a.kl {
		background: #005794;
	}
	#bg .main-nav ul li.open h4 a span {
		border-color: #51831c;
	}
	#bg .main-nav ul li.open h4 a.kl span {
		border-color: #005794;
	}

	/* dropdown */
	#bg .main-nav ul div {
		background-color: #51831c;
		border-radius: 0 0 3px 3px;
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		left: -1000em;
		overflow: hidden;
		padding: 1.25em .583em 0;
		position: absolute;
		width: 31.667em; /* 380px */
	}
	#bg .main-nav ul div.single {
		width: 16em;
	}
	#bg.kl .main-nav ul div {
		background-color: #005794;
	}
	#bg .main-nav ul li.open div {
		left: .833em;
	}
	
	#bg .main-nav ul li.open.last div {
		left: auto;
		right: .833em;
	}
	#bg .main-nav ul div h5 {
		font-size: 1em;
	}
	#bg .main-nav ul ul li {
		float: none;
 		position: static;
	}
	#bg .main-nav ul ul li a {
		padding: .167em;
	}
	#bg .main-nav ul ul li a.ic {
		padding-left: 10px;
	}

	/* third level: inside dropdown */
	#bg .main-nav ul ul.column {
		border-left: 1px dotted #a9cc72;
		clear: none;
		float: left;
		margin: -1px 0 .833em -1px;
		padding: 1px 0 0 .75em; /* top margin/padding to compensate different starting point of dotted border */
		width: 15em; /* 180px */
	}
	#bg.kl .main-nav ul ul.column {
		border-left: 1px dotted #54a4d2;
	}
	#bg .main-nav ul ul.column.first {
		border-left: none;
		border-right: 1px dotted #a9cc72;
		margin: 0 0 .833em;
		padding: 0 .75em 0 0;
	}
	#bg .main-nav ul ul.column.single {
		border-left: none;
		border-right: none;
	}
	#bg.kl .main-nav ul ul.column.first {
		border-right: 1px dotted #54a4d2;
	}
	#bg .main-nav ul ul.column li {
		margin-bottom: .167em;
	}
	#bg .main-nav ul ul.column h5 {
		padding-bottom: .25em;
	}
	#bg .main-nav ul ul.column a.ic {
		background-position: 2px -196px;
	}
	#bg .main-nav ul ul.column a:link,
	#bg .main-nav ul ul.column a:visited {
		color: #fff;
	}
	#bg .main-nav ul ul.column a.current,
	#bg .main-nav ul ul.column a:active,
	#bg .main-nav ul ul.column a:focus {
		background-color: #fff;
		background-position: 2px 4px;
		color: #51831c !important;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#bg .main-nav ul ul.column a.kl.current,
	#bg .main-nav ul ul.column a.kl:active,
	#bg .main-nav ul ul.column a.kl:focus {
		background-position: 2px -396px;
		color: #005794 !important;
	}

	/* fourth level: inside dropdown */
	#bg .main-nav ul ul.column ul {
		float: none;
		margin-bottom: .833em;
		padding-left: 1.25em;
		width: auto;
	}
	#bg .main-nav ul ul.column ul li {
		margin-bottom: 0;
	}
	#bg .main-nav ul ul.column ul a {
		background-image: none;
		font-weight: normal;
		margin-bottom: .167em;
	}

	/* recommendation: inside dropdown */
	#bg .main-nav ul div div.recommendation {
		background: #fff url(/BarmerForms/resources/html/img/barmer/label-recommend.png) no-repeat 98% 7px;
		border: 1px solid #477819;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		clear: left;
		left: auto;
		margin-bottom: .583em;
		padding: .8333em .583em .667em;
		position: static;
		width: auto;
	}
	#bg.kl .main-nav ul div div.recommendation {
		border: 1px solid #004e85;
	}
	#bg .main-nav ul div div.recommendation h5 {
		padding-bottom: .5em;
		color: #51831c;
	}
	#bg.kl .main-nav ul div div.recommendation h5 {
		color: #005794;
	}
	#bg .main-nav ul div div.recommendation a {
		background-position: 2px 4px;
		line-height: 1.5;
	}
	#bg .main-nav ul div div.recommendation a.kl {
		background-position: 2px -396px;
	}
	#bg .main-nav ul div div.recommendation a:active,
	#bg .main-nav ul div div.recommendation a:focus {
		background-position: 2px -196px;
	}
	#bg .main-nav ul div div.recommendation a.kl:active,
	#bg .main-nav ul div div.recommendation a.kl:focus {
		background-position: 2px -596px;
	}
	#bg .main-nav ul div div.recommendation a.current {
		color: #51831c;
	}
	#bg .main-nav ul div div.recommendation a.kl.current {
		color: #005794;
	}
	
	
	/* *** Sub-Navigation under Layer-Navigation for Portal "Persoehnlicher Bereich (pb)" *** */
	

	/* because of overlapping (ueberblenden) of ".sub-navi" durch Layer-Navi */
	#bg .main-nav ul li.open,
	#bg .main-nav ul li.open div {
		z-index: 1000 !important;
	}
	
	#bg.pb .main-nav p.switch,
	#bg div.meta-nav .main-nav p.switch {
		top: 0;
	}
	
	#bg .main-nav ul.sub-navi {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		border-top-width: 0;
		font-weight: bold;
		height: 2.6em !important;
		padding-top: 2px;
	}
	
	#bg .main-nav ul.sub-navi li {
	}
	
	#bg .main-nav ul.sub-navi li h5 {
		margin: 0 0 0 1.5em;
		font-size: 1em;
	}
	
	#bg .main-nav ul.sub-navi li h5 a {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 0.3em 0.3em 0.3em 1.3em;
		background: url('/BarmerForms/resources/html/img/barmer/ic-arrow-right-s.png') no-repeat scroll 5px 6px #ffffff;
		text-decoration: none;
	}
	
	#bg .main-nav ul.sub-navi li h5 a:hover,
	#bg .main-nav ul.sub-navi li h5 a:focus,
	#bg .main-nav ul.sub-navi li h5 a:active {
		color: #ffffff;
		background: url('/BarmerForms/resources/html/img/barmer/ic-arrow-right-s.png') no-repeat scroll 5px -194px #51831C;
	}
	
	
	#bg .main-nav ul.sub-navi li h5 a.current {
		color: #ffffff;
		background: url("/barmer/assets/www/common/img/icon/ic-arrow-right-s.png") no-repeat scroll 5px -194px #51831C;
	}
	
}

@media print {
	#bg .main-nav {
		display: none;
	}
}

/**
 * component: access
 * description: login to/logout from personal section
 */

@media screen, projection {
	#bg .access {
		position: absolute;
		right: 1.6em;
		top: 8.5em;
	}
	#bg .access p {
		border-right: 1px solid #575757;
		color: #575757;
		float: left;
		line-height: 1.0;
		margin-top: .25em;
		padding-right: .667em;
		max-width: 21em;
		overflow: hidden;
		white-space: nowrap;
	}
	#bg .access p strong {
		color: #333;
		white-space: nowrap;
	}

	/* personal section functions */
	#bg .access ul.functions {
		clear: none;
		float: right;
	}
	#bg .access ul.functions li {
		float: left;
		width: auto;
	}
	#bg .access ul.functions a {
		margin: 0 .25em;
	}

	/* link: "button style" */
	#bg .access ul a.app {
		background-image: url(/BarmerForms/resources/html/img/barmer/bg-form-button.png);
		background-repeat: no-repeat;
		background-position: 0 -2px;
		border: 1px solid #323232;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #fff;
		font-size: .917em;
		font-weight: bold;
		line-height: 1.364;
		margin: 0 0 0 .25em;
		white-space: nowrap;
	}
	/* link: "button style" */
	#bg .access ul a.app:link,
	#bg .access ul a.app:visited {
		background-color: #323232;
	}
	#bg .access ul a.app:hover {
		background-color: #575757;
		background-position: 0 -202px;
		border-color: #575757;
		text-decoration: none;
	}
	/* overwrite portal dependant coloring */
	#bg .access ul a.app:active,
	#bg .access ul a.app:focus {
		background-color: #51831c;
		background-position: 0 -402px;
		border-color: #51831c;
		color: #fff !important;
	}

	/* login */
	#bg .access.login ul a.app {
		padding: 0 .455em 0 13px;
	}

	/* logout */
	#bg .access.logout ul a.app {
		padding: 0;
	}
	#bg .access.logout ul a.app span {
		background-image: url(/barmer/assets/www/components/access/img/ic-member.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		padding: 0 .455em 0 20px;
	}
}

@media print {
	#bg .access {
		display: none;
	}
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
	Overriding colorbox css theme settings 
*/

/* content loaded into colorbox */
#bg #cboxLoadedContent {
	margin-left: 2em;
	margin-top: 4em;
	padding-right: 2em;
}

/* "shadow" images */
#bg #cboxTopLeft,
#bg #cboxTopCenter,
#bg #cboxTopRight,
#bg #cboxBottomLeft,
#bg #cboxBottomCenter,
#bg #cboxBottomRight {
	background-image: url(/barmer/assets/www/common/js/libs/jquery-1.4.2/plugins/colorbox-1.3.9/images/border1.png);
}
#bg #cboxMiddleLeft,
#bg #cboxMiddleRight {
	background-image: url(/barmer/assets/www/common/js/libs/jquery-1.4.2/plugins/colorbox-1.3.9/images/border2.png);
}

/* "loading" content status */
#bg #cboxLoadingOverlay {
	background-image: url(/barmer/assets/www/common/js/libs/jquery-1.4.2/plugins/colorbox-1.3.9/images/loading.gif);
	background-position: 50% 50%;
}
#bg #cboxLoadingOverlay.load {
	display: block !important;
}

/* title of colorbox/gallery */
#bg #cboxTitle {
	display: none !important;
}

/* current image title in gallery */
#bg #cboxCurrent {
	color: #777;
	font-size: 1.2em;
	margin-top: -1.083em;
	position: static;
	text-align: center;
}

/* previous link */
#bg #cboxPrevious {
	bottom: -.3em;
	left: 2em;
}
#bg #cboxPrevious a.app {
	font-size: 1.2em;
	line-height: 1.667;
}

/* next/close link */
#bg #cboxNext {
	bottom: -.3em;
	left: auto;
	right: 1.9em;
}
#bg #cboxClose {
	bottom: auto;
	right: 1.9em;
	top: 0;
}
#bg #cboxNext a.app,
#bg #cboxClose a.app {
	background-position: 100% 2px;
	font-size: 1.2em;
	line-height: 1.667;
	padding: 0 20px 0 0;	
}
#bg #cboxNext a.app:hover,
#bg #cboxClose a.app:hover {
	background-position: 100% -198px;
} 
#bg #cboxNext a.app:active,
#bg #cboxNext a.app:focus,
#bg #cboxClose a.app:active,
#bg #cboxClose a.app:focus {
	background-position: 100% -398px;
} 
#bg.kl #cboxNext a.app:active,
#bg.kl #cboxNext a.app:focus,
#bg.kl #cboxClose a.app:active,
#bg.kl #cboxClose a.app:focus {
	background-position: 100% -598px;
	color: #005794 !important;
} 

/* print link */
#bg #colorbox p.print {
	font-size: 1.2em;
	left: 1.667em;
	line-height: 1.667;
	position: absolute;
	top: 0;
}

/* colorbox component width - colorbox use this width */
#bg #cb-content-column {
	width: 46em;
}
#bg #cb-content {
	clear: left;
}
#bg #cb-content.load {
	background: #fff url(/barmer/assets/www/common/js/libs/jquery-1.4.2/plugins/colorbox-1.3.9/images/loading.gif) no-repeat 50% 50%;
	height: 100%;
	margin: 0 auto;
	opacity: .8;
	width: 100%;
}


@media print {
	#bg.colorboxprint #wrapper-shadow-bottom,
	#bg.colorboxprint #content,
	#bg.colorboxprint #cboxOverlay,
	#bg.colorboxprint #cboxMiddleLeft,
	#bg.colorboxprint #cboxMiddleRight,
	#bg.colorboxprint #cboxTopLeft,
	#bg.colorboxprint #cboxTopCenter,
	#bg.colorboxprint #cboxTopRight,
	#bg.colorboxprint #cboxBottomLeft,
	#bg.colorboxprint #cboxBottomCenter,
	#bg.colorboxprint #cboxBottomRight,
	#bg.colorboxprint #cboxClose,
	#bg.colorboxprint #cboxNext,
	#bg.colorboxprint #cboxPrevious,
	#bg.colorboxprint #cboxCurrent,
	#bg.colorboxprint #cboxTitle,
	#bg.colorboxprint #cboxSlideshow,
	#bg.colorboxprint #colorbox p.print {
		display: none !important;
	}

	#bg.colorboxprint,
	#bg.colorboxprint #colorbox,
	#bg.colorboxprint #cboxWrapper,
	#bg.colorboxprint #cboxContent,
	#bg.colorboxprint #cboxLoadedContent,
	#bg.colorboxprint #cb-content-column {
		float: none !important;
		height: auto !important;
		margin: 0 !important;
		overflow: visible !important;
		padding: 0 !important;
		position: static !important;
		width: auto !important;
	}
	#bg.colorboxprint #colorbox {
		padding-top: 80px !important;
	}
}

/**
 * component: richtext
 * description: article styles
 */

@media all {
	#bg .richtext {
		clear: both;
	}

	/* headlines */
	#bg .richtext h3,
	#bg .richtext h4,
	#bg .richtext h5 {
		clear: left;
		font-size: 1.2em;
		line-height: 1.167;
		padding: 0 0 .167em;
	}
	#bg li .richtext h3,
	#bg li .richtext h4,
	#bg li .richtext h5 {
		font-size: 1em !important;
	}	
	#bg.sv .richtext h3 {
		color: #51831c;
	}
	#bg.kl .richtext h3 {
		color: #005794;
	}

	/* links */
	#bg .richtext a {
		text-decoration: underline;
	} 
	#bg .richtext a:visited {
		color: #575757;
	} 
	#bg .richtext a.ic,
	#bg .richtext a.app,
	#bg .richtext a.dwl {
		text-decoration: none;
	} 
	/* top link (e.g. to anchor list) */
	#bg .richtext a.top {
		float: right;
	}
	
	/* block text */
	#bg .richtext p,
	#bg .richtext address {
		padding-bottom: 1em;
	}
	#bg.errorpage .richtext p {
		margin-top: 2em;
	}

	/* inline text */
	#bg .richtext em {
		font-style: italic;
	}

	/* lists */
	#bg .richtext ul {
		list-style: none outside url(/BarmerForms/resources/html/img/barmer/ic-list-sv.gif);
		padding: 0 0 1em 1.4em;
	}
	#bg.kl .richtext ul {
		list-style-image: url(/BarmerForms/resources/html/img/barmer/ic-list-kl.gif);
	}
	#bg .richtext ul ul {
		padding-bottom: 0;
	}
	#bg .richtext ol {
		padding: 0 0 1em 2.3em;
	}
	#bg .richtext li p {
		padding-bottom: 0;
	}
	#bg .richtext ul.linklist {
		list-style: none;
		list-style-image: none;
		padding-left: 0;
	}
	#bg .richtext .h-nav {
		list-style: none;
		padding: 0;
	}
	/* anchorlist */
	#bg .richtext .anchorlist p {
		padding-bottom: 0;
	}
	#bg .richtext .anchorlist ul {
		list-style: none;
		padding: 0 0 2em;
	}
	#bg .richtext .anchorlist li {
		background-image:none;
		list-style-image:none;
	}

	/* richtext inside tables */
	#bg table .richtext h3 {
		color: #333;
	}

	/* images */
	#bg .richtext .img {
		clear: both;
		display: block;
		font-size: 1.1em;
		line-height: 1.182;
		padding-bottom: .909em;
	}
	/* inside a <p>: both cases exist */
	#bg .richtext p .img {
		font-size: .917em;
	}
	#bg .richtext .flow {
		float: left;
		margin: 0 .909em 0 0;
	}
	#bg .richtext .img img {
		margin: .364em 0 .455em;
		width: 100%;
	}

	/* video in richtext */
	#bg .richtext .video {
		padding-bottom: 2em;
	}

	/* richtext inside content-section */
	#bg .cts .richtext h3,
	#bg .cts .richtext h4,
	#bg .cts .richtext h5 {
		font-size: 1.3em;
		line-height: 1.154;
		padding: 0 0 .154em;
	}
	#bg .cts .richtext p .img {
		font-size: .846em;
	}
}


@media screen, projection {
	#bg .richtext a:visited:hover {
		color: #51831c;
	} 
	#bg .richtext a.kl:visited:hover {
		color: #005794;
	} 
	#bg .richtext a.ic:hover,
	#bg .richtext a.app:hover,
	#bg .richtext a.dwl:hover {
		text-decoration: underline;
	} 
}


@media print {
}


/**
 * component: intro
 * description: introduction text
 */

@media all {
	#bg .intro {
		float: left;
		font-size: 1.6em;
		line-height: 1.375;
		padding: .5em 0 1em;
		width: 100%;
	}
	#bg #colorbox .intro {
		clear: both;
		float: none;
		width: auto;
	}
	#bg .intro img {
		float: left;
		margin: .313em 1.25em .625em 0;
		width: 13.75em;
	}
	#bg .intro .shadowImg {
		float: left;
		margin: .313em 1.25em .625em 0;
	}
}

/**
 * component: articlefunctions
 * description: print - recommend - vote - social bookmarks
 */

@media screen, projection {
	#bg .articlefunctions {
		border-top: 1px solid #e5e5e5;
		clear: both;
		float: left;
		margin-top: 3em;
		padding-top: .8em;
		position: relative;
		width: 100%;
	}
	#bg #colorbox .articlefunctions {
		float: none;
		width: auto;
	}
	#bg .articlefunctions ul {
		clear: none;
		float: left;
	}
	#bg .articlefunctions ul.bookmarks {
		float: right;
	}
	#bg .articlefunctions a.app {
		line-height: 1.5;
		margin-right: 1.5em;
	}
	#bg .articlefunctions a.social {
		margin: 0 0 0 .333em;
		position: relative;
	}
	#bg .articlefunctions a.social span {
		background: #333 url(/barmer/assets/www/components/text/articlefunctions/img/bg-social-tooltip-left.gif) no-repeat 0 100%;
		color: #fff;
		display: block;
		padding: .25em .5em 10px;
		top: -34px;
		white-space: nowrap;
	}
	#bg #colorbox .articlefunctions a.social span {
		background-image: url(/barmer/assets/www/components/text/articlefunctions/img/bg-social-tooltip-right.gif);
		background-position: 100% 100%;
	}	
	#bg .articlefunctions a.social:hover {
		text-decoration: none;
		z-index: 100;
	}
	#bg .articlefunctions a.social:hover span,
	#bg .articlefunctions a.social:active span,
	#bg .articlefunctions a.social:focus span {
		left: -.583em !important;
		width: auto;
		overflow: visible;
	}
	#bg #colorbox .articlefunctions a.social:hover span,
	#bg #colorbox .articlefunctions a.social:active span,
	#bg #colorbox .articlefunctions a.social:focus span {
		left: auto !important;
		right: 0 !important;
	}

	/* jump to top */
	#bg .cts .jumptop {
		margin: 1.3em 0 3.5em;
	}
	#bg .articlefunctions .jumptop {
		position: absolute;
		top: -2em;
		left: 0;
		margin: 0;
	}
	#bg #colorbox .articlefunctions .jumptop {
		display: none;
	}
	#bg .cts .jumptop a,
	#bg .articlefunctions .jumptop a {
		padding-left: 15px;
	}

	/* webcode */
	#bg .articlefunctions .webcode {
		position: absolute;
		top: -2em;
		right: 0;
	}
}

@media print {
	#bg .articlefunctions {
		display: none;
	}
}

/**
 * component: form
 * description: generic form styles for form based applications
 */

@media all {
	#bg .form  {
		padding-bottom: 5em;
	}

	/* fieldset */
	#bg .form fieldset {
		clear: both;
		margin-bottom: 2em;
		padding: 0 .4em .5em .4em;
		position: relative;
	}
	/* legend */
	#bg .form fieldset legend {
		font-size: 18px;
		margin: 12px 0;
		display: block;
		font-family: bgek-titillium,Helvetica,Arial,sans-serif;
	}
	#bg .form fieldset legend strong {
		display: block;
		font-family: bgek-titillium,Helvetica,Arial,sans-serif;
	}
	/* change legend style for FF 2.0-3.5
	 * browser switch: :-moz-first-node
	 */
	#bg .form fieldset legend:-moz-first-node {
		margin-left: -1.071em;
		margin-right: -.357em;
	}
	#bg .form fieldset legend:-moz-first-node strong {
		width: 30.714em; /* 430px */
	}
	#bg.universalpage-2col .form fieldset legend:-moz-first-node strong {
		width: 47.857em; /* 670px */
	}
	/*
	 * reset legend for FF 3.6
	 * browser switch: :-moz-locale-dir(ltr)
	 */
	#bg .form fieldset legend:-moz-locale-dir(ltr) {
		margin-left: 0;
		margin-right: -1.429em;
	}
	#bg .form fieldset legend:-moz-locale-dir(ltr) strong {
		width: auto !important;
	}


	/* headlines */
	#bg .form fieldset h3 {
		clear: left;
		font-size: 1.3em;
		padding: .769em .769em .308em 0;
	}


	/* success and error messages on confirmation page */
	#bg .form div.info {
		background-color: #fff;
		border: 1px solid #333;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 2em;
		padding: 1em 1.4em;
	}
	#bg .form div.info ul {
		font-weight: bold;
		list-style: square outside none;
		padding: 0 0 0 1.4em;
	}
	#bg .form div.info ul li.success {
		color: #51831c;
	}

	/* error on field */
	#bg .form p.error label span {
		background-color: #b2120d;
		border-radius: 3px 3px 3px 0;
		-moz-border-radius: 3px 3px 3px 0;
		-webkit-border-radius: 3px;
		-webkit-border-bottom-left-radius: 0;
		color: #fff;
		float: left;
		padding: .077em .231em;
	}	
	#bg .form p.error input.text,
	#bg .form p.error input.file,
	#bg .form p.error select,
	#bg .form p.error textarea {
		border-color: #b2120d;
		border-radius-topleft: 0;
		-moz-border-radius-topleft: 0;
		-webkit-border-top-left-radius: 0;
		clear: left;
	}	
	#bg .form p.error span.post-text {
		float: left;
	}	


	/* grid
	 * size S = 45px, sizeM = 100px, sizeL = 210px, fullWidth = 430px
	 * every field block (label + field) has a right margin of 10px
	 */
	#bg .form fieldset p {
		clear: left;
		margin-right: .769em;
		padding-bottom: .769em;
	}
	#bg .form fieldset table p {
		margin-right: 0;
	}
	#bg .form fieldset p.sizeS {
		width: 3.462em; /* 45px */
	}
	#bg .form fieldset p.sizeM {
		width: 7.692em; /* 100px */
	}
	#bg .form fieldset p.sizeL {
		width: 16.154em; /* 210px */
	}

	/* fields in a row */
	#bg .form fieldset .row {
		clear: left;
	}
	#bg .form fieldset .row p {
		clear: none;
		float: left;
	}

	/* indented grid
	 * -> triggered by selection dependant input (radio, checkbox button)
	 */
	#bg .form fieldset .selection .dependant {
		border-left: .3em solid #515151;
		margin: 0 0 .7em .6em;
		padding-left: .9em;
	}
	/* grid indented by 18px */
	#bg .form fieldset .selection .dependant p.sizeS,
	#bg .form fieldset .selection .dependant .row p.sizeS:first-child {
		width: 2.077em; /* 27px */
	}
	#bg .form fieldset .selection .dependant p.sizeM,
	#bg .form fieldset .selection .dependant .row p.sizeM:first-child {
		width: 6.308em; /* 82px */
	}
	#bg .form fieldset .selection .dependant p.sizeL,
	#bg .form fieldset .selection .dependant .row p.sizeL:first-child {
		width: 14.769em; /* 192px */
	}
	/* grid indented and in a row
	 * grid width is the same as of non indented grid
	 * except for the first p in a row (see above)
	 */
	#bg .form fieldset .selection .dependant .row p.sizeS {
		width: 3.462em; /* 45px */
	}
	#bg .form fieldset .selection .dependant .row p.sizeM {
		width: 7.692em; /* 100px */
	}
	#bg .form fieldset .selection .dependant .row p.sizeL {
		width: 16.154em; /* 210px */
	}


	/* text fields, textareas
	 * field width = grid width - 10px
	 */
	#bg .form fieldset p input.text,
	#bg .form fieldset p textarea {
		width: 32.308em;
	}
	#bg .form fieldset p input.sizeXS {
		width: 1.154em;
	}
	#bg .form fieldset p input.sizeS {
		width: 2.692em;
	}
	#bg .form fieldset p input.sizeM,
	#bg .form fieldset p textarea.sizeM {
		width: 6.923em;
	}
	#bg .form fieldset p input.sizeL,
	#bg .form fieldset p textarea.sizeL {
		width: 15.385em;
	}
	/* inside indented grid */
	#bg .form fieldset .selection .dependant p input.text,
	#bg .form fieldset .selection .dependant p textarea {
		width: 30.923em;
	}
	#bg .form fieldset .selection .dependant p input.sizeS,
	#bg .form fieldset .selection .dependant p textarea.sizeS,
	#bg .form fieldset .selection .dependant .row p:first-child input.sizeS,
	#bg .form fieldset .selection .dependant .row p:first-child textarea.sizeS {
		width: 1.308em;
	}
	#bg .form fieldset .selection .dependant p input.sizeM,
	#bg .form fieldset .selection .dependant p textarea.sizeM,
	#bg .form fieldset .selection .dependant .row p:first-child input.sizeM,
	#bg .form fieldset .selection .dependant .row p:first-child textarea.sizeM {
		width: 5.538em;
	}
	#bg .form fieldset .selection .dependant p input.sizeL,
	#bg .form fieldset .selection .dependant p textarea.sizeL,
	#bg .form fieldset .selection .dependant .row p:first-child input.sizeL,
	#bg .form fieldset .selection .dependant .row p:first-child textarea.sizeL {
		width: 14em;
	}
	/* inside indented grid and in a row
	 * field width = grid width of non indented grid - 10px
	 * except for the first field in a row 
	 */
	#bg .form fieldset .selection .dependant .row p input.sizeS,
	#bg .form fieldset .selection .dependant .row p textarea.sizeS {
		width: 2.692em;
	}
	#bg .form fieldset .selection .dependant .row p input.sizeM,
	#bg .form fieldset .selection .dependant .row p textarea.sizeM {
		width: 6.923em;
	}
	#bg .form fieldset .selection .dependant .row p input.sizeL,
	#bg .form fieldset .selection .dependant .row p textarea.sizeL {
		width: 15.385em;
	}
	/* special case:
	 * sizeS + sizeML = sizeL
	 * e.g. zipcode and city/state
	 */
	#bg .form fieldset p.sizeML,
	#bg .form fieldset .selection .dependant .row p.sizeML {
		width: 11.923em; /* 155px */
	}
	#bg .form fieldset p.sizeML input.text,
	#bg .form fieldset .selection .dependant .row p.sizeML input.text {
		width: 11.154em;
	}
	/* special case:
	 * date field
	 */
	#bg .form fieldset p input.date {
		width: 5em !important; /* 65px */
	}


	/* select fields
	 * field width = grid width
	 */
	#bg .form fieldset p select {
		width: 33.077em;
	}
	#bg .form fieldset p select.sizeS {
		width: 3.462em;
	}
	#bg .form fieldset p select.sizeM {
		width: 7.692em;
	}
	#bg .form fieldset p select.sizeML {
		width: 11.923em;
	}
	#bg .form fieldset p select.sizeL {
		width: 16.154em;
	}
	/* inside indented grid */
	#bg .form fieldset .selection .dependant p select {
		width: 31.692em;
	}
	#bg .form fieldset .selection .dependant p select.sizeS,
	#bg .form fieldset .selection .dependant .row p:first-child select.sizeS {
		width: 2.077em;
	}
	#bg .form fieldset .selection .dependant p select.sizeM,
	#bg .form fieldset .selection .dependant .row p:first-child select.sizeM {
		width: 6.308em;
	}
	#bg .form fieldset .selection .dependant p select.sizeL,
	#bg .form fieldset .selection .dependant .row p:first-child select.sizeL {
		width: 14.769em;
	}
	/* inside indented grid and in a row */
	#bg .form fieldset .selection .dependant .row p select.sizeS {
		width: 3.462em;
	}
	#bg .form fieldset .selection .dependant .row p select.sizeM {
		width: 7.692em;
	}
	#bg .form fieldset .selection .dependant .row p select.sizeML {
		width: 11.923em;
	}
	#bg .form fieldset .selection .dependant .row p select.sizeL {
		width: 16.154em;
	}


	/* radio buttons, checkboxes */
	#bg .form fieldset p.radio,
	#bg .form fieldset p.checkbox {
		padding-bottom: .538em;
	}


	/* text after the field */
	#bg .form fieldset p.inl:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	#bg .form fieldset p.inl input.text,
	#bg .form fieldset p.inl textarea,
	#bg .form fieldset p.inl select {
		float: left;
	}
	#bg .form fieldset p.inl .post-text {
		padding-left: .769em;
		position: relative;
		top: .077em;
	}
	/* label after the field */
	#bg .form fieldset p.inl .post-text label {
		display: inline;
	}
	/* icon (e.g. calendar) after the field */
	#bg .form fieldset p.inl img {
		border: 1px solid #f8f7f5;
		cursor: pointer;
		float: left;
		margin: .154em 0 0 .385em;
	}

	/* capture */
	#bg .form fieldset .capture-img img {
		border: 1px solid #cdcdcd;
	}
	#bg .form fieldset .capture-img a.refresh {
		margin-top: 1.308em;
	}
	#bg .form fieldset .capture-img object {
		height: 5em; /* TODO: sufficient? */
		width: 21em;
	}

	/* voting inside fieldset */
	#bg .form p.vote {
		margin-top: .308em;
	}
	#bg .form a.vote {
		border-color: #f3f3f2;
	}

	/* separator in fieldset */
	#bg .form fieldset hr {
		border: 1px dotted #b2b3b3;
		border-width: 0 0 1px;
		clear: left;
		display: block;
		padding: 1em 0 0;
		margin: 0 1em 1.5em 0;
	}

	/* table in fieldset */
	#bg .form fieldset table {
		width: 98%;
	}

	/* list in fieldset */
	#bg .form fieldset ul,
	#bg .form fieldset ol {
		clear: left;
		margin-right: .769em;
	}
	#bg .form fieldset ul {
		list-style: none outside url(/BarmerForms/resources/html/img/barmer/ic-list-sv.gif);
		padding: 0 0 .769em 1.4em;
	}
	#bg.kl .form fieldset ul {
		list-style-image: url(/BarmerForms/resources/html/img/barmer/ic-list-kl.gif);
	}
	#bg .form fieldset ol {
		padding: 0 0 .769em 2.3em;
	}

	/* hint below fieldset */
	#bg .form .hint {
		clear: both;
		position: relative;
		top: -1em;
	}
	#bg .form .hint p {
		font-style: italic;
	}

	/* submit button */
	#bg .form .button {
		clear: right;
		float: right;
		position: relative;
		top: -.769em;
		width: 16.923em; /* 220px */
	}
	#bg .form .button input {
		float: right;
	}
	/* submit button inside row */
	#bg .form .row .button {
		margin-top: 1.308em;
		padding-bottom: .077em;
		position: static;
		width: auto;
	}

	/* submit button: extension */
	#bg .form .extension {
		clear: left;
		float: left;
		width: 18.077em; /* 235px */
	}
	#bg .form .extension input {
		float: none;
	}
	/* additional text for extension button */
	#bg .form .extension-text {
		background-color: #f8f7f5;
		border: .1em solid #cdcdcd;
		border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		padding: .769em .769em .769em 1.154em;
		width: 16em; /* 208px */
	}
	#bg .form .extension-text span.description {
		display: block;
		line-height: 1.308;
		padding-bottom: .385em;
	}
	/* cancel link */
	#bg .form p.cancel {
		clear: left;
		float: left;
		position: relative;
		top: -.769em;
		width: 18.077em; /* 235px */
	}
	#bg .form p.cancel a.app {
		margin-top: .154em;
	}


	/**
	 *  form inside a group/tab (!)
	 */
	/* fieldset */
	#bg .group .form fieldset,
	#bg .group .form fieldset legend {
		border-color: #bababa;
	}
	#bg .group fieldset legend {
		width: 31.286em; /* 438px */
	}
	#bg.universalpage-2col .group fieldset legend {
		width: 48.429em; /* 678px */
	}
	/* change legend style for FF 2.0-3.5
	 */
	#bg .group fieldset legend:-moz-first-node strong {
		width: 29.286em; /* 410px */
	}
	#bg.universalpage-2col .group fieldset legend:-moz-first-node strong {
		width: 46.429em; /* 650px */
	}
	/* grid
	 * size S = 42px, sizeM = 95px, sizeL = 200px, fullWidth = 410px
	 */
	#bg .group .form fieldset p.sizeS {
		width: 3.231em; /* 42px */
	}
	#bg .group .form fieldset p.sizeM {
		width: 7.308em; /* 95px */
	}
	#bg .group .form fieldset p.sizeL {
		width: 15.385em; /* 200px */
	}

	/* indented grid */
	#bg .group .form fieldset .selection .dependant p.sizeS {
		width: 1.846em; /* 24px */
	}
	#bg .group .form fieldset .selection .dependant p.sizeM {
		width: 5.923em; /* 77px */
	}
	#bg .group .form fieldset .selection .dependant p.sizeL {
		width: 14em; /* 182px */
	}

	/* text fields, textareas
	 * field width = grid width - 10px
	 */
	#bg .group .form fieldset p input.text,
	#bg .group .form fieldset p textarea {
		width: 30.769em;
	}
	#bg .group .form fieldset p input.sizeS {
		width: 2.769em;
		/* exception, due to PLZ field */
		padding-left: .154em;
		padding-right: .154em;
	}
	#bg .group .form fieldset p input.sizeM,
	#bg .group .form fieldset p textarea.sizeM {
		width: 6.538em;
	}
	#bg .group .form fieldset p input.sizeL,
	#bg .group .form fieldset p textarea.sizeL {
		width: 14.615em;
	}
	/* special case: sizeML */
	#bg .group .form fieldset p.sizeML {
		width: 11.385em; /* 148px */
	}
	#bg .group .form fieldset p.sizeML input.text {
		width: 10.615em;
	}
	/* special case: date field */
	#bg .group .form fieldset p input.date {
		width: 4.615em; /* 60px */
	}
	/* inside indented grid */
	#bg .group .form fieldset .selection .dependant p input.text,
	#bg .group .form fieldset .selection .dependant p textarea {
		width: 29.385em;
	}
	#bg .group .form fieldset .selection .dependant p input.sizeS,
	#bg .group .form fieldset .selection .dependant p textarea.sizeS {
		width: 1.385em;
	}
	#bg .group .form fieldset .selection .dependant p input.sizeM,
	#bg .group .form fieldset .selection .dependant p textarea.sizeM {
		width: 5.154em;
	}
	#bg .group .form fieldset .selection .dependant p input.sizeL,
	#bg .group .form fieldset .selection .dependant p textarea.sizeL {
		width: 13.231em;
	}

	/* select fields
	 * field width = grid width
	 */
	#bg .group .form fieldset p select {
		width: 31.538em;
	}
	#bg .group .form fieldset p select.sizeS {
		width: 3.231em;
	}
	#bg .group .form fieldset p select.sizeM {
		width: 7.308em;
	}
	#bg .group .form fieldset p select.sizeL {
		width: 15.385em;
	}
	/* inside indented grid */
	#bg .group .form fieldset .selection .dependant p select.sizeS {
		width: 1.846em;
	}
	#bg .group .form fieldset .selection .dependant p select.sizeM {
		width: 5.923em;
	}
	#bg .group .form fieldset .selection .dependant p select.sizeL {
		width: 14em;
	}

	/* table inside group */
	#bg .group .form fieldset table,
	#bg .group .form fieldset caption {
		border-color: #bababa;
	}
}


@media print {
	#bg .form fieldset {
/*
		border: none;
*/
	}
	#bg .form fieldset legend {
		width: auto !important;
/*
		border: none;
*/
	}
	#bg .form fieldset .capture-img a.refresh {
		display: none;
	}
}


/**
 * component: form
 * description: generic form styles for form based applications
 */

@media all {
	#bg #sidebar-right .form  {
		padding: 0 1em;
	}

	/* fieldset */
	#bg #sidebar-right .form fieldset {
		margin: 0 0 1em;
		padding: 0 .9em;
	}
	#bg #sidebar-right .form fieldset legend {
		font-size: 1.2em;
		left: -.833em;
		margin: 0 -1.667em .667em 0;
		line-height: 1.167;
		top: -.083em;
		width: 16.5em; /* 198px */
	}
	#bg #sidebar-right .form fieldset legend strong {
		padding: .417em .75em;
	}
	/* change legend style for FF 2.0-3.5
	 * browser switch: :-moz-first-node
	 */
	#bg #sidebar-right .form fieldset legend:-moz-first-node {
		margin-left: -1.25em;
		margin-right: -.417em;
	}
	#bg #sidebar-right .form fieldset legend:-moz-first-node strong {
		width: 15em; /* 180px */
	}
	/*
	 * reset legend for FF 3.6
	 * browser switch: :-moz-locale-dir(ltr)
	 */
	#bg #sidebar-right .form fieldset legend:-moz-locale-dir(ltr) {
		margin-left: 0;
		margin-right: -1.667em;
	}
	#bg #sidebar-right .form fieldset legend:-moz-locale-dir(ltr) strong {
		/*
width: auto !important;
*/
	}

	/* paragraph */
	#bg #sidebar-right .form p {
		margin: 0;
		padding: 0 0 .833em !important;
	}

	/* text fields, textareas
	 * width - 10px 
	 */
	#bg #sidebar-right .form fieldset p input.text,
	#bg #sidebar-right .form fieldset p textarea {
		width: 14.167em;
	}

	/* select fields */
	#bg #sidebar-right .form fieldset p select {
		width: 100%;
	}

	/* submit button */
	#bg #sidebar-right .form .button {
		top: 0;
		width: 100%;
	}

}


@media print {
}

/**
 * component: form (in colorbox context)
 */

@media all {
	#bg #colorbox .form  {
		padding-bottom: 0;
	}

	/* legend */
	#bg #colorbox .form fieldset legend {
		width: 32.714em; /* 458px */
	}
	/* change legend style for FF 2.0-3.5
	 * browser switch: :-moz-first-node
	 */
	#bg #colorbox .form fieldset legend:-moz-first-node strong {
		width: 30.714em; /* 430px */
	}
	/* submit button */
	#bg #colorbox .form .button {
		padding-bottom: 0;
	}
}


/**
 * component: breadcrumb
 * description: breadcrumb navigation
 */
@media all {
	#bg .breadcrumb {
		overflow: hidden;
		padding-bottom: 1em;
	}
	#bg .breadcrumb p,
	#bg .breadcrumb ol,
	#bg .breadcrumb ol li {
		display: inline;
	}
	#bg .breadcrumb p,
	#bg .breadcrumb ol li {
		font-size: 1.1em;
	}
	#bg .breadcrumb p strong {
		margin-right: .182em;
	}
	#bg .breadcrumb ol a {
		background-position: 2px 2px;
		display: inline;
		margin-right: .182em;
		white-space: nowrap;
	}
	#bg .breadcrumb ol a.kl {
		background-position: 2px -398px;
	}
	#bg .breadcrumb ol a.current {
		margin-right: 0;
	}
}


@media screen, projection {
	#bg .breadcrumb {
		float: left;
		min-height: 3em;
		width: 35em;
	}
	#bg.universalpage-2col .breadcrumb,
	#bg.divisionpage .breadcrumb,
	#bg.marketingpage .breadcrumb {
		width: 59em;
	}
	#bg .breadcrumb ol a:active,
	#bg .breadcrumb ol a:focus {
		background-position: 2px -198px;
	}
	#bg .breadcrumb ol a.kl:active,
	#bg .breadcrumb ol a.kl:focus {
		background-position: 2px -598px;
	}
	#bg .breadcrumb .back-nav {
		display: block;
		font-size: 1.2em;
		padding-bottom: 0;
	}
}


@media print {
	#bg .breadcrumb {
		padding-bottom: 2em;
	}
	#bg .breadcrumb .bm {
		text-decoration: underline;
	}
}


/**
 * component: back-nav
 * description: back to catalog navigation
 */

@media screen, projection {
	#bg .back-nav {
		padding: 1em 0;
	}
}


@media print {
	#bg .back-nav {
		display: none !important;
	}
}

/**
 * component: pagetitle
 * description: page title in content
 */
@media all {
	#bg #colorbox .pagetitle,
	#bg.errorpage .pagetitle,
	#bg.printpage .pagetitle {
		padding-top: 0;
	}
	/* campaign logo */
	#bg .pagetitle img {
		float: right;
	}
	#bg #colorbox .pagetitle img,
	#bg.printpage .pagetitle img {
		margin-top: 0;
		padding-top: 0;
	}
	/* headline */
	#bg .pagetitle h2 {
		float: left;
		font-size: 2.5em;
		font-weight: normal;
		line-height: 1.3;
		padding: .5em 0 .9em;
		width: 20em;
	}
	#bg.kl .pagetitle h2 {
		color: #005794;
	}
	#bg.portal-0212 .pagetitle h2 {
		color: #00728A;
	}
	#bg #colorbox .pagetitle h2 {
		clear: right;
		width: 20em;
	}
	#bg.universalpage-2col .pagetitle h2 {
		width: 32em;
	}
	#bg.errorpage .pagetitle h2 {
		float: none;
		padding-top: 0;
		width: auto;
	}
	#bg .pagetitle h2 strong {
		display: block;
		font-weight: 200;
    	font-family: bgek-titillium,Helvetica,Arial,sans-serif;
	}
	/* functions */
	#bg .pagetitle .pagetitle-functions {
		float: right;
		padding-top: 1.3em;
	}
	#bg .pagetitle .pagetitle-functions p.vote a {
		display: block;
	}
}


@media screen, projection {
	/* campaign logo */
	#bg .pagetitle img {
		margin-top: -5em;
		padding-top: 2em;
	}
	#bg .pagetitle .pagetitle-functions {
		clear: none;
	}
	#bg .pagetitle .pagetitle-functions a.app {
		float: right;
		height: 17px;
		margin-bottom: .667em;
		padding: 0;
		width: 15px;
	}
	#bg .pagetitle .pagetitle-functions p.vote {
		clear: right;
		float: right;
		margin-top: .167em;
	}
	#bg .pagetitle .pagetitle-functions p.vote a {
		border: 1px solid #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		height: 13px;
		position: relative;
		right: 4px;
		top: -3px;
		width: 56px;
	}
	#bg .pagetitle .pagetitle-functions p.vote a:hover {
		border-color: #999 !important;
	}
	#bg .pagetitle .pagetitle-functions p.vote a:active,
	#bg .pagetitle .pagetitle-functions p.vote a:focus {
		background-color: transparent !important;
		border-color: #51831c !important;
	}
	#bg.kl .pagetitle .pagetitle-functions p.vote a:active,
	#bg.kl .pagetitle .pagetitle-functions p.vote a:focus {
		border-color: #005794 !important;
	}
}


@media print {
	#bg .pagetitle {
		padding-top: 0;
	}
	#bg .pagetitle .pagetitle-functions {
		clear: right;
	}
	#bg .pagetitle .pagetitle-functions a.app {
		display: none;
	}
}


/**
 * component: readspeaker
 * description: styles for readspeaker
 */

@media screen, projection {
	#bg .readspeaker {
		background: url("/barmer/assets/www/common/img/background/bg-content-box.png") repeat-x scroll 0 100% #fff;
		border: 1px solid #e8e8e8;
		border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		float: left;
		height: 6em;
		margin-bottom: 1em;
		position: relative;
		width: 100%;
	}
	#bg .readspeaker h3 {
		font-size: 1.2em;
		padding: .833em 0 0 .833em;
	}
	#bg.sv .readspeaker h3 {
		color: #51831c;
	}
	#bg.kl .readspeaker h3 {
		color: #005794;
	}
   	#bg .readspeaker object {
		float: left;
		height: 2em;
		margin: 1em;
		width: 50%;
	}
   #bg .readspeaker p.mp3 {
		float: left;
		margin-top: .917em;
	}
	#bg .readspeaker p.close {
		float: right;
		position: absolute;
		right: .833em;
		top: .417em;
	}
	#bg .readspeaker p.close a {
		background-position: 100% 1px;
		padding: 0 20px 0 0;
	}
	#bg .readspeaker p.close a:hover {
		background-position: 100% -199px;
	}
	#bg .readspeaker p.close a:active,
	#bg .readspeaker p.close a:focus {
		background-position: 100% -399px;
	}
	#bg.kl .readspeaker p.close a:active,
	#bg.kl .readspeaker p.close a:focus {
		background-position: 100% -599px;
		color: #005794 !important;
	}
}


@media print {
	#bg .readspeaker {
		display: none;
	}
}



/**
 * component: footnotes
 * description: foootnotes in applications and articles
 */

@media all {
	#bg .footnotes p {
		font-size: 1.1em;
		line-height: 1.364;
		padding-left: 1.636em;
		position: relative;
	}
	#bg .footnotes p span.counter {
		left: 0;
		position: absolute;
	}
	#bg .footnotes p .ic,
	#bg .footnotes p .ic {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-arrow-right-s.png);
	}
}


@media screen, projection {
	#bg .footnotes p .ic:active,
	#bg .footnotes p .ic:focus {
		background-position: 2px -196px;
		left: auto;
	}
	#bg .footnotes p .ic.kl:active,
	#bg .footnotes p .ic.kl:focus {
		background-position: 2px -596px;
	}
}


@media print {
}

/**
 * component: actions
 * description: links to attachments, downloads and further actions
 */
@media all {
	#bg .actions {
		background: #fff url("/barmer/assets/www/common/img/background/bg-content-box.png") repeat-x 0 100%;
		border: 1px solid #e8e8e8;
		border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		margin-bottom: 2em;
		padding: 1em 1em 0;
	}
	#bg .group .actions {
		border-color: #bababa;
	}
	#bg .actions h3,
	#bg .actions h4 {
		font-weight: normal;
	}
	#bg.sv .actions h3, 
	#bg.sv .actions h4 {
		color: #51831c;
	}
	#bg.kl .actions h3, 
	#bg.kl .actions h4 {
		color: #005794;
	}
	#bg .cts .actions h3,
	#bg .cts .actions h4 {
		font-size: 1.3em;
		padding: 0 0 .385em;
	}
	#bg .actions ul {
		list-style: none !important;
		padding: 0 0 1em;
	}
	#bg .actions ul.infolist {
		padding-bottom: .5em;
	}
	#bg .actions ul.infolist li {
		padding-bottom: .5em;
	}
	#bg .actions a:link,
	#bg .actions a:visited {
		text-decoration: none;
	}
	#bg .actions a.ext {
		display: block;
	}
	#bg .actions hr {
		border: 1px dotted #b2b3b3;
		border-width: 1px 0 0;
		clear: left;
		display: block;
		padding-bottom: 1em;
	}
}


@media screen, projection {
}
@media print {
}

/**
 * component: call-to-action
 * description: links to promote a special action
 */
@media all {
	#bg .call-to-action {
		background: #fff url("/barmer/assets/www/common/img/background/bg-content-box.png") repeat-x 0 100%;
		border: 1px solid #e8e8e8;
		border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		margin-bottom: 2em;
		padding: 1em;
	}
	#bg .group .call-to-action {
		border-color: #bababa;
	}
	#bg .call-to-action p {
		float: right;
	}
	#bg .call-to-action p.call {
		color: #51831c;
		float: left;
		font-size: 1.4em;
		width: 60%;
	}
	#bg.kl .call-to-action p.call {
		color: #005794;
	}
}


@media screen, projection {
}
@media print {
}

/**
 * component: pre text
 * description: richtext block
 */

@media screen, projection {
	#bg .pre {
		clear: both;
		padding-bottom: 2em;
	}
}


@media print {
}

/**
 * component: extro text
 * description: richtext block
 */

@media screen, projection {
	#bg .extro {
		clear: both;
		margin-bottom: 2em;
	}
}


@media print {
}

/**
 * component: magazine
 * description: magazine-articles Hat nichts mit der MIZ oder EPAPER zu tun sondern  den Magazinartigen Bereichseinstiegsseiten
 */

@media all {

}

@media screen, projection {
	#bg .magazine-topic {
		margin-bottom:2.3em;
		border: 1px solid #e0e5e8;
	}
	#bg.divisionpage .magazine-topic,
	#bg.marketingpage .magazine-topic {
		margin-top:-3.8em;
		border-top: none;
	}
	#bg .magazine-topic .wrapper {
		padding:2em;
	}
	#bg .magazine-topic .magazine-intro {
		border-bottom: 1px dotted #a1a19f;
		margin-bottom: 0.9em;
	}
	#bg .magazine-topic .magazine-intro img {
		display:block;
		width:100%;
		margin-bottom: 0.9em;
	}
	#bg .magazine-topic .magazine-intro .shadowImg {
		display: block;
		margin-bottom: 0.9em;
	}
	#bg .magazine-topic .magazine-intro .shadowImg img {
		width:100% !important;
	}
	#bg .magazine-topic .magazine-intro h3 {
		color: #51831C;
		font-size: 2em;
		font-weight: normal;
		line-height: 1.3;
		padding: 0.5em 0 0.9em;
	}
	#bg .magazine-topic .magazine-intro h4 {
		color: #51831C;
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.462;
	}
	#bg .magazine-topic .magazine-intro p {
		padding-bottom: 0.9em;
		float:none;
	}
	#bg .magazine-topic .magazine-intro p img {
		float: left;
		padding: 0.3em 1em 0.9em 0;
		max-width: 20em;
	}
	#bg .mag-teaser-list {
		border-left:1em solid #85C401; 
		margin-bottom:2.8em;
		padding-left: 1.5em;
		/* overflow: hidden; */
	}
	#bg .mag-teaser-list.mag-bereich {
		margin-left: -1.5em;
	}
	#bg .mag-teaser-list .wrapper {
		margin-bottom: -1.1em;
		margin-top: -0.1em;
		/* overflow: hidden; */
	}
	#bg .mag-teaser-list.border .wrapper{
		margin-bottom: 0;
		padding-bottom: 1.5em;
		border-bottom: 1px dotted #A8A8A8;
	}
	#bg .mag-teaser-list h3 {
		color: #51831C;
		font-size: 2em;
		font-weight: normal;
		line-height: 1.3;
		padding-bottom:0.1em;
	}
	#bg .mag-teaser-list h4 {
		color: #51831C;
		font-size: 1.6em;
		font-weight: normal;
		line-height: 1.2em;
		display: inline;
	}
	#bg .mag-teaser-list a.ic {
		padding-left: 12px;
	}
	#bg .mag-teaser-list h4 a.ic {
		color: #51831C;
		display:inline;
	}
	#bg .mag-teaser-list ul {
		clear:none;
		padding-top:0.1em;
	}
	#bg .mag-teaser-list li {
		padding-bottom:0.1em;
	}
	#bg .mag-teaser-list ul a.ic {
		display:inline-block;
	}
	#bg .mag-teaser-list p {
		padding-bottom:0.7em;
	}
	#bg .mag-teaser-list div.item {
		padding: 0 0 1.1em;
	}
	#bg .mag-teaser-list .colCtrl div.item {
		padding: 0 1em 1.1em;
		overflow: hidden;
	}
	#bg .mag-teaser-list div.item p {
		padding: 0.3em 0 0 0;
	}
	#bg .mag-teaser-list div.item ul {
		padding-top: 0.3em;
	}
	#bg .mag-teaser-list.mag-bereich div.item img {
		margin-bottom: 0.5em;
	}
	#bg .mag-teaser-list.mag-bereich div.item .shadowImg {
		margin-bottom: 0.5em;
	}
	#bg .mag-teaser-list.mag-themen div.item img {
		float: left;
		margin: 0.313em 1.25em 0.625em 0;
	}
}

@media print {
	#bg .magazine-topic,
	#bg .magazine-topic .wrapper 	{
		background:transparent none;
	}
}

/**
 * component: application
 * description: application styles not relatable to a specific application
 */

@media all {
	#bg .application {
		clear: both;
	}

	#bg .application p {
	/*	padding-bottom: 1em;*/
	}

	/* change date above result sets */
	#bg .application .change-date {
		font-size: 1.1em;
		padding-bottom: .231em;
		text-align: right;
	}

	/* link to former application step */
	#bg .application .action {
		clear: left;
		padding-bottom: 1.538em;
		position: relative;
		top: -.769em;
	}

	/* small text below tables etc. (similiar to footnote) */
	#bg .application .note {
		font-size: 1.1em;
		line-height: 1.364;
	}

	/* functions block: inside tabs */
	#bg .application .group .functions {
		clear: both;
		background: #fff url(/barmer/assets/www/components/application/img/bg-functions.gif) repeat-x 0 100%;
		border: 1px solid #cdcdcd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 1.5em;
		padding: .4em .6em .3em;
	}
	#bg .application .group .functions ul {
		clear: none;
		float: right;
	}
	#bg .application .group .functions .app-specific {
		float: left;
	}
	/* content block: inside tabs */
	#bg .application .group .group-content {
		clear: both;
		background: #fff url(/barmer/assets/www/components/application/img/bg-functions.gif) repeat-x 0 100%;
		border: 1px solid #cdcdcd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-bottom: 1.5em;
		padding: .4em 1.5em .3em;
	}
	
	/* paging */
	#bg .application .table-wrapper {
		overflow-x: auto;
		overflow-y: hidden;
		position: relative;
		width: 43em;
	}
	#bg .application .group .table-wrapper {
		width: 44em;
	}
	#bg .application .group fieldset .table-wrapper,
	#bg .application .group .result .table-wrapper {
		width: 41em;
	}
	#bg.universalpage-2col .application .table-wrapper {
		width: auto !important;
	}
	#bg .application .table-wrapper table {
		padding-bottom: 2.5em;
		width: 100%;
	}
	#bg .application .table-wrapper .paging {
		position: absolute;
		right: .2em;
		bottom: 1.3em;
	}
	#bg .application .form fieldset .table-wrapper .paging {
		right: 1em;
	}
	
	/* calculation list */
	#bg .application .calculation {
		padding-bottom: 1em;
	}
	#bg.universalpage-2col .application .calculation {
		width: 40em;
	}
	#bg .application .calculation.below-income {
		width: auto;
	}
	#bg .application .calculation h3 {
		font-size: 1.3em;
		padding-bottom: .385em;
	}
	#bg .application .calculation .richtext {
		padding-bottom: 1em;
	}
	#bg .application .calculation .richtext h3 {
		color: #333;
	}
	#bg .application .calculation .richtext h3,
	#bg .application .calculation .richtext p {
		display: inline;
		font-style: italic;
	}
	#bg .application .calculation li {
		font-size: 1.2em;
		margin: 0 0 .417em;
	}
	#bg .application .calculation.below-income li {
		position: relative;
	}
	#bg .application .calculation li:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	#bg .application .calculation li.first-result {
		padding-top: .25em;
		border-top: 1px solid #bcbcbc;
	}
	#bg .application .calculation li em {
		float: right;
	}
	#bg.universalpage-2col .application .calculation.below-income li em {
		float: none;
		position: absolute;
		right: 25em;
	}
	#bg .application .calculation.below-income li span {
		clear: right;
		float: right;
		font-weight: normal;
	}
	#bg.universalpage-2col .application .calculation.below-income li span {
		float: none;
		left: 33em;
		position: absolute;
	}
	
	/* tabs */	
	#bg .application .tabs {
		float: left;
	}
	
	/* metatabs */
	#bg .application ul.metatabs {
		clear: left;
		height: 36px;
		margin-bottom: 2em;
	}
	#bg .application ul.metatabs li.metatab-box {
	    float: left;
	    height: 36px;
	    margin-right: 0.2em;
	    font-size: 1.4em;
	    font-weight: bold;
	    white-space:nowrap;
	}
	#bg .application ul.metatabs li.metatab-box a {
		-moz-border-radius: 3px 3px 0 0;
   		border-style: solid;
   		border-width: 1px;
   		border-color: #D9D9D9;
   		cursor: pointer;
   		color: #000000;
    	text-decoration: none;
   		padding: 0.725em 1em 0.725em 1em;
   	}
   	#bg .application ul.metatabs li.metatab-box a:hover,
   	#bg .application ul.metatabs li.metatab-box a:focus,
   	#bg .application ul.metatabs li.metatab-box a:active {
	    color: #51831C;
	    border-top-color: #b7b7b7;
	    border-left-color: #b7b7b7;
	    border-right-color: #b7b7b7;
    }
	#bg .application ul.metatabs li.metatab-box a.current {
	    background: url("/barmer/assets/www/components/application/medianewsroom/img/tab-bg-socialmonitor.png") repeat-x scroll 0 0 transparent;
	    display: block;
	    border-color: #A5A5A5;
	    border-bottom-color: #ffffff;
	    color: #000000 !important;
    }	
    

	/* error messages */
	#bg .application div.error {
		border: 1px solid #b2120d;
		margin-bottom: 2em;
		padding: 1.1em 1.4em 1.7em;
	}
	#bg .application div.error p {
		background: transparent url(/BarmerForms/resources/html/img/barmer/ic-error.gif) no-repeat 100% 0;
		padding-bottom: .231em;
		padding-right: 30px;
	}
	#bg .application div.error ul {
		list-style: square outside none;
		padding-left: 1.3em;
	}
	#bg .application div.error ul label:hover {
		text-decoration: underline;
	}
	#bg .application div.error ul label:active,
	#bg .application div.error ul label:focus {
		background-color: #b2120d;
		color: #fff;
	}
}

@media print {
	#bg .application .table-wrapper {
		width: auto !important;
	}
	#bg .application .group .functions {
		display: none;
	}
	#bg .application .tabs,
	#bg .application .group {
		page-break-after: avoid;
	}
	
}


/**
 * component: result
 * description: generic styles for result sets from applications
 */

@media screen, projection {
	#bg .result {
		background-color: #fff;
		border: .1em solid #cdcdcd;
		border-radius: .3em;
		clear: both;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		margin-bottom: 2em;
	}
	#bg .result h3 {
		border-bottom: .1em solid #cdcdcd;
		font-size: 1.4em;
		line-height: 1.143;
		padding: .357em 1em;
	}
	#bg .result .richtext h3 {
		border-bottom: none;
		padding: 0 0 0.154em 0;
	}
	#bg.sv .result h3 {
		color: #51831c;
	}
	#bg.kl .result h3 {
		color: #005794;
	}
	
	/* JKE: genaue Anpassung auf das Div unter dem HD */
	#bg #content div.application #taxAndDuties form.form > div.hd > div.result {
		left: -1000em !important; 
		overflow: hidden; 
		position: absolute !important;
	}

	/* richtext component in result set */
	#bg .result .richtext {
		padding: 1em 1.4em 0;
	}
	#bg.sv .result .richtext h4 {
		color: #51831c;
	}
	#bg.kl .result .richtext h4 {
		color: #005794;
	}
	/* nested richtext (e.g. cmasset) */ 
	#bg .result .richtext .richtext {
		padding: 0;
	}
	
	/* maps in results */
	#bg .result .richtext .google_maps {
		margin-bottom: 1.7em;
	}
}


@media print {
}

/**
 * component: paging
 * description: application - paging functionality for long lists 
 */

@media all {
	#bg .paging h4 {
		font-size: 1.3em;
		line-height: 1.308 !important;
		float: left;
		padding: 0 .769em .154em 0;
	}
	#bg .paging ul {
		clear: none !important;
		float: left;
		list-style: none outside none !important;
		margin-right: .5em !important;
		padding: 0 !important;
	}
	#bg .paging ul a {
		padding: .154em .308em;
		text-decoration: none;
	}
	#bg .paging ul a:hover {
		text-decoration: underline;
	}
	#bg .paging ul a.ic {
		height: 1em;
	}
	#bg .paging ul .fw a.ic {
		background-position: 7px 4px;
		padding-left: .167em;
		padding-right: 13px;
	}
	#bg .paging ul .fw a.ic.kl {
		background-position: 7px -396px;
	}
	#bg .paging ul .fw a.ic:active,
	#bg .paging ul .fw a.ic:focus {
		background-position: 7px -196px;
	}
	#bg .paging ul .fw a.ic.kl:active,
	#bg .paging ul .fw a.ic.kl:focus {
		background-position: 7px -596px;
	}
	#bg .paging ul a.current:visited {
		color: #51831c;
	}
	#bg .paging ul a.current.kl:visited {
		color: #005794;
	}

	/* first/previous link */
	#bg .paging ul a.fastbackward {
		background-image: url(/barmer/assets/www/components/application/paging/img/ic-doublearrow-left.png);
		padding-left: 18px;
	}
	#bg .paging ul a.fastbackward,
	#bg .paging ul a.backward {
		background-position: 2px 4px;
	}
	#bg .paging ul a.fastbackward.kl,
	#bg .paging ul a.backward.kl {
		background-position: 2px -396px;
	}
	#bg .paging ul a.fastbackward:active,
	#bg .paging ul a.fastbackward:focus,
	#bg .paging ul a.backward:active,
	#bg .paging ul a.backward:focus {
		background-position: 2px -196px;
	}
	#bg .paging ul a.fastbackward.kl:active,
	#bg .paging ul a.fastbackward.kl:focus,
	#bg .paging ul a.backward.kl:active,
	#bg .paging ul a.backward.kl:focus {
		background-position: 2px -596px;
	}
	/* last link */
	#bg .paging ul a.fastforward {
		background-image: url(/barmer/assets/www/components/application/paging/img/ic-doublearrow-right.png);
		background-position: 4px 4px;
		padding-left: .167em;
		padding-right: 18px;
	}
	#bg .paging ul a.fastforward.kl {
		background-position: 4px -396px;
	}
	#bg .paging ul a.fastforward:active,
	#bg .paging ul a.fastforward:focus {
		background-position: 4px -196px;
	}
	#bg .paging ul a.fastforward.kl:active,
	#bg .paging ul a.fastforward.kl:focus {
		background-position: 4px -596px;
	}
}


@media screen, projection {
}


@media print {
}


/**
 * component: googlemaps
 * description: application - googlemaps styles
 */

@media all {
	/* map */
	#bg .google_maps {
		/* height: 320px; */
		height: 400px;
		margin-bottom: 2em;
	}
	* + html #bg .google_maps .cl {
		height: auto !important;
		zoom: 1;
	}
	#bg .group .google_maps {
		border: 1px solid #bababa;
	}
	/* info window */
	* + html #bg .google_maps .map-address {
		max-width: 210px;
	}
	* + html #bg .google_maps h4 {
		font-size: 1em;
	}
	#bg .google_maps h4 a.app {
		line-height: 1.462em;
	}
	#bg .google_maps .map-address-detail {
		padding-bottom: 1em;
	}
	#bg .google_maps .map-address-detail h4 {
		font-size: 1.3em;
		line-height: 1.462;
	}
	* + html #bg .google_maps .find-route-box {
		zoom: 1;
	}
	#bg .google_maps .find-route-box .form,
	#bg .google_maps .find-route-box .form p,
	#bg .google_maps_route .route-left-col .form {
		padding-bottom: 0;
	}
	* + html #bg .google_maps .find-route-box .form.hd { 
		width:100%;
	}
	#bg .google_maps_route .route-left-col .form fieldset {
		margin-bottom: 0;
	}
	#bg .google_maps_route .route-left-col .form fieldset + .button {
		top: 0;
		margin: 1em 0;
	}
	* + html #bg .google_maps_route .route-left-col .form fieldset + .button {
		top: 0;
		margin: 0.7em 0;
	}
	#bg .google_maps .find-route-box .text  {
		margin-bottom: .385em;
		/* width: 95%; */
	}
	* + html #bg .google_maps .find-route-box #departure  {
		width:200px;
	}
	#bg .google_maps p.action  {
		padding-bottom: 0;
		top: 0;
	}
	#bg .google_maps .find-route-box .calculate-route {
		padding-bottom: 0;
	}
	#bg .google_maps .find-route-box .submit {
		float: right;
	}
	
	/* route calculation in colorbox */
	#bg .google_maps_route {
		width: 90em;
	}

	/* rout form - left side */
	#bg .google_maps_route .route-left-col h4 {
		clear: both;
		color: #51831C;
		font-size: 1.6em;
	}
	#bg .google_maps_route p.error {
		padding: 1em 0;
	}
	#bg .google_maps_route .route-left-col .route-directions {
		overflow: auto;
		padding: 0 5px 0 0;
		position: relative;
	}
	#bg .google_maps_route .route-left-col .route-directions .adp-summary {
		text-align: right;
		padding-right: 0;
	}
	#bg .google_maps_route .adp-list img,
	#bg .google_maps_route .adp-substep img {
		display: inline-block;
	}
	#bg .google_maps_route table {
		padding: 0;
		border-collapse: collapse;
	}
	#bg .google_maps_route table td {
		border-left: none;
		border-right: none;
	}
	#bg .google_maps_route table .adp-text {
		vertical-align: middle;
	}
	#bg .google_maps_route .route-left-col .route-directions a {
		padding: 2px;
	}
	*+html #bg .google_maps_route .adp.classic {
		zoom: 1;
	}
	*+html #bg .google_maps_route .adp-legal {
		zoom: 1;
		margin-bottom:2em;
	}
	#bg .google_maps_route .gm-iw,
	#bg .google_maps_route .gm-iw table {
		font-size: 12px !important;
		line-height: 1.33em !important;
		border: none;
		padding-bottom: 10px;
	}
	#bg .google_maps_route .gm-iw tr { 
		font-size: 12px;
		line-height: 1.33em !important;
	}
	#bg .google_maps_route .gm-iw td { 
		padding: 0;
		border: none;
	}
	#bg .google_maps_route .gm-iw td + td { 
		padding-left: 5px;
	}
}


@media screen, projection {
	/* rout form - left side */
	#bg .google_maps_route .route-left-col {
		float: left;
		width: 38em;
	}
	#bg .google_maps_route .route-left-col form fieldset legend {
		width: 27em !important;
	}
	#bg .google_maps_route .route-left-col form p .text {
		width: 28.333em;
	}
	#bg .google_maps_route .route-left-col form p select {
		width: 29.25em;
	}

	/* the map - right side */
	#bg .google_maps_route .route-map {
		float: right;
		height: 40em;
		width: 50em;
	}
	#bg .google_maps_route .print-helper {
		display: none;
	}
}


@media print {
	/* rout form - left side */
	#bg .google_maps_route  {
		margin-top: 2em;
	}
	#bg .google_maps_route .route-left-col {
		float: none;
		padding-bottom: 2em;
	}
	#bg .google_maps_route .route-left-col p.error {
		color: #000;
		font-size: 1.1em;
	}
	#bg .google_maps_route .route-left-col form {
		display: none;
	}
	#bg .google_maps_route .route-left-col .route-directions {
		height: auto !important;
		overflow: visible;
	}
	#bg .google_maps_route .route-left-col .route-directions .googledir table tr {
		border-bottom: 1px solid #000;
	}
	#bg .google_maps_route .route-left-col .route-directions .googledir table td {
		border: none !important;
	}
	#bg .google_maps_route .route-left-col .route-directions .googledir > div > table,
	#bg .google_maps_route .route-left-col .route-directions .googledir > div > table tr,
	#bg .google_maps_route .route-left-col .route-directions .googledir > div > table td {
		border: none !important;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}

	/* the map - right side */
	#bg .google_maps_route .route-map {
		height: auto;
		margin: 0;
	}
	#bg .google_maps_route .route-map img,
	#bg .google_maps_route .route-map svg {
		background-color: transparent !important;
	}
	#bg .google_maps_route .route-map * { background: none !important; }
	#bg .google_maps_route .print-helper { height: 10px; page-break-before: always; }
}
/**
 * component: progressbar
 * description: show the current status of a progress
 */

@media all {
	#bg .progressbar {
		margin-bottom: 2.5em;
		border-left: 1px solid #cdcdcd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	#bg .progressbar li {
		background: transparent url(/barmer/assets/www/components/application/progressbar/img/progressbar.gif) no-repeat 100% -100px; 
		display: block;
		list-style-type: none;
		float: left;
		padding-right: 1.230em;
	}	
	#bg .progressbar li.current {
		background-position: 100% 0;
		background-color: #fff; 
	}
	#bg .progressbar li.last {
		background-position: 100% -200px;
	}
	#bg .progressbar li.prev {
		background-position: 100% -300px;
	}
	#bg .progressbar li a,
	#bg .progressbar li span {
		background: #ebebeb;
		border-top: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		display: block;
		padding: .154em .538em .077em;
	}
	#bg.sv .progressbar li.current a,
	#bg.sv .progressbar li.current span {
		background: #fff;
		font-weight: bold;
		color: #51831c;
	}
	#bg.kl .progressbar li.current a,
	#bg.kl .progressbar li.current span {
		background: #fff;
		font-weight: bold;	
		color: #005794;
	}
	#bg .progressbar li.inactive a, 
	#bg .progressbar li.inactive span {
		color: #999;
	}
}


@media screen, projection {
	#bg.sv .progressbar li a:focus,
	#bg.sv .progressbar li a:active,
	#bg.sv .progressbar li.current a:focus,
	#bg.sv .progressbar li.current a:active {
		color: #51831C !important;
		background: #ebebeb !important;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	#bg.kl .progressbar li a:focus,
	#bg.kl .progressbar li a:active, 
	#bg.kl .progressbar li.current a:focus,
	#bg.kl .progressbar li.current a:active {
		color: #005794 !important;
		background: #ebebeb !important;
		border-radius: 0;
		-moz-border-radius:0;
		-webkit-border-radius: 0;
	}
}


/**
 * component: providersearch
 * description: application - search for a doctor, dentist or hospital
 */

@media screen, projection {
	/* actions box in results */
	#bg.js .providersearch .providersearch-results .actions p {
		padding-bottom: .769em;
	}

	/* search result filter */
	#bg.js .providersearch .search-result-filter legend {
		background: #fff url(/BarmerForms/resources/html/img/barmer/ic-app-minus.png) no-repeat 97% 6px;
		display: block;
	}
	#bg.js .providersearch .search-result-filter legend.hover {
		background-position: 97% -194px;
	}
	#bg.js .providersearch .search-result-filter legend.active {
		background-position: 97% -394px;
	}
	#bg.js .providersearch .search-result-filter legend.closed {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-plus.png);
	}

	/* search results in table */
	#bg .providersearch .search-results a.ic {
		font-weight: bold;
		margin-bottom: .25em;
	}

	/* sorting of results */
	#bg .providersearch a.sortable {
		background-repeat: no-repeat;
		background-position: 100% 0;
		padding-right: 20px;
		text-decoration: none;
	}
	#bg .providersearch a.sortable.order1 {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-arrow-down.png);
	}
	#bg .providersearch a.sortable.order2 {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-arrow-top.png);
	}
	#bg .providersearch a.sortable:hover {
		background-position: 100% -200px;
		color: #575757;
	}
	#bg .providersearch a.sortable:active,
	#bg .providersearch a.sortable:focus {
		background-color: transparent;
		background-position: 100% -400px;
		color: #51831c !important;
	}
	#bg .providersearch a.sortable.kl:active,
	#bg .providersearch a.sortable.kl:focus {
		background-color: transparent;
		background-position: 100% -600px;
		color: #005794 !important;
	}
}


@media print {
}

/**
 * component: imagematerial
 * description: application - imagematerial
 */

@media all {
	#bg .imagematerial .form h3 {
		clear: both;
		padding-bottom: .769em;
	}
	#bg .imagematerial .form h4 {
		font-size: 1.3em;
		padding: 0 0 .231em;
	}
	/* image container */
	#bg .imagematerial .column-left {
		padding-bottom: 2em;
		width: 20em;
	}
	#bg .imagematerial .form .column-left p {
		padding: 0;
		margin: 0;
	}
	#bg .imagematerial .form .column-left p a {
		display: block;
		position: relative;
	}
	#bg .imagematerial .form .column-left p img {
		width: 100%;
	}
	/* checkbox container */
	#bg .imagematerial .column-right {
		width: 21em;
		padding-right: 1em;
	}
	#bg.universalpage-2col .imagematerial .column-right {
		width: 45em;
	}
}


@media screen, projection {
	#bg .imagematerial .form .column-left p a span.lens-bg {
		background-color: #fff;
		bottom: 0;
		display: block;
		height: 19px;
		opacity: .5;
		position: absolute;
		right: 0;
		width: 19px;
	}
	#bg .imagematerial .form .column-left p a span.lens {
		background: url("/barmer/assets/www/common/img/icon/ic-app-magnify.png") no-repeat 0 0;
		bottom: 2px;
		display: block;
		height: 15px;
		position: absolute;
		right: 2px;
		width: 15px;
	}
	#bg .imagematerial .form .column-left p a:hover span.lens {
		background-position: 0 -200px;
	}
	#bg .imagematerial .form .column-left p a:active span.lens,
	#bg .imagematerial .form .column-left p a:focus span.lens {
		background-position: 0 -400px;
	}
	#bg.kl .imagematerial .form .column-left p a:active span.lens,
	#bg.kl .imagematerial .form .column-left p a:focus span.lens {
		background-position: 0 -600px;
	}
}


@media print {
}


/**
 * component: imagematerial
 * description: application - imagematerial
 */

@media all {
	
	
	#bg .imagegallery div.fullscreenview {
		text-align: center;
		width:86em;
	}
	
	
	#bg.colorboximagegallery #cboxLoadedContent{
		margin-top: 3em;
	}
	#bg.colorboximagegallery #cboxCurrent{
		margin-top: -0.333em;
	}
	#bg .imagegallery div.fullscreenview .fullscreenimage img{
		display:inline;
	}
	#bg #cboxContent .imageTitle{
		position:absolute;
		top:0;
		left:0;
		text-align: center;
		width: 100%;
	}
	#bg #cboxContent .imageTitle h3{
		line-height: 1.667;
		color:#333333;
		font-size: 1.2em;
	}
	
	#bg.colorboximagegallery #colorbox p.print{
			display:none;
			left:-500em !important;
	}
	
	.colorboximagegallery #colorbox p.diashow {
	    font-size: 1.2em;
	    left: 1.667em;
	    line-height: 1.667;
	    position: absolute;
	    top: 0;
	}
	
	/* ### Galerieansicht ############################## */
	#bg .imagegallery .group .functions,
	#bg .imagegallery .group .group-content {
		margin-bottom: 1em;
	}
	#bg .imagegallery .group .group-content {
		padding-left: 2.4em;
		padding-right: 2.4em;
	}
	#bg .imagegallery .group-content.thumbrow {
		background: #F8F7F5;
	}
	#bg .imagegallery .group-content h3 {
		background-color: #FFF;
		border-bottom: 1px solid #CDCDCD;
		border-radius: 3px 3px 0 0;
		font-size: 1.4em;
		line-height: 1.143;
		white-space: normal;
		padding: 5px 14px;
		color: #51831C;
		position: relative;
		margin: -0.286em -1.714em 0.714em;
	}
	#bg .imagegallery .wrapper {
		position: relative;
		margin: 0 -2.4em 1.1em;
		text-align: center;
		clear: both;
	}
	#bg .imagegallery .thumbrow .wrapper {
		text-align: left;
	}
	#bg .imagegallery .bigview .wrapper {
		padding: 0 2.4em;
	}
	#bg .imagegallery .wrapper > .app,
	#bg .imagegallery .image-wrapper > .app {
		position: absolute;
		width: 14px;
		height: 18px;
		line-height: 0;
		overflow: hidden;
		text-indent: -1000px;
		padding: 0;
	}
	#bg .imagegallery .wrapper > .app.back,
	#bg .imagegallery .wrapper > .app.forward,
	#bg .imagegallery .wrapper > .app.prev-double,
	#bg .imagegallery .wrapper > .app.next-double {
		top: 50%;
		margin-top: -8px;
	}
	#bg .imagegallery .wrapper > .app.back,
	#bg .imagegallery .wrapper > .app.prev-double {
		left: 0.6em;
	}
	#bg .imagegallery .wrapper > .app.forward,
	#bg .imagegallery .wrapper > .app.next-double {
		right: 0.6em;
	}
	#bg .imagegallery .image-wrapper > .icon-zoom {
		background: transparent url("/barmer/assets/www/components/application/imagegallery/img/ic-app-imagezoom.png") no-repeat 0 0;
		right: 0.3em;
		bottom: 0.4em;
		position: absolute;
		width: 18px;
		height: 18px;
		display:block;
	}
	#bg .imagegallery .image-wrapper:hover > .icon-zoom {
		background-position: 0 -200px;
	}
	#bg .imagegallery .image-wrapper:active > .icon-zoom,
	#bg .imagegallery .image-wrapper:focus > .icon-zoom {
		background-position: 0 -400px;
	}
	#bg .imagegallery .wrapper > ul {
		display: inline-block;
		padding: 0 1.6em;
	}
	#bg .imagegallery .thumbrow .wrapper > ul {
		display: block;
	}
	#bg .imagegallery .wrapper > ul > li > a {
		display: block;
		text-align: center;
		margin: 0 0.385em;
		position: relative;
		font-size: 1em;
		line-height: 0;
		background-color: #f2f2f2 !important;
		height: 5.856em;
		width: 8.923em;
		border: 1px solid #ccc;
		border-radius: 0 !important;
		position: relative;
		z-index: 1;
	}
	#bg .imagegallery .wrapper ul a img {
		display: inline;
		max-width: 100%;
		width: auto;
		height: 100%;
	}
	#bg .imagegallery .wrapper > ul > li > a span {
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		border: 2px solid #51831c;
	}
	#bg .imagegallery .wrapper > ul > li > a:hover,
	#bg .imagegallery .wrapper > ul > li > a:active,
	#bg .imagegallery .wrapper > ul > li > a:focus {
		border-color: #51831c;
	}
	#bg .imagegallery .wrapper > ul > li > a:hover span,
	#bg .imagegallery .wrapper > ul > li > a:active span,
	#bg .imagegallery .wrapper > ul > li > a:focus span {
		display: block;
	}
	#bg .imagegallery .app-specific li {
		float: left;
		position: relative;
		text-align: left;
	}
	#bg .imagegallery .wrapper > .app-specific > li > a > img,
	#bg .imagegallery .wrapper > .slider-cont > .app-specific > li > a > img {
		font-size: 0.75em;
		word-wrap: break-word;
		white-space: normal;
		line-height: 1.75em;
	}
	#bg .imagegallery .slider-cont .app-specific{
		position: absolute;
	}
	#bg .imagegallery .wrapper .slider-cont > ul {
		display: inline-block;
		padding: 0 1.6em;
	}
	#bg .imagegallery .wrapper .slider-cont > ul > li > a {
		display: block;
		text-align: center;
		margin: 0 0.769em 0 0;
		position: relative;
		font-size: 1em;
		line-height: 0;
		background-color: #f2f2f2 !important;
		height: 5.856em;
		width: 8.923em;
		border: 1px solid #ccc;
		border-radius: 0 !important;
		position: relative;
		z-index: 1;
	}
	#bg .imagegallery .wrapper .slider-cont ul a img {
		display: inline;
		max-width: 100%;
		width: auto;
		height: 100%;
	}
	#bg .imagegallery .wrapper .slider-cont > ul > li > a span {
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		border: 2px solid #51831c;
	}
	#bg .imagegallery .wrapper .slider-cont > ul > li > a:hover,
	#bg .imagegallery .wrapper .slider-cont > ul > li > a.selected,
	#bg .imagegallery .wrapper .slider-cont > ul > li > a:active,
	#bg .imagegallery .wrapper .slider-cont > ul > li > a:focus {
		border-color: #51831c;
	}
	#bg .imagegallery .wrapper .slider-cont > ul > li > a:hover span,
	#bg .imagegallery .wrapper .slider-cont > ul > li > a.selected span,
	#bg .imagegallery .wrapper .slider-cont > ul > li > a:active span,
	#bg .imagegallery .wrapper .slider-cont > ul > li > a:focus span {
		display: block;
	}
	#bg .imagegallery .slider-cont {
		margin: 0 2.4em;
		overflow: hidden;
		height: 7.8em;
		position: relative;
	}
	#bg .imagegallery .slider-cont ul {
		white-space: nowrap;
		padding: 0 !important;
	}
	#bg .imagegallery .slider-cont ul li {
		float: none;
		display: inline-block;
	}
	#bg .imagegallery .slider-cont ul li:after {
		content: "."; display:block; clear: both; visibility: hidden; line-height: 0; height: 0;
	}
	#bg .imagegallery .outofsight {
		left: 64em;
	}
	#bg .imagegallery .app-specific a.app {
		margin-right: 1.692em;
	}
	#bg .imagegallery .bigview h3 {
		padding-right: 6em;
		min-height: 1.143em;
	}
	#bg .imagegallery .image-wrapper {
		text-align: center;
		border: 1px solid #ccc;
		font-size: 1em;
		line-height: 0;
		background-color: #f2f2f2;
		position: relative;
		display: block;
	}
	#bg .imagegallery .bigview .image-wrapper {
		height: 42.0em;
		width: 62.8em;
	}
	#bg .imagegallery .image-wrapper:active,
	#bg .imagegallery .image-wrapper:focus {
		border: 1px solid #51831c;
		border-radius: 0;
	}
	#bg .imagegallery .image-wrapper img {
		display: inline;
		height: 100%;
		width: auto;
		max-width: 100%;
		line-height: 3em;
	}
	#bg .imagegallery p.image-description {
		padding-bottom: 0.769em;
	}
	#bg .imagegallery p.vote {
		padding: 0;
		position: absolute;
		right: 1.264em;
		bottom: 0.385em;
		background-image:url("/barmer/assets/www/common/img/icon/ic-vote-transparent.png");
	}
	#bg .imagegallery p.vote a {
		border: 1px solid #fff;
		border-radius: 3px 3px 3px 3px;
		height: 13px;
		position: relative;
		left: -4px;
		top: -3px;
		width: 56px;
		display: inline-block;
		float: left;
	}
	#bg .imagegallery p.vote a:hover {
		border-color: #999;
	}
	#bg .imagegallery p.vote a:active,
	#bg .imagegallery p.vote a:focus {
		background-color: transparent !important;
		border-color: #51831C !important;
	}
	#bg .imagegallery .group-content .functions {
		padding: 1em !important;
	}
	#bg .imagegallery .group-content .functions a.app,
	#bg .imagegallery .group-content .functions input[type=submit].app {
		border: 1px solid #bababa;
		border-radius: 3px 3px 3px 3px;
		padding: 0.231em 0.462em 0.231em 2.077em;
		margin-right: 0.769em;
		background-position: 7px 5px;
	}
	#bg .imagegallery input[type=submit].app {
		background-repeat: no-repeat;
		background-color: #fff;
		color: #333;
		display: block;
		height: 2.077em;
		overflow: visible;
		outline: none;
	}
	#bg .imagegallery input[type=submit].app.download {
		background-image: url("/barmer/assets/www/common/img/icon/ic-app-download.png");
	}
	#bg .imagegallery .group-content .functions a.app:hover,
	#bg .imagegallery .group-content .functions input[type=submit].app:hover {
		background-position: 7px -195px;
		text-decoration: underline;
	}
	#bg .imagegallery .group-content .functions a.app:active,
	#bg .imagegallery .group-content .functions input[type=submit].app:active,
	#bg .imagegallery .group-content .functions a.app:focus,
	#bg .imagegallery .group-content .functions input[type=submit].app:focus {
		background-position: 7px -395px;
		border: 1px solid #51831c;
		color: #51831c;
	}
	#bg .imagegallery .group-content .functions p.checkbox {
		margin-right: 0.769em;
		padding: 0.462em 0.462em 0.308em 0;
	}
	#bg .imagegallery .group-content .functions p.checkbox label {
		padding-left: 1.538em;
	}
	/* ### Listenansicht ############################## */
	#bg .imagegallery .pagingrow {
		line-height: 1em;
		padding: 0.3em 0 1em;
	}
	#bg .imagegallery .pagingrow p {
		float: left;
		line-height: 1em;
		padding: 0.1em 0 0;
	}
	#bg .imagegallery .thumbrow .pagingrow p {
		float: none;
	}
	#bg .imagegallery .pagingrow .paging {
		float: right;
		position: relative;
		right: -0.7em;
	}
	#bg .imagegallery .listview .wrapper {
		text-align:left;
		margin-left:-1em;
		margin-right:-1em;
	}
	#bg .imagegallery .listview .wrapper ul {
		padding: 0 0.5em 0;
		list-style: none;
		display:block;
	}
	#bg .imagegallery .listview .wrapper + .wrapper > ul {
		padding-top: 1.4em;
		border-top: 1px dotted #b2b2b2;
	}
	#bg .imagegallery .listview .wrapper {
		position: relative;
		z-index: 9;
	}
	#bg .imagegallery .listview .wrapper + .wrapper {
		z-index: 8;
	}
	#bg .imagegallery .listview .wrapper + .wrapper + .wrapper {
		z-index: 7;
	}
	#bg .imagegallery .listview .wrapper + .wrapper + .wrapper + .wrapper {
		z-index: 6;
	}
	#bg .imagegallery .listview .wrapper + .wrapper + .wrapper + .wrapper + .wrapper {
		z-index: 5;
	}
	#bg .imagegallery .listview .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper {
		z-index: 4;
	}
	#bg .imagegallery .listview .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper {
		z-index: 3;
	}
	#bg .imagegallery .listview .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper {
		z-index: 2;
	}
	#bg .imagegallery .listview .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper + .wrapper{
		z-index: 1;
	}
	#bg .imagegallery .wrapper ul ul a.app {
		height: 18px;
		line-height: 0;
		overflow: hidden;
		padding: 0;
		text-indent: -1000px;
		width: 14px;
		margin: 0.231em 0.615em 0 -0.154em;
		position: relative;
	}
	#bg .imagegallery .wrapper input[type=checkbox] {
		border: none;
		border-radius: 1px 1px 1px 1px;
		height: 1.154em;
		width: 1.154em;
		position: relative;
		top: 0.385em;
		left: -0.077em;
		margin-right: 0.462em;
	}
	#bg .imagegallery .wrapper .app-specific p.checkbox {
		padding: 0;
	}

	/* ### Tooltip ################################## */
	#bg .imagegallery .tooltip {
		position: absolute;
		top: 2.923em;
		left: 5.769em;
		background: #404040 url('/barmer/assets/www/components/application/imagegallery/img/bg-tooltip.png') repeat-x 0 100%;
		padding: 2.308em 1.538em 0.308em;
		z-index: 100;
		text-align: left;
		border: 1px solid #222;
		border-radius: 4px;
		width: 27.693em;
		display: none;
	}
	#bg .imagegallery .tooltip h4,
	#bg .imagegallery .tooltip p {
		color: #fff;
		font-size: 1em !important;
	}
	#bg .imagegallery .tooltip h4,
	#bg .imagegallery .tooltip p.image-description {
		padding-bottom: 0.385em;
	}
	#bg .imagegallery .tooltip p.vote {
		top: 0.692em;
		right: 1.538em;
	}
	#bg .imagegallery .tooltip p.vote a {
		border-color: #404040;
	}
	#bg .imagegallery .tooltip p.vote a:hover {
		border-color: #ccc;
	}
	#bg .imagegallery .tooltip p.vote a:active,
	#bg .imagegallery .tooltip p.vote a:focus {
		border-color: #fff !important;
	}
	#bg .imagegallery .tooltip .image-wrapper {
		height: 18.385em;
		width: 27.538em;
		margin-bottom: 1.5em;
	}
	#bg .imagegallery .listview .wrapper > ul > li {
		position: relative;
		z-index: 1;
	}
}

@media screen, projection {
	#bg .imagegallery .listview .wrapper > ul > li:hover {
		z-index: 2;
	}
	#bg .imagegallery .listview .wrapper > ul > li > a:hover + .tooltip,
	#bg .imagegallery .listview .wrapper > ul > li > .tooltip:hover {
		display:block;
	}
}

@media print {
	#bg .imagegallery .wrapper .app-specific .app-specific {
		display: none;
	}
	#bg .imagegallery p.vote {
		display: none;
	}
	#bg .imagegallery .bigview .image-wrapper {
		height: auto;
		max-height: 42.0em;
		width: auto;
		max-width: 100%;
		border-width: 1pt;
		border-color: #999 !important;
	}
	#bg .imagegallery .bigview .image-wrapper img {
		height: auto;
		max-height: 42.0em;
	}
	#bg .imagegallery .image-wrapper > .icon-zoom {
		display: none;
	}
	#bg .imagegallery .wrapper > ul {
		display: block;
	}
	#bg .imagegallery .wrapper .slider-cont > ul {
		width: 100%;
	}
	#bg .wrapper .app-specific > li {
		width: 20%;
	}
	#bg .imagegallery .wrapper .slider-cont > ul > li + li + li + li + li + li {
		display:none;
	}
	#bg .imagegallery .wrapper .app-specific > li > a { 
		border-width: 1pt !important;
		border-color: #999 !important;
		margin:0 auto !important;
		max-width:95% !important;
	}
	#bg .imagegallery .wrapper .slider-cont > ul > li > a span { 
		background-color: transparent !important;
	}
	#bg .imagegallery .wrapper > .app { display:none !important; }
}

/**
 * component: searchresults
 * description: main search 
 */
@media all {
	#bg .searchresults {
		padding-bottom: 2em;
	}
	#bg .searchresults h3.results {
		font-size: 1.3em;
		padding-bottom: .769em;
	}
	#bg .searchresults table p strong {
		padding-right: 5px;
	}
	#bg .searchresults table p .path {
		font-style: italic;
		display: block;
	}
}
@media screen, projection {
}


@media print {
}


/**
 * component: page-comment
 * description: application - video comments
 */

@media screen, projection {
	#bg .page-comment .result .richtext {
		padding: 0;
	}
	#bg .page-comment .result .richtext ul {
		list-style: none;
		margin-bottom: 1em;
		padding: 0;
	}
	#bg .page-comment .result .richtext ul li {
		border-bottom: 1px solid #cdcdcd;
		padding: .833em 1.167em;
	}
	#bg .page-comment .result .richtext ul li.odd {
		background-color: #e5f6fe;
	}
	#bg .page-comment .result .richtext ul li h4 {
		color: #333;
		font-size: 1em;
		line-height: 1.167;
		padding: 0;
	}
}


@media print {
}




/**
 * component: reminder
 * description: reminder service
*/

@media all {
	/* view switch */
	#bg .reminder .view {
		margin-bottom: .5em;
	}
	#bg .reminder .view a {
		border: 1px solid #cdcdcd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin-right: .692em;
		padding: .231em .692em;	
	}
	/* timetable */
	#bg .reminder table.cal {
		background: url("/barmer/assets/www/components/application/calendar/img/bg-calendar.png") repeat scroll 0 0 transparent;
		border-bottom: none;
		float: left;
		margin-right: 1em;
		padding-bottom: 0;
		width: 49em;
	}
	#bg .reminder table.cal tbody tr {
		background-color: transparent;
	}
	#bg .reminder table.cal td { 
		border-color: #cdcdcd;
		/*background-color: #fff;*/
		background: #fff;
	}
	#bg .reminder table.cal thead th {
		padding: .583em .667em;
	}
	#bg .reminder table.cal tbody th {
		background: #999;
		font-weight: bold;
		padding-bottom: 1.667em;
	}
	#bg .reminder table.cal tbody th a {
		color: #333 !important;
	}
	#bg .reminder table.cal tbody td a {
		position: relative;
		right: -.167em;
	}
	#bg .reminder table.cal .other-month {
		background-color: transparent;
	}
 	/* column width */
	#bg .reminder table.cal.week-view tbody td,
	#bg .reminder table.cal.month-view tbody td {
		width: 42px;
	}
	#bg .reminder table.cal.day-view col.type,
	#bg .reminder table.cal.week-view tbody th,
	#bg .reminder table.cal.month-view tbody th {
		width: 70px;
	} 
	#bg .reminder table.cal.day-view col.appointment {
		width: 200px;
	} 
	#bg .reminder table.cal.day-view col.reminder-date {
		width: 100px;
	} 
	#bg .reminder table.cal.day-view col.administration {
		width: 115px;
	}
	/* current day */
	#bg .reminder table.cal .current-day {
		background-color: #51831c !important;
		color: #fff;
	}
	#bg.kl .reminder table.cal .current-day {
		background-color: #005794 !important;
	}
	#bg .reminder table.cal .current-day a {
		color: #fff;
	}
	/* event */
	#bg .reminder table.cal a.date {
		float: right;
	}
	#bg .reminder table.cal a.event {
		display: block;
		clear: both;
		float: none;
		position: relative;
	}

	
	#bg .reminder .period {
		margin-bottom: 1em;
	}
	#bg .reminder .right-column {
		background:none repeat scroll 0 0 #fff;
		border: 1px solid #CDCDCD;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		float: right;
		margin-bottom: 1em;
		overflow: hidden;
		width: 17.8em;
	}
	#bg .reminder .recommendations {
		padding: 1em;
	}
	#bg .reminder .recommendations h3 {
		font-size: 1.3em;
		padding: 0 0 .308em;
	}
	#bg .reminder .recommendations h4 {
		font-size: 1.2em;
		padding: 0 0 .333em;
	}
	#bg .reminder .compact-view {
		margin-bottom: 1em;
		width: 17.9em;
	}
	#bg .reminder .compact-view div {
		background: #333;
	}
	#bg .reminder .compact-view div p {
		color: #fff;
		padding: 0;
	}
	#bg .reminder .compact-view div p a {
		color: #fff;
		padding: 0 .385em;
	}
	#bg .reminder .compact-view .prev-month,
	#bg .personal-area p.prev-month {
		float: left;
		padding: 0;
	}
	#bg .reminder .compact-view .next-month,
	#bg .personal-area p.next-month {
		float: right;
		padding: 0;
	}
	#bg .personal-area p.current-month {
		font-size: 1em;
		line-height: 1;
		text-align: center;
		padding: 0;
	}
	#bg .personal-area p.prev-month,
	#bg .personal-area p.next-month {
		line-height: 1;
		margin-top: -.154em;
	}
	#bg .personal-area p.prev-month a,
	#bg .personal-area p.next-month a{
		text-decoration: none;
	}
	/* compact calendar */
	#bg .reminder .compact-view h3 {
		color: #fff !important;
		font-size: 1.3em;
		padding: .384em 0;
		text-align: center;
	}
	#bg .reminder .compact-view table {
		border: none;
		margin: 0;
		padding: 0;
	}
	#bg .personal-area .compact-view table {
		border-bottom: medium none;
		border-right: medium none;
		padding: 0;
	}
	#bg .reminder .compact-view td,
	#bg .personal-area .compact-view td {
		background: #e9e9e9;
	}
	#bg .reminder .compact-view td, 
	#bg .reminder .compact-view th,
	#bg .personal-area .compact-view td,
	#bg .personal-area .compact-view th {
		border-right: 1px solid #CDCDCD;
		padding: .25em 0;
		text-align: center;
	}
	/* padding for focus */
	#bg .reminder table.cal td  a,
	#bg .reminder .compact-view table td  a,
	#bg .personal-area .compact-view table td a {
		padding: .166em;
		text-decoration: none;
	}
	#bg .reminder table.cal a.app {
		padding: 0 0 0 20px;
	}
	#bg .reminder .compact-view table .current-day a,
	#bg .personal-area .compact-view table .current-day a {
		color: #fff;
		font-weight: bold;
	}
	#bg .reminder .compact-view table .other-month {}
	#bg .reminder .compact-view table .weekend,
	#bg .personal-area .compact-view table .weekend {
		background: #d5d4d5;
	}
	#bg .reminder .compact-view table .today {}
	/* colors */
	#bg.sv .reminder .compact-view table .current-day,
	#bg.sv .personal-area .compact-view table .current-day {
		background: #51831c;
	}
	#bg.kl .reminder .compact-view table .current-day,
	#bg.kl .personal-area .compact-view table .current-day {
		background: #005794;
	}
	#bg.sv .reminder h3,
	#bg.sv .reminder .period ul li a,
	#bg.sv .reminder .period ul li strong {
		color: #51831c;
	}
	#bg.kl .reminder h3,
	#bg.kl .reminder .period ul li a,
	#bg.kl .reminder .period ul li strong {
		color: #005794;
	}
}

@media screen, projection {
	/* view switch */
	#bg .reminder .view a:link,
	#bg .reminder .view a:visited {
		background-color: #fff;
	}
	#bg .reminder .view a:hover {
		border-color: #b7b7b7 !important;
		text-decoration: none;
	}
	#bg.sv .reminder .view a:active,
	#bg.sv .reminder .view a:focus {
		background-color: #51831c;
	}
	#bg.kl .reminder .view a:active,
	#bg.kl .reminder .view a:focus {
		background-color: #005794;
	}
	#bg.sv .reminder .view a.current:link,
	#bg.sv .reminder .view a.current:visited {
		background-color: #51831c;
		color: #fff;
	}
	#bg.kl .reminder .view a.current:link,
	#bg.kl .reminder .view a.current:visited {
		background-color: #005794;
		color: #fff;
	}
	#bg .reminder .view a.current.kl:link,
	#bg .reminder .view a.current.kl:visited {
		background-color: #005794;
	}
	/* current row */
	#bg .reminder table.cal tbody tr:hover th,
	#bg .reminder table.cal tbody tr:hover td {
		background-color: #f5f5f5;
	}
	#bg .reminder table.cal tbody tr:hover td.other-month {
		opacity: .4;
	}
	#bg.sv .reminder .compact-view a:active,
	#bg.sv .reminder .compact-view a:focus,
	#bg.sv .personal-area .compact-view a:active,
	#bg.sv .personal-area .compact-view a:focus {
		background-color: #51831c;
		padding: .166em;
	}
	#bg.kl .reminder .compact-view a:active,
	#bg.kl .reminder .compact-view a:focus,
	#bg.kl .personal-area .compact-view a:active,
	#bg.kl .personal-area .compact-view a:focus {
		background-color: #005794;
		padding: .166em;
	}
	
	/* current day */
	#bg .reminder table.cal .current-day a:hover,
	#bg .reminder table.cal .current-day a:active,
	#bg .reminder table.cal .current-day a:focus {
		background-color: #fff;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #51831c;
	}
	#bg.kl .reminder table.cal .current-day a:hover,
	#bg.kl .reminder table.cal .current-day a:active,
	#bg.kl .reminder table.cal .current-day a:focus {
		color: #005794;
	}


	/* event */
	#bg .reminder table.cal a.event:hover span,
	#bg .reminder table.cal a.event:active span,
	#bg .reminder table.cal a.event:focus span {
		background: #333 url("/barmer/assets/www/components/text/articlefunctions/img/bg-social-tooltip-left.gif") no-repeat scroll 0 100%;
		bottom: 23px;
		color: #fff;
		display: block !important;
		left: 23px !important;
		opacity: 0.9;
		overflow: visible !important;
		padding: .25em .5em 10px;
		position: absolute !important;
		white-space: nowrap;
		width: auto;
	}
}

@media print {
	#bg .reminder .right-column {
		display: none;
	}
	/* timetable */
	#bg .reminder table.cal {
		width: 100%;
	}
}

/**
 * component: material
 * description: application - material
 */

@media all {
   
    #material p.opener{
        padding-bottom: 0.9em;
    }
    #material div.brochurePreviewImg img{
        max-width: 100%;
        border: 1px solid #CDCDCD;
        width: 14.4em;/* IE6 fix*/
    }
    #material div.brochurePreviewImg{
       width: 14.4em;
       padding: 1.7em 0 1.7em 1.7em;
       float:left;
    }
    #material div.brochureInfo{
       padding: 1.5em 1.7em 0 17.8em ;
    }
    
   
    #material p.opener a.application-opener{
        font-weight:bold;
    }
    
   
    #material .brochure p{
       clear: none;
       margin-right: 0;
    }
    #material .brochure h3{
       clear: none;
       padding: 0 0 1em 0;
    }
   
    #material #detailsPage .materialForm .brochure .button input {
        float:none;
    }
    #material .materialForm .button input {
     float: right;
    }
    #material .materialForm {
     padding-bottom: 2em;
    }
    
    #bg #material .brochure .button {
            float:none;
                top: 0;
    }
     
    
    
    #material  #detailsPage .materialForm fieldset{
        border: 1px solid #CDCDCD;
        border-radius: 0 3px 3px 3px; 
    }
    
    #material .brochure{
       background-color: #F8F7F5;
       margin-bottom: 0.9em;
       padding: 0;
    }
    
    #bg #material #detailsPage .materialForm fieldset legend.hd {
         position: absolute !important;
    }
      #bg #material #detailsPage .materialForm fieldset.brochureCategories {
         padding: 1.7em 1.7em 1.7em 1.7em ;
    }

    #bg.sv .brochureCategories h3 {
        color: #51831C;
    }
    #bg.kl .brochureCategories h3 {
        color: #005794;
    }
    
    #bg.sv .brochureCategories label {
        color: #51831C;
    }
    #bg.kl .brochureCategories label {
        color: #005794;
    }
   
}

/**
 * component: medianewsroom
 * description: application - medianewsroom styles
 */

@media all {
	

	
	
	/* ------------------------- Tabs ------------------------- */
		
	#bg .medianewsroom #medianewsroom_tabs {
		padding: 2em 0 0.5em 0;
	}

	
	
	#bg .medianewsroom #medianewsroom_tabs ul.tabs-media-box {
		clear: left;
		height: 36px;
		background: url('/barmer/assets/www/components/application/medianewsroom/img/tab-bg-socialmonitor.png') repeat-x scroll 0 -188px;
	}
	
	
	
	/* tab box */
	#bg .medianewsroom #medianewsroom_tabs li.media-tab-box {
		width: 131px;
		height: 36px;
		float: left;
		background: url('/barmer/assets/www/components/application/medianewsroom/img/tab-bg-socialmonitor.png') repeat-x scroll 0 -188px;
	}
	
	
	/*
	   Tab-Link 
	   allgemeine allgemeine Sachen (W, H, MausCursor, ...) eines einzelnen Tab
	*/
	#bg .medianewsroom #medianewsroom_tabs li.media-tab-box a.tab-link { 
		-moz-border-radius: 3px 3px 0 0;
	    border-style: solid solid none solid;
		border-width: 1px 1px 0 1px;
		width: 123px;
		height: 31px;
	 	cursor: pointer;
	 	text-decoration: none;
	    padding-top: 4px; /* padding, weil bild nicht zentrierbar ist */
	}
	
	
	/* selected Tab */
	#bg .medianewsroom #medianewsroom_tabs ul.tabs-media-box a.tab-selected {
		background: url('/barmer/assets/www/components/application/medianewsroom/img/tab-bg-socialmonitor.png') repeat-x scroll 0 0px;
	    color: #51831C;
	    display: block;
		border-color: #A5A5A5; /* dunkleres grau */
		
	}
	#bg .medianewsroom #medianewsroom_tabs ul.tabs-media-box a.tab-selected img.image-logo-opacity {
		opacity: 1.0;
		filter:  alpha(opacity=100);
	}


	/* not selected Tab */
	#bg .medianewsroom #medianewsroom_tabs ul.tabs-media-box a.tab-notselected {
		background: url('/barmer/assets/www/components/application/medianewsroom/img/tab-bg-socialmonitor.png') repeat-x scroll 0 -189px;
		color: #51831C;
	    display: block;
		border-color: #DEDEDE;  /* helleres grau */
	}
	#bg .medianewsroom #medianewsroom_tabs ul.tabs-media-box a.tab-notselected img.image-logo-opacity {
		opacity: 0.4;
		filter:  alpha(opacity=40);
	}
	

	
	/* at mouse hover above tab */
	#bg .medianewsroom #medianewsroom_tabs ul.tabs-media-box a.tab-link:hover {
		/* background: url('/barmer/assets/www/components/application/medianewsroom/img/tab-bg-socialmonitor.png') repeat-x scroll 0 0px !important; */
		border-color: #A5A5A5; /* dunkleres grau */
	}
	
	
	
	
	

	
	/* ------------------------- Content ------------------------- */
	
	
	/* allgemeine Sachen (Text, ...) des Contents */
	#bg .medianewsroom #medianewsroom_content {
		/* font-size: 1.3em;*/
	 	font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
	 	line-height: 1.375;
	}
	
	#bg .medianewsroom #medianewsroom_content h2,
	#bg .medianewsroom #medianewsroom_content h3,
	#bg .medianewsroom #medianewsroom_content strong {
		color: #005794;
	}
	
	#bg .medianewsroom #medianewsroom_content h2 {
		font-size: 1.3em;
	}
	
	#bg .medianewsroom #medianewsroom_content h3 {
		font-size: 1.4em;
	}

	#bg .medianewsroom #medianewsroom_content .media-content {
		/* height: 360px; */
		border-bottom: 1px solid #E5E5E5;
	}
	

	/* -------------------- Content - Header -------------------- */

	#bg .medianewsroom #medianewsroom_content .media-content div.content-header {
		height: 30px;
	}
	
	#bg .medianewsroom #medianewsroom_content .media-content div.content-header-left {
		float: left;
		color: #005794;
		margin-top: 5px;
	}
	
	#bg .medianewsroom #medianewsroom_content .media-content div.content-header-left h3 {
		color: #005794;
    	font-size: 1.8em;
		font-weight: normal;
	}

	#bg .medianewsroom #medianewsroom_content .media-content div.content-header-right {
		float:      right; 
		text-align: right; 
		color:      #005794;
		font-size:  1.3em;
	}
	
	
	
	/* -------------------- Content - Facebook -------------------- */
	
	
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-list-item {
		line-height: 1.7;
		padding: 10px 0 10px 0;
		border-bottom: 1px dotted #E5E5E5;
	}
	
	#bg .medianewsroom #medianewsroom_content #content_facebook div.last div.facebook-list-item {
		border-bottom: 0px dotted #E5E5E5;
	}

	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-list-item h4 {
		font-size: 1.3em;
		color: #000000;
		float: left;
		clear: left;
		
		padding: 0;
		margin:  0;
	}

	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-list-item-right {
	    float: right;
		clear: right;
		font-size: 1.2em;
		
		padding: 0;
		margin:  0;
	}

	#bg .medianewsroom #medianewsroom_content #content_facebook p.facebook-list-item-text {
		clear:       left;
		float:       left;
		width:		 550px;
		line-height: 1.375;
		padding:     0;
	}

	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like {
		clear: left;
		background: url('/barmer/assets/www/components/application/medianewsroom/img/facebook_like.png') no-repeat scroll 0 40%;
		padding: 0 0 0 18px;
		font-size: 1.3em;
	}	
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like a:hover {
		color: #005794 !important;
		background-color: #ffffff;
	}
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like a:focus,
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like a:active {
		color: #000000 !important;
		background-color: #ffffff;
	}
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like strong,
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like span {
		color: #000000;
	}
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like a:hover strong {
		color: #005794;
	}
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like a:focus strong,
	#bg .medianewsroom #medianewsroom_content #content_facebook div.facebook-like a:active strong {
		color: #000000;
	}
	
	
	
	/* -------------------- Content - YouTube -------------------- */


	#bg .medianewsroom #medianewsroom_content .media-content #div_youtube_video_title h4 {
		color: #005794;
		font-size: 1.3em;
	}
	
	
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist {
		font-size: 1.3em;
	}

	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist div.youtube_playlist_item {
		height: 65px;
		border-bottom: 1px dotted #E5E5E5;
		margin:  0 0 10px 0;
    	padding: 0 0 10px 0;
	}
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist div.last div.youtube_playlist_item {
		border-bottom: 0px dotted #E5E5E5;
	}
	
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist div.youtube_playlist_item div.youtube_playlist_item_left {
		float: left;
		width: 100px;
	}
	
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist div.youtube_playlist_item div.youtube_playlist_item_right {
		float: right;
		width: 195px;
	}

	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist div.youtube_playlist_item img.youtube-playlist-image {
		border: 1px solid #E5E5E5;
		float: left;
	}
	
	
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist a:focus,
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist a:hover,
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist a:active {
		text-decoration: none;
		color: #000000 !important;
	}
	
	
	#bg .medianewsroom #medianewsroom_content #div_youtube_playlist .you-tube-time-span {
		position: relative; 
		width: 30px;
		height: 14px;
		left: 57px;
		top: -15px; 
		text-align: right;
		-moz-border-radius: 3px 3px 3px 3px;
		background-color: #000000;
		color: #FFFFFF !important;
		display: inline-block;
		font-size: 11px; /* identisch zur YouTube-Seite */
		font-weight: bold;
		line-height: 14px;
		opacity: 0.75;
		padding: 0 4px;
		vertical-align: top;
	}
	

	
	/* wenn KEIN 'js' im body -> Player aus, Bild ein */
	#bg .medianewsroom #div_youtube_player #id_iframe_youtube_player {
		display: none;
	}
	#bg .medianewsroom #div_youtube_player #id_image_youtube_player {
		display: block;
	}
	#bg .medianewsroom #div_youtube_player #id_link_youtube_player {
		display: block;
	}
	
	/* wenn ein 'js' im body definiert ist -> Player ein, Bild bild */
	#bg.js .medianewsroom #div_youtube_player #id_iframe_youtube_player {
		display: block; 
	}
	#bg.js .medianewsroom #div_youtube_player #id_image_youtube_player {
		display: none; 
	}
	#bg.js .medianewsroom #div_youtube_player #id_link_youtube_player {
		display: none; 
	}
	
	

	/* -------------------- Teaser - Picture -------------------- */
	
	
	#bg .medianewsroom #medianewsroom_application_teaser {
		border-bottom: 1px solid #E5E5E5;
		padding: 10px 0 10px 0;
		font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
	    line-height: 1.375;
	}


	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item {
	    padding: 10px 0 10px 140px; /* 10px wegen Kante oben/unten, 140px links wegen Bild*/
	    border-bottom: 1px dotted #E5E5E5;
	    min-height: 100px; /* needed, if there is only 1 line text in forum */
	}
	/* 'last' Application Teaser has NO dotted-border */
	#bg .medianewsroom #medianewsroom_application_teaser div.last div.teaser-item {
		border-bottom: 0px dotted #E5E5E5;
	}
	
	
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item h3 {
    	font-size: 1.6em;
		font-weight: normal;
    	line-height: 1.7;
	}
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item h3 a,
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item h3 a:hover,
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item h3 a:focus,
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item h3 a:active,
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item h3 a:visited {
		color: #005794 !important;
		text-decoration: underline;
    	background-color: transparent;
	}
	
	
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item strong.teaser-item-headline {
		color: #000000;
		font-size: 1.3em;
		line-height: 1.7;
	}
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item p {
		padding: 0;
	}
	
	
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item-typ-event {
		background: url('/barmer/assets/www/components/application/medianewsroom/img/teaser_picture_event.png') no-repeat scroll 0 20px;
	}	

	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item-typ-forum {
		background: url('/barmer/assets/www/components/application/medianewsroom/img/teaser_picture_forum.png') no-repeat scroll 0 20px;
	}
	
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item-typ-forum-header {
		width: 100%;
		float: left;
	}
	
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item-typ-forum-header h3 {
		clear: left;
		float: left;
	}
	
	#bg .medianewsroom #medianewsroom_application_teaser div.teaser-item-typ-forum-header div.forum-header-right {
		float: right;
		font-size: 1.2em;
		padding-top: 5px;
	}
	
	
	
	/* -----------------  Universal Teaser  ----------------- */
	
	#bg .medianewsroom #medianewsroom_universal_teaser {
		margin: 2em 0 2em 0;
	}

	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item {
		background-color: #F3F3F2;
		width: 341px;
		/* height: 155px;   !!! height should not static !!! */
		border-bottom: 1px solid #BCBCBC;
		margin-bottom: 2em;
	}
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item .topicteaser.top {
		border-bottom-width: 0; /* overwrite other border*/
		margin-bottom: 0; /* overwrite other border*/
	}

	
	#bg .medianewsroom #medianewsroom_universal_teaser div.medianewsroom-universal-teaser-left {
		float: left;
	}
	
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.medianewsroom-universal-teaser-right {
		clear: right;
		float: right;
	}
	
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item div.topicteaser .teaserimg {
    	float: left;
    	/* clear: left; xxx */
    	padding: 0 5px 0 0;
	}
	
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item div.topicteaser h3 {
    	font-size: 1.6em;
		font-weight: normal;
		line-height: 1.375;
		padding-top: 5px;
		padding-left: 5px;
	}


	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a:active,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a:hover,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a:active,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a:visited {
		color: #51831C !important;
    	text-decoration: underline;
    	background-color: transparent;
	}
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a.kl,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a.kl:active,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a.kl:hover,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a.kl:active,
	#bg .medianewsroom #medianewsroom_universal_teaser  div.universal-teaser-item  div.topicteaser h3 a.kl:visited {
		color: #005794 !important;
	}
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser p {
		padding-bottom: 2px;
		padding-left: 5px;
	}
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser p.more {
		float: left;
		width: auto;
		padding: 5px;
	}
	
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a {
		color: #000000;
		/* margin-left: 150px xxxxx*/;
		background-position: 2px 6px;
		text-decoration: none;
	}
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a.kl {
		color: #000000;
		background-position: 2px -394px;
	}
	
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a:active,
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a:focus {
		text-decoration: none !important;
		color: #ffffff;
		background-color: #51831C;
		background-position: 2px -194px;
	}
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a.kl:active,
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a.kl:focus {
		background-color: #005794;
		background-position: 2px -594px;
	}
		
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a:hover {
		color: #51831C;
		text-decoration: underline;
	}
	#bg .medianewsroom #medianewsroom_universal_teaser div.universal-teaser-item  div.topicteaser  p.more  a.kl:hover {
		color: #005794;
		text-decoration: underline;
	}
	
}


/**
 * component: mailbox
 * description: application - mailbox
 */

@media all {
	#bg .mailbox table tbody a:link,
	#bg .mailbox table tbody a:visited {
		text-decoration: underline;
	}
	#bg .mailbox table tbody a.app:link,
	#bg .mailbox table tbody a.app:visited {
		text-decoration: none;
	}

	#bg .mailbox hr {
		border: 1px dotted #b2b3b3;
		border-width: 1px 0 0;
		clear: both;
		display: block;
		margin-bottom: 1em;
	}

	/* buttons */
	#bg .mailbox .button,
	#bg .mailbox .cancel {
		padding-bottom: .385em;
	}


	/* view: message overview */
	#bg .mailbox .message-overview {
		padding-bottom: .9em;
	}
	#bg .mailbox .message-overview .message-choice {
		width: 5%;
	}
	#bg .mailbox .message-overview .message-date {
		width: 15%;
	}
	#bg .mailbox .message-overview .message-title {
		width: 80%;
	}
	#bg .mailbox .message-overview table tbody a {
		display: block;
	}
	#bg .mailbox .message-overview table tbody a.attachment {
		background-position: 99% 1px;
		padding-left: 0;
		padding-right: 20px;
	}
	#bg .mailbox .message-overview table tbody .odd a.attachment {
		background-position: 99% -399px;
	}
	#bg.kl .mailbox .message-overview table tbody .odd a.attachment {
		background-position: 99% -799px;
	}
	#bg .mailbox .message-overview table tbody a.attachment:active,
	#bg .mailbox .message-overview table tbody a.attachment:focus {
		background-position: 99% -199px !important;
	}
	#bg .mailbox .message-overview table tbody .odd a.attachment.kl:active,
	#bg .mailbox .message-overview table tbody .odd a.attachment.kl:focus {
		background-position: 99% -599px !important;
	}
	#bg .mailbox .message-overview .button {
		float: none;
		position: static;
		width: auto;
		clear: both;
	}
	#bg .mailbox .message-overview .button input {
		float: left;
		margin-bottom: 5px;
	}

	/* view: message and reply message */
	#bg .mailbox .message .richtext,
	#bg .mailbox .message-reply .richtext {
		clear: both;
	}
	#bg .mailbox .message .richtext h3,
	#bg .mailbox .message-reply .richtext h3 {
		padding-bottom: .769em;
	}
	#bg .mailbox .message .richtext div,
	#bg .mailbox .message-reply .richtext div {
		background-color: #fff;
		border: .1em solid #bababa;
		border-radius: .3em;
		-moz-border-radius: .3em;
		-webkit-border-radius: .3em;
		margin-bottom: .9em;
		padding: 1em 1.4em 0;
	}
	#bg .mailbox .message .richtext ul,
	#bg .mailbox .message-reply .richtext ul {
		list-style: none outside none;
		padding-left: 0;
	}
	
	/* view: message */
	#bg .mailbox .message .button,
	#bg .mailbox .message .cancel {
		position: static;
	}
	
	/* view: reply message */
	#bg .mailbox .message-reply .row .button {
		float: right;
	}

	/* view: message delete */
	#bg .mailbox .message-delete .button,
	#bg .mailbox .message-delete .cancel {
		position: static;
	}
}


@media screen, projection {
}


@media print {
}


/**
 * component: personal-area
 * description: 
 */
@media all {
	/* box */
	#bg .personal-area div.box {
		background-color: #fff;
		border: 1px solid #cdcdcd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		clear: left;
		margin-bottom: 1em;
	}
	#bg .personal-area .column-left div.box,
	#bg .personal-area .column-left form {
		margin-right: .5em;
	}
	#bg .personal-area .column-right div.box,
	#bg .personal-area .column-right form {
		margin-left: .5em;
	}

	/* box headline */
	#bg .personal-area div.box h3 {
		background: url("/barmer/assets/www/common/img/background/bg-headline-content.png") repeat-x 0 100% transparent;
		border-bottom: 1px solid #cdcdcd;
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		font-size: 1.4em;
		padding: .429em .714em;
	}

	/* box content */
	#bg .personal-area div.box .richtext {
		padding: 1em 1em 0;
	}
	#bg .personal-area div.box .richtext .richtext {
		clear: none;
		padding: 0;
	}
	#bg .personal-area div.box .richtext img {
		float: left;
		margin: 0 .833em .417em 0;
	}
	#bg .personal-area div.box .richtext hr {
		border: 1px dotted #b2b3b3;
		border-width: 0 0 1px;
		display: block;
		margin: 0 0 1em;
	}
	#bg .personal-area div.box .richtext a.ic {
		clear: left;
	}
	#bg .personal-area fieldset h4 {
		font-size: 1.3em;
		line-height: 1.462;
	}

	/* definition lists */
	#bg .personal-area dl {
		padding-bottom: 1em;
	}
	#bg .personal-area dl dt {
		clear: left;
		float: left;
		width: 11em;
	}
	#bg .personal-area dl dd {
		float: left;
		width: 50%;
	}

	/* forms in personal-area */
	#bg .personal-area .form fieldset legend {
		width: 23.786em; /* 333px */
	}
	/* change legend style for FF 2.0-3.5
	 * browser switch: :-moz-first-node
	 */
	#bg .personal-area .form fieldset legend:-moz-first-node strong {
		width: 21.786em; /* 305px */
	}
}

@media screen, projection {
}

@media print {
}


/**
 * component: sitemap
 */

@media all {
	#bg .sitemap {
		margin-bottom: 3em;
	}

	/* first level: "portal"/tab */
	#bg .sitemap .sitemap-tabs {
		padding-left: 1.3em;		
	}
	#bg .sitemap h3,
	#bg .sitemap p.switch {
		float: left;
		font-size: 1.4em;
		margin-left: .143em;
		position: relative;
		top: 1px;
	}
	#bg .sitemap h3,
	#bg .sitemap p.switch a {
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-top-left-radius: 3px; /* webkit does not understand shorthand syntax */
		-webkit-border-top-right-radius: 3px;
		padding: .357em .714em;
	}
	#bg .sitemap h3 {
		border: 1px solid #cdcdcd;
		border-bottom-color: #fff;
	}
	#bg .sitemap h3.sv {
		color: #51831c;
	}
	#bg .sitemap h3.kl {
		color: #005794;
	}
	#bg .sitemap p.switch {
		font-weight: bold;
		line-height: 1.0;
	}
	#bg .sitemap p.switch a {
		border: 1px solid #dedede;
		border-bottom: none;
		color: #51831c;
		display: block;
		text-decoration: none;
	}
	#bg .sitemap p.switch.kl a {
		color: #005794;
	}
	/* all navigations */
	#bg .sitemap ul li li a {
		font-weight: bold;
	}
	#bg .sitemap ul li li li a {
		font-weight: normal;
	}
	/* meta tab navigation */
	#bg .sitemap ul.h-nav {
		margin-bottom: 2.8em;
	}
	#bg .sitemap ul.h-nav li {
		margin-right: .769em;
		width: 12.692em;
	}
	#bg .sitemap ul.h-nav li.last {
		margin-right: 0;
	}
	#bg .sitemap ul.h-nav ul {
		margin-left: .923em;
	}
	#bg .sitemap ul.h-nav li li a {
		line-height: 1.462;
	}
	#bg .sitemap ul.h-nav li li {
		float: none;
		margin-bottom: .154em;
		margin-right: 0;
		width: auto;
	}
	/* second level */
	#bg .sitemap div.columns {
		border-top: 1px solid #cdcdcd;
		clear: both;
		margin-top: 2.6em;
		background: transparent url(/barmer/assets/www/components/navigation/sitemap/img/bg-columns.gif) repeat-y 50% 0;
	}
	#bg .sitemap h4 {
		font-size: 1em;
		font-weight: normal;
	}
	#bg .sitemap h4 a {
		color: #51831c;
		font-size: 1.231em;
		line-height: 1.2;
		margin-bottom: .25em;
	}
	#bg .sitemap h4 a.kl {
		color: #005794;
	}
	#bg .sitemap .columns ul {
		margin: 2em 2em 0 2.5em;
		width: auto;
	}
	#bg .sitemap .columns ul ul {
		margin: .154em 0 0 .923em !important;
	}
	#bg .sitemap .columns ul li {
		margin-bottom: 1.538em;
	}
	#bg .sitemap .columns ul ul li {
		clear: left;
		margin-bottom: .077em;
	}
	#bg .sitemap .columns ul ul a.more {
		float: left;
	}
}


@media screen, projection {
	#bg .sitemap p.switch a:hover {
		background-color: #ccc;
		background-position: 0 -400px;
		border-color: #b7b7b7;
	}
	#bg .sitemap p.switch a:active,
	#bg .sitemap p.switch a:focus {
		background-color: #416916;
		background-position: 0 -600px;
		border-color: #6f6f6f;
		color: #fff !important;
		text-decoration: none;
	}
	#bg .sitemap p.switch.kl a:active,
	#bg .sitemap p.switch.kl a:focus {
		background-color: #004676;
		background-position: 0 -800px;
	}
}


@media print {
	#bg .sitemap h3,
	#bg .sitemap p.switch {
		display: none;
	}
	#bg .sitemap div.column-left,
	#bg .sitemap div.column-right  {
		border: none;
	}
}


/**
 * component: videooverview
 * description: application - overview of all videos and groups
 */

@media all {
	#bg .videooverview form {
		padding-bottom: 0;
	}
	#bg .videooverview .result ul.h-nav {
		list-style: none;
	}
	/* list of videos */
	#bg .videooverview .result ul.videolist {
		border-bottom: 1px dotted #b2b3b3;
		margin-bottom: 1em;
	}
	#bg .videooverview .result ul.videolist li {
		width: 32.3%;
		padding: 0 1% .75em 0;
	}
	#bg .videooverview .result ul.videolist li h4 {
		font-size: 1em;
		min-height: 2em;
		padding-bottom: .25em;
	}
	#bg .videooverview .result ul.videolist li h4 a {
		color: #51831c;
		padding: .083em;
	}
	#bg .videooverview .result ul.videolist li h4 a.kl {
		color: #005794;
	}
	#bg .videooverview .result ul.videolist li a.videolink {
		border: 1px solid #fff;
		display: block;
		float: left;
		margin: 0 .75em 0 0;
	}
	#bg .videooverview .result ul.videolist li img {
		width: 8.462em;
	}
	/* paging */
	#bg .videooverview .result ul.videopaging {
		float: right;
		padding-bottom: 1em;
	}
	#bg .videooverview .result ul.videopaging a {
		background: #99cb6a url("/barmer/assets/www/components/keyvisual/img/bg_pager.png") repeat-x 0 0;
		background-position: 0 -200px;
		border: 1px solid #51831C;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		color: #51831C;
		font-size: 14px;
		padding: 2px 6px;
		margin-right: .25em;
		text-decoration: none;
	}
	#bg .videooverview .result ul.videopaging a.current {
		background-color: #51831C;
		background-position: 0 0;
		color: #fff;
	}
	#bg.kl .videooverview .result ul.videopaging a {
		background-color: #b8dcf2;
		background-position: 0 -600px;
		border: 1px solid #005794;
		color: #005794;
	}
	#bg.kl .videooverview .result ul.videopaging a.current {
		background-color: #005794;
		background-position: 0 -400px;
		color: #fff;
	}
}


@media screen, projection {
	#bg .videooverview .result ul.videolist li a.videolink:hover,
	#bg .videooverview .result ul.videolist li a.videolink:active,
	#bg .videooverview .result ul.videolist li a.videolink:focus {
		border-color: #51831c;
	}
	#bg .videooverview .result ul.videolist li a.videolink.kl:hover,
	#bg .videooverview .result ul.videolist li a.videolink.kl:active,
	#bg .videooverview .result ul.videolist li a.videolink.kl:focus {
		border-color: #005794;
	}

	#bg .videooverview .result ul.videopaging a:hover,
	#bg .videooverview .result ul.videopaging a:active,
	#bg .videooverview .result ul.videopaging a:focus,
	#bg.kl .videooverview .result ul.videopaging a:hover,
	#bg.kl .videooverview .result ul.videopaging a:active,
	#bg.kl .videooverview .result ul.videopaging a:focus {
		color: #fff !important;
	}
}


@media print {
}


/**
 * component: videoitem
 * description: application - video detail view
 */

@media all {
	#bg .videoitem .result h3 .datetime {
		color: #333;
		float: right;
		font-weight: normal;
	}
	/* video */
	#bg .videoitem .video {
		margin: 0 auto;
		padding-bottom: 2em;
	}
	
	/* list of related articles */
	#bg .videoitem .richtext ul {
		list-style-image: none;
		padding-left: 0;
	}
	
	/* video functions */
	#bg .videoitem .functions ul.app-specific {
		padding: .6em .4em;
	}
	#bg .videoitem .functions li {
		border: 1px solid #bababa;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		float: left;
		margin-right: .833em;
		padding: .25em .583em;
	}
}


@media print {
}

/**
 * component: catalog-bonus
 * description: styles for bonus catalog
 */
@media all {
	#bg .catalog-bonus {
		clear: both;
	}
	#bg.sv .catalog-bonus h3 {
		color: #51831C;
	}
	#bg.kl .catalog-bonus h3 {
		color: #005794;
	}
	
	/* list view */
	#bg .catalog-bonus .bonus {
		border-bottom: 1px dotted #cdcdcd;
		margin-bottom: 2em;
	}
	/* text */
	#bg .catalog-bonus p a.ic {
		float: left;
	}
	#bg .catalog-bonus p a.app {
		float: right;
	}
	/* image */
	#bg .catalog-bonus .bonus-img {
		float: left;
		margin-bottom: 1em;
	}
	#bg .catalog-bonus .bonus-img a {
		border: 1px solid #cdcdcd;
		display: block;
	}
	/* description */
	#bg.universalpage-3col .catalog-bonus .bonus div.richtext {
		clear: none;
		float: right;
		width: 32em;
	}
	
	/* description */
	#bg.universalpage-2col .catalog-bonus .bonus div.richtext {
		clear: none;
		float: right;
		width: 52em;
	}
	
	/* detail view */
	#bg .catalog-bonus .bonus-detail img {
		border: 1px solid #cdcdcd;
		float: left;
	}
	#bg.universalpage-3col .catalog-bonus .bonus-detail div.richtext {
		clear: none;
		float: right;
		width: 22.5em;
	}
	#bg.universalpage-2col .catalog-bonus .bonus-detail div.richtext {
		clear: none;
		float: right;
		width: 44em;
	}
	#bg .catalog-bonus .bonus-detail p.cl {
		clear: both;
	}
}

@media screen, projection {
	#bg .catalog-bonus .bonus-img a:hover {
		border-color: #333;
	}
	#bg .catalog-bonus .bonus-img a:active, 
	#bg .catalog-bonus .bonus-img a:focus {
		border-color: #51831c;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	#bg .catalog-bonus .bonus-img a.kl:active, 
	#bg .catalog-bonus .bonus-img a.kl:focus {
		border-color: #005794;
	}
}


@media print {
	#bg .catalog-bonus .bonus div.richtext,
	#bg .catalog-bonus .bonus-detail div.richtext,
	#bg .catalog-bonus .bonus-detail p.cl {
		float: none;
		clear: both;
		width: 100%;
	}
	#bg .catalog-bonus .bonus-detail img {
		float: none;
		margin-bottom: 10px;
	}
}


/**
 * component: catalog
 * description: styles catalog a-z
 */
@media all {
	#bg .catalog-power .group-content {
		position: relative;
	}
	
	/* filter (a-z) */
	#bg .catalog-power .group-content .filter {
		margin: .6em -1.5em 2em -.7em;
		text-align: center;
	}
	#bg .catalog-power .group-content .filter a {
		border: 1px solid #bdbdbd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		margin: 0 .231em 0 0;
		min-width: .692em;
		padding: .077em .077em 0;
	}
	#bg.sv .catalog-power .group-content .filter a.current {
		border-color: #51831c;
		color: #fff;
		background-color: #51831C;
	}
	#bg.kl .catalog-power .group-content .filter a.current {
		border-color: #005794;
		background-color: #005794;
		color: #fff;
	}

	/* anchor list */
	#bg .catalog-power .group-content ul.anchor {
		margin-bottom: 2em;
	}
	#bg.js .catalog-power .group-content ul.anchor {
		margin-bottom: 1em;
	}

	/* entries (js styles) */
	#bg.js .catalog-power div.tip {
		background-color: #f3f3f2;
		border: 1px solid #cdcdcd;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		display: none;
		margin: .5em 0 1.5em;
		padding: 1em 1em 0;
	}
}


@media screen, projection {
}


@media print {
}


/**
 * component: topicteaser
 * description: topicteaser styles 
 */
@media all {
	#bg .topicteaser {
		border-bottom: 1px dotted #bcbcbc;
		padding-top: .5em;
	}
	#bg .topicteaser.last {
		border-bottom: none;
	}
	#bg .topicteaser h3 {
		color: #51831c;
		font-size: 1.6em;
		font-weight: normal;
		line-height: 1.25;
		padding: .5em 0 .188em;
	}
	#bg.kl .topicteaser h3 {
		color: #005794;
	}
	#bg .topicteaser h3 a {
		color: #51831C;
		padding: 0 .125em;
		text-decoration: underline;
		margin-left: -.125em;
	}
	#bg .topicteaser h3 a.kl {
		color: #005794;
	}
	#bg .topicteaser h3 a img {
		padding-top: .063em;
	}
	#bg .topicteaser img.teaserimg {
		float: left;
		margin: 0 1em 0 -1em;
		width: 14em;
	}
	#bg .topicteaser p,
	#bg .topicteaser ul {
		padding-bottom: .769em;
	}
	#bg .topicteaser p.forum-summary {
		padding-bottom: 0;
	}
	#bg .topicteaser p.forum-summary a.link-new {
		text-decoration: underline;
	}
	#bg .topicteaser p.more {
		float: left;
	}
	/* special case: magazine teaser */
	#bg .topicteaser.image img.teaserimg {
		margin: 1.2em 1em 1em 0;
	}
	#bg .topicteaser.image p.more {
		width: 23.077em;
	}

	/* top teaser */
	#bg .topicteaser.top {
		background: #f3f3f2;
		border-bottom-style: solid;	
		padding: 0 1em;
	}
	#bg .topicteaser.top img.teaserimg {
		margin-bottom: -1px;
	}
	#bg .topicteaser.top p.more {
		width: 23.077em;
	}

	/* divisionpage */
	#bg.divisionpage .topicteaser.top {
		margin-bottom: 3em;
	}
	#bg.divisionpage .topicteaser.top p.more {
		width: 41.538em;
	}

	/* homepage */
	#bg.homepage #mixed .topicteaser {
		border-bottom: none;
		padding: 0 1em;
	}
	#bg.homepage #mixed .topicteaser img.teaserimg {
		margin-bottom: 1em;
		margin-top: 1.2em;
	}
	#bg.homepage .topicteaser p.more {
		width: 23.077em;
	}
	/* homepage - big image teaser top */
	#bg.homepage .topicteaser.top img.teaserimg {
		width: 24em;
	}
	#bg.homepage .topicteaser.top.big img.teaserimg {
		float: none;
		margin: 0 0 0 -1em;
		width: 46em;
	}
	#bg.homepage .alternate .topicteaser.top.big img.teaserimg {
		margin: 0;
		width: 100%;
	}
	#bg.homepage .alternate .topicteaser.top img.teaserimg {
		width: 50%;
	}
	#bg.homepage .column-left .topicteaser.top {
		margin: 1em 1em 0 0;
	}
	#bg.homepage .column-right .topicteaser.top {
		margin: 1em 0 0 1em;
	}
	#bg.homepage .topicteaser.top p.more {
		width: 15.385em;
	}
	#bg.homepage .topicteaser.top.big p.more {
		width: auto;
	}
}

/**
 * component: blog
 * description: blog-styles
 */

@media all {

}

@media screen, projection {
	#bg .blog {
		margin-bottom: 3em;
		line-height: 1.5em;
	}
	#bg .blog-teaser {
		margin-bottom: 3.5em;
	}
	#bg .blog-topic {
		background: #eee url(/barmer/assets/www/components/text/blog/img/bg-blog-pattern.png) repeat;
		margin-bottom:2em;
	}
	#bg .blog-post .blog-topic {
		margin-bottom:2.8em;
	}
	#bg .blog-wrapper {
		background: transparent url(/barmer/assets/www/components/text/blog/img/bg-blog-shadows.png) no-repeat left bottom;
	}
	#bg .blog-intro {
		background:transparent url(/barmer/assets/www/components/text/blog/img/bg-blog-shadows.png) no-repeat right bottom;
		padding:1.5em 2em 2em;
	}
	#bg .blog-teaser img,
	#bg .blog-intro img {
		max-width:220px;
		height:auto;
		display:block;
		margin: 0.5em 1.8em 0 0;
		padding: 0 0 0.9em;
		float:left;
	}
	#bg .blog-intro img {
		margin-right: 0.9em;
	}
	#bg .blog-teaser h3,
	#bg .blog-intro h3 {
		color: #313131C;
		font-size: 1.8em;
		font-weight: normal;
		line-height: 1.3;
		padding: 0 0 0.45em;
	}
	#bg .blog-item h4 {
		font-size:1.3em;
		line-height:1.5em;
		color:#51831C;
		font-weight:bold;
	}
	#bg .blog-item h5 {
		font-size:1.1em;
		line-height:1.5em;
		color:#313131;
		font-weight:bold;
		padding-bottom:0.9em;
	}
	#bg .blog-item h4 + a.ic {
		margin-top:0.8em;
	}
	#bg .blog-item  {
		/* font-size: 1.3em; */
		line-height: 1.5;
	}
	#bg .blog-item p + p {
		padding-top:1.5em;
	}
	#bg .blog-item .item-content {
		display:block;
		margin-bottom:2em;
		font-size: 1em;
		line-height: 1.5;
		position:relative;
		background-color:#f2f2f2;
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		border: 1px solid #C3C3C3;
		padding:1.2em 1.6em 1em;
	}
	#bg .blog-overview.blog-item {
		padding-top:1.5em;
	}
	#bg .blog-item + .blog-item {
		border-top: 1px dotted #A1A19F;
		padding-top:2em;
	}
	#bg .blog-overview .item-content {
		margin-left:118px;
	}
	#bg .blog-item .item-image {
		float:left;
	}
	#bg .blog-item .arrow-top {
		width:18px;
		height:10px;
		background:transparent url(/barmer/assets/www/components/text/blog/img/blog-imgsprite.png) no-repeat;
		position:absolute;
		top:-10px;
		left:20px;
	}
	#bg .blog-item .arrow-left {
		width:10px;
		height:18px;
		background:transparent url(/barmer/assets/www/components/text/blog/img/blog-imgsprite.png) no-repeat 0 -50px;
		position:absolute;
		top:35px;
		left:-10px;
	}
	#bg .blog-item a.ic,
	#bg .blog-nav a.ic,
	#bg .blog-item a.app,
	#bg .blog-nav a.app {
		font-size: 1.3em;
		line-height: 1.5;
	}
	#bg .blog-item a.ic {
		display:inline-block;
	}
	#bg .blog-nav {
		border-radius: 3px; 
		-moz-border-radius: 3px; 
		-webkit-border-radius: 3px; 
		border: 1px solid #C3C3C3;
		background:#fff url(/barmer/assets/www/components/text/blog/img/blog-imgsprite.png) repeat-x 0 bottom;
		padding: 0.5em 0.6em 0.4em;
	}
	#bg .blog-nav a.ic {
		float:right;
	}
	#bg .blog-nav a.app {
		float:left;
	}
	#bg .blog-nav {
		margin-top:1.8em;
	}
	#bg .blog-content .blog-text {
		/*
		font-size:13px;
		line-height:19px;
		*/
	}
	/*
	#bg .blog-text p {
		font-size:1em;
	}
	*/
	#bg .blog-text a {
		text-decoration:underline;
	}
	#bg .blog-text br {
		clear:both;
	}
	#bg .blog-text br + br {
		display:none;
		clear:both;
	}
	#bg .blog-text img {
		max-width:300px;
		height:auto;
		float:left;
		margin: 0.5em 1em 1.5em 0;
	}
	#bg .blog-text {
		font-size: 1.3em;
		line-height: 1.5;
	}
	#bg .blog-text p {
		font-size:1em;
	}
	#bg .blog-text div {
		clear:both;
	}
	#bg .blog-post .blog-item + .blog-item {
		margin-top:2em;
		padding-top:2em;
		border-top:1px dotted #A1A19F;
	}
}

@media print {
	#bg .blog-topic,
	#bg .blog-wrapper,
	#bg .blog-intro {
		background:transparent none;
	}
}
/**
 * component: keyvisual
 * description: visual with text teaser on top
 */
@media all {
	#bg .keyvisual {
		padding-left: 1.5em;
		position: relative;
	}
	#bg.marketingpage .keyvisual ul {
		margin-top: 1em;
	}
	
	/* big bg image */
	#bg .keyvisual img {
		width: 100%;
	}
	
	/* teaser box */
	#bg .keyvisual .box-bg {
		border-left: 1.5em solid #51831c !important;
		left: 0;
		position: absolute;
	}
	#bg.kl .keyvisual .box-bg {
		border-left-color: #005794 !important;
	}
	#bg.homepage .keyvisual .box-bg {
		bottom: 4em;
		width: 36.8em;
	}
	#bg.divisionpage .keyvisual .box-bg {
		bottom: 2em;
		width: 30.1em;
	}
	#bg.marketingpage .keyvisual .box-bg {
		bottom: 4.5em;
		width: 34.2em;
	}

	/* teaser box opacity layer */
	#bg .keyvisual .box-bg .box-opacity {
		background: #fff;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	/* teaser box content */
	#bg .keyvisual .box-txt {
		border-left: 1.5em solid #a9cc72 !important;
		padding: 1.5em 1em 1em;
		position: relative;
	}
	#bg.kl .keyvisual .box-txt {
		border-left-color: #54a4d2 !important;
	}
	/* optional image */
	#bg .keyvisual .box-txt img {
		float: left;
		margin: 0 1em 1em 0;
		width: auto;
	}
	/* text */
	#bg .keyvisual .box-txt h1 {
		font-weight: normal;
		font-size: 2em;
		line-height: 1.2;
		padding-bottom: .25em;
	}
	#bg .keyvisual .box-txt p.caption {
		clear: none;
		font-size: 1.1em;
		line-height: 1.2;
		padding-bottom: 1.091em;
	}
	#bg .keyvisual .box-txt h1,
	#bg .keyvisual .box-txt h1 a,
	#bg .keyvisual .box-txt p.caption {
		color: #51831C;
	}
	#bg.portal-0212 .keyvisual .box-txt h1,
	#bg.portal-0212 .keyvisual .box-txt a,
	#bg.portal-0212 .keyvisual .box-txt p.caption {
		color: #005794;
	}
	#bg .keyvisual .box-txt h1 a.kl {
		color: #005794;
	}
	#bg.portal-0212 .keyvisual .box-txt a.ic {
		background-position: 2px -395px;
	}
	#bg.portal-0212 .keyvisual .box-txt a:hover {
		color: #005794;
	}
	#bg.portal-0212 .keyvisual .box-txt a:focus,
	#bg.portal-0212 .keyvisual .box-txt a:active {
		color: #ffffff;
		background-color: #005794;
		background-position: 2px -595px;
	}
	#bg.kl .keyvisual .box-txt h1,
	#bg.kl .keyvisual .box-txt p.caption {
		color: #005794;
	}

	#bg .keyvisual .box-txt p {
		clear: both;
		font-size: 1.6em;
		line-height: 1.375;
		padding-bottom: .625em;
	}
	#bg.marketingpage .keyvisual .box-txt p {
		font-size: 1.3em;
		line-height: 1.462;
		padding-bottom: .769em;
	}
	#bg.divisionpage .keyvisual .box-txt p,
	#bg .keyvisual .box-txt p.more {
		padding-bottom: 0;
	}
	#bg .keyvisual .box-txt p a.ic {
		display: inline;
	}
	#bg.marketingpage .keyvisual .box-txt p a.ic {
		background-position: 2px 3px;
	}
	#bg.marketingpage .keyvisual .box-txt p a.ic.kl {
		background-position: 2px -397px;
	}
	#bg.marketingpage .keyvisual .box-txt p a.ic:active,
	#bg.marketingpage .keyvisual .box-txt p a.ic:focus {
		background-position: 2px -197px;
	}
	#bg.marketingpage .keyvisual .box-txt p a.ic.kl:active,
	#bg.marketingpage .keyvisual .box-txt p a.ic.kl:focus {
		background-position: 2px -597px;
	}

}


@media screen, projection {
	/* division page, marketing page */
	#bg.divisionpage .keyvisual,
	#bg.marketingpage .keyvisual {
		padding-right: 2em;
	}

	/* teaser box opacity layer */
	#bg .keyvisual .box-bg .box-opacity {
		opacity: .8;
		filter: alpha(opacity = 80);
	}

	/* slide controls section (homepage) */
	#bg .keyvisual .controls {
		bottom: 1em;
		left: 3.3em;
		position: absolute;
	}
	/* slide navigation */
	#bg .keyvisual .controls ul {
		float: left;
		padding-right: 1.7em;
	}
	#bg .keyvisual .controls ul a {
		background: url("/barmer/assets/www/components/keyvisual/img/bg_pager.png") repeat-x 0 0;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-size: 14px;
		padding: 2px 5px;
		margin-right: .25em;
		text-decoration: none;
	}
	#bg.sv .keyvisual .controls ul a {
		background-color: #99cb6a;
		background-position: 0 -200px;
		border: 1px solid #51831C;
		color: #51831C;
	}
	#bg.sv .keyvisual .controls ul a.current {
		background-color: #51831C;
		background-position: 0 0;
		color: #fff;
	}
	#bg.kl .keyvisual .controls ul a {
		background-color: #b8dcf2;
		background-position: 0 -600px;
		border: 1px solid #005794;
		color: #005794;
	}
	#bg.kl .keyvisual .controls ul a.current {
		background-color: #005794;
		background-position: 0 -400px;
		color: #fff;
	}
	#bg.sv .keyvisual .controls ul a:hover,
	#bg.sv .keyvisual .controls ul a:active,
	#bg.sv .keyvisual .controls ul a:focus,
	#bg.kl .keyvisual .controls ul a:hover,
	#bg.kl .keyvisual .controls ul a:active,
	#bg.kl .keyvisual .controls ul a:focus {
		color: #fff !important;
	}
	/* play/pause controls */
	#bg .keyvisual .controls p {
		float: left;
	}
	#bg .keyvisual .controls p a {
		background-position: 0 -400px;
		background-repeat: no-repeat;
		display: block;
		height: 20px;
		width: 20px;
	}
	#bg .keyvisual .controls p a.control-pause {
		background-image: url("/barmer/assets/www/components/keyvisual/img/ic-control-pause-sv.png");
	}
	#bg.kl .keyvisual .controls p a.control-pause {
		background-image: url("/barmer/assets/www/components/keyvisual/img/ic-control-pause-kl.png");
	}
	#bg .keyvisual .controls p a.control-play {
		background-image: url("/barmer/assets/www/components/keyvisual/img/ic-control-play-sv.png");
	}
	#bg.kl .keyvisual .controls p a.control-play {
		background-image: url("/barmer/assets/www/components/keyvisual/img/ic-control-play-kl.png");
	}
	#bg .keyvisual .controls p a:hover {
		background-position: 0 -200px;
	}
	#bg .keyvisual .controls p a.current,
	#bg .keyvisual .controls p a:active,
	#bg .keyvisual .controls p a:focus {
		background-position: 0 0;
	}

}


@media print {
	#bg .keyvisual .h-nav {
		display: none;
	}
}



/**
 * component: visual-lexikon
 * description: Visual fuer Lexikon mit Buchstabenauswahl
 */
@media all {
	#bg .visual-lexikon .box-bg {
		bottom: 4em;
	}
	#bg .keyvisual .box-txt p.parent-theme {
		width: auto;
		margin-bottom: 0.286em;
		float: left;
		padding: 0 0.5em;
	}
	#bg .visual-lexikon .lexikon-letters {
		position: absolute;
		bottom: 1em;
		left: 1.5em;
		right: 1.1em;
	}
	#bg .visual-lexikon .lexikon-letters table {
		width:100%;
		table-layout:fixed;
		border:none;
		border-radius:0;
		background-color:transparent;
		padding:0;
		margin:0;
	}
	#bg .visual-lexikon .lexikon-letters tr {
		background-color:transparent;
		line-height:1em;
	}
	#bg .visual-lexikon .lexikon-letters table td {
		text-align: center;
		vertical-align: top;
		border: none;
		padding: 0;
	}
	#bg .visual-lexikon .lexikon-letters td a {
		color: #000 !important;
		display: block;
		font-size: 1.167em;
		line-height: 1.167em;
		margin: 0 0.188em 0 0.125em;
		padding: 1px 0;
		text-align: center;
		background-color: rgba(226, 233, 239, 0.95);
		font-weight:bold;
	}
	#bg .visual-lexikon .lexikon-letters td a.lexikon-search {
		text-indent: -10000px;
		background-image: url('/barmer/assets/www/components/keyvisual/img/ic-lexikon-search.png');
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	* + html #bg .visual-lexikon .lexikon-letters td a.lexikon-search {
		zoom:1;
	}
	#bg .visual-lexikon .lexikon-letters td a.current,
	#bg .visual-lexikon .lexikon-letters td a:hover,
	#bg .visual-lexikon .lexikon-letters td a:active,
	#bg .visual-lexikon .lexikon-letters td a:focus {
		font-weight: bold;
		text-decoration: none;
		background-color: #85c401;
	}
	#bg .visual-lexikon .lexikon-letters td a.current {
		cursor:pointer;
	}
}

@media print {
	#bg .visual-lexikon .h-nav {
		display: none;
	}
}


/**
 * component: lexikon
 * description: lexikon
 */

@media all {
	#bg .pagetitle.lexikon-pagetitle {
		padding-top: 0;
	}
	#bg .pagetitle.lexikon-pagetitle > img {
		margin-top: -2.6em;
	}
	#bg .pagetitle.lexikon-pagetitle > h2 {
		margin-top: -0.9em;
	}
	#bg .pagetitle.lexikon-pagetitle > .pagetitle-functions {
		margin-top: -1.8em;
	}
	#bg .pagetitle.lexikon-pagetitle > img + h2,
	#bg .pagetitle.lexikon-pagetitle > img + h2 + .pagetitle-functions {
		margin-top: 0;
	}
	#bg #content-section.lexikon-content-section{
	  padding-top: 0em;
	}

	#lexikon .lexikon-group {
	background-color: #E5E5E5;
	border: 1px solid #CDCDCD;
	border-radius: 0 3px 3px 3px;
	clear: both;
	margin-bottom: 2em;
	padding: 0.6em 0.9em 0;
	}
	#lexikon p.opener {
		font-size: 1.7em;
		line-height: 1.5em;
		padding-bottom: 0.412em;
	}
	#lexikon p.opener .lexikon-special {
		float: right;
		padding-left: 1em;
	}
	#lexikon p.opener a.application-opener {
		background-position: 0 5px;
		display: block;
		overflow: hidden;
	}
	#lexikon p.opener a.application-opener:hover {
		background-position: 0 -195px;
	}
	#lexikon p.opener a.application-opener:active,
	#lexikon p.opener a.application-opener:focus {
		background-position: 0 -395px;
	}
	#lexikon .actions {
		margin-bottom: 1.5em;
	}
	#lexikon .actions h3 {
		color: #51831C;
	}
	#lexikon .lexikon-content {
		background: #fff;
		margin: 0.6em 0 2em;
		padding: 1em 2em 0;
	}
	#lexikon .lexikon-content.downloads {
		padding: 0;
	}
	#lexikon .lexikon-content.downloads .actions {
		margin: 0;
		border: medium none;
		border-radius: 0;
	}
	#lexikon .lexikon-content.downloads .actions p {
		padding-bottom:0;
	}
	#lexikon .lexikon-content h2 {
		font-size: 2em;
		font-weight: normal;
		line-height: 1.3;
		padding: 0.25em 0 0.9em;
		color: #005794;
	}
	#lexikon .lexikon-content h2 strong {
		display: block;
		font-weight: normal;
	}
	#lexikon .lexikon-more {
		text-align: center;
		margin-bottom: 2em;
	}
	#lexikon .lexikon-more .lexikon-bttn {
		display: inline-block;
		border: 1px solid #333;
		border-radius: 3px;
		padding: 0 1px;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A5A5A', endColorstr='#363636', GradientType=0 );
		background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #5A5A5A), color-stop(100%, #363636));
		background-image: -webkit-linear-gradient(top, #5A5A5A 0%, #363636 100%);
		background-image: -moz-linear-gradient(top, #5A5A5A 0%, #363636 100%);
		background-image: -o-linear-gradient(top, #5A5A5A 0%, #363636 100%);
		background-image: linear-gradient(#5A5A5A 0%, #363636 100%); 
		background-image: linear-gradient(#5A5A5A 0%, #363636 100%);
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
		text-shadow: 0 1px 0 #000000;
		font-size: 1.3em;
		line-height: 1.3em;
		font-weight: bold;
		color: #fff;
	}
	#lexikon .lexikon-more .lexikon-bttn:hover,
	#lexikon .lexikon-more .lexikon-bttn:active,
	#lexikon .lexikon-more .lexikon-bttn:focus {
		border-color: #51831C;
		text-decoration: none;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eae6b', endColorstr='#51831c', GradientType=0 );
		background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #8eae6b), color-stop(100%, #51831c));
		background-image: -webkit-linear-gradient(top, #8eae6b 0%, #51831c 100%);
		background-image: -moz-linear-gradient(top, #8eae6b 0%, #51831c 100%);
		background-image: -o-linear-gradient(top, #8eae6b 0%, #51831c 100%);
		background-image: linear-gradient(#8eae6b 0%, #51831c 100%); 
		background-image: linear-gradient(#8eae6b 0%, #51831c 100%);
	}
	#lexikon .lexikon-more .lexikon-bttn:hover span,
	#lexikon .lexikon-more .lexikon-bttn:active span,
	#lexikon .lexikon-more .lexikon-bttn:focus span {
		border-top-color: #b7cd9f;
	}
	#lexikon .lexikon-more .lexikon-bttn span {
		border-top: 1px solid #6b6b6b;
		display: block;
		padding: 4px 10px 5px;
	}
}

/**
 * component: germanymap
 * description: application - germanymap styles
 */

@media all {
	#bg .germanymap .google_maps,
	#bg .germanymap .google_map_germany {
		height: 730px;
	}
	#bg .germanymap .richtext {
		clear:left;
	}
	#bg #colorbox .germanymap .google_maps,
	#bg #colorbox .germanymap .google_map_germany {
		height: auto;
		margin: 0;
		position:absolute !important;
		top: 4.8em;
		left: 0;
		bottom: 0;
		right: 0;
	}
	#bg #colorbox .germanymap .pagetitle h2 {
		color: #51831C;
		position: absolute;
		top: 0.35em;
		left: 0;
		font-size: 24px;
		font-weight: normal;
	}
	#bg #colorbox .germanymap .google_maps {
		border: 1px solid #bababa;
	}
	#bg .germanymap .google_map_germany .map-gmap-smalldetail,
	#bg .germanymap .google_map_germany .map-gmap-bigdetail {
		max-width:360px;
	}
	#bg .germanymap .google_map_germany .map-gmap-bigdetail {
		padding:0.4em 0 0.6em;
	}

	#bg .germanymap .google_map_germany p,
	#bg .germanymap .google_map_germany address {
		padding:0;
	}
	#bg .germanymap .google_map_germany .map-gmap-smalldetail address p {
		font-size:1em;
		line-height:1.538em;
	}
	#bg .germanymap .google_map_germany h3 {
		padding:0;
	}
	#bg .germanymap .google_map_germany h3 img {
		float:left;
	}
	#bg .germanymap .google_map_germany h3 p {
		text-transform:uppercase;
		color:#333;
		padding:0.454em 0 0;
		font-size:0.917em;
	}
	#bg .germanymap .google_map_germany h4 {
		clear:both;
		padding:0;
	}
	#bg .germanymap .google_map_germany h4 p {
		color:#51831c;
		font-size:1.333em;
		font-weight:normal;
		line-height:1.25em;
	}
	#bg .germanymap .google_map_germany .event-data-small {
		margin-top:0.3em;
	}
	#bg .germanymap .google_map_germany .event-data-small p {
		font-size:1.3em;
		line-height:1.538em;
	}
	#bg .germanymap .google_map_germany .event-data-big {
		border:none;
		border-radius:0;
		padding:0;
		margin:1.8em 0 0;
	}
	#bg .germanymap .google_map_germany .event-data-big th,
	#bg .germanymap .google_map_germany .event-data-big td {
		border:none;
		padding:0;
		font-size:1.083em;
	}
	#bg .germanymap .google_map_germany .event-data-big th {
		font-weight:bold;
		line-height:1.539em;
		width:9.231em;
		padding-right:0.769em;
	}
	#bg .germanymap .google_map_germany .event-data-big td p {
		line-height:1.538em;
	}
	#bg .germanymap .google_map_germany .event-text {
		padding:2em 0 0;
	}
	#bg .germanymap .google_map_germany .event-text p {
		line-height:1em;
		line-height:1.539em;
	}
	#bg .germanymap .google_map_germany .event-text p + p {
		padding-top:0.462em;
	}
	#bg .germanymap .google_map_germany a.ic {
		color:#333;
	}
	#bg .germanymap .google_map_germany ul.maplinks {
		list-style-type:none;
		padding:2.1em 0 0;
	}
}

@media all {
    #bg .cts .questionnaire a.ic{
        display: inline;
        background-position: 2px 3px;
    }

    #bg .cts .questionnaire a.ic:active,
    #bg .cts .questionnaire a.ic:focus {
        background-position: 2px -197px;
    }
    
    #bg .cts .questionnaire .sballoon_correct{
        background-color: #e1e8ef;
        margin-top: 0.9em;
        margin-bottom: 2.6em;
        padding-bottom: 1em;
        position: relative;
    }

    #bg .cts .questionnaire .sballon_correct_l{         
        margin-left: 2em;
        width: 0px;
        height: 0px;         
        border-top: 0em solid transparent;
        border-bottom: 2em solid transparent;
        border-left: 2em solid #e1e8ef;  
        position: absolute;
        top: 100%;
     }

    #bg .cts .questionnaire .sballoon_fail{         
        background-color: #f1dbda;
        margin-top: 0.9em;
        margin-bottom: 2.6em;        
        padding-bottom: 1em;
        position: relative;
    }

    #bg .cts .questionnaire .sballon_fail_l{
        margin-left: 2em;          
        width: 0px;
        height: 0px;
        border-top: 0em solid transparent;
        border-bottom: 2em solid transparent;
        border-left: 2em solid #f1dbda;
        position: absolute;
        top: 100%;
    }

    #bg .cts .questionnaire .sballon_answer_text{
        overflow: hidden;          
        padding: 1em 1em 0 2em;
        zoom: 1;
    }
    #bg .cts .questionnaire .sballon_answer_text p{        
        padding: 0;
    }

    #bg .cts .questionnaire .sballon_answer{
        float: right;
        text-align: right;
        padding-right: 1.5em;
        padding-top: 0.4em;
    }

    #bg .cts .questionnaire .sballon_answer p.correct{
        padding-top: 1.3076em;
        padding-right: 2.1538em;
        color: #51831c;
        font-weight: bold;
        font-size: 1.3em;         
        background-image: url('/barmer/assets/www/components/application/questionnaire/img/allright.png');
        background-repeat:no-repeat;
        background-position:right center;
    }

    #bg .cts .questionnaire .sballon_answer p.fail{
        padding-top: 1.3076em;
        padding-right: 2.1538em;/*1.7692em;*/
        color: #b84a48;
        font-weight: bold;
        font-size: 1.3em;
        background-image: url('/barmer/assets/www/components/application/questionnaire/img/fail.png');
        background-repeat:no-repeat;
        background-position:right center;
    }

    #bg .cts .questionnaire .form fieldset{
        padding: 0 0.2em 0.5em 1.4em;
    }
    
    #bg .cts .questionnaire .form .radiogroup h3{
        color: #51831C;         
    }

    #bg .cts .questionnaire .form .radiogroup .selection p{
        padding-top: 0.2307em;
    }
    
    #bg .cts .questionnaire .form p.quest_comment{      
        padding-top: 0.4615em;
    }

    #bg .cts .questionnaire .form p.backbutton {
        clear: left;
        float: left;
        position: relative;
        top: -0.769em;       
    }
    
    #bg .cts .questionnaire .form p.backbutton a{
        -moz-box-sizing: border-box;
        background: url(/BarmerForms/resources/html/img/barmer/bg-form-backbutton.png) no-repeat scroll 0 0 #323232;
        border: 1px solid #323232;
        border-radius: 3px 3px 3px 3px;
        color: #FFFFFF;
        display: block;
        font-weight: bold;
        min-height: 1.667em;        
        padding: 0 0.538em 0 0.923em;      
    }
    
}
/**
 * component: afgis
 * description: Afgis-Integration
 */

@media all {
	#afgis {
		margin-bottom: 3em;
	}
	#afgis .afgis-wrapper {
		background-color: #fff;
		border: 1px solid #CDCDCD;
		clear: both;
		padding: 1.2em 1.2em 0.3em;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}
	#afgis p.opener {
		float: right;
		min-width: 7.692em;
		text-align: right;
		padding: 0;
		line-height: 1.462em;
	}
	#afgis p.opener a.app {
		background-position: 100% 2px;
		display: inline-block;
		overflow: hidden;
		padding: 0 22px 0 0;
	}
	#afgis p.opener a.application-opener:hover {
		background-position: 100% -198px;
	}
	#afgis p.opener a.application-opener:active,
	#afgis p.opener a.application-opener:focus {
		background-position: 100% -398px;
	}
	#afgis p.opener a.application-opener.plus .close,
	#afgis p.opener a.application-opener.minus .open {
		display: none;
	}
	#afgis .afgis-head {
		padding: 0 0 0.6em;
	}
	#afgis .afgis-head h3 {
		font-size: 1.3em;
		line-height: 1.462em;
		padding: 0;
		color: #51831C;
		overflow: hidden;
	}
	#afgis .afgis-content .richtext {
		padding-top: 1.538em;
	}
	#afgis .afgis-content > ul {
		margin-left: -3em;
	}
	#afgis .afgis-content > ul li {
		float: left;
		height: 3.462em;
		max-width: 100%;
		padding: 0 0 0.385em 2.231em;
	}
	#afgis .afgis-content > ul li img {
		max-height: 100%;
		width: auto;
		max-width: 100%;
	}
}





/**
 * component: search
 * description: search box in marginal column
 */

@media screen, projection {
	#bg .search {
		background-color: #f3f3f2;
		border-bottom: 1px solid #bcbcbc;
		margin-bottom: 1em;
		padding-bottom: .2em;
		min-height: 26.7em;
	}
	#bg .search.closed {
		min-height: 0;
	}
	/* alternate behaviour if sidebar right is in "row" mode */
	#bg .alternate .search {
		float: left;
		margin-bottom: 0;
		margin-right: 2em;
		min-height: 0;
		width: 22em;
	}
	/* headline */
	#bg .search h2 {
		background: transparent url(/BarmerForms/resources/html/img/barmer/bg-headline-sidebar.png) repeat-x 0 100%;
		border-bottom: 1px solid #bcbcbc;
		color: #51831c;
		font-size: 1.6em;
		padding: .75em .625em .438em;
	}
	#bg.js .search h2 span {
		background: transparent url(/BarmerForms/resources/html/img/barmer/ic-app-minus.png) no-repeat 100% 0;
		display: block;
		padding-right: 20px;
	}
	#bg.js .search h2.hover span {
		background-position: 100% -200px;
	}
	#bg.js .search h2.active span {
		background-position: 100% -400px;
	}
	#bg.js .search.closed h2 span {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-plus.png);
	}
	/* fieldsets */	
	#bg .search form {
		border-bottom: 1px dotted #b2b3b3;
	}
	#bg .search fieldset {
		padding: 0 1em;
		position: relative;
	}
	#bg .search legend {
		line-height: 1.0;
		padding: .75em 0 .25em;
	}
	#bg .search p.field-search,
	#bg .search p.field-zipcode,
	#bg .search p.field-city {
		float: left;
		padding-bottom: .833em;
	}
	#bg .search p.field-search {
		width: 11.5em; /* 138px */
	}
	#bg .search p.field-search input.text {
		width: 10.667em;
	}
	#bg .search p.field-zipcode {
		float: left;
		padding-right: .667em;
		width: 3.667em; /* 44px */
	}
	#bg .search p.field-zipcode input.text {
		width: 2.833em;
	}
	#bg .search p.field-city {
		float: left;
		width: 7.167em; /* 86px */
	}
	#bg .search p.field-city input.text {
		width: 6.333em;
	}
	#bg .search p.button {
		bottom: .833em;
		position: absolute;
		right: 1.3em;
	}
	/* overwrite portal dependant coloring */
	#bg .search input.text:hover {
		border-color: #51831c;
	}
	#bg .search input.text:active,
	#bg .search input.text:focus {
		background-color: #aecf78;
		background-position: 0 -200px;
		border-color: #999;
	}
	#bg .search input.submit:active,
	#bg .search input.submit:focus {
		background-color: #51831c;
		background-position: 0 -400px;
		border-color: #51831c;
	}
	/* last search result */
	#bg .search .search-result {
		clear: both;
		padding: 0 1em;
		position: relative;
		top: -.25em;
	}
	/* list of further searches */
	#bg .search h3 {
		font-size: 1.2em;
		margin: .5em .833em 0;
		padding: .25em 0;
	}
	#bg .search ul {
		padding: 0 1em .3em;
	}
	#bg .search ul li {
		float: left;
		margin-right: 2%;
		width: 48%;
	}
	/* list of further searches (js) */
	#bg.js .search .search-more {
		padding-bottom: 2.1em;
		position: relative;
	}
 	#bg.js .search h3 {
		bottom: 0;
		background: transparent url(/BarmerForms/resources/html/img/barmer/ic-app-minus.png) no-repeat 0 1px;
		cursor: pointer;
		padding-left: 20px;
		position: absolute;
		width: 15em;
	}
	#bg.js .search h3.hover {
		background-position: 0 -199px;
	}
	#bg.js .search h3.active {
		background-position: 0 -399px;
	}
 	#bg.js .search.closed h3 {
		background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-plus.png);
	}
	#bg.js .search ul {
		padding-top: .5em;
	}
	/* list of further searches (hoempage reset) */
	#bg.homepage .search .search-more {
		padding-bottom: 0;
		position: static;
	}
 	#bg.homepage .search h3 {
		background-image: none;
		cursor: auto;
		padding-left: 0;
		position: static;
		width: auto;
	}
	#bg.homepage .search ul {
		padding-top: 0;
	}
}


@media print {
	#bg .search {
		display: none;
	}
}

/**
 * component: contact
 * description: box with contact information
 */

@media all {
	#bg .contact {
		background-color: #f3f3f2;
		border-bottom: 1px solid #bcbcbc;
		margin-bottom: 1em;
	}
	#bg .contact div {
		border-bottom: 1px dotted #b2b3b3;
		padding: .9em 1em 0;
	}
	#bg .contact div.last {
		border-bottom: none;
	}
	#bg .contact h3 {
		font-size: 1.2em;
		padding-bottom: .25em;
	}
	#bg .contact h4 {
		color: #51831c;
		font-size: 2.2em;
		font-weight: normal;
		padding: .182em 0;
	}
	#bg .contact p {
		padding-bottom: .417em;
	}
	#bg .contact ul {
		padding-bottom: .5em;
	}
	/* note */
	#bg .contact p.note {
		font-size: 1.1em;
		line-height: 1.364;
	}
}


@media screen, projection {
	#bg.homepage .contact {
		border-bottom: none;
		height: 100%;
		margin-bottom: 0;
		min-height: 32.1em;
	}
	/* alternate behaviour if sidebar right is in "row" mode */
	#bg .alternate .contact {
		float: left;
		margin-bottom: 0;
		margin-right: 2em;
		width: 22em;
	}
	#bg.homepage .alternate .contact {
		border-bottom: 1px solid #bcbcbc;
		min-height: 0;
	}

	/* headline */
	#bg .contact h2 {
		background: transparent url(/BarmerForms/resources/html/img/barmer/bg-headline-sidebar.png) repeat-x 0 100%;
		border-bottom: 1px solid #bcbcbc;
		color: #51831c;
		font-size: 1.6em;
		padding: .75em .625em .438em;
	}
}


@media print {
	#bg .contact {
		border-bottom-style: dotted;
	}
	#bg .contact div {
		padding-left: 0;
		padding-right: 0;
	}
	#bg .contact h2 {
		border-top: 1px dotted #bcbcbc;
		font-size: 1.4em;
		padding: .714em 0 .357em;
	}
}

/**
 * component: universalteaser
 * description: teaser with optional elements (image, linklist)
 */

@media all {
	#bg .universalteaser {
		border-bottom: 1px dotted #bcbcbc;
	}
	#bg .universalteaser h3 {
		color: #51831c;
		font-weight: normal;
	}
	#bg.kl .universalteaser h3 {
		color: #005794;
	}
	#bg .universalteaser h3.video {
		background: url(/BarmerForms/resources/html/img/barmer/label-video.png) no-repeat 100% -400px;
		padding-right: 21px;
	}
	#bg .universalteaser h3.service {
		background: url(/BarmerForms/resources/html/img/barmer/label-service.png) no-repeat 100% 2px;
		padding-right: 16px;
	}
	#bg .universalteaser h3 a {
		color: #51831c;
		display: block;
		text-decoration: underline;
	}
	#bg .universalteaser h3 a.kl {
		color: #005794;
	}

	/* in content column */
	#bg #content-column .columns .universalteaser {
		margin-bottom: 1.2em;
		padding-bottom: 1em;
	}
	#bg #content-column .columns .universalteaser.last {
		border-bottom: none;
	}
	#bg #content-column .column-left .universalteaser {
		margin-right: 1.5em;
	}
	#bg #content-column .column-right .universalteaser {
		margin-left: 1.5em;
	}
	#bg #content-column .universalteaser h3 {
		font-size: 1.6em;
		line-height: 1.125;
		padding-bottom: .313em;
	}
	#bg #content-column .universalteaser h3 a {
		padding: 0 .125em;
	}
	#bg #content-column .universalteaser img.teaserimg {
		margin: .3em 1em .5em 0;
		float: left;
		width: 29.85%; /* 100px */
	}
	#bg #content-column .universalteaser .richtext {
		clear: none;
	}
	#bg #content-column .universalteaser p {
		padding-bottom: .385em;
	}
	#bg #content-column .universalteaser p.more {
		float: left;
	}
	#bg #content-column .universalteaser ul {
		clear: left;
	}

	/* in right sidebar */
	#bg #sidebar-right .universalteaser {
		border-bottom-style: solid;
		background-color: #f3f3f2;
		margin-bottom: 1em;
		padding-top: .7em;
	}
	#bg #sidebar-right .universalteaser h3 {
		font-size: 1.4em;
		line-height: 1.143;
		margin: 0 .714em .5em;
	}
	#bg #sidebar-right .universalteaser h3 a {
		margin-left: -.143em;
		padding: 0 .143em;
	}
	#bg #sidebar-right .universalteaser img.teaserimg {
		margin-bottom: .5em;
		overflow: hidden;
		width: 100%;
	}
	#bg #sidebar-right .universalteaser p {
		padding: 0 .833em .417em;
	}
	#bg #sidebar-right .universalteaser ul {
		border-top: 1px dotted #b2b3b3;
		padding: .5em 1em;
	}
	/* richtext */
	#bg #sidebar-right .universalteaser .richtext {
		padding: 0 1em;
	}
	#bg #sidebar-right .universalteaser .richtext p {
		padding-left: 0;
		padding-right: 0;
	}
	#bg #sidebar-right .universalteaser .richtext ul {
		border: none;
		padding: 0 0 .5em 1.4em;
	}

	/* alternate behaviour if sidebar right is in "row" mode */
	#bg .alternate #sidebar-right .universalteaser {
		float: left;
		margin-bottom: 0;
		margin-right: 2em;
		min-height: 0;
		width: 22em;
	}
}


@media screen, projection {
}
@media print {
	#bg #sidebar-right .universalteaser {
		clear: both;
	}
	#bg #sidebar-right .universalteaser h3 { 
		margin-left: 0;
	}
	#bg #sidebar-right .universalteaser img.teaserimg {
		width: 220px;
		float: left;
		margin-right: 20px;
	}
	#bg #sidebar-right .universalteaser .richtext {
		clear: none;
	}
}


/**
 * component: campaignteaser
 * description: teaser for campaigns
 */

@media all {
	#bg .campaignteaser {
		background-color: #f3f3f2;
		border-bottom: 1px solid #bcbcbc;
		margin-bottom: 1em;
	}
	#bg.portal-0212 .campaignteaser {
		background-color: #fff;
		border-bottom: none;
	}
	#bg .campaignteaser .campaign-visual {
		position: relative;
	}
	/* headline and opacity layer */
	#bg .campaignteaser .box-bg {
		border-left: .5em solid #51831c;
		bottom: 1em;
		left: 0;
		position: absolute;
		width: 16.8em;
	}
	#bg.kl .campaignteaser .box-bg {
		border-left-color: #005794;
	}
	#bg .campaignteaser .box-bg .box-opacity {
		background: #fff;
		height: 100%;
		left: 0;
		opacity: .9;
		position: absolute;
		top: 0;
		width: 100%;
	}
	#bg .campaignteaser h3 {
		border-left: .357em solid #a9cc72;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.143;
		padding: .5em;
		position: relative;
	}
	#bg.kl .campaignteaser h3 {
		border-left-color: #54a4d2;
	}
	#bg .campaignteaser h3 a {
		color: #51831c;
		display: block;
		padding: 0 .143em;
		text-decoration: underline;
	}
	#bg .campaignteaser h3 a.kl {
		color: #005794;
	}
	#bg .campaignteaser .campaign-visual a img {
		margin-bottom: .5em;
		overflow: hidden;
		width: 100%;
	}
	#bg .campaignteaser p {
		padding: 0 .833em .417em;
	}
	#bg.portal-0212 .campaignteaser p {
		padding-left: 0;
		padding-right: 0;
	}
	#bg .campaignteaser ul {
		border-top:1px dotted #B2B3B3;
		padding: 0.5em 1em;	
	}
	#bg.portal-0212 .campaignteaser ul {
		padding-left: 0;
		padding-right: 0;
	}
	/* alternate behaviour if sidebar right is in "row" mode */
	#bg .alternate .campaignteaser {
		float: left;
		margin-bottom: 0;
		margin-right: 2em;
		min-height: 0;
		width: 22em;
	}
}


@media screen, projection {
}
@media print {
	#bg .campaignteaser .campaign-visual a img {
		width: 220px;
		float: left;
		margin-right: 20px;
	}
	#bg .campaignteaser .box-bg {
		display: none;
	}
}

/**
 * component: membershipteaser
 * description: teaser for membership
 */

@media all {
	#bg .membershipteaser h3 a {
		color: #51831c;
		text-decoration: underline;
	}
	#bg .membershipteaser h3 a.kl {
		color: #005794;
	}

	/* membership "button" */
	#bg .membershipteaser p.more {
		float: left;
		padding-bottom: 1em;
	}

	/* homepage variant */
	#bg.homepage .membershipteaser {
		padding: 0 1em;
	}
	#bg.portal-0212 .membershipteaser {
		padding: 0;
	}
	#bg.homepage .membershipteaser h3 {
		font-size: 1.6em;
		font-weight: normal;
		line-height: 1.25;
		margin-left: 9.375em;
		padding: .5em 0 .188em;
	}
	#bg.homepage .membershipteaser h3 a {
		padding: 0 .063em;
	}
	#bg.homepage .membershipteaser img.teaserimg {
		float: left;
		margin: 1.2em 1em 1em -1em;
		width: 14em;
	}
	#bg.homepage .membershipteaser p,
	#bg.homepage .membershipteaser ul {
		padding-bottom: .769em;
	}
	#bg.homepage .membershipteaser p {
		margin-left: 11.538em;
	}
	#bg.portal-0212.homepage .membershipteaser p {
		margin-left:2.163em;
	}
	#bg.homepage .membershipteaser ul {
		clear: none;
		margin-left: 15em;
	}
	#bg.portal-0212.homepage .membershipteaser ul {
		margin-left:5.625em;
	}
	/* sidebar variant */
	#bg #sidebar-right .membershipteaser {
		background-color: #f3f3f2;
		border-bottom: 1px solid #bcbcbc;
		margin-bottom: 1em;
	}
	#bg.portal-0212 #sidebar-right .membershipteaser {
		background-color: #fff;
		border-bottom: none;
		margin-bottom: 1em;
	}
	#bg #sidebar-right .membershipteaser h3 {
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.143;
		padding: .5em;
		position: relative;
	}
	#bg #sidebar-right .membershipteaser h3 a {
		display: block;
		padding: 0 .143em;
	}
	#bg.portal-0212 #sidebar-right .membershipteaser h3 {
		margin:0;
		padding-left:0;
		padding-right:0;
	}
	#bg #sidebar-right .membershipteaser img.teaserimg {
		margin-bottom: .5em;
		overflow: hidden;
		width: 100%;
	}
	#bg.portal-0212 #sidebar-right .membershipteaser img.teaserimg {
		float:none;
		margin-left:0;
		margin-right:0;
	}
	#bg.portal-0212 #sidebar-right .membershipteaser img.teaserimg a {
		padding:0;
	}
	#bg #sidebar-right .membershipteaser p {
		padding: 0 .833em .417em;
	}
	#bg.portal-0212 #sidebar-right .membershipteaser p {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	#bg #sidebar-right .membershipteaser ul {
		padding: 0 1em 1em;
	}
	#bg.portal-0212 #sidebar-right .membershipteaser ul {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	/* alternate behaviour if sidebar right is in "row" mode */
	#bg .alternate #sidebar-right .membershipteaser {
		float: left;
		margin-bottom: 0;
		margin-right: 2em;
		min-height: 0;
		width: 22em;
	}
}


@media screen, projection {
}


@media print {
	#bg #sidebar-right .membershipteaser img.teaserimg {
		width: 220px;
		float: left;
		margin-right: 20px;
	}
}




/**
 * component: application-nav
 * description: application navigation for shared portal sections
 */

@media screen, projection {
	#bg .application-nav {
		margin: 0 0 3em;
	}
	
	#bg .application-nav h3 {
		border-bottom: 1px solid #cdcdcd;
		font-size: 1.4em;
		margin-bottom: .857em;
		padding: .286em 1.071em;
	}
	#bg .application-nav h3 a {
		line-height: 1.3;
		padding-left: 2.214em;
	}
	
	/* first level nav */
	#bg .application-nav ul {
	    float: left;
	    margin-bottom: 2em; 
		padding: 0 1.3em;
	}
	#bg .application-nav ul li {
		width: 16.6%; /* approx. 157px */
	}
	/* second level nav */
	#bg .application-nav ul ul {
		float: none;
		padding: 0 .833em 0 0;
	}
	#bg .application-nav ul ul li {
		float: none;
		margin-bottom: .333em;
		width: 100%;
	}
	#bg .application-nav ul ul a {
		color: #6e6e6e;
		line-height: 1.167;
		padding: .167em;
	}
	#bg .application-nav ul ul a.current,
	#bg .application-nav ul ul a:hover {
		color: #51831c;
	}
	#bg .application-nav ul ul a.kl.current,
	#bg .application-nav ul ul a.kl:hover {
		color: #005794;
	}
	
	
	/* normally closed, if js user not on ".homepage" */
	#bg.js .application-nav ul.h-nav {
		display: none;
	}
	
	/* first Tab should be open, if the Use is on ".homepage"
	 -> should now be done over JavaScript 
	#bg.js.homepage .application-nav ul.h-nav {
		display: block; 
	}
	*/
	
	
	/* ---------- CSS for new Tab Implementation ---------- */
	
	/* Tabs only, if there is JS on */
	#bg .application-nav div.tabs-application-nav {
		display: none;
	}
	#bg.js .application-nav div.tabs-application-nav {
		display: block;
		margin-bottom: 1em;
	}
	
	/* Headlines over UL-List only, if there is NO-JS on */
	#bg .application-nav h3.headline-no-js {
		display: block;
	}
	#bg.js .application-nav h3.headline-no-js {
		display: none;
	}
	
	
	#bg .application-nav div.tabs-application-nav {
		height: 25px;
		border-bottom: 1px solid #CDCDCD;
	}


	#bg .application-nav div.tabs-application-nav p {
		float: left;
		font-size: 1.4em;
		font-weight: bold;
		padding: 3px 1px 3px 1px;
	}
	
	#bg .application-nav div.tabs-application-nav p.nav-opener a.application-opener {
		margin-left: 14px;
    	padding: 5px 5px 5px 9px;
	}
	
	#bg .application-nav div.tabs-application-nav a.application-nav-tab {
		-moz-border-radius: 3px 3px 0 0;
		padding: 4px 10px 3px 10px;
		border-width: 1px;
		border-style: solid;
	}
	
	#bg .application-nav div.tabs-application-nav a.nav-tab-selected {
		border-top-color: #CDCDCD;
		border-left-color: #CDCDCD;
		border-right-color: #CDCDCD;
		border-bottom-color: #FFFFFF;
		border-bottom-width: 2px;
	}
	
	#bg .application-nav div.tabs-application-nav a.nav-tab-notselected {
		border-top-color: #DEDEDE;
		border-left-color: #DEDEDE;
		border-right-color: #DEDEDE;
		border-bottom-color: #CDCDCD;
	}
	
	#bg .application-nav div.tabs-application-nav p.nav-tab a.nav-tab-notselected:hover {
		background-position: 0 -400px !important;
		color: #000000 !important;
		background-color: transparent !important;
		text-decoration: none !important;
		border: 1px solid #B7B7B7;
	}
	#bg .application-nav div.tabs-application-nav a,
	#bg .application-nav div.tabs-application-nav a:focus,
	#bg .application-nav div.tabs-application-nav a:active,
	#bg .application-nav div.tabs-application-nav a:visited {
		color: #000000 !important;
		background-color: transparent !important;
		text-decoration: none !important;
	}
	
	#bg .application-nav a.without-image {
		background-image: url(""); /* remove Image from external Link */
	}
	
}


@media print {
	#bg .application-nav {
		display: none;
	}
}

/**
 * component: main-nav(-footer)
 * description: main navigation for shared portal sections
 *              (meta-, first-/second-level navigation) in footer container
 */

@media screen, projection {
	#bg .main-nav-footer {
		clear: both;
		/*float: left;*/
		padding-bottom: 3.2em;
		width: 63em;
	}
	#bg .main-nav-footer.variant-5col {
		width: 78.7em;
	}
	#bg .main-nav-footer.variant-6col {
		width: 100%;
	}
 
 	/* open/close link */
	#bg.js .main-nav-footer #j-main-navigation-footer {
		height: 2em;
		left: 1.5em;
		position: absolute;
		/*top: .5em;*/
        top: 1.5em;
	}

	/* first level: "portal"/tab */
	#bg .main-nav-footer .main-nav-footer-tabs {
		padding-left: 1.3em;
		position: relative;
        
        padding-top: 1em; /*Test!!!!*/
	}
	#bg.js .main-nav-footer .main-nav-footer-tabs {
		padding-left: 3.3em;
	}
	#bg .main-nav-footer h3,
	#bg .main-nav-footer p.switch {
		float: left;
		font-size: 1.4em;
		margin-left: .143em;
		position: relative;
		top: 1px;
	}
	#bg .main-nav-footer h3,
	#bg .main-nav-footer p.switch a {
		border-radius: 3px 3px 0 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-top-left-radius: 3px; /* webkit does not understand shorthand syntax */
		-webkit-border-top-right-radius: 3px;
		padding: .357em .714em;
	}
	#bg .main-nav-footer h3 {
		border: 1px solid #cdcdcd;
		border-bottom-color: #fff;
		z-index: 100;
	}
	#bg.sv .main-nav-footer h3 {
		color: #51831c;
	}
	#bg.kl .main-nav-footer h3 {
		color: #005794;
	}
	#bg .main-nav-footer p.switch {
		font-weight: bold;
		line-height: 1.0;
	}
	#bg .main-nav-footer p.switch a {
		border: 1px solid #dedede;
		border-bottom: none;
		color: #51831c;
		display: block;
		text-decoration: none;
	}
	#bg .main-nav-footer p.switch a.kl {
		color: #005794;
	}
	#bg .main-nav-footer p.switch a:hover {
		background-color: #ccc;
		background-position: 0 -400px;
		border-color: #b7b7b7;
	}
	#bg .main-nav-footer p.switch a:active,
	#bg .main-nav-footer p.switch a:focus {
		background-color: #416916;
		background-position: 0 -600px;
		border-color: #6f6f6f;
		color: #fff !important;
		text-decoration: none;
	}
	#bg .main-nav-footer p.switch a.kl:active,
	#bg .main-nav-footer p.switch a.kl:focus {
		background-color: #004676;
		background-position: 0 -800px;
	}

	/* second level: horizontal navigation */
	#bg .main-nav-footer div.cl {
		border-top: 1px solid #cdcdcd;
		margin-top: 2.6em;
	}
	#bg .main-nav-footer ul {
		border-right: 1px solid #e5e5e5;
		padding: 1.2em 0 0 1.3em;
	}
	#bg .main-nav-footer.variant-6col ul {
		border-right: none;
	}
	#bg .main-nav-footer ul li {
		width: 13.083em; /* 157px */
	}
	#bg .main-nav-footer ul li.last {
		width: 12em; /* 144px */
	}
	#bg .main-nav-footer ul h4 {
		margin: 0 .833em .667em 0;
	}
	#bg .main-nav-footer ul a {
		line-height: 1.167;
		padding: .167em;
	}
	#bg .main-nav-footer ul li h4 { 
		font-size: 1em;
	}
	/* third level: vertical navigation */
	#bg .main-nav-footer ul ul {
		border: none;
		padding: 0 .833em .833em 0;
	}
	#bg .main-nav-footer ul ul li {
		float: none;
		margin-bottom: .333em;
		width: auto;
	}
	#bg .main-nav-footer ul ul a {
		background-position: 2px 4px;
		color: #6e6e6e;
		padding-left: 10px;
	}
	#bg .main-nav-footer ul ul a.current,
	#bg .main-nav-footer ul ul a:hover {
		color: #51831c;
	}
	#bg .main-nav-footer ul ul a:active,
	#bg .main-nav-footer ul ul a:focus {
		background-position: 2px -196px;
	}
	#bg .main-nav-footer ul ul a.kl {
		background-position: 2px -396px;
	}
	#bg .main-nav-footer ul ul a.kl.current,
	#bg .main-nav-footer ul ul a.kl:hover {
		color: #005794;
	}
	#bg .main-nav-footer ul ul a.kl:active,
	#bg .main-nav-footer ul ul a.kl:focus {
		background-position: 2px -596px;
	}
	/* closed if js user not on homepage */
	#bg.js .main-nav-footer ul.h-nav {
		display: none;
	}
	#bg.js.homepage .main-nav-footer ul.h-nav {
		display: block;
	}
}


@media print {
	#bg .main-nav-footer {
		display: none;
	}
}

/**
 * component: portalteaser
 * description: teaser footer
 */

@media screen, projection {
	.portalteaser { 
		margin:0 -0.85em 30px;
	}
	#bg.portal-0212 .portalteaser { 
		margin: 0 auto 30px;
		min-width: 64em;
		max-width: 99em;       
	}
	.portalteaser ul { display:table; width:100%; } 
	.portalteaser li { display:table-cell; text-align:center; } 
	.portalteaser li a { 
		background:transparent url(/barmer/assets/www/components/navigation/main-nav/img/bg-hteaser.png) no-repeat;
		padding:4px;
		display:inline-block;
	}
	.portalteaser li a img { 
		opacity: 0.5;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	.portalteaser li a:hover img { 
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.portalteaser li a:active,
	.portalteaser li a:focus { background-color:transparent; }
}

@media print {
	.portalteaser { display:none; }
}

/**
 * component: footer-nav
 * description: footer navigation for shared portal sections
 */

@media screen, projection {
	#bg .footer-nav {
		float: left;
		margin-left: -0.8em;
	}
	#bg .footer-nav a {
		border-left: 1px solid #ccc;
		padding: 1em .667em .167em;
	}
	#bg.portal-0212 .footer-nav a {
		border-left: none;
	}
	#bg .footer-nav .first a {
		border-left: none;
	}
	#bg .footer-nav a:active,
	#bg .footer-nav a:focus {
		-moz-border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-khtml-border-radius: 0 !important;
		border-radius: 0 !important;
	}
}

@media print {
	#bg .footer-nav {
		display: none;
	}
}


/**
 * component: copyright
 * description: copyright notice Barmer
 */

@media all {
	#bg .copyright {
		line-height: 1.0;
	}
	#bg #footer .portalinfo img {
		display:inline-block;
		vertical-align: baseline;
	}
}


@media screen, projection {
	#bg .copyright {
		float: right;
		padding-top: 1em;
	}
	#bg #footer .portalinfo {
		position:absolute;
		bottom:0.5em;
		right:1.25em;
	}
}


#fileUploadBtn{
	position: relative;
	width: 350px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px ridge #51831C;
	text-align: left;
	font-size:1.3em;
	background-color: #FFF;
	cursor:pointer;
	margin: 10px;
	}

  .infolink {
    color: #51831c !important;
    font-weight: bold !important;
    text-decoration: underline !important;