/*------------------------------------------------------------------ [Master Stylesheet] Project: Kustlandet Version: 1.0 Last change: 2008-10-07 Assigned to: Kim Gunnarsson, Mindbite Primary use: Corporate Website -------------------------------------------------------------------*/ @import "clientfiles/css/reset.css"; @import "clientfiles/css/960.css"; /*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {font: normal 12px/18px sans-serif; color: #333; margin: 0; padding: 0; background: #fff; background-image: url(../gfx/bg.gif);} h1 {font: bold 26px sans-serif; color: #076628; margin: 0 0 10px;} h2 {font: bold 15px sans-serif; color: #076628; margin: 10px 0 5px;} h3 {font: bold 12px sans-serif; color: #076628; border-bottom: solid 1px #f2f2f2; padding: 0 0 5px; margin: 5px 0 10px;} h4 {font: bold 12px sans-serif; color: #076628; margin: 5px 0 3px;} h3.group {padding-top: 15px; font: bold 12px/18px sans-serif; border-top: solid 0px #ccc; clear: both;} .hide {display: none;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ #kustlandet {width: 940px; margin: 0px auto; padding: 0 10px; text-align: center;} #top, #navigation, #header, #wrapper, #footer {width: 940px; margin: 0px auto; text-align: left;} #loginarea {float: right; margin: 0; z-index: 1; position: relative; text-align: right; font-size: 10px;} #loginarea ul {} #loginarea ul li {display: block; float: left;padding: 5px 10px; margin: 0 0 0 1px;} #loginarea ul li.btn {background: #9AC01D url(../gfx/userinfo-btn-bg.gif) no-repeat bottom left; padding: 5px 0 8px 11px !important;} #loginarea ul li a {} #loginarea ul li.btn a {background: #9AC01D url(../gfx/userinfo-btn-bg.gif) no-repeat bottom right; padding: 5px 11px 10px 0 !important; color: #fff; text-decoration: none;} #top {background: #fff url(../gfx/header-bg.gif) no-repeat bottom; float: left; clear: both; padding: 15px 0 30px;} #top img {float: left; margin: 0 0 -20px;} #top #searcharea {float: right; margin-top: 25px;} #top #searcharea fieldset legend {display: none;} #top #searcharea fieldset label {color: #555; font-size: 0.8em;} #top #searcharea input.txt {font: normal 14px sans-serif; width: 225px; background: #fff; border: solid 1px #e4e4e4; padding: 3px; margin: 0 15px 0 0;} #top #searcharea input.btn {width: 60px; height: 24px; padding: 2px 0 3px; color: #fff; border: 0; background: url(../gfx/search-btn-bg.gif) no-repeat;} #navigation {background-color: #f8f8f8; border-top: solid 6px #9ac01d; clear: both; margin: 0 0 13px; float: left;} #header {clear: both; width: 940px; overflow: hidden;} #wrapper {clear: both; background: url(../gfx/wrapper-bg.gif) no-repeat bottom left; padding: 0 0 10px; margin: 10px 0 0;} #footer {font-size: 10px; border-top: solid 6px #9ac01d; color: #858585; clear: both; padding: 5px 0 35px; text-align: left;} .error {background-color: #ffd; color: #333; padding: 10px 10px 10px 20px; width: 415px; margin: 0 0 10px;} .message {background: #ff9 url(../gfx/msg-bar-bg.gif) repeat-x bottom; color: #555; padding: 6px 15px; margin: 0;font-size: 11px; font-weight: bold;} #wrapper #secondarynavigation p.location {font-size: 11px;} #wrapper .content p {font-size: 11px; margin-bottom: 1em; color: #585857;} #wrapper .content a {text-decoration: underline; color: #7c9c12;} #wrapper .content a:hover {text-decoration: none;} #wrapper .content #pageTopImage {width: 460px; overflow: hidden;} #wrapper .content h3.directorylisting {margin: 5px 0 0 !important; padding: 5px 0!important;} #wrapper .content #newsItem .ingress {font-weight: bold;} #wrapper .content ul {padding: 5px 10px; margin: 5px 15px; list-style: disc;} #wrapper .content ol {padding: 5px 10px; margin: 5px 15px; list-style-type: decimal;} #wrapper .content ul li {list-style: disc; font-size: 11px; color: #585857;} #wrapper .content ol li {list-style: decimal; font-size: 11px; color: #585857;} #wrapper .sidebar h2 {background: #9ac01d url(../gfx/heading-bg.gif) repeat-x bottom; color: #fff; font-size: 13px; font-weight: normal; padding: 7px 10px; margin: 0;} #wrapper .sidebar div div {margin: 1px 0 14px; background: #f8f8f8; padding: 10px;} #wrapper .sidebar div #newslist {padding: 0 0 10px;} #wrapper .sidebar div #newslist h3 {border: 0; font-size: 1.4em;} #wrapper .sidebar div #newslist a {text-decoration: none; color: #585858; font-size: 11px;} #wrapper .sidebar div #newslist a:hover {text-decoration: underline;} /*#wrapper .sidebar div #newsletter div p.terms {font-size: 9px; font-style:italic; color: #585858; margin: 10px 0 0; line-height: 1.2em;} #wrapper .sidebar div #newsletter div p.terms a {color: #9ac01d; text-decoration: underline;} #wrapper .sidebar div #newsletter div p.terms a:hover {text-decoration: none;}*/ #wrapper .sidebar div #newsletter div {margin: 0; padding: 0;} p.terms {font-size: 9px; font-style:italic; color: #585858; margin: 10px 0 0; line-height: 1.2em;} p.terms a {color: #9ac01d; text-decoration: underline;} p.terms a:hover {text-decoration: none;} #wrapper .sidebar div p.archive {display: block; width: 100%; text-align:center; padding: 8px 0;} #wrapper .sidebar div p.archive a {text-decoration: underline; color: #7c9c12 !important;} #wrapper .sidebar div p.archive a:hover {text-decoration: none;} #wrapper .sidebar div div ul {margin: 0; padding: 0;} #wrapper .sidebar div div ul li {padding: 15px 10px;} #wrapper .sidebar div div ul li:hover {background-color: #ebf1f7;} #wrapper .sidebar div div ul li h3 {margin: 0 0 10px; padding: 0; font-size: 19px; font-weight: normal;} #wrapper .sidebar div div p.readmore {margin: 15px 0 0;} #wrapper .sidebar div div p.readmore a {text-decoration: none; color: #7c9c12 !important; font-weight: bold;} #wrapper .sidebar div div p.readmore a:hover {text-decoration: underline;} #wrapper .sidebar fieldset {margin: 10px 0;} #wrapper .sidebar fieldset legend {display: none;} #wrapper .sidebar fieldset input.txt {font: normal 14px sans-serif; width: 195px; margin: 0 0 10px; padding: 2px; background: #fff; border: solid 1px #e4e4e4; font-size: 12px;} #wrapper .sidebar fieldset input.btn {width: 70px; height: 28px; padding: 0 0 3px; color: #585858; border: 0; background: url(../gfx/send-btn-bg.gif) no-repeat; font-size: 12px;} #wrapper .sidebar fieldset input.start {color: #c0c0c0;} #wrapper .sidebar fieldset input.start {color: #c0c0c0;} #wrapper .sidebar fieldset label {display: none;} #wrapper .genericsidebar #calendar {padding: 0 !important;} #footer a {color: #585858; text-decoration: none;} #footer #cred {text-align: right;} #footer #cred a {font-weight: bold;} #footer #cred a:hover {text-decoration: underline;} #footer #shortcuts a {text-decoration: underline;} #footer #shortcuts a:hover {text-decoration: none;} #footer div {padding: 0;} img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} .searchsite-input {font: normal 12px sans-serif; width: 100px;} .searchsite-button {font: normal 12px sans-serif;} div.company {width: 100%; margin-bottom: 20px; padding-bottom: 20px;} address.footer {font: bold 12px sans-serif; display: block; clear: both;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {} /* Reseräkning */ fieldset.person {margin: 0 0 15px 0; padding: 0; border: 0;} fieldset.person legend {margin: 0 0 0 -7px; padding: 0 0 10px 0; font: bold 12px Sans-Serif; color: #9AC01D; display:none;} fieldset.person p {margin: 3px 0; clear: both;} fieldset.person label {width: 130px; font: normal 11px Sans-Serif; vertical-align: middle; float: left;} fieldset.person input {margin: 0 10px 0 0; padding: 1px; font: normal 11px Sans-Serif;} fieldset.person textarea {width: 670px; margin: 0; padding: 1px; font: normal 11px Sans-Serif; overflow: auto;} fieldset.person .btn {font: normal 11px Sans-Serif; padding: 3px 5px; margin-top: 5px;} p.obs {font-weight: bold; font-size: 0.8em !important; font-style: italic;} table.rakning {margin: 0 0 30px 0; border: 0; border-collapse: collapse;} table.rakning th {padding: 4px 4px 4px 0; font: normal 11px Sans-Serif; color: #000; text-align: left;} table.rakning td {padding: 2px 4px 0 0;} .w50 {width: 50px;} .w60 {width: 60px;} .w80 {width: 80px;} .w100 {width: 98px;} .w130 {width: 130px;} .w140 {width: 140px;} .w150 {width: 150px;} .w190 {width: 190px !important;} .w200 {width: 198px !important;} .w210 {width: 210px !important;} .w300 {width: 300px;} .w350 {width: 350px;} .w400 {width: 440px !important;} .w450 {width: 450px !important;} /* Logga in */ fieldset.login {} fieldset.login label {display: block;} fieldset.login input.txt {width: 440px;} /* News */ ul.news h2 a {text-decoration: none !important; margin: 5px 0 0; display: block;} ul.news li {border-bottom: solid 1px #f0f0f0; padding: 0 0 15px; margin: 0 0 10px !important; display: block;} /* Searcharea */ .projectsearch {} .projectsearch h2 {background: #9ac01d url(../gfx/heading-bg.gif) repeat-x bottom; color: #fff; font-size: 13px; font-weight: normal; padding: 7px 10px; margin: 0;} .projectsearch fieldset {padding: 5px 10px 10px; background: #f8f8f8;} .projectsearch fieldset legend {display: none;} .projectsearch fieldset label {display: block; font-weight: bold;} .projectsearch fieldset .w170 {width: 158px;} .projectsearch fieldset table, .projectsearch fieldset table tr td {padding: 0 !important; border-collapse:collapse;} .btnarea {text-align: right; padding: 10px 0 10px !important;} .btnarea input {margin-top: 10px;} table.default-view {margin: 0; width: 100%;} table.default-view tr td {padding: 3px 5px; background-color: #f2f2f2; border-right: solid 1px #fff; border-bottom: solid 1px #fff; font-size: 11px; vertical-align: middle;} table.default-view tr td.last {border-right: 0;} table.default-view tr.odd td {background-color: #fff; border-color: #f0f0f0;} table.default-view tr.header th {border-bottom: solid 1px #f5f5f5 !important; text-align: left !important; padding: 3px 5px; background: #9ac01d url(../gfx/heading-bg.gif) repeat-x bottom; color: #fff; font-size: 12px; font-weight: normal; border-left: solid 1px #9ac01d;} table.default-view tr th {padding: 3px 5px; 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 a {color: #222 !important;} /* Project */ dl.project-view {font-size: 11px; margin: 0 0 10px !important;} dl.project-view dt {float: left; clear: both; width: 120px; font-weight: bold; color: #555;} dl.project-view dd {display: inline; float: left; width: 130px; padding: 0 5px;} dl.project-view dd ul {margin: 0 !important; padding: 0 !important; list-style: none !important;} dl.project-view dd.persons ul, dl.project-view dd.persons ul li {list-style: none !important;} ul.project-view {list-style: none !important;} ul.project-view li {margin: 0 0 10px; list-style: none !important;} div.project-view {width: 280px !important;} div.target {font-size: 11px;} div.target ul {padding: 0 15px; list-style: disc;} div.target ul li {margin: 0 0 3px;} h3.projectinfo {color: #000; font-size: 11px; border-bottom: solid 1px #f2f2f2; clear: both; margin: 10px 0 3px !important; float: left; display: block; width: 100%; clear: both;} p.projectinfo {clear: both; } table tr.pager td, table tr.pager td table tr td {border: 0;} .w708 {width: 708px; display: inline; float: left;} p.projectattachment a img {vertical-align: middle; padding: 0 6px 2px 0;} /* Calendar */ table.calendar {width: 100%; font-size: 11px;} table.calendar tr {margin: 0 0 1px;} table.calendar tr th {text-align: center; padding: 5px 0; color: #232323;} table.calendar tr td {padding: 4px 5px; text-align: center; vertical-align: middle; border: solid 1px #f8f8f8; border-left: 0; border-top: 0; font-weight: bold; color: #414141; min-width: 15px;} table.calendar tr td.empty {background-color: #f8f8f8; color: #b0b0b0 !important; font-weight: normal;} table.calendar tr td.hasnt {background-color: #D0DEA3;} table.calendar tr td.has {background-color: #9AC01D;} table.calendar tr td.has a {color: #fff; text-decoration: underline;} table.calendar tr td.week {background-color: #e7e7e7;} table.calendar tr td.left img, table.calendar tr td.right img {margin-top: 2px;} table.calendar tr td.month {color: #759314; text-transform: capitalize; padding: 0;} table.calendar tr td.today {background-color: #EBF1F7;} table.calendar tr td.today a {color: #000; text-decoration: underline;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ #navigation ul {background-color: #f8f8f8;} #navigation ul li {display: inline; float: left;} #navigation ul li a {display: block; padding: 7px 13px; text-decoration: none; font-size: 0.95em; color: #616161;} #navigation ul li a:hover {background-color: #ebf1f7; color: #222;} #navigation ul li.on a {background: #9ac01d url(../gfx/navigation-hover.gif) repeat-x bottom; color: #fff;} #secondarynavigation ul {border-top: solid 3px #9ac01d; border-bottom: solid 3px #9ac01d; margin: 3px 0 0; padding: 1px 0;} #secondarynavigation ul li a {background-color: #f8f8f8; padding: 8px 15px; font-size: 11px; color: #535649; text-decoration: none; font-weight: bold; display: block;} #secondarynavigation ul li a:hover {background-color: #ebf1f7;} #secondarynavigation ul li.on a {background-color: #dedede;} #secondarynavigation ul ul {border: 0; margin: 5px 0 10px 25px; } #secondarynavigation ul ul li a {border-bottom: solid 1px #dedede; background-color: #fff !important; padding: 3px 0 5px; color: #9ac01d; font-weight: normal;} #secondarynavigation ul ul li a:hover {background-color: #fff;} #secondarynavigation ul ul li.last a {border: 0;} #secondarynavigation ul ul li.on a {color: #2d2e2a; font-weight: bold;} /*-------------------------------------------------------------------------------------------------- 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;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 12px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 12px;} address.staff span.value {display: inline;} address.lag {border-bottom: solid 1px #f2f2f2;} 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 {border: 0; margin: 10px 0; padding: 0;} 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: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 250px; 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 {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 0 10px -10px !important; padding: 0; list-style: none; font-size: 11px;} ul.breadcrumb li a {color: #9ac01d; text-decoration: underline;} ul.breadcrumb li {margin-right: 3px; padding: 0; line-height: 25px; color: #585858; display: inline;} ul.breadcrumb li.delimiter {} /*-------------------------------------------------------------------------------------------------- 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;} /*-------------------------------------------------------------------------------------------------- Print --------------------------------------------------------------------------------------------------*/