/* Project: Kampanjeweb for S¿r - BSU Version: 1 Last changed: work in progress Design: Christian Norlan, Recommended Nowray xhtml/css: Ole-Marius L. Mathiassen, Recommended Norway (C) 2008 Recommended Norway The solution is built using the UNKNOWN CMS Platform reset.css (recommended version) is in use */ body {color: #444; background-color: #fff; font-family: verdana, arial, sans-serif; } #wrapper {position: relative; width: 980px; height: 768px; margin: 0 auto; background: transparent url(../graphics/bg-body.png) left top no-repeat;} #wrapper .inner {padding: 30px;} #main {clear: both; overflow: auto} #bsu {display: block; margin-top: 10px;width: 300px; height: 20px; background: transparent url(../graphics/headlines.png) left 0 no-repeat; text-indent: -9999px} p {font-size: 1.2em; line-height: 1.45em} h1 {width: 300px; height: 100px; float: left; } h2 {font-size: 14px; font-weight: bold; margin-bottom: 20px;} #flash {display: none} #txt {width: 270px; height: 24px; background: transparent url(../graphics/headlines.png) left -32px no-repeat; text-indent: -9999px} #formz {width: 270px; height: 24px; background: transparent url(../graphics/headlines.png) left -68px no-repeat; text-indent: -9999px} #remind {width: 270px; height: 24px; background: transparent url(../graphics/remind.png) left top no-repeat; text-indent: -9999px} .btn {display: block; width: 150px; height: 31px; background: transparent url(../graphics/btn-default.gif) left top no-repeat; text-indent: -9999px} .btn-share {display: block; width: 150px; height: 31px; background: transparent url(../graphics/btn-share.gif) left top no-repeat; text-indent: -9999px} .btn-contact {display: block; width: 150px; height: 31px; background: transparent url(../graphics/btn-contact.gif) left top no-repeat; text-indent: -9999px} .btn-bank {display: block; width: 150px; height: 31px; background: transparent url(../graphics/btn-bank.gif) left top no-repeat; text-indent: -9999px} .btn-merombsu {display: block; margin-top: 10px; width: 270px; height: 31px; background: transparent url(../graphics/btn-merombsu.gif) center top no-repeat; text-indent: -9999px} .btn-send {display: block; margin-top: 10px;width: 270px; height: 31px; background: transparent url(../graphics/btn-send.gif) center top no-repeat; text-indent: -9999px} .btn-flashimg {display: block; margin-top: 15px; width: 270px; height: 31px; background: transparent url(../graphics/btn-flashimg.gif) center top no-repeat; text-indent: -9999px} .btn-flashmail {display: block; margin-top: 20px; width: 270px; height: 31px; background: transparent url(../graphics/btn-flashmail2.gif) center top no-repeat; text-indent: -9999px} .btn-remind {display: block; margin-top: 20px; width: 270px; height: 31px; background: transparent url(../graphics/btn-remind.gif) center top no-repeat; text-indent: -9999px} .btn-share:hover, .btn-contact:hover,.btn-bank:hover, .btn-flashimg:hover, .btn-flashmail:hover {background-position: left bottom} .btn-flashimg:hover, .btn-remind:hover,.btn-merombsu:hover, .btn-send:hover {background-position: center bottom} #nav-main {list-style-type: none; width: 330px; float: right; margin: 0; padding: 0;} #nav-main li {float: left; padding: 0 0 0 10px;} .section {width: 306px; float: left; } #wrapper .section .inner {padding: 20px;} .center {border-left: 1px solid #999; border-right: 1px solid #999 } #footer {clear: both; text-align: center; color: #eee; } ul {padding: 0 0 0 15px; margin: 0 0 20px 0; } ul li {font-size: 1.1em; padding-bottom: 8px} .remind ul, ul.register {list-style-type: none; padding: 0; margin: 0} ul.register li, .remind ul li{height: 30px} ul.register li.error { height: 12px; color: Red;} label {display: block; line-height: 30px; width: 60px;float: left;} .long {} .radio label {width: 100px;} .radio span label {width: 50px;} .radio {line-height: 30px;} #skjemaet_rbKontakt { width: 195px; } #skjemaet_rbKontakt input, #rbKontakt label { float: left; width: 50px; overflow: hidden;} #skjemaet_rbKontakt input { width: 25px; margin-top: 8px;} .txtfield {border: none; padding: 8px; width: 190px; height: 32px; background: transparent url(../graphics/bg-txtfield.png) left top no-repeat; } .txtarea {border: none; padding: 8px; width: 280px; padding-right: 70px; height: 135px; background: transparent url(../graphics/bg-txtarea.png) left top no-repeat; } #logo {display: block; margin-top: 40px; width: 301px; height: 69px; background: transparent url(../graphics/logo.png) left top no-repeat; text-indent: -9999px} #flash-placeholder {width: 270px; height: 270px; background-color: #fff} #share-pane {position: absolute; top: 65px; left: 558px; width: 289px; height: 200px; background: transparent url(../graphics/bg-pane.png) left top no-repeat ; display: none} #share-pane ul {list-style-type: none; padding: 0; margin: 0; position: absolute; top: 40px; left: 30px;} #share-pane ul li {padding: 0; margin: 0; height: 30px; width: 120px; } #share-pane ul li.right {position: relative; top: -120px; left: 120px; } #share-pane ul li a {display: block; width: 108px; height: 16px; background: transparent url(../graphics/bg-share.png) left top no-repeat; text-indent: -9999px} #share-pane ul li.share-fb a { } #share-pane ul li.share-tweet a {background-position: 0 -25px} #share-pane ul li.share-nettby a {background-position: 0 -49px} #share-pane ul li.share-myspace a {background-position: 0 -74px} #share-pane ul li.share-del a {background-position: -127px 0px} #share-pane ul li.share-digg a {background-position: -127px -25px} #share-pane ul li.share-mixx a {background-position: -127px -49px} #share-pane ul li.share-stumble a {background-position: -127px -74px} #share-pane .btn-share {background-image: none; text-indent: 0; position: absolute; left:120px; top: 160px; color: #999; display: block; width:181px; text-decoration: none; } /*paminnelse*/ .wrappers { background: #FFF;} #closethis { float: right; background : url(/design/fancybox/fancy_closebox.png) no-repeat top right; width: 50px; height: 30px;} #skall { position: absolute; top: 0; left:0; width: 100%; height: 100%; background: url(/design/graphics/bg-transparent-black.png); z-index: 10; } .confirm { margin-top: 15px;}