/*------------------------------------------------------------------ [Master Stylesheet] Project: Vimmerby Turism & Näringsliv AB -------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {font: normal 11px/1.5em Arial, Helvetica, Sans-Serif; color: #000; background-color: #f3f1d7;} h1 {font: bold 2.2727em/1.5em Arial, Helvetica, Sans-Serif;} h2 {font: bold 1.3636em/1.5em Arial, Helvetica, Sans-Serif; border: 0 !important; margin: 0 0 10px;} h3 {font: bold 1.23em/1.5em Arial, Helvetica, Sans-Serif; border: 0 !important;} h4 {font: bold 1.1em/1.5em Arial, Helvetica, Sans-Serif; color: #333; padding: 10px 0 3px; border-bottom: solid 1px #f0f0f0; margin: 10px 0 0;} h2.group {clear: both; border-bottom: solid #e6e6e6 1px; padding: 0 0 3px; margin: 0 0 5px;} h1.location {margin: 0 0 10px;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ ul#skip {display: none;} div#page {width: 960px; margin: 0 auto; position: relative;} #page #header-container, #page #container, #page #footer, #page #recommendations {padding: 10px; background-color: #fff;} #header-container, #footer, #navigation, #recommendations, #container {margin: 0 0 10px;} /* ------------------ Tools --------------------------------------------------------------------- */ #accessibility-header {text-align: right; padding: 7px 0;} #accessibility-header a {color: #747370; text-decoration: none; background: #f3f1d7 url(../gfx/tools-item-bg.png) no-repeat top left;} #accessibility-header a:hover {text-decoration: underline;} #accessibility-header #visible-skip {display: inline;} #accessibility-header #visible-skip a {background-position: left 2px; margin: 0 10px 0 0; padding: 0 0 0 15px;} #accessibility-header #visible-skip a.translate, #accessibility-header #visible-skip a.login {background-image: none !important; padding: 0 !important;} #accessibility-header #networkselector {float: right;} #accessibility-header #networkselector a {cursor: pointer; padding: 5px 15px 5px 10px; border-right: solid 1px #f3f1d7; border-left: solid 1px #f3f1d7; background: transparent url(../gfx/networkselector-arrow-std.png) no-repeat right;} #accessibility-header #networkselector a.selected {background: #fff url(../gfx/networkselector-arrow-selected.png) no-repeat 85px; color: #000; border-color: #f0f0f0; padding: 5px 20px 5px 10px;} #accessibility-header #networkselector #websites {display: none; position: absolute; background: #fff; border-top: 0; padding: 15px 5px 10px; right: 0; width: 120px; border: solid 1px #f0f0f0; border-top: none !important; text-align: left;} #accessibility-header #networkselector #websites span {background-image: url(../gfx/networkselector-item-bg.png); background-repeat: no-repeat; background-position: left -24px; display: block; padding: 5px 5px 5px 30px; margin: 0 20px 0 0; font-weight: bold;} #accessibility-header #networkselector #websites a {background: #fff url(../gfx/networkselector-item-bg.png) no-repeat left top; display: block; padding: 5px 5px 5px 30px; color: #000; border: none !important;} #accessibility-header #networkselector #websites a:hover {background-position: left -24px;} /* ------------------ Masthead ------------------------------------------------------------------ */ #masthead {clear: both;} #masthead #logo {float: left; width: 420px;} #masthead #masthead-links {float: right; width: 520px; margin: 29px 0 0;} #masthead #masthead-links a {display: block; color: #3b3b3b; text-decoration: none; margin: 0 10px 0 0;} #masthead #masthead-links a:hover {text-decoration: underline;} #masthead #masthead-links ul li {display: inline; float: right; padding: 4px 0 0;} #masthead #masthead-links ul li a {float: right; background: url(../gfx/masthead-link-bg.png) no-repeat left;} #masthead #masthead-links ul li a.openinghours {background-position: left 1px; padding: 0 0 0 25px;} #masthead #masthead-links ul li a.travelto {background-position: left -20px; padding: 0 0 0 35px;} #masthead #masthead-links ul li a.book {background-position: left -40px; padding: 0 0 0 30px;} #masthead #languages {float: right; background: #f7f7f7; padding: 4px; /*margin: 10px 0 0 15px;*/} #masthead #languages a {float: left; background: url(../gfx/languages-item-bg.png) no-repeat left; display: block; width: 24px; height: 18px; text-indent: -9999em; margin: 0;} #masthead #languages a.swedish {background-position: left -41px;} #masthead #languages a.english {background-position: left -1px;} #masthead #languages a.deutsch {background-position: left -21px;} #masthead #languages a.last {margin: 0 3px !important;} /* ------------------ Header -------------------------------------------------------------------- */ #header {height: 255px; overflow: hidden; position: relative;} ul.slide li {} ul.slide li .headerobject {position: relative; width: 940px; height: 255px;} ul.slide li .headerobject .headerimg {position: absolute; top: 0; left: 0; z-index: 2;} ul.slide li .headerobject .objectdescription {position: absolute; bottom: 0; left: 0; z-index: 1; background: transparent url(../gfx/transparency.png); padding: 10px 10px; width: 920px;} ul.slide li .headerobject .objectdescription a {color: #fff; text-decoration: none;} ul.slide li .headerobject .objectdescription h3 {display: inline; font-size: 1.6364em;} ul.slide li .headerobject .objectdescription .rating {display: inline; margin: 3px 0 0 15px;} #header .navigation {position: absolute; right: 15px; bottom: 14px; z-index: 500;} #header .navigation a {display: block; float: left; width: 16px; height: 16px; background-image: url(../gfx/header-navigation.png); background-repeat: no-repeat; text-indent: -999px; margin: 0 0 0 5px;} #header .navigation a.previous {background-position: left 0px;} #header .navigation a.next {background-position: right 0px;} #header .navigation a.previous:hover {background-position: left -17px;} #header .navigation a.next:hover {background-position: right -17px;} ul.slide li .headerobject #googlemaps-location {position: absolute; top: 0; right: 0; z-index: 1;} /* ------------------ Recommendations ----------------------------------------------------------- */ #recommendations ul.items-container {display: block; height: 150px; overflow: hidden;} #recommendations ul.items-container li {display: inline; float: left;} #recommendations ul.items-container li div.item-holder {width: 940px; margin: 0 10px 0 0; overflow: hidden;} #recommendations ul.items-container li div.item-holder ul li a {border: solid 5px #f0f0f0; height: 140px !important; overflow: hidden; display: block; margin: 0 20px 0 0; position: relative; text-decoration: none;} #recommendations ul.items-container li div.item-holder ul li a span {padding: 4px; background: transparent url(../gfx/transparency.png); color: #fff; position: absolute; left: 0; bottom: 0; width: 210px; font: bold 1.2727em/1.4em Arial, Helvetica, Sans-Serif;} #recommendations ul.items-container li div.item-holder ul li a:hover span {padding: 4px 4px 10px;} #recommendations ul.items-container li div.item-holder ul li a:hover span a {display: inline-block !important;} #recommendations ul.items-container li div.item-holder ul li.last a {margin: 0 !important;} #recommendations h2 {margin: 0 0 5px; color: #636363;} /* ------------------ Container ----------------------------------------------------------------- */ #container #secondarynavigation {width: 170px; margin-right: 20px; float: left;} #container .content {width: 450px; padding: 0; float: left;} #container .content.wide {width: 460px; float: left;} #container .content.extra-wide {width: 640px;} #container .content.super-wide {width: 940px;} #container .wrapper {width: 640px; float: left;} #container #breadcrumbs {color: #fff; padding: 7px 14px; font: bold 1.2727em/1.3em Arial, Helvetica, Sans-serif; background-image: url(../gfx/gradients.png); background-repeat: repeat-x;} #container #breadcrumbs a {color: #fff;} .wrapper.green #breadcrumbs, .content.green #breadcrumbs {background-position: center 0px;} .wrapper.red #breadcrumbs, .content.red #breadcrumbs {background-position: center -58px;} .wrapper.yellow #breadcrumbs, .content.yellow #breadcrumbs {background-position: center -116px;} .wrapper.blue #breadcrumbs, .content.blue #breadcrumbs {background-position: center -174px;} #contentwrapper {margin: 0 0 10px; padding: 10px; border: solid 1px #f0f0f0;} #contentwrapper h1 {font-size: 2.5em; color: #B41C20;} #contentwrapper p {line-height: 1.7em;} /* ------------------ Content ------------------------------------------------------------------- */ .content.green a, .content.green h1, .content.green h2, .content.green h3 {color: #4c7c08;} .content.red a, .content.red h1,.content.red h2, .content.red h3 {color: #7c0808;} .content.blue a, .content.blue h1, .content.blue h2, .content.blue h3 {color: #1b6ac2;} .content.yellow a, .content.yellow h1, .content.yellow h2, .content.yellow h3 {color: #7c6808;} .content p {margin: 0 0 1em;} .content a {text-decoration: underline;} .content a:hover {text-decoration: none;} .content ul {list-style-type: disc !important; padding: 5px 10px; margin: 5px 15px;} .content ul li {list-style-type: disc !important;} .content ol {list-style-type: decimal !important; padding: 5px 10px; margin: 5px 15px;} .content ol li {list-style-type: decimal !important;} .content #breadcrumbs.standard {margin: 0 0 10px;} .content .google-translate-control {margin: 20px 0;} .content .adarea {border-top: solid 1px #f0f0f0; padding: 20px 0 0; margin: 15px 0 0;} .content a.ad {border: solid 1px #f0f0f0; width: 223px !important; padding: 4px 0px 4px !important; float: left; margin: 0 10px 15px 0 !important; text-align: center; max-height: 215px; overflow: hidden;} .content a.ad:hover {border-color: #d5d4cd;} /* ------------------ Sidebar ------------------------------------------------------------------- */ #container .secondary-content {width: 280px; float: right;} #container .secondary-content.wide {width: 460px;} .secondary-content .searcharea {background-color: #ececec !important; border-bottom: solid 4px #b4b4b4 !important; margin: 0 0 10px; padding: 10px;} .secondary-content .searcharea h3 {margin: 0 0 5px;} .secondary-content .searcharea .txt {width: 200px; float: left;} .secondary-content .searcharea .txt.slim {width: 180px;} .secondary-content .searcharea .btn {float: right; margin: -1px 0 0 !important;} .secondary-content.wide .searcharea {position: relative;} .secondary-content.wide .searcharea .txt {width: 380px;} .secondary-content.wide .searcharea .txt.slim {width: 360px;} .secondary-content .searcharea label.overlabel {display: none;} .secondary-content .searcharea label.overlabel-apply {color: #888; position: absolute; top: 38px; left: 15px; z-index: 1; cursor: text; font-weight: normal; font-style: italic; font-size: 12px;} .twitter .tweet {border-bottom: solid 1px #eee; padding: 0 0 7px; margin: 0 0 10px;} .twitter .tweet a {color: #2381c5; text-decoration: none;} .twitter .tweet a:hover {text-decoration: underline;} .twitter .tweet .profilepicture {width: 48px; float: left; margin-right: 10px;} .twitter .tweet .tweet-content {float: left; color: #636363; width: 200px;} .twitter .tweet .tweet-content a.profilename {font: bold 1.1em Arial, Sans-Serif;} .twitter .tweet .tweet-content a {color: #2381c5; text-decoration: none;} .twitter .tweet .tweet-content a:hover {text-decoration: underline;} .twitter .tweet .tweet-content p.date {color: #a8a8a8; font-style: italic;} .twitter .tweet .tweet-content p.date a {margin: 0 0 0 5px; font-style: normal !important;} .secondary-content.wide .twitter .tweet .tweet-content {width: 363px;} .secondary-content .module.comments .mb {padding-top: 0px !important;} .comment-item {border-bottom: solid 1px #eee; padding: 10px 0 7px;} .comment-item .comment-gravatar {width: 50px; float: left; margin: 0 10px 0 0 !important;} .comment-item .comment-content {float: left; width: 180px;} .comment-item .comment-content h2 {font-size: 1.0909em !important; margin: 0 !important;} .comment-item .comment-content h2 a.sv {background: transparent url(../gfx/icons/16/sv.png) no-repeat left top; padding: 0 0 0 20px;} .comment-item .comment-content h2 a.en {background: transparent url(../gfx/icons/16/en.png) no-repeat left top; padding: 0 0 0 20px;} .comment-item .comment-content h2 a.de {background: transparent url(../gfx/icons/16/de.png) no-repeat left top; padding: 0 0 0 20px;} .comment-item .comment-content h2 span {font-size: 0.9167em !important; font-style: italic; color: #636363; font-weight: normal !important; display: block;} .comment-item .comment-content h2 span span {display: inline; padding: 0 !important;} .comment-item .comment-content h2 a {text-decoration: none;} .comment-item .comment-content h2 a:hover {text-decoration: underline;} .comment-item .comment-content h2.green a {color: #4c7c08;} .comment-item .comment-content h2.red a {color: #7c0808;} .comment-item .comment-content h2.blue a {color: #1b6ac2;} .comment-item .comment-content h2.yellow a {color: #7c6808;} .comment-item .comment-content.wide {width: 258px !important;} .secondary-content.wide .comment-item .comment-content {width: 353px;} .secondary-content.wide .comment-item .comment-content h2 span {display: block; margin: 0 0 3px; padding: 0 !important; background-image: none !important;} .secondary-content.wide .comment-item .comment-content h2 span span {display: inline !important; margin: 0 !important;} .secondary-content .flickr .mb {text-align: center;} .secondary-content .flickr a {float: left; background-color: #fff; padding: 3px; margin: 3px 3px 2px 2px;} .secondary-content .flickr a:hover {background-color: #ede5e5;} .secondary-content .flickr img {height: 75px; width: 75px; overflow: hidden; margin: 0 !important; padding: 0 !important; display: block;} a.btn {display: block; margin: 0 0 5px; background-position: top; text-indent: -9999px; background-repeat: no-repeat; height: 41px;} a.btn:hover {background-position: bottom;} .secondary-content a.accomodation.se {background-image: url(../gfx/sidebar/btn-accomodation-se.png);} .secondary-content a.accomodation.en {background-image: url(../gfx/sidebar/btn-accomodation-en.png);} .secondary-content a.accomodation.de {background-image: url(../gfx/sidebar/btn-accomodation-de.png);} .secondary-content a.accomodation.slim.se {background-image: url(../gfx/sidebar/btn-accomodation-slim-se.png);} .secondary-content a.accomodation.slim.en {background-image: url(../gfx/sidebar/btn-accomodation-slim-en.png);} .secondary-content a.accomodation.slim.de {background-image: url(../gfx/sidebar/btn-accomodation-slim-de.png);} .secondary-content a.basket.se {background-image: url(../gfx/sidebar/btn-basket-se.png);} .secondary-content a.basket.en {background-image: url(../gfx/sidebar/btn-basket-en.png);} .secondary-content a.basket.de {background-image: url(../gfx/sidebar/btn-basket-de.png);} .facebook {margin: 0 0 10px;} .facebook a.btn.se {background-image: url(../gfx/facebook/btn-se.png);} .facebook a.btn.en {background-image: url(../gfx/facebook/btn-en.png);} .facebook a.btn.de {background-image: url(../gfx/facebook/btn-de.png);} div.advert {border: solid 1px #d5d4cd; background: #fff; margin: 15px 0; padding: 32px; position: relative; text-align: center; height: 225px; width: 215px;} div.advert span.tag {position: absolute; top: 3px; left: 3px; color: #9c9c9c; font: normal 9px Arial, Helvetica, Sans-Serif; background: #fff url(../gfx/advert-tag-bg.png) no-repeat right; padding: 0 10px 0 0;} .secondary-content.wide div.advert {width: 223px !important; padding: 20px 0px 4px !important; float: left; margin: 0 10px 10px 0 !important;} .secondary-content.wide div.advert a {display: block;} .secondary-content.wide div.advert span.tag {left: 5px !important; top: 4px !important;} .secondary-content.wide div.advert.last {margin: 0 0 15px !important;} .secondary-content.wide div.advert img, .secondary-content.wide div.advert a {max-height: 215px; overflow: hidden; margin: 0; padding: 0;} .secondary-content a.advert-page-link {border-top: solid 1px #f0f0f0; padding: 5px 0 20px; display: block; clear: both; color: #333; font-weight: bold; text-decoration: none; text-align: right;} .secondary-content a.advert-page-link:hover {color: #999;} /* ------------------ Footer ------------------------------------------------------------------- */ #footer {color: #4f4f4f; line-height: 1.7em; padding: 13px 10px 15px !important;} #footer a {color: #555; text-decoration: underline;} #footer a:hover {text-decoration: none;} #footer h3 {font-size: 1.1em !important; margin: 0 0 5px;} #footer .column {width: 164px; float: left;} #footer .column strong {display: none;} #footer .column span.fn {display: none;} #footer .column span.locality {text-transform: uppercase;} #footer .column span.tel strong {display: inline;} #footer .column span.fax strong {display: inline;} #footer .column.omega {width: 58px; float: right; margin: -20px 0 0 !important;} /* ------------------ Disclaimer --------------------------------------------------------------- */ #disclaimer {color: #555; font-style: italic; position: relative;} #disclaimer img {float: left; margin: 0 15px 10px 0;} #disclaimer a {color: #555; text-decoration: underline;} #disclaimer a:hover {text-decoration: none;} #disclaimer #cred {font-style: normal !important; position: absolute; right: 0; top: 0;} /* ------------------ Startpage ----------------------------------------------------------------- */ .content #news {margin: 0 0 15px;} .content #news #latestnews {border-bottom: solid 1px #d9d9d9; padding: 0 0 15px;} .content #news #latestnews .newsimg {/*display: block; margin: 0 0 10px; width: 460px; overflow: hidden;*/ margin: 10px 0 0 10px; width: 150px; float: right;} .content #news #latestnews #newsitem {float: left; width: 460px; line-height: 1.5455em;} .content #news #latestnews #newsitem h2 {font: bold 2.0909em/1.4em Arial, Helvetica, Sans-Serif; color: #b41c20; margin: 0 0 10px;} .content #news #latestnews #newsitem span.date {font: italic 1em/1.4em Arial, Helvetica, Sans-Serif; color: #666; margin: 0 5px 0 0;} .content #news #latestnews #newsitem p.more {margin: 10px 0 0;} div.archive {clear:both; border-top: solid 1px #f8f8f8; padding: 5px 0 0;} .content #news #newslist ul {margin: 0 !important; padding: 0 !important;} .content #news #newslist ul li {list-style: none !important;} .content #news #newslist ul li a {font: bold 1.23em/1.5em Arial, Helvetica, Sans-Serif; margin: 0; color: #b41c20; display: block; padding: 8px 0 8px 10px; border-bottom: solid 1px #d9d9d9; text-decoration: none; font-weight: bold; background: transparent url(../gfx/arrow-long.png) no-repeat; background-position: 581px;} .content #news #newslist ul li a:hover {background: #f3f3f3 url(../gfx/arrow-long-hover.png) no-repeat; background-position: 581px;} .content #news #newslist ul li span {margin: 0 0 0 10px; font-size: 0.8333em !important; color: #555;} .content #news #newslist p.more {margin: 10px 0 0;} .content #news p.more a {color: #7e7e7e; font: bold 1em Arial, Helvetica, Sans-Serif; text-decoration: none; background: transparent url(../gfx/arrow-long.png) no-repeat left 2px; padding: 0 0 0 17px;} .content #news p.more a:hover {text-decoration: underline;} /* ------------------ Generic ------------------------------------------------------------------ */ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div.company {width: 100%; margin-bottom: 20px;} div.company p {margin: 0 !important;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ #navigation ul li {display: inline;} #navigation ul li a {display: block; float: left; background-image: url(../gfx/navigation-item-bg.png); font: bold 3.1em/1.5em "Arial Black", Arial, Helvetica, Sans-Serif; font-style: normal !important; text-decoration: none; padding: 3px 0 3px 15px; color: #fff; letter-spacing: -0.02em;} /*#navigation ul li span {font: normal 11px/1.3em Arial, Helvetica,Sans-Serif !important; margin: -5px 0 0; position: absolute; left: 35%; top: 36%; display: none;}*/ #navigation ul li.item-1 a {background-position: left 0px; width: 205px;} #navigation ul li.item-2 a {background-position: center -58px; width: 204px; border-left: solid 1px #fff;} #navigation ul li.item-3 a {background-position: center -116px; width: 204px; border-left: solid 1px #fff;} #navigation ul li.item-4 a {background-position: right -174px; width: 264px; border-left: solid 1px #fff;} /* Tyska */ #navigation ul.de li.item-1 a {width: 275px;} #navigation ul.de li.item-2 a {width: 194px;} #navigation ul.de li.item-3 a {width: 204px;} #navigation ul.de li.item-4 a {width: 204px;} #secondarynavigation #currentpage {padding: 7px 14px; font: bold 1.2727em/1.3em Arial, Helvetica, Sans-serif;} #secondarynavigation #currentpage a {text-decoration: none;} #secondarynavigation ul {padding: 5px 0 6px;} #secondarynavigation ul li {margin: 0 0 1px;} #secondarynavigation ul li a {font: bold 1em/1.2em Arial, Helvetica, Sans-Serif; padding: 8px 8px 8px 30px; display: block; text-decoration: none;} #secondarynavigation ul ul {background: #fff; padding: 10px 0;} #secondarynavigation ul ul li a {background-color: #fff !important; font-weight: normal !important; color: #414141 !important; padding: 2px 2px 2px 30px; line-height: 1.3em;} #secondarynavigation ul ul li.on a {font-weight: bold !important;} /* Green */ #secondarynavigation div.green {background-image: url(../gfx/gradients.png);color: #fff;} #secondarynavigation div.green a {color: #fff;} #secondarynavigation ul.green {background-color: #b6d977;} #secondarynavigation ul.green li a {background-color: #e4efd1; color: #4c7c08;} #secondarynavigation ul.green li.on a, #secondarynavigation ul.green li a:hover {background: #e4efd1 url(../gfx/green-arrow.png) no-repeat left;} #secondarynavigation ul.green li.on ul li a {background-image: none !important;} #secondarynavigation ul.green ul li.on a, #secondarynavigation ul.green ul li a:hover {color: #4c7c08 !important;} /* Red */ #secondarynavigation div.red {background-color: #bc3333; color: #fff;} #secondarynavigation div.red a {color: #fff;} #secondarynavigation ul.red {background-color: #df6f6f;} #secondarynavigation ul.red li a {background-color: #efd1d1; color: #7c0808;} #secondarynavigation ul.red li.on a, #secondarynavigation ul.red li a:hover {background: #efd1d1 url(../gfx/red-arrow.png) no-repeat left;} #secondarynavigation ul.red li.on ul li a {background-image: none !important;} #secondarynavigation ul.red ul li.on a, #secondarynavigation ul.red ul li a:hover {color: #7c0808 !important;} /* Blue */ #secondarynavigation div.blue {background-color: #1b6ac2; color: #fff;} #secondarynavigation div.blue a {color: #fff;} #secondarynavigation ul.blue {background-color: #6fa5df;} #secondarynavigation ul.blue li a {background-color: #d1dfef; color: #1b6ac2;} #secondarynavigation ul.blue li.on a, #secondarynavigation ul.blue li a:hover {background: #d1dfef url(../gfx/blue-arrow.png) no-repeat left;} #secondarynavigation ul.blue li.on ul li a {background-image: none !important;} #secondarynavigation ul.blue ul li.on a, #secondarynavigation ul.blue ul li a:hover {color: #1b6ac2 !important;} /* Yellow */ #secondarynavigation div.yellow {background-color: #bc9a33; color: #fff;} #secondarynavigation div.yellow a {color: #fff;} #secondarynavigation ul.yellow {background-color: #dfc36f;} #secondarynavigation ul.yellow li a {background-color: #efe7d1; color: #7c6808;} #secondarynavigation ul.yellow li.on a, #secondarynavigation ul.yellow li a:hover {background: #efe7d1 url(../gfx/yellow-arrow.png) no-repeat left;} #secondarynavigation ul.yellow li.on ul li a {background-image: none !important;} #secondarynavigation ul.yellow ul li.on a, #secondarynavigation ul.yellow ul li a:hover {color: #7c6808 !important;} /*-------------------------------------------------------------------------------------------------- Modules --------------------------------------------------------------------------------------------------*/ .module {clear: both; margin: 0 0 10px;} .module .mh {background: transparent url(../gfx/module-head-bg.png) repeat-x top; padding: 8px 10px;} .module .mh h3 {color: #fff; font: bold 1.2727em Arial, Helvetica, Sans-serif; position: relative;} .module .mh h3 a {color: #fff; font-size: 0.7857em !important; text-decoration: none; font-weight: normal !important; margin: 1px 0 0; padding: 0 !important; background-color: Transparent !important; position: absolute; right: 0;} .module .mb {border: solid 1px #d6d6d6; border-top: none; padding: 10px;} .module .mc {width: 220px; float: left;} .module .mf {clear: both; background-color: #dbdbdb; padding: 4px 10px;} .module .mf a {color: #6e6e6e; text-decoration: none;} .module .mf a:hover {text-decoration: underline;} .module.twitter .mh {background-position: -34px;} .module.twitter .mb {border-color: #4f9ad1;} .module.flickr .mh {background-position: bottom;} .module.flickr .mb {border-color: #ede5e5; background-color: #f0f0f0;} .module.flickr .mb .tip {padding: 5px; display: block; margin: 0 0 10px; background-color: #ffd; text-align: left; font-style: italic;} .module.links ul li a {display: block; border-bottom: solid 1px #dcdcdc; color: #616161; text-decoration: none; padding: 5px 20px 5px 0; background: transparent url(../gfx/arrow-long-sidebar.png) no-repeat right; font-weight: bold;} .module.links ul li a:hover {text-decoration: underline;} .basket.startpage {width: 280px !important; float: left !important;} .links.startpage {width: 170px !important; float: right !important; clear: none !important;} .links.startpage ul li a {font-size: 1em !important;} .module .mc.right {margin: 0 0 0 20px;} .module.links {margin: 0 0 10px;} div.content .module.comments {margin: 10px 0 0;} .module.comments ol {margin: 0 !important; padding: 0 !important; list-style: none !important;} .module.comments ol li {padding: 5px; border: solid 1px #f0f0f0; margin: 0 0 10px; list-style: none !important;} .module.comments ol li div.comment-gravatar {float: left; width: 75px;} .module.comments ol li div.comment-content {float: right; width: 340px;} .module.comments ol li div.comment-content h3 {font-size: 1.1818em !important; padding: 0 0 0 25px;} .module.comments ol li div.comment-content h3.sv {background: transparent url(../gfx/icons/16/sv.png) no-repeat left;} .module.comments ol li div.comment-content h3.de {background: transparent url(../gfx/icons/16/de.png) no-repeat left;} .module.comments ol li div.comment-content h3.en {background: transparent url(../gfx/icons/16/en.png) no-repeat left;} .module.comments ol li div.comment-content div.rating {padding: 8px 0 5px;} .module.comments ol li div.comment-helpful .comment-rating {margin: 0 5px 0 0;} .module.comments ol li div.comment-helpful .comment-rating img {margin: 3px 0 -4px;} .module.comments ol li div.comment-helpful .comment-rating {text-decoration: none !important;} .module.comments ol li div.comment-gravatar a.report {margin: 10px 0 0; display: block;} .module.diversities {width: 150px; float: right; margin: 0 0 15px 15px; line-height: 1.4em;} .module.diversities .mb {border: solid 1px #f2f2f2 !important;} .module.diversities a.book {display: block; margin: 15px 0 0; padding: 10px 0 0; border-top: solid 1px #f2f2f2;} .module.diversities a.book {background: #74a239 url(../gfx/green-gradient-bg.png) repeat-x; color: #fff !important; padding: 5px 8px; margin: 10px 5px 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; font-weight: bold; text-align: center;} .module.diversities a.external {padding: 0 15px 0 0; background: transparent url(../gfx/icons/external.gif) no-repeat right;} .module.photolibrary a {border: solid 3px #f0f0f0; height: 88px; width: 134px; overflow: hidden; display: inline-block; margin: 0 2px 2px 0;} .module.photolibrary a:hover {border: solid 3px #e0e0e0;} .share {border-top: solid 1px #f3f3f3; padding: 10px 0 0; margin: 10px 0 0;} .share div.button {float: left;} .share div.button.facebook {width: 60px;} .share div.button.twitter {width: 110px;} .share div.button.plusone {width: 80px;} .locationshortinfo {clear: both; display: block; margin: 10px 0 0;} .locationshortinfo a {background-color: #f0f0f0; display: block; padding: 10px; font-size: 1.1em; text-decoration: none;} .locationshortinfo a:hover {text-decoration: underline;} /* ------------------ Module: Events ---------------------------------------------------------- */ .module.events ul {margin: 0 !important; padding: 0 !important;} .module.events ul li {list-style: none !important;} .module.events ul li.eventitem {border-bottom: solid 1px #eee; padding: 0 0 13px; margin: 0 0 13px;} .module.events ul li.eventitem.last {border: none !important; margin: 0 !important; padding: 0 !important;} .module.events ul li.eventitem div.date {float: right !important; margin: 4px 0 0 !important; width: 40px !important;} .module.events ul li.eventitem div.date span.month {background: #ff7d01 url(../gfx/month-bg.png) no-repeat top left; color: #fff; text-transform: uppercase; display: block; width: 40px; text-align: center; font-weight: bold;} .module.events ul li.eventitem div.date span.day {background: #ff7d01 url(../gfx/day-bg.png) no-repeat top left; color: #fff; display: block; width: 40px; text-align: center; font-size: 21px; padding: 8px 0;} .module.events ul li.eventitem h3 {margin: 0 0 3px;} .module.events ul li.eventitem h3 a {color: #6a6a6a; text-decoration: none;} .module.events ul li.eventitem a {color: #636363; text-decoration: none;} .module.events ul li.eventitem a:hover, .module.events ul li.eventitem h3 a:hover {color: #333;} /* ------------------ Module: Startpagecolumns ------------------------------------------------ */ .startpagecolumns {} .startpagecolumns .column {float: left; width: 300px; height: 280px; margin: 0 20px 0 0; overflow: hidden;} .startpagecolumns .column.omega {margin: 0;} .column .module.twitter .mb, .column .module.comments .mb, .column .module.events .mb {overflow: auto; height: 200px;} .column .module.twitter .mb, .column .module.comments .mb {height: 225px;} .column .module.events .mb {height: 200px;} /* ------------------ Module: Tables ---------------------------------------------------------- */ table.list-view {width: 420px !important;} table.list-view h3 {width: 420px !important; margin-top: 15px !important; font-weight: bold;} table.list-view h3 a {text-decoration: none !important;} table.list-view h2, table.list-view p {width: auto !important;} table.list-view td.img {width: 150px; vertical-align: middle; text-align: center;} table.list-view td.smallimg {width: 50px; vertical-align: middle; text-align: center;} table.list-view td.text {width: 350px; vertical-align: top; text-align: left;} table.list-view td.smalltext {width: 200px; vertical-align: top; text-align: left;} table.list-view td.img,table.list-view td.text {padding-top: 5px} table.list-view td.more {padding-top: 5px;} table.list-view td.preamble {padding: 0 0 10px; border-bottom: solid 1px #f6f6f6;} table.list-view td.date {padding: 0 0 10px; color: #474c83;} table.default-view {margin: 0 0 15px; width: 100%;} table.default-view tr td {padding: 5px 5px 5px 15px; font-size: 11px; vertical-align: middle;} table.default-view tr td.last {border-right: 0;} table.default-view tr.odd td {background-color: #f2f2f2;} table.default-view tr.header th {text-align: left !important; padding: 5px 5px 3px 15px; color: #363636; font-size: 12px; font-weight: bold;} table.default-view tr th {padding: 5px 5px 5px 15px; text-align: left !important;} table.default-view tr.list-head th {background: #f8f8f8; border-bottom: solid 1px #fff;} table.default-view tr td.img, table.default-list tr th.img {width: 25px; vertical-align: middle !important;} table.default-view tr td.middle {vertical-align: middle !important;} table.default-view tr td span.red {color: red;} table tr.pager td, table tr.pager td table tr td {border: 0;} table tr.pager td {font-weight: bold;} table tr.pager td a {font-weight: normal !important;} /* ------------------ Module: Contactform -------------------------------------------------------- */ div.staffitem {background-color: #f5f5f5; padding: 10px; clear: both; margin: 0 0 15px;} div.staffitem h3 {margin: 10px 0 5px;} div.staffitem address.staff {margin: 0; display: block; clear: both;} div.staffitem address.staff span {margin: 0 0 3px 0; font-style: normal; display: block;} div.staffitem address.staff span.photo {float: left; padding: 0 15px 0 0;} div.staffitem address.staff span.photo img {background: #fff; border: solid 1px #f0f0f0; padding: 7px;} div.staffitem address.staff span.fn {margin-bottom: 5px; font-size: 1.4em; font-weight: bold;} div.staffitem address.staff span.title {margin: 5px 0; font-weight: bold;} div.staffitem address.staff span.value {display: inline;} div.staffitem .column {width: 190px; float: left; padding: 10px 10px 0; margin: 0 10px 0 0;} div.staffitem .column.omega {margin: 0;} /* ------------------ Module: Locations ---------------------------------------------------------- */ .messagebox {background: #ffc; padding: 10px; margin: 15px 0;} .messagebox p {display: none;} .error {background: #ffc; padding: 20px 20px 10px; margin: 15px 0;} .error p {padding: 10px 0 0;} .gmap-container {width: 640px; height: 288px; display: block; background-color: #f0f0f0; margin: 0 0 10px;} .gmap-bubble {font-size: 11px; width: 250px;} .gmap-bubble.special {width: 100px !important; height: 20px !important;} .gmap-bubble a {color: #06a !important; text-decoration: underline; display: inline-block;} .gmap-bubble a:hover {text-decoration: none;} .gmap-bubble a.btn {background: transparent url(../gfx/modal-btn-left.png) no-repeat left; padding: 6px 0 6px 10px; color: #555 !important; width: auto; font-weight: bold; text-decoration: none; margin: 15x 10px 0 0 !important;} .gmap-bubble a.btn span {background: transparent url(../gfx/modal-btn-right.png) no-repeat right; padding: 6px 10px 6px 0px;} .gmap-bubble a.btn:hover {color: #888 !important;} .gmap-bubble h2 {margin: 0 0 3px !important;} .gmap-bubble h3 {margin: 5px 0 0 !important; padding: 0 !important; color: #333 !important;} .gmap-bubble .txt {width: 200px; padding: 2px; display: block; margin: 3px 0 10px;} .gmap-bubble p {padding: 5px 0 !important;} .gmap-bubble div.clearer {margin: 0;} .gmap {margin: 0 0 15px;} div.rating-cancel, div.star-rating {float:left; width: 14px; height: 12px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; margin: 10px 0 0;} div.rating-cancel, div.rating-cancel a {display: none;} div.star-rating,div.star-rating a {background:url(../gfx/rating/stars.png) no-repeat 0 0px} div.rating-cancel a, div.star-rating a {display: block; width: 14px; height:100%; background-position:0 0px; border:0} div.star-rating-on a {background-position: 0 -12px!important} div.star-rating-hover a {background-position: 0 -24px} div.star-rating-readonly a {cursor: default !important;} /* Partial Star CSS */ div.star-rating {background: transparent!important; overflow: hidden!important} /* END jQuery.Rating Plugin CSS */ img.rating {margin: 15px 0; display: block;} .ui-tabs-hide {display: none;} /* ----- Listview ------------------*/ .locationobject {padding: 0 0 5px; border-bottom: solid 1px #e3e3e3; clear: both; margin: 0 0 7px;} .locationobject a {text-decoration: none !important;} .locationobject .image {width: 160px; float: left;} .locationobject .locationwrapper {width: 280px; float: left;} .locationobject .locationwrapper h2 {margin: 0;} .locationobject .locationwrapper .rating {clear: both; display: block; padding: 3px 0 !important;} .categorylocations {width: 640px;} .categorylocations h2 {clear: both; margin: 15px 0 0; color: #444 !important;} .categorylocations ul {margin: 0 0 10px !important; padding: 0 5px !important; list-style: none !important;} .categorylocations ul li {margin: 0 0 3px !important; padding: 0 !important; list-style: none !important;} .categorylocations ul li {display: inline;} .categorylocations ul li a {display: inline-block; background: transparent url(../gfx/tab-item.png) no-repeat left bottom; padding: 0 0 0 10px; font-weight: bold; text-decoration: none !important;} .categorylocations ul li a span {display: inline-block; background: transparent url(../gfx/tab-item.png) no-repeat right bottom; padding: 10px 10px 6px 0;} .categorylocations ul li.ui-tabs-selected a, .categorylocations ul li.ui-tabs-selected a span, .categorylocations ul li.on a, .categorylocations ul li.on a span {background-image: url(../gfx/tab-item-selected.png);} .categorylocations .location {clear: both; width: 640px; border-bottom: solid 1px #f0f0f0; padding: 15px 0;} .categorylocations .location a {text-decoration: none !important;} .categorylocations .location .image {width: 140px; float: left; margin: 0 15px 0 0;} .categorylocations .location .locationwrapper {width: 485px; float: left;} .categorylocations ul {background: #fff url(../gfx/tabs-bg.png) bottom; display: block;} ul.extendedinfo {background: none; margin: 15px 0 0; padding: 0 !important;} ul.extendedinfo li a {background: #d8d8d8 url(../gfx/gray-gradient-bg.png) repeat-x; color: #555 !important; padding: 5px 8px; margin: 0 5px 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} ul.extendedinfo li a.book {background: #74a239 url(../gfx/green-gradient-bg.png) repeat-x; color: #fff !important;} /* ----- Comments ------------------*/ .content img.rating {margin: 0 0 1.2em;} #write-comment {background-color: #f5f5f5; padding: 10px; margin: 20px 0 10px;} #write-comment h2 {margin: 0 0 4px -1px;} #write-comment p {margin: 0 !important;} #write-comment fieldset {margin: 0 0 15px;} #write-comment fieldset legend {display: none;} #write-comment fieldset label {display: block; margin: 0 0 2px;} #write-comment fieldset label.inline {display: inline; float: left; margin: 10px 0 0;} #write-comment fieldset input.txt {width: 420px; margin: 0 0 3px;} #write-comment fieldset textarea {width: 420px; font: normal 11px/1.5em Arial, Helvetica, Sans-Serif; } #write-comment fieldset p.rating {margin: 5px 0;} #write-comment fieldset p.checkbox label {display: inline;} #write-comment p.facebook-connect {padding: 5px 0 0;} #write-comment p.facebook-connect a {color: #3b5998; cursor: pointer; background: url(../gfx/connect_favicon.png) no-repeat left; padding: 0 0 0 18px;} #write-comment fieldset.userbox, #write-comment fieldset.commentbox {border-bottom: solid 1px #e6e6e6;} #write-comment fieldset.userbox {padding: 10px 0 15px; } #write-comment fieldset.commentbox {padding: 0 0 15px; } #write-comment div#fb-userbox {background-color: #eceff6; border: solid 1px #d4dae8; padding: 10px; color: #333 !important;} #write-comment div#fb-userbox img {float: left; margin: 1px 10px 0 0;} #write-comment div#fb-userbox a, #write-comment div#fb-userbox strong {color: #3b5998 !important;} #write-comment div#fb-userbox strong {display: block; font-size: 1.2em; margin: 0 0 3px;} .catalogue-formarea {background-color: #f5f5f5; padding: 10px; margin: 20px 0 0;} .catalogue-formarea h2 {margin: 0 0 4px -1px;} .catalogue-formarea p {margin: 0 !important;} .catalogue-formarea fieldset {margin: 0 0 15px;} .catalogue-formarea fieldset legend {display: none;} .catalogue-formarea fieldset label {display: block; margin: 0 0 2px;} .catalogue-formarea fieldset label.inline {display: inline; float: left; margin: 10px 0 0;} .catalogue-formarea fieldset input.txt {width: 420px; margin: 0 0 3px;} .catalogue-formarea fieldset select {margin: 0 0 8px;} .catalogue-formarea fieldset textarea {width: 420px; font: normal 11px/1.5em Arial, Helvetica, Sans-Serif; } .catalogue-formarea fieldset p.checkbox label {display: inline;} /* ------------------ Module: Related pages ----------------------------------------------------- */ #relatedpages {background: #fff; margin: 15px 0; padding: 15px;} #relatedpages ol {list-style-type: none !important; margin: 6px 0 0 !important; padding: 0 !important;} #relatedpages ol li {list-style-type: none !important; margin: 0 !important; padding: 0 !important;} #relatedpages ol li a {display: block; border-bottom: solid 1px #dcdcdc; color: #616161; text-decoration: none; padding: 8px 0; background: transparent url(../gfx/arrow-long-sidebar.png) no-repeat right;} #relatedpages ol li a:hover {text-decoration: underline !important;} /* ------------------ Searchengine -------------------------------------------------------------- */ p.searchseparator {border-bottom: solid 1px #f2f2f2 !important; margin: 0 0 15px !important; padding: 5px 0 !important;} h2.search {margin: 0 0 5px; padding: 10px 0 5px; clear: both; border-bottom: solid 1px #f2f2f2 !important;} dl.searchresult dt.single {margin: 0 0 15px; border-bottom: solid 1px #f6f6f6; padding: 5px 0;} dl.searchresult dt a {font: bold 15px/1.3em Arial, Tahoma, Helvetica, Sans-Serif !important; color: #363636 !important; margin: 0 0 5px 0; padding: 5px 0; display: block; text-decoration: none !important;} dl.searchresult dd {margin: 0 0 10px;} dl.searchresult dd a:hover {text-decoration: none !important;} dl.searchresult dd.date, dl.searchresult dd.location {padding: 0;} dl.searchresult dd.clearer {margin: 0 0 15px; border-bottom: solid 1px #f6f6f6; padding: 0 0 10px;} dl.searchresult dd img {float: right; margin: 0 0 0 15px;} div.locationobject.search {padding: 7px 0 5px; border-bottom: solid 1px #e3e3e3; clear: both;} div.locationobject.search a {text-decoration: none !important;} div.locationobject.search .image {width: 160px; float: left;} div.locationobject.search .wrapper {width: 300px !important; float: right;} div.locationobject.search .wrapper h2 {margin: 0 0 3px !important;} div.locationobject.search .wrapper .rating {clear: both; display: block; margin: 5px 0 0;} div.locationobject.search .wrapper .content {clear: both; padding: 8px 0; display: block; width: 300px !important;} div.locationobject.search .wrapper .breadcrumb {padding: 0 0 5px !important; margin: 0 !important;} div.locationobject.search .wrapper .breadcrumb a {text-decoration: underline !important;} div.locationobject.search .wrapper .breadcrumb a:hover {text-decoration: none !important;} div.locationobject.search .wrapper.green h2 a, dl.searchresult dt.single.green a {color: #4c7c08 !important;} div.locationobject.search .wrapper.red h2 a, dl.searchresult dt.single.red a {color: #7c0808 !important;} div.locationobject.search .wrapper.blue h2 a, dl.searchresult dt.single.blue a {color: #1b6ac2 !important;} div.locationobject.search .wrapper.yellow h2 a, dl.searchresult dt.single.yellow a {color: #7c6808 !important;} .searcharea.errorpage {background-color: #f0f0f0; margin: 25px 0 0; padding: 10px;} .searcharea.errorpage h3 {margin: 0 0 5px;} /* ------------------ Module: Locations - public login ------------------------------------------ */ #masthead #loggedin {background: transparent url(../gfx/gradients.png) repeat-x left -59px; font-size: 12px; padding: 10px; position: relative; color: #fff;} #masthead #loggedin a.signoff {display: block; color: #fff; position: absolute; right: 0; top: 0; padding: 10px;} div.navigation-admin {background-color: #f7f7f7; padding: 10px 0 0; position: relative;} div#locationselector {position: absolute; right: 5px; top: 15px;} div#locationselector label {display: inline; padding: 0 15px 0 0;} ul.actionbar {background-color: #f7f7f7; border-bottom: solid 1px #e2e2e2; margin: 0 0 10px !important; padding: 9px 9px 8px !important; list-style: none !important;} ul.actionbar li {margin: 0 !important; padding: 10px 0 !important; list-style: none !important; display: inline;} ul.actionbar li a {padding: 10px; color: #333; text-decoration: none;} ul.actionbar li a:hover {background: #e6e6e6;} ul.actionbar li.on a {color: #B2262C; background-color: #fff; font-weight: bold; border: solid 1px #e2e2e2; border-bottom: solid 1px #fff; padding: 11px 10px 10px; margin: 0 0 -2px;} ul.actionbar li.separator {padding: 0 0 0 10px !important; color: #fff; font-weight: bold;} /*ul.actionbar li.home {background: #BC3035;}*/ div.formarea {clear: both;} div.formarea div.column {width: 465px;} div.formarea div.column.left {margin: 0 5px 0 0; float: left;} div.formarea div.column.right {margin: 0 0 0 5px; float: right;} div.formarea .note {background-color: #ffd; border: solid 3px #EFEFD1; padding: 10px; margin: 0 0 10px;} div.formarea .note h5 {font-size: 14px; color: #333; margin: 0 0 5px;} div.formarea .note p {margin: 0;} div.formarea div.column h2 {font-weight: normal !important; border-bottom: solid 1px #f2f2f2 !important; margin: 0 0 3px;} div.formarea div.column p.image {text-align: center; margin: 15px 0 5px;} div.formarea div.column p.image img {margin: 0 0 10px;} div.formarea div.column fieldset {background-color: #f0f0f0; padding: 10px; margin: 0 0 10px;} div.formarea div.column fieldset legend {display: none;} div.formarea div.column fieldset label {display: block; margin: 0 0 3px;} div.formarea div.column fieldset input, div.formarea div.column fieldset textarea {width: 438px; font: normal 11px/1.5em Arial, Helvetica, Sans-Serif;} div.formarea div.column fieldset p.separator {/*border-bottom: solid 1px #fff; padding: 0 0 15px;*/} div.formarea div.column fieldset .btn {width: auto !important;} div.formarea div.column fieldset ul, div.formarea div.column fieldset ol, div.formarea div.column fieldset ul li, div.formarea div.column fieldset ol li {margin: 0 !important; padding: 0 !important; list-style: none !important;} div.formarea div.column div.albumphoto {background-color: #f0f0f0; margin: 0 0 10px; padding: 5px; position: relative;} div.formarea div.column div.albumphoto div.photo {width: 140px; float: left; margin: 0 10px 10px 0; display: block; height: 100%;} div.formarea div.column div.albumphoto div.photocontent {width: 295px; float: right; padding: 0;} div.formarea div.column div.albumphoto div.updatepanel {background-color: #e0e0e0; padding: 5px; display: block; clear: both; position: relative; margin: 10px 0 0 !important;} div.formarea div.column div.albumphoto div.updatepanel h3 {font-size: 12px; margin: 0 0 5px;} div.formarea div.column div.albumphoto div.updatepanel label {display: inline; margin: 0 5px 0 0; color: #000;} div.formarea div.column div.albumphoto div.updatepanel p {padding: 0 !important; margin: 0 !important;} div.formarea div.column div.albumphoto div.updatepanel .txt {width: 275px; margin: 0 !important;} div.formarea div.column div.albumphoto .update {padding: 0 0 0 24px; background: url(../gfx/icons/approve.gif) no-repeat 0 50%; color: #000; text-decoration: none; position: absolute; top: 7px; right: 10px;} div.formarea div.column div.albumphoto .delete {display: block; width: 23px; height: 23px; background: url(../gfx/icons/decline.gif) no-repeat 50% 50%; color: #000; text-decoration: none; background-color: #fff; position: absolute; right: 5px; top: 5px;} div.formarea div.column div.albumphoto .delete:hover {background-color: #f0f0f0;} div.formarea div.controlarea {clear: both; border-top: solid 1px #e0e0e0; padding: 10px 0; text-align: center; background-color: #f2f2f2;} div.formarea div.controlarea.top {border-top: 0; border-bottom: solid 1px #e0e0e0; margin: 0 0 10px;} div.dashboard {clear: both; margin: -5px 0 10px;} div.dashboard.start {padding: 15px 0;} div.dashboard div.infobox {border: solid 1px #f2f2f2; padding: 10px; margin: 0 0 10px; position: relative;} div.dashboard h2 {margin: 0 0 3px; color: #bc3333;} div.dashboard.start h2 {margin: 0 0 3px 13px; color: #555;} div.dashboard div.infobox div.holder {background-color: #f7f7f7; padding: 10px; /* margin: -10px -10px 0;*/} div.dashboard div.infobox h2.statistics {background-color: #f7f7f7; padding: 10px; margin: -10px -10px 15px;} div.dashboard .column {float: left;} div.dashboard .column.left, div.dashboard .column.center {width: 290px; margin: 0 0 10px;} div.dashboard .column.right {width: 290px; background-color: #ffd; border: solid 3px #EFEFD1; padding: 10px; margin: -15px 0 0;} div.dashboard .column.right p {margin: 0; padding: 0;} div.dashboard .column.right a {color: #000;} div.dashboard .column table.default-view td {font-weight: bold;} div.dashboard.start table.default-view {margin: 0 0 40px;} div.dashboard table.default-view.statistics th, div.dashboard table.default-view.statistics td {text-align: center !important; width: 150px;} div.dashboard table.default-view.statistics td {border-right: solid 1px #f0f0f0;} div.dashboard table.default-view th.first, div.dashboard table.default-view td.first {text-align: left !important; border-right: none; width: 300px !important;} div.dashboard table.default-view th.package, div.dashboard table.default-view td.package {text-align: left !important; border-right: none !important;} div.dashboard table.default-view a {color: #333;} div.dashboard.start table.default-view th.first, div.dashboard.start table.default-view td.first {width: 200px !important;} div.dashboard div.infobox .statistics-btn {position: absolute; right: 10px; top: 8px;} div.error.signon h5 {color: red; margin: 0 0 10px !important; padding: 0 !important;} div.error.signon p {display: none;} div.module.signon {} div.module.signon fieldset legend {display: none;} div.module.signon fieldset label {display: inline-block; width: 90px; font-weight: bold; font-size: 12px; color: #333;} div.module.signon fieldset input {width: 335px;} div.module.signon fieldset p {border-top: solid 1px #f2f2f2; padding: 10px 0 0;} div.module.signon fieldset .btn {width: auto; float: right;} div.ajax-loader {display: block; padding: 25px; text-align: center; background-color: #f2f2f2;} div.ajax-loader img {display: block; margin: 0 auto 10px;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px 0; border-bottom: solid 1px #eee; font-weight: bold;} a.gallerydir {width: 130px; margin: 0 0 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 130px; margin: 0 0 5px 0; padding: 5px 5px 30px; background: #fff; color: #000; text-decoration: none; text-decoration: none; text-align: center; display :table-cell; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both; margin: 0 auto; vertical-align: middle !important;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 8px; left: 5px;} /*a.gallerydir span, a.galleryimg span {display: none;}*/ body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 10px 0; padding: 10px; background: #fff;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 370px; padding: 2px; font: normal 11px sans-serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 370px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap, ul.sitemap ul, ul.sitemap li, ul.sitemap ul li {margin: 5px 0 5px 20px !important; list-style-type: square !important;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ul.documentlibrary {list-style: none !important; margin: 10px 0 !important; padding: 0 !important;} ul.documentlibrary li {display: block; list-style: none !important; line-height: 20px; padding: 3px; margin: 0 0 1px;} ul.documentlibrary li.documentlibrary-folderup {background: #f0f0f0;} ul.documentlibrary li.documentlibrary-document {background: #fff;} ul.documentlibrary li.documentlibrary-folder {background: #f0f0f0;} ul.documentlibrary li img {vertical-align: middle;} ul.documentlibrary li a {margin: 0 0 0 6px;}