@CHARSET "UTF-8"; /* -------------------------------------------------------------------------- */ /* 1. General HTML elements */ /* -------------------------------------------------------------------------- */ /* If you are using the font size toggler (fontsize.js) either by itself or by using the linktoolbar tile, font size provided here will be overriden by the javascript. Remember to set the default font size as the smallest font size in the font size selector javascript configuration. See fontsize.js for more detals. */ html { height: 100%; } body { height: 100%; font: 10pt verdana, sans-serif; margin: 0; padding: 0; color: #333; background: #000; } a:visited, a:link { color: #2d60a6; text-decoration:none; } a:hover { color: #2d60a6; text-decoration:none; } img { border: 0px; } h1 { font-size: 1.6em; font-weight: normal; margin:0px; padding:0px;} h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; margin:10px 0px 0px 0px;} fieldset { margin-bottom: 10px; padding: 15px 10px 10px 10px; } /* -------------------------------------------------------------------------- */ /* 2. Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { color: #333; margin: 0px auto 0px auto; width: 952px; padding: 30px 0px 0px 0px;} /*#container.frontpage { background: #000000 url(images/el/bg_frontpage.png) no-repeat;} Huge file! */ #container.frontpage { background: #000000 url(images/el/bg_frontpage.jpg) no-repeat;} /* Not so huge file*/ #container.extranet { background: #000000 url(images/extranet_bg.jpg) no-repeat;} #placeholder-top { margin-bottom: 0px; padding: 0px 20px 0px 30px; height:60px; } #placeholder-left { clear:both; float: left; width: 164px; margin: 0px 18px 0px 30px; } #placeholder-right { float: right; width: 164px; margin: 0px 30px 20px 18px; } #placeholder-content { float: left; padding:0px; margin: 0px; width: 528px; border: none; position: relative; } .frontpage #placeholder-content-no-right { float: left; padding: 0px 0px 0px 30px; width: 922px; margin: 340px 0px 0px 0px; } #placeholder-content-no-right { float: left; padding: 0px 3px 0px 30px; margin: 0px 0px 0px 0px; } #container.extranet #placeholder-content-no-right { float: left; padding: 0px 0px 350px 30px; width: 922px; margin: 0 0 0 0;} #placeholder-bottom { clear: both; padding: 10px 10px 0 10px; } #content-link { display: none; } #placeholder-content.no-left { margin: 0 0 0 210px;} /* -------------------------------------------------------------------------- */ /* 3. Common tile styling */ /* -------------------------------------------------------------------------- */ /* IMPORTANT INFO: What we do here is to set the style for the til common classes. We do two things: 1. We add border, header and other stuff to create "tile-look". In the default design, this layout is used in the left and right placeholders. 2. We then remove this layout for tiles in placeholder-top, placeholder-content, placeholder-content-no-right and placeholder-bottom. Since 2. overrides the default tile styles for the listed placeholder, you need to be equally specific when setting any of these styles. */ .tile-common { border: none; margin-bottom: 10px; } .tile-content { padding: 10px; } .tile-bottom { clear: both;} #placeholder-left h3, #placeholder-right h3 {margin: 0 0 5px 0; padding: 10px 10px 10px 0px; font: bold .9em arial, sans-serif; color: #fff; text-transform: uppercase; } #placeholder-top .tile-content img{border:0;} #placeholder-top .tile-content, #placeholder-top .tile-common, #placeholder-top .tile-common h3, #placeholder-bottom .tile-content, #placeholder-bottom .tile-common, #placeholder-bottom .tile-common h3{ background:none; border: none; margin: 0; padding: 0;} #placeholder-content .tile-content {font-family:verdana; font-size:11px;background:white; border: none; margin: 0; padding:0; } #placeholder-content .tile-common{background:white; border: none; margin: 0; padding: 0px 25px 20px 25px;} #placeholder-content .tile-common h3 {background:white; border: none; margin: 0; padding: 0;} #placeholder-content .tile-common h1 {font-family:arial; font-size:24px; background:white; border: none; margin: 0; width:430px;} #placeholder-content .tile-common p {margin:0px; padding: 5px 0px 5px 0px;} #placeholder-content .tile-common p img {margin:0px; padding:0px 25px 0px 0px;} #placeholder-content .tile-common a {color:#2d60a6;} #placeholder-content-no-right .small-articledisplay{background:url(images/el/bg_kampanje.png); margin-right: 20px; padding: 0; float:left; height:156px; width:285px;} #placeholder-content-no-right .small-articledisplay .tile-content{margin:0; padding:0px 10px 0px 10px; font-size:11px; font-weight:normal;} #placeholder-content-no-right .small-articledisplay h3 {margin:0; padding:15px 0px 0px 10px; font-family:arial; font-size:20px; font-weight:bold; color:#192b59;} #placeholder-content-no-right .small-articledisplay .thumb {float:left; padding:0px 5px 0px 0px;} #placeholder-content-no-right .small-articledisplay a {float:right; padding:0px 5px 0px 0px;} .frontpage #placeholder-content-no-right .small-searchinput{background: url(images/el/bg_search.png); margin-right: 20px; padding: 0; float:left; height:156px; width:285px;} .frontpage #placeholder-content-no-right .small-searchinput .tile-content, .frontpage #placeholder-content-no-right .small-searchinput h3 {} .frontpage #placeholder-content-no-right .small-articlelist {background: url(images/el/bg_news2.png); margin-right: 20px; padding: 0; float:left; height:164px; width:285px;} .frontpage #placeholder-content-no-right .small-articlelist .tile-content{ font-family:verdana; color:black; text-decoration:none; font-size:10px; font-weight:normal;} .frontpage #placeholder-content-no-right .small-articlelist a{ font-family:verdana; color:black; text-decoration:none; font-size:10px; font-weight:normal;} .frontpage #placeholder-content-no-right .small-articlelist h3 {margin:0px; padding:0px;} .frontpage #placeholder-content-no-right .small-articlelist h3 a {margin:0px; padding:5px 0px 0px 10px; font-family:arial; font-size:14px; font-weight:bold; color:#fff; text-transform: uppercase;} .frontpage #placeholder-content-no-right .small-articlelist .tile-top.yellow {background: url(images/el/top_news_yellow2.png); width:285px; height:27px;} .frontpage #placeholder-content-no-right .small-articlelist .tile-top.blue {background: url(images/el/top_news_blue2.png); width:285px; height:27px;} .frontpage #placeholder-content-no-right .small-articlelist .tile-top.red {background: url(images/el/top_news_red2.png); width:285px; height:27px;} /*.frontpage #placeholder-content-no-right .small-articlelist .tile-top.black {background: url(images/el/top_news_black.png); width:208px; height:27px;}*/ #placeholder-content .tile-bottom { clear:none; } #placeholder-content-no-right .tile-bottom { clear:none; } #placeholder-left h3 a, #placeholder-right h3 a { color: #fff; font: bold .9em arial, sans-serif; padding: 0px; } .frontpage #placeholder-content-no-right p.digest { margin-top: 1em; } #placeholder-content-no-right p.digest { margin-top: 2px; } /* -------------------------------------------------------------------------- */ /* 4. Non tile spesific common styles */ /* -------------------------------------------------------------------------- */ .error { color: #f00; font-weight: bold; margin-bottom: 10px; } .message { color: #000; font-weight: bold; margin-bottom: 10px; } input.textinput { height: 1.2em; } .textinput, /* do not specify input for this, as it should also work on textareas */ input.amountfield { border: 1px solid #c2c2c2; background: url(images/input_bg.gif) repeat-x top; padding-top: 6px; font-size: 0.9em; } input.inputerror { border: 1px solid red; } input.submit { margin: 10px 0 10px 0; padding: 2px 10px 2px 10px; border: none; background-color: #000; color: #fff; text-transform: uppercase; font: bold 0.8em verdana, sans-serif; } .ajax-button-not-visible { display: none; } .ajax-button-visible { display: block !important; } .button-next { display: block; height: 21px; width: 28px; background: url(images/buttons.gif) no-repeat -28px top; } .button-previous { display: block; height: 21px; width: 28px; background: url(images/buttons.gif) no-repeat; } #tooltip-top { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; overflow: hidden; height: 14px; width: 33px; } #tooltip-content { background: #fff588; padding: 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; } .captcha-info { padding-left: 80px; } .captcha-regenerate, .captcha-info { font-weight: bold; font-size: .8em; } .error-container #placeholder-top { height: 60px; } #extended-debug-info { display:none; } /* -------------------------------------------------------------------------- */ /* 5. General bullet-less listing (eg. verical menu and small article list) */ /* -------------------------------------------------------------------------- */ .full-articlelist ul, .small-articlelist ul, .vertical-menu ul { list-style-type: none; margin: 0; padding: 0; } .full-articlelist li li, .small-articlelist li li, .vertical-menu li li { padding-left: 10px; } /* -------------------------------------------------------------------------- */ /* 6. Spesific styling for tiles and other components */ /* -------------------------------------------------------------------------- */ /* Some of the tiles have been styled using id selectors. Because of this we need to use the full id-element path to override these styles. See section "3. Common tile styling" for more details. NOTICE: While styling the top placeholder layout I hit about every IE6 bug there is! Well, atleast 3 of them. When doing any changes here, please validate that the design still holds together on IE6. */ #ctstatistics-noscript-iframe { display: none; } /* -- PAGE HEADER -- */ #placeholder-top .page-header { padding: 0 0 0 0px; margin:0; } .page-header .logo { font-size: 1.85em; font-weight: bold; } /* -- HORIZONTAL MENU IN TOP PLACEHOLDER ("quicklaunch") -- */ #placeholder-top .horizontal-menu { clear: both; float:right; text-align: right; margin-bottom: 20px;} #placeholder-top .horizontal-menu h3 { display: none; } #placeholder-top .horizontal-menu a { color: #fff; } #placeholder-top .horizontal-menu a:hover { color: #ff0000; } #placeholder-top .horizontal-menu ul { list-style-type: none; padding: 0; margin: 0; } #placeholder-top .horizontal-menu li { border-left: 2px solid #fff; padding: 0 10px 0 10px; display: inline; text-transform:uppercase; font-size: 11px;} #placeholder-top .horizontal-menu li.first { border-left: none; } /* -- VERTICAL MENU IN TOP PLACEHOLDER ("quicklaunch") -- */ #placeholder-top .vertical-menu { clear: both; float:right; text-align: right; margin-bottom:0px; margin-right:10px; } #placeholder-top .vertical-menu h3 { display: none; } #placeholder-top .vertical-menu a { color: #000; } #placeholder-top .vertical-menu ul { list-style-type: none; padding:8px 0 20px 0; margin: 0 0 0 0;} #placeholder-top .vertical-menu li li { padding-left: 0px; } #placeholder-top .vertical-menu .tile-content { padding:0px; margin:0px; float:left; } #placeholder-top .vertical-menu ul li.first { border:none; border-right: 1px solid #b4b4b4; } #placeholder-top .vertical-menu ul li.last { border:none; } #placeholder-top .vertical-menu ul li { background:url(images/menu_middle.png) repeat-x top left; border:none; border-right: 1px solid #b4b4b4; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } /* #placeholder-top .vertical-menu ul li:hover { background:url(images/menu_middle_bolig.png) repeat-x top left; } #placeholder-top .vertical-menu ul li.active { background:url(images/menu_middle_bolig.png) repeat-x top left; }*/ #placeholder-top .vertical-menu ul li ul li { border: 0; padding-bottom: 0; font-weight: normal; text-transform: none; } #placeholder-top .vertical-menu ul li ul li.first { border: 0; } #placeholder-top .expanded { background:none;} #placeholder-top .collapsed { background: none; } #placeholder-top .vertical-menu .tile-top { float:left; clear:none; background:url(images/menu_left.png) repeat-x top left; height:30px; width: 4px;} #placeholder-top .vertical-menu .tile-bottom { float:left; clear:none; background:url(images/menu_right.png) repeat-x top left; height:30px; width: 4px;} /* ColorTheme bolig */ #placeholder-top .horizontal-menu.bolig { float:left; } #placeholder-top .horizontal-menu.bolig .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .horizontal-menu.bolig ul { float: left; clear:both; width: 886px; height:30px; background:url(images/menu_middle_bolig.png) repeat-x top left; } #placeholder-top .horizontal-menu.bolig .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_bolig.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.bolig .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_bolig.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.bolig ul li.first { border:none; border-right: 1px solid #f0ba6e; } #placeholder-top .horizontal-menu.bolig ul li.last { border:none; } #placeholder-top .horizontal-menu.bolig ul li { background:url(images/menu_middle_bolig.png) repeat-x top left; float:left; border:none; border-right: 1px solid #f0ba6e; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .horizontal-menu.bolig ul li.main-active, #placeholder-top .horizontal-menu.bolig ul li:hover, #placeholder-top .horizontal-menu.bolig ul li.active { background:url(images/menu_middle_bolig_hover.png) repeat-x top left; } #placeholder-top .horizontal-menu.bolig ul li:hover a, #placeholder-top .horizontal-menu.bolig ul li.main-active a, #placeholder-top .horizontal-menu.bolig ul li.active a { color: #4b2d10; } #placeholder-top .vertical-menu.bolig .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .vertical-menu.bolig ul { padding: 0 0 20px 0; background:url(images/menu_middle_bolig.png) repeat-x top left; } #placeholder-top .vertical-menu.bolig .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_bolig.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.bolig .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_bolig.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.bolig ul li.first { border:none; border-right: 1px solid #f0ba6e; } #placeholder-top .vertical-menu.bolig ul li.last { border:none; } #placeholder-top .vertical-menu.bolig ul li { background:url(images/menu_middle_bolig.png) repeat-x top left; float:left; border:none; border-right: 1px solid #f0ba6e; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .vertical-menu.bolig ul li:hover, #placeholder-top .vertical-menu.bolig ul li.main-active, #placeholder-top .vertical-menu.bolig ul li.active { background:url(images/menu_middle_bolig_hover.png) repeat-x top left; } #placeholder-top .vertical-menu.bolig ul li a { color: #ffffff; } #placeholder-top .vertical-menu.bolig ul li:hover a, #placeholder-top .vertical-menu.bolig ul li.main-active a, #placeholder-top .vertical-menu.bolig ul li.active a { color: #4b2d10; } /* ColorTheme industri */ #placeholder-top .horizontal-menu.industri { float:left; } #placeholder-top .horizontal-menu.industri .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .horizontal-menu.industri ul { float: left; clear:both; width: 886px; height:30px; background:url(images/menu_middle_industri.png) repeat-x top left; } #placeholder-top .horizontal-menu.industri .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_industri.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.industri .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_industri.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.industri ul li.first { border:none; border-right: 1px solid #6ea693; } #placeholder-top .horizontal-menu.industri ul li.last { border:none; } #placeholder-top .horizontal-menu.industri ul li { background:url(images/menu_middle_industri.png) repeat-x top left; float:left; border:none; border-right: 1px solid #6ea693; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .horizontal-menu.industri ul li.main-active, #placeholder-top .horizontal-menu.industri ul li:hover, #placeholder-top .horizontal-menu.industri ul li.active { background:url(images/menu_middle_industri_hover.png) repeat-x top left; } #placeholder-top .horizontal-menu.industri ul li:hover a, #placeholder-top .horizontal-menu.industri ul li.main-active a, #placeholder-top .horizontal-menu.industri ul li.active a { color: #05452f; } /* ColorTheme kommune */ #placeholder-top .horizontal-menu.kommune { float:left; } #placeholder-top .horizontal-menu.kommune .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .horizontal-menu.kommune ul { float: left; clear:both; width: 886px; height:30px; background:url(images/menu_middle_kommune.png) repeat-x top left; } #placeholder-top .horizontal-menu.kommune .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_kommune.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.kommune .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_kommune.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.kommune ul li.first { border:none; border-right: 1px solid #a26e68; } #placeholder-top .horizontal-menu.kommune ul li.last { border:none; } #placeholder-top .horizontal-menu.kommune ul li { background:url(images/menu_middle_kommune.png) repeat-x top left; float:left; border:none; border-right: 1px solid #a26e68; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .horizontal-menu.kommune ul li.main-active, #placeholder-top .horizontal-menu.kommune ul li:hover, #placeholder-top .horizontal-menu.kommune ul li.active { background:url(images/menu_middle_kommune_hover.png) repeat-x top left; } #placeholder-top .horizontal-menu.kommune ul li:hover a, #placeholder-top .horizontal-menu.kommune ul li.main-active a, #placeholder-top .horizontal-menu.kommune ul li.active a { color: #400c06; } #placeholder-top .vertical-menu.kommune .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .vertical-menu.kommune ul { padding: 0 0 20px 0; background:url(images/menu_middle_kommune.png) repeat-x top left; } #placeholder-top .vertical-menu.kommune .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_kommune.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.kommune .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_kommune.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.kommune ul li.first { border:none; border-right: 1px solid #a26e68; } #placeholder-top .vertical-menu.kommune ul li.last { border:none; } #placeholder-top .vertical-menu.kommune ul li { background:url(images/menu_middle_kommune.png) repeat-x top left; float:left; border:none; border-right: 1px solid #a26e68; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .vertical-menu.kommune ul li:hover, #placeholder-top .vertical-menu.kommune ul li.main-active, #placeholder-top .vertical-menu.kommune ul li.active { background:url(images/menu_middle_kommune_hover.png) repeat-x top left; } #placeholder-top .vertical-menu.kommune ul li a { color: #ffffff; } #placeholder-top .vertical-menu.kommune ul li:hover a, #placeholder-top .vertical-menu.kommune ul li.main-active a, #placeholder-top .vertical-menu.kommune ul li.active a { color: #400c06; } /* ColorTheme naeringsbygg */ #placeholder-top .horizontal-menu.naeringsbygg { float:left; } #placeholder-top .horizontal-menu.naeringsbygg .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .horizontal-menu.naeringsbygg ul { float: left; clear:both; width: 886px; height:30px; background:url(images/menu_middle_naeringsbygg.png) repeat-x top left; } #placeholder-top .horizontal-menu.naeringsbygg .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_naeringsbygg.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.naeringsbygg .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_naeringsbygg.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .horizontal-menu.naeringsbygg ul li.first { border:none; border-right: 1px solid #6273b0; } #placeholder-top .horizontal-menu.naeringsbygg ul li.last { border:none; } #placeholder-top .horizontal-menu.naeringsbygg ul li { background:url(images/menu_middle_naeringsbygg.png) repeat-x top left; float:left; border:none; border-right: 1px solid #6273b0; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .horizontal-menu.naeringsbygg ul li.main-active, #placeholder-top .horizontal-menu.naeringsbygg ul li:hover, #placeholder-top .horizontal-menu.naeringsbygg ul li.active { background:url(images/menu_middle_naeringsbygg_hover.png) repeat-x top left; } #placeholder-top .horizontal-menu.naeringsbygg ul li:hover a, #placeholder-top .horizontal-menu.naeringsbygg ul li.main-active a, #placeholder-top .horizontal-menu.naeringsbygg ul li.active a { color: #0b153a; } #placeholder-top .vertical-menu.naeringsbygg .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .vertical-menu.naeringsbygg ul { padding: 0 0 20px 0; background:url(images/menu_middle_naeringsbygg.png) repeat-x top left; } #placeholder-top .vertical-menu.naeringsbygg .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_naeringsbygg.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.naeringsbygg .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_naeringsbygg.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.naeringsbygg ul li.first { border:none; border-right: 1px solid #6273b0; } #placeholder-top .vertical-menu.naeringsbygg ul li.last { border:none; } #placeholder-top .vertical-menu.naeringsbygg ul li { background:url(images/menu_middle_naeringsbygg.png) repeat-x top left; float:left; border:none; border-right: 1px solid #6273b0; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .vertical-menu.naeringsbygg ul li:hover, #placeholder-top .vertical-menu.naeringsbygg ul li.main-active, #placeholder-top .vertical-menu.naeringsbygg ul li.active { background:url(images/menu_middle_naeringsbygg_hover.png) repeat-x top left; } #placeholder-top .vertical-menu.naeringsbygg ul li a { color: #ffffff; } #placeholder-top .vertical-menu.naeringsbygg ul li:hover a, #placeholder-top .vertical-menu.naeringsbygg ul li.main-active a, #placeholder-top .vertical-menu.naeringsbygg ul li.active a { color: #0b153a; } /* ColorTheme extranet */ #placeholder-top .extranet { float:left; } #placeholder-top .extranet .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .extranet ul { float: left; clear:both; width: 886px; height:30px; background:url(images/menu_middle_extranet.png) repeat-x top left; } #placeholder-top .extranet .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left_extranet.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .extranet .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right_extranet.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .extranet ul li.first { border:none; border-right: 1px solid #f0887d; } #placeholder-top .extranet ul li.last { border:none; } #placeholder-top .extranet ul li { background:url(images/menu_middle_extranet.png) repeat-x top left; float:left; border:none; border-right: 1px solid #f0887d; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .extranet ul li.main-active, #placeholder-top .extranet ul li:hover, #placeholder-top .extranet ul li.active { background:url(images/menu_middle_extranet_hover.png) repeat-x top left; } #placeholder-top .extranet ul li:hover a, #placeholder-top .extranet ul li.main-active a, #placeholder-top .extranet ul li.active a { color: #0b153a; } #placeholder-top .vertical-menu.extranet { float: right; } #placeholder-top .vertical-menu.extranet .tile-content { float: left; margin: 10px 0 0 0;} #placeholder-top .vertical-menu.extranet ul { padding: 0 0 20px 0; background:url(images/menu_middle.png) repeat-x top left; width:auto; } #placeholder-top .vertical-menu.extranet .tile-top { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_left.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.extranet .tile-bottom { margin: 10px 0 0 0; float:left; clear:none; background:url(images/menu_right.png) repeat-x top left; height:30px; width: 4px; } #placeholder-top .vertical-menu.extranet ul li.first { border:none; border-right: 1px solid #b4b4b4; } #placeholder-top .vertical-menu.extranet ul li.last { border:none; } #placeholder-top .vertical-menu.extranet ul li { background:url(images/menu_middle.png) repeat-x top left; float:left; border:none; border-right: 1px solid #b4b4b4; padding:8px 8px 9px 8px; display: inline; font-family: verdana; font-size: 11px; font-weight:normal; text-transform: uppercase; } #placeholder-top .vertical-menu.extranet ul li:hover, #placeholder-top .vertical-menu.extranet ul li.main-active, #placeholder-top .vertical-menu.extranet ul li.active { } #placeholder-top .vertical-menu.extranet ul li a { color: #000; } #placeholder-top .vertical-menu.extranet ul li:hover a, #placeholder-top .vertical-menu.extranet ul li.main-active a, #placeholder-top .vertical-menu.extranet ul li.active a { color: #000; } /* -- SITELOCATOR -- */ #placeholder-top .sitelocator { background: #fff url(images/top_bg.gif) repeat-x; clear: both; padding: 18px 0 0 10px; font-size: 1em; color: #000; } #placeholder-top .sitelocator h3 { float: left; color: #000; text-transform: none; font: bold .8em verdana, sans-serif; } #placeholder-top .sitelocator ul { float: left; list-style-type: none; margin: 0; padding: 0; } #placeholder-top .sitelocator li { float: left; margin: 0; padding: 0 0 0 8px;font: normal .8em verdana, sans-serif; } /* -- ARTICLE DISPLAY -- */ .full-articledisplay { clear: both;} .full-articledisplay .digest { font-weight: bold; margin-bottom: 10px; } h2.digest { font-size: 1em; } /* -- ARTICLE LIST -- */ #placeholder-content-no-right .full-articlelist-twocolumn h3, #placeholder-content .full-articlelist-twocolumn h3, #placeholder-content-no-right .full-articlelist h3, #placeholder-content .full-articlelist h3 { font-family:arial; font-size:14px; font-weight:bold; margin: 0px; padding:0px; color:#000; text-decoration: none;} #placeholder-content-no-right .full-articlelist a:visited, a:link,a:hover{color:#000; text-decoration: none;} .full-articlelist ul, .full-articlelist-twocolumn ul { list-style-type: none; padding: 0px 20px 10px 20px; margin: 0; } .full-articlelist ul li { clear: both; } .full-articlelist-twocolumn li.odd { float: left; clear: both; width: 48%; /* 245px; */ } .full-articlelist-twocolumn li.even { float: right; width: 48%; /* 245px; */ } .full-articlelist .articlelist-link-internal ul li, .full-articlelist-twocolumn .articlelist-link-internal ul li { float:right; clear: none; } .articlelist-link-internal ul li a {font-family:verdana; font-size:11px; color: #2d60a6; } .full-articlelist p {font-family:verdana; font-size:11px; margin:0px; padding:5px 25px 0px 0px;} .list-navigation-text, .list-navigation { text-align: center; } .list-navigation-text { /*margin-bottom: 10px;*/ } .list-thumbnail-left {float:left; padding:0px 25px 0px 0px;} .list-navigation-text, .list-navigation { background: #ffffff; } /* -- SMALL ARTICLE LIST -- */ .small-articlelist .tile-content { font-size: .9em; } .small-articlelist li { padding-bottom: 5px; } .small-articlelist a { display: block; } .small-articlelist .newsarchivelink { font-weight: bold; } .small-articlelist .newsarchivelink a { padding-bottom: 0px; } .small-articlelist .newsarchivelink ul li { margin-left: 15px; list-style-image: url(images/link_marker.gif); } /* Some minor tweaks to fix small-articlelist layout in content area */ #placeholder-content .small-articlelist h3 { margin-bottom: 10px; } #placeholder-content-no-right .small-articlelist h3 { margin-bottom: 10px; } #placeholder-content .small-articlelist { margin-bottom: 10px; } /* -- SMALL ENTITY LIST -- */ /* The entity list contains some info after the link. Since the link is set to block in small-articlelist we need to override that here. Since the entity list is general, and we want paranthesis around the entity score - we add this here. This do not work in all browsers, but it is not a critical design criteria. If the paranthesis is important to you, you may need to split the tile template into more spesialized templates for general entities, articles etc. */ .small-entitylist a { display: inline; } /* -- RSS LIST -- Most of this is already styles using the small article list above as the rss- reader tile is also set with the small-articlelist class. Lets just add the feed icon to the header background */ .small-rsslist h3 span { display: block; width: 100%; background: url(images/feed_icon.png) no-repeat right 1px; } .small-rsslist li.last a { padding-bottom: 0px; } /* -- LEFT CATEGORY MENU -- */ .vertical-menu { border: 0; font-size: 0.9em; } .vertical-menu .tile-content { padding: 0; margin: 0; } .vertical-menu h3 { display: none; } .vertical-menu ul li.first { border-top: 1px solid #c2c2c2; } .vertical-menu ul li { border-bottom: 1px solid #c2c2c2; padding: 8px 0 9px 28px; font-weight: bold; text-transform: uppercase; } .vertical-menu ul li ul li { border: 0; padding-bottom: 0; font-weight: normal; text-transform: none; } .vertical-menu ul li ul li.first { border: 0; } .vertical-menu a { text-decoration: none; color:white; } .expanded { background: url(images/menu_expanded.gif) no-repeat 10px 12px; } .collapsed { background: url(images/menu_collapsed.gif) no-repeat 10px 9px; } /* Placeholder left vertical menu */ #placeholder-left .vertical-menu ul { list-style-type: none; } #placeholder-left .vertical-menu ul li { padding:5px 0 5px 20px; margin:0; background: url(images/left_menu_bullet.png) no-repeat 10px 0px; text-transform: none; } #placeholder-left .vertical-menu ul li a {color:#fff;} #placeholder-left .vertical-menu ul li.active li a {color:#fff;} #placeholder-left .vertical-menu ul li.active, #placeholder-left .vertical-menu ul li:hover{ background: url(images/left_menu_bullet_hover.png) no-repeat 10px 0px; color:#ff0000; } #placeholder-left .vertical-menu ul li.active a, #placeholder-left .vertical-menu ul a:hover { color:#ff0000; } /* -- PAGE FOOTER -- */ #placeholder-bottom .small-articledisplay-nolayout a { color: #fff;} #placeholder-bottom .small-articledisplay-nolayout p { display: inline; color: #fff; font-size:10px; font-family:verdana; padding: 0px 0px 0px 100px; } .small-articledisplay-nolayout { float: left; } .small-articledisplay-nolayout .tile-content, .small-articledisplay-nolayout {color:#fff; border: 0; padding: 0; margin-bottom: 15px; } .small-articledisplay-nolayout a { color: #2d60a6;} #coretrek-colofon { float: right; font-size: .85em; padding-right:20px; } #coretrek-colofon a { color: #fff } #extra-5 { clear: both; height: 5px; } /* -- FULL SEARCH INPUT -- */ #placeholder-content .full-searchinput { background: #ffffff url(images/search_bg.png) no-repeat 365px 0px; width:478px; height: 60px; padding:0px 25px 55px 25px; } #placeholder-content .full-searchinput h1 { background: none; padding: 0 0 10px 0; } #placeholder-content .full-searchinput span { display:block; padding: 0 0 5px 0; } .full-searchinput .searchbutton { width: 28px; height: 25px; float: right; margin: 0 220px 0 0;} .full-searchinput input { margin-bottom: 0px; } .full-searchinput input.textinput { width: 250px; } .full-searchinput input.textinput { background: url(images/search_input.png) no-repeat top left; width: 212px; height: 20px; padding: 3px 3px 0 3px; border:0; } .full-searchinput .error { margin-top: 10px; } .advanced-searchinput select, .advanced-searchinput input { margin-top: 5px; } /* -- SMALL SEARCH INPUT -- */ #placeholder-right input.textinput, #placeholder-left input.textinput { width: 170px; } .small-searchinput input.submit { float: right; } /* -- CALENDAR -- */ table.calendar-header { width: 100%; } table.calendar-layout { border-collapse: collapse; border-spacing: 0px; width: 100%; } .calendar-layout th { width: 12%; } .calendar-layout td { border: 1px solid #c2c2c2; text-align: center; } .datepicker .calendar-layout td.inactive, .calendar-layout td.inactive { background-color: #eee; } .calendar-header td { width: 124px; text-align: center; } .calendar-header td.next { width: 28px; } .calendar-header td.previous { width: 28px; padding: 0px; } .small-calendar ul { padding: 10px 0 0 15px; } .small-calendar ul li { list-style-image: url(images/link_marker.gif); } .calendar_goto_links ul { margin: 0; } .small-calendar-popup { position: absolute; width: 250px; } .small-calendar-popup .top { background: url(images/tooltip/tooltip-top.gif) no-repeat 5px 0; height: 10px; text-align: right; } .small-calendar-popup .top a { font-size: 0.8em; padding-right: 15px; position: relative; top: 12px; left: -4px; background: url(images/small-close.gif) no-repeat right 2px; } .small-calendar-popup .content { background: #fff588; padding: 20px 10px 10px 10px; border-right: 1px solid #ccc255; border-bottom: 1px solid #ddd366; } .small-calendar-popup .content h4 { margin: 0 0 0 0; } .small-calendar-popup .content { text-align: left; } .small-calendar-popup .content ul { margin: 5px 0 0 15px; padding: 0; } .small-calendarlist p { margin-top: 0; } /* --- DATEPICKER -- */ .datepicker-popup { width: 180px; background: #fff; border: 1px solid #c2c2c2; padding: 10px; } .calendar-header td { border: 0; } .full-searchinput input.datepickerinput { width: 100px; } /* -- MULTIMEDIAFOLDER -- */ .multimediafolder table { width: 100%; border-collapse: collapse; border-spacing: 0px; } .multimediafolder th { text-align: left; border-bottom: 2px solid #c2c2c2; } .multimediafolder td { padding: 4px 2px 2px 2px; border-bottom: 1px solid #c2c2c2; } .multimediafolder tr.last td { border-bottom: 0px; } .multimediafolder-item { float: left; width: 170px; height: 170px; } /* -- SLIDESHOW -- */ .slideshow-previous span { display: none; } .slideshow-next span { display: none; } .slideshow-next { float: right; } .slideshow-previous { float: left; } .slideshow-before { padding-top: 10px; clear: both; } /* .slideshow-thumbnails { white-space: nowrap; height: 70px; overflow: hidden; text-align: center; } */ .slideshow-thumbnails { white-space: nowrap; overflow: hidden; text-align: center; } .slideshow-thumbnails img { width: 50px; height: 50px; padding: 10px; } .slideshow-thumbnails div { background: url(images/thumbnail-canvas.png) no-repeat center; width: 100px; float: left; } .slideshow-thumbnails div.active { background: url(images/thumbnail-canvas-active.png) no-repeat center; } .slideshow-image { text-align: center; margin-bottom: 30px; } /* -- LOGIN FORM -- */ .login-form-link { padding-bottom: 10px; } #login-form-logout { margin-top: 70px;} #login-form-logout p { margin: 0; color:#fff; } .extranet .login-form { background: url(images/extranet_login.png) no-repeat top left; width:465px; height:211px; margin: 215px 0 0 227px; } .extranet .login-form h3 { display:none; } .extranet .login-form #login-form-container { margin:60px 0 0 0; } .extranet .login-form input.textinput { background: url(images/textinput.png) no-repeat top left; width: 144px; height: 19px; padding: 3px 3px 0 3px; border:0; } .extranet .login-form .row { padding: 0 0 15px 0; width: 298px; margin: 0 0 0 17px; } .extranet .login-form .row label { float: right; color:#ffffff; margin: 0 5px 0 0; } .extranet .login-form .row input.textinput { float: right; } .extranet .login-form input.submit { background: url(images/extranet_login_button.png) no-repeat top left; width: 72px; height: 23px; font-weight: normal; text-transform:none; margin: 10px 0 0 165px; } .extranet .login-form-error { margin: 10px 0 0 100px; } /* -- DIRECT EDIT -- */ .directedit-link-container { float: right; padding-left: 20px; } #placeholder-bottom .directedit-link-container { float: left; padding: 0 20px 0 0; } .directedit-link-container a, #placeholder-bottom .directedit-link-container a { color: #000; } .directedit-link-container ul { margin: 0 0 5px 0; padding: 0px; } .directedit-link-container ul li { float: left; list-style-type: none; padding-right: 10px; } .directedit-link-container-bottom { clear: both; } div.directedit-link-container li a { float: left; display: block; height: 16px; width: 16px; background-repeat: no-repeat; } div.directedit-link-container li span { display: none; } div.directedit-link-container li a.edit-article { background-image: url(images/directedit/article-edit.gif); } div.directedit-link-container li a.new-article { background-image: url(images/directedit/article-new.gif); } div.directedit-link-container li a.delete-article { background-image: url(images/directedit/article-delete.gif); } div.directedit-link-container li a.new-category { background-image: url(images/directedit/category-new.gif); } div.directedit-link-container li a.edit-category { background-image: url(images/directedit/category-edit.gif); } div.directedit-link-container li a.delete-category { background-image: url(images/directedit/category-delete.gif); } /* --- LIGHTBOX ---------------------------------------------------------*/ /* Because of a Firefox bug (Linux/OS X) causing Flash to become invisible when rendered above a fixed layer with background opacity. This will happen when e.g. displaying an article with Flash content inside the lightbox. To fix this the lightbox javascript will override the background color setting it to a transparent PNG image. Make sure that the image has the same color and opacity as the background styled here. The lightbox.js will by default set opacity to 80% and set background image to: projectroot/html/images/lightbox/ff-overlay-img.png More info: http://www.findmotive.com/2006/10/02/firefox-flash-bug-update/ */ #lightbox-overlay { z-index: 999; background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } #lightbox-container { z-index: 1000; position: relative; border: 1px solid #dedede; top: 50px; margin: auto; overflow: auto; width: 750px; max-height: 90%; background: #fff; } #lightbox-spinner { background: #fff url(images/lightbox/spinner.gif) center no-repeat; width: 220px; height: 19px; margin: 15% auto; } #lightbox-container { padding: 15px 20px 10px 20px; } #lightbox-close-container { position: absolute; right: 0; } #lightbox-close span { display:none; } #lightbox-close { display: block; width: 101px; height: 9px; margin-right: 10px; background: url(images/lightbox/close-no.png) no-repeat 10px; } #lightbox .tile-common { border: 0px; } /* --- EMAIL THIS PAGE IN LIGHTBOX ------------------------------------------ */ #lightbox .suggestionform label { display: block; } #lightbox .suggestionform input.textinput { width: 300px; margin-bottom: 5px; } #lightbox .suggestionform input.captcha { width: auto; } #lightbox .suggestionform textarea { width: 300px; } #lightbox .suggestionform h3 { display: none; } #lightbox .suggestionform { width: 320px; margin-left: auto; margin-right: auto; } /* --- LINKTOOLBAR ---------------------------------------------------------*/ #placeholder-content .linktoolbar { margin: 0 0 0 0; padding: 0; float:right; position: absolute; top: 25px; left: 460px; } #placeholder-content .linktoolbar .tile-content { padding:0; } #placeholder-content .linktoolbar .tile-bottom { clear: both; } /* This section will be applicable on the left/right placeholders */ .linktoolbar ul { padding: 0; margin: 0; } .linktoolbar li { padding: 0 0 0 0; margin: 0; list-style-type: none; } .linktoolbar a { /*padding-left: 25px;*/ } /* Here we override the content and content-no-right styles */ #placeholder-content-no-right .linktoolbar h3, #placeholder-content .linktoolbar h3 { display: none; } #placeholder-content-no-right .linktoolbar a, #placeholder-content .linktoolbar a { color: #1b485a; font: 0.75em verdana, sans-serif; padding:0 15px 0.5em 20px; height: 16px; display: block; float: left; } #placeholder-content-no-right .linktoolbar li, #placeholder-content .linktoolbar li { white-space: nowrap; margin: 0; padding: 0; float: left; } #placeholder-content-no-right .linktoolbar ul, #placeholder-content .linktoolbar ul { margin: 0 0 0 0; padding: 0; list-style-type: none; } /* Using CSS sprite technique to limit the amount of requests done by a page load. All linktoolbar icons are collected into one image. We use background offset to control what image is visible. */ .font_size_link { background:url(images/linktoolbar/icons.gif) no-repeat left -251px; } .print_link { background:url(images/linktoolbar/icons.gif) no-repeat left -51px; } .tipafriend_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left top; } .facebook_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left -201px; } .delicious_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left -101px; } .kudos_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left -301px; } .digg_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left -151px; } .nettby_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left -401px; } .reddit_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left -451px; } .linkedin_share_link { background:url(images/linktoolbar/icons.gif) no-repeat left -351px; } /* --- IFRAME TILE ---------------------------------------------------------- */ .iframe-tile iframe { width: 100%; } /* -- WEBSHOP --------------------------------------------------------------- */ .full-productdisplay-priceorder { float: right; border: 1px solid #c2c2c2; padding: 5px 15px 10px 25px; margin: 10px 0 5px 5px; } #placeholder-content form { display: inline; padding: 0; margin: 0; background-color: transparent; } .full-productdisplay-priceorder .price, .full-productdisplay-priceorder div { text-align: center; margin-top: 3px; } .full-productdisplay-priceorder input, .full-productdisplay-priceorder select { margin-top: 5px; } .full-productdisplay-priceorder label { float: left; width: 50px; margin-top: 7px; clear: both; } .full-productdisplay-priceorder .price { font-size: 1.25em; font-weight: bold; } .webshop-step-indicator { float: right; } .webshop-step-indicator ul { margin: 0px; padding: 0px; } .webshop-step-indicator li { list-style-type: none; display: block; float: left; width: 20px; border: 2px solid #c2c2c2; margin-left: 5px; text-align: center; } .webshop-step-indicator li.step-done { border: 2px solid #c2c2c2; background-color: #c2c2c2; font-weight: bold; } .webshop-step-indicator li.active { border: 2px solid #568699; background-color: #74b2c7; color: #000; font-weight: bold; } .webshop-checkout table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin-bottom: 20px; } .webshop-checkout table tr.even { background-color: #fff; } .webshop-checkout table tr.basetotal td { border-bottom: 3px double #000; padding-top: 10px; } .webshop-checkout table tr th { text-align: left; font-style: italic; padding-bottom: 10px; } .webshop-checkout table tr th.right-align { text-align: right; } .webshop-checkout table tr.productrow td { vertical-align: top; } .webshop-checkout table td.currency { text-align: right; font-family: monospace; width: 100px; } .webshop-checkout table tr.productrow td.input, .webshop-checkout table tr.productrow td.remove { text-align: right; } .webshop-checkout table tr.productrow td input.amountfield { width: 30px; text-align: right; } .webshop-checkout div.shippingtext { clear: both; padding-top: 15px; } .webshop-checkout input.submit { float: right; } .webshop-checkout div.errormessage fieldset { border: 2px solid #f00; } #placeholder-content .list-productdisplay form, #placeholder-content-no-right .list-productdisplay form { background-color: transparent; display: inline; } .webshop-list-priceorder { float: right; margin-left: 10px; border: 1px solid #c2c2c2; text-align: right; padding: 0 .7em 0 .7em; } .webshop-list-price { font-size: 1.25em; font-weight: bold; padding-top: 10px; float: left; margin-right: 15px; } .webshop-list-priceorder .after { clear: both; } /* -- ENTITY COMMENT FORM ----------------------------------------- */ #placeholder-content .entitycomment, #placeholder-content-no-right .entitycomment { margin-top: 30px; } .entitycomment ul { margin: 0 0 30px 0; list-style-type: none; padding: 0;} .entitycomment li { border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; padding: 10px 0 10px 0; margin: 0 0 10px 0; } .entitycomment-urls { float: right; font-weight: bold; } .entitycomment-byline { color: #888; font-size: .8em; font-style: italic; } .entitycomment-form-content table { width: 100%; } .entitycomment-form-content input { width: 325px; } .entitycomment-form-content textarea { width: 325px; } .entitycomment-form-content textarea { height: 100px; } .entitycomment-form-content .submit { width: auto; } .entitycomment-urls { text-align: right; } #entitycomment-form-message { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; } #entitycomment-form-error { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #c2c2c2; text-align: center; } .entity-comment-post-tag-offensive { float: right; } /* -- ENTITY RATINGS --------------------------------------------- */ .rating-label { font-size: .75em; text-align: center; } .agreedisagreerating .rating-label { padding: 0 10px 0 3px; } .starrating { width: 85px; height: 40px; overflow:hidden; background: url(images/spinner.gif) no-repeat top center; } .starrating fieldset { display: none; } /* -- ENTITY TABBED LIST ----------------------------------------- */ .tabbedentitylist .tile-content { padding: 0; } .tabbedentitylist h3 { display:none; } #placeholder-left .tabbedentitylist .tab h3, #placeholder-right .tabbedentitylist .tab h3 { display: block; margin: 0px;font-size: 1.1em; } .tabbedentitylist .tab div { padding: 10px; } /* Article list with mouseover effect */ .mouseoverimage-container { float:left; background:#ffffff; width:528px; height:400px; padding-top:20px;} .article-mouseoverimage {padding-left: 20px;float:left; overflow:hidden; width:200px; } .mouseoverimage { float:right; height:400px; width:275px; } #placeholder-content .mouseoverimage-container .tile-common{margin: 0; padding: 0px 20px 0px 0px;} /* External search elektriker */ #placeholder-content-no-right .small-externalsearchinput input.textinput { background: url(images/textinput.png) no-repeat top left; width: 144px; height: 19px; padding: 3px 3px 0 3px; border:0; float:left; } #placeholder-content-no-right .small-externalsearchinputintra .searchbutton {margin:0px; padding:0px;} #placeholder-content-no-right .small-externalsearchinput { background:url(images/el/bg_search.png); margin-right: 20px; padding: 0; float:left; height:156px; width:285px; color:#fff; font-size:11px; } #placeholder-content-no-right .small-externalsearchinput h3 { font-size: 22px; font-family: Arial; font-weight:bold; margin:5px 0 0 55px;} #placeholder-content-no-right .small-externalsearchinput .form { padding:0; margin:5px 0 0 0; } #placeholder-content-no-right .small-externalsearchinput .form form { float:right; width: 180px;} #placeholder-content-no-right .small-externalsearchinput .searchbutton { float:right; margin: 0 4px 0 0; } #placeholder-content-no-right .small-externalsearchinput span.desc { margin:10px 0 0 0; display:block; } .small-externalsearchinput .searchbutton { border:0; height: 22px; width: 22px; background:url(images/externalsearch_button.png) no-repeat; } #placeholder-right .small-externalsearchinput input.textinput { background: url(images/textinput_right.png) no-repeat top left; width: 109px; height: 19px; padding: 3px 3px 0 3px; border:0; float:left;} #placeholder-right .small-externalsearchinput { background:url(images/el/right_search.png) no-repeat; margin: 0px 20px 20px 0px; padding:0px; float:left; height:242px; width:164px; color:#fff; font-size:11px; } #placeholder-right .small-externalsearchinput h3 { display:none;} #placeholder-right .small-externalsearchinput .form { padding:0px 0 0 0;} #placeholder-right .small-externalsearchinput .searchbutton { float:right; margin:0 0 0 0; } #placeholder-right .small-externalsearchinput .tile-content { margin: 75px 0px 0 0;} /* External search el-entrepen�r*/ #placeholder-content-no-right .small-externalsearchinputintra input.textinput { background: url(images/textinput.png) #fff no-repeat top left; width: 144px; height: 19px; padding: 3px 3px 0 3px; margin-left:75px; border:0;float:left; } #placeholder-content-no-right .small-externalsearchinputintra .searchbutton {margin:0px; padding:0px;} #placeholder-content-no-right .small-externalsearchinputintra { background:url(images/el/bg_search.png); margin-right: 20px; padding: 0; float:left; height:156px; width:285px; color:#fff; font-size:11px; } #placeholder-content-no-right .small-externalsearchinputintra h3 { font-size: 22px; font-family: Arial; font-weight:bold; margin:15px 0 0 65px;} #placeholder-content-no-right .small-externalsearchinputintra .form { padding:0px 0 0 0;} #placeholder-content-no-right .small-externalsearchinputintra .searchbutton { float:right; margin:0 15px 0 0;} #placeholder-right .small-externalsearchinputintra input.textinput { background:url(images/textinput_right.png) #fff no-repeat top left; width: 109px; height: 19px; padding: 3px 3px 0 3px; border:0; float:left; } #placeholder-right .small-externalsearchinputintra { background:url(images/el/el-entrepenoer.png) no-repeat; margin: 0px 20px 20px 0px; padding:0px; float:left; height:242px; width:164px; color:#fff; font-size:11px; } #placeholder-right .small-externalsearchinputintra h3 { display:none;} #placeholder-right .small-externalsearchinputintra .form { padding:0; margin:0;} #placeholder-right .small-externalsearchinputintra .searchbutton { float:right; margin:0 0 0 0;} #placeholder-right .small-externalsearchinputintra .tile-content { margin: 75px 0 0 0;} /*content top and bottom picture*/ #placeholder-content .top {background: #000 url(images/el/content_top.png); height:24px; margin:0; padding:0px;} #placeholder-content .bottom{background:#000 url(images/el/content_bottom.png); height:23px; margin:0; padding:0px;} /* A nasty clear-both to make msie render pages properly. */ /* The div MUST have content, such as a nbsp, even though */ /* font-size is set to zero. The div takes up no space. */ div.clear-both { margin: 0px; padding: 0px; border: 0px; height: 0px; line-height: 0; font-size: 0px; clear: both; } body.landingpage { background-image: url(images/el/bg.jpg); background-repeat: repeat-x; background-color: #fff; } body.landingpage #container { width: 1337px; background-image: url(images/el/elektriker_helfigur.png); background-repeat: no-repeat; background-position: 620px 0px; margin: 0; padding: 0; } body.landingpage #placeholder-top { /* logo, menu, menu */ /* fixed height */ width: 879px; height: 134px; margin: 0; padding: 15px 0 0 20px; border: none; } body.landingpage #placeholder-middle { /* articlelist, search */ /* dynamic height */ width: 899px; margin: 0; padding: 0; border: none; } body.landingpage #placeholder-bottom { /* sitemap, toolbox (search) */ /* fixed height */ width: 829px; height: 247px; margin: 0; padding: 35px 35px 30px 35px; border: none; background-image: url(images/el/bottom899x312.png); background-repeat: no-repeat; background-position: top left; color: #fff; } /* NELFO-søk, landingpage */ .landingpage .small-externalsearchinput { margin: 0 0 0 10px; padding:15px; color:#ffffff; background:url(images/el/finnelektriker.png) no-repeat; } .landingpage .small-externalsearchinput h3 { margin: 2px 0 0 0; font-size:28px; width: 335px; overflow:hidden; } .landingpage .small-externalsearchinput .searchbutton { cursor: pointer; height: 40px; width: 50px; background:url(images/el/search_button_transparent.png) no-repeat; } .landingpage .small-externalsearchinput .tile-content { position:relative; } .landingpage .small-externalsearchinput .tile-content span { display: block; width:700px; margin: 10px 0 0 0; } .landingpage .small-externalsearchinput .tile-content h3 span { margin: 0; } .landingpage .small-externalsearchinput .tile-content .form { position:absolute; top: 10px; left: 366px; } .landingpage .small-externalsearchinput .tile-content .form label { display:none; } .landingpage .small-externalsearchinput .tile-content .form .textinput { border: none; background: none; width:307px; height:20px; padding: 0 0 0 7px; } /* Ekstranett login, landingpage */ .landingpage .login-form { background: url(images/el/login_bg.png) no-repeat !important; width:300px; height: 219px; float: right; } .landingpage .login-form h3, .landingpage .login-form label { display:none; } .landingpage .login-form #login_form { position: relative; } .landingpage .login-form .textinput { font-size:10px; color: #58595b; float:left; margin: 0 0 9px 24px; /* padding: 8px 0 0 5px; */ padding: 3px 0 5px 5px; border: none; background: url(images/el/login_textinput.png); width:165px; height:20px } .landingpage .login-form .submit { cursor: pointer; position: absolute; left:205px; top:-9px; background: url(images/el/login_button.png); width:67px; height: 65px; text-transform:none;} .landingpage .login-form #login-form-container { margin: 109px 0 0 0; } .landingpage #login-form-logout { position:relative; margin: 110px 0 0 23px; } .landingpage .login-form #login-form-logout .submit { top: 10px; left:183px; } /* Kategorimenyer nede, ladingpage */ /* IE7 warning: psuedo class :first-child will not work if there is a present close to/inside whatever it is you're trying to style. The comment is apparently treated as the first child instead of the actual DOM-element. */ .landingpage #placeholder-bottom > .vertical-menu:first-child { width: 150px; } .landingpage #placeholder-bottom > .vertical-menu:first-child h3 { padding: 0 0 10px 5px; } .landingpage #placeholder-bottom > .vertical-menu:first-child ul { padding: 0 0 0 5px; } .landingpage #placeholder-bottom .vertical-menu a:hover { color: #929191; } .landingpage #placeholder-bottom .vertical-menu { float: left; width: 180px; } .landingpage #placeholder-bottom .vertical-menu h3 { font-size:12px; text-transform: uppercase; padding: 0 0 10px 0; display: block; width: 180px; border-bottom: 1px solid #6f6f6f; font-weight: normal; } .landingpage #placeholder-bottom .vertical-menu ul { margin: 10px 0 0 0; } .landingpage #placeholder-bottom .vertical-menu ul li { font-weight:normal; font-size:10px; text-transform: none; padding: 0 0 0 0; border:none; } /* Footer, landingpage */ .landingpage .small-articledisplay-nolayout { text-align:right; width: 829px; clear:both; border-top: 1px solid #6f6f6f !important; padding: 5px 0 0 0 !important; margin: 30px 0 0 0 !important; } .landingpage .small-articledisplay-nolayout p { color: #929191 !important; padding: 0 !important; } /* Hurtigmeny, landingpage */ .landingpage #placeholder-top .horizontal-menu { margin: 35px 0 0 11px !important; clear: none !important; float:left !important; text-align:left !important; } .landingpage #placeholder-top .horizontal-menu a { color: #1f1e1a; font-size:10px; font-weight:bold; } .landingpage #placeholder-top .horizontal-menu li { border-left: 1px solid #1f1e1a; font-size: 10px; padding: 0 3px 0 3px !important; } .landingpage #placeholder-top .horizontal-menu li.first { border-left: none; } /* Toppmeny, landingpage */ .landingpage #placeholder-top .vertical-menu { clear:none; float: left; text-align:left; margin: 30px 0 0 0 !important; } .landingpage #placeholder-top .vertical-menu .tile-content { margin: 0 !important;} .landingpage #placeholder-top .vertical-menu.bolig .tile-top, .landingpage #placeholder-top .vertical-menu.bolig .tile-bottom, .landingpage #placeholder-top .vertical-menu.naeringsbygg .tile-top, .landingpage #placeholder-top .vertical-menu.naeringsbygg .tile-bottom, .landingpage #placeholder-top .vertical-menu.kommune .tile-top, .landingpage #placeholder-top .vertical-menu.kommune .tile-bottom { display:none; } .landingpage #placeholder-top .vertical-menu ul { background:transparent !important; border:none !important; margin: 0 1px 0 0; } .landingpage #placeholder-top .vertical-menu ul li { border:none !important; } .landingpage #placeholder-top .vertical-menu.bolig ul li { width: 48px; height:19px; padding: 5px 0 0 10px; background: url(images/el/top_bolig.png) no-repeat; } .landingpage #placeholder-top .vertical-menu.naeringsbygg ul li { width: 98px; height:19px; padding: 5px 0 0 20px; background: url(images/el/top_naering.png) no-repeat; } .landingpage #placeholder-top .vertical-menu.kommune ul li { width: 89px; height:19px; padding: 5px 0 0 17px; background: url(images/el/top_kommune.png) no-repeat; } .landingpage #placeholder-middle .elLandingPageArticleMenu { width: 886px; height: 398px; overflow: hidden; background-image: url(images/el/landingpage_articlelist_bg_886x398.png); background-repeat: no-repeat; background-position: top left; } .landingpage #placeholder-middle .elLandingPageArticleMenu .headingWrapper { float: left; width: 318px; } .landingpage #placeholder-middle .elLandingPageArticleMenu .headingWrapper .heading { background-image: url(images/el/landingpage_articlelist_line_308x1.gif); background-repeat: no-repeat; background-position: top right; height: 45px; margin: 0px; padding: 20px 0 0 31px; position: relative; } .landingpage #placeholder-middle .elLandingPageArticleMenu .headingWrapper .heading a { color: #828384; } .landingpage #placeholder-middle .elLandingPageArticleMenu .headingWrapper .heading.active a { color: #a11404; } .landingpage #placeholder-middle .elLandingPageArticleMenu .headingWrapper .heading.first { background-image: none; } .landingpage #placeholder-middle .elLandingPageArticleMenu .headingWrapper .heading img { position: absolute; top:20px; right: 15px; } .landingpage #placeholder-middle .elLandingPageArticleMenu .bodyWrapper { float: left; width: 568px; height:385px; margin: 0; padding: 0; overflow:hidden; } .landingpage #placeholder-middle .elLandingPageArticleMenu table.vert-aligner { width: 100%; height:345px; margin: 0; padding: 0; border: none; } .landingpage #placeholder-middle .elLandingPageArticleMenu .bodyWrapper .body { margin: auto 0 auto 0; padding: 20px; overflow:hidden; } .landingpage #placeholder-middle .elLandingPageArticleMenu .bodyWrapper .body a { color: #2D60A6; } .landingpage #placeholder-middle .elLandingPageArticleMenu .bodyWrapper .body p { margin-top: 0; } .landingpage #placeholder-middle .elLandingPageArticleMenu .bodyWrapper .body h2 { margin: 0 0 10px 0; padding: 0; } .hidden { display: none; } .nelfo-link { display: none } .landingpage .nelfo-link { display: block; position: absolute; top: 13px; right: 28px; } .landingpage .nelfo-link img { width: 77px; height: 76px;}