* html div.floatClear
{
	height: 1%;
	overflow: visible;
}

*+html div.floatClear
{
	min-height: 1%;
}

div.floatClear:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

html
{
	position: relative;
}

body
{
	background: #d9d9d9 url(../img/body.jpg) repeat-x center top;
	text-align: center;
	margin: 0;
	padding: 0;
	position: relative;
}

div#pageWrapper
{
	position: relative;
}

body, table, td, th
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #333;
}

div, form, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

h1
{
	margin: 0 0 .35em 0;
	padding: 0;
	font-family: "Helvetica Neue", helvetica, arial;
	font-weight: 200;
	color: #999;
}

h1.withoutH2
{
	margin-bottom: 1.10em;
}

h2, h3
{
	font-size: 9pt;
	font-weight: bold;
}

div#agb h3
{
	font-style: italic;
}

h2,
p
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

div.contentColumn ul
{
	margin: 0 0 1.5em 1em;
	padding: 0;
}

div.contentColumn li
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

h2, h3
{
	padding-top: 1.5em;
}

p
{
	margin-bottom: 1em;
}

p.withoutH2
{
	padding-top: 1.5em;
}

p.formRow
{
	margin-bottom: 0;
}

div.formBox
{
	background-color: #efefef;
	padding: 10px 15px;
	margin-top: 30px;
}

div.formBox div.leftAlign p.formRow,
div.formBox div.rightAlign p.formRow
{
	clear: both;
	float: left;
	margin: 5px 0;
}

div.formBox div.rightAlign p.formRow
{
	float: right;
}
div.formBox label
{
	width: 79px;
	display: block;
	float: left;
	height: 21px;
}

div.formBox input
{
	display: block;
	float: left;
	border: solid 1px #7e9cb6;
	background-color: #fff;
	height: 20px;
	width: 170px;
}


a
{
	color: #ed1c2e;
}

a img
{
	border: none;
}

div#pageWrapper
{
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	width: 899px;
}

div#pageBody
{
	padding: 20px 15px 15px 15px;
}

div#headerWrapper
{
	position: relative;
	height: 50px;
	background: transparent url(../img/logo.png) no-repeat left top;
}

a#headerHomeLink
{
	display: block;
	position: absolute;
	height: 50px;
	top: 0;
	left: 0;
	width: 260px;
}

a#headerHomeLink span.alt
{
	display: none;
}

ul#navigation,
ul#navigation li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#navigation
{
	position: absolute;
	right: 0px;
	bottom: 2px;
}

ul#navigation li
{
	float: left;
	display: inline;
	margin-left: 30px;
}

