/* SENSOflex */
/* Tino Urbiks Maerz 2009 */

@import url(reset.css);
@import url(helper.css);

body {
	font-family: "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	background-color:#000;
	text-align: center;
/*	overflow: -moz-scrollbars-vertical;*/
	overflow-y: scroll;
}
p.error,
.error {
	color: red!important;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: white;
	padding: 5px;
}
.verschickt  {
	color: #000!important;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: white;
	padding: 5px;
}

#contentMeta a {
	color: #fff;
}
#produkte a:hover,
#contentMeta a:hover  {
	color: #e2003b;
	text-decoration: none;
}
.dwldProspecteAbb img:hover  {
	border: 1px solid #e2003b;
}
#centern {
	margin: 0px auto;
	position: relative;
	width: 987px;
	text-align: left;
	font-size: 0.625em; /* 1em is 10px */
}

#intro {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	height: 640px;
}

#logo {
	margin: 18px 0 0 808px;
	position: absolute;
	z-index: 30;
}

.produktAbb .floatLeft {
	width: 220px;
	padding: 10px 10px 0 0;
}

#footer .floatLeft {
	width: 320px;
	padding: 0;
}
/* @group Typen fuer den Inhalt */
#content {
	/*min-height: 400px;*/
	padding: 180px 0 0 0;
}
#contentMeta {
	/*min-height: 400px;*/
	padding: 140px 0 0 0;
}
#conInhalte {
	font-size: 1.3em;
	text-align: left;
	width: 987px;
	min-height: 600px;
	border-bottom: 1px solid #0b0a0d;
	position: absolute;
	background-image: url(../images/background.jpg);
}
#conUebersicht {
	font-size: 1.3em;
	text-align: left;
	width: 987px;
	background-image: url(../images/background.jpg);
	height: 640px;
	border-bottom: 1px solid #0b0a0d;
	position: absolute;
}
#conInhalteStart {
	font-size: 1.3em;
	text-align: left;
	width: 987px;
	height: 640px;
	position: absolute;
}
/* @end */

/* @group Footer Start und Normal */
#footerStart {
	width: 787px;
	color: #999;
	margin: 609px 0 0 100px;
	border-top: 1px solid #999;
	padding: 8px 0 12px 0;
	font-size: 12px;
	position: absolute;
}
#footer {
	clear: both;
	width: 787px;
	color: #999;
	margin: 0 0 0 100px;
	border-top: 1px solid #999;
	padding: 8px 0 12px 0;
	font-size: 12px;
}
/* @end */

#produkte {
	min-height: 380px;
	margin-bottom: 20px;
	padding: 28px 0 0 0;
	background-color: #fff;
}
#metaSeiten {
	min-height: 380px;
	padding-bottom: 20px;
}
.produktAbb {
	float: right;
	width: 500px;
	padding: 80px 100px 0 0;
}
.SENSO650 .produktAbb {
	padding-top: 60px;
}
/* Hier die unterschiedlichen Abstaende der produktAbb zum oberen Rand */
.farbenWechsel {
	padding-top: 0;
	padding-bottom: 0px;
	margin-top: -105px;
}
.mitMatratze {
	padding-top: 30px;
}
.farbenWechsel img {
	display: block;
}
.ideen {
	padding-top: 0;
}

/* @group Heaendler bereich mit Postleitzahlen */
ul#postleitzahlen li {
	float: left;
	list-style-type: none;
}
ul#postleitzahlen li a {
	display: block;
	float: left;
	color: #fff;
	font-size: 1.1em;
	float: left;
	border: 1px solid #fff;
	padding: 4px 8px 4px 8px;
	text-align: center;
	margin-right: 5px;
}
ul#postleitzahlen li a:hover {
	background-color: #fff;
}
ul#postleitzahlen a.active {
	background-color: #fff;
	color: #e2003b;
}

#haendler_data {
	height:330px;
	overflow:hidden;
	font-size: 1.1em;
	}
#haendler_data td {
	font-size: .8em;
	}
