html { overflow-y: scroll }
body { padding: 0; margin: 0; background: white; color: #474747 }
body, td, th { font-family: Arial, sans-serif; font-size: 10pt;
	font-weight: normal }
a { color: #007857; text-decoration: underline }
figure { margin: 0; padding: 0 }
hr { background: #007857; color: white; height: 1px; border: none }
p { line-height: 1.3 }
img { border: none }
/* h1 { font-size: 40px; font-weight: normal; padding: 0; margin: 10px 0 } */
h1, h2 { font-size: 20px; font-weight: bold; padding: 0; margin: .3em 0;
	color: #007857 }
h1 + h2 { margin: -5px 0 10px 0 }
h2, h3, h4, strong, b { font-weight: bold; color: #007857 }
h1 { font-size: 24px }
h2 { font-size: 20px }
h3 { font-size: 16px }
h4 { font-size: 14px; font-weight: normal }
h5 { font-size: 12px; font-weight: bold }
h1 a, h2 a, h3 a { font-weight: inherit; text-decoration: inherit;
	color: inherit }
a img { border: none }
fieldset { border: none /* 2pt solid #007857 */; margin: 0; padding: 0 }
fieldset legend { font-weight: bold; margin: 1em 0 .3em 0; padding: 0;
	/* border-bottom: 1px solid #ccc; display: block; width: 92% */ }
label { display: block; margin: .4em 0 0 0; padding: 0 }
input[type=text], input[type=password], textarea { width: 90%;
	font-family: Arial, sans-serif; font-size: 10pt; line-height: 11pt;
	margin: .1em; padding: .1em .2em; border: 1px solid #007857 }
input[type=text].error, input[type=password].error, textarea.error {
	border-color: #cc0000 }
.help-inline { font-size: 90%; color: #888; display: none }
textarea { height: 4em }
.form-navigation ul { display: block; list-style: none; margin: 0;
	padding: 0 }
.form-navigation ul li { display: inline; list-style: none }

#header, #content, #teaser, #footer, #filtersearch { width: 100%;
	min-width: 950px; margin: 0; padding: 0 }
#header .main, #content .main, #footer .main, #filtersearch .main {
	width: 950px; margin: 0 auto; padding: 0; position: relative }

#header { background: white url(../Images/greenbar.png) no-repeat 50% 0;
	margin: 0; padding: 10px 0 0 0; position: relative }
#logo { float: left; margin: 10px 30px 5px 0 }
#logo2 { float: left; margin: 10px 30px 5px 0 }
#header ul li a { text-decoration: none; color: inherit }
#header .menu { float: left; width: 500px }
#header .menu ul { display: block; margin: 0; padding: 0; list-style: none }
#header .menu ul > li { display: inline-block; margin: 0;
	padding: 10px .7em 0 .7em; list-style: none }

#header .menu.landingpage ul > li,
#header .menu ul > li.current { font-weight: bold; background: transparent
	url(../Images/navmark.png) no-repeat 50% 0; color: #007857 }
#header .menu.landingpage ul > li + li { font-weight: inherit; color: inherit;
	background: inherit }

#header .lang ul { display: block; margin: 0; padding: 0 }
#header .lang ul > li { display: none; margin: 10px 2px 0 2px;
	padding: 0; width: 16px; height: 11px }
#header .lang ul > li.sv,
#header .lang ul > li.tr,
#header .lang ul > li.cn,
#header .lang ul > li.es,
#header .lang ul > li.fr,
#header .lang ul > li.ru,
#header .lang ul > li.pt,
#header .lang ul > li.it,
#header .lang ul > li.de,
#header .lang ul > li.en { display: inline-block }
#header .lang { float: left; width: 250px }
#header .lang.desktop { position: absolute; z-index: 10; right: 0 }
#header .lang ul { text-align: right }
#header .lang ul li span { display: none }
#header .lang ul a { display: block; width: 16px; height: 11px }
#header .lang ul > li { background: white url(../Images/flag-de-na.png)
	no-repeat }
#header .lang ul > li.en { background-image: url(../Images/flag-en-na.png) }
#header .lang ul.de > li.de { background-image: url(../Images/flag-de-a.png) }
#header .lang ul.en > li.en {
	background-image: url(../Images/flag-en-a.png) }
#header .lang ul > li.it { background-image: url(../Images/flag-it-na.png) }
#header .lang ul.it > li.it { background-image: url(../Images/flag-it-a.png) }
#header .lang ul > li.pt { background-image: url(../Images/flag-br-na.png) }
#header .lang ul.pt > li.pt { background-image: url(../Images/flag-br-a.png);
	display: inline-block }
