/* Container */

#shopStart #outerContainer, #shopInside #outerContainer
{
	position: absolute;
	top: 50%;
	margin-top: -359px;
	width: 100%;
	overflow: hidden;
	z-index: 100;
}

#shopStart #outerContainer
{
	background: url(images/back_lines.gif) repeat-x 0 259px; /*259px*/
}

#shopInside #outerContainer
{
	background: url(images/back_shop_behind.gif) repeat-x 0 259px; /*259px*/
}

#shopStart #backgroundContainer
{
	background: url(images/back_shop.gif) no-repeat center 0;
	/*height: 722px;*//
}

#shopInside #backgroundContainer
{
	background: url(images/back_shop_top.gif) no-repeat center 0;
	/*height: 722px;*//
}

#shopStart #mainContainer
{
	padding-top: 85px;
	width: 760px;	
	margin-left: 50%;
	left: -380px;
}

#shopStart #middleThird
{
	height: 200px;
	overflow: hidden;
	clear: both;
}

#shopInside #upperThird
{
	position: relative;
	width: 100%;
	height: 181px;
	overflow: hidden;
}

#shopInside #upperThird .content
{
	position: relative;
	width: 760px;	
	margin-left: 50%;
	left: -380px;
	height: 181px;
	overflow: hidden;
}

#shopInside #middleThird
{
	background: white;
	height: 360px;
	clear: both;
}

#shopInside #middleThirdInside
{
	position: relative;
	width: 100%;
	/*height: 358px;*/
	min-height: 358px;
	clear: both;
}

#shopInside #middleThirdInside .content
{
	border-top: 1px solid #94817C;
	border-left: 1px solid #94817C;
	border-right: 1px solid #94817C;
	position: relative;
	width: 758px;	
	margin-left: 50%;
	left: -380px;
	background: white;
	/*height: 358px;*/
	min-height: 358px;
	overflow: auto;
	clear: both;
}

#shopInside #middleThirdInside h1
{
	padding: 1.25em 0 0.75em 0;
}

#shopInside #middleThirdInside .contentText
{
	padding: 0 2em 2em 2em;
}

/* exploder V6 only */
* html #shopInside #middleThird, * html #shopInside #middleThirdInside
{
	/*overflow: scroll;
	height: 350px;*/
}

#shopStart #lowerThird
{
	height: 250px;
}

#shopInside #lowerThird
{
	position: relative;
	width: 100%;
	height: 181px;
	background: #6E5157 url(images/back_shop_bottom.gif) no-repeat center 0;
}

#shopInside #lowerThird .content
{
	position: relative;
	width: 760px;	
	margin-left: 50%;
	left: -380px;
	height: 181px;
}

/* Navi */

#shopStart #logo
{
	position: absolute;
	left: 330px;
	top: 115px;
}

#shopStartNavi
{
	width: 200px;
	margin: 25px auto 0 auto;
	list-style-type: none;
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: normal;
}

#shopStartNavi li
{
	margin-bottom: 3px;
}

#shopStartNavi a, #shopStartNavi a:link, #shopStartNavi a:visited
{
	color: #6E5157;
}

#shopStartNavi a.linksquare
{
	background: url(images/listbord_brown_12x12.gif) 0 3px no-repeat;
	padding-left: 24px;	
}

#shopStartNavi a.linksquare:hover
{
	color: #9B7D44;
	background: url(images/listimg_brown_12x12.gif) 0 3px no-repeat;
	padding-left: 24px;	
}

#shopSpecialNavi
{
	position: absolute;
	bottom: 46px;
	font-size: 0.8125em;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 3px;
	letter-spacing: 0.0975em;
}

#shopSpecialNavi li
{
	float: left;
	padding: 0 8px 0 8px;
	border-right: 1px solid #DC6D1C;
}

#shopSpecialNavi li.active
{
	text-decoration: underline;
	color: #DC6D1C;
}

#shopSpecialNavi li.last
{
	border-right:none;
}