ul#forBack {
	padding-top: 15px;
	position:absolute;
	top:480px;
	left:455px;
}
ul#forBack li {
	float: left;
	list-style-type: none;
}
ul#forBack li a {
	display: block;
	float: left;
	color: #fff;
	font-size: 1.1em;
	border: 1px solid #000;
	padding: 4px 8px 4px 8px;
	text-align: center;
	margin-right: 5px;
}
ul#forBack li p {
	padding-left: 10px;
	padding-right: 14px;
	padding-top: 5px;
	font-size: 1em;
}
ul#forBack li a:hover {
	background-color: #fff;
}
ul#forBack a.active {
	background-color: #fff;
	color: #e2003b;
}
table {
	border: 0;
	margin: 20px 0 0 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
td {
	padding: 0 20px 0 0;
	vertical-align: top;
}
/* @end */

/* @group Prospekt Download klein in den Contentseiten unten */
#prospektDwnld {
	color: #666;
	clear: both;
	width: 200px;
	height: 70px;
	margin: 0 0 0 36px;
	padding: 0 0 10px 0;
}
#prospektDwnld img {
	float: left;
	padding:  0 15px 0 0;
}
#prospektDwnld h1 {
	font-size: 1em;
	margin: 0;
}
.prospectText {
	padding: 0 0 8px 0;
	float: left;
}
#prospektDwnld .download a {
	background: url(../images/download_Icon.gif) no-repeat right center;
	height: 20px;
	padding-right: 20px;
	font-size: .9em;
}
/* @end */

/* @group Prospekte und Download bei prospekte.php */
.ContainerdwldProspecte {
	margin: 0 0 0 367px;
	padding-bottom: 20px;
	width: 620px;
	min-height: 430px;
}
.dwldProspecte {
	float: left;
	padding: 0 26px 15px 0;
}
.dwldProspecteLast {
	float: left;
	padding: 0 0 15px 0;
}
.dwldProspecteAbb {
	width: 110px;
	padding-bottom: 10px;
}
.dwldProspecteAbb img {
	width: 110px;
	border: 1px solid #fff;
}
.dwldProspecteText {
	color: #fff;
}
.dwldProspecte .download,
.dwldProspecteLast .download {
	padding-top: 10px;
}
.dwldProspecte .download a,
.dwldProspecteLast .download a {
	background: url(../images/download_Icon_white.gif) no-repeat right center;
	height: 20px;
	padding-right: 20px;
	font-size: .9em;
}
p.postversand {
	float: right;
	padding: 30px 100px 0 0;
}
p.postversand a {
	background: url(../images/senden.gif) no-repeat right 3px;
	padding-right: 30px;
	text-decoration: none;
}
/* @end */

/* @group Die Texte */
.texte {
	color: #f2f2f2;
	width: 240px;
	padding: 0 0 0 100px;
	margin-top: 190px;
	position: absolute;
	font-size: 1.1em;
	line-height: 1.3em;
}
.texte a {
	text-decoration: underline;
	color: #333;
}
#produkte .texte {
	color: #666;
	margin: 1px 0 15px 0;
	float: left;
	position: relative;
	min-height: 285px;
}
.floatLeft p {
	color: #666;
	font-size: 1.1em;
	line-height: 1.3em;
}
/* Texte ausblenden */
#sensoflex300,
#sensoflex400,
#sensoflex500,
#sensoflex600,
#sensoflex700,
#sensoflex800,
#sensoflex2000,
#sensoflex3000,
#sensoflex4000,
#sensoflex4000mit,
#anpassung,
#hygiene,
#komfort,
#klima,
#schlaf {
	display: none;
}
/* @end */

.texteMeta {
	margin: 0 0 0 557px;
	padding-bottom: 20px;
	width: 355px;
	min-height: 430px;
}

.haendler .texteMeta {
	margin-left: 460px;
	width: 425px;
}

h1 {
	font-size: 1.4em;
	padding-bottom: 12px;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
	padding-bottom: 12px;
	margin-top: -12px;
	font-weight: normal;
}
.texteMeta h1 {
	font-size: 1.4em;
	padding-bottom: 12px;
	font-weight: normal;
	color: #fff;
}

