﻿body 
{
    color: #444145;
    font-family: 'Trebuchet MS', Arial, Sans-serif;
    font-size: 0.75em;
}

h1
{
	font-size: 2em;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	color: White;
	height: 50px;
	background: url('/App_Themes/bildermaxx/img/pageContentHeadline.png') no-repeat;
}

h2
{
	font-size: 1.3em;
}

h3
{
	font-size: 1.1em;
}

.innerContentHeadline
{
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	color: White;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/pageContentHeadlineInner.png') no-repeat;
}

.innerContentHeadlineDark
{
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	color: White;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/pageContentHeadlineInnerDark.png') no-repeat;
}

a, a:visited
{
	color: #444145;
    text-decoration: underline !Important;
}

a:hover
{
	color: #E1091E;
}

img { behavior: url(/iepngfix.htc) }


.linkHomePage
{
	display: block;
	margin-left: 10px;
	height: 60px;
	width: 360px;
	float: left;
}

.linkHomePage span
{
	display: none;
}

.linkShoppingCart
{
	 right: 0px; float: right;
	display: block;
	cursor: pointer;
	height: 60px;
	width: 150px;
	background: url('/App_Themes/bildermaxx/img/navButtonShoppingCart.png') no-repeat left center;
}

.linkShoppingCart:hover
{
	background: url('/App_Themes/bildermaxx/img/navButtonShoppingCart_hover.png') no-repeat left center;
}

.linkShoppingCart span
{
	display: none;
}

.linkShoppingCart div
{
	margin-top: 30px;
	padding-left: 40px;
}

.navButtonOrderNow
{
	display: block;
	cursor: pointer;
	height: 50px;
	width: 220px;
	margin-bottom: 10px;
	background: url('/App_Themes/bildermaxx/img/navButtonOrderNow.png') no-repeat left center;
}

.navButtonOrderNow:hover
{
	background: url('/App_Themes/bildermaxx/img/navButtonOrderNow_hover.png') no-repeat left center;
}

.navButtonOrderNow span
{
	display: none;
}


/*******************************************************************************
*** sideBarArea
********************************************************************************/

.sideBarArea
{
    width: 220px;
	color: white;
	margin-bottom: 10px;
}

.sideBarAreaHeader
{
    height: 36px;
    background: url('/App_Themes/bildermaxx/img/sideBarAreaNormalHeader.png') no-repeat;
    text-align: center;
}

.sideBarAreaHeader h2
{
	font-weight: normal;
	font-size: 1.5em;
	padding-top: 10px;
}

.sideBarAreaContent
{
    background: url('/App_Themes/bildermaxx/img/sideBarAreaNormalContent.png') repeat-y;
}

.sideBarAreaContent a
{
  color: White;
}

.sideBarAreaContent a:hover
{
  color: #E1091E;
}

.sideBarAreaFooter
{
    height: 16px;
    background: url('/App_Themes/bildermaxx/img/sideBarAreaNormalFooter.png') no-repeat;
    font-size: 0.8em;
	font-style: italic;
	text-align: center;
	color: White;
	padding: 0px;
}

.sideBarAreaLight
{
}

.sideBarAreaLight .sideBarAreaHeader
{
    background: url('/App_Themes/bildermaxx/img/sideBarAreaLightHeader.png') no-repeat;
}

.sideBarAreaLight .sideBarAreaContent
{
    background: url('/App_Themes/bildermaxx/img/sideBarAreaLightContent.png') repeat-y;
}


.sideBarAreaLight .sideBarAreaFooter
{
    background: url('/App_Themes/bildermaxx/img/sideBarAreaLightFooter.png') no-repeat;
}


.sideBarAreaDark
{
}

.sideBarAreaDark .sideBarAreaHeader
{
    background: url('/App_Themes/bildermaxx/img/sideBarAreaDarkHeader.png') no-repeat;
}

.sideBarAreaDark .sideBarAreaContent
{
    background: url('/App_Themes/bildermaxx/img/sideBarAreaDarkContent.png') repeat-y;
}


.sideBarAreaDark .sideBarAreaFooter
{
    background: url('/App_Themes/bildermaxx/img/sideBarAreaDarkFooter.png') no-repeat;
}

/*******************************************************************************
*** SideBarButton
********************************************************************************/

.sideBarButton
{
	display: block;
	height: 24px;
	margin-left: 16px;
	margin-bottom: 4px;
}

.sideBarButton span
{
	display: none;
}


.layoutAreaHeader a, .layoutAreaHeader a:visited
{
	font-weight: bold;
	color: White;
	text-decoration: none !Important;
}

.layoutAreaHeader a:hover
{
	color: #E1091E;
}

.footerInfoBoxWrapper
{
	height: 150px;
	padding-top: 5px;
}

.footerInfoBox
{
	float: left;
	width: 245px;
}

.footerInfoBox a
{
	text-decoration: none !Important;
	padding-left: 10px;
}
  
.layoutAreaFooter h3
{
	color: white;
    margin-left: 5px;
    margin-bottom: 10px;
}


ol
{
	margin-left: 20px;
}

ol li
{
	margin-top: 10px;
}

tr
{
	vertical-align: top;
}

.labelInfoSmall
{
	font-size: 0.8em;
}

