/* Prosjekt: Fritt Valg Version: 1.0 Last changed: Under utvikling xhtml/css: Eivind Bjoraa, Recommended Norge (C) 2009 Recommended Norway Farger i bruk: --------------- Kommentarer: --------------- nullstill.css (Recommendeds reset.css) er i bruk v3 med relative st¿rrelser for ¿kt brukervennlighet (tekstst¿rrelser) LIVE VERSJON */ /* 1. General styling ------------------------------------------------------------------------------------------------ */ body#myBody {padding: 0; margin: 0; font-family: Aaux ProRegular, Georgia, Platino, times, serif; background: #fff; color: #000; background: url(../img/bcg/sidebakgrunn.jpg);} #myBody a {color:#515151; text-decoration: none;} #myBody a:visited {color:#8B0000; } #myBody a:hover {color:#51a8bf; text-decoration: underline; } #myBody #top a:hover, #myBody #topMenu a:hover {text-decoration: none;} #outerContainer { font-size: 1.1em; width: 990px; margin: 10px auto; background: #FFF url(/img/bcg/topp-skillestrek.gif) repeat-x;} #container { margin: 0 15px; } #top { height: 137px; position: relative; } #kampanje { margin-bottom: 10px;} #left { clear: both; float: left; width: 247px; } #main { float: left; width: 452px; margin-left: 13px; } #right { float: left; width: 227px; margin-left: 13px; } #right .rightInner { background: #F3F8FC; width: 215px; padding: 13px 6px 0 6px;} #right .Header{ margin-bottom: 2px;} #mainAndRight { float: left; width: 697px; padding-left: 10px; } #btm { clear: both; text-align: center; width: 100%;background: url(/img/bcg/skillestrek.gif) repeat-x 0 15px; padding-top: 30px; padding-bottom: 20px; } .Header { font-size: 2.0em; color: #51a8bf; background: url(/img/bcg/skillestrek.gif) repeat-x bottom; padding-bottom: 10px; margin-bottom: 13px; height: 22px; } #myBody h1 { font-weight: bold; font-size: 1.4em; margin-bottom: 1.0em;} #myBody h2 { font-weight: normal;} #myBody h3 { font-weight: bold; font-size: 1.2em; margin-bottom: 1.0em;} #myBody h4 { font-weight: normal; font-size: 1.2em;} #myBody h5 { font-weight: bold; font-size: 1.1em;} #myBody h6 { font-weight: normal; font-size: 1.1em;} #myBody h7 { font-weight: normal; font-size: 1.0em;} /* 2. Top ------------------------------------------------------------------------------------------------ */ #logo { background: url(/img/logo/frittvalg-logo.gif) no-repeat; width: 366px; height: 70px; position: relative; top: 48px; left: 0px; } #logo img { width: 0; height: 0;} #logo a{ display: block; width: 366px; height: 70px; } #logo a h1 { visibility: hidden;} #top .BannerDisp { width: 300px; position: absolute; top: 10px; right: 10px; text-align: right; } .srchB { float: right; height: 30px; width: 185px; position: absolute; right: 10px; top: 90px; text-align: right;} .srchB input.txtInput { width: 140px; padding: 3px 2px 2px 2px; height: 14px; margin-right: 5px;} .srchB .search { text-transform: uppercase; font-size: 1.2em; font-weight: bold;} .watermarked { color: #999;} /* 3. Horisontal Menu ------------------------------------------------------------------------------------------------ */ div#topMenu {width: 954px;height: 43px;clear: both;margin-bottom: 10px;overflow: hidden;background: url(../img/bcg/meny-bg.gif) no-repeat; text-transform: uppercase;} div#topMenu ul { margin: 0; padding: 0; padding-top: 8px; height: 43px; } div#horMenu ul li.isFirst{margin-left: 7px;background: none;} div#horMenu ul li,div#horMenu ul li.isLast{margin-left: 6px;float: left;background: url(../img/bcg/topp-menyskille.gif) no-repeat left;list-style-type: none;} div#horMenu ul li.isLast{background: none;float: left;width: 10px;height: 10px;} div#horMenu ul li.isLast div{float: left;height: 10px;width: 100%;} div#container div#horMenu ul li a {padding: 5px 12px 0 18px;height: 23px;display: block;font-weight: bold;} div#container div#horMenu ul li a.isActivelvl1 { color: #51a8bf; } /*Crumbs*/ .crumbInner { margin-left: 2.3em;} .crumbInner span { background: url(/img/icon/pil-hoyre.gif) no-repeat 0 5px ;} /* X Venstre meny ------------------------------------------------------------------------------------------------ */ #left div#menu ul{ padding: 0; margin: 0;} #left div#menu ul li ul { display: none;} #left div#menu ul li.inPathTrue ul { display: block; height: auto;} #left div#menu ul li { list-style-type: none; background: url(/img/bcg/knapp-bg.gif) repeat-x;} #left div#menu ul li a { display: block; width: 229px; height: 20px; padding: 8px 1px 5px 17px; font-size: 1.1em; color: #333; font-weight: bold; } #left div#menu ul li a:hover,#left div#menu ul li.inPathTrue ul li a:hover {color: #51a8bf;} #left div#menu ul li.inPathTrue { background: url(/img/bcg/knapp-bgaktiv.gif) repeat-x;} #left div#menu ul li.inPathTrue a {color: #FFF;} #left div#menu ul li.inPathTrue ul { padding-bottom: 5px;background: #D4D6D5;} #left div#menu ul li.inPathTrue ul li { list-style-type: none; background: #D4D6D5;} #left div#menu ul li.inPathTrue ul li a { display: block; width: 220px; padding: 4px 2px 4px 25px;height: 15px; font-size: 1.0em; color: #333; font-weight: normal; } #left div#menu ul li.hasChildTrueAndIsinPathFalse a.hasChildTrueAndIsinPathFalse{ background: url(/img/icon/icon-mer.gif) no-repeat 0.4em 1.2em;} #left div#menu ul li.hasChildTrueAndIsinPathTrue a.hasChildTrueAndIsinPathTrue{ background: url(/img/icon/icon-mer-aktiv.gif) no-repeat 0.4em 1.2em;} #left div#menu ul li.inPathTrue ul li.inPathTrue a { font-weight: bold; } /* X. Forsiden ------------------------------------------------------------------------------------------------ */ #right .BannerDisp { margin-bottom: 8px;} #right .RelContent { margin: 2em 0;} #right .RelContent h2 { text-transform: uppercase;} ul.RelatedItems { margin: 0 0 10px 0px; padding: 0;} ul.RelatedItems li{ list-style-type: none;background: url(../img/bcg/skillestrek.gif) repeat-x bottom; padding: 5px 0;} ul.RelatedItems li a{background: url(/img/icon/pil-hoyre.gif) no-repeat 0 3px; padding-left: 1em; } #frontMedia span { display: block; width: 8em; height: 2.0em; padding-top: 0.5em; float: left;} .facebook, .twitter, .rss {display:inline-block;height: 2.5em;width: 2.5em;margin-right:0.1em;padding-right:0.1em;} .twitter {background:transparent url(/img/icon/icon-twitter.gif) no-repeat scroll 0 0; text-indent:-9999px;margin-left: 2em;} .facebook {background:transparent url(/img/icon/icon-facebook.gif) no-repeat scroll 0 0;text-indent:-9999px;} .rss {background:transparent url(/img/icon/icon-rss.gif) no-repeat scroll 0 0;text-indent:-9999px;} /*aktiviteter*/ .rounded_colhead{width: 224px;padding: 8px 10px 14px 10px;border: 1px solid #E6E6E3; /* Rounded corner stuff starts here */ -webkit-border-radius: 8px; /* for Safari */ -moz-border-radius: 8px; /* for Firefox */ } .rounded_colhead{position: relative;} .rounded_colhead > .tl, .rounded_colhead > .tr, .rounded_colhead > .bl, .rounded_colhead > .br{width: 6px;height: 6px;position: absolute;} .rounded_colhead > .tl{background: #fff url(/img/bcg/kal-vtopp.gif) top left no-repeat; top: 0;left: 0;} .rounded_colhead > .tr{background: url(/img/bcg/kal-htopp.gif) top right no-repeat;top: 0;right: 0;} .rounded_colhead > .bl {background: url(/img/bcg/kal-vbunn.gif) bottom left no-repeat; bottom: 0; left: 0;} .rounded_colhead > .br { background: url(/img/bcg/kal-hbunn.gif) bottom right no-repeat;bottom: 0;right: 0;} .rounded_colhead > .tp {padding: 0;} div.aktiviteter { margin-bottom: 10px; background: url(/img/bcg/prikker-linje.gif) bottom right repeat-x; padding-bottom: 10px;} hr.aktiviteter { display: none;} hr.aktiviteter2 { background: url(/img/bcg/prikker-linje.gif) bottom right repeat-x; height: 10px; border: #FFF 0px solid; margin-bottom: 10px; line-height: 1px; color:#FFF; } a.flereAktiviteter { font-weight: bold;} #myBody div.aktiviteter h3 { margin-bottom: 0.1em;} #myBody .aktiviteter a, #myBody a.flereAktiviteter { color: #333;} #main div.ListItem { width: 430px; height: 90px; } #main div.ListItem h3{ width: 420px; margin-bottom: 0.8em;} #main div.ListItem .ListAbs { height: 85px; } /*div.artWide img { float: right;} img.RelImg { margin-left: 1.5em;}*/ div.relImg { float: right;margin-left: 1.5em; font-style: italic;} div.relImg img { display: block; margin-bottom: 3px;} /* Video, artikkelliste --------------------------------------------------------------------------------------------------------------*/ div.outerList { } div.outerList div.ListItem { width: 330px; padding-right: 13px; float: left; height: 100px; margin-right: 4px; margin-bottom: 15px; background: url(/img/bcg/prikker-linje.gif) bottom right repeat-x;} div.outerList div.ListItem img{ float: left; margin-right: 7px;} div.outerList div.ListItem .ListAbs { height: 85px; } body#myBody div.ListItem a:visited { color: #333;} body#myBody div.ListItem a:hover { color: #51a8bf;} div.ListItem hr.aktiviteter { vertical-align: bottom;} #myBody #mainAndRight div.outerList div.ListItem h3{ float: left; width: 220px; margin-bottom: 0.8px;} #mainAndRight .inner { width: 225px; float: left; height: 74px; overflow: hidden;} #main div.ListItem { width: 430px; height: 90px;} h1#VideoHeader { margin-top: 1.5em; font-size: 2em;} div#Video { position:relative ; } .CurrentPage { position: absolute; top: 3.2em; right: 2.5em;} div.Paginglinks { clear: both;} div.Paginglinks .forrige {} div.Paginglinks .neste { float: right; margin-right: 1em;} /* sort --------------------------------------------------------------------------------------------------------------*/ #myBody #Video h2 { white-space: nowrap;float:left;width: 390px; } div.sort { padding-top: 5px; font-size: 0.5em; color: #333; float: left; width: 305px; text-align: right;} #myBody div.sort a { color: #333; text-decoration: underline;} #myBody div.sort a:hover {color: #51a8bf; } /* Relasjoner --------------------------------------------------------------------------------------------------------------*/ div.RelDocs { padding-top: 2em;} #myBody div.RelDocs div.Header h3 { color: #333; font-size: 0.7em; margin: 0;} #myBody div.RelDocs ul { padding: 0; margin: 0;} #myBody div.RelDocs ul li { list-style-type: none; padding: 0; padding-bottom: 0.5em; margin: 0;} /*form*/ div.dmTopText {padding-top: 3px;text-transform: uppercase;color: #00A66E;font-weight: bold;} div.dmBottomText{padding-top: 3px;margin-top: 20px;} div.dmFormPageVisible{padding: 20px 0;} div.dmFormPageVisible table {padding: 10px;} div.dmFormPageVisible table td{padding: 1px;} td.SiteInput input.SiteInputText, td.SiteInput input.SiteInputPassword, td.SiteInput input.SiteInputFile, td.SiteInput textarea.SiteInputTextArea {padding: 2px 0;font-size: 100%;width:300px;color: #666; margin: 1px 0;} td.SiteInput table, input.SiteInputButton, input.SiteInputReset, td.SiteInput input.SiteInputButton, td.SiteInput textarea.SiteInputTextArea, td.SiteInput select, td.SiteInput select.SiteInputDropdown {} td.SiteInput input.SiteInputSubmit{float: right;} td.SiteInput textarea{width: 304px;} /* Article --------------------------------------------------------------------------------------------------------------*/ #mainAndRight .ListItem {} /*print*/ .print { text-align: right; width: 99%; padding-top: 1.5em;} .print #printerfriendly { background: url(/img/icon/icon-utskriftsvennlig.gif) no-repeat 0 0; padding-left: 2em; padding-top: 5px; height: 20px; width: 7em; display: block; float: right;} .print .thickbox { background: url(/img/icon/icon-tipsenvenn.gif) no-repeat 0 0; padding-left: 1em; padding-top: 5px; padding-right: 2em; height: 20px; width: 5.6em; display: block; float: right;} .print .Comment, .print .CommentView, .print .CommentView2 {background: url(/img/icon/icon-kommenter.gif) no-repeat 0 0; padding-left: 2em; padding-top: 5px; height: 20px; width: 5.7em; display: block; float: right;} .print .CommentView {width: 8.0em; padding-right: 1.9em;} .print .CommentView2 {width: 8.9em; padding-right: 1.9em;} .commentPage .HeadRight { display: none;} .commentPage { margin-top: 5em;} #myBody .NewComment { font-size: 1.1em;} #myBody .NewComment input,#myBody .NewComment textarea{ width: 28em; height: 1.5em;} #myBody .NewComment textarea{ width: 28em; height: 9em;} #myBody .BoxTipInner h2 { font-size: 1em; color: Red;} .CommentText { margin-top: 1em;} /* star rating*/ .stat {margin:1em; font-size:1.3em; margin-left:0px;margin-top:30px;} .stat label {font-weight: bold;font-size:1.1em;} .statVal{margin-top: 5px;} /* RATER PLUGIN */ .ui-rater>span {vertical-align:top; width:160px;} .ui-rater-rating {margin-left:.8em} .ui-rater-starsOff, .ui-rater-starsOn {display:block;overflow:hidden;float:left;width:90px;background:url(/img/icon/stars.png) repeat-x 0 0px;} .ui-rater-starsOn {display:block; max-width:90px;height:18px; top:0; background-position: 0 -36px;} .ui-rater-starsHover {background-position: 0 -18px!important;} .ui-rater-amid { visibility: hidden;} /*Tips en venn ---------------------------------------------------*/ div.BoxTipInner{margin: 10px; margin-top: 4em;} div.TipComment{clear: both;padding-bottom: 5px;padding-top: 5px;} div.Cap, .OkBut{margin-top: 5px;} div.Txt input, div.Txt textarea{width: 220px;border: 1px solid #ddd;padding: 2px;font-size: 10px;font-family: Arial;} div.TxtMulti textarea{height: 40px;width: 220px;} div.BoxTipInner div.butMaxBut a{display: block;background-image: url(../../image/btn/knapp.gif);background-repeat: no-repeat;padding: 2px 0 3px 0;font-size: 10px; width: 45px;height: 13px;text-align: center;text-decoration: none;} div.BoxTipInner div.butMaxBut{margin-bottom: 10px;} div.BoxTipInner div.BorderDotSilver{height: 10px;width: 10px;} /* Search --------------------------------------------------------------------------------------------------------------*/ div.SearchCap { font-weight: bold; font-size: 1.4em;} div.menName { margin: 1.2em 0 0.2em 0;} div.eformContent { margin-bottom: 0.2em;} p.SearchNew { font-weight: bold; font-size: 1.3em;} .SearchTxt a { font-weight: bold; font-size: 1.3em;} .SearchTxt input { padding: 2px; width: 20em; height: 1.3em; margin-bottom: 0.6em; margin-right: 0.1em;} #myBody div.AdvSearchOuter h3{ margin-top: 0.3em;margin-bottom: 0.1em;} #myBody div.AdvSearchOuter h4{ font-size: 0.9em;}