@CHARSET "ISO-8859-1";

/*
  Style Index
 
  $0 - Imported Styles
  $1 - Common Elements
  $2 - Header
  $3 - Navigation
  $4 - Content
  $5 - Footer
*/

/* $1 - Common Elements //////////////////////////////////////////////////////*/

*
{
  padding:0px;
  margin:0px;
}

ul, ol
{
  list-style-type:none;
}

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

.formInput
{
  display:inline;
  border:1px solid #CCCCCC;
  font-size:11px;
}

select
{
  font-size:11px;
}

.h
{
 display:none;
}

a.greenShaft
{
  background:url(img/greenShaft.gif) 0% 60%;
  background-repeat:no-repeat;
  padding:0px 0px 0px 15px;
  font-weight:bold;
  color:#4e8b46;
}

a.greenShaft:hover
{
	color:#4e8b46;
}

a:hover
{
  text-decoration:underline;
  color:#000000;
}

img
{
  border:0px;
}

p
{
  line-height:130%;
}

.clear
{
  clear:both;
}

.spacer_5px
{
  height:5px;
  font-size:1px; /* IE E6 */
}

.spacer_10px
{
  height:10px;
  font-size:1px; /* IE E6 */
}

body, html
{
  background:url(img/bg.jpg);
  font-family:Arial;
  font-size:11px;
}

#mainContainer
{
  width:970px;
  padding:5px;
  margin:0 auto;
  background:#FFFFFF;
}

/* $2 - Header ///////////////////////////////////////////////////////////////*/

#header
{
  height:108px;
}

#headerLeft
{
  float:left;
  background:url(img/header/headerLeft.jpg);
  width:868px;
  height:108px;
}

#headerLeft ul
{
  margin:41px 0px 0px 282px;
}

#headerLeft ul li
{
  float:left;
  text-align:center;
}

#headerLeft ul li a
{
  display:block;
  font-weight:bold;
  padding:2px 0px 3px 0px;
}

#headerLeft ul li a:hover, #headerLeft ul li.active a
{
  background:#0498ff;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
}

#headerLeft ul li.headerHome
{
  width:60px;
  margin:0px 6px 0px 0px;
}

#headerLeft ul li.headerShop
{
  width:55px;
  margin:0px 8px 0px 0px;
}

#headerLeft ul li.headerProductInfos
{
  width:110px;
  margin:0px 8px 0px 0px;
}

#headerLeft ul li.headerWeAboutUs
{
  width:105px;
  margin:0px 8px 0px 0px;
}

#headerLeft ul li.headerService
{
  width:70px;
  margin:0px 8px 0px 0px;
}

#headerLeft ul li.headerTippsAndIdeas
{
  width:105px;
  margin:0px 8px 0px 0px;
}

#headerRight
{
  float:left;
  background:url(img/header/headerRight.jpg);
  width:102px;
  height:108px;
}

#headerRight #languages
{
  margin:37px 0px 0px 5px;
}


#headerRight #langauges a
{
  float:left;
  margin:0px 0px 0px 5px;
}


/* $4 - Content //////////////////////////////////////////////////////////////*/

#mainPanel
{
  margin:5px 0px 0px 0px;
}

#panelLeft
{
	float:left;
  width:185px;
  margin:0px 0px 0px 5px;
}

#panelRight
{
  float:right;
  width:185px;
  margin:0px 5px 0px 0px;
}

#panelCenter
{
	width:578px;
	float:left;
	margin:0px 5px 0px 5px;
}

.box
{
  margin:0px 0px 5px 0px;
}

.boxHead
{
  background:url(img/boxes/boxHead.jpg);
  height:23px;
  padding:15px 5px 0px 20px;
  color:#FFFFFF;
  font-weight:bold;
}

.boxHeadRed
{
  background:url(img/boxes/boxHeadRed.jpg);
}