.xboxHead_title
{
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.xboxContent
{
    text-align: left;
    padding: 5px;
    padding-top: 10px;
    background: url('/App_Themes/bildermaxx/img/bg_upload_area.png') no-repeat 0px 0px;
}

.xboxContentNav
{
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.pageHeadline
{
    background-image: url('/App_Themes/bilderMAXX/img/bg_header_large.png');
}

.bmGrid
{
	border: none;
}

.bmGrid th
{
    padding-left: 5px;
    padding-right: 10px;
    text-align: left;
}

.bmGrid tr
{
}

.bmGrid td
{
    padding-left: 5px;
    padding-right: 10px;
    text-align: left;
}

.bmTable td
{
    vertical-align: top;
}

.bmGridDetail td
{
    border-top: 1px solid lightgrey;
}

.tabRowSum
{
	font-weight: bold;
	border-top: 1px solid black;
	border-bottom: double black;
}

.txtCurrency
{
	text-align: right;
}

.tabCellInfo
{
	font-size: 0.8em;
	font-style: italic;
}

.navMenu a
{
	color: White;
	font-size: 1.1em;
	font-weight: bolder;
}

.navMenu a:hover
{
	color: #E2001A;
}


.iconList li
{
	list-style-image: url('/App_Themes/bilderMAXX/img/imageWizardArticleTreeNodeIconCurrent.png');
}

/***
**/


.tabContentArea
{
    border-top: 1px solid black;
    padding-top: 10px;
}

.tabNavActive
{
    font-weight: bold;
    color: White;
    cursor: pointer;
}

.tabNavActive:hover
{
    color: White;
}

.tabNavActiveCornerLeft
{
    height: 20px;
    width: 10px;
    background: url('/App_Themes/bilderMAXX/img/tab_active_20px_left.png') no-repeat left top;
}

.tabNavActiveCenter
{
    padding-top: 2px;
    margin-bottom: -2px;
    height: 20px;
    background: url('/App_Themes/bilderMAXX/img/tab_active_20px_center.png') repeat-x left top;
}

.tabNavActiveCornerRight
{
    height: 20px;
    width: 9px;
    background: url('/App_Themes/bilderMAXX/img/tab_active_20px_right.png') no-repeat left top;
}

.tabNavInactive
{
    font-weight: bold;
    color: Black;
    cursor: pointer;
}

.tabNavInactive:hover
{
}

.tabNavInactiveCornerLeft
{
    height: 20px;
    width: 10px;
    background: url('/App_Themes/bilderMAXX/img/tab_inactive_20px_left.png') no-repeat left top;
}

.tabNavInactiveCenter
{
    padding-top: 2px;
    margin-bottom: -2px;
    height: 20px;
    background: url('/App_Themes/bilderMAXX/img/tab_inactive_20px_center.png') repeat-x left top;
}

.tabNavInactiveCornerRight
{
    height: 20px;
    width: 9px;
    background: url('/App_Themes/bilderMAXX/img/tab_inactive_20px_right.png') no-repeat left top;
}

.tabNavSpacer
{
    width: 5px;
}



/******************************************************************************
*** ImageButton
*******************************************************************************/

.imageButton
{
    height: 24px;
	cursor: pointer;
	text-decoration: none !Important;
}

imageButton a
{
	vertical-align: bottom;
	height: 24px;
	text-decoration: none !Important;
}

.imageButtonLeft
{
    height: 24px;
    width: 6px;
    background: url('/App_Themes/bilderMAXX/img/button_left_24.png') no-repeat left top;
}

.imageButtonCenter
{
    padding-top: 2px;
    margin-bottom: -2px;
    height: 24px;
    background: url('/App_Themes/bilderMAXX/img/button_center_24.png') repeat-x left top;
}

.imageButtonRight
{
    height: 24px;
    width: 6px;
    background: url('/App_Themes/bilderMAXX/img/button_right_24.png') no-repeat left top;
}

.imageButtonIcon
{
    height: 16px;
    width: 16px;
    margin: 2px;
    border: none;
}

.imageButtonLable
{
    height: 16px;
    margin: 6px;
	margin-top: 12px;
}

/******************************************************************************
*** FileLayout
*******************************************************************************/

.fileinputs 
{
	margin-top: 5px;
	position: relative;
	width: 210px;
	/*background: red;*/
	text-align: right;
	height: 24px;
}

.fileinputs.file {
	cursor: pointer;
}

.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	/*background: blue;*/
	width: 100%;
}

.file {
	position: relative;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.fakefileDummyText
{
	border: 1px solid LightGrey;
	height: 20px;
	width: 180px;
	float: left;
}

.fakefileIcon
{
	float: left;
	height: 24px;
	width: 24px;
	margin-left: 4px;
	background: url('/App_Themes/bilderMAXX/img/ico_x24_folder_document.png') no-repeat left top;
}

/******************************************************************************
*** NeatUpload
*******************************************************************************/



.wrapperUplStat
{
	z-index: 99;
	position: absolute;
	width: 400px;
	height: 300px;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -150px;
	background: url('/App_Themes/bildermaxx/img/upload_box_v1.png') no-repeat 10px 10px white;
	border: 1px solid LightGrey;
	padding: 10px;
}


.uploadAreaBox
{
	background: pink;
}


.bgDark
{
	/* RGB: 49, 47, 50 */
	background-color: #312F32;
}




/* Accordion */
.accordionHeader
{
    border: 1px solid #312F32;
    color: white;
    background-color: #555555;
	font-weight: bold;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
    color: White;
}



.accordionHeaderSelected
{
    border: 1px solid #555555;
    color: white;
    background-color: #312F32;
	font-weight: bold;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
    color: White;
}


.accordionContent
{
    border: 1px solid #555555;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/*******************************************************************************
*** Expander 180 - Header
********************************************************************************/

.expander180Header
{
    width: 180px;
    height: 34px;
    background: url('/App_Themes/bildermaxx/img/sidebar_180_bg_header.png') no-repeat;
    text-align: center;
}

.expander180Header:hover
{
    cursor: pointer;
}

.expander180Header h2
{
    color: White;
    font-size: 1.4em;
    margin: 0px;
    padding-top: 4px;
}


/*******************************************************************************
*** Expander 180 - Content
********************************************************************************/

.expander180Content
{
    width: 180px;
    background: url('/App_Themes/bildermaxx/img/sidebar_180_bg_content.png') repeat-y;
}


.expander180Content a, .expander180Content a:visited
{
    color: #555555;
    text-decoration: none !Important;
}

.expander180Content a:hover
{
    cursor: pointer;
    color: #E1091E;
    background: #edeff2;
}


/*******************************************************************************
*** Expander 180 - Footer
********************************************************************************/

.expander180Footer
{
    width: 180px;
    height: 16px;
    background: url('/App_Themes/bildermaxx/img/sidebar_180_bg_footer.png') no-repeat;
    font-size: 0.8em;
	font-style: italic;
}


/*******************************************************************************
*** Expander 210 - Header
********************************************************************************/

.expander230Header
{
    width: 230px;
    height: 34px;
    background: url('/App_Themes/bildermaxx/img/sidebar_230_bg_header.png') no-repeat;
    text-align: center;
}

.expander230Header:hover
{
    cursor: pointer;
}

.expander230Header h2
{
    color: White;
    font-size: 1.4em;
    margin: 0px;
    padding-top: 4px;
}


/*******************************************************************************
*** Expander 230 - Content
********************************************************************************/

.expander230Content
{
    width: 230px;
    background: url('/App_Themes/bildermaxx/img/sidebar_230_bg_content.png') repeat-y;
    overflow: visible !Important;
}


.expander230Content a, .expander230Content a:visited
{
    color: #555555;
    text-decoration: none !Important;
}

.expander230Content a:hover
{
    cursor: pointer;
    color: #E1091E;
    background: #edeff2;
}


/*******************************************************************************
*** Expander 210 - Footer
********************************************************************************/

.expander230Footer
{
    width: 230px;
    height: 16px;
    background: url('/App_Themes/bildermaxx/img/sidebar_230_bg_footer.png') no-repeat;
    font-size: 0.8em;
	font-style: italic;
}


/*******************************************************************************
*** modal Popup
********************************************************************************/


.modalBackground {
	background-color: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalBackgroundDark {
	background-color: black;
	filter:alpha(opacity=85);
	opacity:0.85;
}

.modalPopup {
	padding:0px;
}

.modalPopupHeader 
{
	text-align: center;
	height: 48px;
	cursor: move;
	background-color: red;
	background: url('/App_Themes/bildermaxx/img/articleWizard_popup_header.png') no-repeat;
	color: White;
}

.modalPopupHeader h1
{
	padding-top: 8px;
}

.modalPopupContent 
{
	height: 436px;
	background: url('/App_Themes/bildermaxx/img/articleWizard_popup_content.png') repeat-y;
}


.modalPopupFooter 
{
	height: 16px;
	background: url('/App_Themes/bildermaxx/img/articleWizard_popup_footer.png') no-repeat;
	color: White;
}

.invisible
{
	display: none;
}


/*******************************************************************************
*** MessageBox
********************************************************************************/

.messageBox
{
	border: 1px solid lightgrey;
	background-color: white;
	padding: 5px;
	font-style: italic;
	font-size: smaller;
}



.articleWizardProduct
{
	background: url('/App_Themes/bildermaxx/img/articleWizard_product_normal.png') no-repeat;
	text-align: center;
	width: 120px;
	height: 120px;
	overflow: hidden;
}

.articleWizardProduct a
{
	text-decoration: none !Important;
}

.articleWizardProduct:hover
{
	background: url('/App_Themes/bildermaxx/img/articleWizard_product_hover.png') no-repeat;
	color: White;
}

.articleWizardProduct:hover a
{
	color: White !Important;
}

.articleWizardProductSelected
{
	background: url('/App_Themes/bildermaxx/img/articleWizard_product_selected.png') no-repeat;
	text-align: center;
	width: 120px;
	height: 120px;
}

.articleWizardProductSelected a
{
	color: White !Important;
	text-decoration: none !Important;
}

.articleWizardProgressStep
{
	height: 16px;
	font-weight: bold;
	border-top: 1px solid lightgrey;
}

.articleWizardProgressStepOpen
{
	background: url('/App_Themes/bildermaxx/img/ico_x16_checkbox-unchecked.png') no-repeat right;
}

.articleWizardProgressStepDone
{
	background: url('/App_Themes/bildermaxx/img/ico_x16_checkbox-checked.png') no-repeat right;
}

.articleWizardProgressStepCurrent
{
	background-color: #555555;
	color: White;
}


.articleTreeNode
{
	border-bottom: 1px solid lightgrey;
}

.articleTreeNode a
{
	text-decoration: none !Important;
	width: 100%;
	height: 100%;
	display: block;
}

.articleTreeNode:hover
{
	background-color: gainsboro;
	color: #E1091E;
}

.articleTreeNodeSelected, .articleTreeNodeSelected:hover
{
	background-color: #555555;
	color: White;
	font-weight: bold;
}

.articleTreeNodeCategory
{
	color: #312F32;
	border-bottom: 1px solid #312F32;
	font-weight: bold;
}

.articleTreeNodeCategory:hover
{
	background: none;
	color: #E1091E;
}


.wizardButton
{
	display: block;
	width: 100px;
	height: 24px;
	text-align: center;
	font-weight: bold;
	text-decoration: none !Important;
	color: White !Important;
	padding-top: 2px;
	background: url('/App_Themes/bildermaxx/img/button_normal.png') no-repeat !Important;
}

.wizardButton:hover
{
	background: url('/App_Themes/bildermaxx/img/button_hover.png') no-repeat !Important;
	color: White !Important;
}


/*******************************************************************************
*** ToolTip
********************************************************************************/


span.tooltipTool
{
    position: relative;   /* this is key */
    cursor: help;
}

span.tooltipTool span.tooltipTip
{
    display: none;        /* so is this */
}


span.tooltipTool:hover span.tooltipTip
{
    display: block;
    z-index: 100;
    position: absolute;
    top: 1.0em;
    left: 0;
    width: auto;
    padding: 5px;
    border: 1px solid #555555;
    background-color: #f7f7ee;
    font-size: 0.8em;
    text-align: left;
    color: #000;
}



/*******************************************************************************
*** HorizontalSpacer's
********************************************************************************/

.horizontalSpacer
{
	display: block;
	height: 40px;
	background: url('/App_Themes/bildermaxx/img/pageSpacerHorizontal.png') no-repeat center 20px;
}

.horizontalSpacerDotted
{
	border-width: thin;
	border-bottom-style: dotted;
	border-color: #CCCCCC;
}

/*******************************************************************************
*** hervorgehobener Treffer-Text in Suchergebnissen
********************************************************************************/

.searchResultHighlight
{
	font-weight: bold;
	background: lime;
}

.m16
{
	display: block;
	margin-top: 16px;
	margin-bottom: 16px;
}



/*******************************************************************************
*** ImageWizard
********************************************************************************/


.imageWizard
{
	width: 900px;
	height: 500px;
	padding: 0px;
	background: url('/App_Themes/bilderMAXX/img/imageWizard_bg.png') no-repeat top left;
}


.imageWizardStep
{
	padding: 0px;
	padding-left: 24px;
}


/*** Header ***/

.imageWizardHeader
{
	height: 40px;
	cursor: move;
}

.imageWizardHeader h1
{
	display: none;
}


/*** ProgressBar ***/

.imageWizardProgressBar
{
	float: left;
	height: 410px;
	width: 181px;
	padding-left: 21px;
}

.imageWizardProgressBarStep
{
	height: 35px;
	display: block;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	cursor: help;
}

.imageWizardProgressBarStep div
{
	font-size: 0.8em;
	padding-top: 20px;
	padding-left: 23px;
}

.imageWizardProgressBarStep_1
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_1.png');
}

.imageWizardProgressBarStep_2
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_2.png');
}

.imageWizardProgressBarStep_3
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_3.png');
}

.imageWizardProgressBarStep_4
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_4.png');
}

