/********************************************************************************/ /********** 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: white; } img { border: 0px; outline: none; } a, a:link, a:visited, a:active { font-size: 12px; color: #6b6b6b; text-decoration: underline; cursor: pointer; } a:hover { color: black; text-decoration: none; cursor: pointer;} .normal ul { list-style-type: square; list-style-position: outside; margin: 0px; padding: 0px; border: 0px; } .normal li, .normal li ul li li { list-style-type: square; margin-left: 15px; font-weight: bold; } #Navigation ul, #Navigation li ul li li { list-style: none; margin: 0px; padding: 0px; border: 0px; } #Pannels .Tabs li, #Pannels .Tabs li ul li li { list-style: none; margin: 0px; padding: 0px; border: 0px; } strong, b { font-weight: bold; } /********************************************************************************/ /********** LAYOUT **************************************************************/ /********************************************************************************/ #Wrapper { width: 963px; margin: 0px auto; padding: 0px; bottom: 0px; background: white; } #Header { position: relative; height: 120px; padding: 0px; bottom: 0px; z-index: 800; } #ToolbarBox { position: absolute; top: 4px; left: 20px; } #ToolbarBox .normal, #ToolbarBox a.normal:link { font-size: 11px; color: #8d8d8d; text-decoration: none; } #ToolbarBox a.normal:hover { color: black; } .ToolbarButton { cursor: pointer; margin-left: 4px; } #WelcomeMessage { position: absolute; top: 4px; left: 210px; } /*FireFox*/ :root #WelcomeMessage { left: 215px; } #WelcomeMessage .normal { display: inline-block; font-size: 11px; font-weight: bold; color: black; background: white; } #Navigation { position: absolute; display: block; width: 963px; top: 70px; border-top: solid 1px #dfdfdf; } #LogoBox { position: absolute; top: 0px; right: 20px; height: 32px; } .ImageBanner { position: relative; display: block; } #Pannels { position: relative; } #LeftPane { width: 602px; padding-left: 20px; } #LeftPaneSpace { width: 21px; } #ContentPane { } #RightPaneSpace { width: 20px; } #RightPane { vertical-align: top; width: 280px; padding-right: 20px; padding-top: 2px; } #Footer { width: 963px; padding-left: 20px; } #Footer .normal { font-size: 11px; color: #8d8d8d; } #Owner { } /********************************************************************************/ /********** FONTS ***************************************************************/ /********************************************************************************/ .head { display: block; padding-bottom: 8px; font: normal 24px/24px Trebuchet MS, Arial, Helvetica, Sans-Serif; color: black; } #RightPane .head { padding-top: 5px; padding-bottom: 5px; font-size: 20px; line-height: 20px; color: #6b6b6b; } .lead { display: block; font: bold 12px/16px Arial, Helvetica, Sans-Serif; color: black; } .lead a:link, .lead a:visited, .lead a:active { color: #6b6b6b; } .lead a:hover { color: black; text-decoration: none; } #LeftPane .ListText .lead { padding-bottom: 6px; font: normal 18px/18px Trebuchet MS, Arial, Helvetica, Sans-Serif; color: #8d8d8d; } #RightPane .lead { padding-bottom: 1px; font-size: 15px; line-height: 18px; color: #6b6b6b; } .normal { font: normal 12px/16px Arial, Helvetica, Sans-Serif; color: black; } .normal strong, .normal b { font: bold 12px/16px Arial, Helvetica, Sans-Serif; color: black; } .normal a:link, .normal a:visited, .normal a:active { display: inline-block; padding-left: 12px; font-weight: bold; color: #6b6b6b; background: url(../Images/Desktop/Layout/Link.gif) no-repeat top left; } .normal a:hover { color: black; text-decoration: none; background: url(../Images/Desktop/Layout/Link.gif) no-repeat top left; } #RightPane .normal, #RightPane .normal strong, #RightPane .normal b { font-weight: bold; color: #6b6b6b; } .normalsmall, a.normalsmall:link, a.normalsmall:active, a.normalsmall:visited { font: normal 11px/15px Arial, Helvetica, Sans-Serif; color: #6b6b6b; } a.normalsmall:hover { color: black; text-decoration: none; } #RightPane .normalsmall { color: #6b6b6b; } .Form .head, #RightPane .Form .head { font-size: 20px; line-height: 20px; color: #6b6b6b; text-transform: uppercase; letter-spacing: 0.08em; } .Form .lead, #RightPane .Form .lead { padding-bottom: 3px; font-size: 12px; font-weight: normal; color: #6b6b6b; } .Form .normal, #RightPane .Form .normal { display: block; padding-top: 13px; font-weight: normal; font-size: 12px; color: #6b6b6b; } .ErrorMessage { display: block; font-size: 11px; font-weight: bold; color: Red; padding: 4px 5px 0px 0px; } /********************************************************************************/ /********** MODULE DEFAULT ******************************************************/ /********************************************************************************/ #LeftPane .PageHeaderContainer, #ContentPane .PageHeaderContainer { height: 35px; margin-top: -5px; } #ContentPane .PageHeaderContainer { margin-left: 20px; } #RightPane .PageHeaderContainer { padding: 20px; padding-top: 15px; padding-bottom: 0px; background: #f4f4f4; } .PageHeaderContainerTable { width: 100%; } .PageHeaderContainerLeftTd { text-align: left; padding-left: 1px; } .PageHeaderContainerRightTd { text-align: right; } .PageHeader { font-size: 12px; line-height: 15px; text-transform: uppercase; color: #6b6b6b; } .PageForwardLink, .PageForwardLink a, a.PageForwardLink:link, a.PageForwardLink:visited, a.PageForwardLink:active { font-size: 11px; line-height: 15px; color: #6b6b6b; } a.PageForwardLink:hover { color: black; text-decoration: none; } #LeftPane .PageForwardLink { display: inline-block; margin-top: 6px; } #LeftPane .ListHeader { display: block; height: 1px; margin-bottom: 17px; border-bottom: solid 1px #e1e1e1; font-size: 1px; } #LeftPane .ListActive, #LeftPane .ListInactive { width: 602px; } #LeftPane .ListInactive { background: #f5c2c2; width: 602px; } #LeftPane .ListSeparator { display: block; height: 20px; margin-bottom: 17px; border-bottom: solid 1px #e1e1e1; font-size: 1px; } #LeftPane .ListFooter { display: block; height: 20px; border-bottom: solid 1px #e1e1e1; font-size: 1px; } #RightPane .ListHeader { display: block; height: 15px; background: #f4f4f4; } #RightPane .ListActive, #RightPane .ListInactive { display: block; width: 240px; padding: 20px; padding-top: 0px; padding-bottom: 0px; background: #f4f4f4; } #RightPane .ListSeparator { display: block; height: 15px; background: #f4f4f4; } #RightPane .ListFooter { display: block; height: 20px; background: #f4f4f4; font-size: 1px; } #LeftPane .FooterSeparator, #ContentPane .FooterSeparator { display: block; height: 20px; font-size: 1px; } #RightPane .Separator { display: block; height: 5px; font-size: 1px; } .ModulSeparator { display: block; height: 1px; background: #f4f4f4; border-bottom: solid 1px #c2c2c2; border-left: solid 20px #f4f4f4; border-right: solid 20px #f4f4f4; font-size: 1px; } .TeaserFooter, .TeaserFooterBig { display: block; margin-top: 1px; width: 963px; background: url(../images/desktop/layout/BgTeaserFooter.gif) repeat-x; font-size: 1px; } .TeaserFooter { height: 5px; } .TeaserFooterBig { height: 75px; } #LeftPane .Detail { width: 602px; } #LeftPane .Detail img { margin-top: 20px; margin-bottom: 14px; width: 602px; } #RightPane .Detail { width: 280px; } .DetailTabHeader { display: block; height: 29px; margin-top: 15px; width: 602px; } .DetailTab { display: block; width: 562px; height: 43px; padding: 20px; background: #f4f4f4 } .DetailTab .lead { color: #6b6b6b; } #LeftPane .Form { margin-top: 2px; width: 562px; padding: 20px; padding-top: 17px; background: #f4f4f4; } #RightPane .Form { width: 240px; padding: 20px; padding-top: 17px; background: #f4f4f4; } /********************************************************************************/ /********** MODULE SPEZ *********************************************************/ /********************************************************************************/ .NewsModul .ListActive input, .NewsModul .ListInactive input { float: left; display: block; width: 279px; padding-top: 3px; margin-right: 20px; cursor: pointer; } .NewsModul .ListActive a:hover input, .NewsModul .ListInactive input { float: left; display: block; width: 279px; padding-top: 3px; margin-right: 20px; cursor: pointer; } .NewsModul .ListText { height: 111px; padding-top: 11px; } .NewsHomeRotatorModul { width: 240px; padding: 20px; padding-top: 10px; padding-bottom: 20px; background: #f4f4f4; } .NewsHomeRotatorModul .normal { cursor: pointer; } .MultiTextModul .ListActive img, .MultiTextModul .ListInactive img { float: left; margin-right: 15px; padding-top: 4px; } .ImageModul img { display: block; font-size: 1px; } .ImageModulLinkOver img { cursor: pointer; } a.ImageModulLinkOver:hover { filter: alpha(opacity=90); moz-opacity: 0.9; opacity: 0.9; cursor: pointer; } #RightPane .ImageModul img { display: block; width: 280px; font-size: 1px; } .StaffModul img { float: left; display: block; padding-top: 3px; margin-right: 20px; } #LeftPane .StaffModul .ListText { height: 111px; padding-top: 11px; } #RightPane .StaffModul img { display: none; } #RightPane .StaffModulPosition { display: none; } #ContentPane .StaffGrid { display: block; width: 320px; height: 290px; margin-right: 1px; margin-bottom: 1px; } #ContentPane .StaffGrid img { display: block; width: 320px; height: 290px; } #ContentPane .StaffGridText { display: block; margin-top: -76px; color: white; } #ContentPane .StaffGridTd { height: 68px; width: 260px; padding: 0px 0px 8px 10px; vertical-align: bottom; background: black; filter: alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; } #ContentPane .StaffGridTdTd { height: 68px; width: 40px; padding: 0px 10px 8px 0px; text-align: right; vertical-align: bottom; background: black; filter: alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; } #ContentPane .StaffGridHeader { font: normal 12px/16px Arial, Helvetica, Sans-Serif; color: white; } #ContentPane .StaffGridNormal { font: normal 11px/14px Arial, Helvetica, Sans-Serif; color: white; } #ContentPane .StaffGridLink a:link, #ContentPane .StaffGridLink a:visited, #ContentPane .StaffGridLink a:active { font: normal 12px/14px Arial, Helvetica, Sans-Serif; color: white; } #RightPane .StaffGrid { display: block; width: 280px; height: 254px; } #RightPane .StaffGrid img { display: block; width: 280px; } #RightPane .StaffGridText { display: block; margin-top: -72px; color: white; } #RightPane .StaffGridTd { height: 64px; width: 240px; padding: 0px 0px 8px 10px; text-align: left; vertical-align: bottom; background: black; filter: alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; } #RightPane .StaffGridTdTd { height: 64px; width: 40px; padding: 0px 10px 8px 0px; text-align: right; vertical-align: bottom; background: black; filter: alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7; } #RightPane .StaffGridHeader { font: normal 12px/16px Arial, Helvetica, Sans-Serif; color: white; } #RightPane .StaffGridNormal { font: normal 11px/13px Arial, Helvetica, Sans-Serif; color: white; } #RightPane .StaffGridNormal br+br { line-height: 0px; } #RightPane .StaffGridLink a:link, #RightPane .StaffGridLink a:visited, #RightPane .StaffGridLink a:active { font: normal 12px/13px Arial, Helvetica, Sans-Serif; color: white; } #ContentPane .OpenTextModul { margin-left: 20px; } #RightPane .JobsModul .normal { font-weight: normal; } .DocumentsShowModul .DocumentIcon { float: left; margin-right: 10px; } .DocumentsShowModul .lead { float: left; margin-right: 8px; margin-top: 17px; } .DocumentsShowModul .normalsmall { float: left; width: 50px; margin-top: 17px; } .DocumentsShowSmallModul .DocumentIcon { float: left; margin-right: 6px; margin-bottom: 2px; } .GoogleMapModul #LeftPane { float: left; margin-left: 20px; margin-right: 41px; padding: 0px; } .GoogleMapModul #LeftPane .head { margin-top: -3px; margin-bottom: 10px; } .GoogleMapModulMapArea { vertical-align: top; width: 602px; height: 602px; } .GoogleMapModul #RightPane { float: right; padding-top: 2px; } .GoogleMapModul #RightPane .Form { padding-top: 14px; } .GoogleMapInput { width: 230px; padding: 3px 0px 3px 5px; font: normal 12px/15px Arial, Helvetica, sans-serif; background: white; color: black; border: 1px solid #d8d8d8; cursor: text; } .GoogleMapInput:hover { border: 1px solid #afafaf; } .GoogleMapHome { vertical-align: top; width: 963px; height: 395px; } .GalleryModul { width: 923px; margin-left: 20px; } .GalleryModulHeader { width: 683px; } .GalleryModulComboBox { width: 240px; } .GalleryModulImages { margin-top: 17px; margin-right: -7px; margin-bottom: -7px; } /*FireFox*/ :root .GalleryModul { margin-bottom: -14px; } .GalleryModulThumbnails { width: 179px; height: 189px; background: url(../images/desktop/Lightbox/BgGallery.gif) no-repeat; text-align: center; vertical-align: middle; } .GalleryModulThumbnails img { display: block; margin: 10px; margin-bottom: 20px; cursor: pointer; } /*FireFox*/ :root .GalleryModulThumbnails img { display: inline-block; } .GalleryModulThumbnails a:hover img { filter: alpha(opacity=90); moz-opacity: 0.9; opacity: 0.9; } .GalleryModulSeparator { display: block; width: 7px; background: white; } .ReferencesModul { width: 963px; background: url(../images/Desktop/Layout/BgReferences.gif) repeat-y; } .ReferencesModul img { display: block; margin-bottom: 3px; } .ReferencesModul a:link img { cursor: pointer; font-size: 1x; } .ReferencesModul a:hover img { filter: alpha(opacity=75); moz-opacity: 0.75; opacity: 0.75; cursor: pointer; } .ReferencesModulSeparator { width: 3px; } .ReferencesSlideHeader { height: 115px; background: black; } .ReferencesSlideTitle { float: left; padding: 40px; padding-bottom: 0px; padding-top: 20px; } .ReferencesSlideLogo { padding-right: 40px; text-align: right; } .ReferencesSlideText1 { display: block; font: normal 24px/24px Trebuchet MS, Arial, Helvetica, Sans-Serif; color: #999; } .ReferencesSlideText2 { display: block; font-size: 12px; line-height: 18px; color: #999; } .ReferencesSlideText3, a.ReferencesSlideText3:link, a.ReferencesSlideText3:active, a.ReferencesSlideText3:visited { font-size: 12px; line-height: 24px; color: #999; } a.ReferencesSlideText3:hover { color: white; text-decoration: none; } /*FireFox*/ :root .ReferencesSlideContentBug { height: 418px; } .NewsHomeTeaserModul { height: 240px; font-size: 1px; margin-top: 22px; background: url(../Images/Desktop/Layout/BgTeaser.gif) repeat-x bottom; } .NewsHomeTeaserModulHead { display: block; padding-bottom: 10px; font: normal 24px/24px Trebuchet MS, Arial, Helvetica, Sans-Serif; text-decoration: none; text-transform: uppercase; letter-spacing: 1em; color: #6b6b6b; } /*FireFox*/ :root .NewsHomeTeaserModulHead { letter-spacing: 0.05em; } .NewsHomeTeaserModul .normal { color: #6b6b6b; } .NewsHomeTeaserModul1 { position: relative; display: block; float: left; padding-left: 20px; padding-right: 20px; width: 281px; height: 240px; border-right: solid 1px #dfdfdf; } .NewsHomeTeaserModul1 img { display: block; width: 141px; height: 91px; } .NewsHomeTeaserModul2 { position: relative; display: block; float: left; padding-left: 20px; padding-right: 20px; width: 280px; height: 240px; border-right: solid 1px #dfdfdf; } .NewsHomeTeaserModul3 { position: relative; display: block; padding-left: 20px; padding-right: 20px; width: 280px; height: 240px; } /*FireFox*/ :root .NewsHomeTeaserModul3 { margin-left: 641px; } .NewsHomeTeaserModul .TeaserButtonMoreAlign1 { position: absolute; top: 209px; left: 200px; } .NewsHomeTeaserModul .TeaserButtonMoreAlign2 { position: absolute; top: 209px; left: 199px; } .NewsHomeTeaserModul .TeaserButtonMoreAlign3 { position: absolute; top: 209px; left: 199px; } .ReferencesTeaserModul { position: relative; height: 185px; font-size: 1px; background: white; } .ReferencesTeaserModul img { width: 319px; height: 185px; filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; cursor: pointer; } .ReferencesTeaserModul a:hover img { filter: alpha(opacity=75); moz-opacity: 0.75; opacity: 0.75; cursor: pointer; } .ReferencesTeaserModulSeparator { display: block; width: 1px; height: 185px; background: #dfdfdf; border-left: solid 1px white; border-right: solid 1px white; font-size: 1px; } .ReferencesTeaserModul .TeaserButtonMoreAlign3 { position: absolute; top: 154px; left: 842px; } /********************************************************************************/ /********** LINKBUTTON **********************************************************/ /********************************************************************************/ .DetailLinkAlign, #RightPane .Form .DetailLinkAlign { margin-top: 17px; } #RightPane .DetailLinkAlign { margin-top: 4px; } #LeftPane .MultiTextModul .DetailLinkAlign { margin-top: 9px; } #LeftPane .DocumentsShowModul .DetailLinkAlign { float: left; margin-top: 6px; margin-right: 20px; } a.DetailLink:link, a.DetailLink:visited, a.DetailLink:hover, a.DetailLink:active, a.DetailLinkBack:link, a.DetailLinkBack:visited, a.DetailLinkBack:hover, a.DetailLinkBack:active, .DetailLinkASP, .DetailLinkASPOver, a.DetailLinkDownload:link, a.DetailLinkDownload:visited, a.DetailLinkDownload:hover, a.DetailLinkDownload:active, a.DetailLinkPrint:link, a.DetailLinkPrint:visited, a.DetailLinkPrint:hover, a.DetailLinkPrint:active { font: bold 14px/20px Trebuchet MS, Arial, Helvetica, Sans-Serif; text-decoration: none; text-transform: uppercase; letter-spacing: 0.03em; } .DetailLink { display: inline-block; width: 82px; padding-left: 25px; height: 25px; padding-top: 7px; background: url(../Images/Desktop/Layout/DetailLinkForward.gif) no-repeat left top; } /*FireFox*/ root .DetailLinkBack { padding-top: 8px; } a.DetailLink:link, a.DetailLink:visited, a.DetailLink:active { color: #7b7b7b; } a.DetailLink:hover { color: #6b6b6b; background: url(../Images/Desktop/Layout/DetailLinkForwardOver.gif) no-repeat left top; } .DetailLinkBack { display: inline-block; width: 82px; padding-left: 25px; height: 25px; padding-top: 7px; background: url(../Images/Desktop/Layout/DetailLinkBack.gif) no-repeat left top; } /*FireFox*/ :root .DetailLinkBack { padding-top: 8px; } a.DetailLinkBack:link, a.DetailLinkBack:visited, a.DetailLinkBack:active { color: #7b7b7b; } a.DetailLinkBack:hover { color: #6b6b6b; background: url(../Images/Desktop/Layout/DetailLinkBackOver.gif) no-repeat left top; } .DetailLinkASP, .DetailLinkASPOver { display: inline-block; width: 107px; padding-left: 25px; padding-top: 3px; height: 32px; border: 0px; text-align: left; cursor: pointer; } .DetailLinkASP { color: #7b7b7b; background: url(../images/Desktop/Layout/DetailLinkForward.gif) no-repeat left top; } .DetailLinkASPOver { color: #6b6b6b; background: url(../images/Desktop/Layout/DetailLinkForwardOver.gif) no-repeat left top; } /*FireFox*/ :root .DetailLinkASP, :root .DetailLinkASPOver { line-height: 28px; width: 107px; padding-left: 21px; padding-top: 0px; height: 32px; vertical-align: middle } .DetailLinkDownload { display: inline-block; width: 97px; padding-left: 27px; height: 25px; padding-top: 7px; background: url(../images/Desktop/Layout/DetailLinkDownload.gif) no-repeat left top; } /*FireFox*/ :root .DetailLinkDownload { padding-top: 8px; } a.DetailLinkDownload:link, a.DetailLinkDownload:visited, a.DetailLinkDownload:active { color: #7b7b7b; } a.DetailLinkDownload:hover { color: #6b6b6b; background: url(../images/Desktop/Layout/DetailLinkDownloadOver.gif) no-repeat left top; } .DetailLinkPrint { display: inline-block; width: 140px; padding-left: 33px; height: 25px; padding-top: 7px; background: url(../Images/Desktop/Layout/DetailLinkPrint.gif) no-repeat left top; } /*FireFox*/ :root .DetailLinkPrint { padding-top: 8px; } a.DetailLinkPrint:link, a.DetailLinkPrint:visited, a.DetailLinkPrint:active { color: #7b7b7b; } a.DetailLinkPrint:hover { color: #6b6b6b; background: url(../Images/Desktop/Layout/DetailLinkPrintOver.gif) no-repeat left top; } .TeaserButtonMore { display: inline-block; width: 93px; padding-left: 12px; height: 30px; padding-top: 7px; background: url(../Images/Desktop/Layout/TeaserButtonMore.gif) no-repeat left top; } a.TeaserButtonMore:link, a.TeaserButtonMore:visited, a.TeaserButtonMore:hover, a.TeaserButtonMore:active { font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: 16px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; color: #dbe2ae; } a.TeaserButtonMore:hover { color: white; background: url(../Images/Desktop/Layout/TeaserButtonMoreOver.gif) no-repeat left top; } .ReferencesButtonForward, .ReferencesButtonBack { display: inline-block; width: 25px; height: 25px; padding-right: 5px; } .ReferencesButtonForward { background: url(../Images/Desktop/Lytebox/Forward.gif) no-repeat left top; } .ReferencesButtonBack { float: left; background: url(../Images/Desktop/Lytebox/Back.gif) no-repeat left top; } a.ReferencesButtonForward:link, a.ReferencesButtonForward:visited, a.ReferencesButtonForward:hover, a.ReferencesButtonForward:active, a.ReferencesButtonBack:link, a.ReferencesButtonBack:visited, a.ReferencesButtonBack:hover, a.ReferencesButtonBack:active { text-decoration: none; } a.ReferencesButtonForward:hover { background: url(../Images/Desktop/Lytebox/ForwardOver.gif) no-repeat left top; } a.ReferencesButtonBack:hover { background: url(../Images/Desktop/Lytebox/BackOver.gif) no-repeat left top; } /********************************************************************************/ /********** EDIT ****************************************************************/ /********************************************************************************/ .ButtonPosition { float: none; z-index: 1000; } #LeftPane .ButtonPosition { right: 341px; } #ContentPane .ButtonPosition { right: 20px; } #RightPane .ButtonPosition { right: 20px; } #RightPane .ButtonPosition2 .ButtonPosition { top: 25px; text-align: right;} #ContentPane .ButtonPosition2 .ButtonPosition { top: 25px; text-align: right;} a.ButtonEdit:link, a.ButtonEdit:visited, a.ButtonEdit:hover, a.ButtonEdit:active { font-size: 11px; color: White; text-decoration: none; letter-spacing: 1px; padding: 2px 3px 2px 4px; vertical-align: middle; } a.ButtonEdit:link, a.ButtonEdit:visited { background: #0c559c; } a.ButtonEdit:hover, a.ButtonEdit:active { background: black; } a.ButtonLayout:link, a.ButtonLayout:visited, a.ButtonLayout:hover, a.ButtonLayout:active { font-size: 11px; color: White; text-decoration: none; letter-spacing: 1px; padding: 2px 3px 2px 4px; vertical-align: middle; } a.ButtonLayout:link, a.ButtonLayout:visited { background: #0c559c; } a.ButtonLayout:hover, a.ButtonLayout:active { background: black; } .ButtonPosition2 .ButtonLayout { visibility: hidden; }