/* templates/lustperle  */
/* @group basemodifications */

body, table, div, td, tr, span, p, a, h1, h2, h3, h4, h5, h6 { font-family: tahoma, verdana, arial, sans-serif; font-size: 12px; color: #585858; border: 0; margin: 0; padding: 0;}
html {height: 100%; border: 0; margin: 0; padding: 0;}
* html #wrapper {height: 100%;} /* IE Hack */
* html #footer {bottom: -1px;} /*  */

body { background-color: #ffffff; }

#container { width: 972px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; }
#banner { height: 132px; background-color: #e4e4e4; padding: 0px; margin: 0px; }

#tleft { float: left; width: 341px; height: 100%; border-right: 1px solid #000000; }
#tright { float: right; width: 193px; height: 100%; }
#tmiddle { padding: 0px 200px 5px 350px; margin: 0px; }

#pleft { width:50%; float:left; vertical-align:middle; text-align: center;}
#pright { width:50%; text-align: left; }
#pimg { width:90px; float:left; vertical-align:middle; text-align: center;}
#pimg_small { width:60px; float:left; vertical-align:middle; text-align: center;}


#topnav { height: 50px; }
#navigate { height: 22px; background-repeat:repeat-x;}
#search { height: 28px; background-repeat:repeat-x; padding: 0; margin: 0;}

/* @end */

/* @group outer and inner */

#outer{ border-left: solid 194px #e4e4e4; border-right: solid 194px #e4e4e4; background-color: #ffffff; }
#inner{ margin:0; width:100%; } /* The ie/pc pecularity */ 

#left { width: 194px; float:left; position:relative; margin-left:-194px; padding: 0px; background-color: #e4e4e4;}
#right { width: 194px; float:right; position:relative; margin-right:-194px; padding: 0px;  background-color: #e4e4e4; }

#content{ position: relative; margin: 0px; padding: 0px; }
#footer { clear: left; padding:0px; margin:0px; } 

/* @end */


/* @group Clearfix-Methode */

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

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none }

/* @end */

/*  @group maincontent */

/* o-r-u-l */
body, table, div, td, tr, span, p, a, h1, h2, h3, h4, h5, h6 { font-family: tahoma, verdana, arial, sans-serif; font-size: 12px; color: #585858}
body			{ background-color: #ffffff; color: #000000; margin: 0px; padding: 0px; min-width: 972px; height: 100%}
body.print		{ background-color: #ffffff; color: #000000; margin: 20px; padding: 0px; min-width: 0; }
body.popup		{ background-color: #ffffff; color: #000000; margin: 0px; padding: 0px; min-width: 0; }

FORM			{ display: inline; }
CHECKBOX, INPUT, RADIO, SELECT { font-size: 9pt; }
CHECKBOX, INPUT { margin-right: 5px; }

TEXTAREA 		{ width: 100%; font-size: 9pt; }
LI				{ margin-left: 30px; padding-bottom: 5px; }
LI.agb			{ padding-bottom:5px;}
LI.content		{ padding-bottom:5px;}
OL.content		{ padding-left: 20px;}
UL, OL			{ padding-top: 10px;}

ul#navigation { padding: 0px; margin: 0px; }
div#boxhead  { padding: 0px 0px 5px 0px; width: 194px; height: 26px; background: url(templates/lustperle/graphics/box_hgr.jpg); background-repeat: no-repeat}
.boxtitle {padding: 5px 5px 0px 5px; color: #ffffff; font-size: 10pt; font-weight: bold; text-align:left;}
ul#bullet { list-style-image:url(templates/lustperle/graphics/bullet.gif) }
ul#navigation { list-style-image:url(templates/lustperle/graphics/bul_light.gif); padding: 0px; margin: 0px; padding-left:5px; }
 
h5 { font-weight:bold; color: #080052; }
h4 { color: #e23144; font-size: 12px; font-weight: bold; line-height:18px; margin: 0px; padding: 0px;}
h3 { color: #080052; font-size: 14px; font-weight: bold; line-height:20px; margin: 0px; padding: 0px;} /* #e23144 */
h2 { color: #e23144; font-size: 16px; font-weight: bold; line-height:normal; margin: 0px; padding: 0px;}
h1 { font-size: 17px; color: #e23144; font-weight: bold; line-height:23px; margin: 0px; padding: 0px;}
h3.normal { color: #585858;}

a { text-decoration: none; font-weight:bold;}
a:hover { text-decoration: underline; }
a.hl1, a.hl1:hover, a.hl1:link { color: #e23144; font-weight: bold; }
a.smallblack { text-decoration: underline; font-size: 8pt;}
a.mediumbold { color: #ffffff; font-size: 10pt; font-weight: bold; }
a.catnav { font-size: 11px; font-weight: bold; line-height: 18px; color: #585858; text-decoration: none;}
a.clr { font-weight: normal; }
a.clr_sel { color: #e23144; font-weight: normal; }

.notwrap { white-space: nowrap; }
.mainw { width: 972px;}
.nouline { font-size: 11px; text-decoration: underline; }
.formdesc { width: 30%; font-weight: bold; text-align: right; padding-right: 5px; }
.formright { border-left: 1px dotted #666666;}

.price { font-weight: bold; color: #e23144; font-size: 17px; white-space:nowrap; }
.price2 { font-weight: bold; color: #e23144; font-size: 15px; white-space:nowrap; }
.price3 { font-weight: bold; color: #e23144; font-size: 13px; white-space:nowrap; }
.oldprice { text-decoration: line-through; font-weight: bold; font-size: 8pt; }
.menu { padding: 2px 0px 2px 0px; width: 100%; border-bottom: 1px solid #cbcbcb; border-top: 1px solid #ffffff; }
.navi, a.navi { color: #ffffff; font-size: 11px; font-weight:bold; text-decoration: none; }
a.navi:hover { color: #e23144 }
a.buynow { font-weight: bold; font-size: 11px; line-height: 16px; text-decoration: none}
input.ipt_srch	{ border-style:inset; border: 1px inset #8f8f8f; width: 180px; background-color: #ffffe6; font-size: 12px; font-weight:bold; }
input.ipt, textarea.ipt, select.ipt { border: 1px inset #8f8f8f; background-color: #ffffe6; font-size: 12px; font-weight:bold; }
input.ipt06, textarea.ipt06, select.ipt06 { border: 1px inset #e23144; }
input.check { padding-bottom:40px; padding-left: 10px; }

.w2 { width: 152px; }

.bot5 { padding-bottom: 5px; }
.bot10 { padding-bottom: 10px; }
.bot20 { padding-bottom: 20px; }

.lft5 { padding-left: 5px; }
.lft10 { padding-left: 10px; }
.lft20 { padding-left: 20px; }
.lft50 { padding-left: 50px; }
.lft40 { padding-left: 40px; }

.top5 { padding-top: 5px; }
.top10 { padding-top: 10px; }
.top20 { padding-top: 20px; }

.rgt5 { padding-right: 5px; }
.rgt10 { padding-right: 10px; }
.rgt20 { padding-right: 20px; }

.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.oflw { overflow: hidden; }

.hd2, a.hd2 { color: #666666; font-size: 16px; font-weight: bold; line-height:normal; margin: 0px; padding: 0px;}
.hd3 { font-size: 10pt; font-weight:bold; }
.hd4, a.hd4 { font-size: 14px; font-weight:bold; color: #080052; }
.hd5, a.hd5, a.headerNavigation { font-size: 11px; font-weight:bold; color: #e23144; }
.hd6, a.hd6 { font-size: 12px; font-weight:bold; color: #080052; }
.hd7, a.hd7 { font-weight:bold; color: #080052; }
.hd8, a.hd8 { font-weight:bold; color: #e23144; }
.hd9, a.hd9 { font-weight:normal; color: #c1c1c1; }
.hd10, a.hd10 { font-size: 10px; font-weight:bold; color: #080052; }
.hd11 { color: #e23144; font-size: 12px; font-weight: bold; line-height:18px; margin: 0px; padding: 0px;}
.hd12 { color: #dddddd; font-size: 12px; font-weight: bold; line-height:18px; margin: 0px; padding: 0px;}


.linrgt { padding-right: 10px; border-right: dotted 1px #666666; width: 33%; }
.hrline1 { width:100%; color:#c1c1c1; background-color:#c1c1c1; height:1px; margin-right:0; border:0;}
.hrline2 { width:100%; color:#666666; background-color:#666666; height:1px; margin-right:0; border:0;}
.hrline3 { width:100%; color:#ffffff; background-color:#ffffff; height:1px; margin-right:0; border:0; border-bottom: 1px dotted #666666}

.trcol1 		{}
.trcol2 		{ background-color: #FFECF1; }
.trcol3 		{ background-color: #f9f9f9; }

.small, a.small { font-size: 8pt; font-weight: normal; }
.small_light, a.small_light { color:#c1c1c1; font-size: 8pt; }
.smallbold, a.smallbold { font-size: 8pt; font-weight: bold;}
.smallbred, a.smallbred { color: #e23144; font-size: 8pt; font-weight: bold;}

.box_facts {background-color: #e5e5e5;}
.box_cart { height: 29px; background-repeat:repeat-x; }
.footer { height: 54px; background-repeat:repeat-x; }

.btop { border-top: 1px solid #c1c1c1; }
.tdot { border-top: 1px dotted #666666; }
.bbot { border-bottom: 1px solid #c1c1c1; }
.bdot { border-bottom: 1px dotted #666666; }
.rdot { border-right: 1px dotted #666666; }
.rdotw { border-right: 1px dotted #ffffff; }
.ldot { border-left: 1px dotted #666666; }

.moduleRow	    	{ }
.moduleRowOver		{ background-color: #e4e4e4; cursor: pointer; }
.moduleRowSelected	{ background-color: #e4e4e4; }
/* @end */

/* @group popupwindow */
div.niceTitle
{
	background-color: #333333;
	color: #ffffff;
	font-weight: bold;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 9999;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitle .popup
{
	color: #ffffff;
	font-weight: bold;
}

div.niceTitle .caption
{
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	
}
div.niceTitle .contents
{
	margin: 0;
	padding: 0 5px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	color: #ffffff;
	font-size: 9px;
}

div.niceTitle .price
{
	color: #D17E62;
	font-size: 12px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}

div.domTTOverlib {
	border: 1px solid #8d1e2f;
	background-color: #8d1e2f;
}

div.domTTOverlib .caption {
	font-family: Verdana, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
div.domTTOverlib .contents {
	font-size: 10px;
	font-family: Verdana, Helvetica;
	padding: 2px;
	background-color: #e4e4e4;
}
/* @end */

/* @group tooltip */
#DHTMLgoodies_formTooltipContent { color:#ffffff; font-weight:bold; font-size:10px; line-height:17px; }
#DHTMLgoodies_formTooltipDiv { }
.DHTMLgoodies_formTooltip_closeMessage { color:#ffffff; font-weight:normal; font-size:9px; }
/* @end */

.vtd { width: 140px; padding: 3px; height: 22px; text-align: center;  border-bottom: 1px dotted #666666; }
.vbg {  }
.vtdl { height: 22px; padding-right: 10px; border-right: 1px dotted #666666; text-align: right }
.vtdh { height: 22px; text-align: center; background-color: #eaeaea; border: 1px dotted #666666; }