/* Global */ body { background-image: url('images/bg.png'); background-repeat: repeat-x; background-color: #e4e6e6; color:#566a5c; font-size: 11px; font-family:arial,helvetica,sans-serif; margin-left:0; margin-top:6;margin-right:0px;} form { margin-bottom: 0; } div { margin:0px; } ul { margin-left: 0px; margin-top: 5px; margin-bottom: 5px;padding-left:20px; } /******** intshop_product ***********/ .intshop_product { color:#707070; font-size: 10px; } .intshop_product h1 { color:#303030; font-size: 16px; margin-top: 0.25em;} .intshop_product h2 { color:#6fb121; font-size: 12px;text-transform:uppercase; } .intshop_product h3 { color:#566a5c; font-size: 11px; } .intshop_product p { color:#566a5c; font-size: 11px; } .intshop_product a { color:#6fb121; font-size: 12px; } .intshop_product a:link { text-decoration:none; } .intshop_product a:visited { text-decoration:none; } .intshop_product a:hover { text-decoration:underline; } .intshop_product a:active { text-decoration:underline; } .intshop_product img { margin-top: 10px; border:0px #000000 solid;} #img { text-align:center;height:170px;} #bodytext { color:#566a5c; font-size: 11px; text-transform:lowercase;} #menyvalkalk3 {width:778px;margin-top: 0px;padding-right:0px;background-color:#E8F2D0;border-left:1px solid #8fbb1a;border-right:1px solid #8fbb1a; border-bottom:1px solid #8fbb1a; padding-bottom: 20px;} #menyvalkalk2 {border-left:1px solid #8fbb1a;border-right:1px solid #8fbb1a;border-bottom:1px solid #8fbb1a;width:763px !important;width:778px;height:15px !important;height:20px;background-color:#8fbb1a;padding:5px;padding-left:10px;color:#FFFFFF;font-size:11px;font-weight:bold;text-transform:uppercase;margin-bottom:0px;} #menyvalkalk4 {border-left:1px solid #8fbb1a;border-right:1px solid #8fbb1a;border-bottom:1px solid #8fbb1a;width:763px !important;width:778px;background-color:#ffffff;padding:5px;padding-left:10px;color:#FFFFFF;font-size:11px;font-weight:bold;margin-bottom:15px;} #menyvalkalkgroup {color:#6fb121; font-size:14px; font-weight: bold; margin:0 0 0 0;padding:0px;text-transform:uppercase;text-decoration:underline; text-align:center;} #menyvalkalk {text-align:center; /*border: 1px solid red;*/ min-height:280px; height:320px;} //#menyvalkalkgroup img {margin:20px 30px 40px 0} .kalk_textbox {color:#000000;font-size: 12px;width:50px;} .kalkselect_textbox {color:#000000;font-size: 12px;width:100px;} .kalkpopup_button {color:#000000;font-size: 12px;width:10px;} .kalk_button {color:#000000; font-size:12px;width:150px;} td.pagearea_topp { background-image: url('images/toppbg.png'); background-repeat: no-repeat; background-color: transparent;} td.pagearea_bunn { background-image: url('images/bunnbg981.png'); background-repeat: no-repeat; background-color: transparent;} table.bunn { background-color: transparent;} table.topp { background-color: transparent;} td.pagearea_midten { background-color: #ffffff; } #meny3_1 { font-weight:bold; border:0px #000000 solid;padding-left:30px;padding-top:7px;width:280px !important;width:310px;height:21px !important;height:28px; background-image: url('images/3_1.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:15px; text-transform:uppercase;margin-bottom:2px;} #meny3_2 { font-weight:bold; border:0px #000000 solid;padding-left:30px;padding-top:7px;width:280px !important;width:310px;height:21px !important;height:28px; background-image: url('images/3_2.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:15px; text-transform:uppercase;margin-bottom:2px;} #meny3_3 { font-weight:bold; border:0px #000000 solid;padding-left:30px;padding-top:7px;width:280px !important;width:310px;height:21px !important;height:28px; background-image: url('images/3_3.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:15px; text-transform:uppercase;margin-bottom:2px;} #meny3_4 { font-weight:bold; border:0px #000000 solid;padding-left:30px;padding-top:7px;width:280px !important;width:310px;height:21px !important;height:28px; background-image: url('images/3_4.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:15px; text-transform:uppercase;margin-bottom:2px;} #meny3_5 { font-weight:bold; border:0px #000000 solid;padding-left:30px;padding-top:7px;width:280px !important;width:310px;height:21px !important;height:28px; background-image: url('images/3_5.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:15px; text-transform:uppercase;margin-bottom:0px;} #bunnprivat { border:0px #000000 solid;padding-left:10px;padding-top:10px;width:950px !important;width:960px;height:39px !important;height:49px; background-image: url('images/bunnprivat.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:10px;margin-bottom:2px;} #bunnpartner { border:0px #000000 solid;padding-left:10px;padding-top:10px;width:950px !important;width:960px;height:39px !important;height:49px; background-image: url('images/bunnpartner.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:10px;margin-bottom:2px;} #bunnbedrift { border:0px #000000 solid;padding-left:10px;padding-top:10px;width:950px !important;width:960px;height:39px !important;height:49px; background-image: url('images/bunnbedrift.png'); background-repeat: no-repeat; color:#FFFFFF; font-size:10px;margin-bottom:2px;} #utvikletav { border:0px #000000 solid;padding-left:10px;padding-top:10px;width:950px !important;width:960px;height:39px !important;height:49px; color:#FFFFFF; font-size:10px;margin-top:10px;text-align:center;} #utvikletav a { color:#FFFFFF; font-size:10px;margin-bottom:2px;text-align:left;text-decoration:none;} #logo {background:url(../../../images/logo.png) center no-repeat; margin:8px 0 0 30px !important;margin:9px 0 0 30px; float:left; border:0px #000000 solid; width:100px; height:135px; z-index:2; position:absolute;} #meny1 {float:right;border:0px #000000 solid;width:600px;height:73px;z-index:1;position:relative;text-align:right;} #meny2_privat {font-weight:bold;background-color:#8fbb1a;float:right;border:0px #000000 solid;width:952px !important;width:960px;height:22px;z-index:1;position:relative;text-align:right;margin-bottom:5px;padding-right:8px;} #meny2_partner {font-weight:bold;background-color:#009638;float:right;border:0px #000000 solid;width:952px !important;width:960px;height:22px;z-index:1;position:relative;text-align:right;margin-bottom:5px;padding-right:8px;} #meny2_bedrift {font-weight:bold;background-color:#6fb121;float:right;border:0px #000000 solid;width:952px !important;width:960px;height:22px;z-index:1;position:relative;text-align:right;margin-bottom:5px;padding-right:8px;} #animasjon {float:right;border:0px #000000 solid;width:960px;height:290px;z-index:1;position:relative;} #menypunkt_meny2 a {font-weight:bold;float:right;color:#FFFFFF; font-size:11px; text-transform:uppercase;margin-top:4px;text-decoration:none;} #menypunkt_meny2 a:hover {font-weight:bold;color:#FFFFFF;text-decoration:underline;} #menypunkt_meny2_sel a {font-weight:bold;float:right;color:#FFFFFF; font-size:11px; text-transform:uppercase;margin-top:4px;text-decoration:underline;} #divider_meny2 {float:right;margin-top:6px;width:40px;text-align:center;} #divider_meny2_partner {float:right;margin-top:6px;width:20px;text-align:center;} #menypunkt_meny1 a {font-weight:bold;float:right;color:#566a5c; font-size:10px; text-transform:uppercase;margin-top:7px;text-decoration:none;} #menypunkt_meny1 a:hover {font-weight:bold;color:#6fb121;text-decoration:none;} #menypunkt_meny1_sel a {font-weight:bold;float:right;color:#6fb121; font-size:10px; text-transform:uppercase;margin-top:7px;text-decoration:none;} #divider_meny1 {float:right;margin-top:6px;width:20px;text-align:center;} #kunnskapslogo {float:left;} #sok {float:right;color:#566a5c; font-size:10px; font-weight: bold;text-transform:uppercase;margin-top:2px;border:0px solid #000000;} .sok_textbox {background-image: url('images/soktopp.png'); background-repeat: no-repeat;font-size: 10px;background-color: #ffffff;border:0px; width:131px;height:17px; } .sok_button {color:#566a5c; font-size:9px; font-weight: bold;text-transform:uppercase;margin-top:0px;cursor:pointer;border:0px;width:35px;height:22px;background-color:transparent;} #forsideartikkel {float:left;width:320px;height:140px;padding-right:0px;background-color:#E8F2D0;} #forsideartikkel_pic {float:left;width:130px;height:140px;} #forsideartikkel_text {float:left;width:180px !important;width:190px;height:130px !important;height:140px;background-color:#E8F2D0;padding:5px;} #forsideartikkel_div {float:left;width:5px;height:140px;} #forsideartikkel2 {float:left;width:310px;height:140px;padding-right:0px;background-color:#E8F2D0;} #forsideartikkel_pic2 {float:left;width:130px;height:140px;} #forsideartikkel_text2 {float:left;width:170px !important;width:180px;height:130px !important;height:140px;background-color:#E8F2D0;padding:5px;} #forsideartikkel_div2 {float:left;width:5px;height:140px;} #forsideref {float:left;width:300px;margin-right:10px;margin-left:10px;background-color:#E8F2D0;border-bottom:0px #6fb121 dashed;border-top:1px #6fb121 dashed;margin-bottom:5px;padding-top:4px;} #forsideref_pic {float:left;width:130px;} #forsideref_text {float:left;width:160px !important;width:160px;background-color:#E8F2D0;padding-left:5px;padding-right:5px;} #forsideref_div {float:left;width:5px;} #forsideref2_text {float:left;width:220px !important;width:250px;background-color:#E8F2D0;padding-left:5px;padding-right:5px;} #bedrift_header_smaller {color:#6fb121; font-size:15px; font-weight: bold; margin:5px;padding:0px;text-transform:uppercase;} table.meny {background-color: transparent;border-bottom:1px #CCCCCC solid;width:161px;} #shop_group {float:left;margin-top:6px;width:40px;text-align:center;} #partner_header {height:15px !important;height:20px;background-color:#009638;padding:5px;padding-left:10px;color:#FFFFFF;font-size:11px;font-weight:bold;text-transform:uppercase;margin-bottom:15px;} #partner_ingress {padding:10px;padding-top:5px;font-size:11px;font-weight:bold;} #partner_bodytext {padding:10px;padding-top:5px;font-size:11px;} td.pagearea_login { background-color: #e5f1d7; } .login_textbox { background-image: url('images/bgtextbox.png'); background-repeat: repeay-x; color:#566a5c;font-size: 14px;background-color: #999999;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:377px;height:35px; padding-left:10px;padding-top:0px !important;padding-top:10px;} .login_button { background-image: url('images/loginbutton.png'); background-repeat: no-repeat;border:0px #999999; width:112px;height:37px;cursor:pointer;margin-left:10px;margin-top:4px !important;margin-top:4px;} .list_login { font-size: 11px;} .textbox_faq {color:#566a5c;font-size: 14px;background-color: #fffffff;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:120px;height:20px; padding-left:2px;} .textarea_faq {color:#566a5c;font-size: 14px;background-color: #fffffff;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:120px;height:20px; padding-left:2px;} .button_faq {color:#000000; font-size:12px;width:150px;} .list_faq {font-size: 11px;} .message_faq {font-size: 11px;} .textbox_kontaktoss {color:#566a5c;font-size: 14px;background-color: #fffffff;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:120px;height:20px; padding-left:2px;} .textarea_kontaktoss {color:#566a5c;font-size: 14px;background-color: #fffffff;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:120px;height:20px; padding-left:2px;} .button_kontaktoss {color:#566a5c; font-size:11px; font-weight: bold;} .list_kontaktoss {font-size: 11px;} .message_kontaktoss {font-size: 11px;} #partner_loginfields {float:left;width:590px;height:170px;padding-left:10px;padding-top:15px;} #partner_loginfields_username {width:377px;height:40px;} #partner_loginfields_password {float:left;width:377px;height:40px;padding-top:5px;} #partner_loginfields_forgotpassword {width:200px;height:40px;padding-top:20px;padding-left:20px;} #partner_header_small {height:21px !important;height:27px;background-color:#009638;padding-top:7px;padding-left:10px;color:#FFFFFF;font-size:11px;font-weight:bold;text-transform:uppercase;} #partner_header_smaller {height:16px !important;height:20px;background-color:#009638;padding-top:2px !important;;padding-top:3px;padding-left:10px;color:#FFFFFF;font-size:11px;font-weight:bold;text-transform:uppercase;} #partner_bildegalleri_bilde {width:130px;float:left;} #partner_bildegalleri_wrapper {width:190px;float:left;} #partner_bildegalleri_bildeserie1 {font-size:11px;font-weight:bold;margin:5px;margin-left:10px;margin-top:10px;} #partner_bildegalleri_bildeserie2 {font-size:11px;font-weight:bold;margin:5px;margin-left:10px;margin-top:10px;} #partner_kalender_wrapper {width:300px;float:left;} #partner_kalender_bilde {width:100px;float:left;} #partner_kalender_bildeserie1 {width:300px;font-size:11px;font-weight:bold;margin:5px;margin-left:10px;margin-top:10px;} #partner_kalender_bildeserie2 {width:200px !important;width:180px;font-size:11px;font-weight:bold;margin:5px;margin-left:10px;margin-top:10px;} #partner_kalender_bildeserie3 {width:300px !important;width:279px;font-size:11px;font-weight:bold;margin:5px;margin-left:10px;margin-top:10px;} #partner_nrf_wrapper {float:left;width:310px;padding-left:10px;padding-top:5px;} #partner_nrf_text {font-size:11px;font-weight:bold;margin-bottom:5px;margin-top:10px;} #partner_nrf_textbox {float:left;width:225px;height:40px;} #partner_nrf_button {float:left;width:73px;height:40px;padding-left:0px;margin-top:0px;border-left:0px #999999 solid;padding-top:0px !important;padding-top:1px;} .nrfsmall_textbox {background-image: url('images/bgtextbox_small.png'); background-repeat: repeay-x; color:#566a5c;font-size: 14px;background-color: #999999;width:225px;height:37px; padding-left:10px;border:0px;} .nrf_button {background-image: url('images/loginbutton_small.png'); background-repeat: no-repeat;border:0px #999999; width:73px;height:37px;cursor:pointer;border:0px;} #bedrift_nrf_wrapper {float:left;width:635px !important;width:645px;height:112px !important;height:117px;padding-left:10px;padding-top:5px;background-color:#8ebc15;} #bedrift_nrf_hr {border-bottom:1px solid #FFFFFF;} #bedrift_nrf_text {color:#FFFFFF;font-size:11px;font-weight:bold;margin-bottom:5px;margin-top:10px;} #bedrift_nrf_textbox {float:left;width:471px;height:40px;margin-top:5px;} #bedrift_nrf_button {float:left;width:146px;height:40px;padding-left:0px;margin-top:0px;border-left:0px #999999 solid;} .bedriftsmall_textbox {background-image: url('images/bgtextbox_big.png'); background-repeat: repeay-x; color:#566a5c;font-size: 14px;background-color: #999999;width:471px;height:37px; padding-left:10px;border:0px;padding-top:0px !important;padding-top:10px;} .bedrift_button {background-image: url('images/loginbutton_big.png'); background-repeat: no-repeat;border:0px #999999; width:146px;height:40px;cursor:pointer;border:0px;} #partner_headersearch {height:15px !important;height:20px;background-color:#009638;padding:5px;padding-left:10px;margin-right:10px;color:#FFFFFF;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:2px;} #partner_rowsearch {height:20px;background-color:#e5f1d7;margin-bottom:2px;padding-left:10px;padding-top:5px; margin-right:10px;} #partner_rowsearchheader {height:20px;background-color:#e5f1d7;margin-bottom:2px;padding-left:10px;padding-top:5px; margin-right:10px;font-size:12px;font-weight:bold;} #partner_rowsearchwhite {height:20px;background-color:#ffffff;margin-bottom:2px;padding-left:10px;padding-top:2px; margin-right:10px;font-size:12px;} #partner_rowsearch_norows {height:20px;background-color:#e5f1d7;margin-bottom:2px;padding-left:10px;padding-top:5px; margin-right:10px;font-size:11px;font-weight:bold;} #private_headersearch {height:15px !important;height:20px;background-color:#8fbb1a;padding:5px;padding-left:10px;margin-right:10px;color:#FFFFFF;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:2px;} #bedrift_headersearch {height:15px !important;height:20px;background-color:#8ebc15;padding:5px;padding-left:10px;margin-right:10px;color:#FFFFFF;font-size:12px;font-weight:bold;text-transform:uppercase;margin-bottom:2px;} /* calendar */ table.calendar { color:#ffffff; font-size: 10px;} /* Bedriftbokser */ h1.bedriftbokser { color:#6fb121; font-size:20px; font-weight: bold; margin:0px;padding:0px;} h2.bedriftbokser { color:#566a5c; font-size:11px; font-weight: bold; margin:0px;padding:0px;} .ingress_bedriftbokser { font-size: 11px; margin-top:7px;margin-bottom:7px; } .bodytext_bedriftbokser { font-size: 11px;} table.bedriftbokser { background-color: transparent;} td.pagearea_bedriftbokser { background-color: #ffffff; } a.bedriftbokser { color:#6fb121;text-decoration:none;font-size:11px; } a.bedriftbokser:hover { color:#6fb121;text-decoration:none;font-size:11px; } /* Default */ h1.default { color:#6fb121; font-size:20px; font-weight: bold; margin:0px;padding:0px;} h2.default { color:#6fb121; font-size:14px; font-weight: bold; margin:0px;padding:0px;text-transform:uppercase;} h3.default { color:#6fb121; font-size:12px; font-weight: bold; margin:0px;padding:0px;text-transform:uppercase;} .ingress_default { font-size: 11px; margin-top:7px;margin-bottom:7px; } .bodytext_default { font-size: 11px;} table.default { background-color: transparent;} td.pagearea_default { background-color: #ffffff; } a.default { color:#6fb121;text-decoration:none;font-size:11px; } a.default:hover { color:#6fb121;text-decoration:none;font-size:11px; } /* Aktivitet */ h1.aktivitet { color:#6fb121; font-size:20px; font-weight: bold; margin:0px;padding:0px;} h2.aktivitet { color:#6fb121; font-size:14px; font-weight: bold; margin:0px;padding:0px;text-transform:uppercase;} .ingress_aktivitet { font-size: 11px; margin-left:5px; } .bodytext_aktivitet { font-size: 11px;margin:5px;} table.aktivitet { background-color: transparent;} td.pagearea_aktivitet { background-color: #ffffff; } a.aktivitet { color:#6fb121;text-decoration:none;font-size:11px; } a.aktivitet:hover { color:#6fb121;text-decoration:none;font-size:11px; } /* Artikkel */ h1.artikkel { color:#6fb121; font-size:15px; font-weight: bold; margin:0px;padding:0px;text-transform:uppercase;} h2.artikkel { color:#6fb121; font-size:15px; font-weight: bold; margin:0px;padding:0px;padding-bottom:7px;text-transform:uppercase;} .ingress_artikkel { font-size: 11px; margin-top:7px;} .bodytext_artikkel { font-size: 11px;margin:0px;padding:0px;} table.artikkel { background-color: transparent;margin:0px;padding-left:0px;} td.pagearea_artikkel { background-color: #ffffff; } a.artikkel { color:#6fb121;text-decoration:none;font-size:11px; } a.artikkel:hover { color:#6fb121;text-decoration:underline;font-size:11px; } .minitext_artikkel { font-size: 10px;padding-left:5px;padding:0px;} .user_artikkel { font-size: 11px;padding-top:10px;padding-left:5px;padding-right:5px;} /* Produkter */ h1.Produkter { color:#6fb121; font-size:15px; font-weight: bold; margin:0px;padding:0px;} h2.Produkter { color:#6fb121; font-size:11px; font-weight: bold; margin:0px;padding-top:10px;padding-left:5px;padding-right:5px;text-transform:uppercase;} h3.Produkter { color:#FFFFFF; font-size:10px; font-weight: bold; margin:0px;padding-top:5px;padding-bottom:5px;padding-left:0px;text-transform:uppercase;} h4.Produkter { color:#6fb121; font-size:11px; font-weight: bold; margin:0px;padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;} .h5_Produkter { color:#6fb121; font-size:11px; font-weight: bold; margin:0px;padding-top:10px;padding-bottom:10px;padding-left:0px;padding-right:5px;text-transform:uppercase;} .h6_Produkter { color:#FFFFFF; font-size:13px; font-weight: bold; margin:0px;padding:0px;} .ingress_Produkter { font-size: 10px; font-weight: bold;margin-top:7px;margin-bottom:7px; } .bodytext_Produkter { font-size: 11px;padding-top:10px;padding-left:5px;padding-right:5px;} .bodytext2_Produkter { font-size: 11px;padding-top:10px;padding-left:0px;padding-right:5px;} table.Produkter { background-color: transparent;} td.pagearea_Produkter { background-color: #ffffff; } a.Produkter { color:#28A01C;text-decoration:none;font-size:11px; } a.Produkter:hover { color:#566a5c;text-decoration:none;font-size:11px; } .minitext_produkter { font-size: 11px;padding-top:10px;margin-left:0px;padding-right:5px;} .textbox_Produkter { color:#566a5c;font-size: 11px;background-color: #fffffff;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:120px;height:20px; padding-left:2px;} .combobox_Produkter { color:#566a5c;font-size: 11px;background-color: #fffffff;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:120px;height:20px; padding-left:2px;} .textarea_Produkter { color:#566a5c;font-size: 11px;background-color: #fffffff;border-left:1px #999999 solid;border-top:1px #999999 solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid; width:120px;height:20px; padding-left:2px;} .button_Produkter { color:#566a5c; font-size:11px;width:60px; } .user_Produkter { font-size: 11px;padding-top:10px;padding-left:5px;padding-right:5px;} a.Hoyremeny { color:#FFFFFF;text-decoration:none;} a.Hoyremeny:hover { color:#FFFFFF;text-decoration:none;} /* Skjema for beregningsmail */ #skjema { width: 460px; padding: 20px 20px 20px 20px; color:#000000; background-color: #c3d778; font-size: 12px; } #skjema .required { color: #ff0000; } #skjema form { margin: 0; padding: 0; min-width: 460px; max-width: 460px; width: 460px; } #skjema form input { width:auto; margin:5px 0 0 10px; } #skjema form textarea { width:auto; margin:5px 0 0 0; } #skjema form input.input_wide { width: 335px;} #skjema form input.input_medium{ width: 200px;} #skjema form input.input_small { width: 70px;} #skjema form small { display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 88%; } #skjema form br { clear:left; } #steg1 form label { display: block; float: left; width: 100px; padding: 0; margin: 7px 0 0; text-align: left; } #steg2 form label { display: block; float: left; width: 150px; padding: 0; margin: 7px 0 0; text-align: left; } #steg3 form label { display: block; float: left; width: 200px; padding: 0; margin: 7px 0 0; text-align: left; } #steg4 form label { display: block; float: left; width: 100px; padding: 0; margin: 7px 0 0; text-align: left; } #steg5 form label { display: block; float: left; width: 180px; padding: 0; margin: 7px 0 0; text-align: left; } #steg6 form label { display: block; float: left; width: 180px; padding: 0; margin: 7px 0 0; text-align: left; } #steg7 form label { display: block; float: left; width: 150px; padding: 0; margin: 7px 0 0; text-align: left; } #steg8 form label { display: block; float: left; width: 430px; padding: 0; margin: 7px 0 0; text-align: left; } #skjema textarea { overflow: auto; } .skjema_hovedoverskrift { margin-bottom: 10px; font-weight: bold; } .skjema_overskrift { margin-top: 20px; margin-bottom: 10px; font-weight: bold; } /************************ Facebook knapp i meny ***********************/ #menypunkt { color: #566A5C; float: left; font-size: 10px; font-weight: bold;text-decoration: none; text-transform: uppercase; margin: 7px 0 0px 10px; } #menypunktImg { float: left; margin: 6px 0 0px 10px; } /******** kalkulator *************/ #radiators { //margin-top: 5px; } #floorHeating { // margin-top: 5px; } #oil { //margin-top: 5px; } #electricity { //margin-top: 5px; } #calculationWrapper { position: relative; margin-bottom: 40px; color: #333; width: 722px; //722 float: left; font-size: 0.8em; } #calculationWrapper .calculationLabel { margin-bottom: 4px; display: block; /* letter-spacing: 0; */ font-weight: bold; } #calculationWrapper .top { //height: 101px; width: 684px; background-color: #E8F2D0; //#8acc1a; padding: 17px 20px 0 20px; } #calculationWrapper .middle { //height: 88px; width: 684px; background-color: #E8F2D0; //#8fbb1a; padding: 9px 20px 0 20px; } #calculationWrapper .bottom { //height: 140px; width: 684px; background-color: #E8F2D0; //#8e9b3c; padding: 6px 20px 0 20px; position: relative; } #calculationWrapper .bottom .overlayShadow { height: 79px; width: 720px; position: absolute; left: 2px; top: -1px; z-index: 10; } #calculationWrapper .top h1 { color: #333; margin-bottom: 8px; } .columnLeft { width: 315px; float: left; } .columnRight { width: 350px; float: right; } a.calculationButton { background: transparent url("../../../kalkulator/calculation-button-right.png") no-repeat scroll top right; display: block; float: left; padding: 0px 6px 0 0; margin-right: 14px; text-decoration: none; } a.calculationButton span { color: #fff; font-size: 11px; background: url("../../../kalkulator/calculation-button-left.png") no-repeat; display: block; padding: 8px 7px 8px 8px; } a.calculationButton.selected { background-position: bottom right; color: #333; } a.calculationButton.selected span { background-position: bottom left; color: #333; } a.calculationButton span.radioator, a.calculationButton span.floorHeating, a.calculationButton span.oil, a.calculationButton span.electricity, a.calculationButton span.water { background: url("../../../kalkulator/radiator.png") no-repeat 2px 7px; display: inline; padding: 10px 11px 10px 14px; } a.calculationButton span.floorHeating { background: url("../../../kalkulator/gulvvarme.png") no-repeat 2px 8px; } a.calculationButton span.oil { background: url("../../../kalkulator/olje.png") no-repeat scroll 2px 6px; } a.calculationButton span.electricity { background: url("../../../kalkulator/elektrisk.png") no-repeat scroll 0px 5px; } a.calculationButton.right { margin-right: 0; } .oilPriceWrapper { width: 145px; } .electricityPriceWrapper { width: 164px; } .sliderWrapper { width: 130px; margin-top: 12px; } #calculationWrapper .subLabel { font-size: 10px; color: #737979; letter-spacing: -1px; } .sliderWrapper { width: 376px; background: url("http://www.ctcvarme.se/assets/images/calculation-slider-bar.png") no-repeat scroll 0px 0px; position: relative; } .ui-slider { position: relative; text-align: left; height: 28px; width: 307px; margin-top: 16px; } .ui-slider-handle { background: url("http://www.ctcvarme.se/assets/images/calculation-slider-handle.png") no-repeat scroll 0px 0px; display: block; width: 5.5em; height: 25px; position: absolute; z-index: 2; cursor: default; margin: 2px 0px 0px 1px; } #sliderValue { display: block; position: absolute; top: -17px; font-size: 10px; width: 110px; text-align: left; } #sliderCost { display: block; position: absolute; top: 17px; font-size: 10px; width: 110px; text-align:left; } #calculationWrapper .costTodayWrapper { //float: left; width: 155px; } #calculationWrapper .costTodayWrapper #costToday, #calculationWrapper .newCostyWrapper #newCost { font-size: 20px; font-weight: bold; text-shadow: 1px 1px 2px #fff; letter-spacing: -2px; } #calculationWrapper .costTodayWrapper .calculationLabel, #calculationWrapper .newCostyWrapper .calculationLabel { margin-bottom: 12px; } #calculationWrapper .newCostyWrapper { //float: left; width: 155px; } #calculationWrapper .newCostyWrapper #newCost { color: #964848; } #calculationWrapper .learnMoreWrapper { float: left; width: 165px; } #calculationWrapper .learnMoreWrapper a { display: block; height: 28px; width: 160px; background: url("../../../kalkulator/calculation-learn-more-button.png") no-repeat scroll 0px 0px; padding: 10px 0 0; text-align: center; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; margin: 2px 0 0 10px; } #calculationForm h3 { font-size: 24px; margin-bottom: 10px; } #calculationForm h4 { font-size: 16px; margin-bottom: 8px; } #calculationForm .contactRadioWrapper { height: 50px; } #colorboxbuttons { margin: 20px 10px; 20px; 10px; } .colorboxButton { display: inline-block height: 28px; width: 140px; background: url("../../../kalkulator/calculation-learn-more-button.png") no-repeat scroll 0px 0px; padding: 10px; text-align: center; color: #fff; font-size: 15px; font-weight: bold; margin: 10px; } // nytt #calcwrap { width:750px; margin:0 auto; background:#99c; } #calcnav { padding:5px 10px; background:#c99; } #calcnav ul { margin:0; padding:0; list-style:none; } #calcnav li { display:inline; margin:0; padding:0; } #calcmain { float:left; width:410px; padding-top: 10px; padding-left:10px; padding-right: 5px; /* background:#9c9; */ } #calcsidebar { float:right; width:320px; padding:10px; /*background:#99c;*/ } #calcfooter { clear:both; padding:5px 10px; } #calcfooter p { margin:0; } * html #calcfooter { height:1px; } .calcquestion { clear:both; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold; } .calcleft { } .calcright { } #summarybox { margin-top: 20px; background-color: #a9dd4e; /* 7abc00; */ padding: 10px; border: 1px solid #8ebb1a; -moz-border-radius: 7px; border-radius: 7px; } #costToday { font-size: 20px; } #newCost { font-size: 20px; color: #000000; } .costTodayWrap { margin-top: 10px; color: #ffffff; font-size: 16px; font-weight: bold; } .newCostyWrap { margin-top: 10px; color: #ffffff; font-size: 16px; font-weight: bold; } .tickerWrap { margin-top: 10px; padding-top: 10px; color: #ffffff; font-size: 16px; font-weight: bold; } #calcwrap .learnMoreWrapper { float: left; width: 165px; } #calcwrap .learnMoreWrapper a { display: block; height: 40px; width: 160px; background: url("http://www.ctcvarme.se/assets/images/calculation-learn-more-button.png") no-repeat scroll 0px 0px; padding: 10px 0 0; text-align: center; color: #fff; font-size: 15px; font-weight: bold; text-decoration: none; margin: 15px 0 0 0px; } /* .ui-slider .ui-slider-handle{ width:50px; height:50px; background:url(../images/slider_grabber.png) no-repeat; overflow: hidden; position:absolute; top: -10px; border-style:none; } */ #slider { margin-top: 20px; } #mobilversjonlink { padding: 10px; } #sliderdefault { margin-bottom: 10px; padding-bottom: 10px; font-size: 11px; width: 110px; font-weight: bold; text-align: left; }