/* Id: general.css, v 1.0 2006/03/23 11:30 Copyright: saxess-nm.at */ BODY { background-image: url(../images/mainBg.jpg); background-position: center top; background-repeat: repeat-x; background-color: #666666; text-align: center; margin: 0; padding: 20px 0px 20px 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333333; } a { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333333; font-weight: bold; } #container { position: relative; margin: 0px auto; padding: 0px; width: 770px; height: auto; text-align: left; background-color: #818100 } /*************************** -----> HEADER <----- ****************************/ #header { position: relative; height: 231px; background-image: url(../images/borderWhite.gif); background-position: top; background-repeat: repeat-x; } #cornerLT { position: absolute; left: 0px; top: 0px; overflow: hidden; background-image: url(../images/cornerLT.gif); background-position: left top; background-repeat: no-repeat; width: 13px; height: 13px; } #cornerRT { position: absolute; right: 0px; top: 0px; overflow: hidden; background-image: url(../images/cornerRT.gif); background-position: right top; background-repeat: no-repeat; width: 27px; height: 20px; } #borderRh { position: absolute; right: 0px; top: 20px; overflow: hidden; background-image: url(../images/borderRh.gif); background-position: right top; background-repeat: no-repeat; width: 15px; height: 211px; } #borderLh { position: absolute; overflow: hidden; left: 0px; top: 13px; overflow: hidden; background-color: white; width: 3px; height: 218px; } #lineW1h { position: absolute; left: 0px; top: 201px; overflow: hidden; background-color: white; height: 1px; width: 770px; } #lineW2h { position: absolute; left: 0px; top: 230px; overflow: hidden; background-color: white; height: 1px; width: 770px; } /*************************** -----> LOGO <----- ****************************/ #logo{ position: absolute; margin-left: 12px; margin-top: 12px; } /*************************** -----> HEADERIMAGE <----- ****************************/ #headerImg { position: absolute; left: 201px; top: 3px; width: 553px; height: 198px; overflow: hidden; border-left: 1px solid white; } #headerImg h1{ background-image: url(../images/german/img.jpg); background-position: left top; background-repeat: no-repeat; width: 553px; height: 198px; overflow: hidden; margin: 0; } #headerImg h1 span{ display: none; } #headerImg h3{ display: none; } /*************************** -----> MAINNAVI <----- ****************************/ #mainNav { position: absolute; left: 3px; top: 95px; overflow: hidden; background-image: url(../images/german/navigation/mainNavBg.gif); background-position: left top; background-repeat: no-repeat; width: 226px; height: 107px; padding: 10px; } #mainNavButton { position: relative; margin: 0px 0px 10px 0px; padding: 0; } #subNav { position: absolute; left: 0px; top: 202px; overflow: hidden; background-color: #9B9B00; width: 770px; height: 28px; } #info{ margin: 5px 0px 0px 20px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #CCCC00; } #info strong{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: white; font-weight: bold; } #info a{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #990000; font-weight: bold; } #konto { position: absolute; left: 450px; top: 175px; overflow: hidden; width: 145px; height: 42px; } #warenkorb { position: absolute; left: 600px; top: 175px; overflow: hidden; width: 145px; height: 42px; } /*************************** -----> CONTENT <----- ****************************/ #content { position: relative; height: auto; width: 100%; background-image: url(../images/contentBg.gif); background-position: left top; background-repeat: repeat-y; } #borderRc { position: absolute; right: 0px; top: 0px; overflow: hidden; background-image: url(../images/borderRc.gif); background-position: right top; background-repeat: no-repeat; width: 12px; height: 282px; } /* -> contentArea */ #contentArea { vertical-align: top; padding: 0px; } #contentElem { position: relative; margin: 15px; } #contentElemInfo { position: relative; width: 100%; margin: 5px 0px 0px 5px; padding: 0; } #contentButtonElem { position: relative; margin: 5px 15px 5px 15px; } #contentHeader { position: relative; padding: 10px 15px 0px 15px; } #contentHeaderLine { position: relative; background-image: url(../images/lineDottedGreen1.gif); background-repeat: repeat-x; height: 1px; margin-right: 15px; padding: 0px; } #contentsTopics { position: relative; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #666600; font-weight: bold; margin-right: 15px; padding: 5px 5px 5px 5px; } #contentsTopics a { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #990000; font-weight: bold; } #contentsTopicsR { position: absolute; top: 0px; right: 15px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666600; font-weight: bold; margin-right: 15px; padding: 16px 5px 5px 5px; } #contentButtonArea { position: relative; margin: 10px 15px 15px 0px; } #contentLine { position: relative; background-image: url(../images/lineDottedGreen2.gif); background-repeat: repeat-x; height: 1px; margin: 10px 15px 10px 0px; padding: 0px; } /* -> ticker */ #ticker { vertical-align: top; } #tickerElem { position: relative; margin: 9px 10px 15px 9px; } #teHeader { position: relative; margin: 0px 0px 5px 5px; } #teLine { position: relative; background-image: url(../images/lineDottedGreen3.gif); background-repeat: repeat-x; height: 1px; width: 100%; margin: 0px; padding: 0px; } #teContent { position: relative; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #CCCC00; } /* -> ticker - Shopping-Cart */ #teCart { padding: 3px; margin: 1px;} #teCartHeaderL { text-align: left; font: 10px Arial, Helvetica, sans-serif; color: white; background-color: #939300; } #teCartHeaderC { text-align: center; font: 10px Arial, Helvetica, sans-serif; color: white; background-color: #939300; } #teCartProductCount { font: 9px Arial, Helvetica, sans-serif; color: #FFFF99; background-color: #9F9F00; vertical-align: top; } #teCartProductName { font: 9px Arial, Helvetica, sans-serif; color: #FFFF99; width: 100px; background-color: #9F9F00; } #teCartProductName a { font: 9px Arial, Helvetica, sans-serif; color: #990000; } #teCartProductName a:hover { font: 9px Arial, Helvetica, sans-serif; color: #990000; } #teCartProductTotal { font: 9px Arial, Helvetica, sans-serif; color: #FFFF99; text-align: right; background-color: #9F9F00; vertical-align: top; } #teCartTotal { text-align: right; font: 10px Arial, Helvetica, sans-serif; color: #FFFF99; background-color: #939300; } #teCartInfo { position: relative; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #CCCC00; margin: 5px; } /* -> ticker - Search */ #search { margin: 5px 0px 0px 5px; padding: 0; } #searchField { position: relative; } #searchButton { position: absolute; top: 2px; left: 142px; width: 28px; text-align: right; } #keywords { width: 132px; font: 11px Arial, Helvetica, sans-serif; color: #666600; border: 1px solid #666600; background-color: #FFFF99; padding-left: 3px; margin-bottom: 4px; } #submitButton { margin-left: 0px; } /* -> ticker - Links */ #tickerLinkImg { border: 1px solid black; margin: 5px; } /*************************** -----> FOOTER <----- ****************************/ #footer { position: relative; background-image: url(../images/footerBg.gif); background-position: bottom; background-repeat: repeat-x; background-color: #818100; height: 45px; width: 770px; } #lineW1f { position: relative; overflow: hidden; background-color: white; height: 1px; width: 770px; } #copyright { position: relative; width: auto; padding: 7px 0px 0px 12px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: white; } #footerLinks { position: absolute; top: 0px; right: 0px; width: auto; padding: 7px 20px 0px 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: white; } #footerLinks a { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #CCCC00; padding: 0px 5px 0px 5px; text-decoration: none; } #footerLinks a:hover { color: white; text-decoration: underline; } #cornerLB { position: absolute; left: 0px; top: 0px; overflow: hidden; background-image: url(../images/cornerLB.gif); background-position: left bottom; background-repeat: no-repeat; width: 25px; height: 45px; } #cornerRB { position: absolute; right: 0px; top: 0px; overflow: hidden; background-image: url(../images/cornerRB.gif); background-position: right bottom; background-repeat: no-repeat; width: 25px; height: 45px; } #borderRf { position: absolute; right: 0px; top: 0px; overflow: hidden; background-image: url(../images/borderRf.gif); background-position: right top; background-repeat: repeat-y; width: 15px; height: 45px; } #borderLf { position: absolute; left: 0px; top: 0px; overflow: hidden; background-color: white; width: 3px; height: 30px; } /*************************** -----> ERROR-BOX <----- ****************************/ #errorBox { position: relative; margin: 10px 15px 10px 0px; padding: 2px; background-color: #990000; font: 11px Verdana, Arial, Helvetica, sans-serif; color: white; text-align: left; } #errorType { position: absolute; left: 0px; top: 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFF33; font-weight: bold; text-align: left; margin-top: 2px; } #errorText { position: relative; padding-left: 70px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: white; text-align: left; } #errorLink { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #990000; font-weight: bold; text-align: left; } /*************************** -----> INFO-BOX <----- ****************************/ #infoBox { position: absolute; top: 0px; left: 318px; width: 217px; } #infoBoxHeading { position: relative; background-image: url(../images/content/infoBoxBgTop.gif); background-repeat: repeat-x; background-position: top; background-color: #FFFF99; padding: 10px; } #infoBoxHeadingText { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666600; padding-left: 5px; font-weight: bold; } #infoBoxLine { position: relative; background-image: url(../images/lineDottedGreen2.gif); background-repeat: repeat-x; background-color: #FFFF99; height: 1px; width: 100%; margin: 5px 0px 0px 0px; } #infoBoxLine2 { position: relative; background-image: url(../images/lineDottedGreen2.gif); background-repeat: repeat-x; background-color: #FFFF99; height: 1px; width: 100%; margin: 5px 0px 5px 0px; } #infoBoxText { position: relative; background-image: url(../images/content/infoBoxBgBottom.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FFFF99; padding: 0px 15px 20px 15px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666600; } #infoBoxText2 { position: relative; background-color: #FFFF99; padding: 0px 15px 10px 15px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666600; margin: 0; } #infoBoxFooter { position: relative; background-image: url(../images/content/infoBoxBgBottom.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FFFF99; padding: 5px 10px 15px 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666600; margin: 0; } #infoBoxFooterText { position: relative; background-color: #FFFF99; padding: 0px 5px 0px 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666600; margin: 0; } #infoBoxFooterTextLinkOnly { position: relative; background-color: #FFFF99; padding: 0px 5px 0px 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666600; margin: 0; text-align: right; } #infoBoxFooterTextLinkOnly a { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #990000; font-weight: bold; } /*************************** -----> INFO-BOX-2 <----- ****************************/ #infoBox2 { position: absolute; top: 0px; left: 320px; width: 200px; } #infoBox2Heading { position: relative; background-image: url(../images/content/infoBox2BgTop.gif); background-repeat: repeat-x; background-position: top; background-color: #FFFF99; padding: 10px; } #infoBox2HeadingText { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666600; padding-left: 5px; font-weight: bold; } #infoBox2Line { position: relative; background-image: url(../images/lineDottedGreen2.gif); background-repeat: repeat-x; background-color: #FFFF99; height: 1px; width: 100%; margin: 5px 0px 0px 0px; } #infoBox2Line2 { position: relative; background-image: url(../images/lineDottedGreen2.gif); background-repeat: repeat-x; background-color: #FFFF99; height: 1px; width: 100%; margin: 10px 0px 10px 0px; } #infoBox2Text { position: relative; background-image: url(../images/content/infoBox2BgBottom.gif); background-repeat: repeat-x; background-position: bottom; background-color: #FFFF99; padding: 0px 15px 20px 15px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666600; } /*************************** -----> FORM-BOX <----- ****************************/ #formHeading { position: relative; background-image: url(../images/content/formBoxBgTop.gif); background-repeat: repeat-x; background-position: top; background-color: #9B9B00; padding: 10px; } #formSubHeading { position: relative; background-color: #9B9B00; margin-top: 15px; margin-bottom: 10px; } #formHeadingTitle { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: white; padding-left: 5px; font-weight: bold; } #formHeadingLine { position: relative; background-image: url(../images/lineDottedGreen0.gif); background-repeat: repeat-x; height: 1px; width: 100%; margin: 5px 0px 0px 0px; } #formFooterLine { position: relative; background-image: url(../images/lineDottedGreen0.gif); background-repeat: repeat-x; height: 1px; width: 100%; margin: 10px 0px 0px 0px; } #formLine { position: relative; background-image: url(../images/lineDottedGreen0.gif); background-repeat: repeat-x; height: 1px; width: 100%; margin: 10px 0px 10px 0px; } #areaForm { position: relative; background-image: url(../images/content/formBoxBgBottom.gif); background-repeat: repeat-x; background-position: bottom; background-color: #9B9B00; padding: 0px 10px 10px 10px; } #formElem { position: relative; height: 22px; margin: 0px 5px 0px 5px; } #formElemSecCode { position: relative; height: 45px; margin: 0px 5px 0px 5px; } #formElem2 { position: relative; margin: 0px 5px 0px 5px; } #formElemTitle { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFFF99; padding-top: 3px; } #formElemValue { position: absolute; left: 113px; top: 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; } #formElemValue2 { position: absolute; left: 109px; top: 0px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; } #formElemValue3 { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; padding-top: 3px; } #formLink { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #990000; text-align: right; margin: 5px 5px 0px 5px; } #formLinkText { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #990000; } #formInfo { position: relative; text-align: right; margin: 5px 5px 0px 5px; } #formInputRequired { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #990000; } #formInputLong { width: 150px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; } #formInputMiddle { width: 100px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; } #formInputShort { width: 50px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; } #formSelectLong { width: 156px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; } #formAreaLong { width: 263px; height: 80px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: black; } /*************************** -----> GENERAL-BOX <----- ****************************/ #areaTitle { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666600; margin-bottom: 5px; font-weight: bold; } #areaText { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666600; } #areaLink { position: relative; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #990000; margin: 5px 0px 20px 0px; } /*************************** -----> ERRORS <----- ****************************/ #messageStackError { font: 11px Verdana, Arial, Helvetica, sans-serif; color: white; } #messageStackWarning { font: 11px Verdana, Arial, Helvetica, sans-serif; color: white; } #messageStackSuccess { font: 11px Verdana, Arial, Helvetica, sans-serif; color: white; }