.imageWizardProgressBarStep_5
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_5.png');
}

.imageWizardProgressBarStep_6
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_6.png');
}

.imageWizardProgressBarStep_7
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_7.png');
}

.imageWizardProgressBarStep_8
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_8.png');
}


.imageWizardProgressBarStep_1_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_1_active.png');
}

.imageWizardProgressBarStep_2_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_2_active.png');
}

.imageWizardProgressBarStep_3_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_3_active.png');
}

.imageWizardProgressBarStep_4_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_4_active.png');
}

.imageWizardProgressBarStep_5_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_5_active.png');
}

.imageWizardProgressBarStep_6_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_6_active.png');
}

.imageWizardProgressBarStep_7_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_7_active.png');
}

.imageWizardProgressBarStep_8_active
{
	background-image: url('/App_Themes/bilderMAXX/img/imageWizardProgressBarStep_8_active.png');
}


/*** ProductTeaser ***/

.imageWizardProductTeaser
{
	width: 150px;
	height: 150px;
	display: block;
	margin: 5px;
	cursor: pointer;
	background: url('/App_Themes/bilderMAXX/img/imageWizardProductTeaser.png') no-repeat;
}

.imageWizardProductTeaserSelected
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardProductTeaserSelected.png') no-repeat;
}

.imageWizardProductTeaser div
{
	width: 150px;
	height: 150px;
	display: block;
	background-repeat: no-repeat;
	background-position: center bottom;
}


/*** Buttons ***/

.wizardButtonNext
{
	display: block;
	width: 74px;
	height: 24px;
	margin-right: 24px;
	margin-bottom: 16px;
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonNext.png') no-repeat !Important;
}

.wizardButtonNext:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonNextHover.png') no-repeat !Important;
}


.wizardButtonBack
{
	display: block;
	width: 74px;
	height: 24px;
	margin-bottom: 16px;
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonBack.png') no-repeat !Important;
}

.wizardButtonBack:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonBackHover.png') no-repeat !Important;
}


.wizardButtonDone
{
	display: block;
	width: 74px;
	height: 24px;
	margin-right: 24px;
	margin-bottom: 16px;
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonDone.png') no-repeat !Important;
}

.wizardButtonDone:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonDoneHover.png') no-repeat !Important;
}