.boxFooter
{
  background:url(img/boxes/boxFooter.jpg);
  height:12px;
}

.boxContent
{
  background:url(img/boxes/boxBg.jpg);
  background-repeat:repeat-y;
  padding:0px 15px 0px 12px;
}

.boxContent ul li
{
  border-bottom:1px solid #cfd5d9;
  background:url(img/arrowGreen.gif) 3px 8px;
  background-repeat:no-repeat;
}

.boxContent ul li a
{ 
  display:block;
  padding:3px 0px 3px 13px;
}

#boxCategories ul li
{
  color:#000000;
  border-bottom:1px solid #cfd5d9;
}

#boxCategories ul li a
{	
  display:block;
  padding:3px 0px 3px 15px;
}

#boxCategories ul li a:hover
{ 
  background:url(img/boxes/navigationNodeHoverBg.gif) #ecfaeb;
  background-repeat:no-repeat;
  text-decoration:none;
  /*font-weight:bold;*/
}

#boxCategories ul li.level_1
{
  background:url(img/boxes/navigationNodeBg.gif);
  background-repeat:no-repeat;
}

#boxCategories ul li.level_2 a
{
  background:url(img/boxes/navigationNodeBg.gif) no-repeat;
  display:block;
  padding:3px 0px 3px 20px;
}

#boxCategories ul li.level_2 a:hover {
  background:url(img/boxes/navigationNodeHoverBg.gif) #ecfaeb;
  background-repeat:no-repeat;
}

#boxCategories ul li.level_3 a
{
  background:url(img/boxes/navigationNodeBg.gif) no-repeat;
  display:block;
  padding:3px 0px 3px 25px;
}

#boxCategories ul li.activeCategory, 
#boxCategories ul li.activeCategory a, 
#boxCategories ul li.activeCategory a:hover
{
  background:url(img/boxes/navigationNodeActive.gif) #ecfaeb;
  background-repeat:no-repeat;
  font-weight:bold;
}

.boxContactContent
{
  padding-left:18px;
}

.boxTeichfolienplanerContent
{
	background:url(img/boxes/teichfolienplanerBg.jpg);
	background-repeat:no-repeat;
	height:181px;
	padding:0px 15px 0px 15px;
}

.boxTeichfolienplanerStart
{
  margin:112px 0px 0px 0px;
}

a.boxTeichfolienplanerStartLink, a.boxTeichfolienplanerStartLink:hover
{
  color:#000000;
}

.boxLoginInput
{
	width:157px;
}

.boxLoginSubmitButton
{
  margin:5px 0px 0px 0px;
}

.boxCartProductListing
{
  margin:0px 0px 5px 0px;
}

.boxCartContent
{
  padding-left:15px;
}


.teaserContentHead
{
	background:url(img/teaser/teaserContentHead.jpg);
  background-repeat:no-repeat;
  height:14px;
}

.teaserContentContent
{
	background:url(img/teaser/teaserContentBg.jpg);
  background-repeat:repeat-y;
  padding:5px 15px 5px 15px;
}

.teaserContentContentHome
{
  background:url(img/teaser/teaserContentBg.jpg);
  background-repeat:repeat-y;
  padding:3px 15px 3px 15px;
  height:252px !important;
  width:545px;
  overflow:hidden;
}

html * .teaserContentContentHome
{
  height:400px;
}

html *+ .teaserContentContentHome
{
 height:246px !important;
}

.teaserContentFooter
{
  background:url(img/teaser/teaserContentFooter.jpg);
  background-repeat:no-repeat;
  height:19px;
}

.teaserContentProductListingContent
{
	background:url(img/productListing/teaserContentBg.jpg);
  background-repeat:no-repeat;
  height:35px;
  padding:45px 10px 0px 20px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:28px;
}

.productsListingProduct
{
  border-bottom:1px solid #CCCCCC;
  margin:0px 0px 10px 0px;
  padding:0px 0px 10px 0px;
}