#header .lang ul > li.es { background-image: url(../Images/flag-es-na.png) }
#header .lang ul.es > li.es { background-image: url(../Images/flag-es-a.png);
	display: inline-block }
#header .lang ul > li.fr { background-image: url(../Images/flag-fr-na.png) }
#header .lang ul.fr > li.fr { background-image: url(../Images/flag-fr-a.png);
	display: inline-block }
#header .lang ul > li.ru { background-image: url(../Images/flag-ru-na.png) }
#header .lang ul.ru > li.ru { background-image: url(../Images/flag-ru-a.png);
	display: inline-block }
#header .lang ul > li.cn { background-image: url(../Images/flag-cn-na.png) }
#header .lang ul.cn > li.cn { background-image: url(../Images/flag-cn-a.png);
	display: inline-block }
#header .lang ul > li.tr { background-image: url(../Images/flag-tr-na.png) }
#header .lang ul.tr > li.tr { background-image: url(../Images/flag-tr-a.png);
	display: inline-block }
#header .lang ul > li.sv { background-image: url(../Images/flag-sv-na.png) }
#header .lang ul.sv > li.sv { background-image: url(../Images/flag-sv-a.png);
	display: inline-block }
#header .main:after { display: block; content: ''; height: 0; clear: both }

body.landingpage #content > .main { width: 620px }

.typo3-neos-nodetypes-textwithimage:after { content: ''; display: block;
	height: 0; line-height: 0; clear: left }
.typo3-neos-alignment-left { float: left; margin: 0 1em 1em 0 }
.typo3-neos-alignment-right { float: right; margin: 0 0 1em 1em }
.typo3-neos-alignment-center { display: block; margin: 0 auto;
	text-align: center }

.typo3-neos-nodetypes-twocolumn:after { content: ''; display: block;
	height: 0; clear: both }
.typo3-neos-nodetypes-twocolumn .column { float: left; width: 49%;
	overflow: hidden; margin-right: 1.7% }
.typo3-neos-nodetypes-twocolumn .column + .column { float: right;
	margin-right: 0 }

.typo3-neos-nodetypes-threecolumn:after { content: ''; display: block;
	height: 0; clear: both }
.typo3-neos-nodetypes-threecolumn .column { float: left; width: 32%;
	overflow: hidden; margin-right: 1.7% }
.typo3-neos-nodetypes-threecolumn .column + .column + .column { float: right;
	margin-right: 0 }

.typo3-neos-nodetypes-fourcolumn:after { content: ''; display: block;
	height: 0; clear: both }
.typo3-neos-nodetypes-fourcolumn .column { float: left; width: 24%;
	overflow: hidden; margin-right: 1.2% }
.typo3-neos-nodetypes-fourcolumn .column + .column + .column + .column {
	float: right; margin-right: 0 }

#teaser { width: 100%; min-width: 950px; margin-top: 100px }
#teaser:after { display: block; content: ''; clear: both; height: 0 }
#teaser > .left, #teaser > .right { width: 50%; margin: 0; float: left;
	background: #3b8b6b url(../Images/teaser-left-bg.png) repeat-x;
	position: relative }
#teaser > .left > .teaser-support { background: transparent;
	position: absolute; width: 220px; right: 310px; top: -232px }
#teaser > .left > .teaser-support .button { position: absolute;
	top: 240px /* 195px */; left: 80px /* 50px */ }
#teaser > .left > .neos-contentcollection a,
#teaser > .right > .neos-contentcollection a { text-decoration: underline }
#teaser > .left > .neos-contentcollection a { color: inherit }
#teaser > .left > .neos-contentcollection b { color: inherit }
#teaser > .left > .neos-contentcollection { width: 290px; float: right;
	padding: 10px 20px 10px 0; height: 100px; overflow: hidden;
	/* font-size: 11pt; */ color: white; /* font-weight: bold */ }
#teaser > .right { float: right; margin: 0; background: #eee;
	background-image: linear-gradient(#ced2d3,#fff,#f8f8f8,#f0f0f0,#ced2d3) }
#teaser > .right > .neos-contentcollection { float: left; color: #474747;
	padding: 0 0 0 20px; font-size: inherit; font-weight: inherit;
	width: 430px; height: 100px; padding: 10px 0 10px 20px }
#teaser > .right > .neos-contentcollection img { border: 1px solid #007857 }
#teaser > .left > .neos-contentcollection h2,
#teaser > .right > .neos-contentcollection h3,
#teaser > .right > .neos-contentcollection h4,
#teaser > .right > .neos-contentcollection h2 { margin: 0 0 5px 0 }
#teaser > .left > .neos-contentcollection h2 { color: white }
#teaser > .left > .neos-contentcollection h2 a,
#teaser > .right > .neos-contentcollection h3 a,
#teaser > .right > .neos-contentcollection h2 a { color: inherit;
	text-decoration: inherit }