.wizardButtonUpload
{
	display: block;
	width: 92px;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonUpload.png') no-repeat !Important;
}

.wizardButtonUpload:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardButtonUploadHover.png') no-repeat !Important;
}


/*** Tools ***/

.wizardToolButtonRotateLeft
{
	display: block;
	width: 24px;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonRotateLeft.png') no-repeat !Important;
}

.wizardToolButtonRotateLeft:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonRotateLeftHover.png') no-repeat !Important;
}


.wizardToolButtonRotateRight
{
	display: block;
	width: 24px;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonRotateRight.png') no-repeat !Important;
}

.wizardToolButtonRotateRight:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonRotateRightHover.png') no-repeat !Important;
}


.wizardToolButtonFlipHorizontal
{
	display: block;
	width: 24px;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonFlipHorizontal.png') no-repeat !Important;
}

.wizardToolButtonFlipHorizontal:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonFlipHorizontalHover.png') no-repeat !Important;
}


.wizardToolButtonFlipVertical
{
	display: block;
	width: 24px;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonFlipVertical.png') no-repeat !Important;
}

.wizardToolButtonFlipVertical:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonFlipVerticalHover.png') no-repeat !Important;
}


.wizardToolButtonReset
{
	display: block;
	width: 24px;
	height: 24px;
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonReset.png') no-repeat !Important;
}

.wizardToolButtonReset:hover
{
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonResetHover.png') no-repeat !Important;
}


.wizardToolButtonAlignment
{
	display: block;
	width: 72px;
	height: 72px;
	background: url('/App_Themes/bildermaxx/img/imageWizardToolButtonAlignment.png') no-repeat !Important;
}


/*** FarbeffekTeaser ***/

.imageWizardColorEffectTeaser
{
	width: 100px;
	height: 100px;
	display: block;
	margin: 5px;
	cursor: pointer;
}

.imageWizardColorEffectTeaser img
{
	border: 1px solid #d9d9d9;
	margin-top: 20px;
	margin-left: 15px;
}

.imageWizardColorEffectTeaser_0
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_0.png') no-repeat;
}

.imageWizardColorEffectTeaser_0:hover
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_0_hover.png') no-repeat;
}

.imageWizardColorEffectTeaser_0_selected
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_0_selected.png') no-repeat;
}


.imageWizardColorEffectTeaser_1
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_1.png') no-repeat;
}

.imageWizardColorEffectTeaser_1:hover
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_1_hover.png') no-repeat;
}

.imageWizardColorEffectTeaser_1_selected
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_1_selected.png') no-repeat;
}


.imageWizardColorEffectTeaser_2
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_2.png') no-repeat;
}

.imageWizardColorEffectTeaser_2:hover
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_2_hover.png') no-repeat;
}

.imageWizardColorEffectTeaser_2_selected
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_2_selected.png') no-repeat;
}


.imageWizardColorEffectTeaser_3
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_3.png') no-repeat;
}

.imageWizardColorEffectTeaser_3:hover
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_3_hover.png') no-repeat;
}

.imageWizardColorEffectTeaser_3_selected
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_3_selected.png') no-repeat;
}


.imageWizardColorEffectTeaser_4
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_4.png') no-repeat;
}

.imageWizardColorEffectTeaser_4:hover
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_4_hover.png') no-repeat;
}

.imageWizardColorEffectTeaser_4_selected
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardColorEffectTeaser_4_selected.png') no-repeat;
}


/*** ArticleTree ***/

.imageWizardArticleTreeNode
{
	cursor: pointer;
}

.imageWizardArticleTreeNode a
{
	text-decoration: none !Important;
	width: 100%;
	height: 100%;
	display: block;
}

.imageWizardArticleTreeNode:hover
{
	color: #E1091E;
}

.imageWizardArticleTreeNode:hover .imageWizardArticleTreeNodeIcon
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardArticleTreeNodeIconCurrent.png') no-repeat center center;
}

.imageWizardArticleTreeNodeSelected, .imageWizardArticleTreeNodeSelected:hover
{
	font-weight: bold;
}

.imageWizardArticleTreeNodeSelected .imageWizardArticleTreeNodeIcon
{
	background: url('/App_Themes/bilderMAXX/img/ico_x16_check.png') no-repeat center center;
}

.imageWizardArticleTreeNodeCategory
{
	border-top: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 0px;
}

.imageWizardArticleTreeNodeCategory:hover
{
	background: none;
	color: #E1091E;
}

.imageWizardArticleTreeNodeCategoryHead
{
	height: 24px;
	padding-top: 5px;
	margin-top: 10px;
	background: url('/App_Themes/bilderMAXX/img/imageWizardArticleTreeCategoryBackground.png') no-repeat;
}

.imageWizardArticleTreeNodeCategoryHead a
{
	*padding-top: 4px;
}

.imageWizardArticleTreeNodeCategoryHead img
{
	margin-top: 3px;
	*margin-top: 7px;
	margin-left: 5px;
	margin-right: 5px;
}

.imageWizardArticleTreeNodeCategoryHeadSelectedIcon
{
	width: 20px;
	height: 20px;
	float: left;
	display: block;
	margin-left: 5px;
}

.imageWizardArticleTreeNodeCategoryHeadSelectedIconChecked
{
	background: url('/App_Themes/bilderMAXX/img/ico_x16_check.png') no-repeat center center;
}

.imageWizardArticleTreeNodeCategoryContainer
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardArticleTreeCategoryBackgroundContainer.png') repeat-y;
}

.imageWizardArticleTreeNodeCategoryContainer td
{
	border-top: 1px solid lightgrey;
}

.imageWizardArticleTreeNodeCategoryContainer table:hover td
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardArticleTreeItemBackgroundHover.png') repeat-x;
}

.imageWizardArticleTreeNodeCategoryFooter
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardArticleTreeCategoryBackground.png') no-repeat bottom left;
	display: block;
	height: 5px;
	min-height: 5px;
}

.imageWizardArticleTreeTitleBar
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardArticleTreeTitleBar.png') no-repeat;
	display: block;
	width: 640px;
	height: 32px;
}



.imageWizardServiceOptionDialog
{
	display: block;
	width: 550px;
}

.imageWizardServiceOptionDialogHeader
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardServiceOptionBackground_top.png') no-repeat;
	display: block;
	height: 32px;
}

.imageWizardServiceOptionDialogContent
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardServiceOptionBackground_middle.png') repeat-y;
	display: block;
}

.imageWizardServiceOptionDialogFooter
{
	background: transparent url('/App_Themes/bilderMAXX/img/imageWizardServiceOptionBackground_bottom.png') no-repeat !important;
	display: block;
	height: 54px;
}


.imageWizardServiceOptionValueHelpDialog
{
	display: block;
	width: 600px;
}

.imageWizardServiceOptionValueHelpDialogHeader
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardServiceOptionValueHelpBackground_top.png') no-repeat;
	display: block;
	height: 32px;
}

.imageWizardServiceOptionValueHelpDialogContent
{
	background: url('/App_Themes/bilderMAXX/img/imageWizardServiceOptionValueHelpBackground_middle.png') repeat-y;
	display: block;
}