.productsListingProductImage
{
  width:98px;
  height:88px;
  overflow:hidden;
  background:url(img/productListing/imageBg.jpg);
  padding:14px 17px 0px 17px;
  text-align:center;
}

.productsListingProductPrice
{
  color:#4e8b46;
  font-weight:bold;
  font-size:15px;
  margin:10px 10px 0px 0px;	
}

.productsListingProductMwst
{
	margin:0px 10px 0px 0px;
	font-size:10px;
	color:#bdbdbd;
}

.splitPages
{
  margin:0px 0px 5px;
}

.teaserContent
{
  background:url(img/home/teaserMainContent.jpg);
  background-repeat:no-repeat;
  height:70px;
  padding:115px 10px 0px 20px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:28px;
}

.newProductsDefaultProduct
{
  float:left;
  width:256px;
  margin:0px 10px 10px 5px;
  padding:0px 0px 10px 0px;
  border-bottom:1px solid #CCCCCC;
}

.newProductsDefaultProductShortDescription
{
  padding:5px 0px 0px 0px;
}

* html .newProductsDefaultProduct
{
  width:250px;
}

.newProductsDefaultProductName
{
  padding:0px 0px 0px 11px;
}

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

.productInfo h1
{
  margin:0px 0px 15px 0px;
  font-size:18px;
}

.productDescription
{
  padding:0px 10px 15px 0px;
  margin:0px 0px 15px 0px;
  border-bottom:1px dashed #CCCCCC;
}

.productInfoProductPrice
{
	color:#4e8b46;
  font-weight:bold;
  font-size:15px;
  margin:10px 15px 0px 0px; 
  float:right;
}

.productInfoProductPriceMwst
{
	clear:both;
  margin:0px 20px 10px 35px;
  font-size:10px;
  text-align:right;
  color:#bdbdbd;
}

*+ .productInfoProductPriceMwst
{
	margin:0px 16px 10px 35px;
}

.productInfoProductOptions
{
  width:350px;
}

.productInfoSelect
{
  width:100px;
}

.productInfoQTY
{
  margin:15px 0px 0px 0px;
}

.productInfoInputQTY
{
  width:25px;
}

.productInfoZoom
{
  margin:0px 0px 0px 12px;
}

#orderDetails
{
  padding:5px 0px 10px 0px;
  margin:0px 10px 10px 10px;
}

#orderDetails h1
{
  margin:0px 0px 15px 0px;
  font-size:18px;
}

#orderDetails table tr.orderDetailsHead, tr.infoBoxHead
{
	background:url(img/blueBg.jpg);
  height:21px;
}

html* #orderDetails table tr.orderDetailsHead, tr.infoBoxHead
{
	height:18px;
}

*+ html #orderDetails table tr.orderDetailsHead
{
  height:18px;
}

table.infoBoxTable 
{
  margin:0px;
  width:558px;
}

span.infoBoxAlert  
{
  background:url(img/alert.gif) left top no-repeat;
  display:block;
  height:22px;
  margin-left:10px;
  width:25px;
}

.infoBoxTable tr.infoBoxContent td
{
  background:#F8F8F6;
  padding:3px 10px;
}

#orderDetails table tr.orderDetailsHead td, .infoBoxHead td
{
    padding:3px 10px 0px 10px;
    color:#FFFFFF;
    font-weight:bold;
}

.orderDetailsTable, .infoBoxTable
{
  border-bottom:1px dashed #CCCCCC;
}

.orderDetailsProduct
{
  padding:5px 10px 5px 10px;
  background:#f8f8f6;
  border-bottom:2px solid #FFFFFF;
}

.orderDetailsProductDelete
{
  padding-top:10px;
}

.orderDetailsProductQty
{
  width:25px;
}

.orderDetailsTotal
{
  margin:10px 0px 0px 0px;
  padding:0px 0px 10px 0px;
  float:right;
  text-align:right;
  width:300px;
}

