/* BASIS */ body { background-repeat: repeat-x; background-image: url(../graphics/basis/bgFade.gif); color: #303030; font-family: georgia; background-color: #cbd6df; margin: 0; } a { color: #303030; } table, table td { margin: 0; padding: 0; border-width: 0; } a, a:focus, focus, input { outline: none 0; background : transparent; border-width: 0; } .break { height: 1px; float: none; clear: both; overflow: hidden; display: block; } form { margin: 0; padding: 0; } /* VH */ #vh { position: absolute; right: 0; width: 24px; height: 11px; overflow: hidden; margin-top: 55px; margin-right: 20px !important; } #vh a { background-image: url(../graphics/basis/vh_1.gif); width: 24px; height: 11px; display: block; } #vh a:hover { background-image: url(../graphics/basis/vh_2.gif); } /* STAGE */ #stage { width: 901px; height: 100%; } #stage .edgeLeft { background-image: url(../graphics/basis/edgeLeft.gif); width: 20px; } #stage .edgeLeft .fade { width: 20px; height: 500px; background-image: url(../graphics/basis/edgeLeftFade.gif); } #stage .edgeRight { background-image: url(../graphics/basis/edgeRight.gif); width: 41px; } #stage .area { background-color: white; width: 840px; } #stage .logo { background-image: url(../graphics/basis/logo.gif); width: 246px; height: 68px; margin-top: 35px; margin-bottom: 30px; } #stage .logo a { width: 246px; height: 68px; display: block; } #stage .footer { height: 1%; } /* NAVIGATION */ #navigation { padding-top: 20px; background-image: url(../graphics/basis/edgeRightFade.gif); } #navigation div { } /* se */ #navigation .se .hotellet a { background-image: url(../graphics/navigation/se/hotellet_normal.gif); width: 41px; height: 99px; cursor: pointer; display: block; } #navigation .se .hotellet a.selected { background-image: url(../graphics/navigation/se/hotellet_selected.gif); } #navigation .se .matsalen a { background-image: url(../graphics/navigation/se/matsalen_normal.gif); width: 41px; height: 100px; cursor: pointer; display: block; } #navigation .se .matsalen a.selected { background-image: url(../graphics/navigation/se/matsalen_selected.gif); } #navigation .se .kabyssen a { background-image: url(../graphics/navigation/se/kabyssen_normal.gif); width: 41px; height: 97px; cursor: pointer; display: block; } #navigation .se .kabyssen a.selected { background-image: url(../graphics/navigation/se/kabyssen_selected.gif); } #navigation .se .konferens a { background-image: url(../graphics/navigation/se/konferens_normal.gif); width: 41px; height: 107px; cursor: pointer; display: block; } #navigation .se .konferens a.selected { background-image: url(../graphics/navigation/se/konferens_selected.gif); } #navigation .se .fest a { background-image: url(../graphics/navigation/se/fest_normal.gif); width: 41px; height: 63px; cursor: pointer; display: block; } #navigation .se .fest a.selected { background-image: url(../graphics/navigation/se/fest_selected.gif); } #navigation .se .kontakt a { background-image: url(../graphics/navigation/se/kontakt_normal.gif); width: 41px; height: 95px; cursor: pointer; display: block; } #navigation .se .kontakt a.selected { background-image: url(../graphics/navigation/se/kontakt_selected.gif); } /* en */ #navigation .en .hotellet a { background-image: url(../graphics/navigation/en/hotellet_normal.gif); width: 41px; height: 105px; cursor: pointer; display: block; } #navigation .en .hotellet a.selected { background-image: url(../graphics/navigation/en/hotellet_selected.gif); } #navigation .en .matsalen a { background-image: url(../graphics/navigation/en/matsalen_normal.gif); width: 41px; height: 79px; cursor: pointer; display: block; } #navigation .en .matsalen a.selected { background-image: url(../graphics/navigation/en/matsalen_selected.gif); } #navigation .en .kabyssen a { background-image: url(../graphics/navigation/en/kabyssen_normal.gif); width: 41px; height: 97px; cursor: pointer; display: block; } #navigation .en .kabyssen a.selected { background-image: url(../graphics/navigation/en/kabyssen_selected.gif); } #navigation .en .konferens a { background-image: url(../graphics/navigation/en/konferens_normal.gif); width: 41px; height: 117px; cursor: pointer; display: block; } #navigation .en .konferens a.selected { background-image: url(../graphics/navigation/en/konferens_selected.gif); } #navigation .en .fest a { background-image: url(../graphics/navigation/en/fest_normal.gif); width: 41px; height: 74px; cursor: pointer; display: block; } #navigation .en .fest a.selected { background-image: url(../graphics/navigation/en/fest_selected.gif); } #navigation .en .kontakt a { background-image: url(../graphics/navigation/en/kontakt_normal.gif); width: 41px; height: 93px; cursor: pointer; display: block; } #navigation .en .kontakt a.selected { background-image: url(../graphics/navigation/en/kontakt_selected.gif); } /* de */ #navigation .de .hotellet a { background-image: url(../graphics/navigation/de/hotellet_normal.gif); width: 41px; height: 103px; cursor: pointer; display: block; } #navigation .de .hotellet a.selected { background-image: url(../graphics/navigation/de/hotellet_selected.gif); } #navigation .de .matsalen a { background-image: url(../graphics/navigation/de/matsalen_normal.gif); width: 41px; height: 105px; cursor: pointer; display: block; } #navigation .de .matsalen a.selected { background-image: url(../graphics/navigation/de/matsalen_selected.gif); } #navigation .de .kabyssen a { background-image: url(../graphics/navigation/de/kabyssen_normal.gif); width: 41px; height: 97px; cursor: pointer; display: block; } #navigation .de .kabyssen a.selected { background-image: url(../graphics/navigation/de/kabyssen_selected.gif); } #navigation .de .konferens a { background-image: url(../graphics/navigation/de/konferens_normal.gif); width: 41px; height: 109px; cursor: pointer; display: block; } #navigation .de .konferens a.selected { background-image: url(../graphics/navigation/de/konferens_selected.gif); } #navigation .de .fest a { background-image: url(../graphics/navigation/de/fest_normal.gif); width: 41px; height: 63px; cursor: pointer; display: block; } #navigation .de .fest a.selected { background-image: url(../graphics/navigation/de/fest_selected.gif); } #navigation .de .kontakt a { background-image: url(../graphics/navigation/de/kontakt_normal.gif); width: 41px; height: 95px; cursor: pointer; display: block; } #navigation .de .kontakt a.selected { background-image: url(../graphics/navigation/de/kontakt_selected.gif); } /* BUTTON */ .button { height: 32px; overflow: hidden; float: left; margin-top: 10px; margin-right: 10px; margin-left: -3px; } .button a { background-image: url(../graphics/button/middle.gif); text-decoration: none; height: 32px; float: left; display: block; } .button a .left { background-image: url(../graphics/button/left.gif); width: 13px; height: 32px; float: left; cursor: pointer; display: block; } .button a .text { color: #23608f; font-size: 11px; font-weight: bold; line-height: 31px; text-transform: uppercase; letter-spacing: 1px; height: 32px; float: left; padding-right: 12px; padding-left: 12px; cursor: pointer; } .button a .right { background-image: url(../graphics/button/right.gif); width: 13px; height: 32px; float: left; cursor: pointer; display: block; } /* VINJET */ #vinjet { width: 770px; height: 230px; display: none; } #vinjetNoFlash { display: none; } .vinjet { width: 770px; height: 230px; margin-left: 35px; padding-top: 1px; display: block; } .blue .vinjet { border-top: 2px solid #004a7f; } .green .vinjet { border-top: 2px solid #b1bd6f; } .orange .vinjet { border-top: 2px solid #eb8d4f; } .black .vinjet { border-top: 2px solid #000000; } .vinjet img { width: 770px; } /* PAGE HEAD */ #pageHead { padding-top: 28px; padding-right: 35px; padding-left: 35px; } #pageHead .icon { float: right; } #pageHead .icon .start { background-image: url(../graphics/icons/start.jpg); width: 200px; height: 130px; } #pageHead .icon .hotellet { background-image: url(../graphics/icons/hotellet.jpg); width: 200px; height: 130px; } #pageHead .icon .matsalen { background-image: url(../graphics/icons/matsalen.jpg); width: 200px; height: 130px; } #pageHead .icon .konferens { background-image: url(../graphics/icons/konferens.jpg); width: 200px; height: 130px; } #pageHead .icon .fest { background-image: url(../graphics/icons/fest.jpg); width: 200px; height: 130px; } #pageHead .icon .jul { background-image: url(../graphics/icons/jul.jpg); width: 200px; height: 130px; } #pageHead .intro { color: #303030; font-size: 15px; line-height: 24px; width: 550px; padding-bottom: 30px; padding-left: 7px; text-shadow: #c6c6c6 0px 0px 5px; } .blue #pageHead .intro .large { color: #004a7f; font-size: 25px; font-style: italic; line-height: 28px; padding-right: 6px; text-shadow: #d0dbe3 0px 0px 4px; } .green #pageHead .intro .large { color: #b1bd6f; font-size: 25px; font-style: italic; line-height: 28px; padding-right: 6px; text-shadow: #e0e7b9 0px 0px 4px; } .orange #pageHead .intro .large { color: #eb8d4f; font-size: 25px; font-style: italic; line-height: 28px; padding-right: 6px; text-shadow: #e0e7b9 0px 0px 4px; } .black #pageHead .intro .large { color: #ffffff; font-size: 25px; font-style: italic; line-height: 28px; padding-right: 6px; text-shadow: #ffffff 0px 0px 4px; } .red #pageHead .intro .large { color: #7f1418; font-size: 25px; font-style: italic; line-height: 28px; padding-right: 6px; text-shadow: #dbbcbd 0px 0px 4px; } /* PUFFS */ #puffs { padding-left: 35px; } #puffs .puff { width: 240px; float: left; margin-right: 25px; } #puffs .puff .top { background-image: url(../graphics/puffs/line.gif); height: 14px; } #puffs .puff .top .leaf { background-image: url(../graphics/puffs/leaf.gif); width: 32px; height: 14px; overflow: hidden; float: left; } #puffs .puff h1 { color: #505050; font-size: 11px; font-weight: bold; line-height: 16px; text-transform: uppercase; margin: 0; padding-top: 2px; padding-bottom: 4px; padding-left: 2px; border-bottom: 1px solid #bbccda; } #puffs .puff p { color: #303030; font-size: 11px; line-height: 16px; margin: 0; padding-top: 6px; padding-left: 2px; } /* SUB */ .sub { } .sub table { width: 100%; } .sub .topLeft { background-image: url(../graphics/sub/shadowLeftTop.gif); width: 35px; height: 32px; } .sub .topRight { background-image: url(../graphics/sub/shadowRightTop.gif); width: 35px; height: 32px; } .sub .left { background-image: url(../graphics/sub/shadowLeft.gif); width: 35px; } .sub .right { background-image: url(../graphics/sub/shadowRight.gif); width: 35px; } .sub .subArea { background-image: url(../graphics/sub/area.gif); padding: 30px 30px 0; } .sub .tabs { background-image: url(../graphics/sub/shadowTop.gif); height: 32px; } .sub .tabs .lineLeft { background-image: url(../graphics/sub/tabsLineLeft.gif); background-repeat: repeat-y; background-position: left 0; height: 32px; } .sub .tabs .shadowRight { background-image: url(../graphics/sub/shadowTopRight.gif); width: 30px; height: 32px; float: right; } .sub .tabs .tab { height: 32px; overflow: hidden; float: left; margin-right: 4px; } .sub .tabs .tab a { color: #757575; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabNormal.gif); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 32px; float: left; cursor: pointer; display: block; } .sub .tabs .tab a:hover { color: #303030; } .sub .tabs .tab a .text { float: left; padding-top: 11px; } .sub .tabs .tab a .left { background-image: url(../graphics/sub/tabNormalLeft.gif); width: 20px; height: 32px; float: left; } .sub .tabs .tab a .right { background-image: url(../graphics/sub/tabNormalRight.gif); width: 20px; height: 32px; float: left; } .blue .sub .tabs .tab a.selected { color: #303030; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabSelectedBlue.gif); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 32px; float: left; cursor: pointer; display: block; } .blue .sub .tabs .tab a.selected .text { float: left; padding-top: 11px; } .blue .sub .tabs .tab a.selected .left { background-image: url(../graphics/sub/tabSelectedBlueLeft.gif); width: 20px; height: 32px; float: left; } .blue .sub .tabs .tab a.selected .right { background-image: url(../graphics/sub/tabSelectedBlueRight.gif); width: 20px; height: 32px; float: left; } .green .sub .tabs .tab a.selected { color: #303030; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabSelectedGreen.gif); text-decoration: none; text-transform: uppercase; height: 32px; float: left; cursor: pointer; display: block; text-shadow: #c6c6c6 0px 1px 5px; } .green .sub .tabs .tab a.selected .text { float: left; padding-top: 11px; } .green .sub .tabs .tab a.selected .left { background-image: url(../graphics/sub/tabSelectedGreenLeft.gif); width: 20px; height: 32px; float: left; } .green .sub .tabs .tab a.selected .right { background-image: url(../graphics/sub/tabSelectedGreenRight.gif); width: 20px; height: 32px; float: left; } .orange .sub .tabs .tab a.selected { color: #303030; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabSelectedOrange.gif); text-decoration: none; text-transform: uppercase; height: 32px; float: left; cursor: pointer; display: block; text-shadow: #c6c6c6 0px 1px 5px; } .orange .sub .tabs .tab a.selected .text { float: left; padding-top: 11px; } .orange .sub .tabs .tab a.selected .left { background-image: url(../graphics/sub/tabSelectedOrangeLeft.gif); width: 20px; height: 32px; float: left; } .orange .sub .tabs .tab a.selected .right { background-image: url(../graphics/sub/tabSelectedOrangeRight.gif); width: 20px; height: 32px; float: left; } .black .sub .tabs .tab a.selected { color: #303030; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabSelectedBlack.gif); text-decoration: none; text-transform: uppercase; height: 32px; float: left; cursor: pointer; display: block; text-shadow: #c6c6c6 0px 1px 5px; } .black .sub .tabs .tab a.selected .text { float: left; padding-top: 11px; } .black .sub .tabs .tab a.selected .left { background-image: url(../graphics/sub/tabSelectedBlackLeft.gif); width: 20px; height: 32px; float: left; } .black .sub .tabs .tab a.selected .right { background-image: url(../graphics/sub/tabSelectedBlackRight.gif); width: 20px; height: 32px; float: left; } .red .sub .tabs .tab a.selected { color: #303030; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabSelectedRed.gif); text-decoration: none; text-transform: uppercase; height: 32px; float: left; cursor: pointer; display: block; text-shadow: #c6c6c6 0px 1px 5px; } .red .sub .tabs .tab a.selected .text { float: left; padding-top: 11px; } .red .sub .tabs .tab a.selected .left { background-image: url(../graphics/sub/tabSelectedRedLeft.gif); width: 20px; height: 32px; float: left; } .red .sub .tabs .tab a.selected .right { background-image: url(../graphics/sub/tabSelectedRedRight.gif); width: 20px; height: 32px; float: left; } .sub .bottom { background-image: url(../graphics/sub/shadowBottom.gif); height: 51px; } .sub .bottom .left { background-image: url(../graphics/sub/shadowBottomLeft.gif); width: 67px; height: 51px; float: left;} .sub .bottom .right { background-image: url(../graphics/sub/shadowBottomRight.gif); width: 67px; height: 51px; float: right; } #sub2, #sub3, #sub4, #sub5, #sub6 { display: none; } /* SUB KABYSSEN */ .subKabyssen { } .subKabyssen table { width: 710px; } .subKabyssen .topLeft { width: 30px; height: 32px; } .subKabyssen .topRight { width: 30px; height: 32px; } .subKabyssen .left { width: 30px; } .subKabyssen .right { width: 30px; } .subKabyssen .subArea { background-image: url(../graphics/sub/areaKabyssen.gif); padding: 25px 30px 0; } .subKabyssen .tabs { background-image: url(../graphics/sub/shadowKabyssenTop.gif); height: 32px; } .subKabyssen .tabs .lineLeft { background-image: url(../graphics/sub/tabsKabyssenLineLeft.gif); background-repeat: repeat-y; background-position: left 0; height: 32px; } .subKabyssen .tabs .shadowRight { background-image: url(../graphics/sub/shadowKabyssenTopRight.gif); width: 30px; height: 32px; float: right; } .subKabyssen .tabs .tab { height: 32px; overflow: hidden; float: left; margin-right: 4px; } .subKabyssen .tabs .tab a { color: #d6d6d6; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabKabyssenNormal.gif); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 32px; float: left; cursor: pointer; display: block; text-shadow: #202020 0px 1px 1px; } .subKabyssen .tabs .tab a:hover { color: #ffffff; } .subKabyssen .tabs .tab a .text { float: left; padding-top: 11px; } .subKabyssen .tabs .tab a .left { background-image: url(../graphics/sub/tabKabyssenNormalLeft.gif); width: 20px; height: 32px; float: left; } .subKabyssen .tabs .tab a .right { background-image: url(../graphics/sub/tabKabyssenNormalRight.gif); width: 20px; height: 32px; float: left; } .subKabyssen .tabs .tab a.selected { color: #fff; font-size: 10px; font-weight: bold; line-height: 1.2em; background-image: url(../graphics/sub/tabKabyssenSelected.gif); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; height: 32px; float: left; cursor: pointer; display: block; text-shadow: #000000 0px 1px 1px; } .subKabyssen .tabs .tab a.selected .text { float: left; padding-top: 11px; } .subKabyssen .tabs .tab a.selected .left { background-image: url(../graphics/sub/tabKabyssenSelectedLeft.gif); width: 20px; height: 32px; float: left; } .subKabyssen .tabs .tab a.selected .right { background-image: url(../graphics/sub/tabKabyssenSelectedRight.gif); width: 20px; height: 32px; float: left; } .subKabyssen .bottom { background-image: url(../graphics/sub/shadowKabyssenBottom.gif); height: 10px; overflow: hidden; } .subKabyssen .bottom .left { background-image: url(../graphics/sub/shadowKabyssenBottomLeft.gif); width: 10px; height: 10px; float: left;} .subKabyssen .bottom .right { background-image: url(../graphics/sub/shadowKabyssenBottomRight.gif); width: 10px; height: 10px; float: right; } /* LIST */ .list { font-family: "lucida grande", verdana; margin-bottom: 10px; } .list .post { color: #303030; font-size: 11px; line-height: 16px; padding: 4px 7px; } .blue .list .odd { background-color: #e5eaef; } .green .list .odd { background-color: #eff2e2; } .black .list .odd { background-color: #333333; } .list .post .title { width: 500px; } .list .post .title .description { color: #b1b1b1; font-style: italic; } .list .post .price { float: right; } .list .post .info { position: absolute; margin-left: 525px; } .listComment { color: #808080; font-size: 9px; line-height: 12px; padding-top: 4px; padding-right: 200px; padding-bottom: 4px; } .odd .listComment { color: #575757; } .listCommentTop { color: #303030; font-size: 11px; font-style: italic; line-height: 15px; margin-top: -8px; } .listCommentTop p { margin: 0 0 10px; padding-right: 200px; } .listCommentBottom { color: #808080; font-size: 11px; font-style: italic; line-height: 15px; padding-top: 18px; } /* TEXT */ .textLarge { color: #303030; font-size: 11px; line-height: 16px; } .textLarge p { margin: 0 0 14px; } .textLarge h1 { font-size: 22px; font-weight: normal; margin: 0 0 22px; padding-top: 2px; } .textLarge h2 { font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 4px; } .textLarge h3 { font-size: 12px; font-weight: bold; font-style: italic; margin: 20px 0 6px; } .textLarge h4 { color: #606060; font-size: 9px; font-family: "lucida grande", verdana; font-weight: bold; text-transform: uppercase; margin: 4px 0 0; } .textLarge input { color: #000; font-size: 11px; font-family: "lucida grande", verdana; font-weight: bold; background-color: #e4e4e4; width: 90%; height: 20px; margin-bottom: 10px; padding-left: 5px; } .textLarge input:focus { background-color: #e5eaef; } .textLarge select { color: #000; font-size: 11px; font-family: "lucida grande", verdana; font-weight: bold; background-color: #f6f6f6; width: 90%; margin-bottom: 10px; } .textLarge a.pdf { background-image: url(../graphics/links/pdf.gif); background-repeat: no-repeat; padding-left: 23px; margin: 0 0 8px 0; text-decoration: none; display: block; font-family: 'lucida grande',verdana; font-size: 9px; font-weight: bold; } .textLarge a.pdf:hover { color: #971a1b; } .blue .textLarge h2 { color: #004a7f; } .green .textLarge h2 { color: #b1bd6f; } .orange .textLarge h2 { color: #eb8d4f; } .red .textLarge h2 { color: #7f1418; } /* COLUMNS */ .columnLeft { width: 345px; float: left; } .columnRight { width: 345px; float: right; } .column13 { width: 224px; margin-right: 19px; float: left; } .column23 { width: 224px; float: left; } .column33 { width: 224px; float: right; } /* KABYSSEN */ #kabyssen { background-color: black; margin-right: 35px; margin-left: 35px; padding: 0 30px 30px; } #kabyssen #pageHead { margin-bottom: 10px; padding-right: 0; padding-left: 0; } #kabyssen #pageHead .intro { color: white; width: 547px; display: block; } #kabyssen #pageHead .intro .large { color: white; } #kabyssen #pageHead .icon { background-image: url(../graphics/icons/kabyssen.gif); width: 160px; height: 169px; float: right; } #kabyssen .textLarge { color: #ffffff; } #kabyssen .list .post { color: #ececec; } #kabyssen .listCommentTop { color: #ececec; } /* GALLERY */ .gallery { float: left; margin-right: 18px; margin-bottom: 18px; } .blue .gallery a { width: 120px; height: 90px; padding: 1px; display: block; border: solid 1px #cddce1; } .blue .gallery a:hover { border: solid 1px #23608f; background-color: white; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .black .gallery a { width: 120px; height: 90px; padding: 1px; display: block; border: solid 1px #595959; } .black .gallery a:hover { border: solid 1px #ffffff; background-color: black; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .gallery img { width: 120px; height: 90px; border-width: 0; } /* STAFF */ .staff { width: 105px; float: left; margin-bottom: 20px; } .staff img { width: 76px; height: 95px; } .staff .text { font-size: 12px; padding-top: 6px; } /* FOOTER */ #footer { padding-right: 35px; padding-left: 35px; } #footer .group { color: #303030; font-size: 10px; line-height: 15px; text-transform: uppercase; float: left; padding-top: 35px; padding-right: 30px; padding-bottom: 20px !important; } #footer .group a { text-decoration: none; } #footer .group a:hover { text-decoration: underline; } #footer .group .head { color: #004a7f; font-weight: bold; } #footer .flag { width: 18px; height: 16px; overflow: hidden; float: right; margin-top: 48px; margin-left: 6px; } #footer .flag a.se { background-image: url(../graphics/footer/flag_se.gif); width: 18px; height: 16px; display: block; } #footer .flag a.en { background-image: url(../graphics/footer/flag_en.gif); width: 18px; height: 16px; display: block; } #footer .flag a.de { background-image: url(../graphics/footer/flag_de.gif); width: 18px; height: 16px; display: block; } /* SOUND */ #sound { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; display: none; } /* EDIT */ .editButton { width: 24px; height: 24px; float: right; margin-top: -5px; margin-right: 0; } .editButton a { background-image: url(../graphics/edit/buttons/buttonEdit_normal.gif); width: 24px; height: 24px; display: block; } .editButton a:hover { background-image: url(../graphics/edit/buttons/buttonEdit_mouse.gif); } #kabyssen .editButton a { background-image: url(../graphics/edit/buttons/buttonEditKabyssen_normal.gif); width: 24px; height: 24px; display: block; } #kabyssen .editButton a:hover { background-image: url(../graphics/edit/buttons/buttonEditKabyssen_mouse.gif); }