/********************************************************************************/
/********** GENERATOR V3.0 ******************************************************/
/********** DESKTOP CSS *********************************************************/
/********************************************************************************/
/********** GENERIC XHTML MARKUP*************************************************/
/********** (c) 2008 BY REAKTOR AG **********************************************/
/********************************************************************************/

/********************************************************************************/
/********** GENERAL TAGS ********************************************************/
/********************************************************************************/
* { font-family: Arial, Helvetica, Sans-Serif; padding: 0px; margin: 0px; border: 0px; cursor: default; }
body, html { background: #669900 }
	
img { border: 0px; outline: none; }
a { font: 11px; color: #5d5d5d; text-decoration: underline; cursor: pointer; }
a:hover { color: black; text-decoration: none; cursor: pointer;}
a:hover:link { cursor: pointer; }
#RightPanel ul  { list-style-type: square; list-style-position: outside; margin: 0px; padding: 0px; border: 0px; }
#RightPanel li, #RightPanel li ul li li   { list-style-type: square; margin-left: 15px; }

strong, b { font-weight: bold; color: black; }



/********************************************************************************/
/********** FONTS ***************************************************************/
/********************************************************************************/
.head { font-size: 15px; line-height: 16px; font-weight: bold; color: black; }
.ModulTitle .head { font-size: 15px; line-height: 15px; font-weight: bold; color: #8fb630; }

.normal { font-size: 12px; line-height: 16px; color: black; }
.normalbold { font-size: 12px; font-weight: bold; line-height: 16px; color: black; }
a.normal:link, a.normal:visited, a.normal:active  { color: #8fb630; }
a.normal:hover { color: black; }

.normalsmall { font-size: 11px; line-height: 15px; color: #5d5d5d; }
.normalsmall a { color: #8fb630; }
.normalsmall br { line-height: 15px; }
.ModulTitle .normalsmall { color: #949494; vertical-align: text-bottom; }
.ModulTitle .normalsmall a { color: #949494; vertical-align: text-bottom; }

.WelcomeMessage { font-size: 11px; line-height: 15px; color: #e5eed4; }
a.WelcomeMessage:hover { color: white; }
.ErrorMessage { font-size: 11px; font-weight: bold; color: #0c559c; vertical-align: middle; padding: 4px 5px 0px 5px; }

#Owner .normalsmall, #Owner .normalsmall a { font-size: 11px; line-height: 15px; color: #e5eed4; }


/********************************************************************************/
/********** LAYOUT **************************************************************/
/********************************************************************************/
#Wrapper { position: relative; width: 960px; margin: 0px auto; padding: 0px; }

#Header { width: 960px; height: 109px; border: 0px; vertical-align: bottom; background-image: url(../images/desktop/layout/BgHeader.jpg); }
#LogoBox { position: absolute; width: 231px; height: 69px; top: 20px; left: 20px; }
#Banner { position: absolute; width: 350px; height: 109px; top: 0px; right: 0px; background: url(../images/desktop/layout/Banner.gif);  }

#Navigation { width: 960px; height: 31px; top: 109px; z-index: 500; background-image: url(../images/desktop/layout/BgNavigation.jpg); }
#WelcomeMessage { position: absolute; top: 115px; right: 112px; padding-left: 2px; z-index: 1000; }
#SelectLanguage { position: absolute; top: 65px; right: 368px; z-index: 1000; }
.SelectLanguageLink, a.SelectLanguageLink:link, a.SelectLanguageLink:active, a.SelectLanguageLink:visited { font-size: 12px; font-weight: bold; line-height: 15px; color: #c6d9a1; }
a.SelectLanguageLink:hover { font-size: 12px; font-weight: bold; line-height: 15px; color: white; text-decoration: none; }

#ToolbarBox { position: absolute; height: 31px; top: 109px; right: 19px; z-index: 1000; }
#Content { position: relative; width: 920px; margin: 0px; padding: 20px; padding-top: 18px; text-align: left; background-color: white; min-height: 607px; }
#LeftPanel { float: left; width: 260px; padding-bottom: 15px; }
#RightPanel { margin-left: 280px; width: 640px; }
#BothPanels { width: 920px; }

#Footer { position: relative; width: 960px; height: 7px; z-index: 500; background: url(../images/desktop/layout/BgFooter.gif) repeat-x ;} 
#Owner { margin-top: 0px; z-index: 1000; }



/********************************************************************************/
/********** MODULE **************************************************************/
/********************************************************************************/
.ModulTitle { display: block; padding-left: 1px; margin-bottom: 6px;}
#BothPanels .ModulTitle { margin-bottom: 10px; }


.HomeHead { float: none; width: 450px; }
.HomeLeft { float: left; width: 450px; }
.HomeRight { margin-left: 470px; width: 450px; }

.FooterSeparator { margin-bottom: 20px; border-bottom: solid 1px #eaeaea; }
.FooterSeparator2 { height: 1px; background-color: white; border-bottom: solid 1px #eaeaea; }


#CategoryNavigation { margin-left: -3px; }
.CategoryNavigationTreeView { min-height: 476px; }
/**FireFox**/ :root .CategoryNavigationTreeView { height: 470px; }

#AnbieterViewDropDownList { margin-bottom: 15px; padding-top: 1px; }

#CategoryOptions { padding: 9px; border-bottom: solid 1px white; background-color: #f5f5f5; }
.TrefferLabel { display: block; padding-bottom: 2px; }
/**FireFox**/ :root .TrefferLabel { display: block; margin-bottom: 5px; }


.Detailtable { background-color: #f5f5f5; width: 640px; }
.Detailtable .normal { vertical-align: top; }
.Detailtable .normalsmall { width: 103px; line-height: 16px; vertical-align: top; }
.Detailtable .Price { font-size: 15px; line-height: 15px; font-weight: bold; color: #5d5d5d; }
.Detailtable img { float: right; }
/**FireFox**/ :root .Detailtable img { float: none; }
div.aktiv, div.inaktiv { display: block; float:left; width: 36px; height: 24px; margin-right:1px; font-size: 10px; line-height: 24px; font-weight: bold; color: #ffffff; text-align: center; }
div.aktiv { background: #99cc33; }
div.inaktiv { background: #b3b3b3; }


.Login, .Register { width: 622px; padding: 9px; padding-bottom: 4px; background-color: #f5f5f5; }
.RegisterTable a.SaveButton:link { margin-top: 12px; }
.RegisterTable td { text-align: left; vertical-align: top; }
.LoginText { padding-top: 1px; width: 225px; }
.FormText, .FormTextChangePassword { display: block; width: 110px; padding-top: 9px; padding-bottom: 5px; float: left; font-size: 11px; color: #5d5d5d; }
.FormTextChangePassword { width: 140px; }
.FormLabel {  width: 216px; height: 16px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #c8c8c8; padding: 3px 0px 3px 5px; margin-bottom: 5px; cursor: text; }
.FormTextError { padding-left: 5px; font-size: 11px; }

.CursorGrid { cursor: pointer; }

.AdminTabStrip { background-color: white; height: 27px; }
.AdminTabStripBottom { background-color: #969696; height: 28px; }
.AdminProfile, .AdminProduct, .AdminProfileChangePassword  { padding: 20px; padding-top: 15px; padding-bottom: 30px; border: solid 1px #969696; border-top: none; }
.AdminProfileChangePassword { padding-top: 25px; margin-bottom: 12px; }
.AdminProfileChangePasswordTable td { width: 400px; text-align: left; vertical-align: top; }
.AdminProfileGroup { padding: 9px; margin-top: 0px; background-color: #f5f5f5; }
.AdminGroup { padding: 9px; padding-top: 0px; margin-top: 15px; background-color: #f5f5f5; }
.AdminGroupLang { padding: 9px; padding-top: 0px; margin-top: 15px; background-color: #f5f5f5; }
.AdminGroupLangMultiLine { display: block; width: 860px; height: 97px; padding: 9px; padding-bottom: 0px; padding-top: 0px; margin-top: 15px; background-color: #f5f5f5; }
.AdminGroupLangShow { padding: 9px; padding-top: 0px; background-color: #f5f5f5; }

.AdminFormText { display: block; padding-top: 9px; padding-bottom: 3px; font-size: 12px; color: #5d5d5d; }
.AdminFormTextLang { display: block; padding-top: 0px; padding-bottom: 3px; font-size: 12px; color: #5d5d5d; }

.AdminGridPage  { min-height: 511px; padding: 20px; padding-top: 3px; border: solid 1px #969696; }
.AdminGridPage a.SaveButtonBig:link { margin-bottom: 12px; }

.AdminProductKategorie { padding: 10px; padding-bottom: 0px; }

.LangIcon { width: 35px; height: 20px; cursor: pointer; margin-top: 29px; margin-right: 5px; filter: alpha(opacity=75); moz-opacity: 0.5; opacity: 0.5; }
.LangIcon:Hover { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; }
.TooltipInfoImage { cursor: pointer; }


/********************************************************************************/
/********** FORMS & BUTTONS *****************************************************/
/********************************************************************************/
Label, .Label { font-size: 12px; color: #5d5d5d; }

input { cursor: pointer; }
.ToolbarButton { cursor: pointer; margin-left: 4px; margin-right: 4px; }


a.DefaultButton:link, 
a.DefaultButton:visited, 
a.DefaultButton:hover, 
a.DefaultButton:active,
a.SaveButton:link, 
a.SaveButton:visited, 
a.SaveButton:hover, 
a.SaveButton:active,
a.SaveButtonBig:link, 
a.SaveButtonBig:visited, 
a.SaveButtonBig:hover, 
a.SaveButtonBig:active { display: block; margin-top: 17px; height: 22px; padding-top: 4px; font: bold 12px Arial, Helvetica, Sans-Serif; color: White; text-align: center; text-decoration: none; }

a.DefaultButton:link, 
a.DefaultButton:visited { width: 105px; background: url(../images/desktop/layout/DefaultButton.gif) left;  }
a.SaveButton:link, 
a.SaveButton:visited { width: 105px; background: url(../images/desktop/layout/SaveButton.gif) left;  }
a.DefaultButton:hover, 
a.DefaultButton:active,
a.SaveButton:hover, 
a.SaveButton:active { width: 105px; background: url(../images/desktop/layout/DefaultButtonOver.gif) left; }
a.SaveButtonBig:link, 
a.SaveButtonBig:visited { width: 170px; background: url(../images/desktop/layout/SaveButtonBig.gif) left;  }
a.SaveButtonBig:hover, 
a.SaveButtonBig:active { width: 170px; background: url(../images/desktop/layout/DefaultButtonOverBig.gif) left; }


.DefaultASPDefaultButton,
.DefaultASPDefaultButtonOver,
.DefaultASPSaveButton,
.DefaultASPSaveButtonOver  {  display: block; width: 105px; margin-top: 17px; height: 26px; font: bold 12px Arial, Helvetica, Sans-Serif; color: White; text-align: center; text-decoration: none; cursor: pointer; }
:root .DefaultASPDefaultButton,
:root .DefaultASPDefaultButtonOver,
:root .DefaultASPSaveButton,
:root .DefaultASPSaveButtonOver  { padding-bottom: 6px; }

.DefaultASPDefaultButton  { background: url(../images/desktop/layout/DefaultButton.gif) left; }
.DefaultASPSaveButton  { background: url(../images/desktop/layout/SaveButton.gif) left; }
.DefaultASPDefaultButtonOver,
.DefaultASPSaveButtonOver  { background: url(../images/desktop/layout/DefaultButtonOver.gif) left; }