#teaser > .left > .neos-contentcollection p,
#teaser > .right > .neos-contentcollection p { margin: 5px 0 }
#teaser > .right > .teaser-newsletter { background: transparent;
	position: absolute; width: 156px; top: -90px; left: 350px }
/* body.landingpage #teaser > .right > .teaser-newsletter { width: 200px;
	text-align: right; top: -120px; left: 300px } */

#footer { background: black url(../Images/footer-bg.png) repeat }
#footer .main { color: white; padding: 5px 10px; font-size: 8pt;
	font-weight: normal }
#footer a { color: inherit; text-decoration: inherit }
#footer .link { color: #007857; text-decoration: underline }
#footer .typo3-neos-nodetypes-threecolumn .column + .column + .column {
	width: 21% }
#footer .typo3-neos-nodetypes-threecolumn .column + .column { width: 50% }
#footer .typo3-neos-nodetypes-threecolumn .column { width: 25% }

#filtersearch:after { content: ''; display: block; height: 0; clear : both }
#filtersearch .main { width: 630px; margin: 0 auto; height: 68px }
#headerback { height: 67px; position: absolute; right: 0;
	color: white; font-weight: bold; font-size: 24px; line-height: 67px;
	padding: 0 10px; background: #61a188;
	background-image: linear-gradient(#87b8a5,#3c8b6c);
	text-decoration: none; display: none }
body.merkzettel #filtersearch .main,
body.watch-list #filtersearch .main,
body.liste #filtersearch .main,
body.list #filtersearch .main,
body.results #filtersearch .main,
body.detail #filtersearch .main,
body.details #filtersearch .main { width: 950px }
body.merkzettel #headerback,
body.watch-list #headerback,
body.liste #headerback,
body.list #headerback,
body.results #headerback,
body.detail #headerback,
body.details #headerback { display: block }
/* body.landingpage #filtersearch .main { width: 950px } */
#loginform { width: 291px; float: left; background: transparent
	url(../Images/loginform-bg.jpg) no-repeat 0 0; height: 54px;
	padding: 7px 12px; position: relative }
#loginform div.registerhint { font-weight: normal; line-height: 23px;
	position: absolute; top: 5px; right: 10px; height: 23px;
	overflow: hidden; text-align: right; z-index: 100;
	transition: height 400ms }
#loginform div.registerhint:hover { height: auto; /* overflow: visible */ }
#loginform div.registerhint div.onhover { display: block;
	right: 0; top: 23px; min-width: 100px; max-width: 200px;
	min-height: 1em; border: 1px solid #999; background: #eed;
	padding: 2px 4px; color: #444; text-align: left;
	opacity: 0.1; transition: opacity 400ms }
#loginform div.registerhint:hover div.onhover { display: block;
	height: auto; opacity: 0.95 }
#loginform div.registerhint div.onhover,
#loginform div.registerhint div.onhover p { line-height: 1.3;
	font-weight: normal }
#loginform div.registerhint div.onhover ul { margin-top: 5px;
	margin-bottom: 5px }
#loginform p { line-height: 23px; margin: 0; padding: 0;
	font-weight: bold }
#loginform input[type=text], #loginform input[type=password] { width: 95px;
	height: 21px; line-height: 21px }
#loginform input, #loginform img { vertical-align: middle }
#loginform div.loginform { line-height: 29px }
#loginform .loginform { height: 33px }
#loginform a.logout { border: 1px solid black; background: #333;
	background-image: linear-gradient(#666,#111);
	padding: 3px 6px; color: white; text-decoration: none;
	font-size: 11px }
#loginform div.loginform span.username { display: inline-block;
	padding: 1px 6px; line-height: 21px; border: 1px solid #007857;
	width: 190px; background: white }
#loginform div.loginerror { color: red; line-height: 1; margin-top: 10px }
div.basketlink { line-height: 20px; font-size: 11px; margin: 4px 0 0 0 }
div.basketlink img { vertical-align: middle; margin-right: 2px }
div.basketlink span.numinbasket { font-weight: bold; color: #007857 }
#searchform { width: 298px; float: left; height: 62px; color: white;
	padding: 4px 6px 10px 6px; background: transparent
	url(../Images/searchform-bg.jpg) no-repeat }