#shopSpecialNavi a, #shopSpecialNavi a:link, #shopSpecialNavi a:visited
{
	color: #DC6D1C;
}

#shopSpecialNavi a:hover
{
	color: #9B7D44;
}

#shopInsideNavi
{
	position: absolute;
	bottom: 16px;
	font-size: 0.8125em;
	letter-spacing: 0.0975em;
	list-style-type: none;
	margin: 0;
	border: 1px solid #9B7D44;
	padding: 3px;
	float: left;
}

#shopInsideNavi li
{
	float: left;
	padding: 0 8px 0 8px;
	border-right: 1px solid #aaa;
}

#shopInsideNavi li.last
{
	border-right:none;
}

#shopInsideNavi a:hover
{
	color: #9B7D44;
}

/* Warenkorb und konsult. Navi */

#shoppingCart
{
	float: left;
}

#shoppingCart .link
{
	font-weight: normal;
	line-height: 1.25em;
}

#shoppingCart .link a.active
{
	font-weight: bold;
}

#shoppingCart .contents
{
	border: 1px solid #9B7D44;
	padding: 3px;
}

#shoppingCart a:hover
{
	color: #9B7D44;
}

#shopConsultNavi
{
	list-style-type: none;
	float: right;
	margin: 0;
}

#shopConsultNavi li
{
	float: left;
	font-size: 0.75em;
	letter-spacing: 0.22em;
	padding-left: 20px;
}

/* -------------------- PT-Shop-Module -------------------- */

.TeaserPB, .TeaserPA, .TeaserPE, .TeaserB, .Bestellvorgang
{
	color: #555;
}

.TeaserPB a, .TeaserPA a, .TeaserPE a, .TeaserB a, .Bestellvorgang a
{
	color: #777;
}

.TeaserPB
{
	font-size: 0.875em;
}

.TeaserB
{
	font-size: 0.8125em;
}