ul#navigation li a
{
	color: #999;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}

ul#navigation li a:hover
{
	color: #666;
}

body.home ul#navigation li#navHome a,
body.dienstleistungen ul#navigation li#navDienstleistungen a,
body.produkte ul#navigation li#navProdukte a,
body.firma ul#navigation li#navFirma a,
body.kontakt ul#navigation li#navKontakt a
{
	color: #ed1c2e;
	cursor: default;
}

div#assetWrapper
{
	margin-top: 15px;
	margin-bottom: 15px;
}

div#slidePanel
{
	position: relative;
	height: 400px;
	overflow: hidden;
	background-color: #eee;
}

div#smSlidePanel
{
	position: relative;
	height: 284px;
	overflow: hidden;
	background-color: #eee;
	float: right;
	width: 663px;
}

div.slide
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

div.slideCaption
{
	position: absolute;
	left: -269px;
	top: 0px;
	z-index: 200;
	width: 869px;
	height: 400px;
}

div.slideCaptionLeft
{
	left: 269px;
}

div.slideCaptionRight
{
}

img.slideCaptionImageRight
{
	position: absolute;
	left: 442px;
	top: 15px;
}

img.slideCaptionImageLeft
{
	position: absolute;
	left: 15px;
	top: 15px;
}
div#slidePanel div#slideNav
{
	display: none;
}

div#slideNav
{
	position: absolute;
	left: 15px;
	bottom: 15px;
	height: 20px;
	z-index: 999;
}

div#slideNav span
{
	display: block;
	float: left;
	margin-right: 5px;
	background-color: #000;
	line-height: 20px;
	width: 20px;
	text-align: center;
	height: 20px;
	color: #666;
	cursor: pointer;
}

div#slideNav span.current
{
	color: #fff;
}

div#teasers
{
	background: transparent url(../img/teaser-faux-bg.png) repeat-y left top;
}

div#teasers2
{
	background: transparent url(../img/textTeaser-bg.png) no-repeat left top;
}

div.teaser
{
	width: 206px;
	margin-right: 15px;
	float: left;
	display: inline;
}

div.teaser h2
{
	margin: 0;
}

div.textTeaser
{
	padding: 15px 0 10px 0;
}

div.textTeaser h2,
div.textTeaser p
{
	margin: 0;
	padding: 0 15px;
}

div.textTeaser p
{
	padding: 0 15px 5px 15px;
}

div.imageTeaser h2
{
	background-color: #000;
	color: #fff;
	font-size: 11pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div.badTeaser h2
{
	background-color: #8b010d;
}

div.plattliTeaser h2
{
	background-color: #ed1c2e;
}

div.imageTeaser h2 a
{
	display: block;
	margin: 0;
	padding: 2px 10px;
	color: #fff;
	text-decoration: none;
}

div.imageTeaser p,
div.imageTeaser p a,
div.imageTeaser p a img
{
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}

div#footerWrapper
{
	padding: 10px 15px;
	background-color: #f0f0f0;
	color: #666;
}

div#footerWrapper p,
div#footerWrapper address
{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	float: left;
	font-size: 9pt;
	line-height: 1em;
}

div#footerWrapper address
{
	margin-left: 15px;
	display: inline;
}

/* Content Page Classes */

div.contentColumn
{
	width: 633px;
	float: right;
	padding-top: 15px;
}

div.text412
{
	width: 412px;
}

div.text532
{
	width: 532px;
}

div.text598
{
	width: 598px;
}

div.promoColumn
{
	width: 206px;
	float: left;
}

div.column250
{
	width: 250px;
	float: left;
}

div.column300
{
	width: 300px;
	float: left;
}

div.column350
{
	width: 350px;
	float: left;
}

div.leftAlign
{
	float: left;
}

div.rightAlign
{
	float: right;
}

div.promoColumn,
div.contentColumn
{
	padding-bottom: 30px;
}

h1.replaceText-Dienstleistungen
{
	background: transparent url(../img/h1-dienstleistungen.png) no-repeat left top;
	height: 23px;
}

h1.replaceText-Kuche
{
	background: transparent url(../img/h1-kuche.png) no-repeat left top;
	height: 23px;
}

h1.replaceText-Kontakt
{
	background: transparent url(../img/h1-kontakt.png) no-repeat left top;
	height: 23px;
}

h1.replaceText-Firma
{
	background: transparent url(../img/h1-firma.png) no-repeat left top;
	height: 23px;
}

h1.replaceText-Bad
{
	background: transparent url(../img/h1-bad.png) no-repeat left top;
	height: 23px;
}

h1.replaceText-Plattli
{
	background: transparent url(../img/h1-plattli.png) no-repeat left top;
	height: 23px;
}

h1.replaceText-Produkte
{
	background: transparent url(../img/h1-produkte.png) no-repeat left top;
	height: 23px;
}



h1.replaceText span.alt
{
	display: none;
}


div#contentColumnDienstleistungen
{
	background: transparent url(../img/dien-rtfloat.jpg) no-repeat right top;
}

/* promo column bricks */

div.brickPromo
{
	margin-bottom: 15px;
}

div.imageCatalogues
{
	background: #c0c0c0 url(../img/catalog-brick.png) no-repeat left top;
}

div.imageDiscount
{
	background: #c0c0c0 url(../img/discount-brick.png) no-repeat left top;
}

div.imageEShop
{
	background: #c0c0c0 url(../img/e-shop-bg.jpg) no-repeat left top;
}

div.brickPromo a
{
	display: block;
	margin: 0;
	padding: 0;
	height: 100px;
	text-decoration: none;
	line-height: 1.3em;
}

div.brickPromo span.alt
{
	display: block;
	padding: 15px 78px 0 15px;
}

div.brickPromo span.alt strong
{
	display: block;
}

div.brickPromo span.alt span.text
{
	display: block;
	color: #666;
}

div.textPromo
{
	background-color: #f8f8f8;
	padding: 15px;
	color: #666;
}

div.clearBoth
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

a.withArrow
{
	background: transparent url(../img/red-arrow.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 11px;
}

div.column191
{
	width: 191px;
	float: left;
	margin-right: 15px;
}

div.column291
{
	width: 391px;
	float: left;
	margin-right: 15px;
}

table.telefon,
table.telefon tbody,
table.telefon tr,
table.telefon td,
table.telefon th
{
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	font-weight: normal;
}

table.telefon td,
table.telefon th
{
	line-height: 1.5em;
	text-align: left;
}

table.telefon td
{
	padding-left: 15px;
}

div#googleMaps
{
	background: #f2efe9 url(../img/loader.gif) no-repeat center center;
}

div#sliceNav
{

}

div#sliceNavKuche,
div#sliceNavBad,
div#sliceNavPlattli
{
	height: 94px;
	margin-bottom: 1px;
	background: #000000 url(../img/prod-kuche.jpg) no-repeat right top;
}

div#sliceNavBad
{
	background: #8b010d url(../img/prod-bad.jpg) no-repeat right top;
}

div#sliceNavPlattli
{
	background: #ed1c2e url(../img/prod-plattli.jpg) no-repeat right top;
}

div#sliceNav a
{
	display: block;
	height: 94px;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
}

div#sliceNav a.current span.alt span.text,
div#sliceNav a:hover span.alt span.text
{
	
	background: transparent url(../img/white-arrow.gif) no-repeat right center;
	padding-right: 10px;
}

div#sliceNavKuche a.current,
div#sliceNavKuche a:hover
{
	background: transparent url(../img/prod-kuche-hover.png) no-repeat left top;
}

div#sliceNavBad a.current,
div#sliceNavBad a:hover
{
	background: transparent url(../img/prod-bad-hover.png) no-repeat left top;
}

div#sliceNavPlattli a.current,
div#sliceNavPlattli a:hover
{
	background: transparent url(../img/prod-plattli-hover.png) no-repeat left top;
}

div#sliceNav a span.alt
{
	display: block;
	padding: 15px;
}

div#firmaLogosWrapper
{
	position: relative;
	margin: 0;
	padding: 0;
	background: transparent url(../img/logos.png) no-repeat left bottom;
	height: 248px;
}

div#firmaLogos
{
	position: absolute;
	right: 0px;
	bottom: 1px;
}

div.formButtons
{
	text-align: right;
	padding: 11px 0 16px 0;
}

div.formButtons input
{
	height: 21px;
	width: 100px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

div.formButtons input#reset
{
	background: transparent url(../img/loschen.png) no-repeat center top;
	width: 73px;
}

div.formButtons input#submit
{
	background: transparent url(../img/abschicken.png) no-repeat center top;
	width: 79px;
}

div#demoNav
{
	margin-top: 2.5em;
}

div#demoNav a
{
	display: block;
	float: left;
	width: 254px;
	margin-right: 1px;
	line-height: 22px;
	height: 22px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
div#demoNav a#demoNavKuche
{
	background-color: #000000;
}

div#demoNav a#demoNavBad
{
	background-color: #8b010d;
}

div#demoNav a#demoNavPlattli
{
	background-color: #ed1c2e;
	margin-right: 0;
}

div#demoNav a span.alt
{
	padding: 0 10px 0 15px;
}

div.kuche div#demoNav a#demoNavKuche span.alt,
div.bad div#demoNav a#demoNavBad span.alt,
div.plattli div#demoNav a#demoNavPlattli span.alt,
div#demoNav a:hover span.alt
{
	background: transparent url(../img/white-arrow.gif) no-repeat right center;
	padding-right: 10px;
}

div.demoUnit
{
	/* background: #dfdfdf url(../img/demo-hider.png) repeat-y left top; */
	background: #dfdfdf;
	margin-top: 5px;
	padding: 0 15px 0 0;
	position: relative;
}

div.demoUnit img.demoImage
{
	float: left;
	width: 254px;
}

div.demoContent
{
	float: right;
	width: 480px;
	padding: 15px 0 47px 0;
}

div.demoContent div.floatClear
{
	position: absolute;
	right: 15px;
	bottom: 15px;
}

div.demoContent p.buttonsRight
{
	margin-bottom: 0;
}

div.demoContentEmpty
{
	float: none;
	width: auto;
	padding: 15px 0 8em 15px;
}

div.demoKuche,
div.demoBad,
div.demoPlattli
{
	display: none;
}

div.kuche div.demoKuche,
div.bad div.demoBad,
div.plattli div.demoPlattli
{
	display: block;
}

div.demoContent h3
{
	font-size: 9pt;
	color: #333;
	margin: 0 0 3px 0;
}

div.demoContent p
{
	margin: 0 0 3px 0;
/*	line-height: 1.3em; */
	color: #666;
}

div.demoContent p.pricepoint
{
	font-weight: bold;
}


/* some override classes */

.noRightMargin
{
	margin-right: 0 !important;
}

.noBottomMargin
{
	margin-bottom: 0 !important;
}

/* temporary */

div.imageDiscount
{
/*	display: none; */
}

/* leightbox needs to be at the bottom */

div.lbHeader
{
	line-height: 22px;
	background-color: #000;
	margin: 0;
	padding: 0;
}

a.lbActionClose
{
	background: #000 url(../img/lbclose.png) no-repeat left center;
	display: block;
	line-height: 22px;
	float: right;
	margin: 0;
	padding: 0 15px 0 20px;
	color: #fff;
	text-decoration: none;
}

a.lbActionBack
{
	background: #000 url(../img/back.png) no-repeat 15px center;
	display: block;
	line-height: 22px;
	height: 22px;
	float: left;
	margin: 0;
	padding: 0 0 0 35px;
	color: #fff;
	text-decoration: none;
}

div.lbContent
{
	border: solid 2px #000;
	border-top: none;
	padding: 30px 15px 15px 15px;
}

div.leightbox
{
	width: 798px;
}

p.alignRight
{
	text-align: right;
}

p.floatLeft
{
	float: left;
}

p.buttonsRight
{
	float: right;
}

/*<a href="javascript:void(0);" class="btnBestellen"><span class="alt">Bestellen</span></a>*/

a.btnReserve,
a.btnBestellen,
a.btnRed
{
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	background: transparent url(../img/demobutton-lt-back.png) no-repeat right top;
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
}

a.btnReserve span.alt,
a.btnBestellen span.alt,
a.btnRed span.alt
{
	padding: 0 8px;
	color: #fff;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	display: block;
	background: transparent url(../img/demobutton-lt-left.png) no-repeat left top;
}

a.btnBestellen
{
	background-image: url(../img/demobutton-dk-back.png);
}

a.btnBestellen span.alt
{
	background-image: url(../img/demobutton-dk-left.png);
	font-weight: bold;
}

a.btnRed
{
	background-image: url(../img/demobutton-red-back.png);
}

a.btnRed span.alt
{
	background-image: url(../img/demobutton-red-left.png);
	font-weight: bold;
}

span.buttonReserve
{
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	color: #fff;
	text-decoration: none;
	margin-left: 10px;
	background: transparent url(../img/demobutton-red-back.png) no-repeat right top;
}

span.buttonReserve input
{
	background: transparent url(../img/demobutton-red-left.png) no-repeat left top;
	line-height: 20px;
	height: 20px;
	display: block;
	border: none;
	margin: 0;
	padding: 0 8px;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

div.leightbox h1
{
	padding-left: 56px;
	line-height: 30px;
	background: transparent url(../img/lb-h1.png) no-repeat left center;
}

table.orderForm,
table.infoForm
{
	width: 757px;
	border: none;
	border-collapse: collapse;
}

table.orderForm th,
table.orderForm td,
table.infoForm th,
table.infoForm td
{
	text-align: left;
	margin: 0;
	padding: 5px;
}
table.orderForm th,
table.orderForm td.itemName,
table.orderForm td.totalCell,
table.infoForm th,
table.infoForm td.itemName
table.infoForm td.totalCell
{
	font-weight: bold;
}

table.orderForm th.first,
table.orderForm td.first,
table.infoForm th.first,
table.infoForm td.first
{
	padding-left: 15px;
}

table.orderForm th.last,
table.orderForm td.last,
table.infoForm th.last,
table.infoForm td.last,
.hideSometimes th.lastSometimes,
.hideSometimes td.lastSometimes,
.hideSometimes th.lastSometimes,
.hideSometimes td.lastSometimes
{
	padding-right: 15px;
}

table.orderForm th
{
	color: #fff;
	background-color: #666;
}

table.orderForm td
{
	background-color: #e5f6ff;
}

table.infoForm th
{
	background-color: #d8d8d8;
}

table.infoForm td
{
	background-color: #efefef;
}

table.orderForm input,
table.infoForm input
{
	background-color: #fff;
	border: solid 1px #cfcfcf;
}

table.infoForm td label
{
	display: block;
	font-size: 8pt;
	font-weight: normal;
}

table.orderForm input
{
	margin: 0;
	padding: 3px 1px;
}

table.infoForm td input
{
	display: block;
	margin: 0;
	padding: 3px 1px;
	width: 195px;
}

table.infoForm th span.lief
{
	font-weight: normal;
	font-size: 8pt;
	margin-left: 20px;
}

input.special_quantity
{
	width: 40px;
}

table.infoForm input.inputPhone
{
	width: 95px;
}

div.hideSometimes .hiddenSometimes
{
	display: none !important;
}

div.column380
{
	float: left;
	width: 380px;
}

div.column230
{
	float: left;
	width: 230px;
}

p.formrow
{
	margin: 0;
}

div.aSection
{
	margin-top: 1.5em;
}

table.orderForm td.totalCell
{
	background-color: #bae8ff;
}

div.specialActions
{
	width: 757px;
	margin-top: 1em;
	margin-bottom: .5em;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

div.smallbox
{
	width: 500px;
}