.imageWizardServiceOptionValueHelpDialogFooter
{
	background: transparent url('/App_Themes/bilderMAXX/img/imageWizardServiceOptionValueHelpBackground_bottom.png') no-repeat !important;
	display: block;
	height: 54px;
}


.ChessBoard
{
	background: url('/App_Themes/bilderMAXX/img/bg_chessboard.png') repeat;
}


.slider_rail {
    position: relative;
    height: 16px;
    width: 200px;
    background: url('/App_Themes/bilderMAXX/img/slider_rail.png') repeat-x center center;
}


.slider_handle {
    position: absolute;
    height: 16px;
    width: 12px;
}

.rblServiceOptions input
{
  margin-right: 10px;
}


/******************************************************************************
*** PostIt
*******************************************************************************/


.postIt
{
	display: block;
	width: 500px;
}

.postIt h3
{
	margin-left: 50px;
	position: relative;
	top: 15px;
}

.postItHeader
{
	width: 500px;
	height: 42px;
	background: url('/App_Themes/bildermaxx/img/note_header.png') no-repeat !Important;
}


.postItContent
{
	width: 500px;
	background: url('/App_Themes/bildermaxx/img/note_middle.png') repeat-y !Important;
	padding-left: 15px;
	padding-right: -15px;
	font-size: 0.8em;
}


.postItFooter
{
	width: 500px;
	height: 11px;
	background: url('/App_Themes/bildermaxx/img/note_footer.png') no-repeat !Important;
}



/******************************************************************************
*** ZOOM-Link
*******************************************************************************/

.imagePreviewZoom
{
	width: 600px;
	min-height: 50px;
	padding: 20px;
	
	background: url('/App_Themes/bilderMAXX/img/articleWizard_animation.gif') no-repeat center center;
	background: url('/App_Themes/bilderMAXX/img/bg_chessboard.png') repeat;
	border: 1px solid #b5b5b5;
}

.imagePreviewZoomLoader
{
	min-height: 50px;
	background: url('/App_Themes/bilderMAXX/img/articleWizard_animation.gif') no-repeat center center;
}

.imagePreviewZoomOutLink
{
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	* cursor: url('/App_Themes/bilderMAXX/cursor/lupeminus.cur');
}

.imagePreviewZoomInLink
{
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	* cursor: url('/App_Themes/bilderMAXX/cursor/lupe.cur');
}

a.imagePreviewZoomInLink:hover .iconLinkZoom
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_magnifier_hover.png') no-repeat center left !important;
}

/******************************************************************************
*** ModalInfoDialog
*******************************************************************************/

.modalInfoDialog
{
	width: 600px;
	height: 600px;
	padding: 0px;
	background: url('/App_Themes/bilderMAXX/img/modalInfoDialog_bg.png') no-repeat center center;
}

/******************************************************************************
*** ToolTips
*******************************************************************************/

#tooltip{
    width:auto;
    max-width:300px;
    min-width:100px;
    border:1px solid;
    background:white;
    padding:5px;
    margin-top:4px;
    font-size:12px;
    color:dimgray;
}

#tooltip #ttimg.top{
    margin-top:-17px;
    margin-left:2px
}
#tooltip #ttimg.bottom{
    bottom:0;
    margin-bottom:-12px;
    margin-left:2px
}


#tooltip.default{
    border:3px solid white;
    background:black;
    color: white;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px; 
    margin-top:2px;
}


#tooltip.default #ttimg.top{
	position:absolute;
		margin-top:-8px;
    margin-left:-8px
}
#tooltip.default #ttimg.bottom{
	position:absolute;
    bottom:0;
    margin-bottom:-3px;
    margin-left:-8px
}


/******************************************************************************
*** ProductSlider
*******************************************************************************/


.ProductSlider {
	background: url(/App_Themes/bilderMAXX/img/productSlider_bg.png) no-repeat;
	overflow: hidden;
	position: relative;
	height: 180px;
	width: 980px;
}
        
.ProductSlider UL {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
        
.ProductSlider UL LI {
    display: inline;
}
        
.ProductSliderSliderWrap {
    width: 960px;
    height: 17px;
    margin-top: 150px;
    *top: 150px;
    margin-left: 10px;
    padding: 1px;
    position: relative;
    background: url(/App_Themes/bilderMAXX/img/productSlider_slider.png) no-repeat;
}

.ProductSliderSlider 
{
	width: 960px;
    height: 17px;
    margin: 0 auto 0 auto;
    position: relative;
}
        
.ui-slider-handle {
    position: absolute;
    cursor: pointer;
    height: 18px;
    width: 180px;
    margin-left: -90px;
    top: -1px;
    background: url(/App_Themes/bilderMAXX/img/productSlider_handle.png) no-repeat;
    z-index: 100;
}

.ui-slider-handle:hover {
    background: url(/App_Themes/bilderMAXX/img/productSlider_handle_hover.png) no-repeat;
}
        
.ProductSliderSlider span {
    color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}

.ProductSliderSlider .ProductSliderSlider-lbl1 {
    left: 50px;
}

.ProductSliderSlider .ProductSliderSlider-lbl2 {
    left: 107px;
}

.ProductSliderSlider .ProductSliderSlider-lbl3 {
    left: 156px;
}

.ProductSliderSlider .ProductSliderSlider-lbl4 {
    left: 280px;
}

.ProductSliderSlider .ProductSliderSlider-lbl5 {
    left: 455px;
}

.productSliderTeaser
{
}

.productSliderTeaser span
{
	display: none;
}


/******************************************************************************
*** StartPage
*******************************************************************************/

.startPageBox
{
	width: 750px;
	height: 500px;
	background: url('/App_Themes/bilderMAXX/pictures/start_aktion.jpg') no-repeat;
	padding: 0px;
	padding-left: 15px;
}

.starPageBoxLink
{
  z-index: 10000;
  cursor: pointer;
	display: block;
	position: absolute;
	text-decoration: none !important;
	*background: url('null.png') no-repeat right bottom;
}

.starPageBoxLink span
{
  display: none;
}


/******************************************************************************
*** Form-Elemente
*******************************************************************************/

.formElementTextBox
{
	font-size: 0.95em;
	color: #444145;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 4px;
	border: none;
}

.formElementTextBox200
{
	width: 194px;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox200.png') no-repeat top right !important;
}

.formElementTextBox200:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox200_focus.png') no-repeat top right !important;
}

.formElementTextBox200Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox200_error.png') no-repeat top right !important;
}

.formElementTextBox160
{
	width: 154px;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox160.png') no-repeat top right !important;
}

.formElementTextBox160:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox160_focus.png') no-repeat top right !important;
}

.formElementTextBox160Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox160_error.png') no-repeat top right !important;
}

.formElementTextBox35
{
	width: 29px;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox35.png') no-repeat top right !important;
}

.formElementTextBox35:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox35_focus.png') no-repeat top right !important;
}

.formElementTextBox35Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox35_error.png') no-repeat top right !important;
}


.formElementTextBox150
{
	width: 144px;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox150.png') no-repeat top right !important;
}

.formElementTextBox150:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox150_focus.png') no-repeat top right !important;
}

.formElementTextBox150Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox150_error.png') no-repeat top right !important;
}

