body, td, th { font-size: 12pt }

#header, #teaser, #content, #footer,
#header .main, #teaser .main, #footer .main {
	width: 100%; min-width: 0; max-width: 100% }
#footer { padding: 10px 0 }
#footer .main,
#content .main { width: 450px; min-width: 0; max-width: 450px;
	margin: 0 auto }

#header div.menu { width: 200px }

body.landingpage #filtersearch,
#filtersearch { width: 480px; min-width: 480px; height: auto }
body.landingpage #filtersearch { height: auto; background: white }
body.landingpage #filtersearch .filtersamples { display: none }
#filtersearch .main { width: 480px; max-width: 480px; padding: 0; margin: 0 }
#loginform { width: 460px; padding: 10px; background: #ddd;
	background-image: linear-gradient(#eee, #ccc);
	border: 1px solid #ccc; height: auto }
#loginform input[type=text], #loginform input[type=password] { width: 180px }
div.basketlink { font-size: 11pt }
#searchform { height: auto; background: #61a188; width: 460px; padding: 10px;
	background-image: linear-gradient(#87b8a5,#3c8b6c);
	border: 1px solid #3c8b6c }
#searchform input[type=text] { font-size: 12pt; width: 370px }
body.merkzettel #headerback, body.liste #headerback, body.list #headerback,
body.detail #headerback, body.details #headerback,
#headerback { display: none }

#imagemag { display: block; float: right; position: static; width: auto }
#imagemag img { display: none }
#imagemag img.filter { display: inline-block; position: static; float: right;
	top: 0; right: 0 }
#tabs { clear: both; padding-top: 10px  }
#tabcontent { width: 100% }

.typo3-neos-nodetypes-twocolumn .column,
.typo3-neos-nodetypes-threecolumn .column { float: none; width: 100%;
	margin: 0 }
.typo3-neos-nodetypes-fourcolumn .column { width: 48% }

.imagemag, #mag2-klein { display: none }
div.print, a.print { display: none }

#teaser .left, #teaser .right { width: 480px }
.teaser-support > a { display: none }
.teaser-newsletter { display: none }

#footer .typo3-neos-nodetypes-threecolumn .column { width: 37%; float: left }
#footer .typo3-neos-nodetypes-threecolumn .column + .column { width: 55%;
	float: left }
#footer .typo3-neos-nodetypes-threecolumn .column + .column + .column {
	width: 400px; float: right }

.mobile { display: block }
table.mobile { display: table }
.desktop { display: none }

#header .langsel, #header .openmenu { float: right; margin: 10px 5px 0 0 }
#header .langsel { padding: 6px 2px; border: 1px solid #ddd; line-height: .9 }

#header .menu.desktop { display: none; clear: both; width: 100% }
#header .menu ul { display: block; width: 100%; margin: 0; padding: 0 }
#header .menu ul > li { border-top: 1px solid #ddd; width: 480px; margin: 0;
	padding: 0; display: block; list-style: none }
#header .menu ul > li a { display: block; padding: 10px; margin: 0 }
#header .menu.landingpage ul > li,
#header .menu ul > li.current { background: transparent }

#header .lang.desktop { display: none; clear: both; width: 100%;
	text-align: left; margin: 0; padding: 0 }
#header .lang ul { padding: 0; list-style: none; height: auto }
#header .lang ul > li { margin: 0; padding: 0; width: 100%; display: block;
	background-position: 10px 14px; float: none; list-style: none;
	height: auto }
#header .lang ul > li > a { display: block; padding: 10px 10px 10px 35px;
	margin: 0; border-top: 1px solid #ddd; width: auto; height: auto;
	text-align: left; float: none }
#header .lang ul > li > a > span { display: inline }

div.filterliste { font-size: 14pt; margin-top: 20px }
div.filterliste .filtername { background: #61a188; color: white;
	font-weight: bold; text-align: center }
div.filterliste .image { text-align: center }
div.filterliste .image img { min-width: 60% }
div.filterliste label { float: left; width: 49%; margin: 5px 1% 0 0 }
div.filterliste span.text { display: block; float: left; width: 49%;
	margin: 5px 0 0 0 }
div.filterliste div.clear { height: 0; line-height: 0; clear: both }
div.filterliste div.aktionen { position: relative; padding: 5px 20px;
	margin: 0; width: auto; height: auto; text-align: left }
div.filterliste div.aktionen img { vertical-align: middle }
div.filterliste div.aktionen a.request { font-size: 14pt;
	position: absolute; top: 10px; left: 220px }


#requestform div.login, #requestform div.form,
#requestform div.request { width: 100% }
#requestform div.form { background: transparent }