@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* General HTML elements */ /* -------------------------------------------------------------------------- */ html, body { font-family: Arial, Sans-serif; height: 100%; font-size: 12px; margin: 0; padding: 0; color: #333; background: #e3e3e3; } a:visited, a:link { color: #33d; } a:hover { color: #77a; } h1 { font-size: 16px; } img { border: none; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { margin: 0px auto 0px auto; padding: 0px; width: 1000px; overflow: hidden; background: url(images/container-background.png) repeat-y; } #placeholder-top { margin: 0px; padding: 0px; width: 100%; height: 135px; background: #fff url(images/top-background.png) repeat-x; } #placeholder-banner { margin: 0px; padding: 0px; width: 100%; height: 115px; border-bottom: 5px solid #e3e3e3; background: #fff; } #placeholder-left { clear: left; float: left; margin: 0px 5px 0px 0px; padding: 10px; width: 180px; background: #fff; overflow: hidden; } #placeholder-right { float: left; padding: 10px; margin: 0px -3px 0px 5px; width: 180px; background: #fff; overflow: hidden; } #placeholder-content { float: left; padding: 20px 20px 30px 20px; width: 550px; background: #fff; overflow: hidden; } #placeholder-content-no-right { float: left; width: 800px; background: gray; } #placeholder-bottom { float: left; width: 795px; height: 30px; margin: 5px 0px 10px 0px; padding: 0px; background: #e3e3e3; display: none; } #content-link { display: none; } /* -------------------------------------------------------------------------- */ /* General tile */ /* -------------------------------------------------------------------------- */ /* Tiles in top, bottom and content placeholders should not be styled using the general styles, so we reset these styles here. HTML element ID spesific styling, using the #html-element-id notion has precendence over styles set generally using only the css-class. If we want to override these styles later in the stylesheet, we must remember to use the full element path. */ #placeholder-top .tile-content, #placeholder-top .tile-common, #placeholder-top .tile-common h3, #placeholder-banner .tile-content, #placeholder-banner .tile-common, #placeholder-banner .tile-common h3, #placeholder-bottom .tile-content, #placeholder-bottom .tile-common, #placeholder-bottom .tile-common h3, #placeholder-content .tile-content, #placeholder-content .tile-common, #placeholder-content .tile-common h3, #placeholder-content-no-right .tile-content, #placeholder-content-no-right .tile-common, #placeholder-content-no-right .tile-common h3 { background: none; border: none; margin: 0; padding: 0 0 5px 0; font-size: 12px;} .tile-common { margin-bottom: 20px; } #placeholder-left .tile-common h3, #placeholder-right .tile-common h3, #placeholder-right .tile-common h1 { float: left; clear: left; font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px; border-bottom: 1px solid #000;} .tile-content { padding: 10px 10px 15px 10px; } /* -------------------------------------------------------------------------- */ /* General inline listing (eg. horizontal menu, linktoolbar, sitelocator) */ /* -------------------------------------------------------------------------- */ .horizontal-menu h3, .linktoolbar h3, .sitelocator h3 { display: inline; float: left; margin: 0; padding: 0; } .horizontal-menu ul, .linktoolbar ul, .sitelocator ul { display: inline; float: left; margin: 0; list-style-type: none; padding: 0; } .horizontal-menu li, .linktoolbar li, .sitelocator li { display: inline; padding-left: 10px; } /* -------------------------------------------------------------------------- */ /* General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .full-articlelist ul, .small-articlelist ul, .small-boatshow-list ul, .small-calendarlist ul, .vertical-menu ul { list-style-type: none; margin: 0; padding: 0; } .full-articlelist li li, .small-articlelist li li, .vertical-menu li li { padding-left: 10px; } .tile-common span.date { float: left; clear: both; color: #555; font-size: 10px; margin: 0px; } #placeholder-left .tile-content, #placeholder-right .tile-content { float: left; padding: 0px 0px 15px 0px; width: 100%; } #placeholder-left h3, #placeholder-right h1, #placeholder-right h3 { width: 180px; } #placeholder-left ul, #placeholder-right ul { margin: 0px; } #placeholder-left li, #placeholder-right li { display: block; float: left; clear: both; width: 100%; margin: 0px; margin-bottom: 10px; } #placeholder-left li a, #placeholder-right li a { display: block; float: left; clear: both; } #placeholder-left .newsarchivelink { display:none; } #placeholder-right .newsarchivelink { display: none;} #placeholder-left .newslink { display:none; } #placeholder-right .newslink { display: none;} #placeholder-content .question, #placeholder-content .answer { float: left; clear: both; width: 100%; } #placeholder-content .question span.prefix { font-weight: bold; } #placeholder-content .answer span.prefix { font-weight: bold; margin: 0px 4px 0px 2px; } #placeholder-content .question h3 { float: left; font-weight: normal; width: 100%; margin: 0px 0px 5px 0px; padding: 2px; background: #e3e3e3; } #placeholder-content .answer p { display: inline; } #placeholder-content .first .question h3 { margin-top: 20px; } /* -------------------------------------------------------------------------- */ /* Styling for spesific elements */ /* -------------------------------------------------------------------------- */ /* Some of these elements have been styled using id-context above. We therefore need to use the full id-element path to override these styles. */ /* -- Page header ----------------------------------------------------------- */ #placeholder-top .page-header { float: left; margin: 15px 0px 0px 15px; } .horizontal-menu h3, .vertical-menu h3, .small-searchinput h3 { display: none; } /* -- Quick menu ------------------------------------------------------------- */ .vertical-menu ul { float: right; margin: 5px 3px 30px 0px; } .vertical-menu li { float: left; padding: 0px 7px 0px 6px; border-right: 1px solid #000; } .vertical-menu li.last { border-right: none; } .vertical-menu a { font-size: 10px; color: #000; text-decoration: none; } .vertical-menu a:hover, .vertical-menu li.active a { text-decoration: underline; } /* -- Article search -------------------------------------------------------- */ #placeholder-top .small-searchinput { float: right; clear: right; height: 26px; margin: 0px 10px 9px 0px; overflow: hidden; } .small-searchinput input { border: none; overflow: hidden; width: 130px; height: 21px; padding: 4px 6px 0px 6px; background: url(images/search-input-background.png) no-repeat; } .small-searchinput .submit { width: 60px; height: 25px; padding: 0px 0px 2px 0px; background: url(images/search-button-background.png) no-repeat; } /* -- Main menu ------------------------------------------------------------- */ .horizontal-menu ul { float: left; width: 100%; height: 26px; margin: 0px; padding: 0px; background: url(images/mainmenu-background.png) repeat-x; } .horizontal-menu li { display: block; float: left; height: 26px; margin: 0px; padding: 0px; } .horizontal-menu a:link, .horizontal-menu a:visited { display: block; float: left; height: 20px; padding: 6px 17px 0px 17px; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; } .horizontal-menu a:hover { text-decoration: underline; } .horizontal-menu li.active, .horizontal-menu li.main-active { background: url(images/menu-tab-left.png) left no-repeat; } .horizontal-menu li.first { margin-left: 10px; } #placeholder-top .horizontal-menu li.active a { text-decoration: underline; } .horizontal-menu li.main-active a { background: url(images/menu-tab-right.png) right no-repeat; } /* -- Submenu -------------------------------------------------------------- */ .horizontal-menu.submenu ul { float: left; width: 100%; height: 24px; background: #0074ff; } .horizontal-menu.submenu a { padding-top: 4px;} .horizontal-menu.submenu li.active { background: none; } .horizontal-menu.submenu li.active a { text-decoration: underline; background: none; } /* -- Linktoolbar ----------------------------------------------------------- */ .linktoolbar { text-align: right; } .linktoolbar h3 { display: none; } #placeholder-content .linktoolbar ul { float: none; clear: both; } /*.linktoolbar a { color: #000; text-decoration: none; }*/ /* -- Sitelocator ----------------------------------------------------------- */ .sitelocator h3 { font-size: 1em; font-weight: normal; } /* -- Article display ------------------------------------------------------- */ #placeholder-content .full-articledisplay { clear: both; margin: 0px; } #placeholder-content .full-articledisplay .cp-mmarchive-image-left, #placeholder-content .full-articledisplay .cp-mmarchive-image-right, #placeholder-content .full-articledisplay .cp-mmarchive-image-default { margin-bottom: 5px;} #placeholder-content .full-articledisplay .cp-mmarchive-image-default { margin-right: 5px; margin-left: 5px; } #placeholder-content .full-articledisplay .cp-mmarchive-image-right { margin-left: 5px; } #placeholder-content .full-articledisplay .cp-mmarchive-image-left { margin-right: 5px; } .full-articledisplay table { background: #000; border: none; } .full-articledisplay td { background: #fff; margin: 1px; border: none; } .full-articledisplay table.bildetekst { background: transparent; border: none; } .full-articledisplay .bildetekst td { background: transparent; border: none; margin: 0px; } #placeholder-content .full-articledisplay h1, #placeholder-content .full-articledisplay h2 { margin: 0px 0px 10px 0px; } #placeholder-content .full-articledisplay .newslink { padding-top: 15px; } /* -- Banner display ---------------------------------------------------------*/ .small-articledisplay { clear: both; } #placeholder-banner .small-articledisplay { padding: 1px 0px 1px 0px; } #placeholder-banner .small-articledisplay p { margin: 0px; } /* -- Banner list display -----------------------------------------------------*/ .bannerlist ul { list-style-type: none; margin: 0px; padding: 0px; } .bannerlist .full-articledisplay .tile-content { margin: 0px; padding: 0px; } #placeholder-right .bannerlist .full-articledisplay p, #placeholder-left .bannerlist .full-articledisplay p { color: #555; margin: 0px 0px 10px 0px; } #placeholder-left .bannerlist .full-articledisplay p { font-style: italic; } #placeholder-right .bannerlist .full-articledisplay p { float:left; clear: both;width: 100%; } #placeholder-right .bannerlist a { display: inline; float:none; clear: none; } /* -- Digest ---------------------------------------------------------------- */ h2.digest { font-size: 12px; } /* -- Article list ---------------------------------------------------------- */ #placeholder-content-no-right .full-articlelist h3, #placeholder-content .full-articlelist h3 { margin-top: 0px; margin-bottom: 0px;} #placeholder-content .full-articlelist h3 a { color:#000000; text-decoration:none;} .full-articlelist ul, .full-articlelist-twocolumn ul { list-style-type: none; padding: 0; margin: 0; } .full-articlelist ul li { clear: both; } .full-articlelist ul li p { margin-bottom:0px; margin-top:0px;} .full-articlelist .articlelist-link-internal ul li, .full-articlelist-twocolumn .articlelist-link-internal ul li { clear: none; padding: 0 0 12px 0; font-size:11px;} .full-articlelist-twocolumn li.odd { float: left; clear: both; width: 48%; } .full-articlelist-tocolumn li.even { float: right; width: 48%; } .full-articlelist p {clear:both;} /* -- Customer Article list ---------------------------------------------------------- */ #placeholder-content-no-right .customerlist h2, #placeholder-content .customerlist h2 { margin-top: 30px; background: #f2f2f4; width: 100%; font-size: 12px; font-weight: bold; padding: 3px 0 3px 0;} #placeholder-content .customerlist ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-content .customerlist .header { float: left; width: 240px;} #placeholder-content .customerlist .link { float: left; width: 240px;} #placeholder-content .customerlist .file { float: left; width: 70px;} #placeholder-content .customerlist ul li { clear: both;} #placeholder-content .customerlist ul li img { display: none; } #placeholder-content .customerlist div { padding-bottom: 5px; } /* -- Distributor Article list ---------------------------------------------------------- */ #placeholder-content-no-right .distributorlist h2, #placeholder-content .distributorlist h2 { margin-top: 30px; background: #f2f2f4; width: 100%; font-size: 12px; font-weight: bold; padding: 3px 0 3px 0; clear:left;} #placeholder-content .distributorlist ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-content .distributorlist ul li { clear: both; float: left; width: 100%;} #placeholder-content .distributorlist .header { float: left; clear: both; width: 100%; font-weight: bold; } #placeholder-content .distributorlist .address { float: left; width: 250px; clear: left;} #placeholder-content .distributorlist .right-wrapper { float: left; width: 300px;} #placeholder-content .distributorlist span.label { width: 50px; display: block; float: left; clear: left;} #placeholder-content .distributorlist .contacts { float: left; width: 550px; clear:both; margin-top: 10px; margin-bottom: 10px;} #placeholder-content .distributorlist .horizontalbar { float:left; border-top:1px #ccc solid; margin-top:10px; margin-bottom:10px; width:550px;} #placeholder-content .distributorlist .comment { float: left; width: 550px; clear:left; margin-bottom:10px;} #placeholder-content .distributorlist ul li img { display: none; } /* -- Boatshow Article list ---------------------------------------------------------- */ #placeholder-content-no-right .boatshow h2, #placeholder-content .boatshow h2 { margin-top: 30px; margin-bottom: 0px; width: 100%; font-size: 12px; font-weight: bold; padding: 3px 0 3px 0;} #placeholder-content .boatshow ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-content .boatshow ul li { clear: both; float: left; clear: both; width: 100%;margin-bottom: 5px;} #placeholder-content .boatshow div { float: left; width:170px;} #placeholder-content .boatshow div.shows { width: 150px;} #placeholder-content .boatshow div.when { float: left; width:80px;} #placeholder-content .boatshow div.attendance { float: left; width:150px;} #placeholder-content .boatshow div.header { margin-top: 5px; background: #f2f2f4; width: 100%; font-size: 12px; font-weight: bold; padding: 3px 0 3px 0; width:100%;} .small-boatshow-list div.shows { font-weight: bold;} /* --- Lightbox ---------------------------------------------------------------*/ #lightbox-overlay { z-index: 999; background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; width: 550px; min-height: 450px; top: 50px; margin: auto; padding: 0px; overflow: auto; background: #fff; text-align: center; } #lightbox-spinner { background: #fff url(images/lightbox/spinner.gif) center no-repeat; width: 220px; height: 19px; margin: 15% auto; } #lightbox-close-container { float: right; } #lightbox-close { display: block; float: right; width: 60px; height: 15px; margin: 25px; text-transform: uppercase; text-decoration: none; font-size: 11px; color: #000; background: url(images/close-icon.png) no-repeat 50px 2px; } /* --- MMA Folders -------------------------------------------------------------*/ .mma-subfolders { clear: both; } .mma-subfolders ul { margin: 0px; padding: 0px; } .mma-subfolders li { display: block; float: left; overflow: hidden; width: 150px; height: 126px; margin: 6px 7px 6px 6px; padding: 10px; background: url(images/album-canvas.png) no-repeat;} .mma-subfolders a { display: block; width: 150px; height: 125px; border: none; text-decoration: none; } .mma-subfolders .album-thumbnail { display: block; width: 150px; height: 80px; margin-bottom: 5px; cursor: pointer; background: #ccc; } .mma-subfolders .album-title { float: left; clear: left; font-size: 12px; color: #555; font-weight: normal; text-decoration: none; cursor: pointer; width: 100%;} .mma-subfolders .album-description { float: left; clear: left; font-size: 12px; color: #555; font-weight: normal; text-decoration: none; cursor: pointer; width: 100%;} .mma-subfolders .date { cursor: pointer; } /* --- Slideshow (used in lightbox) --------------------------------------------*/ .slideshow h3 { font-size: 16px; border: none; margin: 20px 0px 0px 25px; } .slideshow-navigation { margin-bottom: 10px; width: 100%; clear: both;} .slideshow-navigation a.slideshow-previous:link, .slideshow-navigation a.slideshow-previous:visited, .slideshow-navigation a.slideshow-previous:hover { float: left; padding-left: 15px} .slideshow-navigation a.slideshow-next:link, .slideshow-navigation a.slideshow-next:visited, .slideshow-navigation a.slideshow-next:hover { float: right; padding-right: 15px;} .slideshow-image { clear: both; } .slideshow-image a { margin-bottom: 10px; } .slideshow-image-description { padding: 0px 10px 10px 10px; font-style: italic; } .thumbnails { position: relative; left: 5px; height: 79px; overflow: hidden; } .thumbnails table { height: 79px; text-align: center;} .thumbnails td { width: 79px; height: 79px; background: url(images/thumbnail-canvas.png) no-repeat; } .prev-button, .next-button { display: block; width: 21px; height: 41px; cursor: pointer; background-repeat: no-repeat; } .prev-button { float: left; margin-top: 19px; background-image: url(images/prev-button.png); } .next-button { float: right; margin-top: -60px; background-image: url(images/next-button.png); } /* -- CoreTrek Colophon ----------------------------------------------------- */ #coretrek-colofon { float: left; clear: both; width: 200px; margin-top: 5px; } #coretrek-colofon a { font-size: 11px; color: #909090; text-decoration: none; } /* -- Debug info ------------------------------------------------------------- */ #extended-debug-info { float: left; clear: left; margin-right: -3px; } /* --- Contact Us-Form ------------------------------------------------------- */ #contactus table { border-spacing: 0px 2px; font-size: 11px; } #contactus td {} #contactus input { width: 142px; font-size: 11px; margin-right: 20px; } #contactus select { width: 146px;} #contactus textarea { width: 408px; } #login-form-container .row { clear: both; padding: 1px;} #login-form-container .row label { float:left; width: 100px;} #login-form-container .row input { float: left; } #login-form-container .submit { clear: both; float: left;} .management td {width: 25%; vertical-align: top; padding: 5px; margin-bottom: 20px; font-size: 11px; } td.header { background-color: #e4e4e7; }