/* Copyright 2008 HMI */ /* Main stylesheet */ /* Ole Riege */ /**************** defaults resets all browserdefault settings ****************/ /* from Yahoo */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse; border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} /* Yahoo end */ a:link {color:#333; text-decoration: none} a:visited {color:#333; text-decoration: none; width: auto} a:hover, a:focus {color:#333; text-decoration: underline} /*strong{font-weight:bold;}*/ .clearone { clear: both; height: 1px} /**************** fonts ****************/ body {font:0.2em arial,helvetica,sans-serif; *font-size:small; *font:x-small; background-color: #fff; margin: 0} table {font-size:inherit} h1,h2,h4,h5,h6{ font-size:100%; font-family:Georgia,helvetica,sans-serif; font-weight: normal} h3{font-family: Arial, Helvetica, sans-serif; font-size:0.75em; color: #333; font-weight: normal; padding: 0 0 2px 0; line-height: 1.3em} h2 {color: #6e6d65} /* * 99% for safari; 100% is too large */ select, input, textarea {font:99% arial,helvetica,clean,sans-serif} /* Bump up !IE to get to 13px equivalent */ pre, code {font:115% monospace;*font-size:100%} iframe {overflow-x: hidden; overflow-y: hidden} .ajaxLoader {margin: 10px 0} /** body * {line-height:1.22em} */ /**************** main css ****************/ /* font sizes: 1em = 12px, 0.8em = 11px; 2em = 18px */ body {font-size: 100.1%; color:#333} a.readmore:link,a.readmore:visited {white-space: nowrap; line-height: 1em; font-size: 0.7em; text-decoration: underline; padding: 3px 0 0 7px; margin: 0 0 0 4px; font-weight: normal} .main {background-color: #fff; padding-bottom: 5px; padding-left: 3px; width: 1000px; text-align:left; margin-left: auto; margin-right: auto; margin-top: 4px} .mainleft {background-color: #fff; padding-bottom: 5px; padding-left: 3px; width: 1000px; text-align:left; margin-left: 0; margin-right: auto; margin-top: 4px} .mainProdPage {border-top: 1px solid #fff; background-color: #fff; padding-top: 5px; padding-left: 0; width: 1000px; text-align:left; margin-left: auto; margin-right: auto; margin-top: 15px; height:60px;} h1,h2,p { margin: 0; padding: 0} .top {padding-bottom: 5px; padding-left: 3px; width: 1000px; text-align:left; margin-left: auto; margin-right: auto} .topleft {padding-bottom: 5px; padding-left: 3px; width: 1000px; text-align:left; margin-left: 0; margin-right: auto} .topAd {float: left; height:150px} .content {margin: 0 16px 0 0; background-color: white; width: 804px; float: left} .leftCol {float: left; width: 468px; padding: 0 8px 0 0; margin: 0 8px 0 0} .rightCol {margin: 0; float: left; width: 320px} .kolofon {width: 804px; height: 140px; float: left; color: #fff; font-size: 0.7em; margin-bottom: 20px;} .kolofon p {color: #333; float: left; display: block; padding: 3px 10px} .verticalBar a:link {padding: 3px 0; display: block; text-decoration: underline; font-weight: normal; float: left} .verticalBar a:hover {color: #e6e5e0} .boxLeft a:link {padding: 0; display: block} a.boxLeft:link,a.boxLeft:active,a.boxLeft:visited,a.boxLeft:hover {display: block; padding: 0} a.verticalBar:link,a.verticalBar:active,a.verticalBar:visited,a.verticalBar:hover {display: block; padding: 1px} .kolofon UL {margin: 0; padding: 0} .kolofon li {display: block} .kolofon .verticalBar {float: left; width: 804px; border-bottom: 1px solid #999; color: #333;} .kolofon .boxLeft {float: left; width: 336px; margin: 12px 25px 0 0} .kolofon .boxLeft img, ul{float: left; margin: 0 15px 0 0;} .kolofon .boxLeft p{padding: 0 5px 0 0; display: block; color: #333} .kolofon .boxLeft a{text-decoration: underline; font-weight:normal; float: left} .kolofon .boxCenter {padding: 0 20px 0 10px; margin: 12px 10px 0 0; float: left; width: 220px; border-left: 1px solid #e6e5e0; border-right: 1px solid #e6e5e0} .kolofon .boxCenter p{padding: 0 5px 0 0; display: block; color:#333;} .kolofon .boxCenter a{text-decoration: underline; font-weight:normal; float: left} .kolofon .boxRight {float: left; width: 170px; margin: 12px 0 0 0} .kolofon .boxRightImg {float: left; width: 120px; margin: 12px 0 0 0} .kolofon .boxRight .img1 {float: left; padding: 0 20px 0 10px} .kolofon .boxRight .img2 {float: left; padding: 0} .leftColContainer {width: 468px; float: left; margin: 0 0 0 0} a.leftColContainer:link,a.leftColContainer:visited,a.leftColContainer:hover,a.leftColContainer:active {margin: 0; padding: 0} .leftColContainer img {margin: 0; padding: 0} .leftColContainer H1 {padding: 4px 0 4px 4px; font-size: 1.12em; margin: 0; clear: both; display: block} .leftColContainer img {border: 0; margin: 0; padding: 0} .fpXtraLarge {float: left} .fpXtraLarge H1 {font-size: 1.12em} .fpXtraLarge H3 {clear: both; font-size: 1.12em; margin: 0 0 0 5px} .fpLarge {width:349px; float:left; padding-right:5px} .fpLarge H1 {font-size: 1em} .fpLarge H3 {font-size: 1em; margin: 0 0 0 5px} .readmore {margin: 0 0 0 4px; float: left} /*.fpMedium {width:230px; float:left}*/ /*.fpMedium H1 {font-size: 1em}*/ /*.fpMedium H3 {clear: both; font-size: 0.8em; margin: 0 0 0 5px}*/ .contributor {float: left; font-size: 0.7em; word-spacing: 0.1em; padding: 0 0 0 4px; color: #666; width: auto} .fpSmall {width:111px; float:left} .fpSmall H1 {font-size: 1em} .fpSmall H3 {clear: both; font-size: 0.75em; margin: 0 0 0 5px} .group h1 {padding: 8px 0 4px 4px} /* toppbeholder start */ .fpTopHeader {float: left; width: 1005px; background-color:#CCCCFF} .fpTopcontainer {float: left; width: 804px; margin: 0 0 20px 0} .gridTop {float: left; width: 804px; margin:0} .fp804_auto { float: left; margin: 0 0 20px 0; } .serviceContainer{float: left; width: 804px; margin: 0 0 0 0} .fp_1_804_fullWidth {float: left; margin: 12px 0 0 0} .fp_1_804_fullWidth H1 {letter-spacing: -1px; word-spacing: 0.05em; line-height: 1.5em; margin: 0; font-size: 3.5em; padding: 10px 0 2px 2px; float: left; width: 800px} .fp_1_804_fullWidth H1 a:link,a:visited {padding: 0; margin: 0} .fp_1_804_fullWidth H3 {padding: 0 0 3px 4px; float: left; line-height: 1.5em} .fp_1_804_fullWidth .topicHeader {z-index: 200; position: absolute; top:0; width:789px; left: 0; height:30px; background: url(../gfx/white.png) repeat; font-family: georgia, arial, sans-serif; font-size: 1.4em;padding-top:10px;padding-left:15px;text-transform:uppercase} .fp_1_804_fullWidth .topicHeader .greyTxt{color:#666} /*a.fp_1_804_fullWidth:link,a.fp_1_804_fullWidth:visited,a.fp_1_804_fullWidth:hover,a.fp_1_804_fullWidth:active {margin: 0; padding: 0}*/ .fp_1_804_fullWidth p {padding: 0 0 0 8px; color: #999} .fp_1_804_fullWidth .contributor {float: left; word-spacing: 0.1em; padding: 0 0 0 4px; color: #666} .fp_1_804_fullWidth .leftContainer {float: left; width: 476px} .fp_1_804_fullWidth .leftContainerFullwidth {float: left; width: 790px} .fp_1_804_fullWidth .ekstra { padding: 0 0 0 15px; margin: 0 15px 0 0; border-left: 1px dotted #e6e5e0; font-family: arial, sans-serif; float: left} .fp_1_804_fullWidth .ekstra UL {font-size: 0.75em; width: 280px; margin: 0; padding: 0} .fp_1_804_fullWidth .ekstra LI {line-height: 1.3em; font-weight: bold; width: 280px; list-style-type:none; float: left; padding: 0; margin: 0 0 2px 0} .fp_1_804_fullWidth .ekstra p {padding: 0 0 2px 0; font-size: 0.7em} .fp_1_804_fullWidth .ekstra a {text-decoration: underline; font-weight: bold} .fpTopcontainer .fp_2_640_extraLarge {float: left; width: 640px; padding: 0 0 12px 0; margin: 12px 0 0 0} .gridTop .fp_2_640_extraLarge {float: left; width: 640px; padding: 0 0 12px 0; margin: 12px 0 0 0} .fp_2_640_extraLarge H1 {letter-spacing: -1px; word-spacing: 0.05em; font-size: 3em; float: left; width: 635px; padding: 10px 0 8px 2px} .fp_2_640_extraLarge H3 {padding: 0 0 3px 4px} .fp_2_640_extraLarge .contributor {float: left; word-spacing: 0.1em; padding: 0 0 0 8px; color: #666} .fp_2_640_extraLarge p {padding: 0 0 0 4px} .fp_2_640_extraLarge .leftContainer {float: left; width: 400px} .fp_2_640_extraLarge .leftContainerFullwidth {float: left; width: 630px} .fp_2_640_extraLarge .ekstra { padding: 0 0 0 15px; margin: 0 15px 0 0; border-left: 1px dotted #e6e5e0; font-family: arial, sans-serif; float: left} .fp_2_640_extraLarge .ekstra UL {font-size: 0.7em; width: 180px; margin: 0; padding: 0} .fp_2_640_extraLarge .ekstra LI {line-height: 1.5em; font-weight: bold; width: 180px; list-style-type:none; float: left; padding: 0; margin: 0 0 2px 0} .fp_2_640_extraLarge .ekstra p {padding: 0 0 2px 0; font-size: 0.7em} .fp_2_640_extraLarge .ekstra a {text-decoration: underline; font-weight: bold} .fpTopcontainer .fp156Container {float: left; width: 156px} .fpTopcontainer .fp156ArtTop {float: left; margin: 12px 0 0 0; padding: 0 0 20px 8px; width: 156px} .fpTopcontainer .fp156ArtTop H1 {line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; float: left; padding: 8px 0 0 0} .fpTopcontainer .fp156ArtTop p {float: left} .fpTopcontainer .fp156ArtTop .lockedHight {height: 100px; float: left} .fpTopcontainer .fp156ArtTop .contributor {float: left; word-spacing: 0.1em; padding: 0 0 0 8px; color: #666} .gridTop .fp35_156_top {float: left; margin: 12px 0 0 0; padding-left:8px; width: 156px} .gridTop .fp35_156_top H1 {font-weight: bold; font-family: arial, sans-serif; font-size: 0.9em; float: left; padding: 4px 0 0 0;letter-spacing:-0.01em} .fpTopcontainer .fp_3_468_large H1 {font-size: 2em; padding: 15px 0 4px 2px; float: left; width: 460px} .fpTopcontainer .fp_3_468_large H3 {font-size: 0.75em; padding: 0 0 3px 4px} .fpTopcontainer .fp_3_468_large {width: 468px; float: left; padding: 0 0 0 0; margin: 12px 8px 0 0} .fpTopcontainer .fp_3_468_large p {padding: 0 0 0 8px} .fp_3_468_large .contributor {float: left; word-spacing: 0.1em; padding: 0 0 0 4px; color: #666} .leftColContainer .fp_3_468_large H1 {font-size: 2em; padding: 15px 0 4px 2px; float: left; width: 460px} .leftColContainer .fp_3_468_large H3 {padding: 0 0 3px 4px; width: 460px; float: left} .leftColContainer .fp_3_468_large {width: 468px; float: left; padding: 0; margin: 12px 0 0 0} .leftColContainer .fp_3_468_large p {padding: 0 0 0 4px} .leftColContainer .topRightGroup { width: 328px; float: left; padding: 0 0 0 8px} .fp_4_349_medium {width: 349px; float: left; margin: 12px 0 12px 0} .fp_4_349_medium H1 {font-size: 1.25em; margin: 15px 0 2px 0; float: left; letter-spacing: -1px; word-spacing: 0.05em; padding: 4px 0 4px 2px} .fp_4_349_medium H3 {width: 340px; float: left; padding-left: 4px} .fp_4_349_medium p { padding-left: 4px; background: none; float: left} .fp_5_230_halfCol { margin: 12px 2px 20px 2px; width: 230px; float: left} .fp_5_230_halfCol H1 {font-size: 1.1em; float: left; padding: 10px 0 2px 4px; width: 220px} .fp_5_230_halfCol img a { padding: 0} .fp_5_230_halfCol p {background: none; float: left} a.fp_5_230_halfCol:link,a.fp_5_230_halfCol:active,a.fp_5_230_halfCol:visited,a.fp_5_230_halfCol:hover { padding: 0; background: none} .fp_5_230_halfCol H3 {width: 225px; float: left; padding: 0 0 3px 4px} .fp_5_230_halfCol_right { width: 230px; float: left; margin: 12px 2px 20px 2px} .fp_5_230_halfCol_right H1 {font-size: 1.1em; float: left; padding: 10px 0 2px 4px; width: 220px} .fp_5_230_halfCol_right H3 {width: 225px; float: left; padding-left: 4px} .fp_5_230_halfCol .contributor {float: left; word-spacing: 0.1em; padding: 0 0 0 4px; color: #666} .fp_5_230_halfCol_right .contributor {float: left; word-spacing: 0.1em; padding: 0 0 0 4px; color: #666} .fp_5_230_halfCol_right p { padding-left: 4px; background: none; float: left} .fpTopcontainer .fp320Topcontainer {float: left; width: 328px} .fpTopcontainer .fp_15_320_rcLarge {padding: 0 0 8px 8px; float: left} .fpTopcontainer .fp_15_320_rcLarge H1 {float: left;font-size: 1.25em; padding: 12px 0 0 2px} .fpTopcontainer .fp_15_320_rcLarge H3 {float: left; padding: 0 0 3px 4px; width: 315px} .fpTopcontainer .fp_15_320_rcLarge p {float: left; padding: 0 0 0 0} .fpContributors {float: left; width: 320px; text-align: center; margin: 0 0 20px 0} .fpContributors .topLine { margin: 10px 0 0 0; background-image: url("../gfx/spriteGenerals.gif"); background-repeat: no-repeat; background-position: 0 -490px; width:320px; height: 6px} .fpContributors .middleLine {width: 300px; display: block; padding: 9px; border-left: 1px solid #e6e5e0; border-right: 1px solid #e6e5e0} .fpContributors .bottomLine {background-image: url("../gfx/spriteGenerals.gif"); background-repeat: no-repeat; background-position: 0 -291px; width:320px; height: 6px} .fpContributors ul {margin: 0; text-transform: uppercase; float: left} .fpContributors li {float: left; margin: 0; display: block} a.fpContributors:link,a.fpContributors:active,a.fpContributors:visited {color: #333; margin: 0; padding: 0} /*a.fpContributors:hover {color: #cccc99}*/ .group { float: left; margin: 0 0 8px 0; width: 468px} a.group:link,a.group:active,a.group:visited {padding: 0} .group .fp_3_468_large {float: left; width: 468px; padding: 0; margin: 12px 0 20px 0} .serviceGroup { float: left; width: 468px} .serviceGroup .fp_3_468_large {float: left; width: 468px; padding: 0; margin: 12px 0 20px 0} .group H2 {text-align: left; text-transform: uppercase; color: #6e6d65; padding: 8px 0 0 8px; margin: 10px 0 0 0; border-top: 1px solid #e6e5e0} .rcGroup {width: 320px; margin: 5px 0 0 0; float: left} .fp_17 {float: left} .rightCol H2 {text-align: left; text-transform: uppercase; color: #6e6d65; width: 300px; padding: 12px 0 0 8px; margin: 10px 0 0 0; border-top: 1px solid #e6e5e0} .fp_6_111_small {width: 222px; float: left; margin: 12px 4px 0 8px; border-top: 1px dotted #e6e5e0; padding: 12px 0 0 0} .fp_6_111_small img {float: left} .fp_6_111_small H1 {line-height: 1.5em; padding: 0 5px 0 0; width: 100px; font-size: 0.75em; float: right; font-weight: bold; font-family: arial, sans-serif} .article .leftCol .fp_6_111_small H1 {line-height: 1.5em; padding: 0 5px 0 0; width: 100px; font-size: 0.75em; float: right; font-weight: bold; font-family: arial, sans-serif} .fp_6_111_small H3 {float: left; width: 220px; margin: 10px 0 0 0} .fp_6_111_small p {float: left} .fp_6_111_small .contributor {padding: 0 0 0 0} .fp_6_111_small_productHomepage {width: 226px; float: left; margin: 12px 4px 0 4px; border-top: 1px dotted #e6e5e0; padding: 12px 0 0 0} .fp_6_111_small_productHomepage img {float: left} .fp_6_111_small_productHomepage H1 {line-height: 1.5em; padding: 0 5px 0 0; width: 100px; font-size: 0.75em; float: right; font-weight: bold; font-family: arial, sans-serif} .article .leftCol .fp_6_111_small_productHomepage H1 {line-height: 1.5em; padding: 0 5px 0 0; width: 100px; font-size: 0.75em; float: right; font-weight: bold; font-family: arial, sans-serif} .fp_6_111_small_productHomepage H3 {float: left; width: 225px; margin: 10px 0 0 0} .fp_6_111_small_productHomepage p {float: left} .fp_6_111_small_productHomepage .contributor {padding: 0 0 0 0} .fp_7_111_small {width: 225px; float: left; margin: 12px 0 5px 4px; padding: 12px 0 0 0; border-top: 1px dotted #e6e5e0} .fp_7_111_small .box H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif} .article .leftCol .fp_7_111_small .box H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif} .fp_7_111_small p {float: left; width: 100px} .fp_7_111_small p {float: left; width: 100px} .fp_7_111_small .box {float: right; width: 100px; padding: 0 0 0 4px} .fp_8_111_small {width: 111px; float: left; margin: 12px 0 12px 8px} .fp_8_111_small H1 {line-height: 1.5em; width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0} .article .leftCol .fp_8_111_small H1 {line-height: 1.5em; width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0} .fp_8_111_small H3 {float: left; width: 111px} .fp_8_111_small p {float: left} .fp_15_320_rcLarge {width: 320px; float: left; margin: 12px 0 20px; 0} .fp_15_320_rcLarge H1 {float: left;font-size: 1.1em; padding: 12px 0 6px 12px} .article .leftCol .fp_15_320_rcLarge H1 {letter-spacing: 0; float: left;font-size: 1.1em; padding: 12px 0 6px 12px} .article .fp_15_320_rcLarge H1 {letter-spacing: 0; float: left;font-size: 1.1em; padding: 12px 0 6px 12px} .fp_15_320_rcLarge H3 { letter-spacing: 0; float: left; padding: 0 0 0 12px; width: 304px} .article .leftCol .fp_15_320_rcLarge H3 {letter-spacing: 0; float: left; padding: 0 0 0 12px; width: 304px} .article .fp_15_320_rcLarge H3 {letter-spacing: 0; float: left; padding: 0 0 0 12px; width: 304px} .fp_15_320_rcLarge p {float: left; padding: 0 0 0 12px} .fp_16_156_rcSmall_left {width: 156px; float: left; margin: 15px 4px 20px 0} .fp_16_156_rcSmall_left H1 {line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .leftCol .fp_16_156_rcSmall_left H1 {letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .fp_16_156_rcSmall_left H1 {letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .fp_16_156_rcSmall_left H3 {padding: 0 0 0 4px} .fp_16_156_rcSmall_right H3 {padding: 0 0 0 4px} .article .leftCol .fp_16_156_rcSmall_right H3 {letter-spacing: 0; padding: 0 0 0 4px} .article .fp_16_156_rcSmall_right H3 {letter-spacing: 0; padding: 0 0 0 4px} .article .leftCol .fp_16_156_rcSmall_left H3 {letter-spacing: 0; padding: 0 0 0 4px} .article .fp_16_156_rcSmall_left H3 {letter-spacing: 0;padding: 0 0 0 4px} .fp_16_156_rcSmall_right {width: 156px; float: left; margin: 15px 0 20px 4px} .fp_16_156_rcSmall_right H1 {line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .leftCol .fp_16_156_rcSmall_right H1 {letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .fp_16_156_rcSmall_right H1 {letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} /*list styling start*/ .fp9_listWithImages {float: left; width: 460px} .fp9_listWithImages H1 {font-size: 1.5em; float: left; padding: 10px 0 10px 4px} .article .leftCol .fp9_listWithImages H1 {font-size: 1.5em; float: left; padding: 10px 0 10px 4px} .fp9_listWithImages H3 {} .fp9_listWithImages UL {margin: 0; padding: 0} .fp9_listWithImages LI {margin: 0 2px 0 0; width: 230px} .fp9_listWithImages LI a,a:link,a:active {background-color: #eaeaea; display: block} /*.fp9_listWithImages LI a:hover {background-color: #999}*/ .fp9_listWithSmallImages {float: left; width: 460px} .fp9_listWithSmallImages UL {margin: 0; padding: 0} .fp9_listWithSmallImages LI {margin: 0 2px 0 0; width: 230px} .fp9_listWithSmallImages LI a,a:link,a:active {background-color: #eaeaea; display: block} /*.fp9_listWithSmallImages LI a:hover {}*/ .fp10_listWithoutImages {float: left; width: 460px} .fp10_listWithoutImages H1 {padding-left: 12px; font-weight: bold; font-size: 0.75em; width: 450px; font-family: arial, sans-serif} .article .leftCol .fp10_listWithoutImages H1 {font-weight: normal; font-size: 1em; width: 450px} .fp10_listWithoutImages H3 {font-size: 0.75em; float: left; padding-left: 12px} .fp10_listWithoutImages p {float: left} .fp10_listWithoutImages UL {margin: 7px 0; padding: 0} .fp10_listWithoutImages LI {margin: 8px 2px 0 0; width: 460px} .fp10_listWithoutImages LI a {display: block} /*.fp10_listWithoutImages LI a:hover {}*/ .fp11_listWithTwoCol {float: left; width: 320px; margin: 0 0 20px 0} .fp11_listWithTwoCol H1 {line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .leftCol .fp11_listWithTwoCol H1 { letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .fp11_listWithTwoCol H3 {padding: 0 0 0 4px} .article .leftCol .fp11_listWithTwoCol H3 {padding: 0 0 0 4px; letter-spacing: 0} .article .fp11_listWithTwoCol H1 { letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .fp11_listWithTwoCol H3 {padding: 0 0 0 4px; letter-spacing: 0} .article .fp11_listWithTwoCol UL {font-size: 1em; margin: 0; padding: 0 0 8px 0; float: left; list-style: none} .article .fp11_listWithTwoCol LI { width: 156px; float: left} /*.fp11_listWithTwoCol H1 {color: #666; padding: 0 0 12px 0; margin: 12px 0 12px 0; font-size: 1.4em; border-bottom: 1px solid #999}*/ .fp_11_nospace {width: 156px; float: left; margin: 12px 0 12px 0} .fp_11_space {width: 156px; float: left; margin: 12px 0 12px 8px} /*.fp11_listWithTwoCol LI a:hover {}*/ .fp12_listWithLargeImage {float: left; width: 320px} .fp12_listWithLargeImage UL {margin: 10px 0 8px 0; padding: 0 0 16px; background-image: url(../gfx/gradient_vertical.png); background-position: 0 -1500px; background-repeat: repeat-x;} .fp12First H1 {font-family: georgia, arial, sans-serif; font-size: 1.1em; font-weight: normal; margin: 15px 0 0 10px; float: left; width: 300px} .fp12First H3 {color: #333; font-family: arial, verdana, sans-serif; font-weight: normal; margin: 5px 5px 0 10px;position:relative;} .fp12First P {padding: 0 0 0 6px; margin: 0 0 12px 0; float: left} .fp12Small {float: left; width: 200px; padding: 0 0 0 5px} .fp12Small H1 {width: 200px; font-weight: bold; font-family: arial, sans-serif; padding: 0 0 0 4px; margin: 0; font-size: 0.75em; float: left} .fp12Small H3 {float: left; padding: 0 0 4px 4px; width: 200px} .fp12_listWithLargeImage LI {margin: 0 0 7px 12px} .fp12_listWithLargeImage .first {margin: 0 0 16px 0} .article .fp12_listWithLargeImage UL {margin: 10px 0 8px 0; padding: 0 0 16px; background-repeat: repeat-x; background-image: url(../gfx/gradient_vertical.gif); background-position:0 -1670px} .article .fp12First H1 {font-family: georgia, arial, sans-serif; font-size: 1.4em; font-weight: normal; margin: 15px 0 0 10px; float: left; letter-spacing: -1px} .article .fp12First H3 {font-family: arial, verdana, sans-serif; font-size: 1em; font-weight: normal; margin: 5px 0 0 10px; color: #333;position:relative;} /*.article .rightCol .fp12First H3 {letter-spacing: 0}*/ .article .fp12First P {padding: 0 0 0 12px; margin: 0 0 12px 0; float: left} .article .fp12Small H1 {letter-spacing: normal; width: 210px; font-weight: bold; font-family: arial, sans-serif; padding: 0 0 0 4px; margin: 0; font-size: 0.75em; float: left} .article .fp12Small H3 {letter-spacing: normal; float: left; padding: 0 0 4px 4px; width: 200px} .article .rigthCol .fp12Small H1 {letter-spacing: normal; width: 210px; font-weight: bold; font-family: arial, sans-serif; padding: 0 0 0 4px; margin: 0; font-size: 0.75em; float: left} .article .rigthCol .fp12Small H3 {letter-spacing: normal; float: left; padding: 0 0 4px 4px; width: 200px} /*.fp12_listWithLargeImage LI a:hover {}*/ .fp13_listWithImages {float: left; width: 320px} .fp13_listWithImages .image {float: left; width: 95px; vertical-align: text-top} .fp13_listWithImages H1 { font-weight: bold; font-family: arial, sans-serif; padding: 0 0 0 4px; margin: 0; font-size: 0.75em; float: left} .article .leftCol .fp13_listWithImages H1 { font-weight: bold; font-family: arial, sans-serif; padding: 0 0 0 4px; margin: 0; font-size: 1em; float: left} .article .fp13_listWithImages H1 {letter-spacing: 0; word-spacing: 0; font-weight: bold; font-family: arial, sans-serif; padding: 0 0 0 4px; margin: 0; font-size: 0.75em; float: left} .fp13_listWithImages H3 {font-size: 0.75em; padding: 0 0 0 4px} .article .rightCol .fp13_listWithImages H3 {letter-spacing: 0; font-size: 0.75em} .fp13_listWithImages .box {float: left; width: 200px; padding: 0 0 0 4px} .fp13_listWithImages UL {margin: 10px 0 20px 0; padding: 0 0 12px 0; background: url(../gfx/gradient_vertical.png) repeat-x 0 -1670px} .fp13_listWithImages LI {margin: 0 5px 7px 12px} .article .rightCol .fp13_listWithImages UL {margin: 10px 0 20px 0; padding: 0 0 12px 0; background-repeat: repeat-x; background-image: url(../gfx/gradient_vertical.gif); background-position:0 -1670px} .article .rightCol .fp13_listWithImages LI {margin: 0 5px 7px 12px} .fp13_listWithImages LI a,a:link,a:active {display: block} /*.fp13_listWithImages LI a:hover {}*/ .fp13_listWithImages .imgArt{width:95px;float:left;} .fp13_listWithImages .imgBlog{width:95px;float:left;text-align:right;background-repeat: no-repeat; background-image: url(../gfx/metasok_background_blogg.gif);} .fp13_listWithImages .imgForum{width:95px;float:left;text-align:right;background-repeat: no-repeat; background-image: url(../gfx/metasok_background_forum.gif);} .fp13_listWithImages .imgRecipe{width:95px;height:47px;float:left;text-align:right;background-repeat: no-repeat; background-image: url(../gfx/metasok_background_recipe.gif);} .fp14_listWithoutImages {float: left; width: 305px; padding: 0 0 10px 0} /*.fp14_listWithImages H1 {color: #666; padding: 0 0 4px 8px; margin: 10px 0 15px 0; font-size: 1.4em; border-bottom: 1px solid #999}*/ .group .fp14_listWithoutImages { float: left; width: 305px; padding-top:20px} .group .fp14_listWithoutImages P {} .group .fpPoll {padding: 0 0 12px 0;border-bottom: 1px solid #e6e6e0; font-weight: bold; font-size: 0.75em; float: left; margin: 0 0 12px 0} .group .fpPoll .element {float: left; width: 460px; margin: 0 0 8px 0} .group .fpPoll LI a:hover {color: red} .group .fpPoll .votebar {float: left; display: block; height: 10px} .group .fpPoll .voteValue {width: 35px; float: left; padding:0 2px 0 0; text-align: center; font-size: 1.2em; font-family: georgia, sans-serif} .group .pollTitle {padding: 2px 0 2px 8px; color: #fff; border-top: none; width: 454px; margin: 12px 0 5px 0; white-space: nowrap; font-size: 0.7em; letter-spacing: -1px; font-weight: bold; float: left} .group .fpPoll .votes {width: 468px; text-align: center; font-size: 1em} .group .fpPoll img {float: left; padding:2px 5px 5px 5px} .fpPoll .horizontal .votebarBG {height: 10px; margin: 2px 0; float: left; width: 68px; border: 1px solid #e6e5e0; padding: 1px} .fpPoll .vertical .votebarBG {height: 10px; margin: 6px 0 2px 0; float: left; width: 288px; border: 1px solid #e6e5e0; padding: 1px} .fpPoll .horizontal .title {float: left; width: 107px; padding: 2px 2px 10px 2px; font-size: 1em} .rightCol .fpPoll .votes {width: 300px; text-align: center} .collectionArticle .poll .votes {width: 468px; text-align: center; font-size: 1em} .collectionArticle H5 {text-transform: uppercase; color: #6d6e65} .fpPoll .vertical .title {float: left; width: 320px; padding: 2px; font-size: 1em} .horizontal .fpPoll .spm {float: left; width: 107px} .vertical .fpPoll .spm {float: left; width: 300px} .article .poll {font-weight: bold; font-size: 0.75em; float: left; border: 1px solid #e6e5e0} .article .poll .element {float: left; width: 260px; border: 1px solid #fff; margin: 2px} .article .poll H1 {background-image: url("../gfx/gradient_vertical.gif"); background-repeat: repeat-x; background-position: 0 -1362px; padding: 20px 0; font-size: 1.7em} .article .poll .vertical {font-weight: normal; font-size: 1.5em; float: left; padding: 23px 4px 20px 22px; font-family: georgia, sans-serif} .article .poll .button {float: left; text-align: center; width: 804px; margin: 15px 0} .article .poll LI a:hover {color: red} .poll .votebarBG {height: 10px; padding: 1px; margin: 2px 0 2px 1px; float: left; width: 210px; border: 1px solid #e6e5e0} .article .poll .votebar {float: left; display: block; height: 10px} .article .poll .voteValue {font-family: georgia, sans-serif; width: 35px; float: left; padding:2px 2px 0 ; text-align: center; font-size: 1em} .article .poll .title {float: left; padding: 5px 0 15px 3px; font-size: 1em; width: 250px} .article .poll .spm {float: left; width: 220px; padding: 5px 0 0 0} .article .poll .radio {float: left; padding: 5px 3px 0 0} .article .poll img {float: left; padding:2px} .article .poll p {width: 800px; text-align: center; float: left; font-size :1em; margin: 5px 0 10px 0} .collection .poll {font-weight: bold; font-size: 0.75em} .collection .poll .element {float: left; width: 260px; padding: 1px; border: 1px solid #e6e5e0; margin: 2px} .collection .poll LI a:hover {color: red} .collection .poll .votebarBG {height: 10px; margin: 2px 0; float: left; width: 210px; border: 1px solid #e6e5e0} .collection .poll .votebar {float: left; display: block; height: 10px} .collection .poll .voteValue {font-family: georgia, sans-serif; width: 35px; float: left; padding:2px 2px 0 ; text-align: center; font-size: 1em} .collection .poll .title {float: left; width: 207px; padding: 2px; font-size: 1em} .collection .poll .spm {float: left} .collection .poll img {float: left; padding:2px} .collectionArticle .poll {font-weight: bold; font-size: 0.75em} .collectionArticle .poll .element {float: left; width: 460px; padding: 1px; border: 1px solid #fff; margin: 2px} .collectionArticle .poll LI a:hover {color: red} .collectionArticle .poll .votebarBG {height: 10px; margin: 2px 0; float: left; width: 300px; border: 1px solid #e6e5e0} .collectionArticle .poll .votebar {float: left; display: block; height: 10px} .collectionArticle .poll .voteValue {font-family: georgia, sans-serif; width: 35px; float: left; padding:2px 2px 0 ; text-align: center; font-size: 1em} .collectionArticle .poll .title {float: left; width: 300px; padding: 2px; font-size: 1em} .collectionArticle .poll .spm {float: left; width: 310px} .collectionArticle .poll img {float: left; padding:2px} .collectionArticle .poll .radio {float: left} .collectionArticle .poll .button {float: left; width: 460px; text-align: center; margin: 5px 0} .rightCol .fpPoll .title {float: left; width: 188px; padding: 2px; font-size: 1em} .rightCol .fpPoll {font-weight: bold; font-size: 0.75em; float: left; margin: 12px 0 12px 0} .rightCol .fpPoll .element {padding: 0 0 6px 5px; float: left; width: 300px; margin: 2px 0 2px 0; border-bottom: 1px dotted #e6e5e0} .rightCol .fpPoll LI a:hover {color: red} .rightCol .fpPoll .votebar {float: left; display: block; height: 10px} .rightCol .fpPoll .votebarBG {height: 10px; margin: 2px 0; float: left; width: 150px; border: 1px solid #e6e5e0; padding: 1px} .rightCol .fpPoll .voteValue {width: 35px; float: left; padding:2px 2px 0 ; text-align: center; font-family: georgia, sans-serif; font-size: 1.2em} .rightCol .fpPoll H1 { margin: 12px 5px 10px 5px; font-size: 1.5em; letter-spacing: -1px; font-weight: normal; color: #333; float: left} .rightCol .fpPoll .titlePoll {font-family:Georgia,helvetica,sans-serif; margin: 12px 5px 10px 5px; width: 290px; float: left; font-size: 1.5em; letter-spacing: -1px; font-weight: normal; color: #333} .rightCol .fpPoll H2 {padding: 2px 0 2px 8px; color: #fff; border-top: none; width: 300px; margin: 0 0 0 0; white-space: nowrap; font-size: 0.9em; text-transform: none; float: left} .rightCol .fpPoll .radio {float: left} .rightCol .fpPoll .spm {float: left; width: 270px; padding: 4px 0 5px 0} .rightCol .fpPoll .spmImg {float: left; width: 170px; padding: 4px 0 5px 0} .rightCol .fpPoll img {float: left; padding:5px 5px 5px 3px} .rightCol .fpPoll P {float: left; padding:5px} .rightCol .radio {float: left; padding: 2px 2px 0 0} .rightCol .fpPoll .button {width: 290px; margin: 10px 0 10px 0; float: left} .rightCol .fpPoll .topLine { margin: 10px 0 0 0; background-image: url("../gfx/spriteGenerals.gif"); background-repeat: no-repeat; background-position: 0 -490px; width:320px; height: 6px} .rightCol .fpPoll .middleLine {width: 310px; padding: 0 4px 4px 4px; border-left: 1px solid #e6e5e0; border-right: 1px solid #e6e5e0} .rightCol .fpPoll .bottomLine { background-image: url("../gfx/spriteGenerals.gif"); background-repeat: no-repeat; background-position: 0 -291px; width:320px; height: 6px} .fpPoll .horizontal img {float: left; padding: 0} .group .vertical .spm {float: left; padding: 2px 0; width: 300px} .group .fpPoll .vertical .radio {padding: 3px} .group .fpPoll .radio {float: left; padding: 0 1px} .fpPoll .horizontal .radio {float: none} .fpPoll .horizontal .spm {padding: 2px 0 0 6px} .fpPoll .button {float: left; width: 460px; text-align: center; margin: 20px 0 12px 0} .fpPoll .horizontal .element {float: left; width: 111px; padding: 1px; border: 1px solid #fff; margin: 1px} .fp14itemsList {width: auto} .fp14itemsList .items {float: left; width: 100%; display: block; padding: 10px 0 10px 12px; font-size: 0.75em} /*.fp14_listWithoutImages LI a:hover {background-color: #999}*/ /*list style END*/ .fpVerticalArticles{margin: 0; padding: 0; text-transform: uppercase; float: left} .fpAllVerticalArticles UL {margin: 0; padding: 0; text-transform: uppercase; float: left} .fpAllVerticalArticles LI {float: left; width: 220px; margin: 4px 0 4px 0} .fpAllVerticalArticles LI a,a:link,a:active { background-color: #ccc; display: block} /*.fpVerticalArticles LI a:hover {background-color: #fff}*/ a,a:link,a:active {background: none; display: inline} .topic_listWithImages {float: left; width: 468px} .topic_listWithImages .image {float: left; width: 111px; vertical-align: text-top} .topic_listWithImages H2 {color: #666; padding: 12px 0 12px 0; margin: 12px 0 0 0; font-size: 1.6em; border-top: 1px solid #e6e5e0} .topic_listWithImages H1 {width: 210px; font-weight: normal; font-family: arial, sans-serif; padding: 0 0 4px 4px; margin: 0; font-size: 1em; float: left} .article .leftCol .topic_listWithImages H1 {width: 210px; font-weight: normal; font-family: arial, sans-serif; padding: 0 0 4px 4px; margin: 0; font-size: 1em; float: left} .topic_listWithImages H3 {float: left; padding: 0 0 4px 4px} .topic_listWithImages .box {float: left; width: 215px} .topic_listWithImages UL {margin: 0; padding: 0} .topic_listWithImages LI {margin: 0 5px 15px 5px} .topic_listWithImages LI a{display: block} .article .leftCol .collectionArticle H1{text-decoration:none; font-size:1.3em; padding-bottom:15px} .article .leftCol .collectionArticle H2{font-size:1.3em; padding-bottom:15px} .article .leftCol .collectionArticle H3{font-size:1.12em} .article .leftCol .collectionArticle H5{font-size:0.9em; color: #6E6D65; padding: 0 0 5px 0} .article .leftCol .testConclusion H1{text-decoration:none; font-size:1.3em; padding: 13px 0 0 3px} .article .collectionArticle H1{text-decoration:underline; font-size:1.3em; padding-bottom:15px} .article .collectionArticle H2{font-size:1.3em; padding-bottom:15px} .article .collectionArticle H3{font-size:1.12em} .article .testConclusion H1{text-decoration:underline;font-size:1.3em; padding-bottom:15px} /*.fp13_listWithImages LI a:hover {}*/ /* ---------------- START ARTICLES ----------------*/ /* Oles orginale .article H1 {font-size: 2em; font-family: georgia, times new roman, sans-serif} .article H3 {font-weight: normal; font-size: 1.2em; letter-spacing: -1; font-family: georgia, times new roman, sans-serif} .article {float: left; width: 804px} .article .topImage {width: 468px; padding: 0; margin:0} .article .topImage img {float: left} .article .rightCol {width: 320px; float: left; padding: 0 0 0 8px} a.rightCol:link,a.rightCol:visited {padding: 0; margin:0} a.rightCol:hover,a.rightCol:active {padding: 0; margin:0} .article .rightCol H1{font-size: 1em} .article .rightCol H3{font-weight: normal} .article .leftCol {background-color: white; margin: 0; padding: 0 7px 0 0; float: left; width: 468px} */ .article p {line-height:1.5em; font-size:0.75em; letter-spacing: 0} .article H1 {font-size: 2.66em; font-family: georgia, "times new roman", sans-serif; line-height: 1.3em; letter-spacing: -1px; word-spacing: 0.05em} .article .leftCol p {line-height:1.5em; font-size:0.75em; letter-spacing: 0} .article .leftCol UL {font-size:0.75em; float: none} .article .leftCol OL {font-size:0.75em; float: none} .article .leftCol H1 {font-size: 2.66em; font-family: georgia, "times new roman", sans-serif; line-height: 1.3em; letter-spacing: -1px; word-spacing: 0.05em} .article .noImage {margin: 0 0 10px 0} .article .noImage H1 {text-align: left; font-size: 2.66em; font-family: georgia, "times new roman", sans-serif; line-height: 1.3em; letter-spacing: -1px; word-spacing: 0.05em} .article .leftCol H3 {font-weight: normal; font-size:1.12em; font-family: georgia, "times new roman", sans-serif; letter-spacing: -1px; word-spacing: 0.05em; padding: 0 0 5px 4px} .article H3 {font-weight: normal; font-size:1.12em; font-family: georgia, "times new roman", sans-serif; letter-spacing: -1px; word-spacing: 0.05em; padding: 0 0 5px 4px} .article {float: left; width: 804px} .article .topImage {width: 468px; padding: 0; margin:0} .article .topImage img {float: left} .article .rightCol {margin: 0; width: 320px; float: left; padding: 0 0 0 8px} a.rightCol:link,a.rightCol:visited {padding: 0; margin:0} a.rightCol:hover,a.rightCol:active {padding: 0; margin:0} .article .rightCol H3{font-weight: normal} .article .rightCol p {font-size: 1em} .article .rightCol h3{font-family: Arial, sans-serif; font-size:0.75em; letter-spacing: normal} .article .leftCol {background-color: white; margin: 12px 0 0 0; padding: 0 8px 0 0; float: left; width: 600px} .multipageBottom {width: 468px; float: left} .article .artSubTitle H2 {font-family: georgia, sans-serif; font-size: 0.9em; color: #6E6D65; text-transform: uppercase} .article .artImage {margin:0; float:left} /* padding: 0 0 16px 0; */ .article .artImage .txt {float: left; padding: 8px 12px; font-size: 0.7em; font-style:italic; width: 300px} .article .leftCol .txt a {color: #333} .article .relatedImageFullwidth {float: left; margin: 12px 0; background-color: #ffffff} .article .relatedImageFullwidth .imageTxt {width: 460px; color: #333; font-size: 0.9em; font-style: italic; float: left} /* .article .relContentfirst {background-color: #eaeaea; float: right; width: 232px; padding: 0; margin: 0 0 16px 16px} .article .relContent {background-color: #eaeaea; float: right; width: 232px; padding: 0; margin: 16px 0 16px 16px} .article relContent H1 {font-size: 4em} */ /* added padding-bottom: 5px BEJ */ .relContentContainer {float: right; width: 230px; padding: 0 0 30px 20px} .article .relContentfirst {background-color: #fff; float: right; width: 230px; margin: 0 0 5px 5px; padding-bottom: 5px;} .mparticle .relContentfirst {background-color: #fff; float: right; width: 230px; margin: 0 0 5px 5px; border: 1px solid #e6e5e0} .article .relContent {background-color: #fff; float: right; width: 230px; padding: 1px; margin: 12px 0 30px 16px; border: 1px solid #e6e5e0} .article .relContent H1 {font-size: 4em} .article .contribArt {color: #6E6D65; margin: 25px 0 0 0;} .article .contribArt .label{float:left; color: #6E6D65; font-size:0.75em; letter-spacing:0; line-height:1.5em; padding:4px; margin:0;} .article .contribArt .logo{float:left; width:132px;padding:4px; margin:-26px 0 0 0;} .article .contribArt .label a {float:left; color: #6E6D65; letter-spacing:0; line-height:1.5em; padding:0; margin:0;} .mparticle .contribArt {color: #6E6D65; margin: 25px 0 0 0;} .mparticle .contribArt .label{float:left; color: #6E6D65; font-size:0.75em; letter-spacing:0; line-height:1.5em; padding:4px; margin:0;} .mparticle .contribArt .logo{float:left; width:132px;padding:4px; margin:-26px 0 0 0;} .article .relContentAd {background-color: #fff; float: right; padding: 0 0 8px 8px} .mparticle .relContent {background-color: #fff; float: right; width: 230px; padding: 0; margin: 16px 0 16px 16px} .mparticle .relContent H1 {font-size: 4em} .mparticle .artSubTitle H2 {text-transform: uppercase; font-size: 0.9em; padding: 12px 12px 0 4px; float: left} /* mparticle picture text */ .mparticle .artImage .txt {float: left; padding: 8px 12px; font-size: 0.7em; font-style:italic; width: 200px} /* end */ .article .artSubTitle H2 {text-transform: uppercase; font-size: 0.9em; padding: 12px 12px 0 4px; float: left} .article .bodyText {float: left} .article .leftCol UL {margin: 0 12px; padding: 0 10px; list-style-type: disc} .article .leftCol OL {margin: 0 12px; padding: 0 10px; list-style-type: decimal} .article .leftCol UL LI {list-style-type: disc; line-height: 2em} .article .leftCol OL LI {list-style-type: decimal; line-height: 2em} .mparticle .leftCol UL LI {list-style-type: disc} .mparticle UL {margin: 4px 10px; padding: 10px; list-style-type: disc} .mparticle OL {margin: 4px 10px; padding: 10px; list-style-type: decimal} .article .leftCol p {padding: 4pt} .article .leftCol a {text-decoration: underline} .article H4 {font-size: 0.9em; font-weight: bold; color: #333; margin: 0; padding: 12px 2px 2px 6px; font-family: arial,verdana, sans-serif} .article .relImagegallery {border-bottom: 1px solid #e6e5e0; width: 316px; margin: 0 0 1px 0; padding: 4px 0 30px 4px; background-color: #fff; float: left} .article .relImagegallery UL { list-style: none} .relImagegallery a:hover {color: #333;} .article .relImagegallery .relImageContainer {width: 316px; background-image: url(../gfx/imgbg.gif); background-repeat: repeat-y; padding: 1px 0 1px 1px; float: left; margin: 0} .article .relImagegallery h2 {font-size: 14px; font-weight: bold; font-family: arial, sans-serif; color: #333; margin: 10px 0 2px 10px} .relImagegallery a:hover {color: #e6e5e0} .article .relImagegallery .seealso {border-top: solid #827f65 1px; padding: 5px 0 0 0; color: #e6e5e0; font-size: 0.75em; margin: 10px 10px 5px 10px} .mparticle .relImagegallery .seealso {color: #e6e5e0; font-size: 0.75em; margin: 5px; } .relImageContainer .images {float: left; width: 68px; height: 68px; margin:5px 7px 5px 4px} .relImageContainer .images a:link {text-decoration: none} .article .relImagegalleryLink {float: left; padding: 0 0 0 10px; margin: 0} .mparticle .relImagegalleryLink { float: left; padding: 0 0 0 10px; margin: 0 0 0 12px} .relImagegallery p {padding: 0; margin: 0 0 0 4px} .article .relImagegallery a {float: left; text-decoration: underline; font-size: 0.75em} .article .relImagegallery h4 {float: left; font-weight: normal; padding-left: 12px} .article .relImagegallery .title {float: left} .mparticle .relImagegallery a {float: left; color: #fff; text-decoration: underline; font-size: 0.75em} .mparticle .relImagegallery h4 {float: left; font-weight: normal; padding-left: 12px} .mparticle .relImagegallery .title {float: left} .mparticle { float: left; width: 468px; padding: 12px 8px 0 0; margin: 0 8px 0 0} .mparticle H1 {margin: 3px 0 12px 0; font-size: 2.66em; font-family: georgia, "times new roman", sans-serif; line-height: 1.3em; letter-spacing: -1px; word-spacing: 0.05em} .mparticle H3 {font-weight: normal; font-size:1.25em; font-family: georgia, "times new roman", sans-serif} .mparticle .topImage {width: 468px} .mparticle .topImage img {float: left} a.rightCol:link,a.rightCol:visited {padding: 0; margin:0} a.rightCol:hover,a.rightCol:active {padding: 0; margin:0} .mparticle .leftCol {background-color: white; margin: 0; padding: 0 7px 0 0; float: left; width: 468px} .mparticle p {line-height:1.5em; font-size:0.75em; letter-spacing: 0} .mparticle a {text-decoration: underline} .mparticle relContent H1 {font-size: 4em} .mparticle .bodyText {float: left} .mparticle .relImagegallery {border-bottom: 2px ridge #e6e5e0; width: 230px; margin: 0 0 1px 0; padding: 0 0 30px 0; background-color: #6e6d65; float: left} .mparticle .relImagegallery .relImageContainer {width: 230px; background-image: url(../gfx/imgbg.gif); background-repeat: repeat-y; padding: 1px 0 0 1px; float: left; margin: 0} .relImagegallery p{font-size: 0.75em; font-weight: bold; color: #333; margin: 0 8px} .mparticle .relImagegallery li {display:block;width:66px;height:66px;margin:3px;background-repeat:no-repeat;background-position:center;float:left;border:1px solid #000000} .mparticle .leftCol p {padding: 4pt} .mparticle H4 {font-size: 0.9em; font-weight: bold; color: #333; margin: 0; padding: 12px 2px 2px 2px; font-family: arial,verdana, sans-serif} .article .multimenu {float: left; margin-bottom: 5px} .article .multimenu LI {font-weight: normal; float: left; display: block; padding: 12px 0 0 12px; margin: 0; width: 190px} .article .selected {background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -168px} .article .navigation {text-align: center; padding: 7px 0; width: 468px; background-image: url(../gfx/navBg.gif)} .article .navigation a{display: inline} .article .navigation .last {padding: 0} .article .navigation .next {padding: 0} .article .navigation .page {padding: 0 100px} .mparticle .multimenu {float: left; margin-bottom: 5px; font-size: 0.75em} .mparticle .multimenu a {font-weight: bold} .mparticle .multimenu UL {margin: 0; padding: 0; font-size: 1em} .article .multimenu UL {margin: 0; padding: 0} .mparticle .multimenu LI {font-weight: bold; float: left; display: block; padding: 12px 0 12px 12px; margin: 0; width: 218px} .mparticle .selected {background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -168px} .mparticle .navigation {margin: 20px 0 20px 0; text-align: center; padding: 7px 0; width: 468px; background-image: url(../gfx/navBg.gif); font-size: 0.75em} .mparticle .navigation a {display: inline; text-decoration:none; font-weight:bold} .mparticle .navigation .last {padding: 0; color:#999999;font-weight:bold} .mparticle .navigation .next {padding: 0; color:#999999;font-weight:bold} .mparticle .navigation .page {padding: 0 80px;font-weight:bold} .mparticle .navigation .page a {display: inline; text-decoration:none;font-weight:normal} .article .collectionMenu {float: left; margin-bottom: 5px} .article .collectionMenu Ul {margin: 0; padding: 0} .article .collectionMenu LI {font-weight: normal; float: left; display: block; padding: 12px 0 12px 12px; margin: 0; width: 218px} .collectionMenu .selected {background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -168px} .collectionMenu .textbox {float: left; width: 100px; padding: 0 8px; font-weight: bold; line-height: 1.5em} .collectionMenu img {float: left; padding: 3px 0 0 0} .collectionMenu a:link {font-weight: bold} /* change cursor */ .collectionArticle {margin:20px 0 0 0; padding:10px 0 0 0;} /* .collectionArticle a {cursor: ne-resize;} */ /* end */ /*.mparticle .multiImage .caption {background-color: red; display: block; font-size: 0.6em}*/ /*.mparticle .selected {background-color: #CCC}*/ .show{display:block} .hide{display:none} .verticalArticles {float: left; border-top:1px solid #e6e5e0; margin: 20px 0} .verticalArticles H2 {background: url(../gfx/spriteGenerals.gif); background-repeat: no-repeat; background-position: 0 -828px; padding: 0 0 0 50px; margin-top:10px; font-family:Georgia,helvetica,sans-serif; color:#6e6d65} .verticalArticlesSec {width: 468px; float: left; margin-top: 20px; border-top: 1px solid #e6e5e0} .verticalArticlesSec H2 { padding:0 0 0 50px; margin: 10px 0 0 0; font-family:Georgia,helvetica,sans-serif; color:#6e6d65; font-weight:normal} .allVerticalsFirst {border-top: 1px solid #e6e5e0; width: 230px; float: left; margin: 12px 6px 5px 0; padding: 4px 0 0 0} .allVerticalsFirst H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif} .article .leftCol .allVerticalsFirst a:hover {text-decoration: underline} .article .leftCol .allVerticalsLast a:hover {text-decoration: underline} .article .leftCol .allVerticalsFirst H1 {letter-spacing: normal; width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; color: #333} .article .leftCol .allVerticalsFirst a {text-decoration: none; color: #333} .allVerticalsFirst p {padding: 2px; text-transform: uppercase; font-size: 0.7em; color: #666; width: 227px; float: left} .allVerticalsFirst .box {float: right; width: 110px; padding: 0} .allVerticalsFirst .imgContent {position: relative; height: 55px; top: 0; left: 0} .allVerticalsLast {border-top: 1px solid #e6e5e0; width: 230px; float: left; margin: 12px 0 5px 0; padding: 4px 0 0 0} .allVerticalsLast H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif} .article .leftCol .allVerticalsLast H1 {letter-spacing: normal; width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; color: #333} .article .leftCol .allVerticalsLast a {text-decoration: none; color: #333} .allVerticalsLast p {padding: 2px; text-transform: uppercase; font-size: 0.7em; color: #666; width: 227px; float: left} .allVerticalsLast .box {float: right; width: 110px; padding: 0} .allVerticalsLast .imgContent {position: relative; height: 55px; top: 0; left: 0} .verticalArticlesSec H1 {line-height: 1.5em} .article .leftCol .verticalArticlesSec H1 {line-height: 1.5em} .fpVerticalArtFirst {width: 111px; float: left; margin: 12px 4px 0 0} .fpVerticalArtFirst H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0} .fpVerticalArtFirst H3 {float: left; width: 111px; font-size: 0.75em} .article .leftCol .fpVerticalArtFirst H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0; line-height: 1.3em; letter-spacing: normal} .article .leftCol .fpVerticalArtFirst H3 {float: left; width: 111px; font-size: 0.75em} .article .leftCol .fpVerticalArtLast H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0; line-height: 1.3em; letter-spacing: normal} .article .leftCol .fpVerticalArtLast H3 {float: left; width: 111px} .article .leftCol .fpVerticalArt H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0; line-height: 1.3em; letter-spacing: normal} .article .leftCol .fpVerticalArt H3 {float: left; width: 111px} .fpVerticalArtFirst p {float: left; font-size: 1em} .article .leftCol .fpVerticalArtFirst p {font-size: 1em} .article .leftCol .fpVerticalArtLast p {font-size: 1em} .article .leftCol .fpVerticalArt p {font-size: 1em} .fpVerticalArtFirst .imgContent {position: relative; height: 62px; top: 0; left: 0} .fpVerticalArtLast {width: 111px; float: left; margin: 12px 0 0 4px} .fpVerticalArtLast H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0} .fpVerticalArtLast H3 {float: left; width: 111px} .fpVerticalArtLast p {float: left} .fpVerticalArtLast .imgContent {position: relative; height: 62px; top: 0; left: 0} .fpVerticalArt {width: 111px; float: left; margin: 12px 4px 0 4px} .fpVerticalArt H1 {width: 100px; font-size: 0.75em; float: left; font-weight: bold; font-family: arial, sans-serif; margin: 5px 0 0 0; padding: 0} .fpVerticalArt H3 {float: left; width: 111px} .fpVerticalArt p {float: left} .fpVerticalArt .imgContent {position: relative; height: 62px; top: 0; left: 0} .logoContainer {float: left; display: block; background-repeat: no-repeat; background-position: center center; width: 117px; height: 125px} .topField {float: left; height: 59px; width: 870px; margin: 0 0 0 10px; background-repeat: no-repeat; background-position: left bottom} .topField .home {display: block; float: left } .rightCol .topic {float: left; border: 1px dashed #e6e5e0} .rightCol .moreTopic {display: block; width: 300px; float: left; padding: 5px 0 5px 8px; background: url(../gfx/gradient_vertical.gif) repeat-x 0 -168px; font-size: 0.75em} .moreTopic a {padding: 0 0 5px 10px; font-weight: bold; text-decoration: underline; background: url(../gfx/default/arrowLeft.gif) no-repeat left center; display: block} /* ---------------- END ARTICLES ---------------- */ /* ---------------- ADS -------------------------*/ .topAdStyle {width: 1001px;float: left; background-image: url(../gfx/adTopbanner2.gif); background-position: 199px 0; background-repeat: no-repeat;} #Topbanner {height: 150px; text-align: right; float: right; margin-left: 0;} #Kloss {height: 150px; margin:0; text-align: right; float: left} #Skyskraper2 {height: 500px; padding: 5px 0 0 0;} #Skyskraper2.graficHeader {background-image: url( ../gfx/adRoundCornerSkyskrapere.gif ); background-position: top left; background-repeat: no-repeat; padding-top: 8px; margin: 8px 0 0 0} #Skyskraper1 {height: 500px; padding: 8px 0 0 0; background-image: url( ../gfx/adRoundCornerSkyskrapere.gif ); background-position: top left; background-repeat: no-repeat; position: relative; margin-bottom: 5px;} #Skyskraper3 {height: 500px; padding: 5px 0 0 0;} #Plakat1 {height: 250px; padding: 5px 0 0 0} #Plakat2 {height: 250px; padding: 5px 0 0 0} #Plakat3 {height: 250px; padding: 5px 0 0 0} #Plakat4 {height: 250px; padding: 5px 0 0 0} .PartnerBtn320 {margin: 12px 0 20px 0; float: left; width: 320px; padding: 10px 0 0 0; background-image: url(../gfx/adRoundCornersPartnere320.gif); background-position: top left; background-repeat: no-repeat} .PartnerBtnBG {width: 320px; float: left; background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -332px} .PartnerBtnBG156 {width: 156px; float: left; background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -332px} .PartnerBtn156 {margin: 12px 0 0 8px; float: left; width: 156px; padding: 13px 0 0 0; background-image: url(../gfx/adRoundCornersPartnere156.gif); background-position: top left; background-repeat: no-repeat} .adContRight {margin: 0 0 0 8px; float: left} .PartnerBtn320 img {float: left; margin:0; padding:0} #Partnerknapp1 {height: 60px; float:left; margin: 3px 0 5px 3px} .partnerBtnSpace {margin: 3px 0 5px 6px} #Partnerknapp1.adspacing {margin: 0 0 8px 3px} #Partnerknapp1 img {float:left} #Partnerknapp2 {height: 60px; float:left; margin: 3px 0 5px 3px} #Partnerknapp2.adspacing {margin: 0 0 8px 3px} #Partnerknapp2.space2 {margin: 3px 0 5px 8px} #Partnerknapp1.space1 {margin: 3px 0 5px 8px} #Partnerknapp2 img {float:left} #Partnerknapp3 {height: 60px; float:left; margin: 3px 0 5px 3px} #Partnerknapp3.space1 {margin: 3px 0 5px 8px} #Partnerknapp3.adspacing {margin: 0 0 8px 3px} #Partnerknapp3 img {float:left} #Partnerknapp4 {height: 60px; float:left; margin: 3px 0 5px 3px} #Partnerknapp4.adspacing {margin: 0 0 8px 3px} #Partnerknapp4.space2 {margin: 3px 0 5px 8px} #Partnerknapp4 img {float:left} #Superboard {height: 400px; float: left; margin: 0; background-image: url(../gfx/spriteGenerals.gif); background-position: 18px -877px; background-repeat: no-repeat; padding: 18px;} #Ticker {float:left; margin:0;overflow:hidden; width:1px; height:1px;} #Netboard1 {height: 400px; margin: 0 0 15px 0;background-image: url(../gfx/adRoundCornerSkyskrapere.gif); background-position: left top; background-repeat: no-repeat; padding-top: 23px;} #Netboard2 {height: 400px; float: left; margin: 0 0 15px 0;background-image: url(../gfx/spriteGenerals.gif); background-position: 0 -874px; background-repeat: no-repeat; padding-top: 23px} #Artikkelboard {height: 400px; float: left; margin: 12px 0 20px 0; background-image: url(../gfx/spriteGenerals.gif); background-position: 0 -874px; background-repeat: no-repeat; padding: 20px 0 8px 0} #Webplakat {height: 250px; float: left;margin: 0 0 8px 0;padding-right: 20px;background-image: url(../gfx/advertical.gif); background-position: 300px 0; background-repeat: no-repeat;} #Artikkelplakat {height: 250px; margin: 0 0 8px 0;padding-right: 20px;background-image: url(../gfx/advertical.gif); background-position: 300px 0; background-repeat: no-repeat;} .partnere {float:left;width:160px;margin:5px 0 0 0;} .partner1 {height: 120px; float:left; padding: 8px 0 0 0; background-image: url( ../gfx/adRoundCornerSkyskrapere.gif ); background-position: top left; background-repeat: no-repeat} .partner {height: 120px; float:left; padding: 5px 0 0 0} .logoKnapper {float:left;width:468px;} .logoKnapp1 {float:left; padding: 8px 0 15px 0; background-image: url( ../gfx/adRoundCornerSkyskrapere.gif ); background-position: top left; background-repeat: no-repeat} .logoKnapp2 {float:left; padding: 8px 9px 15px 9px;} .logoKnapp3 {float:left; padding: 8px 0 15px 0;} .superboardContainer{background-color:#eeede6;width:804px;float:left;margin:12px 0;} .tickerContainer{float:left; width:800px;} /* ---------------- CS - LOGINIFRAME -------------------------*/ .loginFrame {float:right;width:488px;height:54px} /* from slave.css */ .topImage468 {width: 468px; float: left} .topImage468 img {float: left} .topImage804 {width: 804px; float: left; padding:0; margin:12px 0 0 0} .topImage804 img {float: left} .topImageCaptionText { background-color: #333; padding:2px 0 0 0; margin:0 0 5px 0; float: left} .topImageCaptionText h4 {text-align: left; clear: both; font-family: arial, sans-serif; font-size: 0.7em; color: #e6e5e0; padding:0 10px; margin:0; background-image: url(../gfx/spriteGenerals.gif); background-position: 0 262px; background-repeat: no-repeat; font-weight: normal} .topImageCaptionText a { color: #fff; text-decoration: underline; display: inline} .article .leftCol .byline img {float: left;padding-right:10px; border:0;} .article .leftCol .byline .txtBox {width: 600px; float:left; padding: 8px 6px 8px 4px; margin: 0 0 12px 0; border-bottom: 1px solid #e6e5e0; border-top: 1px solid #e6e5e0} .article .leftCol .byline .txtBox .txt {width: 320px; float:left; overflow: hidden} .article .leftCol .byline .txtBox .date {float:right} .article .leftCol .byline .txtBox .txt .contributorLink{color: #6e6d65;} .mparticle .leftCol .byline .txtBox .txt .contributorLink{color: #6e6d65;} .article .leftCol .byline .txtBox .profile {width: 90px; float:left; overflow: hidden;padding-right:10px;} .article .leftCol .byline .txtBox .profile .label{float:left; font-style:italic;} .article .byline .txtBox {color: #6e6d65; font-size: 0.7em; border-top: 1px solid #e6e5e0; padding:5px} .article .byline img {float: left} .article .byline .txtBox { padding: 4px 6px 0 4px; margin: 0 0 4px 0} .article .byline .txtBox .txt { float:left; overflow: hidden} .article .byline .txtBox .date {float:right} .byline .txtBox {color: #6e6d65; font-size: 0.7em; border-top: 1px solid #e6e5e0; border-bottom: 1px solid #e6e5e0; padding:5px} .byline img {float: left} .byline .txtBox {padding: 8px 6px 8px 4px; margin: 0 0 12px 0; border-bottom: 1px solid #e6e5e0; border-top: 1px solid #e6e5e0} .byline .txtBox .txt { float:left; overflow: hidden} .byline .txtBox .date {float:right} .toolbar {float: left; border: 1px solid #e6e5e0; width: 600px; padding:8px 0 1px 5px; margin: 12px 0 20px 0; font-family: Arial, sans-serif; font-size: 1em; color: blue; background-color: #f6f6f3} .toolbar .toolbarTxt{float: left; overflow: hidden;margin-top: 2px;} .toolbar li {display: inline} #toolbar_sprite {width: 600px; height: 30px;} #toolbar_sprite li, #toolbar_sprite a {height: 30px; display: block; float: left;} #tool_comments {padding: 0 0 0 20px; left: 0; width: 80px; background: url(../gfx/tool_master.png) 0 -398px no-repeat} #tool_print {padding: 0 0 0 20px; left: 0; width: 60px; background: url(../gfx/tool_master.png) 0 -214px no-repeat} #tool_share {padding: 0 0 0 20px; left: 0; width: 100px; background: url(../gfx/tool_master.png) 0 -76px no-repeat} #tool_tips {padding: 0 0 0 20px; left: 0; width: 310px; background: url(../gfx/tool_master.png) 0 -352px no-repeat} #tool_decrease {padding: 0; left: 0; width: 20px; background: url(../gfx/tool_master.png) 0 -122px no-repeat} #tool_normal {padding: 0; left: 0; width: 20px; background: url(../gfx/tool_master.png) 0 -260px no-repeat} #tool_increase {padding: 0; left: 0; width: 20px; background: url(../gfx/tool_master.png) 0 -168px no-repeat} .article .leftCol .toolbar ul {margin: 0; padding: 0; list-style: none} .toolbar img {float: left} .toolbarIcon {float:left; padding:0 12px 0 0} .toolbarIconAdjust {float:left; padding:0} .toolbarIconAdjust img {float:left; padding: 0 4px 0 2px;} .toolbarIcon .group {float:left} .toolbarIcon img {float:left; padding:2px 8px 0 0} .toolbarIcon a {padding: 4px 0 0 0; float: left} .quote {background-color: white; float: left; border-bottom: 1px solid #e6e5e0; font-family: Georgia, sans-serif; padding: 12px} .quote .signLeft{float:left} .quote .signRight{float:right} .article .quote h1 {padding: 12px; text-align: center; font-size:1.25em} .mparticle .quote h1 {padding: 12px; text-align: center; font-size:1.25em} .contributorArt {float:left} .relArtReadMore .block {float: left; padding: 0 12px 12px 12px} .relArtReadMore {float: left; background-color: white; width:230px} .relArtReadMore .title {margin: 0 12px 8px 12px; font-family: Georgia, sans-serif; float: left; color: #6e6d65; font-size: 0.75em; text-transform: uppercase; overflow:hidden} .relArtReadMore img {float: left; padding: 3px 0 0 0} .relArtReadMoreLink {text-decoration: none; line-height: 1.5em; font-weight: bold; font-family: Arial, sans-serif; font-size:0.75em; float: left; width: 98px; overflow:hidden; padding-left: 8px} .relArtReadMoreLinkNowidth {text-decoration: none; line-height: 1.5em; font-weight: bold; font-family: Arial, sans-serif; font-size:0.75em; float: left; width: 200px; overflow:hidden; padding-left: 8px} #tips { margin: auto auto; width: 260px; height: 382px} /* Vi trenger å lage felles css for alle form elementer over hele klikk.no: */ .searchLabel {font-family: Arial, Verdana, sans-serif; font-size:1em; font-weight:normal; color:#6e6d65; margin-bottom: 4px; margin-top:15px} .searchField { font-size:1em; width:254px; height:18px; border: 1px solid #cdccc3; background: #fbfbfb; vertical-align:middle; padding: 2px} .textField { font-size:1em; width:254px; border: 1px solid #cdccc3; background: #fbfbfb; vertical-align:middle; margin: 0 0 11px 0; padding: 2px} .sendButton { border: double #bbbbbb; background:url("../gfx/buttongradient.gif") repeat-x; width: 70px; height: 23px} .formError { color:#ff0000} .tipHeadline {font-family: Georgia, "Times New Roman", sans-serif; font-size: 1em; margin-bottom: 4px; color:#000} .tipTitle {font-family: Arial, "Times New Roman", sans-serif; font-size: 1em; margin-bottom: 14px} .testBox {font-family: Arial, sans-serif; font-size: 1em; float: left; background-color: #fff; border-bottom: 1px solid #e6e5e0; width:320px; padding: 0 0 1px 0; margin: 0 0 1px 0} .article .leftCol .testBox UL {list-style: disc; margin: 0 0 0 10px} .article .leftCol .testBox LI {margin: 0 0 5px 0} .testBoxArtCol {font-family: Arial, sans-serif; font-size: 1em; float: left; background-color: #fff; width:230px; padding: 0 0 0 0; margin: 0 0 0 0} .testBox LI {margin:0; padding:0} .textBox UL {margin:0; padding:0} .testData {line-height: 1.5em; float: left;padding:5px 12px; background-color:#fff; font-size: 0.75em} .testProCon {float: left; background-color: #e6e5e0; width:320px; padding: 0 0 12px 0} .testPros {float: left} .testPros img {float: left; padding: 12px 4px 12px 12px} .testPros .txt {float: left; padding: 0; width: 190px} .testCons {float: left; border-top: #fff dotted 1px; width: 100%} .testCons img {float: left; padding: 12px 4px 12px 12px} .testCons .txt {float: left; padding: 0; width: 190px} .testPoints {float:left; margin:0 0 0 0; padding: 0 0 4px 0; background-image: url("../gfx/gradient2.gif"); background-repeat: repeat-x; background-position:bottom; width:320px} .testPointsBg {float: left; border-top: 1px dotted #e6e5e0; background-position: bottom left; padding-bottom: 0} .testConclusion .title {padding:4px; float: left; font-weight: normal} .testConclusion .txt {float:left; font-weight: normal} .relArtMore .block {float: left; padding-top:5px; margin-bottom: 10px} .relArtMore {float: left; background-color: white; width:230px; border: 1px dotted #e6e5e0} .relArtMore .title {margin-top: 10px; font-family: Georgia, sans-serif; float: left; color: #6e6d65; font-size: 1em; text-transform: uppercase; padding-left: 5px; padding-right: 5px; overflow:hidden} .relArtMore img {float: left;padding-left: 5px; padding-right: 5px} .relArtMoreLink {font-family: Arial, sans-serif; font-size: 1em; float: left; width: 110px; height: 47px; overflow:hidden; padding-left: 5px; padding-right:5px} .artCol {float:left} .artCol img {float:left; margin-right: 5px} .artCol .txt {float:left; font-family: arial, serif; font-weight: normal; width: 90px} .artCol .pic {float: left} .artCol .pic img{float: left} .article .leftCol .xbox .block {float: left; padding-top:5px; margin-bottom: 10px} .article .leftCol .xbox {float: left; background-color: #fff; width:320px; border-bottom: 1px solid #e6e5e0; font-family: Arial, sans-serif; padding: 0 0 12px 0; margin: 0 0 1px 0} .article .leftCol .xbox p {padding: 0 4px 4px 4px} .mparticle .xbox p {padding: 0 4px 4px 4px} .article .leftCol .xbox img {float: left;padding-left: 12px; padding-right: 4px; padding-top:12px} .article .leftCol .xboxLink {font-family: Arial, sans-serif; font-size: 1em; float: left; width: 110px; height: 47px; overflow:hidden; padding-left: 5px; padding-right:5px} .article .leftCol .xbox .xboxImage{float:left; padding: 0 4px 0 0} .article .leftCol .xbox .xboxTxt {padding: 12px 0 0 4px} .article .leftCol .xbox .xboxTxt {padding: 12px 0 0 4px} .mparticle .xbox .xboxTxt {padding: 12px 0 0 4px} .article .leftCol .xbox H1 {font-weight: bold; font-family: Arial, sans-serif; font-size: 1em; letter-spacing: 0; padding: 0 0 0 4px} .mparticle .xbox H1 {font-weight: bold; font-family: Arial, sans-serif; font-size: 1em; letter-spacing: 0; padding: 0 0 0 4px} .article .leftCol .xbox H2 {font-family: Arial, sans-serif; padding: 0 0 4px 4px} .article .leftCol .xboxTxtNoImage H1 {font-weight: bold; font-family: Arial, sans-serif; font-size: 1em; letter-spacing: 0; padding: 0 0 0 4px} .article .leftCol .xboxTxtNoImage H2 {font-family: Arial, sans-serif; padding: 0 0 4px 4px} .article .leftCol .xbox .xboxTxtNoImage {float: left; width: 300px; padding: 8px} .article .leftCol .xboxTxtNoImage H1 {font-weight: bold; font-family: Arial, sans-serif; font-size: 1em; letter-spacing: 0; padding: 0 0 0 4px} .article .leftCol .xboxTxt H2 {font-family: Arial, sans-serif; padding: 0 0 4px 4px} .mparticle .xboxTxtNoImage H1 {font-weight: bold; font-family: Arial, sans-serif; font-size: 1em; letter-spacing: 0; padding: 0 0 0 4px} .mparticle .xboxTxtNoImage H2 {font-family: Arial, sans-serif; padding: 0 0 4px 4px} .mparticle .xbox .xboxTxtNoImage {float: left; width: 214px; padding: 4px} .mparticle .xboxTxtNoImage H1 {font-weight: bold; font-family: Arial, sans-serif; font-size: 0.75em; letter-spacing: 0; padding: 0 0 0 4px} /* mp-art check profile */ .mparticle .byline img {float: left;padding-right:10px;} .mparticle .byline .txtBox {width: 458px; float:left; padding: 8px 6px 8px 4px; margin: 0 0 12px 0; border-bottom: 1px solid #e6e5e0; border-top: 1px solid #e6e5e0} .mparticle .byline .txtBox .txt {width: 256px; float:left; overflow: hidden} .mparticle .byline .txtBox .date {float:right} .mparticle .byline .txtBox .profile {width: 90px; float:left; overflow: hidden;padding-right:10px;} .mparticle .byline .txtBox .profile .label{float:left; font-style:italic;} /* mp art end */ .questionTitle {font-size: 1.66em; word-spacing: 0.05em; line-height: 1.3em; font-family: georgia, "times new roman", sans-serif; letter-spacing: -1px; color:#333} .answerTitle{font-size: 1.66em; word-spacing: 0.005em; line-height: 1.3em; font-family: georgia, "times new roman", sans-serif; letter-spacing: -1px; color:#333} .faqPicture {float: left; margin-bottom: 20px} a.facebook {background-image: url(../gfx/spriteGenerals.gif); background-repeat: no-repeat; background-position: 0 -921px; ;margin: 0;padding: 0 0 0 25px;line-height:15px !important;font-size:0.8em} #modal_container { margin-left: auto; margin-right: auto; padding: 10px; border: 1px solid #666; background-color: #fff; overflow: auto; font-size: 1em; color: #333; text-align: left} #modal_overlay { background-color: #000} .modal_header{ height:10%; width:100%; margin-top:20px; text-align: center; border-bottom: #999999 dotted thin; font-family: Georgia, sans-serif; font-size:1.3em} .modal_formHeader{ height:10%; width:100%; margin-top:20px; margin-bottom: 10px; text-align: left; border-bottom: #999999 dotted thin; font-family: Georgia, sans-serif; font-size:1.3em} .modal_tipText {font-family: arial, sans-serif; font-size: 0.6em; color: #333} .modal_main {height:55%; margin: auto; padding: 10px; text-align: center; vertical-align:middle} .modal_tipForm {font-size: 0.75em; height:55%; padding: 10px; margin: 0 0 0 0; text-align: left; vertical-align:middle} .modal_footer{height:10%; width:100%; border-top: #999999 dotted thin; text-align:center} .modal_formFooter {color: #999; font-size: 0.75em; padding: 10px 0 0 0; height:10%; width:100%; border-top: #999999 dotted thin; text-align:center} .modal_footer img {margin: 10px 0 0 0} .notinuse{float:left} .iframeMultipage {float: left} /* modalControl */ /* search elementer START */ .leftColSearch { float: left; width: 548px; padding: 0 8px 0 0; margin: 12px 8px 0 0} .leftColSearch form {margin: 0; padding: 0} .topSearch .formSearch {float: left; margin: 0 0 12px; width: 782px; background: url(../gfx/gradient_vertical.gif) repeat-x 0 -78px; border:1px solid #fff; padding:13px 0 13px 20px; font-weight:bold} .topSearch .formSearch .txt {font-family: georgia, sans-serif; font-size: 1.1em; font-weight: bold; padding: 2px 0 1px 0; float: left; margin: 0 0 10px 0} .topSearch .formSearch input {margin: 0 2px 0 0; padding: 1px 5px 1px 5px; border: 1px solid #bebebe} .topSearch .formSearch .button {text-transform: lowercase; font-size: 0.75em; margin: 0 5px 0 0; padding: 0 7px; background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -30px} .topSearch .formSearch .textfield {padding: 1px 3px; margin: 0 5px; color: #333; font-size: 0.75em; border: 1px solid #cccab5; background-color: #fff; vertical-align: baseline; width: 300px} .topSearch .tips {background-image: url(../gfx/spriteGenerals.gif); background-position: 0 -64px; background-repeat:no-repeat; padding: 0 0 0 50px; font-weight: normal; font-size: 0.75em; text-decoration: underline; margin: 0 0 0 10px;} .topSearch .tips a{padding-left: 10px;} .topSearch .formHitsCollect {color: #333; margin: 0 0 12px 0; background-color:#f6f6f3; padding:15px 15px 10px 15px; font-size:0.75em; border:1px solid #e4e3da; float: left; width: 508px} .topSearch .formHitsCollect .txt {float: left} .topSearch .formHitsCollect .formHitsCount {float: left; width: 520px; padding: 12px 0} .topSearch .formHitsCollect .formHitsCount a {float: left; font-weight: bold; color: #006783} .formHitsCount .result {float: left; color: #999; padding: 0 25px 0 5px} .leftColSearch .searchResultNav { text-align: center; margin: 0 0 8px; float: left; padding:0 3px 8px; font-weight:bold; font-size:0.72em; width: 510px; border-bottom: 1px solid #e4e3da} .suggestionSelect { z-index:99; border:1px solid #CCCAB5; font-size:0.75em} .searchResultNav .counter {float: left; padding: 0 0 0 20px} .searchResultNav .sort {float: right} .searchResultNav .sort .sortTitle {float: left} .searchResultNav .sort .sortLinks {float: left; padding: 0 0 0 10px} .searchResultNav .sort .sortLinks a {padding: 0 10px 0 0; color: #333} .searchResultBottom { text-align: center; margin: 0 0 12px 0; float: left; padding:7px 15px; background-color:#f6f6f3; font-weight:bold; font-size:0.72em; border:1px solid #e4e3da; width: 508px} .searchResultBottom .last a {float: left; color: #333} .searchResultBottom .last {float: left; color: #999; padding: 0 2px} .searchResultBottom .pages {width: 300px; float: left; text-align: center; text-decoration: none} .searchResultBottom .pages a {color: #333; padding: 0 2px; text-decoration: underline;} .searchResultBottom .last a {float: left; color: #333} .resultContainer {width: 540px; float: left; margin: 0 0 20px 0} .resultContainer .imgFrame {padding: 5px 0 5px 0; margin: 0 15px 0 0; text-align: center; width: 121px; border: 1px solid #eeede6; float: left;} .resultContainer .nohits {margin: 20px} .resultContainer .items {float: left; width: 530px; border-bottom: 1px solid #fff; padding: 6px 0 6px 0} .resultContainer img {} .resultContainer .txtContent {float: left; width: 380px} .resultContainer H1 {float: left; width: 380px;font-family: georgia, sans-serif; font-size: 1.4em; font-weight: normal; color: #333} .resultContainer .subtitle {float: left; width: 380px; font-family: arial, sans-serif; font-size: 0.75em; font-weight: normal; color: #999} .resultContainer H2 {float: left; width: 380px; font-family: arial, sans-serif; font-size: 0.70em; font-weight: normal; color: #6e6d65} .resultContainer H3 {float: left; width: 380px; font-family: arial, sans-serif; font-size: 0.75em; font-weight: normal; color: #333} .rightColSearch {margin: 12px 0 0 0; float: left; width: 240px} .rightColSearch .header {float: left; padding: 0 0 0} .rightColSearch .header H1 {text-transform: uppercase; float: left; margin: 0 5px 0 0; font-weight: bold; font-family: georgia, sans-serif; font-size: 0.9em} .rightColSearch .showAll {margin: 2px 0 0 4px; float: left; font-size: 0.75em; text-decoration: underline; } .rightColSearch .container {border-bottom: 1px solid #E4E3DA; border-left: 1px solid #E4E3DA;border-right: 1px solid #E4E3DA; padding: 0;float: left; margin: 8px 0 20px} .rightColSearch .container H1 {width: 240px; margin: 0 0 10px 0; font-weight: normal; font-family: georgia, sans-serif; font-size: 1em} .rightColSearch .container H2 {border-top: 1px solid #E4E3DA; padding: 10px 0 0 16px; width: 221px; margin: 0 0 3px 0; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; float: left;} .rightColSearch .container H2 .count {color: #999; display: inline; margin: 0 0 0 1px;} .rightColSearch .items {padding: 0 0 0 8px; background-image: url(../gfx/spriteGenerals.gif); background-repeat: no-repeat; background-position: 0 -73px; margin: 6px 0 6px 18px} .rightColSearch .items a {margin: 0 4px; color: #333; font-weight: normal; font-size: 0.75em; float: left; text-decoration: underline} .rightColSearch .items .count {color: #999; font-size: 0.75em} .rightColSearch .itemsContainer {float: left; padding: 0 0 10px 0; width: 236px;} .theContainer .listItems {float: left; display: block; padding:0 12px 10px 12px;} .theContainer .listItems a {font-weight: bold; font-size: 0.75em; float: left;} .theContainer .header {float: left;padding:0;} .rightColSearch .alsoContainer {border-top: 1px solid #E4E3DA; padding: 0;float: left; margin: 0 0 10px 0} .rightColSearch .alsoContainer H2 {text-transform:uppercase; padding: 10px 0 10px 12px; width: 226px; margin: 0 0 3px 0; float: left;} .rightColSearch .alsoHeader {float: left; padding: 0 0 11px 0} .rightColSearch .alsoHeader H1 {text-transform: uppercase; float: left; padding:0 5px 13px 12px; font-weight: bold; font-family: georgia, sans-serif; font-size: 0.9em} /* search elementer END */ /* Skjema-artikkel*/ .formContainer {padding:10px; border:1px solid #e6e5e0; margin: 10px 0} .formContainer h3{color:#333; margin:0; font-weight:bold; font-size: 0.85em; font-family:Georgia,helvetica,sans-serif; padding-bottom:12px} .formLabel{font-family: Arial, sans-serif;font-size: 0.75em;font-weight:bold; color:#333; float: left; padding: 3px 5px 0 0} .formInput{font-family: Arial, sans-serif; font-size: 0.75em; width:438px; border:1px solid #e6e5e0; margin: 0 0 10px 0} .formRadioButton{font-family: Arial, sans-serif;font-size: 0.75em;float:left; margin: 3px 5px} .formButton{padding: 1px 7px; margin: 0 4px; background-color: #e6e5e0; border: 1px solid #333} .formButtons{font-family: Arial, sans-serif; font-size: 0.75em; text-align:center; padding-top:18px} .formDivider{border-top:1px solid #e6e5e0;margin:15px 0 15px 0;width:434px; float: left} .formImg{float:left;padding: 0 10px 10px 0} .formLabelTxt{float:left; padding: 0 0 5px 0} .formMandatory{font-size:1.5em; padding: 0 0 0 5px; float:left} .formErrorMsg{font-size: 0.75em; font-weight:bold; color:#ff0000; padding-top:10px; text-align:center} .pollErrorMsg{font-weight:bold; color:#ff0000; padding-top:10px; text-align:center} .formContainer .labelCont {float: left} .formContainer_fp .labelCont {float: left} .formContainer_fp{width:296px; float: left; margin: 12px 0 20px 0; padding:10px; background-color:#f6f6f4; border:1px solid #e6e5e0} .formContainer_fp input, select, checkbox {margin-right: 4px;} .article .rightCol .formContainer_fp h3{color:#333; margin:0; font-weight:normal; font-size: 1.1em; font-family:Georgia,helvetica,sans-serif; padding-bottom:12px} .formContainer_fp h3{color:#333; margin:0; font-weight:normal; font-size: 1.1em; font-family:Georgia,helvetica,sans-serif; padding-bottom:12px} .article .formContainer_fp h3{color:#333; margin:0; font-weight:normal; font-size: 1.1em; font-family:Georgia,helvetica,sans-serif; padding-bottom:12px} .formDivider_fp{float: left; border-top:1px solid #e6e5e0; margin:12px 0 12px 0;width:292px} .topFieldSearch {width: 200px; background: url(../gfx/bgTopp.gif) no-repeat 0 -114px ; float: left; font-size: 0.75em; padding:17px 10px 17px 15px; margin: 0 5px 0 50px} .topFieldSearchEmpty {width: 200px; float: left; font-size: 0.75em; padding:17px 10px 17px 10px; margin: 0 0 0 150px} .topFieldSearch input {margin: 0 2px 0 0; padding: 1px 5px 1px 5px; border: 1px solid #bebebe} .topFieldSearch .button {padding: 0 7px; background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -30px} .topFieldIframe {height: 55px; padding: 0 5px; font-size: 0.75em; float: left; width: 478px; background: url(../gfx/bgTopp.gif) no-repeat 0 -30px} .topFieldIframe form {float: left} .topFieldIframe p {margin: 4px 5px 1px 6px} .topFieldIframe .info {float: left; margin: 10px 0 10px 8px} .topFieldIframe .fieldUsr {width: 80px; margin: 17px 1px 17px 10px; padding: 1px 5px 1px 5px; border: 1px solid #bebebe; float: left} .topFieldIframe .fieldUsrPassive { background-image: url(../gfx/spriteGenerals.gif); background-position: 0 -30px; background-repeat: no-repeat; #ffffff} .topFieldIframe .fieldPass {width: 80px; margin: 17px 1px 17px 4px; padding: 1px 5px 1px 5px; border: 1px solid #bebebe; float: left} .topFieldIframe .fieldPassPassive {background-image: url(../gfx/spriteGenerals.gif); background-position: 0 -327px; background-repeat: no-repeat; #ffffff} .topFieldIframe .button { width:70px} .topFieldIframe .extras {float: left; margin: 10px 0 10px 8px; width: 78px} .topFieldIframe .profilename {margin: 0 20px; padding: 20px 10px; float: left} .topFieldIframe .item {border-left: 1px solid #e6e5e0; padding: 13px 20px; margin: 6px 0; float: left} .topFieldIframe img {float: left; padding: 7px 3px} .topFieldIframe .remember {margin: 0 5px; padding: 20px 2px; float: left} .topFieldIframe .checkbox {margin: 22px 5px 17px 1px; padding: 1px 5px 1px 5px; float: left} .topFieldIframe .button {padding: 0 7px; background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -30px; float: left; margin: 17px 1px 17px 4px; border: 1px solid #bebebe} .topFieldIframe .url {font-size: 0.9em} .topFieldIframe .msgEmail {float: left; width: 200px; font-size: 0.9em; padding: 14px 4px} .topFieldIframe .msgNoemail {float: left; width: 470px; font-size: 0.9em; padding: 14px 1px; text-align: center; margin-left: auto; margin-right: auto} .topFieldIframe .msgNoemail p {float: left} .topFieldIframe .msgNoemail a {text-decoration: underline; float: left; padding: 3px; 0 0 4px} .leftColSearch .verticals {float: left; display: table; width: auto} .verticals .subElements {float: left} .article .testMatrix{background-image: url("../gfx/gradient_vertical.gif"); background-repeat: repeat-x; background-position: 0 -1362px; margin: 2px 0; padding: 4px 0 4px 8px; float: left; width: 460px; border: 1px solid #e6e5e0; font-size: 0.75em} .article .testMatrix .testMatrixHeader{ background-image: url(../gfx/spriteGenerals.gif); background-repeat: no-repeat; background-position: 0 -376px; float: left; width: 452px; color: #fff; margin: 0 0 10px 0; padding: 3px 0} .article .testMatrix .testMatrixHeader H2 {font-size: 1em; font-weight: bold; color: #fff; padding: 3px 20px; font-family: arial, verdana, sans-serif} .article .testMatrix .testMatrixContainer{float: left; width: 452px; font-weight: bold; padding:0 4px 0 4px} .article .testMatrix .testMatrixLabel{float: left; width: 138px; font-weight: normal; padding: 3px 0 3px 12px} .article .testMatrix .pointNumber {float: left; width: 15px; padding: 3px 0} .article .testMatrix .testMatrixBar {float:left; margin: 1px; height: 7px} .article .testMatrix .testMatrixBarWrapper {border: 1px solid #ccc; float: left; margin: 4px 0 4px 4px; padding:0} .article .testMatrix .totalPoints {border-top: 1px dotted #CCC; width: 444px; text-align: center; float:left; margin:10px 0 0 0; padding: 0 0 4px 0} .article .testMatrix .totalPoints H2 {float: left; font-size: 1.4em; color: #666; padding: 20px 0 0 12px} .colPolTitle {float: left; font-size: 0.9em; padding: 1px 5px 0 0} /*JATO STYLES*/ .jatoTable {background: url(../gfx/gradient_vertical.gif) repeat-x 0 -1362px; border: 1px solid #e6e5e0; width: 450px; font-size: 0.75em; padding: 8px; float: left; margin: 20px 0} .jatoTable H2 {font-size: 1.6em; color: #333; margin: 0 0 8px 0} .jatoTable .title {width: 250px; float: left} .jatoTable .value {padding: 0 0 0 10px} .jatoTable .std {padding: 2px 10px; background-color: #F6F6F3; float: left;width: 430px} .jatoTable .stdDark {padding: 2px 10px; background-color: #EEEDE8; float: left;width: 430px; font-weight: bold} .jatoTable .stdDark H3 {padding: 4px 0; font-size: 1.2em; font-weight: bold; font-family: arial, verdana, sans-serif} .jatoTable .stdWhite {padding: 2px 10px; background-color: #FFF; float: left;width: 430px} .jatoTable .stdWhite H3 {padding: 4px 0; font-size: 1.2em; font-weight: bold; font-family: arial, verdana, sans-serif} .jatoTable .stdWhiteBorder {padding: 2px 4px 10px 10px; background-color: #FFF; float: left;width: 430px; border-bottom: 1px solid #E6E5E0} .contributorDropdown {font-size: 0.8em;text-align:left;color:#6E6D65;padding:15px 0 10px 10px;border-top:1px solid #E6E5E0;margin-top:10px} .contributorDropdown select {width:170px;font-size: 0.9em;} .contributors {font-size: 0.8em;text-align:left;color:#6E6D65;padding:15px 0 10px 10px;border:1px solid #E6E5E0;margin:12px 0 12px 0;background-image: url("../gfx/gradient_vertical.gif"); background-repeat: repeat-x; } .contributors select {width:170px;font-size: 0.9em;} .searchTiptable {font-size: 0.75em; color: #333;} .recipe_search_left {float: left; background: url(../gfx/recipe_leftcol_sok_bg.gif) repeat-x; border: 1px solid #6d2c26; width: 787px; padding:10px 0 2px 15px} .recipe_search_left p {color: #fff; font-family: georgia, sans-serif; float: left; padding: 5px 20px 5px 10px; font-size: 1.2em; font-weight: bold} .recipe_search_right {float: left; background: url(../gfx/recipe_rightcol_sok_bg.gif) repeat-x; border: 1px solid #6d2c26; width: 315px; padding:0 0 5px 0 ; margin: 12px 0} .recipeBtn {padding: 4px; float: left} .inputText {width: 270px; float: left; padding: 3px 5px; margin: 4px 4px 10px 4px} .inputText {width: 190px; float: left; padding: 3px 5px; margin: 4px 4px 10px 13px} .recipe_search_right p {margin: 0 0 5px 13px; color: #fff; font-family: georgia, sans-serif; float: left; padding: 5px 20px 5px 10px; font-size: 1.2em; font-weight: bold; border-bottom: 2px groove #999} /* SEARCHBOX STYLES */ .searchBtn {padding: 4px 12px 0 3px; float: left;} .hidden {padding:0;margin:0;width:0;height:0;display:none;visibility:hidden;} .searchbox_804 {float:left;text-align:left; color: #00657f; background: url("../gfx/sok_bg_rep_stndrd.gif") repeat-x; border: 1px solid #e6e5e0; width: 762px; padding:34px 20px 20px 20px;margin:11px 0 4px 0;height:60px;} .searchbox_804 .container {float:left;padding-left:150px;} .searchbox_804 .containerDefault {float:left;} .searchbox_804 p {font-family: arial, sans-serif; font-size: 0.9em;font-weight:bold;} .searchbox_804 .inputText {float:left;width: 405px; padding: 3px 5px; margin: 4px 0 0 0;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .searchbox_804 .inputTextLinks {float:left;width: 215px; padding: 3px 5px; margin: 4px 0 0 0;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .searchbox_804 .inputTextDefault {float:left; width: 540px; padding: 3px 5px; margin: 4px 0 0 0;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .searchbox_804 .inputTextDefaultLinks {float:left;width: 365px; padding: 3px 5px; margin: 4px 0 0 0;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .searchbox_804 .searchBtn {float:left;padding: 4px 12px 0 3px;} .searchbox_804 .linkContainer {float:left;width:285px;padding-left:15px; font-size:0.75em;font-weight:bold;line-height:1.5em;} .searchbox_804 .links {float:left;margin-right:20px;} .searchbox_804 .links3 {float:left;} .searchbox_804 .link {background-image:url("../gfx/default/arrowLeft.gif");background-repeat:no-repeat;background-position:0;padding-left:10px;color:#006783;} .searchbox_468 {text-align:left; color: #00657f; background: url("../gfx/sok_bg_rep_stndrd.gif") repeat-x; border: 1px solid #e6e5e0; width: 428px; padding:34px 20px 35px 20px;margin:11px 0 4px 0;} .searchbox_468 .container {float:right;} .searchbox_468 p {font-family: arial, sans-serif; font-size: 0.9em;font-weight:bold;} .searchbox_468 .inputText {float:left; width: 200px; padding: 3px 5px; margin: 4px 0 0 4px;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .searchbox_468 .inputTextDefault {float:left; width: 320px; padding: 3px 5px; margin: 4px 0 0 4px;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .searchbox_320 {text-align:left; color: #00657f; background-image:url("../gfx/sok_bg_rep_stndrd.gif"); background-repeat: repeat-x; background-position: 0 -114px; border: 1px solid #e6e5e0; width: 278px; padding:34px 20px 35px 20px;margin:11px 0 4px 0;} .searchbox_320 .container {float:right;} .rightCol .searchbox_320 p {font-family: arial, sans-serif; font-size: 0.9em;font-weight:bold;padding-left:4px;float:none;line-height:1em;} .searchbox_320 .inputText {float:left; width: 177px; padding: 3px 5px; margin: 4px 0 0 4px;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .searchbox_320 .inputTextDefault {float:left; width: 177px; padding: 3px 5px; margin: 4px 0 0 4px;font-size:0.75em;color:#666666;font-family:arial,sans-serif;border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;} .article .kolofon p {font-size: 1em;} .testPointsBg .txtNumber .points100Color {padding: 10px 0;font-size: 1.6em; float: left; font-weight: bold; margin: 0 4px 0 0} .testPointsBg .txtNumber .points100Gray {padding: 10px 0;font-size: 1.6em; color: #666; float: left; font-weight: bold} .testPointsBg .txtNumber .label {float: left; margin: 0 10px 0 0; padding: 16px 0} .testPointsBg .txt {float: left; padding: 5px 12px 0 12px; font-size: 0.75em} .testPointsBg .txtNumber {float: left; padding: 5px 12px 0 12px; font-size: 0.75em; background: url("../gfx/gradient_vertical.gif") 0 -1362px; width: 206px} .videoContainer {margin: 12px 0 0 0; float: left} .article .mainCollectionArticle { margin: 0 0 20px 0; width: 320px; float: left} .article .mainCollectionArticle H3 {padding: 5px; float: left} .article .mainCollectionArticle H3 a {color: #333} .article .mainCollectionArticle .readmore {font-size: 0.85em;} .article .mainCollectionArticle .leadtext {font-size: 0.8em} .article .mainCollectionArticle p {font-size: 1em; padding: 0 0 0 4px} .leftbox {float: left; width: 460px} .leftbox a {text-decoration: underline} .leftbox img {float: left} .leftbox p {padding: 12px 2px} .centerbox {text-decoration: underline; padding: 0 15px 0 15px; margin: 10px; float: left; width: 100px; border-style: solid; border-width:0 1px; border-color: #e6e5e0;} .centerbox .url {float: left; text-decoration: underline} .centerbox p {padding: 2px 0 5px 0;text-decoration: underline} .centerbox a {text-decoration: underline} .rightbox {float: left; width: 190px} .rightbox img {float: left; padding: 5px} /* changing anchor behavior in multipage */ .anchorClass {text-decoration: none; cursor: default;} .leftCol .collectionArticle .multipageAnchorTitle a {text-decoration: none;} .leftCol .collectionArticle .multipageAnchorTitle a:hover {font-size: 1em;} .multipageAnchorTitle {text-decoration: none; font-size: 1.3em;} .multipageAnchorTitle h2 {text-decoration: none; cursor: default;} /* .multipageAnchorTitle a:link {background-color: yellow; text-decoration: none; font-size:1.3em; cursor: default;} .multipageAnchorTitle a:visited {background-color: yellow; text-decoration: none; font-size:1.3em; cursor: default;} .multipageAnchorTitle a:hover {background-color: yellow; text-decoration: none; font-size:1.3em; cursor: default;} .multipageAnchorTitle a:active {background-color: yellow; text-decoration: none; font-size:1.3em; cursor: default;} */ /* END */ /* sprite koordinater START */ #howtvMenu .verticalTitle {background-repeat: no-repeat; background-position: 22px -299px} .moreTopic a {background-repeat: no-repeat; background-position: 0 -344px;} .verticalArticlesSec H2 {padding:0 0 0 50px; background-repeat: no-repeat; background-position: 0 -260px; font-family:Georgia,helvetica,sans-serif;} .logoContainer {background-repeat: no-repeat; background-position: 0 -35px;} a.readmore:link,a.readmore:visited {background-repeat: no-repeat; background-position: 0 -344px; font-weight: bold;} .verticalBar {background-repeat: no-repeat; background-position: 0 -307px;} .topField {background-position: 0 -178px;} .mparticle .multimenu a{background-repeat: no-repeat; background-position: 0 -344px; padding: 0 0 0 15px;} .article .multimenu a{background-repeat: no-repeat;float: left; background-position: 0 -344px; padding: 0 0 0 15px;font-weight: normal;} .multimenu .txtContainer {float: left;} /* sprite koordinater END */ /* META RECIPE STYLES */ .recipeList .boxLeft {text-align: center;padding: 0; margin: 0; float: left; width: 94px; border: 1px solid #d2d1c2;background-color:#fff;} .recipeList img {margin: 0; padding: 0} .recipeList .boxRight {float: left;width: 200px;padding-left:4px;} /* recipe article style */ .recipe {width: 604px; font-family: Arial, sans-serif; font-size: 0.75em; float: left; overflow: hidden;} .recipe .headline {font-family: Georgia, sans-serif; font-weight: bold; font-size: 1em;} .recipe .top {float:left; overflow: hidden; width: 604px;} .recipe .top .left{float:left; width:210px;} .recipe .top .right{float:left; width: 380px; overflow: hidden;} .recipe .top .right .subTitle h2 {float:left; font-family: Georgia, Arial, sans-serif; text-transform: uppercase; overflow: hidden; font-size: 1em; color: #B4B2A3;} .recipe .top .right .title {float:left; margin-top: 5px;} .recipe .top .right .title h1 {line-height: 1.2em; font-size:1.88em; color: #333;} .recipe .toolbar {float:left; width: 588px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #F6F6F5; padding: 3px 10px 3px 10px; overflow: hidden;} .recipe .toolbar .txt {width: 65px; float: right; background-image: url(../gfx/tool_print.gif); background-repeat: no-repeat;padding-left: 20px;} .recipe .toolbar a{text-decoration: none; color: #ede; cursor:pointer;} .recipe .teaser {float:left; width: 604px; font-family: Georgia, sans-serif; background-color: #6E6D65; color:#fff; border-bottom: 1px solid #6E6D65; padding: 1px 10px 1px 10px; overflow: hidden; font-size: 1em; font-weight: bold; text-transform: uppercase; margin-top: 20px; margin-bottom: 12px;} .recipe .image img{float:left; width: 200px; overflow: hidden; border: 1px solid #ccc; padding: 3px;} .recipe .ingress {float:left; width:604px; font-family: Georgia, sans-serif; font-size: 1.2em; margin-bottom: 15px; overflow:hidden; font-style: italic;} .recipe .left {width:210px; float: left; overflow: hidden;} .recipe .left .portion{background-image: url(../gfx/portionsgrey.gif); background-position: left center; background-repeat: no-repeat; background-color: #F6F6F5; width:200px; height: 30px; float:left; overflow:hidden; border: 1px solid #ccc; margin-bottom:5px;} .recipe .left .portion .txt {margin-left: 34px; margin-top: 6px;} .recipe .right {width: 380px; float: left; overflow: hidden; padding-left: 5px; padding-right: 5px;} .recipe .footer {width: 604px; float: left; overflow: hidden; color: #aaa; margin-top: 12px;} .recipe .footer b {color: #000; font-weight: normal;} /* recipe end */ /* START: MOTOR (BOAT/MC) STYLE*/ .motor {width: 468px; font-family: Arial, sans-serif; font-size: 0.75em; float: left; overflow: hidden;} .motor .image img{float:left; width: 458px; border: 1px solid #ccc; padding: 4px;} .motor .teaser {float:left; width: 468px; font-family: Georgia, sans-serif; background-color: #6E6D65; color:#fff; border-bottom: 1px solid #6E6D65; padding: 1px 10px 1px 10px; overflow: hidden; font-size: 1em; font-weight: bold; text-transform: uppercase; margin-top: 20px;} .motor .ingress {float:left; width:468px; font-family: Georgia, sans-serif; font-size: 1.2em; margin-bottom: 15px; overflow:hidden; font-style: italic;} .motor .title {float:left;} .motor .title h1 {line-height: 1.2em; font-size:1.88em; color: #333;margin-bottom:12px;margin-top:5px;} .motor .tableHeader {float:left;width:468px;} .motor .tableHeader .roundcorner{float:left;} .motor .dataHeader{float:left;width:452px;background-color:#EE950D;height:17px;color:#ffffff;font-weight:bold;padding:3px 0 0 4px;} .motor .table {border:1px solid #E6E5E0;width:466px;float:left;} .motor .greyRow {float:left;padding:3px;background-color:#F6F6F4;width:460px;} .motor .whiteRow {float:left;padding:3px;background-color:#FFFFFF;width:460px;} .motor .rowLeft {float:left;width:165px;} .motor .rowRight {float:left;width:295px;} .motor .rowNarrow {float:left;width:65px;} .motor .separator {float:left;width:466px;height:1px;background-color:#E6E5E0;} /* END: MOTOR (BOAT/MC) STYLE*/ /* START: Toplists in rightcolumn next to partnerbuttons */ .topListRightCol {float:left;width:150px;padding:0 10px 0 0;margin:0;} .topListRightCol H2{width:150px;font-size:0.75em;margin:0;padding:5px 0 0 0;} .fp_list_narrow {float: left; margin:12px 0 0 0;} .fp_list_narrow .items {float: left; padding: 5px 0 5px 0; font-size: 0.75em;width:150px;} .fp_list_narrow .items a{font-weight:bold;} /* END: Toplists in rightcolumn next to partnerbuttons*/ .gridTop .readmore{float:none;display:inline;} .gridTop .contributor{float:none;display:inline;} .gridTop a.readmore:link,.gridTop a.readmore:visited {float: none;} .fp_2_640_extraLarge .topLead {font-family: Arial, Helvetica, sans-serif; font-size:0.75em; color: #333; font-weight: normal; line-height: 1.3em;display:inline;} .fp_2_640_extraLarge .topLeadContainer {padding: 0 0 3px 4px;} /* google skritteller START */ .article .largeApp H1 {display: block; text-transform: uppercase; width: 791px; padding: 1px 5px 1px 8px; background-image: url(../gfx/google/titlebackground.gif); font-size: 1em; color: #fff;} .article .largeApp H3 {font-style: italic; width: 788px; padding: 8px; background-color: #eeede6; font-size: 1em; color: #333;} .article .smallApp H1 {display: block; width: 458px; padding: 1px 5px; background-image: url(../gfx/google/titlebackground.gif); font-size: 1em; color: #fff;} .article .smallApp H3 {width: 458px; padding: 1px 4px; background-color: #eeede6; font-size: 1em; color: #333;} .article .appContainer {float: left; margin: 12px 0 0 0;} .menuGoogle {width: 210px; display: block;} .menuGoogle p {margin: 5px 0; float: left;} .menuGoogle H2 {margin: 0 0 10px 0;} .menuGoogle .first{padding: 0 0 0 25px; background-image: url(../gfx/google/1.gif); background-repeat: no-repeat; background-position: left center} .menuGoogle .second{padding: 0 0 0 25px;background-image: url(../gfx/google/2.gif); background-repeat: no-repeat; background-position: left center} .menuGoogle .third{padding: 0 0 0 25px;background-image: url(../gfx/google/3.gif); background-repeat: no-repeat; background-position: left center} .menuGoogle .firstbox input {float: left; margin: 0 2px 0 0; padding: 2px 5px 2px 5px; border-left: 1px solid #999999;border-top: 1px solid #999999;border-right: 1px solid #E6E5E0; border-bottom: 1px solid #E6E5E0;font-size: 0.75em;} .menuGoogle .box input {float: left; margin: 0 2px 0 0; padding: 2px 5px 2px 5px; font-size: 0.75em;} .menuGoogle .button1 {float: left; padding: 1px 10px; background-image: url(../gfx/gradient_vertical.gif); background-position: 0 -30px; border: 1px solid #bebebe; font-size: 0.75em; width: 20px} .menuGoogle .button2 {float: left; padding: 2px; margin: 8px 2px; font-size: 0.75em; width: 80px; text-align: center} .menuGoogle .box {width: 190px; clear: both;float: left; background-image: url(../gfx/google/background_frame.gif); padding: 10px; background-repeat: no-repeat;} .menuGoogle .firstbox {width: 190px; clear: both;float: left; background-image: url(../gfx/google/background_frame.gif); padding: 10px; background-repeat: no-repeat;} .menuGoogle .dist {font-weight: bold;float: left; font-size:0.85em; padding: 5pt 0; margin: 5px 0;} .menuGoogle .snapon {float: left;} .menuGoogle .snapon p{margin: 0 10px; padding: 0;} .menuGoogle .snapon input {margin: 3px 0 0 0;} .menuGoogle .results input {float: left; padding: 0; margin: 3px 0 0 0;} .menuGoogle .results P {margin: 1px 2px; padding: 0;} .menuGoogle .results .grey {background-color: #e6e5e0; float: left; width: 190px;} .menuGoogle .results .grey input {margin: 3px 0 0 0;} /* google skritteller END */ /* START: Partnerfeed leftcolumn */ .partnerFeedContainer{width:462px;border:1px solid #e5e6e0;float:left;padding:0 2px 20px 2px;} .partnerFeedContainer .header{background-position:5px;background-repeat: no-repeat;text-align:right;vertical-align:bottom;padding:2px 10px;margin:8px 0;display:block;} .partnerFeedContainer .header:hover{text-decoration:underline;color: #6e6d65} .partnerFeedContainer .morefrom{font-size:0.75em;background-image: url(../gfx/arrowgrey_left.gif); background-position:0;background-repeat: no-repeat;padding-left:10px;color:#6e6d65;} .partnerFeedContainer .items {float:left;width:150px;padding:0 2px 0 2px;} .partnerFeedContainer h1{width:142px;padding:10px 4px 6px 4px;font-size:1.1em;} .partnerFeedContainer h3{width:142px;padding:0 4px 3px 4px;font-size:0.75em;} /* END: Partnerfeed leftcolumn */ /* START: Bottomfeed */ .bottomFeedContainer{width:804px;border-top:1px solid #e5e6e0;float:left;margin:15px 0 15px 0;} .bottomFeedContainer .header{width:804px;padding:5px 0;float:left;} .bottomFeedContainer .header .morefrom{float:right;font-size:0.75em;color:#6e6d65;padding-right:15px;} .bottomFeedContainer .morefrom a {color: #6e6d65;} .bottomFeedContainer .morefrom a:active {color: #6e6d65;} .bottomFeedContainer .morefrom a:link {color: #6e6d65;} .bottomFeedContainer .morefrom a:hover{text-decoration:underline;color: #6e6d65;} .bottomFeedContainer .item {float:left;width:258px;} .bottomFeedContainer .itemMiddle {float:left;width:258px;padding:0 15px;} .bottomFeedContainer h1{padding:10px 4px 6px 4px;font-size:1.1em;} .bottomFeedContainer h2{text-transform:uppercase;width:50%;float:left;} .bottomFeedContainer h3{padding:0 4px 3px 4px;font-size:0.75em;} .bottomFeedContainer h3{font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3em; color: #333; letter-spacing:0;} .bottomFeedContainer p {font-size: 1em} /* END: Bottomfeed */ /* ProdPage don't display prodLogo on old productpages */ .mainProdPage .prodLogo{display: none;} /* START: LIST HEADER*/ .listHeaderImage {margin:12px 0 0 0; float:left;} /* END: LIST HEADER*/ /* START: VIDEO ICON */ .fp_1_804_fullWidth .videoPlay{background: url(../gfx/videohvit95x18.gif) no-repeat; width:95px;height:18px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp_2_640_extraLarge .videoPlay{background: url(../gfx/videohvit95x18.gif) no-repeat; width:95px;height:18px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp_3_468_large .videoPlay{background: url(../gfx/videohvit95x18.gif) no-repeat; width:95px;height:18px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp_4_349_medium .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp_5_230_halfCol .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp_5_230_halfCol_right .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp_6_111_small .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:5px;right:5px;} .fp_6_111_small_productHomepage .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:5px;right:5px;} .fp_8_111_small .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:5px;right:5px;} .fp_15_320_rcLarge .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp156ArtTop .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp35_156_top .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp11_listWithTwoCol .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp12_listWithLargeImage .imgContentLarge .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp12_listWithLargeImage .imgContent .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:5px;right:5px;} .fp13_listWithImages .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:5px;right:5px;} .fp_16_156_rcSmall_left .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .fp_16_156_rcSmall_right .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .article .artVideoPlay{background: url(../gfx/videohvit95x18.gif) no-repeat; width:95px;height:18px; z-index:200;position:absolute;bottom:36px;right:10px;} .article .artVideoPlay_hover{background: url(../gfx/videohover95x18.gif) no-repeat; width:95px;height:18px; z-index:300;position:absolute;bottom:36px;right:10px;visibility:hidden;} .article .artVideoPlaySmall{background: url(../gfx/videohvit95x18.gif) no-repeat; width:95px;height:18px; z-index:200;position:absolute;bottom:30px;right:10px;} .article .artVideoPlaySmall_hover{background: url(../gfx/videohover95x18.gif) no-repeat; width:95px;height:18px; z-index:300;position:absolute;bottom:30px;right:10px;visibility:hidden;} .bottomFeedContainer .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .relImagegallery .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:10px;right:10px;} .topic_listWithImages .videoPlay{background: url(../gfx/videohvit16x12.gif) no-repeat; width:16px;height:12px; z-index:200;position:absolute;bottom:5px;right:5px;} .artImgContent {position: relative; top: 0; left: 0; float:left;} .artImgContentSmall {position: relative; top: 0; left: 0; float:left;} .imgContent {position: relative; top: 0; left: 0; float:left;} .imgContentLarge {position: relative; top: 0; left: 0; float:left;} .videoImage468 {width: 468px; float: left; padding:0; margin:0 0 5px 0} .videoImage468 img {float: left} /* END: VIDEO ICON */ /* GOOGLE ADS ON SEARCH-GRID */ .ad_header {font-size: 1em; color: #333; font-weight: bold; font-family: georgia, times new roman, sans-serif;} .ad_line1 {font-size: 0.75em; font-weight: bold; font-family: arial, sans-serif; text-decoration: underline; color: #006783} .ad_text {font-size: 0.75em; font-weight: normal; font-family: arial, sans-serif;} .ad_url {font-size: 0.7em; font-weight: normal; font-family: arial, sans-serif; color: #006783} /* Tittel 0.75 em arial bold linkfarge arves fra vertikal Ingress: 0.75 em #333 arial regular Link i bunn litt mindre enn 0.75 em arial regular linkfarge fra vertikal. */ /* DRINK EXTERNAL */ .drink {font-size: 0.95em; font-family: georgia, arial, verdana, sans-serif; color: #333; float:left; padding:2px; width: 462px; border: 1px solid #ccc;} .drink .drinkLeft {float:left; margin:3px;} .drink .drinkRight {float:left; width: 222px;margin: 20px 0; padding: 0 5px;} .drink .drinkRight .conclusion {float:left; font-family: arial, sans-serif; font-size: 0.85em; margin: 0 0 20px 5px;} .drink .drinkRight .moreTest {width: 200px; float:left; font-family: arial, sans-serif; font-size: 0.85em; margin: 10px 0 10px 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; 0; padding: 7px 0;} .drink .titleText{font-weight: bold; font-style: italic; float:left} .drink .title {padding: 3px 3px; color: #fff; background-color: #5B0D0E; float:left; width: 456px; overflow:hidden; font-weight: bold;} .drink .image {float: left; border: solid 1px #ccc; margin: 20px 0; overflow:hidden;} .drink .image img {float:left; margin-left:22px;overflow: hidden;} .drink .drinkRight .rating{float: left; display: inline; padding-left: 5px; padding-right: 5px; overflow:hidden;} .drink .drinkRight .rating .text {float:left; font-weight: bold; font-style: italic;} .drink .drinkRight .rating .score {margin-left: 10px; color: brown; font-size: 2em; display: inline;} .drink .headline{font-style:normal; font-weight: normal; font-size:1.4em; color: #5B0D0E; margin: 0 5px 3px; overflow:hidden;} .leftCol .drink .headline a{text-decoration:none; color:#5B0D0E;} .leftCol .drink .headline a:hover{text-decoration:underline; color:#5B0D0E;} .drink .vinHeadline{font-weight: bold; float: left; color: #6E6D65; background-color: #E5E6E1; width: 453px; overflow:hidden; padding: 3px 5px; margin-bottom: 15px;} .drink .vinPrice {float: left; font-weight: bold;} .drink .vinType {float: left;} .drink .leadtext {float: left; font-weight: bold; font-style: italic; margin: 0 5px 15px; padding-right:3px; font-family: arial, sans-serif; font-size: 0.8em} .drink .tab {padding-left: 200px; float:left;} .drink .vinTab{float: left;} .drink .tablewrapper {position: relative;} .drink .table {display: table;} .drink .row {display: table-row; margin-top: 4px; padding-top: 4px; *float:left; width:468px} .drink .colorRow {background-color:#F6F6F3} .drinks {font-size: 0.95em; font-family: georgia, arial, verdana, sans-serif; color: #333; float:left; padding:2px; width: 462px; border: 1px solid #ccc;} .drinks .container {padding: 10px 0 0 0;border-bottom: 1px solid #ccc; width: 460px; float: left;} .drinks .headline{letter-spacing: -0.01em;font-style:normal; font-weight: normal; font-size:1.2em; color: #5B0D0E; margin: 0 5px 3px; overflow:hidden; width: 250px;} .drinks .rating {font-size: 1em; float: left; border-left: 1px solid #ccc; padding: 0 0 0 10px; margin: 0;} .drinks .price {color: #666; font-family: arial, sans-serif; font-weight: bold; font-size: 12px; padding: 5px 0 0 0} .drinks .first {float: left;} .drinks .headMaintitle {background-color: #e6e5e0; color: #6e6d65; padding: 2px; width: 99%;} .drinks .leadtext {font-family: arial, sans-serif; font-size: 12px; margin: 0 5px 0 0} .drinks .second {float: left; width: 270px;} .drinks .third {float: left; border-left: 1px solid #999; padding: 5px 0 0 10px; margin: 0;} .drinks .rating .colorRed {color: #5B0D0E} .drinks .rating .result {font-size: 1.5em; text-align: center;} .drinks .priceHead {font-size: 12px; font-family: arial, sans-serif;} .drinks .second .wholeTest {font-size: 12px;font-family: arial, sans-serif; float: left; width: 100%; padding: 5px 0} .drinks .allTests {font-size: 12px;font-family: arial, sans-serif; padding: 5px;} .cell {font-family: arial, sans-serif; font-size: 0.8em; display: table-cell;width: 224px; margin-bottom: 10px;overflow: hidden; *float: left; padding: 4px 5px } .cell.empty {border: none; width: 100px;} .cell.rowspanned {position: absolute; top: 0; bottom: 0;width: 100px;} .expertHelp {float: left; width: 468px; background-image: url("../gfx/external/exp_top1.gif"); background-repeat: no-repeat;background-position: top left; padding-top: 14px; font-family:georgia, arial, sans-serif; border: 1px #dbe1d5 solid;} .expertBody a:link {color: #336600} .expertBody {float: left; margin-top: 20px;} .expertBody .left {float:left; width:116px;} .expertBody .right {float: left;width: 333px; margin-left:10px;} .expertBody .right .expertHeading{float:left; font-weight: bold; font-size: 0.9em} .expertBody .right .expertTitle{float:left; margin-right: 5px;} .expertBody .description{float:left; margin-bottom: 15px;} .expertBody .description .expertDescriptionBox {float: left; margin-top:10px; font-style: italic; font-size:0.75em} .expertBody .description .expertDescription {float: left; margin-right: 5px;} .expertBody .contactInfo{float:left; font-family: arial, sans-serif;font-size: 0.9em;} .expertImage {float: left; text-align: center; border: 1px solid #ccc; padding: 2px;} .expertTitle {float: left; font-style: normal;} .expertName {float:left; font-style:normal;} .expertMail {float:left;} .expertProfileLink{float:left;} .expertHelp .expertBody .right .expertProfileLink a{color: #336600;text-decoration: underline;} .expertIsAvailable{float:left; margin-left: 10px;} .expertBody .right .icons{float: left; width: 123px;} .expertBody .right .contactBox{float: left; display:inline;} .expertBody .right .expertPhoneNumber{float: left; margin-left:5px;} .expertBody .right .expertCode{float:left;margin-left: 5px;} .expertBody .right .contactContainer {float:left; width:205px;} .expertBody .right .klikkExpert {float:left; font-size: 0.75em; margin-left:5px; font-style: italic;} .expertBody .right .klikkExpert .text {float:left; margin-right: 5px;} .expertBody .right .klikkExpert .link {float:left;} .expertBody .right .klikkExpert .link a {color: #336600;} .expertBody .right .contactBox .text{float:left; font-family: arial, verdana, sans-serif;} .expertBody .right .contactBox .number{float:left;font-family: arial, verdana, sans-serif; font-weight:bold; margin-left:3px;} .expertBody .right .contactInfo{float: left; margin-bottom: 10px;} .expertBody .right .price{float: left; font-family: arial, sans-serif; margin-left: 5px; margin-top:3px;} .expertBody .bottom {float:left; background-color: #f4f5f1; width:448px; border-top: 1px solid #dbe1d5; padding: 10px; font-size: 0.75em} .expertBody .bottom .text{float: left; font-family: arial, sans-serif; font-weight:bold;} .expertHelp .expertBody .bottom a {color: #336600} .expertHelp .expertBody .bottom a:hover{color: #336600} .centerProdPage {width: 1000px; margin-left: auto; margin-right: auto;} /* link color .article .leftCol p a{color: #0000cc;} .article .leftCol p a:hover {color: #0000ff;} */ /* new ads in standard */ .articleTopGroup {margin:0; float: left; width:1000px;} .articleImageLeadText {float:left; width:800px;} .Impulse{margin-bottom: 15px; text-align:center; margin-top:5px;} #Impulse1{ float:left; width:150px; margin-right: 9px;} #Impulse2{ float: left; width: 150px; margin-right: 9px;} #Impulse3{ float: left; width: 150px;} .articleMidGroup {width:804px; float: right; background-color: white; margin-left:16px} .articleBottomGroup h3 {font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.3em; color: #333; letter-spacing:0;} .mySkyskraper{float:left; width:180px;} .stdArticle {float: left; width: 1000px} /* .articleTopGroupTitle{float: left; width:800px; margin-top: -95px;} */ .articleTopGroupTitle{float: left; width: 800px;} .readMoreBlock a.myReadMore {font-family: arial helvetica sans-serif; background-image: url(../gfx/default/sprite.gif); background-position: 0 -300px; white-space: nowrap; line-height: 1em; font-size: 0.7em; text-decoration: underline; padding: 3px 0 0 7px; margin: 0 0 0 4px; font-weight: normal} /* new link colors */ .rightCol .fp_15_320_rcLarge h1 a:hover{color: #333;} /* css for community login lightbox */ .white_content { background-color:white; display:none; height:330px; left:25%; overflow:auto; padding:16px; position:absolute; top:35%; width:400px; z-index:10002; } .black_overlay { background-color:black; display:none; height:4000px; left:0; opacity:0.6; position:absolute; top:0; width:100%; z-index:10001; } /* siste artikler i artikkelvisning for høyre kolonne under adds */ #latestFromSectART.box {width: 158px; border: 1px solid #999; padding: 5px 10px; float: right;} #latestFromSectART H2 {color: #333} #latestFromSectART.box .content {width: 100%; margin: 0} #latestFromSectART.box LI {padding: 15px 0;} #latestFromSectART.box .content .title {margin: 2px 0;} #latestFromSectART.box .content .leadText {color: #666} #latestFromSectART.box .content .readmore {color: blue;} /* styling needed in new article wireFrame */ .brand UL {margin: 0; padding: 0} .newArticle {width: 804px; margin: 0 16px 0 0; float: left;} .article { width: 1000px; } .outerRightAdCol { float: right; width:180px; margin: 7px 0 0 0 } .outerLeft { float: left; width:180px;} .topWrapper {float: right; margin: 0 0 10px 0;} .topWrapper#fixed {width: 608px;} .bottomContent {float:left; margin-left: 196px;} .articleWrapper {width: 600px;} .relContentContainer {width:320px;} .article .relContentfirst {width:320px;} .article .relContent {width: 320px;} .article .relImagegallery {width:320px;} .article .byline .txtBox {clear: both} .article .byline .txtBox .profile{float: left; margin-right: 25px;} .article .leftCol {float: right; width: 608px; margin: 0 0 0 16px; padding: 0} .articleTopGroupImage {float: left;} .articleBottomGroup a.readmore:link {font-size: 1em;} .articleBottomGroup a.readmore:visited {font-size: 1em;} .readMoreArt {float: left; } .bottomCol {float: left;} .webplakatContainer{float: left; margin-bottom: 16px} .topImage608 {margin-top: 10px; float: right} .hmiApp {width: 804px; float: left;} .hmiApp .Col320 {float: left; width: 320px; } .hmiApp .Col468 {float: left; width: 466px; } .hmiApp .Col320 {margin-left: 16px;} .hmiApp .Col320 H2 {font-family: arial, sans-serif; font-weight: normal; font-size: 1.2em; color: #DC023A} .hmiApp .Col320 H3 {padding: 5px 0;font-family: arial, sans-serif; font-weight:normal; color: #004d4d} .hmiApp .Col320.box {border: 1px solid #333; padding:12px; width: 294px; margin: 0 0 22px 0;} .hmiApp .Col320.box.blue {border-color: #99cccc; background-image: url(../gfx/apps/termincalc/gradient_blue.gif);} .hmiApp .Col320.box.blue H2 {color: #004d4d;} .hmiApp .Col320.box.ez {border: none; padding: 0;width: 320px;} .hmiApp .Col320.box.ez H2 {border: none; width: 295px; padding: 8px 0 4px 25px; margin:12px 0 0 0;font-family: arial, sans-serif; font-size: 14px; text-transform: none; background: url(../gfx/barnimagen/bim_rightcol_listop.gif) no-repeat 0 0; } .hmiApp .Col320.box.ez .content {margin: 0; border: 1px solid #ffcc99; float: left; width: 318px; } .hmiApp .Col320.box.ez .content .items {float: left; width: 310px; padding: 5px 0 5px 5px;} .hmiApp .Col320.box.ez .content .title {font-size: 0.75em; font-weight:bold; padding-left: 5px;} .hmiApp .Col320.box.ez .content .items a {color: #F35101} .hmiApp .Col320.box.ez .content .items p {padding: 0 0 0 5px;} .hmiApp .Col468.terminCal {border: 1px solid #ffcc99;} .hmiApp .Col468.terminCal.inputdata {margin: 12px; width: 440px; background-color: #FEEFF0; border: none } .hmiApp .Col468 h2 { width: 443px; padding: 7px 0 5px 25px; margin: 0;color: #dc023a; font-family: arial, sans-serif; font-size: 14px; text-transform: none; background: url(../gfx/apps/termincalc/bim_top_468.png) no-repeat 0 0; } .hmiApp .Col468.terminCal.title01 {border: none;color: #004d4d; font-family: arial, sans-serif; font-weight: bold; font-size: 14px; background: url(../gfx/apps/termincalc/circel_one.gif) no-repeat 0 7px; padding: 5px 0 5px 30px; margin: 10px; width: 390px} .hmiApp .Col468.terminCal.title02 {border: none;color: #004d4d; font-family: arial, sans-serif; font-weight: bold; font-size: 14px; background: url(../gfx/apps/termincalc/circel_two.gif) no-repeat 0 7px; padding: 5px 0 0 30px; margin: 10px 10px 0 10px;width: 390px} .hmiApp .Col468.terminCal.button {border: none;color: #004d4d; font-family: arial, sans-serif; font-weight: bold; font-size: 12px; background: url(../gfx/apps/termincalc/circel_three.gif) no-repeat 0 7px; padding: 5px 0 5px 30px; margin: 10px;width: 390px} .hmiApp .Col468.terminCal.box {font-size: 0.9em; width: auto;border: none; margin: 0 0 0 40px} .hmiApp .Col468.terminCal.description {font-style:italic;border: none; margin: 5px 10px 0 40px; width: auto; font-size: 0.8em;} .hmiApp .Col468.terminCal.box label {font-weight: bold;font-size: 0.8em; padding: 0 5px;} .hmiApp input,select,textarea {font-size: 0.8em;} .hmiApp .Col468.terminCal.button .left {width: 5px; height: 20px;float: left; background: url(../gfx/apps/termincalc/button_leftcorner_orange.gif) no-repeat 0 0;} .hmiApp .Col468.terminCal.button .right {width: 5px; height: 20px;float: left; background: url(../gfx/apps/termincalc/button_rightcorner_orange.gif) no-repeat 0 0;} .hmiApp .Col468.terminCal.button .center {padding:2px 6px 4px 6px;color: #fff; font-size: 0.9em;float: left; background: url(../gfx/apps/termincalc/button_center_orange.gif) repeat-x 0 0;} .hmiApp .Col468.terminCal.button a:hover.center {background-position: 0 -12px;} .hmiApp .Col468.terminCal.terms {width: 440px; padding: 0 12px;background-color: #fff;border: none; border-top: none; border-left: none; border-right: none;} .hmiApp .Col468.terminCal.terms H2 {padding: 20px 0 0 0; background: none; background-color: white; color: #006666; font-size: 20px; font-family: georgia, sans-serif;} .hmiApp .Col468.terminCal.terms H3.title {font-weight: bold; font-family: arial, sans-serif; font-size: 12px; letter-spacing: 0;} .hmiApp .Col468.terminCal.terms H3.description {background: none;padding:10px 0; color: #018c87; font-family: arial, sans-serif; font-size: 14px;} .hmiApp .Col468.terminCal.terms .box {font-size: 0.9em;margin: 10px 0; padding: 0 0 10px 25px; background: url(../gfx/apps/termincalc/star_orange.gif) no-repeat left 2px;border-bottom: 1px dotted #FF9900} .hmiApp .Col468.terminCal.terms .box p {font-size: 12px;} .hmiApp .Col468.terminCal.terms .description {padding: 1px 0 0 5px; margin: 0; background-color: #51b5b5; color: #fff;} .hmiApp .Col468.relContainer {margin: 20px 0 0 0;padding: 0 0 20px 0;} .hmiApp .Col468.relContainer.relItems {border: none; margin: 0; padding: 0} .hmiApp .Col468.relContainer.relItems img {margin: 10px 10px 0 10px; float: left} .hmiApp .Col468.relContainer.relItems.content {float: left; width: 70%; margin: 10px 0 0 0; } .hmiApp .Col468.relContainer.cont {margin: 0; padding: 0 0 10px 0;border: 1px solid #FFCC99;} .hmiApp .Col468.relContainer.relItems.content .title {font-size: 0.75em; font-weight: bold} .hmiApp .Col468.terminCal .descr {margin: 10px; font-size: 0.9em; color: #51B5B5;} .hmiApp .Col468.terminCal .exp {margin: 0 10px 20px 10px; font-size: 0.75em} .hide {display: none} .outerArt {width: 178px; overflow: hidden; margin-top: 16px; border: 1px solid #e6e5e0} .outerArt .item img {} .outerArt h2 {margin: 2px 0 0 5px; font-size: 11px; font-weight:bold; text-transform: uppercase; padding: 5px 0 5px 8px;} .outerArt .item {margin: 0 0 20px 12px; float: left;} .outerArt .item h3 {letter-spacing: 0;font-size: 12px; font-family: arial, sans-serif; font-weight: bold; margin: 3px 0 0 0; padding: 0;} .outerArt .item p {font-size: 1em;} .outerArt .item .lead {font-size: 0.75em;} .rssFeedContainer .header a {color: #6E6D65; margin: 0 0 5px 0; float: left} .rssFeedContainer .item .title {font-weight: bold; font-family: arial, sans-serif;} .rssFeedContainer .item .title a {color: #006783 } .rssFeedContainer .item .date {font-size: 10px} .rssFeedContainer .item {margin: 0 0 10px 0;} .rssFeed1 {float: left; width: 234px; font-size: 0.75em; padding: 10px 5px; border-top: 1px solid #E5E6E0; margin: 0 10px 0 5px;} .rssFeed2 {float: left; width: 234px; font-size: 0.75em; padding: 10px 5px; border-top: 1px solid #E5E6E0; margin: 0;} .bylineAvatar {float: left; margin: 0 5px 0 0} .article.articleRelatedSearch {font-size: 1.25em;} .article.articleRelatedSearch .header, .metaSearchList .header { margin: 10px 0; font-family: georgia, sans-serif; color: #6e6d65; text-transform: uppercase; font-size: 1em; padding: 12px 0 0 8px; } .rightCol .metaSearchList .header {font-size: 1.3em;} .rightCol .metaSearchList ul {width: 310px;} .rightCol .metaSearchList .box {width: 195px;} .rightCol .metaSearchList .imgForum {float: left; margin-right: 3px;} #brands.rightCol .metaSearchList .header {font-size: 1.2em;} .article.articleRelatedSearch .box, .metaSearchList .box{float: left; margin: 0;} .article.articleRelatedSearch .title, .metaSearchList .title { margin: 0; padding: 0 0 2px;} .article.articleRelatedSearch .description, .metaSearchList .decription {padding: 0; margin: 0; font-size: 0.8em;} .article.articleRelatedSearch .imgArt, .metaSearchList .imgArt {float: left; margin-right: 5px;} .metaSearchList a {color: #333;} .metaSearchList {float: left; font-size: 0.75em;} .metaSearchList .box {width: 170px;} .bottomCol .metaSearchList .header {background: none;} .bottomCol .metaSearchList ul {border: none;} .bottomCol .metaSearchList .title {font-size: 0.8em} .article.articleRelatedSearch UL {font-size: 1em; list-style-type: none; background: none; margin: 0; padding: 0} .article.articleRelatedSearch ul li {list-style-type: none; margin: 0 0 5px 0; padding: 0;} .article.articleRelatedSearch {width: 280px;} .article.articleRelatedSearch .box H1 {font-size: 1.12em;text-decoration: none; line-height: 1.5em; font-weight: bold; font-family: Arial, sans-serif; letter-spacing: 0; float: left; width: 130px; overflow:hidden; padding-left: 8px} .article.articleRelatedSearch .box H3 {line-height: 1em;word-spacing:normal;text-decoration: none; font-weight: normal; font-family: Arial, sans-serif; letter-spacing: 0; float: left; width: 130px; overflow:hidden; padding-left: 8px} .article.articleRelatedSearch H2 {margin: 10px 0;} .article.articleRelatedSearch .relArtReadMoreLink {width: 170px;} .article.relArtReadMore {width: 280px;} .article.relArtReadMore .relArtReadMoreLink {width: 152px;} .articleAdContainer {margin-bottom: 16px; float:right;} .divider {display: none;} .articleAdContainer {margin-bottom: 16px; float:right;} #Artikkelplakat {float: right; height: 250px; margin: 0 0 8px 0;padding-right: 20px;background-image: url(../gfx/advertical.gif); background-position: 300px 0; background-repeat: no-repeat;} .artWebplakat1 {float: right; height: 250px; margin: 37px 0 15px 0;padding-right: 20px;background-image: url(../gfx/advertical.gif); background-position: 300px 0; background-repeat: no-repeat;} /* topic styling */ .topic_listWithTwoCol {float: left; width: 588px; margin: 0 0 20px 0; border: 1px solid #ccc; padding: 10px} .topic_listWithTwoCol a {text-decoration: none;} .topic_listWithTwoCol H1 {line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .leftCol .topic_listWithTwoCol H1 {text-decoration: none; letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .topic_listWithTwoCol H3 {padding: 0 0 0 4px} .article .leftCol .topic_listWithTwoCol H3 {padding: 0 0 0 4px; letter-spacing: 0} .article .topic_listWithTwoCol H1 { letter-spacing: 0; line-height: 1.5em; font-weight: bold; font-family: arial, sans-serif; font-size: 0.75em; padding: 8px 0 0 4px} .article .topic_listWithTwoCol H3 {padding: 0 0 0 4px; letter-spacing: 0} .article .topic_listWithTwoCol UL {font-size: 1em; margin: 0; padding: 0 0 8px 0; float: left; list-style: none} .article .topic_listWithTwoCol LI { width: 156px; float: left} .topic_nospace {width: 285px; float: left; margin: 12px 0 12px 0} .topic_space {width: 285px; float: left; margin: 12px 0 12px 8px} .topic_textWrapper {float: left; width: 174px; margin-top: -11px;} .article .topic_listWithTwoCol .moreTopic {font-size:0.75em; font-weight: normal;} .article .topic_listWithTwoCol .topicHeader {float:left; color: white; background-color: #6e6d65; font-family: Georgia, sans-serif; font-size: 11px; padding:5px; font-weight: bold;} .article .topic_listWithTwoCol .topicTitle {float: left; padding: 3px; font-family: Georgia, sans-serif; color: #6e6d65} /* frontPartner ads */ .frontPartnere {float:left;width:300px;margin:5px 0 0 0; background-color:yellow;} .frontPartner1 {margin-left: 10px; height: 120px; width: 320px; float:left; padding: 8px 0 0 0; background-image: url( ../gfx/adRoundCornerSkyskrapere.gif ); background-position: top left; background-repeat: no-repeat;} .frontPartner {width: 320px; float:left; margin-bottom:5px;background-image: url( ../gfx/annonsetag_frontpartner.jpg ); background-position: right; background-repeat: no-repeat;} .newKolofon {background: url(../gfx/motor/gradient_bottom.gif) repeat-y left top;font-size: 12px; width: 802px; float: left; color: #fff; margin-bottom: 20px;} .newKolofon .box {float: left; border: none; width: 792px; background-color: white; margin: 5px;} .newKolofon p { color: #333; float: left; display: block; padding: 3px 10px} .newKolofon .box p {font-size: 1em;} .newKolofon UL {margin: 0; padding: 0} .newKolofon li {display: block} .newKolofon .verticalBar {float: left; width: 804px; border-bottom: 1px solid #999; color: #333;} .newKolofon .boxLeft {float: left; width: 250px; margin: 12px 20px 0 0} .newKolofon .boxLeft img, ul{float: left; margin: 0 15px 0 0;} .newKolofon .boxLeft p{padding: 0 5px 0 0; display: block; color: #333} .newKolofon .boxLeft a{text-decoration: underline; font-weight:normal; float: left} .newKolofon .boxCenter {padding: 0 20px 0 25px; margin: 12px 10px 0 0; float: left; width: 220px; border-left: 1px solid #e6e5e0; border-right: 1px solid #e6e5e0} .newKolofon .boxCenter p{padding: 0 5px 0 0; display: block; color:#333;} .newKolofon .boxCenter a{text-decoration: underline; font-weight:normal; float: left} .newKolofon .boxRight {float: right; width: 200px; margin: 12px 0 0 0} .newKolofon .boxRightImg {float: left; width: 120px; margin: 12px 0 0 0} .newKolofon .boxRight .img1 {float: left; padding: 0 20px 0 10px} .newKolofon .boxRight .img2 {float: left; padding: 0} /* external feed */ .externalFeed {float:left;} .externalFeed .items {float: left; margin: 6px 3px;} .externalFeed .itemsImg {float:left; margin-top: 2px;} .externalFeed .itemsText {float:left; margin: 0 5px; width:430px; overflow: hidden;} .externalFeed .itemsLink {float:left; font-weight: bold; font-size: 13px} .externalFeed .itemsDescription {float: left; font-size: 13px;} .externalFeed .itemsDate {float: left; font-size: 10px;} .externalFeed img {float: left; width: 100px; overflow: hidden;} .sortText {float: left; margin-right: 4px;} .sortRelevanceSelected {float: left; margin: 0 2px; font-weight: bold; color: black;} .sortRelevanceNotSelected {float: left; margin: 0 2px; color: #333; text-decoration: underline; cursor: pointer;} .sortDateSelected {float: left; margin: 0 2px; font-weight: bold; color: black;} .sortDateNotSelected {float: left; margin: 0 2px; color: #333; text-decoration: underline; cursor: pointer;}