/* -----------------------------------------------------------------------------------------

   Guem GmbH
   http://www.guem-kaercher.at
   
   Master Stylesheet
   
   Copyright (c) 2008 Niels Heberlein
   www.nielsheberlein.de
  
   ---------------------------------------------------------------------------------------*/

/*****************************************************************************************************************************************
AUFBAU / LAYOUT 
*****************************************************************************************************************************************/
*						{ outline: none; }
body 					{ font-family: Verdana, Arial, sans-serif; font-size: 12px;}
#topnav					{ background: url('../images/guem_topnav_bg.gif') no-repeat -4px top; margin-bottom: 10px; position: relative; color: #464646;}
#globalWrapper			{ width: 985px; margin: auto;}
#wrapper 				{ width: 985px;}
#mainContent 			{ padding: 10px 20px; width: 545px; vertical-align: top;}
#leftContent			{ width: 205px; padding: 0; vertical-align: top;}
#rightContent 			{ width: 205px; padding: 0; vertical-align: top;}
#footer 				{ text-align: center; background: url('../images/guem_footer_bg.gif') no-repeat bottom left; padding: 20px 0 10px 0; font-size: 10px;}
#footerNotes			{ margin: 30px 0 0 0; padding: 0; }


/*****************************************************************************************************************************************
TopPart
*****************************************************************************************************************************************/
#badgeFreeshipping			{ background: url('../images/guem_freeshipping_badge.gif') no-repeat top left; width: 285px; height: 71px; position: absolute;
							  right: -5px; top: 15px; text-indent: -9999px;}
#kaercherLogo				{}

#searchBox					{ position: absolute; right: 10px; top: 10px; width: 205px; text-align: right;}
#searchBox table			{ display: inline; }
#searchBox input[type=text]	{ width: 120px; }

/*****************************************************************************************************************************************
TopNavigation
*****************************************************************************************************************************************/
#topnav ul				{ list-style: none; padding: 0 6px 0 6px; margin: 0; height: 51px; }
#topnav li				{ float: left; padding: 0; margin: 0; display: block; height: 20px; padding: 15px 20px 15px 10px; 
						  background: url('../images/guem_topnav_divider.gif') no-repeat right top;}
#topnav li a			{ text-decoration: none; color: #464646;}
#topnav li a:hover,
#topnav li a:active		{ text-decoration: none; color: #000; }

