/* TYPO3 CVS id: $id$ */


/*###################### General element styles: ######################*/
body {font-family:Verdana,Helvetica,Sans-serif;font-size:12px;margin:0px auto;padding:0px;background-color:#ffffff;}

a, a:active, a:visited, a:link	{color:#F04300;text-decoration:none;}
a:hover	{color: #333;text-decoration:underline;}
* img {border:none;}

/*######## ie6 onload fix ##############*/
* html #BannerDiv	{}

/* Container
----------------------------------------------- */
div#admin	{float:right}
div#mainContainer {margin-left:auto;margin-right:auto;width:960px;}


div#middleColContainer {width:960px;padding:20px 0;border: 1px dotted #818181; border-width:1px 0 0 0;}


div#downContainer {clear:both;width:958px;	;border:1px solid #818181;height:230px;}
div#downContainer h1	{font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#000000; padding:20px 0 0 40px;}

.infoblox	{width:303px;padding:0 8px;float:left;background:#DADADA;height:230px;}
.infoblox2	{width:303px;padding:0 8px;float:left;background:#DADADA;height:230px;}
.infoblox3	{width:304px;padding:0 8px;float:left;background:#E7E7E7;height:230px;}
.infoblox li,.infoblox2 li,.infoblox3 li	{list-style-image:url(img/arrow3.gif);line-height:2em;}


div#middleContainer	{width:525px;padding: 10px 50px;float:left;}

div#rightColContainer	{width:250px; padding: 10px 40px 0 40px;border: 1px dotted #666666;border-width: 0 0 0 1px; float:right;}


/*###########shop intro#####################*/
.si_mid	{width:620px;float:left;text-align:right; font:bold 18px Verdana, Arial, Helvetica, sans-serif;}

.si_mid h1 a{font-size:28px;color:#FF0000;text-decoration:none;}
.si_rig	{width:325px;float:left;}
.si_rig h1 a	{font-size:18px;color:#FF0000;text-decoration:none;}

.si_lack	{background:url(promo/lack01.jpg) top left no-repeat;width:560px;height:298px;padding:0 30px;float:left;}
.si_bosch	{background:url(promo/bosch.jpg) top left no-repeat;width:560px;height:298px;padding:0 30px;float:left;}


.si_reini,.si_tech,.si_angebot	{width:260px; height:141px; padding:30px;}
.si_reini	{background:url(promo/reinigung.jpg) top left no-repeat;}
.si_tech	{background:url(promo/techspray.jpg) top left no-repeat;}
.si_angebot	{background:url(promo/angebot.jpg) top left no-repeat;}


/*############### Tita css-blocks##################*/
.align-right	{text-align:right}
.align-left	{text-align:left}
.align-center	{text-align:center}

#cat_cover	{background: url(/shop/images/categories/max/bg_cat_desc.gif) top left no-repeat;height:254px;padding: 10px 8px;} 
#cat_cover img	{padding:10px 0;}
.maxhead	{width:505px; padding:10px;border:1px solid #999999;background: #FFFFFF}


.pictureNavi	{ min-height:150px;margin-top:10px;padding:10px 20px 10px 10px;clear:left;}
.pictureNavi img {float:left;border:1px solid #999999}
.pictureNavi img {margin:0 10px 10px 0}
.pictureNavi a:hover h1 {text-decoration:underline;}

.tippmax {width:200px;color:#333333; padding:5px;margin:20px 0;line-height:1.3em;background:#CCCCCC}

.infomax {width:200px; color:#333333; padding:5px;margin:20px 0;line-height:1.3em;background: #91B1B1}


.quick {font-weight: normal;color: #666666; padding:10px 3px;background: #e4e4e4;border:0px solid #990000;border-width: 0px;}
#maxconti	{width:740px;}
.maxconti2	{width:525px;}
#maxconti img,.maxconti2 img	{padding:0 0 0 0;}
.xsell	{width:180px;height:250px;float:left;padding:10px;text-align:center;}
.colormatic {float:left;background:#dddddd;width:49px;height:80px;padding:2px;margin:2px;font-size:9px;}
.head	{color:#000;font-weight:bold;}

#obnavi {background:url(img/bg_header2.gif);padding:12px 0 12px 250px;}
#obnavi a {padding-left:15px;font-weight:normal; color:#333333;text-decoration:none;}
#obnavi a:hover	{border:none;color:#990000;text-decoration:underline;}

ul#max	{list-style-type:none;padding:0;text-align:center;}
ul#max li	{padding:0;float:left;width:125px;height:180px;border:1px solid #dedede;margin:0 8px 8px 0;padding:10px;}

div#prod_list	{background:url(img/bg_prod.jpg) top left no-repeat;}
div#prod_list2	{background:url(img/bg_prod2.jpg) top left no-repeat;}
.pro_01	{float:left;width:430px;height:150px;padding:10px;}
* html .pro_01	{width:450px;height:170px;}
.rud	{background: #ffffff url(img/schnee_spiegel.jpg) top left no-repeat;padding:20px 0 0 0;width:525px;float:left;}
.rudtipp{background:#003399; width:195px;color:#FFFFFF;font-weight:bold;padding:5px 0 5px 5px;}
.rudtipp_ff{border:1px solid #003399;width:188px;padding:10px 5px 5px 5px;}
.rud_product	{;margin:10px 5px 0 0;float:left;width:250px;height:200px;text-align:center;}
#rud_film	{float:right;width:200px;border:1px solid #003399;margin-top:20px;}

.nl	{font-size:11px;color:#646464;}


.korb	{background:#dedede url(img/cart_unten.gif) center bottom scroll no-repeat;padding:5px 0 20px 20px;font-size: 10px;width:170px;}


.korbtop	{background:#dedede url(img/cart_oben.gif) bottom left no-repeat;height:15px;width:190px;}



/*############navigation#############*/


#nav_main { position: relative; z-index: 2; }
/* #nav_main a.pokale { margin:0; padding:0; display: inline; float:left; } */

#TopCatNavi  { font-size: 1.2em; line-height: 10px; list-style: none; margin: 0; padding: 0; z-index: 2 }
#TopCatNavi ul { margin: 0; padding: 0; list-style-type: none; display: none; }
#TopCatNavi li { margin: 0; padding: 0; list-style-type: none; }
#TopCatNavi li:hover ul,
#TopCatNavi li.cssHover ul { display: block; }

#TopCatNavi a { color: #F04300; display: block; }
#TopCatNavi a:hover,
#TopCatNavi a.Current,
#TopCatNavi a.CurrentParent {color: #333}

#TopCatNavi .CatLevel1 { font-weight: bold; text-transform: uppercase; margin: 15px 0; padding: 0 ; position: relative; height: 34px;width:185px; float: left }
#TopCatNavi .CatLevel1 a { line-height: 34px; margin: 0; padding: 0 ; height: 34px; float: left }

#TopCatNavi li.TopCurrent {  }
#TopCatNavi li.TopCurrent a { color: #ccc ;}

#TopCatNavi .CatLevel1 ul { position: absolute; top: 34px; left: 4px; width: 260px; background-color: #fff; padding-bottom: 10px;line-height:14px; border:1px dotted #555;} 
#TopCatNavi li.TopCurrent ul { background-color: #fff; border: 1px dotted #f98e0c;  }
#TopCatNavi li.TopCurrent ul { left: 3px; }

#TopCatNavi .CatLevel1 li { margin: 0; padding: 0; display: inline; }
li.CatLevel1 a.invisible	{visibility:hidden;}

#TopCatNavi li.CatLevel2 ul { padding: 0; position: relative; top: 0; left: 0; width: auto; border: none; }

#TopCatNavi .CatLevel2 a,
#TopCatNavi .TopCurrent .CatLevel2 a { line-height: normal; background-image: none; display: block; margin: 0; padding: 2px 10px; height: auto; float: none; clear: both }

#TopCatNavi .CatLevel2 { font-weight: normal; text-transform: none }

#TopCatNavi .CatLevel2 a:hover,
#TopCatNavi .CatLevel2 a.Current,
#TopCatNavi .CatLevel2 a.CurrentParent,
#TopCatNavi .TopCurrent .CatLevel2 a:hover,
#TopCatNavi .TopCurrent .CatLevel2 a.Current,
#TopCatNavi .TopCurrent .CatLevel2 a.CurrentParent { color: #000; }

#TopCatNavi .CatLevel2 a.Current { font-weight: bold; }

#TopCatNavi .CatLevel3 { }
#TopCatNavi .CatLevel3 a,
#TopCatNavi .TopCurrent .CatLevel3 a { padding-left: 20px }

#TopCatNavi .CatLevel4 { }
#TopCatNavi .CatLevel4 a,
#TopCatNavi .TopCurrent .CatLevel4 a { padding-left: 30px }

#TopCatNavi .CatLevel5 { }
#TopCatNavi .CatLevel5 a,
#TopCatNavi .TopCurrent .CatLevel5 a { padding-left: 40px }








/*   facebook       */
.facebook	{margin:10px 0 0 5px;}







/* Header-Klassen
----------------------------------------------- */
h1 {
	font-size:16px;
	margin:0px 0px 10px 0px;
	padding:0px;
	width:auto;
}

h1 a {
	color:#F04300;
	text-decoration:none;
}

h1 a:hover  {text-decoration:underline;}

h2 {
	color:#333333;
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 4px 0px;
	padding:0px;
}

/* Paragraph
----------------------------------------------- */
p {font-size:12px;
	line-height:20px;
	padding:0px;
	margin:15px 0px 15px 0px;
}




/* Textarea
----------------------------------------------- */
textarea {
	font-size:12px;
}

/* Input
----------------------------------------------- */
input {
	font-size:12px;
}

/* Input
----------------------------------------------- */
select {
	font-size:12px;
}

/* Image mit link
----------------------------------------------- */
img {
	border:0;
}

/* Formular
----------------------------------------------- */
form {
	padding:0px;
	margin:0px;
}

/* Horizontale Linie hellgrau 
----------------------------------------------- */
hr.lightGrey {
	width:100%;	border:1px dotted #666666;border-width: 1px 0 0 0;
}



/* Header mit Logo
----------------------------------------------- */
div#logoHeader {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:114px;
}



/* Breadcrumb Pfad
----------------------------------------------- */
div#breadcrumb {

	padding:6px 10px 2px 10px;
	color:#333333;
	font-size:10px;
	height:19px;width:100%;
	text-align:left;
}

div#breadcrumb a {
	color:#333333;
}
div#breadcrumb a:hover {
	color:#990000;
}


/* Layout der zweiten Box
----------------------------------------------- */
div.boxVarianteZweiHeader {
	font-size:11px;
	/* border:solid #990000;
	border-width: 1px 1px 0 1px; */
	background:#f9f9f9;
	padding:6px 0px 2px 10px;
	vertical-align:middle;
	color:#646464;
	font-weight:bold;
	height:18px;
}

div.boxVarianteZweiHeader a {
	color:#646464;
	text-decoration:none;
}

div.boxVarianteZweiBody {
	background-color:#f9f9f9;
	font-size:10px;
	color:#646464;
	padding:8px 10px 8px 10px;
	/* border:solid #990000;
	border-width: 0 1px 1px 1px; */
}

div.boxVarianteZweiBody a {
	color:#646464;
}

div.boxVarianteZweiBody p {
	line-height:15px;
	margin:5px 0px 5px 0px;
	font-size:10px;
}

/* Floatbox (Inhalte)
----------------------------------------------- */
div.floatBox {	background-color:#f7f7f7;padding:10px 20px 10px 20px;}
* html div.floatBox {width:730px;	}

div.floatBox h1 {
	color:#333333;
	font-size:16px;
	font-weight:bold;
	border:none;
	text-decoration:none;
	margin:20px 0px 10px 0px;
}

div.floatBox ul {
	line-height:22px;
}

/* Product Beschreibung Box
----------------------------------------------- */
.description	{float:left; width:490px; padding: 0 20px;}

/* Product Image Box
----------------------------------------------- */
div.productImagesBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	color:#333333;
}

/* Box mit Attributen und Preis bei Produktdetails
----------------------------------------------- */

div.productPriceAttributes {border:1px solid #D9D9D9;color:#333333;padding:10px 15px 10px 15px;width:330px;}

/* Statt-Preisanzeige
----------------------------------------------- */
span.productOldPrice {
	color:#333;
	text-decoration:line-through;
	font-weight:normal;
}

/* Box mit Downloads
----------------------------------------------- */
div.electronicDownloadsBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#FF6600;
	color:#000000;
	padding:10px 15px 10px 15px;
}

/* Box mit Sucheingabefeld
----------------------------------------------- */
div.detailedSearchBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	color:#000000;
	padding:10px 15px 10px 15px;
	text-align:center;
}

/* Box Eingabefeld für Gutscheincode
----------------------------------------------- */
div.voucherBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	color:#000000;
	padding:10px 15px 10px 15px;
	text-align:center;
}

/* Trennlinie für Produktvorschau (Kategorieanzeige)
----------------------------------------------- */
div.productPreviewSplitLine {
	height:32px;
/*	background-image:url(img/productSplitLine.gif); */
}

/* Trennlinie für Produktvorschau (Kategorieanzeige)
----------------------------------------------- */
img.productImageBorder {
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
}

/* Box für "Weitere Unterkategorien"
----------------------------------------------- */
div.moreCategoriesBox {
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
	padding:15px;
}

div.moreCategoriesImage {padding:20px;float:left;}

/* Tabellenlisten
----------------------------------------------- */
.tableListingI {
	background-color: #f7f7f7;
}

.tableListingII {
	background-color: #F9FDCB;
}

/* Warenkorbliste
----------------------------------------------- */
.cartTableListingI {
	background-color: #FFFFFF;
}

.cartTableListingII {
	background-color: #FFFFFF;
}

.cartTabelCell {
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#CCCCCC;
	padding:7px 4px 7px 4px;
	background-color:#F5F5F5;
}

/* Hintergrund für Popups
----------------------------------------------- */
div.popupContainer {
	background-color:#FFFFFF;
	padding:15px;
}

/* Hintergrund für Bestellungsdruck
----------------------------------------------- */
div.printOrderContainer {
	background-color:#FFFFFF;
	padding:15px;
}

/* Hintergrund für Artikeldruck
----------------------------------------------- */
div.printProductInfoContainer {
	background-color:#FFFFFF;
	padding:15px;
}

/* Artikelliste Bestellungsdruck
----------------------------------------------- */
td.productListHeaderPrintOrder {
	padding:5px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#000000;
	font-weight:bold;
	white-space:nowrap;
}

td.productListItemPrintOrder {
	padding:5px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	vertical-align:top;
}

/* Block mit Paymenttypen
----------------------------------------------- */
td.paymentTypeHeader {
	background-color:#dedede;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#646464;
	padding:4px;
	color:#333333;
}

/* Block mit Shipping Typen
----------------------------------------------- */
td.shippingTypeHeader {
	background-color:#dedede;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#646464;
	padding:4px;
	color:#333333;
}

/* Block mit Warenkorbinhalt
----------------------------------------------- */
td.basketHeader {
	background-color:#dedede;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#646464;
	padding:4px;
	color:#333333;
	font-weight:bold;
}

/* Block mit Reviews
----------------------------------------------- */
td.reviewListHeader {
	background-color:#dedede;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#646464;
	padding:4px;
	color:#333333;
	font-weight:bold;
}

/* Sitemap Blöcke
----------------------------------------------- */
div.sitemapHeader {
	background-color:#dedede;
	border-style:solid;
	border-width:1px 0px 0px 0px;
	border-color:#646464;
	padding:6px 8px 6px 8px;
	color:#333333;
	font-weight:bold;
}

div.sitemapHeader a {
	color:#333333;
}

div.sitemapContent {
	background-color:#dedede;
	border-style:solid;
	border-width:0px 1px 1px 1px;
	border-color:#646464;
	padding:10px;
	color:#000000;
	font-weight:normal;
}

div.sitemapContent a {
	text-decoration:none;
	color:#000000;
}


/* Errormessage
----------------------------------------------- */
div.errorMessage {
	padding:10px;
	margin:10px 0px 10px 0px;
	border-style:dashed;
	border-color:#646464;
	border-width:1px;
	background-color:#dedede;
}

/* Successmessage
----------------------------------------------- */
.messageStackSuccess {
	background-color: #646464;
	padding:8px;
}

/* Produktnavigator (unter jedem Produkt)
----------------------------------------------- */
div.productNavigator {
	margin: 10px 0px 10px 0px;
	padding:10px;
	background-color:#F7F7F7;
	border-style:solid;
	border-width:1px;
	border-color:#D9D9D9;
}

/* AGB Bestätigung
----------------------------------------------- */
div.agbConfirmation {
	border-style:solid;
	border-width:1px;
	border-color:#FF9900;
	background-color:#FFDD98;
	padding:10px;
}

/* Footer
----------------------------------------------- */
div#footer {width:960px;font-size:10px;	color:#666666;padding:4px 0px 4px 0px;text-align:center;margin:30px 0 0;}

/* Copyright
----------------------------------------------- */
div.copyright {
	width:960px;
	text-align:center;
	color:#666666;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	padding:0px 0px 10px 0px;
	border:1px solid #ffffff;
	border-width:0 10px;
}

/* Float-Clearing div
----------------------------------------------- */
div.clearboth {
	clear:both;
}

div.clearleft {
	clear:left;
}

div.clearright {
	clear:right;
}







/* kategorie dropdown
------------------------------------------------ */
#kat_container	{width:505px;min-height:110px;text-align:center;padding:40px 0 0 15px;background: url(/shop/images/categories/design/finder_bg.jpg) top left no-repeat;border:1px solid #cacaca;margin:0 0 20px 0;position:relative; z-index:1;}
#katdropdown_tbl {width:400px;min-height:80px;padding:10px 0 0 0;font-weight:bold;margin:0 auto;}
.katdropdown_select {width:300px;margin-right:5px;padding:10px;font-size:16px}
.katdropdown_select1 {width:300px;margin-right:5px;padding:10px;font-size:16px}
.katdropdown_l {width:250px;color:#999999;font-weight:normal;text-align:left;margin-bottom:10px;}
#katdropdown_td {vertical-align:top;}


.katdropdown_2	{width:180px;float:left;margin-left:5px;margin-bottom:20px;color:#999999;font-weight:normal;}


/* fck-editor admin
------------------------------------------------ */

.Bold
{
	font-weight: bold;
}

.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #A60101;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

/* categorie-lackschaden
------------------------------------------------ */

.cat_small { width:129px; height: 250px;float:left;padding-top:2px; margin:2px 2px 0 0; text-align:center;background-color:#dedede; }

/*  Produktvorschau 
----------------------------------------------- */
div.productPreviewFloatBox {
	width:250px;
  height:250px;
	border:1px solid #dedede;
	float:left;
	padding:4px;
	margin:0 5px 5px 0;
}