.texteMeta p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: 10px;
}
.texteMeta label {
	float: left;
	width: 100px;
	overflow: hidden;
	font-size: 1.1em;
	color: #fff;
}
.texteMeta fieldset input {
	float: left;
	border: 1px solid #fff;
	width: 190px;
	padding: 3px;
}
.texteMeta input.button {
	width: 100px;
	margin-bottom: 15px;
	cursor: pointer;
}
fieldset {
	border: none;
}
#prospekteBestellen {
	position: absolute;
	margin: -350px 0 0 -458px;
}
#prospekteBestellen .floatLeft {
	width:90px;
	margin-right: 10px;
	padding: 3px;
}
#prospekteBestellen .floatLeft input {
	margin: 5px 5px  0 0;
}
.formItem {
	clear: left;
	padding-bottom: 8px;
	height: 20px;
}

.formSend {
	clear: left;
	padding-bottom: 8px;
	height: 20px;
	padding-left: 100px;
}

/* @group Farben Produkte und die Unterfederungen */
#produktFarben {
	padding: 0 0 0 300px;
	white-space: nowrap;
}
.farbeOlive,
.farbeLack,
.farbeSchwarz,
.farbeKernolive  {
	width: 35px;
	height: 45px;
	border: 5px solid #fff;
	float: left;
	cursor: pointer;
}
.farbeOlive {
	background: url(../images/farben_olive.gif) no-repeat;
}
.farbeLack {
	background: url(../images/farben_lack.gif) no-repeat;
}
.farbeSchwarz {
	background: url(../images/farben_schwarz.gif) no-repeat;
}
.farbeKernolive {
	background: url(../images/farben_kern_olive.gif) no-repeat;
}
#produktFarben p {
	padding-left: 5px;
}
#PICfarbeLack,
#PICfarbeSchwarz,
#PICfarbeKernolive,
.TEXTfarbeLack,
.TEXTfarbeSchwarz,
.TEXTfarbeKernolive,
#PIC2000_2,
#PIC2000_3,
#PIC2000_4,
#PIC2000_1,
#PIC3000_2,
#PIC3000_3,
#PIC3000_4,
#PIC3000_1,
.TEXT2000B,
.TEXT2000C,
.TEXT2000D,
.TEXT2000A,
.TEXT3000B,
.TEXT3000C,
.TEXT3000D,
.TEXT3000A {
	display: none;
}
.unterA1,
.unterA2,
.unterA3,
.unterA4,
.unterA5,
.unterB1,
.unterB2,
.unterB3,
.unterB4,
.unterB5 {
	width: 75px;
	height: 33px;
	float: left;
	cursor: pointer;
	padding: 10px 10px 0 0;
}
.unterThumbs {
}
.unterA1 {
	background: url(../images/produkte/sensoflex2000_1_thumb.jpg) no-repeat;
}
.unterA2 {
	background: url(../images/produkte/sensoflex2000_2_thumb.jpg) no-repeat;
}
.unterA3 {
	background: url(../images/produkte/sensoflex2000_3_thumb.jpg) no-repeat;
}
.unterA4 {
	background: url(../images/produkte/sensoflex2000_4_thumb.jpg) no-repeat;
}
.unterA5 {
	background: url(../images/produkte/sensoflex2000_5_thumb.jpg) no-repeat;
}
.unterB1 {
	background: url(../images/produkte/sensoflex3000_1_thumb.jpg) no-repeat;
}
.unterB2 {
	background: url(../images/produkte/sensoflex3000_2_thumb.jpg) no-repeat;
}
.unterB3 {
	background: url(../images/produkte/sensoflex3000_3_thumb.jpg) no-repeat;
}
.unterB4 {
	background: url(../images/produkte/sensoflex3000_4_thumb.jpg) no-repeat;
}
.unterB5 {
	background: url(../images/produkte/sensoflex3000_5_thumb.jpg) no-repeat;
}
/* @end */

/* @group Bilder und Licht oben */
.lichtOben {
	position: absolute;
	width: 987px;
	height: 600px;
	background: url(../images/lichtoben.png) no-repeat center top;
}
.bildA {
	background: url(../images/bildA.jpg) no-repeat center bottom;
	width: 987px;
	height: 600px;
	position: absolute;
}
.bildB {
	background: url(../images/bildB.jpg) no-repeat center bottom;
	width: 987px;
	height: 600px;
	position: absolute;
}
.bildC {
	background: url(../images/bildC.jpg) no-repeat center bottom;
	width: 987px;
	height: 600px;
	position: absolute;
}
.bildD {
	background: url(../images/bildD.jpg) no-repeat center bottom;
	width: 987px;
	height: 600px;
	position: absolute;
}
.bildE {
	background: url(../images/bildE.jpg) no-repeat center bottom;
	width: 987px;
}
.bildF {
	background: url(../images/bildF.jpg) no-repeat center bottom;
	width: 987px;
}
.bildG {
	background: url(../images/bildG.jpg) no-repeat center bottom;
	width: 987px;
}
/* @end */