#searchform input, #searchform img { vertical-align: middle }
#searchform p { font-weight: bold; padding: 4px 0; margin: 0 }
#searchform input[type=text] { width: 60%; height: 25px; width: 220px;
	line-height: 25px }

#filtersearch { height: 78px; min-width: 1040px; margin-bottom: 50px;
	background: white url(../Images/filtersearch-bg-small.jpg)
	repeat-x 50% 0 }
.filtersamples { display: none }
body.landingpage #filtersearch { height: 215px;
	background: white url(../Images/filtersearch-bg.jpg) repeat-x 50% 0 }
body.landingpage .filtersamples { display: block }

.filtersamples { position: relative; height: 147px }
.filtersamples .filterrow { overflow: hidden; height: 80px; width: 100%;
	position: absolute; text-align: center; top: 20px }
.filtersamples .filterrow .outer { width: 1840px; top: 0; left: 50%;
	margin: 0 0 0 -920px; position: absolute; text-align: center }
.filtersamples .filterrow img { width: 80px; height: 80px }
.filtersamples div.magouter { position: relative; width: 1010px;
	margin: 0 auto }
.filtersamples div.mag { position: absolute; right: 0; width: 318px;
	height: 400px; top: -36px; background: transparent
	url(../Images/filtersearch-bg-mag.jpg) no-repeat 15px 36px }
.filtersamples div.mag div.filter { position: absolute }
.filtersamples div.mag img { position: absolute; left: 0; top: 0 }
.filtersamples div.mag .filter { top: 20px; left: 28px }
.filtersamples div.mag img.mag { top: 0; left: 0 }

.numresults { font-weight: bold }
.filtersuche-list h1, .filtersuche-list h2 { max-width: 600px }
.filtersuche-list .noresults { font-size: 14pt; width: 50% }

table.filterliste { width: 98%; border-collapse: collapse;
	margin: 40px auto 5px auto }