h6 { background: url(images/shop/teaserCB1-top.jpg) 0% 0% no-repeat; font-size: 1.25em; font-weight: normal !important; letter-spacing: 0.0625em; line-height: 36px; color: #FFF; padding: 1px 0 0 15px; margin: 0px; }

/* Produkte - ProduktBox (PB) */

.Label { display: none; color: #6E5157; font-weight: bold; font-size: 1.25em; letter-spacing: 0.125em; padding: 10px 0 0 30px; }
.TeaserPB { padding: 30px 0 30px 120px; float: left; }
.TeaserPB table { width: 520px; }
.TeaserPB table td { vertical-align: top; }
.TeaserPB table td.TeaserPBBild { border-left: 1px solid #C5C1BE; padding: 10px; }
.TeaserPBCartTitle { font-size: 22px; font-weight: bold; color: #9B7D44; letter-spacing: 1px; margin-bottom: 7px; }
.TeaserPB table td.TeaserPBText { border-right: 1px solid #C5C1BE; padding: 10px; }
.TeaserPB table td.TeaserPBAbschluss { height: 35px; border: none; background: url(images/shop/teaserPB-bottom.jpg) 0% 0% no-repeat; vertical-align: middle;  }
.TeaserPB table td.TeaserPBKaufleiste { padding-left: 10px; width: 50%; }
.TeaserPBPrice { color: #6E5157; font-size: 20px; display: block; text-align: right; }
.TeaserPB table td.TeaserPBKaufleiste select { width: 280px; }
.TeaserPB table input.TeaserPBMenge { width: 30px; margin-right: 10px; text-align: right; }
.TeaserPB table td.TeaserPBButton { padding-right: 10px; text-align: right; }

/* Produkte - ProduktAusfuehrung (PA) */

.TeaserPA { padding: 0px 20px 10px 0px; float: left; }
.TeaserPA table { width: 250px; }
.TeaserPA table td.TeaserPAKopf { height: 55px; font-size: 14px; color: #FFF; padding: 0px 10px 0px 10px; background: url(images/shop/teaser-PA-top.jpg) 0% 0% no-repeat; }
.TeaserPA table td.TeaserPABody { border-left: 1px solid #C5C1BE; border-right: 1px solid #C5C1BE; padding: 10px; }
.TeaserPA table td.TeaserPAAbschluss { border: none; }
.TeaserPA table.TeaserPA3TAB { width: 100%; }
.TeaserPA table.TeaserPA3TAB td { vertical-align: top; text-align: center; }
.TeaserPA table.TeaserPA3TAB a { text-decoration: none; }

/* Produkte - ProduktEmpfehlung (PE) */

.TeaserPE { padding: 0px 20px 10px 0px; float: left; }
.TeaserPE table { width: 250px; }
.TeaserPE table td.TeaserPEKopf { height: 5px; font-size: 0.1em; line-height: 0.1em; background: url(images/shop/teaser-PE-top.gif) 0% 0% no-repeat; }
.TeaserPE table td.TeaserPEBody { border-left: 1px solid #C5C1BE; border-right: 1px solid #C5C1BE; padding: 5px 10px 5px 10px; }
.TeaserPE table p { font-size: 11px; padding: 5px 0px 5px 0px; }
.TeaserPE table img { text-align: center; }
.TeaserPE table td.TeaserPEAbschluss { border: none; }
.TeaserPE table a { text-decoration: none; }

/* Bestellung */

.TeaserB { padding: 0px 20px 20px 120px; }
.TeaserB table { width: 520px; }
.TeaserB table td { vertical-align: top; }
.TeaserB table td.TeaserBKopf { height: 35px; color: #FFF; padding: 0px 10px 0px 10px; background: url(images/shop/teaserCB1-top.jpg) 0% 0% no-repeat; }
.TeaserB table td.TeaserBKopfpassiv { height: 35px; color: #FFF; padding: 0px 10px 0px 10px; background: url(images/shop/teaserBpassiv-top.jpg) 0% 0% no-repeat; }
.TeaserB table td.TeaserBKopfmitte { height: 35px; color: #FFF; padding: 0px 10px 0px 10px; background: url(images/shop/teaserB-mitte.jpg) 0% 0% no-repeat; }
.TeaserB table td.TeaserBBody { border-left: 1px solid #C5C1BE; border-right: 1px solid #C5C1BE; border-bottom: 1px solid #C5C1BE; padding: 10px; }
.TeaserB table td.TeaserBBodypassiv { border-left: 1px solid #C5C1BE; border-right: 1px solid #C5C1BE; border-bottom: 1px solid #C5C1BE; padding: 10px; background-color: #F2F2F2; }
.TeaserB table td.TeaserBBody2 { border-left: 1px solid #C5C1BE; border-right: 1px solid #C5C1BE; padding: 10px; }
.TeaserB table td.TeaserBSumme { border-left: 1px solid #C5C1BE; border-right: 1px solid #C5C1BE; border-top: 1px solid #C5C1BE; padding: 15px 10px 15px 10px; line-height: 18px; }
.TeaserB table td.TeaserBAbschluss { height: 35px; border: none; background: url(images/shop/teaserPB-bottom.jpg) 0% 0% no-repeat; vertical-align: middle;  }
.TeaserB table td.TeaserBAbschluss2 { height: 5px; border: none; }
.TeaserB table td.TeaserBKaufleiste { padding-left: 10px; }
.TeaserB table input.TeaserBMenge { width: 30px; margin-right: 10px; text-align: right; }
.TeaserB table td.TeaserBButton { padding-right: 10px; text-align: right; }
.TeaserB table.TeaserB4Tab { width: 100%; }
.TeaserB table.TeaserB4Tab th { font-size: 11px; line-height: 35px; }
.TeaserB table.TeaserB4Tab .Menge { width: 50px; font-size: 11px; }
.TeaserB table.TeaserB4Tab .Preis { width: 90px; text-align: right; }
.TeaserB table.TeaserB4Tab .Versandinfo { font-size: 11px; vertical-align: bottom; }
.TeaserB table.TeaserB4Tab .Summe { text-align: right; }
.TeaserB table.TeaserB4Tab span.Summe { font-size: 14px; font-weight: bold; }
.TeaserB table.TeaserB4Tab td.Pass { font-weight: bold; vertical-align: middle; padding-right: 5px; color: #505153; }
.TeaserB table.TeaserB4Tab input.Pass { padding: 3px; vertical-align: middle; border: 1px solid #C5C1BE;}
.TeaserB table.TeaserB4Tab .VL { width: 200px; vertical-align: top; }
.TeaserB table.TeaserB4Tab input.Radio { vertical-align: middle; }
.TeaserB table.TeaserB4Tab span.VLInfo { font-size: 11px;  color: #A5AEB5;}
.TeaserB table.TeaserB4Tab img { float: left; padding-right: 5px; }
.TeaserB table input.TeaserBMenge { width: 38px; text-align: right; }
.TeaserB table p.Titel { font-size: 12px; padding-bottom: 5px; font-weight: bold; }
.TeaserB table p.Infos { font-size: 11px; padding-bottom: 5px; }
.TeaserB p.BInfo { padding: 10px 0px 10px 0px; }
.TeaserB p.KdEingabe { font-size: 11px; padding-left: 20px; }
.TeaserB p.TB { font-size: 11px; padding: 5px 0px 10px 0px; color: #4F5052; font-weight: bold; float: right; }
.TeaserB table.TeaserB4Tab .FormText { height: 30px; width: 100px; vertical-align: middle; font-size: 11px; font-weight: bold; }
.TeaserB table.TeaserB4Tab input.Form200 {  width: 200px; padding: 3px; vertical-align: middle; border: 1px solid #C5C1BE;}
.TeaserB table.TeaserB4Tab input.Form50 {  width: 50px; padding: 3px; vertical-align: middle; border: 1px solid #C5C1BE;}
.TeaserB table.TeaserB4Tab input.FormL {  width: 261px; padding: 3px; vertical-align: middle; border: 1px solid #C5C1BE;}
.TeaserB table.TeaserB4Tab input.Form100 {  width: 100px; padding: 3px; vertical-align: middle; border: 1px solid #C5C1BE;}
.TeaserB textarea.BV {  width: 490px; padding: 3px; vertical-align: middle; border: 1px solid #C5C1BE; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #FAFAFA;}

.Bestellvorgang { vertical-align: middle; font-size: 11px; padding: 25px 0 20px 120px; }
.Bestellvorgang img { vertical-align: middle; }
.Bestellvorgang img.AbstandLi { padding-left: 10px; }
.Bestellvorgang span { color: #DC6D1C; }
.Bestellvorgang a:hover { color: #DC6D1C; }

.alert {color: #D10D17;}

#Bestellschein { width: 220px; padding: 30px 0 10px 120px; background: url(images/shop/rsTrenner.gif) 0% 100% no-repeat; color: #262626; }
h4 { font-size: 15px; padding: 0px 0px 10px 40px; margin: 0px; }
#Bestellschein .Anzahl { width: 26px; background-color: #D10D17; color: #FFFFFF; padding: 2px; text-align: right; float: left; margin-right: 10px; }
#Bestellschein .AText { width: auto; float: left; padding-top: 2px; }
#Bestellschein p { padding: 5px 10px 8px 40px; }

.HTMLBoxA { width: 220px; padding: 18px 0px 20px 0px; background: url(images/shop/rsTrenner.gif) 0% 100% no-repeat; color: #262626; } 
.HTMLBoxB { width: 160px; padding: 18px 20px 20px 40px; background: url(images/shop/rsTrenner.gif) 0% 100% no-repeat; color: #262626; }
p.HTMLBoxAText { padding: 0px 20px 0px 40px; }
p.HTMLBoxAText-30 { padding: 0px 20px 0px 15px; }
p.HTMLBoxAText-30 img { vertical-align: middle; padding-right: 5px; }