/* @group Rollover Lichteffekt oben */
.rolloverA,
.rolloverB,
.rolloverC,
.rolloverD {
	position: absolute;
	background: url(../images/rollover.png) no-repeat;
	display: none;
	z-index: 2;
	width: 167px;
	height: 167px;
}
.rolloverE,
.rolloverF,
.rolloverG,
.rolloverH {
	position: absolute;
	background: url(../images/rollover.png) no-repeat;
	z-index: 2;
	display: none;
	width: 167px;
	height: 167px;
}
.rolloverA,
.rolloverE {
	padding-left: 44px;
	background-position: 44px 20px;
}
.rolloverB,
.rolloverF {
	padding-left: 144px;
	background-position: 144px 20px;
}
.rolloverC,
.rolloverG {
	padding-left: 254px;
	background-position: 254px 20px;
}
.rolloverD,
.rolloverH {
	padding-left: 374px;
	background-position: 374px 20px;
}
/* @end */

/* @group Top Navigation */
ul#topNavi {
	color: #999;
	font: 1em Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #999;
	clear: right;
	position: absolute;
	margin: 86px 0 0 100px;
	width: 787px;
	z-index: 3;
}
ul#topNavi li {
	list-style-type: none;
	display: block;
	float: left;
}
ul#topNavi li a {
	float: left;
	margin-right: 25px;
	padding-bottom: 8px;
	color: #999;
	cursor: pointer;
}
ul#topNavi li a:hover {
	color: #f2f2f2;
}
/* @end */

/* @group Matratzen Navigation */
#conInhalteStart ul#naviMatratzen,
#conInhalteStart ul#naviUnterfederungen,
#conInhalteStart ul#naviBettsystem,
#conInhalteStart ul#naviIdeen {
	display: none;
}
ul#naviMatratzen,
ul#naviUnterfederungen,
ul#naviBettsystem,
ul#naviIdeen {
	color: #999;
	font: 1em "Arial Narrow", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	clear: right;
	position: absolute;
	margin: 114px 0 0 100px;
	width: 777px;
	text-align: center;
	z-index: 5;
}
ul#naviMatratzen li,
ul#naviUnterfederungen li,
ul#naviBettsystem li,
ul#naviIdeen li {
	list-style-type: none;
	float: left;
	margin-right: 25px;
	padding-bottom: 8px;
}
ul#naviMatratzen li a,
ul#naviUnterfederungen li a,
ul#naviBettsystem li a,
ul#naviIdeen li a {
	color: #999;
	height: 20px;
	cursor: pointer;
}
ul#naviMatratzen li a:hover,
ul#naviUnterfederungen li a:hover,
ul#naviBettsystem li a:hover,
ul#naviIdeen li a:hover {
	color: #f2f2f2;
}
/* @end */

/* @group Navigation Footer */
ul#footerNavi {
	color: #999;
}
ul#footerNavi li {
	list-style-type: none;
	float: left;
	padding-left: 16px;
}
ul#footerNavi li a {
	color: #999;
}
ul#footerNavi li a:hover {
	color: #f2f2f2;
}
/* @end */

/* @group Navigation allgemein */
li.current a {
	color: #f2f2f2!important;
}
li.current {
	opacity:1!important;
}
/* @end */
#soundButton {
	position: absolute;
	z-index: 1000;
	margin: 570px 0 0 853px;
	width: 100px;
	height: 100px;
}
.sensoflex800 .produktAbb {
	padding-top: 40px;
}
.sensoflex4000 #prospektDwnld {
	margin: 0 0 0 -65px;
	padding: 70px 0 10px 0;
}
.senso4000 {
	height: 224px;
}
p.small {
	padding-top: 10px;
	font-size: 12px;
}