table.filterliste + div.note { font-size: 8pt; margin: 0 0 20px 10px }
table.filterliste th { color: white; font-weight: bold; text-align: center;
	border: 1px solid #479275; background: #6a9;
	background-image: linear-gradient(#89b9a6,#499376) }
table.filterliste th.empty,
table.filterliste td.empty { background: transparent; border: none }
table.filterliste td { border: 1px solid #ddd }
table.filterliste td, table.filterliste th { text-align: center;
	vertical-align: middle; padding: 6px }
td.image { position: relative; line-height: .9; padding: 0 }
td.image > div { position: relative }
a.overimage { cursor: default; display: block; position: absolute;
	/* right: -10px; top: -10px; */ line-height: .8;
	border: 1px solid #007857; text-decoration: none; z-index: 10 }
table.filterliste td.aktion img { margin-right: 5px; vertical-align: middle }
a.buynow,
a.request { text-decoration: none; color: white; background: #222;
	background-image: linear-gradient(#444,#111);
	border: 1px solid black; border-radius: 3px; font-size: 11px;
	padding: 2px 4px }
a.buynow { display: inline-block;
	background-image: linear-gradient(#d22, #a11);
	border: 1px solid #811 }
a.buynow.details { padding: 4px 8px;
	margin-top: 5px; font-size: 110% }
table.filterliste td > div.buynowbg { margin: 5px -6px -6px -6px;
	background: #000; color: white; padding: 10px 6px }

a.bigbutton { border: 1px solid #4e967a; background: #61a188;
	background-image: linear-gradient(#87b8a5,#3c8b6c); color: white;
	font-weight: bold; font-size: 20px; padding: 10px;
	text-decoration: none; margin: 0 10px; display: inline-block }

table.filterdata { border-collapse: collapse; margin: 20px 0; float: left;
	width: 327px }
table.filterdata th, table.filterdata td { border: 1px solid #ddd;
	padding: 12px; text-align: left }
table.filterdata th { font-weight: bold }
#techdata div.filterimage { margin-left: 10px; margin-top: 20px;
	float: left; width: 270px }
img.dataimage { max-width: 250px; max-height: 200px }
#techdata div.filterimage span.note { font-size: 8pt; color: #888 }

#content > .main { min-height: 300px }
#content > .main:after { display: block; content: ''; height: 0; clear: both }
#imagemag { position: absolute; right: -50px; top: -178px; width: 349px; }
body.details #imagemag { right: -30px }
#imagemag img { position: absolute }
#imagemag img.filter { top: 47px; left: 47px }

#tabs { border-bottom: 1px solid #e7e7e7; font-size: 11pt; margin: 20px 0 }
#tabs, #tabcontent, div.aktionen { width: 620px }
#tabcontent:after { display: block; content: ''; height: 0; clear: both }
#tabs .tab { display: inline-block; padding: 12px; margin: 0 2px -1px 2px;
	background: #f7f7f7; color: #888; text-decoration: none;
	border: 1px solid #e7e7e7 }
#tabs .tab.first { margin-left: 0 }
#tabs .tab.active { background: white; border-bottom: 1px solid white;
	color: #1f7955 }
#tabcontent > div { display: none }
#tabcontent > div.active { display: block }

div.zubehoer h3 { color: #007857 }
div.zubehoer .typo3-neos-nodetypes-fourcolumn { background: #ddd;
	background-image: linear-gradient(#ddd,#fff,#f7f7f7,#e7e7e7,#ddd);
	padding: 20px 0 }
div.aktionen { text-align: right }
p.aktionen { text-align: right }
div.aktionen img { vertical-align: middle; margin-right: 5px }

#requestform div.request { width: 50% }
#requestform div.aktionen { width: 93% }
#contact-de button[type=submit], #contact-en button[type=submit],
form.cr_form button[type=submit], form.register input[type=submit],
#requestform input[type=submit] { border: 1px solid #4e967a;
	background: #61a188;
	background-image: linear-gradient(#87b8a5,#3c8b6c); color: white;
	font-weight: bold; font-size: 20px; padding: 10px;
	text-decoration: none; margin: 2px; display: inline-block }
form.cr_form div.submit_container, form.register div.buttons,
#contact-de nav.form-navigation, #contact-en nav.form-navigation {
	text-align: right; padding-right: 7.5% }

#requestform div.login, #requestform div.form { width: 48%; float: left }
#requestform div.form { float: right; width: 49%; padding-left: 14px;
	background: transparent url(../Images/form-border-left.jpg)
	no-repeat 0 0; min-height: 550px }
#requestform:after { display: block; content: ''; height: 0; clear: both }
#requestform .formfields { border: 1px solid #4e967a;
	background: #61a188; color: white; padding: 1%;
	background-image: linear-gradient(#87b8a5,#3c8b6c);
	margin: 30px 0 0 0 }
#requestform div.form .formfields textarea { width: 97% }
#requestform div.form h2,
#requestform div.login h2 { font-size: 14pt }
#requestform div.form .formfields input[type=text],
#requestform div.form .formfields input[type=password] { width: 40% }
#requestform div.form .formfields img { vertical-align: middle }
#requestform div.login div.register { margin: 20px 0 }
#requestform div.login div.register input[type=text],
#requestform div.login div.register input[type=password],
#requestform div.login div.register textarea { width: 98% }
#requestform div.form div.aktionen,
#requestform div.login div.aktionen { width: 100% }
#requestform div.form input[type=text],
#requestform div.form textarea { width: 98% }
#requestform textarea { height: 8em }

p.error { border: 1px solid #007857; padding: 1em 2em; margin: 1em 0;
	font-size: 12pt; font-weight: bold; color: #007857 }

.typo3-neos-nodetypes-form { max-width: 450px }

.two-columns:after { display: block; content: ''; height: 0; clear: both }
.two-columns > .column0 { width: 48%; float: left }
.two-columns > .column1 { width: 48%; float: right; margin-right: 4px }

td.image img.magicon { position: absolute; right: 5px; bottom: 5px;
	z-index: 1 }
td.image a.smallimage { max-width: 80px; position: relative }

#searchform .suggestions { background: white }
#searchform .suggestions a.active { background-color: #87b8a5 }

#mag2-klein { position: absolute; top: -150px; right: 20px; width: 228px;
	height: 202px }
#mag2-klein img { position: absolute }
#mag2-klein img.filter { top: 18px; left: 19px }

div.print { float: left; margin-left: 20px }
a.print { display: inline-block; text-decoration: none; color: black;
	font-size: 11px; line-height: 17px }
a.print img { float: left; margin-right: 5px }

.mobile { display: none }

#pages { display: block; list-style: none; text-align: right;
	margin: .5em 10px; padding: 0 }
#pages li { display: inline-block; width: 2.5em; height: 2.5em;
	list-style: none; margin: 0; padding: 0; text-align: center;
	line-height: 2.5em }
#pages li a { display: block; width: 2.5em; height: 2.5em;
	text-decoration: none; margin-right: 10px; border: 1px solid #eee }
#pages li.current a { background: #007857; color: white;
	border: 1px solid #007857 }
#requested { margin-top: 50px }
#requested > h1 { margin: .2em 0 }

input[type=text].clever_form_error,
textarea.clever_form_error { border: 1px solid #cc0000 }

span.alternate { color: #007857 }

#cookieprefs { z-index: 120 }