/*////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Norman Geiersbach                                                                              */
/* Eitido (c) 2007                                                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////*/

/* -- HTML elements ----------------------------------------------------------------------------- */

a, body, div, h1, h2, h3, html, img, li, p, table
{
	border: 0;
	margin: 0;
	padding: 0;	
}


a
{
	color: #67ac01; 
	outline: none; /* solves common bug in some browsers */	
	text-decoration: none;
}

a:hover { color: #404040; }


body 
{
	background: #f7ffe9;
	color: #666666;
	font: 11px tahoma, verdana, helvetica, arial, sans-serif;
}


h1
{
	color: #e0a979;
	font: 12px tahoma, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	margin-bottom: 12px;
}

h2
{
	color: #666666;
	font: 11px tahoma, verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	margin-bottom: 12px;
}


p { line-height: 18px; }


table tr { vertical-align: top; }


/* -- Page elements ----------------------------------------------------------------------------- */

#pageContainer 
{
	margin: 32px auto 16px auto;
	width: 912px;
}


.popupWindow
{
	background: #fff;
	padding: 16px;
}


  /* top elements */

#topContainer
{
	background: url('images/topContainer.jpg') no-repeat;		
	height: 203px;
	padding: 7px 6px 0 6px;	
}


#topContainer #shoppingCartSummary
{
	height: 29px;
	padding-left: 479px;
	padding-top: 152px;
}


  /* main elements */

#middleContainer
{
	background: url('images/mainContainer.gif') repeat-y;	
	min-height: 128px;	
	/*padding: 1px 104px 1px 104px;*/
}

#innerContainer { width: 100%; }
#innerContainer	.innerContainerLeft { width: 104px; }
#innerContainer	.innerContainerCenter { padding: 1px 0; }
#innerContainer	.innerContainerRight { width: 104px; }
#innerContainer	.innerContainerRight .banner { margin-left: 7px; margin-top: 2px; }


#mainContainer { width: 100%; }
#mainContainer #mainContainerLeft { width: 128px; }
#mainContainer .mainContainerSpace { width: 10px; }


#contactContainer {}
#contactContainer tr { vertical-align: top; }
#contactContainer td { padding-bottom: 4px; }

#contactContainer .contactContainerLeft
{
	padding-right: 14px;
	text-align: right;
	width: 64px;
}

#contactContainer .contactContainerRight { text-align: right; }


  /* bottom elements */

#bottomContainer
{
	background: url('images/bottomContainer.gif') no-repeat;		
	height: 22px;
}

#copyContainer { text-align: center; }
#copyContainer a { color: #666666; }


/* -- Navigation elements ----------------------------------------------------------------------- */

/*#navHome
{
	display: block;
	height: 128px;	
	width: 100%;
}		*/


#topNavigation 
{
	margin: 0px 116px 0 116px;
	width: 668px;
}

#topNavigation tr
{
	text-align: center;
	vertical-align: middle;	
}

#topNavigation a
{
	color: #9e9d9d;
	/*color: #e4ffbc;*/
	/*font-weight: bold;*/	
	text-transform: uppercase;
}

#topNavigation a:hover,
#pageHome #navHome,
#pageGallery #navGallery,
#pageShop #navShop,
#pagePartRequest #navPartRequest,
#pageCart #navCart,
#pageContact #navContact,
#pageImpressum #navImpressum,
#pageTerm #navTerm
{
	color: #fefefe;
	/*color: #ffffff;*/	
}


/* -- Box elements ------------------------------------------------------------------------------ */

.greenBox
{
	background: #f7ffeb;	
	margin-bottom: 5px;
	width: 100%;
}

.greenBox .greenBoxLeft { width: 8px; }
.greenBox .greenBoxRight { width: 8px; }

.greenBox .greenBoxTop
{
	background: #99ff00 url('images/greenBoxTop.gif') repeat-x;
	height: 28px;	
	width: 100%;
}

.greenBox .greenBoxTop .greenBoxLeft { background: url('images/greenBoxTopLeft.gif') no-repeat; }
.greenBox .greenBoxTop .greenBoxRight { background: url('images/greenBoxTopRight.gif') no-repeat; }

.greenBox .greenBoxTop .greenBoxCaption
{
	padding: 4px 8px 0 8px;
	text-transform: uppercase;
}

.greenBox .greenBoxMain
{
	border-left: solid 2px #99ff00;
	border-right: solid 2px #99ff00; 
	padding: 0 16px;
}

.greenBox .greenBoxBottom
{
	background: #99ff00 url('images/greenBoxBottom.gif') repeat-x;
	height: 28px;
	width: 100%;
}

.greenBox .greenBoxBottom .greenBoxLeft { background: url('images/greenBoxBottomLeft.gif') left bottom no-repeat; }
.greenBox .greenBoxBottom .greenBoxRight { background: url('images/greenBoxBottomRight.gif') right bottom no-repeat; }

		



.galleryBox
{
  background: #ffffff;
  line-height: 18px; 
	margin-bottom: 5px;
}

.galleryBox table
{
  background: #ffffff;  
	width: 100%;
}

.galleryBoxLeft
{
	background: #666666 url('images/productBoxLeft.gif') repeat-y;
	vertical-align: bottom;
	width: 42px;
}

.galleryBoxTop td { height: 8px; }
.galleryBoxTop .galleryBoxRight { background: url('images/productBoxTop.gif') repeat-x; }
.galleryBoxTop .galleryBoxLeft	{	background: url('images/productBoxTopLeft.gif') no-repeat; }
.galleryBoxTop .galleryBoxLeft	{	background: url('images/productBoxTopLeft.gif') no-repeat; }

.galleryBoxBottom td { height: 8px; }
.galleryBoxBottom .galleryBoxRight { background: url('images/productBoxBottom.gif') repeat-x; }
.galleryBoxBottom .galleryBoxLeft	{	background: url('images/productBoxBottomLeft.gif') no-repeat; }
.galleryBoxBottom .galleryBoxLeft	{	background: url('images/productBoxBottomLeft.gif') no-repeat; }

.galleryBoxLeft .lnkMagnifier
{
	background: url('images/iconMagnifier.gif') left bottom no-repeat;
	margin-left: 8px;
	display: block;	
	height: 16px;	
	width: 16px;
}

/*.galleryBoxMain { table-layout: fixed; width: 100%; }*/

.galleryBoxMain img { background: white; border: solid 1px #cccccc; }

.galleryBoxMain .galleryImages
{
	padding: 6px 12px;	
	padding-left: 4px;
	width: 202px;
}

.galleryBoxMain .galleryImages #galleryImageLink2,
.galleryBoxMain .galleryImages #galleryImageLink3,
.galleryBoxMain .galleryImages #galleryImageLink4 { display: none; }

.galleryBoxMain .galleryImages img { padding: 4px; width: 192px; }
.galleryBoxMain .galleryImages img:hover { border: solid 1px #666666; }
.galleryBoxMain .galleryThumbnails { padding-top: 6px; padding-left: 8px; width: 38px; }
.galleryBoxMain .galleryThumbnails a { display: block; margin-bottom: 4px; }
.galleryBoxMain .galleryThumbnails img { padding: 2px; width: 32px; }

.galleryBoxMain .galleryInfo { padding-right: 16px; }

.galleryBoxMain .galleryInfo .galleryCaption 
{
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
}

.galleryBoxMain .galleryInfo .galleryDescription { line-height: 18px;  }
.galleryBoxMain .galleryInfo .galleryDescription td { }
.galleryBoxMain .galleryInfo .galleryDescription .comboBox { width: 96px;  }
.galleryBoxMain .galleryInfo .galleryDescriptionLeft { width: 64px; }

.galleryBoxMain .galleryDesc { padding: 4px 16px 8px 16px; }
.galleryBoxMain .galleryNotes { font-size: 10px; padding: 4px 16px 0px 16px; }


.productBox,
.productBoxMini
{
  background: #ffffff;
  line-height: 18px; 
	margin-bottom: 5px;
}

.productBox table,
.productBoxMini table
{
  background: #ffffff;  
	width: 100%;
}


.productBoxMini { cursor: pointer; margin-left: 34px; }

.productBoxLeft
{
	background: #666666 url('images/productBoxLeft.gif') repeat-y;
	vertical-align: bottom;
	width: 42px;
}

.productBoxTop td { height: 8px; }
.productBoxTop .productBoxRight { background: url('images/productBoxTop.gif') repeat-x; }
.productBoxTop .productBoxLeft	{	background: url('images/productBoxTopLeft.gif') no-repeat; }
.productBoxTop .productBoxLeft	{	background: url('images/productBoxTopLeft.gif') no-repeat; }

.productBoxBottom td { height: 8px; }
.productBoxBottom .productBoxRight { background: url('images/productBoxBottom.gif') repeat-x; }
.productBoxBottom .productBoxLeft	{	background: url('images/productBoxBottomLeft.gif') no-repeat; }
.productBoxBottom .productBoxLeft	{	background: url('images/productBoxBottomLeft.gif') no-repeat; }

.productBoxLeft .lnkMagnifier
{
	background: url('images/iconMagnifier.gif') left bottom no-repeat;
	margin-left: 8px;
	display: block;	
	height: 16px;	
	width: 16px;
}

.productBoxLeft .lnkPriceRequest
{
	background: url('images/iconPrice.gif') left bottom no-repeat;
	margin-left: 8px;
	display: block;	
	height: 128px;	
	width: 16px;
}

.productBoxLeft .lnkPriceRequest:hover { background: url('images/iconPrice_h.gif') left bottom no-repeat; }

.productBoxLeft .lnkShoppingCart
{
	background: url('images/iconCart.gif') left bottom no-repeat;
	margin-left: 8px;
	display: block;	
	height: 128px;	
	width: 16px;
}

.productBoxLeft .lnkShoppingCart:hover { background: url('images/iconCart_h.gif') left bottom no-repeat; }

.productBoxMain { table-layout: fixed; width: 100%; }

.productBoxMain img { background: white; border: solid 1px #cccccc; }

.productBoxMain .productThumbnail { width: 44px; }
.productBoxMain .productThumbnail img { margin-top: 1px; padding: 2px; width: 30px; }

.productBoxMain .productImages
{
	padding: 6px 16px;	
	width: 162px;
}

.productBoxMain .productImages #productImageLink2,
.productBoxMain .productImages #productImageLink3,
.productBoxMain .productImages #productImageLink4 { display: none; }

.productBoxMain .productImages img { padding: 4px; width: 152px; }
.productBoxMain .productImages img:hover { border: solid 1px #666666; }
.productBoxMain .productThumbnails { margin-top: 6px; width: 162px; }
.productBoxMain .productThumbnails img,
.productBoxMain .productThumbnails .empty { padding: 2px; width: 30px; }

.productBoxMain .productInfo { padding-right: 16px; }

.productBoxMain .productInfo .productCaption 
{
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
}

.productBoxMain .productInfo .productDescription { line-height: 18px;  }
.productBoxMain .productInfo .productDescription td { }
.productBoxMain .productInfo .productDescription .comboBox { width: 96px;  }
.productBoxMain .productInfo .productDescriptionLeft { width: 64px; }

.productBoxMain .productDesc { padding: 4px 16px 8px 16px; }
.productBoxMain .productNotes { font-size: 10px; padding: 4px 16px 0px 16px; }


.specialBoxes { margin-top: 8px; }
.specialBoxes { position: absolute; margin: 0; left: 256px; bottom: -8px; height: 160px; width: 399px; }
.specialBoxesSpace { height: 160px; }

.specialBox
{
  background: #ffffff url('images/grayBoxVBack.gif') repeat-y;  
  cursor: pointer;
  text-align: center;
  margin-right: 5px;
  position: relative;
  height: 160px;
  width: 128px;  
}

.specialBox:hover { background: #ffffff url('images/grayBoxVBack_h.gif') repeat-y; }
					 
.specialBox .specialImage { border: solid 1px #cccccc; padding: 4px; width: 100px; }
.specialBox .specialBoxTitle { background: url('images/grayBoxVTop.gif') no-repeat; color: #ffffff; height: 32px; }
.specialBox .specialBoxTitle p { padding-top: 3px; }
.specialBox .specialBoxDesc { left: 0px; bottom: 4px; padding-left: 10px; position: absolute; text-align: left; line-height: normal; }
.specialBox .specialBoxDesc span { font-size: 9px; }

/*.specialBox:hover .specialImage { border: solid 1px #666666; }*/
.specialBox:hover .specialBoxTitle { background: url('images/grayBoxVTop_h.gif') no-repeat; }


/* -- Common elements --------------------------------------------------------------------------- */

.activePoint { color: #404040; }


.pageButtons { text-align: right; }


.buttonTable { width: 100%; }
.buttonTable .buttonTableLeft { text-align: left; }
.buttonTable .buttonTableRight { text-align: right; }


.linkButton
{
	background: url("images/arrow_left.gif") right 1px no-repeat;	
	border: 0;
	font-weight: bold;
	padding-right: 12px;
	text-align: left;
}

.linkButton:hover { background: url("images/arrow_left_active.gif") right 1px no-repeat; }

a .linkButton
{
	padding-top: 1px;
	padding-right: 16px;	
}


.linkButtonBack
{
	background: url("images/arrow_right.gif") left 1px no-repeat;	
	border: 0;
	font-weight: bold;
	padding-left: 12px;
	text-align: right;
}

.linkButtonBack:hover { background: url("images/arrow_right_active.gif") left 1px no-repeat; }

a .linkButtonBack
{
	padding-top: 1px;
	padding-left: 16px;	
}


.clear
{
	clear: both;
}


.contentTable { width: 100%; }


.comboBox { }


.editField, .listBox, .textField
{
	border: solid 1px #bababa;	
	width: 256px;
}

.editField:hover, .editField:focus, 
.listBox:hover, .listBox:focus, 
.textField:hover, .textField:focus
{
	border: solid 1px #404040;
}


.hyperLink
{	
	background: url('images/lnk_arrow.gif') right top no-repeat;
	border: 0;
	color: #666666;	
	font-size: 10px;
	padding-right: 20px;
	padding-top: 1px;
}

.hyperLinkLeft
{	
	background: url('images/lnk_arrow_left.gif') no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}

.hyperLinkRight
{	
	background: url('images/lnk_arrow.gif') no-repeat;
	display: block;
	height: 16px;
	width: 16px;
}

.hyperLinkMini
{
	color: #67a7bc;
	display: block;
	font: 10px arial, tahoma, verdana, helvetica, sans-serif;
}

.hyperLinkNum
{
	color: #bfbfbf;
	display: block;
	font: 12px arial, tahoma, verdana, helvetica, sans-serif;
	font-weight: bold;	
	margin-bottom: 12px;
}

.hyperLinkNum:hover { color: #404040; }


.errorText { color: #ff0000; }
															 

.successText { color: #2cbf6c; }


.warningLine 
{
	background: #ffcccc;
	border-bottom: solid 1px #404040;
	color: #ff0000;
	padding: 4px;	
}


.markRed { color: #ff0000; }


/* -- Shopping cart view elements --------------------------------------------------------------- */

.shoppingCartView
{	
	border: solid 1px #e4ffbc;
	width: 100%;
}

.shoppingCartView tr { vertical-align: middle; }

.shoppingCartView td
{
	padding: 2px 4px;
}

.shoppingCartView .columnRight
{
	text-align: right;
}
										 
.shoppingCartView .columnCenter
{
	text-align: center;
}

.shoppingCartView .columnTotalPrice
{
	border-bottom: solid 1px #606060;
	font-weight: bold;
	text-align: right;	
}

.shoppingCartView .comboBox { width: 96px; }

.shoppingCartView .editField
{
	text-align: right;
	width: 64px;
}

.shoppingCartView .header *
{
	background: #e4ffbc;	
	font-weight: bold;	
	vertical-align: top;
}

.shoppingCartView .header td
{
	padding: 4px 4px;
}

.shoppingCartView .evenrow
{
	background: #e4ffbc;
}


/* -- Specific elements ------------------------------------------------------------------------- */

#boxSearch .editField { width: 100%; }


  /* home page elements */
  
#pageHome .greenBoxMain
{
	min-height: 305px;
	/*padding-left: 256px;
	padding-top: 16px;*/
	position: relative;
}


#pageHome #homeModel
{
	background: url('images/home_model02.jpg') no-repeat;
	position: absolute;
	bottom: -8px;
	left: 0px;
	height: 305px;
	width: 240px;
}


  /* send order page elements */

#pageSendOrder .greenBoxMain
{
	min-height: 211px;
	/*padding-left: 256px;
	padding-top: 16px;*/
	position: relative;
}


#pageSendOrder #orderModel
{
	background: url('images/order_model.jpg') no-repeat;
	position: absolute;
	bottom: -8px;
	left: 0px;
	height: 211px;
	width: 240px;
}

  /* order page elements */
  
#pageOrder #mainContainerLeft { width: 192px; }
#pageOrder .contactContainerRightRadio { width: 256px; }
#pageOrder .contactContainerRightShort .editField { width: 64px; }


  /* confirm order page elements */

#pageConfirmOrder #mainContainerLeft { width: 192px; }
  
#pageConfirmOrder .termsTable {	width: 100%; }

#pageConfirmOrder .termsTable .checkBoxRow { vertical-align: middle; }
#pageConfirmOrder .termsTable .checkBoxRow td { text-align: left; }
#pageConfirmOrder .termsTable .checkBoxRow .termsLinkCell { text-align: right; }
#pageConfirmOrder .termsTable .checkBoxRow .checkBoxCell { width: 20px; }


  /* gallery page elements */

#pageGallery #boxGallery .greenBoxMain
{
	padding-left: 16px;
	padding-right: 0;
}


  /* product page elements */
  
#pageProduct #mainContainerLeft { width: 100%; }

#pageProduct #boxProducts .greenBoxMain,
#pageProduct #boxProduct .greenBoxMain
{
	padding-left: 16px;
	padding-right: 0;
}

#pageProduct .pageButtons { padding-right: 16px; }


  /* shop page elements */

#pageShop #mainContainer #mainContainerLeft { width: 240px; } /* change too: #boxSearch .greenBoxMain .textField */  
#pageShop #mainContainer #mainContainerRight { width: auto; }

#pageShop .productCategories { line-height: 17px; }

  
#pageShop #boxProducts .greenBoxMain,
#pageShop #boxProduct .greenBoxMain
{
	padding-left: 16px;
	padding-right: 0;
}

#boxProduct .productBox { margin: 0; }


#boxProducts .productBoxMini:hover { color: #67ac01; }
#boxProducts .productBoxMini:hover img { border: solid 1px #666666; }

#boxProducts .productBoxMini:hover .productBoxLeft { background: #99ff00 url('images/productBoxLeft_h.gif') repeat-y; }
#boxProducts .productBoxMini:hover .productBoxTop .productBoxRight { background: url('images/productBoxTop_h.gif') repeat-x; }
#boxProducts .productBoxMini:hover .productBoxTop .productBoxLeft	{	background: url('images/productBoxTopLeft_h.gif') no-repeat; }
#boxProducts .productBoxMini:hover .productBoxTop .productBoxLeft {	background: url('images/productBoxTopLeft_h.gif') no-repeat; }
#boxProducts .productBoxMini:hover .productBoxBottom .productBoxRight { background: url('images/productBoxBottom_h.gif') repeat-x; }
#boxProducts .productBoxMini:hover .productBoxBottom .productBoxLeft {	background: url('images/productBoxBottomLeft_h.gif') no-repeat; }
#boxProducts .productBoxMini:hover .productBoxBottom .productBoxLeft {	background: url('images/productBoxBottomLeft_h.gif') no-repeat; }


/*#boxSelection .greenBoxMain table { width: 100%; }
#boxSelection .greenBoxMain table .listBox { width: 128px; }
#boxSelection .greenBoxMain table .listBox { font: 11px tahoma, verdana, helvetica, arial, sans-serif; }


#boxSelection .greenBoxMain table .categoryContainer
{
	border: solid 1px #404040;
	height: 64px;
	overflow: auto;
	width: 128px;
}

#boxSelection .greenBoxMain table .categoryContainer a 
{
	display: block;
	padding: 0px 2px;
}
#boxSelection .greenBoxMain table .categoryContainer a:hover, 
#boxSelection .greenBoxMain table .categoryContainer a:focus,
#boxSelection .greenBoxMain table .categoryContainer a .activeCategory { background: #99ff00; }*/

#boxSearch .greenBoxMain { text-align: right; }
#boxSearch .greenBoxMain .textField { width: 200px; }


  /* price request and shopping cart thumbnail elements */

.shoppingCartView .productThumbnail,
#contactContainer .productThumbnail 
{
	background: white;
	border: solid 1px #cccccc;
	padding: 2px;
	width: 64px;
}


  /* part request page elements */
  
#pagePartRequest #contactContainer .contactContainerLeft
{
	padding-right: 14px;
	text-align: right;
	width: 140px;
}


  /* contact page elements */

#pageContact #mainContainer #mainContainerLeft { width: 176px; }


  /* reference page elements */

#pageReferenceDetail #mainContainer .mainContainerRow
{	
	vertical-align: bottom;
}

#pageReferenceDetail #mainContainer .mainContainerRow .mainContainerLeft,
#pageReferenceDetail #mainContainer .mainContainerRow .mainContainerRight
{	
	padding-bottom: 0;
	position: relative;
}

#pageReferenceDetail #mainContainer .mainContainerRow .mainContainerRight
{
	padding-left: 0;
	padding-right: 0;
}

#pageReferenceDetail #linkContainerNum
{
	position: absolute;
	right: 14px;
	top: 16px;	
}

#pageReferenceDetail #linkContainerArrow
{
	float: right;
	margin-bottom: 12px;	
}

#pageReferenceDetail #linkContainerArrow .linkContainerArrowRight
{
	text-align: right;
}

#pageReferenceDetail #linkContainerArrow span
{
	display: none;
}


  /* term page elements */

#pageTerm .termContainer {}

#pageTerm .termContainer tr
{
	vertical-align: top;
}

#pageTerm .termContainer td
{
	padding-bottom: 4px;
}

#pageTerm .termContainer .termContainerLeft
{
	padding-right: 14px;
	text-align: right;
	width: 186px;
}

#pageTerm .termContainer .termContainerLeft h1
{
	color: #404040;
}

#pageTerm .termContainer .termContainerRight
{
	/*padding-left: 8px;*/
}

#pageTerm .termContainer .termContainerSeparator
{
	height: 12px;
}


/* -- Special elements -------------------------------------------------------------------------- */

#headerLogin h1
{
	margin-bottom: 7px;
}

#headerLogin .button
{
	float: right;
	margin: 0;
}

#headerLogin .editField
{
	margin-bottom: 4px;
	width: 170px;
}

/*#contactControl
{
	width: 392px;
}

#contactControl .button
{
	float: right;
}*/