.formElementTextBox45
{
	width: 39px;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox45.png') no-repeat top right !important;
}

.formElementTextBox45:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox45_focus.png') no-repeat top right !important;
}

.formElementTextBox45Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox45_error.png') no-repeat top right !important;
}


.formElementTextBox600x50
{
	width: 600px;
	height: 50px;
	font-size: 1.1em;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x50.png') no-repeat top left !important;
}

.formElementTextBox600x50:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x50_focus.png') no-repeat top left !important;
}

.formElementTextBox600x50Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x50_error.png') no-repeat top left !important;
}


.formElementTextBox600x100
{
	width: 600px;
	height: 100px;
	font-size: 1.1em;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x100.png') no-repeat top left !important;
}

.formElementTextBox600x100:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x100_focus.png') no-repeat top left !important;
}

.formElementTextBox600x100Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x100_error.png') no-repeat top left !important;
}

.formElementTextBox600x200
{
	width: 600px;
	height: 200px;
	font-size: 1.1em;
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x200.png') no-repeat top left !important;
}

.formElementTextBox600x200:focus
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x200_focus.png') no-repeat top left !important;
}

.formElementTextBox600x200Error
{
	background: url('/App_Themes/bilderMAXX/img/formElementTextBox600x200_error.png') no-repeat top left !important;
}

.formElementNumericUpDown
{
	height: 20px;
	width: 50px;
	background: url('/App_Themes/bildermaxx/img/formElementNumericUpDown.png') no-repeat center left;
}

.formElementNumericUpDown input
{
	width: 20px;
	border: none;
	background: transparent;
}

.orderItemQuantityButton
{
	display: block;
	height: 20px;
	cursor: pointer;
	background: url('/App_Themes/bildermaxx/img/formElementNumericUpDown.png') no-repeat top right;
}

.orderItemQuantityButton:hover
{
	background: url('/App_Themes/bildermaxx/img/formElementNumericUpDown_hover.png') no-repeat top right;
}

.orderItemQuantityPopup
{
  width: 145px;
  height: 145px;
  padding-left: 10px;
  padding-top: 10px;
  background: url('/App_Themes/bildermaxx/img/orderItemQuantityPopup_background.png') no-repeat;
  *padding-left: 0px;
  *background: url('/App_Themes/bildermaxx/img/orderItemQuantityPopup_background.png') no-repeat 10px 0px;
  *padding-right: 10px;
}

.orderItemQuantityPopupButton
{
  text-decoration: none !important;
}

.orderItemQuantityPopupButton:hover
{
  cursor: pointer !important;
}

.orderItemQuantityPopupButton div
{
  height: 25px;
  width: 25px;
  text-align: center;
}

.orderItemQuantityPopupButton span
{
  line-height: 25px;
  font-weight: bold;
}

.formButton
{
	float: left;
	* float: inherit;
	display: block;
	width: 90px;
	height: 20px;
	margin-right: 5px;
}

.formButtonLogin
{
	background: url('/App_Themes/bilderMAXX/img/formButtonLogin.png') no-repeat;
}

.formButtonLogin:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonLogin_hover.png') no-repeat;
}

.formButtonRegister
{
	background: url('/App_Themes/bilderMAXX/img/formButtonRegister.png') no-repeat;
}

.formButtonRegister:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonRegister_hover.png') no-repeat;
}

.formButtonCancel
{
	background: url('/App_Themes/bilderMAXX/img/formButtonCancel.png') no-repeat;
}

.formButtonCancel:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonCancel_hover.png') no-repeat;
}

.formButtonSave
{
	background: url('/App_Themes/bilderMAXX/img/formButtonSave.png') no-repeat;
}

.formButtonSave:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonSave_hover.png') no-repeat;
}

.formButtonClose
{
	background: url('/App_Themes/bilderMAXX/img/formButtonClose.png') no-repeat;
}

.formButtonClose:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonClose_hover.png') no-repeat;
}

.formButtonNext
{
	background: url('/App_Themes/bilderMAXX/img/formButtonNext.png') no-repeat;
}

.formButtonNext:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonNext_hover.png') no-repeat;
}

.formButtonPrev
{
	background: url('/App_Themes/bilderMAXX/img/formButtonPrev.png') no-repeat;
}

.formButtonPrev:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonPrev_hover.png') no-repeat;
}

.formButtonOrderNext
{
	background: url('/App_Themes/bilderMAXX/img/formButtonOrderNext.png') no-repeat;
}

.formButtonOrderNext:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonOrderNext_hover.png') no-repeat;
}

.formButtonOrderFinish
{
	width: 180px;
	background: url('/App_Themes/bilderMAXX/img/formButtonOrderFinish.png') no-repeat;
}

.formButtonOrderFinish:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonOrderFinish_hover.png') no-repeat;
}

.formPasswordRecoverLink
{
	 display: block;
	 height: 11px;
	 width: 187px;
	 background: url('/App_Themes/bildermaxx/img/formLoginPasswordRecover.png') no-repeat;
}

.formPasswordRecoverLink:hover
{
	 background: url('/App_Themes/bildermaxx/img/formLoginPasswordRecover_hover.png') no-repeat;
}

.formButtonYes
{
	width: 40px;
	background: url('/App_Themes/bilderMAXX/img/formButtonYes.png') no-repeat;
}

.formButtonYes:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonYes_hover.png') no-repeat;
}

.formButtonNo
{
	width: 40px;
	background: url('/App_Themes/bilderMAXX/img/formButtonNo.png') no-repeat;
}

.formButtonNo:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonNo_hover.png') no-repeat;
}

.formButtonCouponCheck
{
	width: 150px;
	background: url('/App_Themes/bilderMAXX/img/formButtonCouponCheck.png') no-repeat;
}

.formButtonCouponCheck:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonCouponCheck_hover.png') no-repeat;
}

.formButtonInquirySend
{
	width: 120px;
	background: url('/App_Themes/bilderMAXX/img/formButtonInquirySend.png') no-repeat;
}

.formButtonInquirySend:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonInquirySend_hover.png') no-repeat;
}


.formToolbar
{
  padding-left: 10px;
  height: 25px;
  background: url('/App_Themes/bilderMAXX/img/formToolbar.png') no-repeat;
  margin-bottom: 10px;
}

.formToolbar span
{
  line-height: 25px;
}

.formToolbarButton
{
  text-decoration: none !important;
  padding-right: 10px;
  border-right: 1px solid #58585a;
  margin-right: 10px;
  vertical-align: middle;
}

/******************************************************************************
*** IconLinks
*******************************************************************************/

.iconLink
{
	padding-left: 16px;
}

.iconLinkClose
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_close.png') no-repeat center left;
}

.iconLinkClose:hover
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_close_hover.png') no-repeat center left;
}

.iconLinkEdit
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_edit.png') no-repeat center left;
}

.iconLinkEdit:hover
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_edit_hover.png') no-repeat center left;
}

.iconLinkCopy
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_copy.png') no-repeat center left;
}

.iconLinkCopy:hover
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_copy_hover.png') no-repeat center left;
}

.iconLinkReOrder
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_reorder.png') no-repeat center left;
}

