/*------------------------------------------------------------------ [Master Stylesheet] Project: Vimmerby Turism & Näringsliv AB -------------------------------------------------------------------*/ @import "reset.css"; /*-------------------------------------------------------------------------------------------------- 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;} h2.group {clear: both; border-bottom: solid #e6e6e6 1px; padding: 0 0 3px; margin: 0 0 5px;} .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 {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; padding: 15px 0;} #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 #languages {float: right; background: #f7f7f7; padding: 4px; margin: -10px 0 0;} #masthead #languages a {float: left; background: url(../gfx/languages-item-bg.png) no-repeat left; padding: 0 0 0 31px; margin: 0 3px 0 0 !important;} #masthead #languages a.swedish {background-position: left -41px;} #masthead #languages a.english {background-position: left -1px;} #masthead #languages a.deutsch {background-position: left -21px;} /* ------------------ 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;} /* ------------------ Container ----------------------------------------------------------------- */ #container #secondarynavigation {width: 170px; margin-right: 20px; float: left;} #container .content {width: 450px; padding: 0; float: left;} #container .content.wide {width: 660px; float: left;} #container .content.extra-wide {width: 640px;} #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;} .content.green #breadcrumbs {background-position: center 0px;} .content.red #breadcrumbs {background-position: center -58px;} .content.yellow #breadcrumbs {background-position: center -116px;} .content.blue #breadcrumbs {background-position: center -174px;} /* ------------------ 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 p.update {margin: 15px 0 10px;} /* ------------------ 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; position: relative;} .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;} .secondary-content a.btn {display: block; margin: 0 0 5px; background-position: top; text-indent: -9999px; background-repeat: no-repeat; height: 41px;} .secondary-content a.btn:hover {background-position: bottom;} /* ------------------ 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 a {color: #555; text-decoration: underline;} #disclaimer a:hover {text-decoration: none;} #disclaimer #cred {font-style: normal !important; position: absolute; right: 0; top: 0;} /* ------------------ 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; color: #fff; text-align: center;} /*#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: 260px;} #navigation ul li.item-2 a {background-position: center -58px; width: 219px; border-left: solid 1px #fff;} #navigation ul li.item-3 a {background-position: center -116px; width: 209px; border-left: solid 1px #fff;} #navigation ul li.item-4 a {background-position: right -174px; width: 249px; border-left: solid 1px #fff;} /* Tyska */ #navigation ul.de li.item-1 a {width: 190px;} #navigation ul.de li.item-2 a {width: 199px;} #navigation ul.de li.item-3 a {width: 309px;} #navigation ul.de li.item-4 a {width: 239px;} #secondarynavigation #currentpage {padding: 7px 14px; font: bold 1.2727em/1.3em Arial, Helvetica, Sans-serif; background-image: url(../gfx/gradients.png); background-repeat: repeat-x;} #secondarynavigation #currentpage a {text-decoration: none;} #currentpage.green {background-position: center 0px !important;} #currentpage.red {background-position: center -58px !important;} #currentpage.yellow {background-position: center -116px !important;} #currentpage.blue {background-position: center -174px !important;} #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;} /*-------------------------------------------------------------------------------------------------- Module --------------------------------------------------------------------------------------------------*/ .module {clear: both; margin: 0 0 10px;} .module .mh {background: transparent url(../gfx/navigation-item-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.green .mh {background-position: center top;} .module.red .mh {background-position: center -58px;} .module.yellow .mh {background-position: center -116px;} .module.blue .mh {background-position: center -174px;} .module .mb img {float: right; margin: 0 0 10px 13px;} .module .mb a {color: #333; text-decoration: underline;} .module .mb a:hover {text-decoration: none;} .module.news .mb a {text-decoration: none !important;} .module.news .mb h3 {margin: 0 0 5px;} .module.news .mb p {margin: 0 0 15px;} /*-------------------------------------------------------------------------------------------------- Modules --------------------------------------------------------------------------------------------------*/ /* News */ #newsarea {background: #fff; margin: 20px 0; padding: 15px 10px;} #newsarea h2 {color: #fe7e01; margin: 0 0 10px; position: relative;} #newsarea h2 a {position: absolute; right:0;} #newsarea h3, #newsarea h3 a {color: #b41c20; font: bold 1.15em/1.3em Arial, Helvetica, Sans-serif; padding: 0;} #newsarea h3 a {text-decoration: none;} #newsarea p.date {margin: 0 0 8px !important; color: #7f7f7f; font-weight: bold;} #newsarea p {margin: 0 0 15px !important; color: #000; line-height: 1.4em;} #newsarea p a {color: #000; text-decoration: none;} #newsarea p a:hover {text-decoration: underline;} p.date {margin: 0 0 8px !important; color: #7f7f7f; font-weight: bold;} #newsitem div.preamble {margin: 0 0 10px; font-style: italic !important;} #newsitem div.archive {margin: 10px 0; clear: both;} /* Puff */ #startpage-column-left, #startpage-column-right {width: 309px; float: left;} #startpage-column-left {margin-right: 20px;} /*.puffitem {background: #fff; padding: 15px; margin-bottom: 20px;} .puffitem img {float: right; margin: 0 0 10px 13px;} .puffitem a {color: #333; text-decoration: underline;} .puffitem a:hover {text-decoration: none;} .puffitem p.more a {margin: 10px 0 0; display: block;}*/ /* Green * .puffitem h2.green {color: #73bc33;} /* Red * .puffitem h2.red {color: #bc3333;} /* Blue * .puffitem h2.blue {color: #335dbc;} /* Purple * .puffitem h2.purple {color: #7333bc;} */ 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; 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 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;} /* 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;} /* Searchenginge */ p.searchseparator {border-bottom: solid 1px #f2f2f2; margin: 0 0 15px; padding: 5px 0;} h2.search {margin: 15px 0 10px; padding: 10px 0 5px; clear: both; color: #474C83; border-bottom: solid 1px #f2f2f2;} dl.searchresult dt.single {margin: 0 0 15px; border-bottom: solid 1px #f6f6f6; padding: 5px 0;} dl.searchresult dt a {font: bold 14px/1.3em Arial, Tahoma, Helvetica, Sans-Serif !important; color: #363636 !important; margin: 0; padding: 0 0 5px; display: block; text-decoration: none !important;} dl.searchresult dd {margin: 0 0 10px;} dl.searchresult dd.date, dl.searchresult dd.location {color: #636363;} 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;} /* ComnpanyCatalog*/ div#container .content .searcharea {padding: 5px 0 15px; border-bottom: solid 1px #f2f2f2;} div#container .content .searcharea fieldset label {padding: 0 0 5px !important;} div#container .content .searcharea fieldset .txt {width: 420px; margin: 0 0 5px;} div#container .content .searcharea fieldset .btn {float: right;} div#container .content .no-border {border: 0 !important;} p.searchseparator-catalog {border-bottom: solid 1px #f2f2f2; margin: -20px 0 15px; padding: 5px 0;} p.warning {font-style: italic; color: #555; background: #ffe url(../gfx/warning.png) no-repeat left; padding: 10px 10px 10px 55px; margin: 0 0 10px;} div#container .content h2.contact {margin: 20px 0 10px;} div#container .content dl.company-view {font-size: 11px; margin: 15px 0 !important; clear: both;} div#container .content dl.company-view dt {float: left; clear: both; width: 120px; font-weight: bold; color: #555;} div#container .content dl.company-view dd {display: inline; float: left; width: 270px; padding: 0 5px;} div#container .content dl.company-view dd ul {margin: 0 !important; padding: 0 !important; list-style-type: none !important;} div#container .content .formarea {padding: 5px 0 15px; border-bottom: solid 1px #f2f2f2;} div#container .content .formarea fieldset label {padding: 0 0 5px !important;} div#container .content .formarea fieldset .txt {width: 420px; margin: 0 0 5px;} div#container .content .formarea fieldset .btn {float: right;} /*-------------------------------------------------------------------------------------------------- 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; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; 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;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} 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 {padding: 5px 0 15px;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 11px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block; padding: 0 0 5px !important;} fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 420px; margin: 0 0 5px;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 416px; height: 150px; padding: 2px; font: normal 11px 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 {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} 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; margin: 0; padding: 0;} ul.documentlibrary li {line-height: 20px;} ul.documentlibrary li img {vertical-align: top;} ul.documentlibrary li a {margin: 0 0 0 6px;} /*-------------------------------------------------------------------------------------------------- CE --------------------------------------------------------------------------------------------------*/ div.largeimage {display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;} div.largeimage a {margin:10px; display: block;} ol.guestbook {width: 70%; margin: 0; padding: 0; list-style: none; float: left;} ol.guestbook li {margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;} ol.guestbook h3 {margin: 0; font: bold 11px sans-serif;} ol.guestbook p {margin: 0;} ol.guestbook p.report {margin-bottom: 10px;} ol.guestbook a {text-decoration: none; color: Blue;} ol.guestbook a.reported {text-decoration: none; color: Red;} ol.guestbook li.pager {margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;} ol.guestbook li.pager a {text-decoration: none;} ol.guestbook li.pager a:hover {text-decoration: underline;} ol.guestbook li.pager a.left {float: left;} ol.guestbook li.pager a.right {float: right;} fieldset.guestbook {width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;} fieldset.guestbook legend {margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;} fieldset.guestbook p {margin: 5px 0;} fieldset.guestbook p.info {margin: 10px 0;} fieldset.guestbook p.error {color: Red;} fieldset.guestbook p.done {color: Green;} fieldset.guestbook p.checkbox {margin: 0 0 10px 0;} fieldset.guestbook p.checkbox label {margin: 0 0 0 3px; vertical-align: middle; display: inline;} fieldset.guestbook p.checkbox input {width: auto; vertical-align: middle;} fieldset.guestbook label {display: block;} fieldset.guestbook label span {color: Red; visibility: hidden;} fieldset.guestbook input {width: 97%; font: normal 11px sans-serif;} fieldset.guestbook textarea {width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;} fieldset.guestbook input.btn {width: auto;} fieldset.guestbook fieldset {margin: 0; padding: 0; border: 0; display: none;} fieldset.guestbook fieldset legend {display: none;} ul.banners {margin: 20px 0; padding: 0; list-style: none;} ul.banners li {margin: 5px 0;}