/*****************************************************************************************************************************************
MainNavigation
*****************************************************************************************************************************************/
ul.CatNavi					{ list-style: none; padding: 0 0 10px 0; margin: 10px 0 0 0; background: url('../images/guem_navcontent_bg.gif') no-repeat bottom right; 
							  border: 1px solid #e3e3e3; overflow: hidden;}
ul.CatNavi a				{ text-decoration: none !important; }

.CatLevel1					{ background: #a1a1a1; color: #fff; font-weight: bold; padding: 7px 5px 10px 10px; }
.CatLevel1.Current,
.CatLevel1.CurrentParent	{ background: url('../images/guem_navhead_bg_active.gif') no-repeat top left #ffe701; color: #000; font-weight: bold;
							  padding: 7px 5px 10px 10px; border-bottom: 1px solid #e4cc6e;}

.CatLevel1 a:hover			{ color: #fff; }
.CatLevel1.Current a:hover,
.CatLevel1.CurrentParent a:hover	{ color: #000; }
.CatLevel2					{ padding: 5px 5px 5px 20px; border-top: 1px solid #e3e3e3;}
.CatLevel2.Current,
.CatLevel2.CurrentParent	{ background: url('../images/guem_nav_current.gif') no-repeat 10px center; font-weight: bold;}
.CatLevel2:first-child		{ border: none; }

.CatLevel3					{ padding: 2px 2px 2px 30px; }
.CatLevel3.Current,
.CatLevel3.CurrentParent	{ font-weight: bold; }

.CatLevel4					{ padding: 2px 2px 2px 40px; }
.CatLevel4.Current,
.CatLevel4.CurrentParent	{ font-weight: bold; }

.CatLevel5					{ padding: 2px 2px 2px 50px; }
.CatLevel5.Current,
.CatLevel5.CurrentParent	{ font-weight: bold; }

/*****************************************************************************************************************************************
Boxes (columns)
*****************************************************************************************************************************************/
/* BOXES NAV */
.columnBox					{ background: url('../images/guem_boxcontent_bg.gif') no-repeat bottom right; 
							  border: 1px solid #e3e3e3; overflow: hidden; margin-top: 10px;}
.columnBoxHead				{ background: url('../images/guem_navhead_bg_active.gif') repeat-x top left; color: #000; font-weight: bold;
							  padding: 7px 5px 10px 10px;}
.columnBoxContent			{ padding: 10px;}

.columnBoxSub				{ padding: 10px; }
.columnBoxSub *				{ color: #a1a1a1; font-style: italic;}

.columnBoxLite				{ background: url('../images/guem_navcontent_bg.gif') no-repeat bottom right; 
							  border: 1px solid #e3e3e3; overflow: hidden; margin-top: 10px;}

.columnBoxHead a:link,
.columnBoxHead a:visited	{ text-decoration: none; color: #000;}
.columnBoxHead a:hover,
.columnBoxHead a:active		{ text-decoration: none; color: #000;}

.columnBox ul,
.columnBoxLite ul			{ padding: 0; margin: 0 0 10px 0; list-style: none; }

.columnBox ul li,
.columnBoxLite ul li		{ background: url('../images/guem_nav_current.gif') no-repeat 10px center; padding: 5px 5px 5px 20px; border-bottom: 1px solid #e3e3e3;}



.columnBox ul li a,
.columnBoxLite ul li a		{ text-decoration: none !important; }

/* BOXES CONTENT */

.contentBox							{ border: 1px solid #e3e3e3; overflow: hidden; margin-top: 10px;}
.contentBoxHead						{ background: url('../images/guem_contentboxhead_bg.gif') repeat-x top left #ffe701; color: #000; font-weight: bold;
									  padding: 7px; border-bottom: 1px solid #e4cc6e; position: relative;}
.contentBoxHead h2					{ font-size: 14px; margin: 0; padding: 0;}
.contentBoxHead .inputRequirement	{ position: absolute; right: 10px; top: 7px; font-size: 12px; color: #c33; font-weight: normal; font-style: italic;}
.contentBoxHead .rightAdd			{ position: absolute; right: 10px; top: 7px; }
.contentBoxHead .rightAdd *			{ font-size: 12px; font-weight: normal; font-style: italic; }

.contentBoxContent					{ padding: 10px;}

.contentBoxContent ul				{ list-style: none; padding: 0; margin: 0; }
.contentBoxContent ul li			{ background: url('../images/guem_nav_current.gif') no-repeat left center; padding: 5px 5px 5px 10px; margin: 0;}


.contentBoxSub						{ padding: 10px; }
.contentBoxSub *					{ color: #a1a1a1; font-style: italic;}

.geoTrust							{ border-top: 1px solid #a1a1a1; margin: 15px 0 0 0; padding: 15px 0 10px 0; }

/*****************************************************************************************************************************************
Content-Modules
*****************************************************************************************************************************************/
/* Allgemein Gültig */

.inputRequirement			{ color: #c33; }
.infoMessage				{ border: 1px solid #a1a1a1; background: #e3e3e3; text-align: center; margin: 10px 0; padding: 5px; font-weight: bold;}
.buttons					{ margin: 10px 0; }
.liteText					{ color: #666; }

/* MAIN CONTENT -> STARTSEITE */
div#indexPage				{ text-indent: -9999px; background: url('../images/guem_index.jpg') no-repeat center top; height: 462px;}
div#indexPage h1			{ background: none; border: none;}
div#indexPage ul			{ list-style: none; }

/* CATEGORY LISTING */
ul.categoryListing			{ padding: 0 0 0 10px; list-style: none; }
li.categoriesBox			{ width: 150px; margin: 10px; float: left; height: 120px; background: #e3e3e3; border: 1px solid #a1a1a1; overflow: hidden;}
li.categoriesBox img		{ border-bottom: 1px solid #a1a1a1; height: 75px; width: 150px;}	
li.categoriesBox h3			{ font-size: 12px; padding: 5px 2px 0 2px; margin: 0; font-weight: normal; text-align: center;}

/* PRODUCT LISTING */
.navigation						{ border: 1px solid #e3e3e3; padding: 5px;}
table.productListing			{ border-spacing: 0; border-top: 1px solid #e3e3e3; margin: 20px 0;}
table.productListing h2			{ margin-bottom: 5px; padding-bottom: 0; }
table.productListing td.border	{ border-bottom: 1px solid #e3e3e3; padding: 10px 0;}
table.productListing .price		{ font-size: 12px; padding: 5px 0 10px 5px; white-space:nowrap;}

p.productShortDesc,
p.productShortDesc p		{ color: #666; font-size: 11px; margin: 0; padding: 0;}

/* PRODUCT INFO */
.productInfo .price				{ font-size: 16px; font-weight: bold; padding: 10px 0 5px 0;}
.productInfo div.priceDiscounted{ color: #006600;}
.productInfo div.cartQuantity	{ padding: 20px 0;}
.productInfo table.cartQuantity	{ display: inline; }

.piTbl						{ border-collapse: separate; border-spacing: 1px; background: #fff; border: 1px solid #fff; margin: 10px 0;}
.piTbl td					{ border-top: 2px solid #fff; }
.piTbl th 					{ background: #ff0; border-bottom: 1px solid #d3d3b2; padding: 10px 5px; text-align: left; }
.piTbl td.piTblLeft			{ width: 40%; background: #e6e6e6; border-bottom: 1px solid #dbdbdb; border-right: 2px solid #fff; padding: 5px !important;}
.piTbl td.piTblLeftersatzteil			{ width: 65%; background: #e6e6e6; border-bottom: 1px solid #dbdbdb; border-right: 2px solid #fff; padding: 5px !important;}
.piTbl td.piTblRight		{ background: #f2f2f2; border-bottom: 1px solid #e7e7e7; padding: 5px !important;}

.contentBox table.tableAccessories tr.odd td,
.contentBox table.tableAccessories tr.even td	{ padding: 5px !important;}
.contentBox table.tableAccessories p			{ padding-top: 5px; }

/* CART / MINI CART */
tr.cartRow td				{ border-bottom: 1px solid #e3e3e3; padding: 2px 0;}
tr.cartRowSum td			{ border-top: 1px solid #a1a1a1; }
table.orderDetails			{ border-spacing: 0;}
table.orderDetails th		{ background: url('../images/guem_tablehead_bg.gif') repeat-x bottom left; padding: 5px; text-align: left;}
table.orderDetails td		{ padding: 5px !important; }

span.miniCartUst,
span.miniCartShippingInfo,
span.cartUst,
span.cartShippingInfo		{ display: block; padding: 2px 0; font-size: 80%; }
span.miniCartTotal,
span.cartTotal				{ display: block; padding: 5px 0 2px 0; }

/* ACCOUNT / CHECKOUT / FORM-TABLES */
table.formArea					{}
table.formArea td				{ border-bottom: 1px solid #f8f8f8; }
table.formArea td.formRowDesc	{ width: 200px; }
table.formArea tr.xl td			{ padding-top: 20px !important; padding-bottom: 20px !important; }
table.smallSelect				{ width: 150px !important; border: none; }
table.smallSelect td			{ border: none; }

table.checkoutShipping td		{ padding: 5px; }

table tr td.borderBottom		{ border-bottom: 1px solid #e3e3e3; }

table.checkoutConfirmation td.first		{ padding-right: 10px !important; width: 50%;}
table.checkoutConfirmation td.second	{ padding-left: 10px !important; width: 50%;}

tr.odd td						{ background: #fff; }
tr.even	td						{ background: #f8f8f8; }

div.agbBox						{ padding: 5px 0; font-weight: bold; margin: 10px 0; }

div.checkoutProgress1,
div.checkoutProgress2,
div.checkoutProgress3,
div.checkoutProgress4			{ width: 545px; height: 38px; text-indent: -9999px; margin: 20px 0; }

div.checkoutProgress1			{ background: url('../images/guem_co_progress2_1-4.gif') no-repeat center; }
div.checkoutProgress2			{ background: url('../images/guem_co_progress2_2-4.gif') no-repeat center center; }
div.checkoutProgress3			{ background: url('../images/guem_co_progress2_3-4.gif') no-repeat center center; }
div.checkoutProgress4			{ background: url('../images/guem_co_progress2_4-4.gif') no-repeat center center; }

.paymentModuleHead				{ background: #a1a1a1; padding: 5px 0 !important;}
.paymentModuleHeadLast			{ background: #a1a1a1; padding: 5px !important; text-align: right; }

/*****************************************************************************************************************************************
Stuff (links, classes, general etc)
*****************************************************************************************************************************************/
.alignRight				{ text-align: right; }
.alignCenter			{ text-align: center; }

.valignTop				{ vertical-align: top; }

span.alignRight,			
span.alignCenter		{ display: block; }		

.small					{ font-size: 80%; color: #a1a1a1; }
.small a:link			{ color: #a1a1a1; }

p.small					{ padding: 0; margin: 0; }

.clear					{ clear: both; }
.nowrap					{ white-space:nowrap; }

.noBorder,				
.noBorder *				{ border: none !important; }

.floatLeft				{ float: left; margin: 0 5px 10px 0; }
.floatRight				{ float: right; margin: 0 0 5px 10px; }

a:link,
a:visited				{ color: #000; text-decoration: underline; }
a:hover,
a:active				{ color: #a1a1a1; text-decoration: none; }

img						{ border: none; }
p						{ line-height: 140%; margin: 5px 0; padding: 5px 0; }

h1						{ font-size: 24px; background: url('../images/guem_h1bg.gif') repeat-x top left #feda03; border-bottom: 1px solid #dac369; padding: 5px; 
						  margin: 0 0 10px 0;}
h2						{ font-size: 16px; padding: 0; margin: 5px 0; }
h3						{ font-size: 14px; margin: 15px 0 5px 0; padding: 0;}
h4						{ font-size: 12px; font-weight: bold; margin: 10px 0 0 0; padding: 0; }
h5						{ color: #999999; font-size: 10px; font-weight: bold; margin:8px 0 0 0; padding: 0; }
ol						{ padding: 20px; margin: 0; }
ol li					{ margin: 5px 0; padding: 5px 0; line-height: 140%; }
ol.lvl2					{ list-style: lower-latin; margin: 0; padding: 0 20px;}

/*
.productOldPrice		{ text-decoration: line-through; color: #f33;}
*/

.productNewPrice		{ font-weight: bold; }

/* TABLES */
.columnBox table		{ width: 100%; }

#mainContent table		{ width: 100%; border: none; border-spacing: 0; }
#mainContent td			{ padding: 4px 0; }

tr.borderBottom td 				{ border-bottom: 1px solid #e3e3e3; padding-bottom: 10px;}
tr.borderBottom:last-child td	{ border: none; }

td.gridCell				{ border: 1px solid #eee; padding: 5px !important;}

/* FORMS */
input[type=text],
input[type=password],
textarea							{ border: 1px solid #a1a1a1; padding: 2px; font-size: 12px; color: #666;}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus						{ border-color: #000; color: #000; }

/* PERMANENT ARTICLE BOX */
.permanentArticleImage				{ width: 100px; }

/* LOGINBOX */
form#loginbox input[type=text],
form#loginbox input[type=password],
form#loginbox input					{ width: 100px; }

.loginboxInput						{width: 100px; }

/* NEWSLETTER BOX */
form#sign_in input[type=text]		{ width: 97%; }

/* MoImages */
.moImages,
.moImages *				{text-align: center; border: none;}

/* Search Suggestions */
.suggestHead			{ height: 50px; }
.suggestImg	img			{ height: 80px; }	
.suggestPrice			{ height: 50px; border-bottom: 1px solid #e3e3e3; }
.suggestCat				{ height: 50px; overflow: hidden;}




/* LEXIKON */

.lexikon_keyword {font-family: sans-serif;font-size: 14px;color: #000000; text-decoration: none;}
#box a {
color: #70796c;
text-decoration: none;
}
#box a:hover {
color: white;
background: #000000;
text-decoration: none;
}
#box a span {display: none;}
#box a:hover span {
	display: block;
	color: #000000;
	background: #D2D2D2;
	width: 310px;
	border: 1px solid #000000;
	z-index: 100;
	padding: 3px;
	position:absolute;
	font-weight: lighter;
}