.iconLinkReOrder:hover
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_reorder_hover.png') no-repeat center left;
}

.iconLinkZoom
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_magnifier.png') no-repeat center left;
}

.iconLinkZoom:hover
{
	background: url('/App_Themes/bildermaxx/img/ico_x12_magnifier_hover.png') no-repeat center left;
}

.iconLinkZip
{
	background: url('/App_Themes/bildermaxx/img/ico_file_16x16_zip.png') no-repeat center left;
}

.iconLinkZip:hover
{
	background: url('/App_Themes/bildermaxx/img/ico_file_16x16_zip.png') no-repeat center left;
}

/******************************************************************************
*** ImageLinks
*******************************************************************************/

.imageLinkIcon
{
  border: none;
}

.imageLinkShoppingCart .imageLinkIconPanel
{
	background: url('/App_Themes/bilderMAXX/img/ico_shoppingcart.png') no-repeat center center;
}

.imageLinkShoppingCart:hover .imageLinkIconPanel
{
	background: url('/App_Themes/bilderMAXX/img/ico_shoppingcart_hover.png') no-repeat center center;
}

/******************************************************************************
*** ErrorCallout
*******************************************************************************/

.formElementErrorCallout
{
	width: 164px;
	background: url('/App_Themes/bilderMAXX/img/formElementErrorCallout.png') no-repeat !important;
}

.formElementErrorCallout .ajax__validatorcallout_callout_cell
{
	background: url('/App_Themes/bilderMAXX/img/formElementErrorCalloutFooter.png') no-repeat left bottom !important;
}

.formElementErrorCallout .ajax__validatorcallout_icon_cell
{
	display: none;
}

.formElementErrorCallout .ajax__validatorcallout_error_message_cell
{
	background: url('/App_Themes/bilderMAXX/img/formElementErrorCalloutFooter.png') no-repeat -14px bottom !important;
}

.formElementErrorCallout .ajax__validatorcallout_close_button_cell
{
	padding-top: 3px;
	background: url('/App_Themes/bilderMAXX/img/formElementErrorCalloutFooter.png') no-repeat right bottom !important;
}


/******************************************************************************
*** Styled Checkbox / RadioBox / Select
*******************************************************************************/

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/App_Themes/bilderMAXX/img/formElementCheckbox.gif') no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('/App_Themes/bilderMAXX/img/formElementRadio.gif') no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 168px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 20px;
	padding: 2px 24px 0 8px;
	font-size: 0.95em;
	background: url('/App_Themes/bilderMAXX/img/formElementSelect.png') no-repeat;
	overflow: hidden;
}

.styledInputElementLabel
{
	width: auto;
	height: 25px;
	display: block;
	padding-top: 2px;
}


/******************************************************************************
*** JQZoom
*******************************************************************************/


div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border: 1px solid #999;
	background-color: #FFF;
}


/******************************************************************************
*** Tabs (Ajax-Control-Toolkit)
*******************************************************************************/


/*  A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.*/
.CustomTabStyle .ajax__tab_header
{
} 


/* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.*/
.CustomTabStyle .ajax__tab_outer
{
	margin-right: 1px;
	height: 30px;
	font-weight: bold;
	color: White;
	background: url('/App_Themes/bilderMAXX/img/tabNormal_middle.png') repeat-x top left;
} 

.CustomTabStyle .ajax__tab_hover .ajax__tab_outer
{
	background: url('/App_Themes/bilderMAXX/img/tabHover_middle.png') repeat-x top left;
} 

.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
	background: url('/App_Themes/bilderMAXX/img/tabSelected_middle.png') repeat-x top left;
}


/* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.*/
.CustomTabStyle .ajax__tab_inner
{
	height: 30px;
	background: url('/App_Themes/bilderMAXX/img/tabNormal_right.png') no-repeat top right;
}

.CustomTabStyle .ajax__tab_inner span
{
	padding: 5px;
	font-size: 1.1em;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_inner
{
	height: 30px;
	background: url('/App_Themes/bilderMAXX/img/tabHover_right.png') no-repeat top right;
}

.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
	height: 30px;
	background: url('/App_Themes/bilderMAXX/img/tabSelected_right.png') no-repeat top right;
} 


/* An element of the tab that contains the text content. Child CSS classes:none.*/
.CustomTabStyle .ajax__tab_tab
{
	height: 30px;
	background: url('/App_Themes/bilderMAXX/img/tabNormal_left.png') no-repeat top left;
}

.CustomTabStyle .ajax__tab_hover .ajax__tab_tab
{
	height: 30px;
	background: url('/App_Themes/bilderMAXX/img/tabHover_left.png') no-repeat top left;
} 

.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
	height: 30px;
	background: url('/App_Themes/bilderMAXX/img/tabSelected_left.png') no-repeat top left;
}


/* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.*/
.CustomTabStyle .ajax__tab_body
{
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 1px solid #999999;
} 




.formatGridHeadlineLight
{
	background: url('/App_Themes/bildermaxx/img/pageTableHeadlineLight.png') no-repeat 0px -20px !important;
	height: 25px !important;
	line-height: 20px;
	padding-left: 5px;
}

.formatGridHeadlineLight span
{
  font-weight: bold;
  vertical-align: middle;
  color: White;
}

.articleGridHeadlineLight
{
	background: url('/App_Themes/bildermaxx/img/pageTableHeadlineLight20.png') no-repeat top left !important;
	height: 25px !important;
}

.orderItemServiceOptionsGridHeadline
{
	background: none !important;
	height: 16px;
	color: inherit !important;
	border-bottom: 1px solid lightgrey !important;
}

.priceColumn
{
	text-align: right !important;
}


.pageInnerBoxRoundedLightHeader
{
	background: url('/App_Themes/bildermaxx/img/pageInnerBoxRoundedLight_header.png') no-repeat top left !important;
	height: 30px !important;
}

.pageInnerBoxRoundedLightMiddle
{
	background: url('/App_Themes/bildermaxx/img/pageInnerBoxRoundedLight_middle.png') repeat-y top left !important;
}

.pageInnerBoxRoundedLightFooter
{
	background: url('/App_Themes/bildermaxx/img/pageInnerBoxRoundedLight_footer.png') no-repeat top left !important;
	height: 15px !important;
}

/******************************************************************************
*** Zubehör-Shop
*******************************************************************************/

.pageAreaShopHeadlineBreadcrumb
{
	padding-top: 4px;
	color: White;
	font-size: 0.65em;
}

.pageAreaShopHeadlineBreadcrumb a
{
	color: white;
}

.pageAreaShopHeadlineBreadcrumb a:hover
{
	color: #E1091E;
}

.pageAreaShopProductCategories
{
	display: block;
	float: left;
	width: 220px;
	margin-right: 10px;
}

.pageAreaShopProducts
{
	float: left;
	width: 520px;
}

.pageAreaShopProductCategoryTreeRootCategoryContainer
{
	background: url('/App_Themes/bilderMAXX/img/pageAreaShopProductCategories_nodeBackground.png') repeat-x top left;
}


.pageAreaShopProductCategoryTree table
{
	cursor: pointer;
}

.pageAreaShopProductCategoryTree table:hover
{
	background: url('/App_Themes/bilderMAXX/img/pageAreaShopProductCategories_nodeBackground_hover.png') no-repeat top left;
}


