/*------------------------- */ /* General */ /*------------------------- */ * { margin: 0px; padding: 0px; } body { background-color: #ffffff; color: #626262; font-family: verdana, tahoma, sans-serif; /*line-height: 1em;*/ } a, a:link, a:visited, a:active, a:hover { color: #ad7727; text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; } a img { border: 0px; } h1 { letter-spacing: 0em; font-weight: bold; font-size: 75%; line-height: 1em; color: #595959; } h1.Headline { display: block; margin: 0px 20px 0px 0px; padding: 10px 14px 10px 18px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-image: url(/Img/Framework/HeadlineBackground.gif); background-repeat: repeat-y; } h1.HeadlineHot { display: block; margin: 0px 20px 0px 0px; padding: 10px 14px 10px 18px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background-image: url(/Img/Framework/HeadlineHotBackground.gif); background-repeat: repeat-y; color: #e18518; } h2 { letter-spacing: 0em; font-weight: bold; font-size: 0.8em; margin: 1em 2em 0.5em 0; line-height: 1.2em; color: #565656; } h3 { margin: 0px 0px 14px 0px; letter-spacing: 0em; font-weight: bold; font-size: 75%; color: #434343; } h4 { margin: 0px 0px 0px 0px; letter-spacing: 0em; font-weight: bold; font-size: 70%; color: #636363; } p { margin: 0px 0px 14px 0px; font-size: 70%; line-height: 140%; } table { border: 0px; border-collapse: collapse; } td { border: 0px; border-style: none; padding: 0px; margin: 0px; vertical-align: top; } .ClearFloat { border: none; clear: both; font-size: 1px; height: 0px; margin: 0px; padding: 0px; overflow: hidden; } /*------------------------- */ /* Header */ /*------------------------- */ #HeaderWrapper { width: 100%; min-height: 80px; height: auto !important; height: 80px; background-color: #8f8f8f; background-position: center; background-repeat: no-repeat; } #Header { width: 900px; margin-left: auto; margin-right: auto; } #Logotype { width: 180px; float: left; } #Logotype img { margin-top: 15px; margin-left: 20px; } #Logotype img.PrintLogotype { display: none; } #LoginPanel { width: 310px; float: right; margin-right: 20px; margin-top: 10px; } #HeaderSub { width: 100%; margin-top: 1px; border-top: 5px solid #e18518; border-bottom: 1px solid #999999; background-color: #ffffff; background-image: url(/Img/Framework/MenuBackground.gif); background-repeat: repeat-x; } #QuickLoginForm input.Input { width: 100px; margin-right: 10px; margin-top: 4px; float: left; background: none; background-color: transparent; border: 1px solid #b3b3b3; color: #f6f6f6; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; font-weight: bold; } div.HiddenSubmitButton { border: none; width: 0px; height: 0px; overflow: hidden; } #ActiveUserPanel { width: 550px; float: right; padding-right: 20px; margin-top: 10px; } #ActiveUserPanel a, #ActiveUserPanel a:link, #ActiveUserPanel a:visited, #ActiveUserPanel a:active, #ActiveUserPanel a:hover { color: #ffffff; text-decoration: none; font-weight: normal; } #ActiveUserPanel a:hover { text-decoration: underline; } #TabWrapper { width: 400px; z-index: 100; left: 50%; margin-left: -200px; position: absolute; top: 53px; } #TabWrapper div.Tab { min-height: 26px; height: auto !important; height: 26px; float: left; white-space: nowrap; margin-left: 5px; cursor: pointer; } .TabLeft { min-height: 26px; height: auto !important; height: 26px; width: 5px; background-image: url(/Img/Framework/TabLeft.gif); background-position: top left; border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; float: left; } .TabLeftActive { min-height: 26px; height: auto !important; height: 26px; width: 5px; background-image: url(/Img/Framework/TabLeftActive.gif); background-position: top left; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #e18518; float: left; } .TabCenter { min-height: 26px; height: auto !important; height: 26px; background-image: url(/Img/Framework/TabBackground.gif); border-top: 1px solid #cdcdcd; float: left; text-align: center; } .TabCenter p { margin: 5px 7px 0px 7px; white-space: nowrap; } .TabCenter p a, .TabCenter p a:link, .TabCenter p a:visited, .TabCenter p a:active, .TabCenter p a:hover { text-decoration: none; color: #efefef; font-size: 11px; font-family: tahoma, verdana; font-weight: bold; } .TabCenterActive { min-height: 26px; height: auto !important; height: 26px; background-image: url(/Img/Framework/TabBackgroundActive.gif); border-top: 1px solid #ffffff; border-bottom: 1px solid #e18518; float: left; text-align: center; } .TabCenterActive p { margin: 5px 7px 0px 7px; white-space: nowrap; } .TabCenterActive p a, .TabCenterActive p a:link, .TabCenterActive p a:visited, .TabCenterActive p a:active, .TabCenterActive p a:hover { text-decoration: none; color: #ffffff; font-size: 11px; font-family: tahoma, verdana; font-weight: bold; } .TabRight { min-height: 26px; height: auto !important; height: 26px; width: 5px; background-image: url(/Img/Framework/TabRight.gif); background-position: top right; border-right: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; float: left; } .TabRightActive { min-height: 26px; height: auto !important; height: 26px; width: 5px; background-image: url(/Img/Framework/TabRightActive.gif); background-position: top right; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #e18518; float: left; } /*------------------------- */ /* Menu */ /*------------------------- */ #Menu { width: 900px; min-height: 26px; height: auto !important; height: 26px; margin-left: auto; margin-right: auto; overflow: hidden; } #MenuItem { width: 800px; min-height: 26px; height: auto !important; height: 26px; float: left; overflow: hidden; } #MenuItem ul { margin-left: 12px; list-style-type: none; text-align: left; } #MenuItem ul li { height: 26px; float: left; font-size: 65%; } #MenuItem ul li div { height: 20px; padding-top: 7px; float: left; } #MenuItem ul li div a { text-decoration: none; background: transparent; padding: 0px 6px 0px 6px; border-right: 1px solid #b4b4b4; color: #747474; font-weight: bold; } #MenuItem ul li.Last div a { padding-right: 0px; border-right: 0px; } #MenuItem ul li div a:hover { color: #565656; } #MenuItem ul li:hover { background-image: url(/Img/Framework/MenuArrowOver.gif); background-position: 50% bottom; background-repeat: no-repeat; } #MenuItem ul li div.Active { background-image: url(/Img/Framework/MenuArrowActive.gif); background-position: 50% top; background-repeat: no-repeat; } #MenuItem ul li div.Active a { color: #565656; } /*#LanguageSwitch { display: none; }*/ #LanguageSwitch { width: 75px; min-height: 26px; height: auto !important; height: 26px; float: right; text-align: right; overflow: hidden; } #LanguageSwitch a img { margin-right: 5px; margin-top: 5px; display: block; float: left; } /*------------------------- */ /* Frame */ /*------------------------- */ #Frame { width: 900px; min-height: 400px; height: auto !important; height: 400px; margin-left: auto; margin-right: auto; background-image: url(/Img/Framework/FrameBackground.gif); background-repeat: repeat-y; padding-top: 1px; padding-bottom: 1px; } /*------------------------- */ /* Column */ /*------------------------- */ #LeftColumn { width: 650px; float: left; position: relative; left: 2px; } div.ColumnMargin { height: 10px; border-left: 4px solid #b4b4b4; } .Box { padding: 10px 14px 5px 14px; border-left: 4px solid #b4b4b4; border-bottom: 1px solid #e3e3e3; } .Split { min-height: 100px; height: auto !important; height: 100px; padding: 0px; border-bottom: 1px solid #e3e3e3; background-image: url(/Img/Framework/SplitBackground.gif); background-repeat: repeat-y; } .SmallBoxWrapper { width: 325px; float: left; } .SmallBox { padding: 10px 14px 5px 14px; border-left: 4px solid #b4b4b4; } .Box ul { margin-left: 20px; margin-bottom: 20px; } .Box ul li { font-size: 70%; } #RightColumn { width: 214px; float: left; margin-left: 16px; padding-top: 15px; padding-bottom: 20px; color: #777777; } #RightColumn div.BoxSeperator { border-top: 1px solid #d3d3d3; margin-bottom: 12px; } #RightColumn a, #RightColumn a:link, #RightColumn a:visited, #RightColumn a:active, #RightColumn a:hover { color: #3c3c3c; font-weight: normal; text-decoration: none; white-space: nowrap; } #RightColumn a:hover { text-decoration: underline; } /*------------------------- */ /* Button */ /*------------------------- */ .SubmitButton { min-width: 20px; width: auto !important; width: 20px; height: 25px; margin-bottom: 10px; float: left; display: block; background-image: url(/Img/Framework/SubmitButtonLeft.gif); background-repeat: repeat-x; } .SubmitButton div { height: 25px; font-size: 70%; background-image: url(/Img/Framework/SubmitButtonRight.gif); background-position: right; background-repeat: no-repeat; } .SubmitButton a { font-family: tahoma, verdana; color: #ffffff; font-weight: bold; text-decoration: none; display: block; padding: 5px 10px 5px 10px; } .SubmitButton a, .SubmitButton a:link, .SubmitButton a:visited, .SubmitButton a:active, .SubmitButton a:hover { color: #ffffff; font-weight: bold; text-decoration: none; white-space: nowrap; } .SubmitButton a:hover { text-decoration: none; } .SubmitButton:hover { background-image: url(/Img/Framework/SubmitButtonLeftOver.gif); } .SubmitButton div:hover { background-image: url(/Img/Framework/SubmitButtonRightOver.gif); } .SubmitButtonHot { min-width: 20px; width: auto !important; width: 20px; height: 25px; margin-bottom: 10px; float: left; display: block; background-image: url(/Img/Framework/SubmitButtonHotLeft.gif); background-repeat: repeat-x; } .SubmitButtonHot div { height: 25px; font-size: 70%; background-image: url(/Img/Framework/SubmitButtonHotRight.gif); background-position: right; background-repeat: no-repeat; } .SubmitButtonHot a { font-family: tahoma, verdana; color: #ffffff; font-weight: bold; text-decoration: none; display: block; padding: 5px 10px 5px 10px; } .SubmitButtonHot a, .SubmitButtonHot a:link, .SubmitButtonHot a:visited, .SubmitButtonHot a:active, .SubmitButtonHot a:hover { color: #ffffff; font-weight: bold; text-decoration: none; white-space: nowrap; } .SubmitButtonHot a:hover { text-decoration: none; } .SubmitButtonHot:hover { background-image: url(/Img/Framework/SubmitButtonHotLeftOver.gif); } .SubmitButtonHot div:hover { background-image: url(/Img/Framework/SubmitButtonHotRightOver.gif); } .HeaderButton { min-width: 20px; width: auto !important; width: 20px; height: 25px; margin-bottom: 10px; float: left; display: block; background-image: url(/Img/Framework/HeaderButtonLeft.gif); background-repeat: repeat-x; } .HeaderButton div { height: 25px; font-size: 70%; background-image: url(/Img/Framework/HeaderButtonRight.gif); background-position: right; background-repeat: no-repeat; } .HeaderButton a { font-family: tahoma, verdana; color: #ffffff; font-weight: bold; text-decoration: none; display: block; padding: 5px 10px 5px 10px; } .HeaderButton a, .HeaderButton a:link, .HeaderButton a:visited, .HeaderButton a:active, .HeaderButton a:hover { color: #ffffff; font-weight: bold; text-decoration: none; white-space: nowrap; } .HeaderButton a:hover { text-decoration: none; } .HeaderButton:hover { background-image: url(/Img/Framework/HeaderButtonLeftOver.gif); } .HeaderButton div:hover { background-image: url(/Img/Framework/HeaderButtonRightOver.gif); } .HeaderButtonHot { min-width: 20px; width: auto !important; width: 20px; height: 25px; margin-bottom: 10px; float: left; display: block; background-image: url(/Img/Framework/HeaderButtonHotLeft.gif); background-repeat: repeat-x; } .HeaderButtonHot div { height: 25px; font-size: 70%; background-image: url(/Img/Framework/HeaderButtonHotRight.gif); background-position: right; background-repeat: no-repeat; } .HeaderButtonHot a { font-family: tahoma, verdana; color: #ffffff; font-weight: bold; text-decoration: none; display: block; padding: 5px 10px 5px 10px; } .HeaderButtonHot a, .HeaderButtonHot a:link, .HeaderButtonHot a:visited, .HeaderButtonHot a:active, .HeaderButtonHot a:hover { color: #ffffff; font-weight: bold; text-decoration: none; white-space: nowrap; } .HeaderButtonHot a:hover { text-decoration: none; } .HeaderButtonHot:hover { background-image: url(/Img/Framework/HeaderButtonHotLeftOver.gif); } .HeaderButtonHot div:hover { background-image: url(/Img/Framework/HeaderButtonHotRightOver.gif); } /*------------------------- */ /* Footer */ /*------------------------- */ #FooterWrapper { width: 100%; min-height: 20px; height: auto !important; height: 20px; border-top: 5px solid #b4b4b4; background-color: #8f8f8f; } #Footer { width: 100%; border-top: 1px solid #ffffff; } #FooterContent { width: 900px; margin-left: auto; margin-right: auto; } #Copyright { width: 600px; float: left; text-align: left; font-size: 60%; color: #dedede; margin-left: 20px; margin-top: 4px; margin-bottom: 4px; } #Copyright a, #Copyright a:link, #Copyright a:visited, #Copyright a:active, #Copyright a:hover { color: #dedede; font-weight: normal; text-decoration: none; } #Copyright a:hover { color: #ffffff; } #Copyright span { margin-left: 15px; margin-right: 15px; } #Production { width: 200px; float: right; text-align: right; font-size: 60%; color: #c3c3c3; margin-right: 20px; margin-top: 4px; margin-bottom: 4px; } #Production a, #Production a:link, #Production a:visited, #Production a:active, #Production a:hover { color: #c3c3c3; font-weight: normal; text-decoration: none; } #Production a:hover { color: #ffffff; } /*------------------------- */ /* Form */ /*------------------------- */ .Form { margin: 0px; } .FormTitle, .FormTitleActive { font-weight: bold; font-size: 70%; margin-bottom: 3px; color: #545454; } .FormTitleActive { color: #e18518; } .FormTitle span, .FormTitleActive span { font-weight: normal; color: #545454; } .FormInputText, .FormInputTextActive, .FormTextarea, .FormTextareaActive { border: 1px solid #898989; font-size: 70%; padding: 3px; margin-bottom: 15px; font-family: tahoma, verdana, sans-serif; color: #626262; } .FormInputTextActive, .FormTextareaActive { border: 1px solid #e18518; color: #000000; } .SubscriptionList tr td { font-size: 70%; padding-right: 5px; padding-bottom: 4px; padding-top: 4px ;border-bottom: 1px solid #e8e8e8; } .SubscriptionList tr td.RadioButton { padding-top: 2px; } .SubscriptionList tr td.Headline { color: #545454; font-weight: bold; } .SubscriptionList tr.Last td { border-bottom: 0px; } .SubscriptionList tr.Header td { color: #000000; } /*------------------------- */ /* List */ /*------------------------- */ .List tr td { font-size: 70%; padding-right: 5px; padding-bottom: 4px; padding-top: 4px; border-bottom: 1px solid #e8e8e8; } .List tr.Header td { color: #545454; font-weight: bold; vertical-align: bottom; } .List td.Header { color: #333333; }