.orderDetailsShippingTime
{
	clear:both;
  padding:10px 0px 0px 0px;
  float:right;
  text-align:right;
  width:300px;
  color:#8b8b8b;
}

.errorMessage
{
  margin:0px 0px 10px 0px;
  font-weight:bold;
  color:#CC0000;
}

.loginContent
{
  margin:0px 10px 0px 10px;
}

* html .loginContent
{
	margin:0px 10px 0px 9px;
}

.loginContent h1
{
	margin:0px 0px 10px 0px;
  font-size:18px;
}

.loginBoxes
{
	background:#f8f8f6;
	width:245px;
	height:110px;
	margin:0px 10px 0px 0px;
	padding:10px;
}

.loginBoxesContainer td
{
  vertical-align:top;
}

.loginBoxes.guest_login
{
	height:auto;
  margin-top:10px;
  width:520px;
}

.loginSubmitButton
{
  padding:5px 0px 0px 0px;
}

.loginInput
{
  width:145px;
}

.createAccountContent
{
	margin:0px 10px 0px 10px;
}

.createAccountContent h1
{
  margin:0px 0px 10px 0px;
  font-size:18px;
}

.createAccountTable
{
  background:#f8f8f6;
}

.createAccountTable tr td
{
  padding:5px 0px 5px 10px;
}

.createAccountFormInput
{
  width:251px;
}

span.inputRequirement
{
  color:#CC0000;
}

.createAccountHead
{
  padding:0px 0px 10px 0px;
  font-weight:bold;
}

.createAccountTable tr td.createAccountSubmitButton
{
  padding:10px;
}

.checkoutShippingContent
{
	margin:0px 10px 0px 10px;
}

.checkoutShippingContent h1
{
  margin:0px 0px 10px 0px;
  font-size:18px;
}

.checkoutShippingTable
{
  background:#f8f8f6;	
  margin-top:10px;
}

.checkoutShippingTable tr td
{
	vertical-align:top;
	padding:5px 0px 10px 10px;
	border-bottom:2px solid #FFFFFF;
}

.checkoutShippingTable tr td.checkoutShippingSubmitButton
{
  padding:10px 15px 0px 0px;
}

.checkoutShippingAdressTable
{
	 margin-top:10px;
	 background:#f8f8f6; 
}

.checkoutShippingAdressTable tr td
{
	vertical-align:top;
  padding:5px 0px 10px 10px;
}

.checkoutShippingAdressTable tr td.checkoutShippingAdressSubmitButton
{
  padding:10px 15px 10px 0px;
}

.checkoutPaymentTable
{
	margin-top:10px;
  background:#f8f8f6;
}

.checkoutPaymentTable tr td
{
  vertical-align:top;
  padding:5px 0px 10px 10px;
}

.checkoutPaymentTable tr td.col
{
  vertical-align:top;
  padding:5px 0px 10px 10px;
  border-bottom:2px solid #FFFFFF;
}

.checkoutPaymentTable tr td.paymentModule
{
  vertical-align:top;
  padding:0px 0px 0px 10px;
}

.checkoutPaymentTable tr td.checkoutPaymentSubmitButton
{
	padding:10px 15px 0px 0px;
	text-align:right;
}

.checkoutPaymentContent
{
  margin:0px 10px 0px 10px;
}

.checkoutPaymentContent h1
{
	margin:0px 0px 10px 0px;
  font-size:18px;
}

.checkoutPaymentComments
{
  width:98%;
}

.checkoutPaymentTable tr td.checkoutPaymentAgbCheckbox
{
  padding-left:0px;
}

.checkoutConfirmationContent
{
	margin:0px 10px 0px 10px;
}

.checkoutConfirmationContent h1
{
  margin:0px 0px 10px 0px;
  font-size:18px;
}