.pageAreaShopProductCategoryTreeNode
{
	width: 100%;
	height: 20px;
}

.pageAreaShopProductCategoryTreeNode a
{
	margin-top: 2px;
	margin-bottom: -2px;
	text-decoration: none !Important;
	width: 100%;
	height: 100%;
	display: block;
}

.pageAreaShopProductCategoryTreeNodeSelected, .pageAreaShopProductCategoryTreeNodeSelected:hover
{
	font-weight: bolder;
	color: #E1091E;
}


.pageAreaShopProductLink
{
  min-height: 125px;
  background: url('/App_Themes/bilderMAXX/img/formButtonShowDetails.png') no-repeat bottom right;
}


.pageAreaShopProductLink:hover
{
  background: url('/App_Themes/bilderMAXX/img/formButtonShowDetails_hover.png') no-repeat bottom right;
}


/******************************************************************************
*** Zubehör-Produktseite
*******************************************************************************/


.formButtonReturnToShop
{
	display: block;
	height: 20px;
	width: 150px;
	background: url('/App_Themes/bilderMAXX/img/formButtonReturnToShop.png') no-repeat;
}

.formButtonReturnToShop span
{
	display: none;
}

.formButtonReturnToShop:hover
{
	background: url('/App_Themes/bilderMAXX/img/formButtonReturnToShop_hover.png') no-repeat;
}


/******************************************************************************
*** ErrorPage
*******************************************************************************/

.errorHeadline
{
	background: url('/App_Themes/bildermaxx/img/pageContentHeadlineError.png') no-repeat;
}

.errorContentBox
{
	padding-right: 300px;
	min-height: 256px;
	background: url('/App_Themes/bilderMAXX/img/warning_x256.png') no-repeat right -22px;
}


/******************************************************************************
*** Lagerhaltung
*******************************************************************************/

.stockArea
{
	width: 150px;
	height: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
	border: 1px solid lightgrey;
}

.stockArea table
{
	font-size: 0.8em;
	margin-top: 60px;
	width: 120px;
	margin-left: 15px;
}

.stockArea td
{
	text-align: left;
}

.stockAreaGreen
{
	background: url('/App_Themes/bilderMAXX/img/ico_x48_stock_green.png') no-repeat center 20px;
}

.stockAreaRed
{
	background: url('/App_Themes/bilderMAXX/img/ico_x48_stock_red.png') no-repeat center 20px;
}

.stockAreaYellow
{
	background: url('/App_Themes/bilderMAXX/img/ico_x48_stock_yellow.png') no-repeat center 20px;
}


.stockIcon
{
	width: 20px;
	height: 20px;
}

.stockIconGreen
{
	background: url('/App_Themes/bilderMAXX/img/ico_x16_stock_green.png') no-repeat;
}

.stockIconRed
{
	background: url('/App_Themes/bilderMAXX/img/ico_x16_stock_red.png') no-repeat;
}

.stockIconYellow
{
	background: url('/App_Themes/bilderMAXX/img/ico_x16_stock_yellow.png') no-repeat;
}

.warnIcon
{
	background: url('/App_Themes/bilderMAXX/img/ico_x16_warning.png') no-repeat;
}


/******************************************************************************
*** Gutscheine
*******************************************************************************/

.pageAreaCouponResult
{
	width: 400px;
	height: 30px;
}

.pageAreaCouponResultValid
{
	background: url('/App_Themes/bilderMAXX/img/couponValid.png') no-repeat 0px 15px;
}

.pageAreaCouponResultInvalid
{
	background: url('/App_Themes/bilderMAXX/img/couponInvalid.png') no-repeat 0px 15px;
}


/******************************************************************************
*** Sonderformat-Anfrage
*******************************************************************************/

.formatInquiryHeader
{
	width: 600px;
	height: 40px;
	padding-top: 25px;
	padding-left: 10px;
	background: url('/App_Themes/bilderMAXX/img/formatInquiryHeaderBackground.png') no-repeat;
}

.formatInquiryTableCell
{
	padding: 0px !important;
}


/******************************************************************************
*** ImageFlow
*******************************************************************************/


.imgFlow
{
  width: 750px;
  background: url('/App_Themes/bilderMAXX/img/imgFlow_background.png') no-repeat 0px 0px;
}

.imgFlowNavigation
{
  position: relative;
  padding-top: 465px;
  margin-bottom: -465px;
  *top: 490px;
  *padding-top: 0px;
  *margin-bottom: 0px;
  *margin-top: -25px;
  *padding-bottom: 25px;
  z-index: 10;
}

.imgFlowBtnPrevNext
{
  z-index: 2;
  cursor: pointer;
  position: relative;
  width: 25px;
  height: 25px;
}

.imgFlowBtnPrevNextPrev
{
  background: url('/App_Themes/bilderMAXX/img/pageLayoutSprite.png') no-repeat 0px 0px;
}

.imgFlowBtnPrevNextPrev:hover
{
  background: url('/App_Themes/bilderMAXX/img/pageLayoutSprite.png') no-repeat 0px -25px;
}

.imgFlowBtnPrevNextNext
{
  background: url('/App_Themes/bilderMAXX/img/pageLayoutSprite.png') no-repeat -25px 0px;
}

.imgFlowBtnPrevNextNext:hover
{
  background: url('/App_Themes/bilderMAXX/img/pageLayoutSprite.png') no-repeat -25px -25px;
}

.imgFlowBtnSlide
{
  margin-top: 7px;
  width: 15px;
  height: 15px;
  display: block;
  float: left;
  cursor: pointer;
  background: url('/App_Themes/bilderMAXX/img/pageLayoutSprite.png') no-repeat 0px -50px;
}

.imgFlowBtnSlide:hover
{
  background: url('/App_Themes/bilderMAXX/img/pageLayoutSprite.png') no-repeat -30px -50px;
}

.jFlowSelected
{
  background: url('/App_Themes/bilderMAXX/img/pageLayoutSprite.png') no-repeat -15px -50px;
}

.imgFlowSlideController 
{
  z-index: 3;
  width: 680px;
  float: left;
  text-align: center;
}

#slides .imgFlowSlideContent
{
font-size: 1.5em;
position: relative;
top: -500px;
}


/******************************************************************************
*** Stuff
*******************************************************************************/


.loadingBackgroundBarSmall
{
    background: url('/App_Themes/bilderMAXX/img/loading_bg_bar_s.gif') no-repeat right center;
}

.loadingBackgroundWheelX16Light
{
    background: url('/App_Themes/bilderMAXX/img/loading_bg_wheel_x16_light.gif') no-repeat right center;
}

.loadingBackgroundWheelX24Light
{
    background: url('/App_Themes/bilderMAXX/img/loading_bg_wheel_x24_light.gif') no-repeat right center;
}

.loadingBackgroundWheelX16Dark
{
    background: url('/App_Themes/bilderMAXX/img/loading_bg_wheel_x16_dark.gif') no-repeat right center;
}

.loadingBackgroundWheelX24Dark
{
    background: url('/App_Themes/bilderMAXX/img/loading_bg_wheel_x24_dark.gif') no-repeat right center;
}
