@media screen, projection {
	.sbh {
		position: absolute;
		left: -999em;
		top: -999px;
		overflow: hidden;
		height: 1px;
		width: 0;
	}
	a img {
		border: 0;
	}
	* {
		padding: 0;
		margin: 0;
	}
	html,
	body {
		width: 100%;
		height: 100%;
	}
	body {
		font: 62.5% Arial, Helvetica, sans-serif;
	}
	
	.wrapper {
		width: 974px;
		margin: auto;
		padding: 20px 0;
		overflow: hidden;
		zoom: 1;
		font-size: 120%;
	}
	#branding {
		position: relative;
		overflow: hidden;
		margin: 0 0 10px;
		min-height: 3em;
		zoom: 1;
		border-bottom: 1px solid #000;
	}
	.logo {
		display: block;
		float: left;
		padding: 0 20px 5px 0;
	}
	ul#nav {
		position: absolute;
		left: 180px;
		bottom: 9px;
		list-style: none;
		font-size: 110%;
		font-weight: bold;
	}
	#nav li {
		float: left;
		margin: 0 2px;
	}
	#nav a,
	#nav strong
	 {
		display: block;
		padding: 3px 9px;
		text-decoration: none;
		color: #000;
	}
	#nav em {
		font-style: normal;
	}
	#nav .active a,
	#nav a:hover,
	#nav a:focus,
	#nav a:active,
	#nav strong {
		background-color: #000;
		color: #fff;
	}
	#branding h1 {
		position: absolute;
		left: 192px;
		top: 18px;
		font-size: 200%;
	}
	.wrapper-box {
		overflow: hidden;
		zoom: 1;
		padding-bottom: 25px;
		margin-bottom: 10px;
		border-bottom: 1px solid #000;
	}
	#menue {
		float: left;
		width: 180px;
	}
	#menue h3 {
		padding: 20px 22px 12px;
		font-size: 105%;
	}
	#menue ul {
		list-style: none;
	}
	
	#menue li {
		padding: 1px 0 9px;
	}
	#menue li li {
		padding: 1px 0;
	}
	#menue li ul {
		margin-top: 4px;
	}
	#menue a,
	#menue strong {
		display: block;
		padding: 2px 2px 2px 18px;
		color: #000;
		text-decoration: none;
		zoom: 1;
		font-weight: bold;
	}
	#menue em {
		font-style: normal;
	}
	#menue li a:hover,
	#menue li a:focus,
	#menue li a:active,
	#menue li strong {
		background-color: #000;
		color: #fff;
	}
	#menue .active>a {
		background-color: #ccc;
	}
	#menue li ul a,
	#menue li ul strong {
		padding: 2px 2px 2px 28px;
		font-weight: normal;
	}
	#menue li.new a,
	#menue li strong.new {
		padding-right: 30px;
		background-image: url(../img/new-stoerer.png);
		background-position: 155px 3px;
		background-repeat: no-repeat;
	}
	#menue li li ul a,
	#menue li li ul strong {
		padding: 2px 2px 2px 38px;
	}
	
	#footer {
		overflow: hidden;
		zoom: 1;
	}
	#footer a {
		color: #000;
		text-decoration: none;
		display: block;
		padding: 3px 0;
	}
	#footer a:hover,
	#footer a:focus,
	#footer a:active {
		text-decoration: underline;
	}
	#footer a.disclaimer {
		float: left;
	}
	#footer a.to-homepage {
		float: right;
		padding-left: 25px;
		background: url(../img/icons.png) no-repeat 0 -180px;
	}
	#content {
		float: left;
		min-height: 400px;
		margin: 0 12px;
		padding-top: 22px;
		width: 360px;
	}
	
	.special-contact #content {
		display: inline;
		margin-left: 192px;
		padding-top: 10px;
	}
	
	.product-overview #content,
	.product-details #content {
		padding-top: 0;
		width: auto;
	}
	.product-details #content {
		width: 556px;
	}
	.overview #content {
		float: right;
		margin-right: 0;
		width: 775px;
	}
	#content h1 {
		font-size: 130%;
		padding-bottom: 10px;
	}
	.special-contact #content h1 {
		width: 355px;
	}
	#content h2 {
		font-size: 100%;
		padding-bottom: 10px;
	}
	#content p {
		padding-bottom: 10px;
	}
	#content ul {
		padding: 0 0 10px 15px;
	}
	#content li {
		padding: 1px 0;
	}
	#content a {
		color: #000;
	}
	#product-main-photo {
		margin-bottom: 10px;
		width: 556px;
	}
	#product-main-photo h1 {
		text-indent: -9999em;
		height: 0px;
		overflow: hidden;
		padding: 0;
	}
	#product-main-photo img {
		
	}
	#product-photos {
		width: 556px;
		overflow: hidden;
		zoom: 1;
	}
	#product-photos h3 {
		font-size: 110%;
	}
	#product-photos ul {
		list-style: none;
		overflow: hidden;
		zoom: 1;
		padding: 0;
		width: 565px;
	}
	#product-photos li {
		float: left;
		margin: 7px 7px 0 0;
		zoom: 1;
		background: url(../img/bg.png) repeat-y -87px 0;
		padding: 0 !important;
		width: 87px;
		height: 87px;
	}
	
	#product-photos li a {
		overflow: hidden;
		display: block;
		height: 87px;
		width: 87px;
		background: url(../img/bg.png) no-repeat 0 100%;
	}
	#product-photos li img {
		padding: 1px 15px 0 15px;
		background: url(../img/bg.png) no-repeat -174px 0;
	}
	#product-photos a.querr img {
		padding: 14px 2px;
	}
	#product-photos a.more {
		display: block;
		float: right;
		padding: 2px 0 2px 20px;
		background: url(../img/icons.png) no-repeat 0 .2em;
		text-decoration: none;
		
	}
	ul#product-nav {
		overflow: hidden;
		zoom: 1;
		padding: 0;
		list-style: none;
	}
	/* Default 6 elements */
	#product-nav li {
		float: left;
		width: 125px;
		margin-left: 2px;
		padding: 0;
		height: 400px;
		background-position: 50% 0;
		background-repeat: no-repeat;
	}
	#product-nav.elm5 li {
		width: 150px;
	}
	#product-nav.elm4 li {
		width: 188px;
	}
	#product-nav.elm3 li {
		width: 253px;
	}
	#product-nav.elm2 li {
		width: 383px;
	}
	#product-nav a {
		display: block;
		height: 100%;
		text-decoration: none;
	}
	#product-nav span {
		display: block;
		width: 24px;
		height: 100%;
		background-color: #fff;
	}
	ul#partner-overview,
	ul#product-overview {
		overflow: hidden;
		zoom: 1;
		margin: 0 0 10px -5px;
		padding: 0;
		list-style: none;
		width: 556px;
	}
	ul#partner-overview li,
	#product-overview li {
		float: left;
		margin: 0 5px 10px;
	}
	#partner-overview .img,
	#product-overview img {
		display: block;
		width: 150px;
		height: 150px;
		padding: 3px 4px 2px 2px;
		background: url(../img/product-border.png) no-repeat 0 0;
	}
	#partner-overview .img {
		margin: 0 0 5px;
	}
	#partner-overview p {
		padding: 0 0 5px;
	}
	ul.paper-download {
		list-style: none;
		margin: 40px 0 10px;
	}
	.paper-download li {
		margin: 2px 0;
	}
	.paper-download a {
		background: url(../img/icons.png) no-repeat 0 -58px;
		padding: 2px 0 2px 30px;
		display: block;
		color: #000;
	}
	.input-box {
		width: 180px;
		float: left;
		margin-bottom: 10px;
	}
	.input-box-mod {
		float: right;
	}
	label {
		display: block;
		padding-bottom: 2px;
		font-weight: bold;
	}
	.checkbox label {
		display: inline;
		display: inline-block;
	}
	.input-box input {
		width: 150px;
	}
	
	.input-box input, 
	textarea {
		border: 1px solid #c8c8c8;
		padding: 1px;
	}
	.checkbox input {
		width: auto;
		border: none;
	}
	div.l {
		width: 260px;
	}
	div.l input {
		width: 230px;
	}
	div.s {
		width: 100px;
	}
	div.s input {
		width: 70px;
	}
	div.xl {
		width: 350px;
		float: none;
	}
	div.xl input {
		width: 330px;
	}
	textarea {
		width: 330px;
		height: 100px;
		margin-bottom: 10px;
	}
	.special-contact textarea {
		height: 76px;
	}
	.error textarea,
	.error input {
		border: 1px solid #c30;
	}
	p.error,
	p.success {
		padding-left: 25px;
		background: url(../img/error.png) no-repeat 0 0;
	}
	p.success {
		background-image: url(../img/success.png);
	}
	form  {
		margin-bottom: 20px;
	}
	/* dealer-search */
	#dealer-search div {
		margin-bottom: 10px;
	}
	#dealer-search label {
		float: left;
		width: 5em;
		max-width: 360px;
	}
	#dealer-search #filter {
		width: 5em;
	}
	dl.vcard {
		overflow: hidden;
		margin-bottom: 10px;
	}
	dt.fn {
		margin-bottom: 2px;
		padding: 2px 10px;
		background-color: #eaeaea;
		font-weight: bold;
		font-size: 105%;
	}
	.vcard dd,
	dd.adr {
		overflow: hidden;
		zoom: 1;
		padding: 2px 10px;
	}
	dd.adr {
		float: left;
		width: 14.2em;
		padding-right: 0;
		max-width: 360px;
	}
	dd.adr-extra {
		float: right;
		width: 14.2em;
		padding: 2px 0;
		max-width: 360px;
	}
	.vcard dd em {
		display: block;
		padding: 1px 0;
		font-style: normal;
	}
	dd.adr em:last-child {
		padding-right: 0;
	}
	#sidebar {
		float: left;
		width: 365px;
		min-height: 400px;
		zoom: 1;
	}
	.special-contact #sidebar img {
		display: block;
		margin-top: 10px;
	}
	.special-contact #sidebar {
		width: 410px;
	}
	.product-details #sidebar {
		float: right;
		width: 210px;
	}
	.box {
		margin-bottom: 15px;
	}
	.box .atmo {
		display: block;
		padding: 1px 2px 3px 2px;
		background: url(../img/bg.gif) no-repeat -3912px 0;
		font-size: 110%;
	}
	.box h1 {
		margin-bottom: 25px;
		padding: 5px 10px;
		font-size: 120%;
		background-color: #000;
		color: #fff;
	}
	.box h1.new {
		padding-right: 30px;
		background-image: url(../img/new-stoerer.png);
		background-position: 180px 6px;
		background-repeat: no-repeat;
	}
	.box p {
		padding: 0 2px 10px;
	}
	ul#patterns-colors {
		list-style: none;
		padding: 0 0 10px;
	}
	#patterns-colors li {
		padding: 0 0 5px;
	}
	/* homepage */
	.hp .wrapper {
		width: 960px;
	}
	.hp #branding {
		overflow: visible;
		margin: 0;
		border: none;
		z-index: 998;
	}
	#branding form {
		float: right;
		overflow: hidden;
	}
	#branding form:after,
	ul#home-nav:after {
		content: ".";
		display: block;
		clear: both;
		height: 0px;
		width: 0px;
		overflow: hidden;
	}
	#branding label {
		font-weight: normal;
	}
	#branding select {
		width: 135px;
		min-width: 5em;
	}
	ul#home-nav {
		clear: both;
		margin-top: 5px;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		list-style: none;
		zoom: 1;
	}
	ul#home-nav li {
		float: left;
		padding: 1px;
		list-style: none;
	}
	
	ul#home-nav li ul {
		display: none;
		width: 16em;
		position: absolute;
		background-color: #fff;
		z-index: 999;
		margin-top: 1px;
		border-top: 1px solid #000;
	}
	ul#home-nav li:hover ul,
	ul#home-nav li.over ul {
		display: block;
		
	}
	ul#home-nav li li {
		width: 100%;
	}
	ul#home-nav a,
	ul#home-nav span {
		display: block;
		padding: 2px 15px;
		color: #000;
		text-decoration: none;
		font-size: 110%;
	}
	ul#home-nav li ul a {
		zoom: 1;
	}
	ul#home-nav a:hover,
	ul#home-nav a:focus,
	ul#home-nav a:active {
		color: #fff;
		background-color: #000;	
	}
	ul#company-showcases {
		position: relative;
		overflow: hidden;
		padding-bottom: 10px;
		height: 390px;
		border-bottom: 1px solid #000;
		list-style: none;
		z-index: 1;
	}
	#company-showcases li {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
	}
	#company-showcases li.active {
		z-index: 9;
	}
	ul#company-logos {
		overflow: hidden;
		zoom: 1;
		margin-bottom: 25px;
		list-style: none;
		border-bottom: 1px solid #000;
	}
	#company-logos li {
		float: left;
		padding: 3px;
	}
	#company-logos a {
		display: block;
		padding: 3px 32px;
	}
	/* lightbox */
	#pf-box {
		position: absolute;
		top: 30px;
		left: 50%;
		margin-left: -395px;
		width: 690px;
		padding: 30px 50px 30px;
		background-color: #fff;
		
	}
	#pf-box.furnier-box {
		margin-left: -350px;
		width: 600px;
	}
	#pf-box h3 {
		font-size: 140%;
		margin: 0 0 10px;
	}
	#pf-box .next,
	#pf-box .prev {
		display: block;
		position: absolute;
		top: 0;
		width: 19px;
		height: 19px;
		background: url(../img/pfeile.png) no-repeat 0 0;
		overflow: hidden;
		text-indent: -999em;
	}
	#pf-box .next {
		right: -30px;
		background-position: -19px 0;
	}
	#pf-box .prev {
		left: -30px;
	}
	#pf-box a.close {
		position: absolute;
		top: -55px;
		font-size: 120%;
		margin-top: -2em;
		right: -50px;
		color: #fff;
	}
	#pf-box.furnier-box a.close{
		right: -245px;
		top: -55px;
		color: #fff;
	}
	.main-view {
		position: relative;
		width: 690px;
		height: 412px;
		margin: 0 0 20px;
	}
	.furnier-box .main-view {
		width: 400px;
		height: 500px;
	}
	.main-view-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 690px;
		height: 412px;
	}
	.furnier-box .main-view-inner {
		width: 400px;
		height: 500px;
	}
	.main-view-inner img {
		display: block;
		margin: 0 auto;
	}
	ul#picture-select {
		list-style: none;
		zoom: 1;
	}
	.furnier-box #picture-select {
		position: absolute;
		margin-top: 2em;
		top: 90px;
		right: 39px;
		width: 200px;
	}
	#picture-select li {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		zoom: 1;
	}
	.furnier-box #picture-select li {
		float: none;
		margin: 0 0 5px;
	}
	#picture-select a {
		position: relative;
		border: 1px solid #ddd;
		display: block;
		width: 60px;
		height: 60px;
		background-color: #fff;
		overflow: hidden;
	}
	#picture-select a.querr {
		padding-top: 10px;
		height: 50px;
	}
	#picture-select a:hover,
	#picture-select a:focus,
	#picture-select a:active {
		width: 80px;
		height: 80px;
		margin: -10px;
	}
	.furnier-box #picture-select a {
		position: static;
		border: none;
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
	}
	#picture-select a.querr:hover,
	#picture-select a.querr:focus,
	#picture-select a.querr:active {
		height: 70px;
	}
	#picture-select img {
		display: block;
		margin: 0 auto;
		height: 100%;
		width: auto;
		padding: 0 !important;
	}
	#picture-select .querr img {
		height: auto;
		width: 100%;
	}
	#overlay{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #000;
		display: none;
	}
	* html #overlay {
		position: absolute;
	}
	/**/
	#content ul#download-list {
		list-style: none;
		padding: 5px 0 20px; 
	}
	ul#download-list h2 {
		padding-bottom: 5px;
	}
	ul#download-list h2 a {
		text-decoration: none;
	}
	ul#download-list ul {
		list-style: none;
		padding: 0 0 15px;
	}
	ul#download-list ul a,
	ul#download-list .pdf a {
		display: block;
		padding: 4px 0 5px 25px;
		background: url(../img/icons.png) no-repeat scroll 0pt -58px;
	}
	
	a.pdf {
		display: block;
		padding: 4px 0 5px 25px;
		background: url(../img/icons.png) no-repeat scroll 0pt -58px;
	}
	div.special-teaser {
		margin: 10px 0;
		border: 1px solid #000;
		padding: 5px 10px 0 25px;
		font-size: 110%;
		font-weight: bold;
	}
	div.special-teaser p {
		float: left;
		margin: 25px 5px 5px 0;
	}
	div.special-teaser a {
		color: #000;
	}
	#sidebar div.special-teaser img {
		margin-top: 0;
	}
	.teaser-news {
		overflow: hidden;
		zoom: 1;
		border-top: 1px solid #000;
		margin: 15px 0 0;
		padding: 15px 0 0;
	}
	#content .teaser-news h2 {
		font-size: 140%;
	}
	em.date {
		font-style: normal;
		margin: 0 0 3px;
	}
	.teaser-news h2 a {
		text-decoration: none;
	}
	.teaser-news h2 a:hover,
	.teaser-news h2 a:focus,
	.teaser-news h2 a:active {
		text-decoration: underline;
	}
	.teaser-news:first-child {
		border: none;
		margin: 0;
		padding: 0;
	}
	.teaser-news .teaser-box {
		float: left;
		width: 540px;
	}
	.teaser-news img {
		float: left;
		display: block;
		margin: 0 0 0 30px;
	}
}