#checkoutConfirmationProductsBlock table tr td, #checkoutConfirmationTotalBlock table tr td
{
  padding:0px 10px 1px 0px;
  margin:0px;
}

#checkoutConfirmationTotalBlock
{
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  padding-top:5px;
  padding-right:0px;
}

.checkoutSuccessContent
{
  margin:0px 10px 0px 10px;
}

.checkoutSuccessContent h1
{
	margin:0px 0px 10px 0px;
  font-size:18px;
}

.checkoutSuccessTable tr td
{
   background:#f8f8f6; 
   text-align:left;
   padding:10px;
}

.checkoutSuccessTable tr td.checkoutSuccessContinueButton
{
  text-align:right;
}

.shopContentContent
{
	margin:0px 10px 0px 10px;
}

.shopContentContent h1
{
  margin:0px 0px 10px 0px;
  font-size:18px;
}

.shopContentContactUsTable tr td
{
	background:#f8f8f6;
  vertical-align:top;
  padding:5px 0px 10px 10px;
}
.shopContentContactUsTable tr td.shopContentContactUsSubmitButton
{
  vertical-align:top;
  text-align:right;
  padding:10px 18px 10px 0px;
}

.shopContentContactUsMessage
{
  width:410px;
}

.newPasswordContent
{
  margin:0px 10px 0px 10px;
}

.newPasswordContent h1
{
	padding:10px;
	margin:0px 0px 10px 0px;
  font-size:18px;
}

.mainContent
{
	margin:0px 10px 10px 10px;
}

.mainContentHome a
{
  color:#4E8B46;
	text-decoration:none;
}

.mainContentHome a:hover
{
  text-decoration:underline;
}

.mainContentLeft
{
  float:left;
  width:280px;
  margin-right:5px;
}

.mainContentRight
{
  float:left;
  width:265px;
}

.mainContent h1
{
	color:#1a74b3;
	font-size:18px;
	margin:0px 0px 10px 0px;
}

.accountContent
{
  margin:0px 10px 0px 10px;
}

.accountWelcome
{
  vertical-align:top;
  padding:0px 0px 10px 0px;
}

.accountOrdersTable tr td
{
  border-bottom:1px solid #CCCCCC;
  padding:5px 0px 5px 0px;
}

.accountOrdersTable tr td.accountShowAllOrders
{
	border-bottom:0px;
}

.accountEditContent
{
  margin:0px 10px 0px 10px;
}

.accountEditPersonalTable tr td
{
  padding:0px 0px 5px 0px;
  vertical-align:top;
}

.accountPasswordContent
{
  margin:0px 10px 0px 10px;
}

.specialProduct
{
  margin:0px 0px 10px 5px;
}

.specialProductPrice
{
  padding:3px 5px 3px 5px;
  background:#fe0000;
  color:#FFFFFF;
  width:60px;
  font-weight:bold;
  
}

.priceCalculation td
{
  vertical-align:top;
  padding:10px 0px 0px 0px;
}

a.priceCalculationCalcSum
{
 text-decoration:underline;
}

.priceCalculationSelect
{
  width:120px;
}

.pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    width:  200px; 
    height: 200px; 
} 


/* $5 - Footer  //////////////////////////////////////////////////////////////*/

#footer
{
	background:url(img/footer/footer.gif);
	background-repeat:no-repeat;
  margin-bottom:20px;
}

#footer ul
{
	float:left;
  margin:20px 0px 0px 0px;
}

#footer ul li
{
  float:left;
  color:#9c9c9c;
}

#footer ul li a
{
	margin:0px 5px 0px 5px;
	color:#9c9c9c;
}

.footerCopyright
{
	margin:20px 0px 0px 0px;
  float:right;
  color:#9c9c9c;
}

h3.categoryProductListing {
  margin-bottom:10px;
  padding-bottom:3px;
  font-size:12px;
  border-bottom:1px solid #CCCCCC;
}