/* COLOR DEFINITIONS Blaa Groen Roed Basisfarve #5a91c8 #009182 #e60032 Hover & summary #326ca6 #006d61 #ac0025 Margin & form #eef4f9 #e5f4f2 Menu hover & teaser #dee9f4 #cce9e6 Horizontal lines #bdd3e9 #99d3cd Menu active #8bb2d8 #4cb2a7 */ /***** GLOBAL STYLES *****/ /* Generic elements */ body {margin:0px; text-align:center;} body, th, td, p, input, select, ol, ul, li, textarea {color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left;} form {margin:0px;} p, table {margin:0px 10px 7px 10px;} img {border:solid 0px #000;} table td {padding:2px 2px 2px 0px;} a {color:#000; text-decoration:none;} a:link, a:active, a:visited {color:#e60032; text-decoration:none;} a:focus, a:hover {color:#ac0025; text-decoration:underline;} #mainContentSub ul, #mainContentNewsLetter ul, #mainContentSearch ul, #mainContentCalendar ul, #mainContentForum ul, #mainContentSub ol, #mainContentNewsLetter ol, #mainContentSearch ol, #mainContentCalendar ol, #mainContentForum ol {margin:-2px 0px 7px 30px; padding:0px;} #mainContentSub li, #mainContentNewsLetter li, #mainContentSearch li, #mainContentCalendar li, #mainContentForum li {margin: 0px 0px 5px 0px;} .smallToolbox a.rssLink:link, .smallToolbox a.rssLink:active, .smallToolbox a.rssLink:visited, .frontCol2 .wrapperR a.rssLink:link, .frontCol2 .wrapperR a.rssLink:active, .frontCol2 .wrapperR a.rssLink:visited {background-image:url('../gfx/icon-rss.gif'); background-position :0px 0px; background-repeat:no-repeat; display:block; margin:10px 10px 0px 0px; padding:0px; width:12px; height:12px;} .smallToolbox a.rssLink:focus, .smallToolbox a.rssLink:hover, .frontCol2 .wrapperR a.rssLink:focus, .frontCol2 .wrapperR a.rssLink:hover {background-image:url('../gfx/icon-rss-r.gif'); background-position :0px 0px; background-repeat:no-repeat; display:block; margin:10px 10px 0px 0px; padding:0px; width:12px; height:12px;} ol.links, .tdCell1NoMarginRight ol.links {list-style-position:outside; list-style-type:none; margin:0px 10px 10px 10px; padding:0px;} ol.links li {padding:0px; margin:0px;} ol.links li a:link, ol li a:active, ol li a:visited, ol li a:hover {background-position:0px 5px; background-repeat:no-repeat; padding:0px 0px 0px 8px;} h1 {clear:both;font-family:Tahoma; font-size:24px; font-weight:normal; line-height:26px; margin:4px 10px 17px 10px;} h2 {font-family:Tahoma; font-size:18px; font-weight:normal; line-height:20px; margin:24px 10px 8px 10px; text-transform:uppercase;} h3 {font-family:Tahoma; font-size:13px; font-weight:bold; line-height:14px; margin:22px 10px 6px 10px; padding:0px; text-transform:uppercase;} h4 {font-family:Verdana; font-size:11px; font-weight:normal; line-height:13px; margin:22px 10px 2px 10px; padding: 0px;} h5, h6 {font-size:11px; font-weight:bold; line-height:13px; margin:0px 10px 2px 10px; padding: 0px;} h1 a:link, h1 a:active, h1 a:visited, h2 a:link, h2 a:active, h2 a:visited, h3 a:link, h3 a:active, h3 a:visited, h5 a:link, h5 a:active, h5 a:visited {color: #000; text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#ac0025; text-decoration:underline;} .tdCell1NewsLetter h2, .tdCell2Calendar h2 {margin-top:10px;} /* Global classes */ .lineBreak {border:0px; clear:both; height:1px; line-height:1px; margin:3px 0px 4px 0px; padding:0px;} .lineBreakLarge {border:0px; clear:both; height:7px; line-height:7px; margin:0px 0px 4px 0px; padding:0px;} #tdCell2NewsLetter ul, #tdCell3 ul, #tdCell2NewsLetter ol, #tdCell3 ol {margin:-2px 0px 7px 40px; padding:0px;} #tdCell2NewsLetter li, #tdCell3 li, .tdCell1NoMarginRight li {margin:0px 0px 5px 0px;} .tdCell1NoMarginRight ul, .tdCell1NoMarginRight ol {list-style-position:outside; margin:-2px 0px 5px 30px; padding:0px;} .tdCell1NoMarginRight p {margin:0px 10px 5px 10px;} .wrapperL {float:left;} .wrapperR {float:right;} .wrapperC {clear:both;overflow:hidden;} .alignRight {text-align:right;} .alignCenter {text-align:center;} .redText {color:#e60032;} .fontBold {font-weight:bold;} .listDate {clear:both; color:#73787d; font-family:Verdana; font-size:10px; line-height:12px; margin:0px 10px 0px 10px;} p.listDate{margin:-7px 10px 7px 10px;} p.btLink {margin:0px 10px 0px 10px;} .recipeListItem p.btLink a, .btSite a:link, .btSite a:active, .btSite a:visited, .btSite a:hover, .btSiteSmall a:link, .btSiteSmall a:active, .btSiteSmall a:visited, .btSiteSmall a:hover, .btSiteSmall a.disabled, .btLink a:link, .btLink a:active, .btLink a:visited, .btLink a:hover {background-repeat:no-repeat; color:#fff; display:block; font-weight:bold; height:20px; overflow:hidden; padding:3px 0px 0px 10px; width:160px; text-decoration:none;} .btSiteSmall a:link, .btSiteSmall a:active, .btSiteSmall a:visited, .btSiteSmall a:hover, .btSiteSmall a.disabled {width:65px} .summary {font-family:Tahoma; font-size:13px; font-weight:normal; line-height:16px;} .floatedHeader1Text {padding:16px 0px 0px 0px;} .floatedHeader2Text {padding:15px 0px 0px 0px;} /* Remember to set the height on the containing div if using the vAlgin styles below */ .divValign {height:100%; position:relative; margin-bottom:-33px;} .divValign div {position:absolute; bottom:0; left:0; padding-bottom:33px;} /* Column definitions */ .tdCell1 {float:left; width:190px; margin-right:15px;} .tdCell1Calendar {float:left; width:395px; margin-right:15px;} .tdCell1NewsLetter {border-top-style:solid; border-top-width:7px; float:left; width:290px;} .tdCell1NoMarginRight {float:left; width:190px; margin-right:0px;} .tdCell2 {float:left; width:310px; margin-right:15px;} .tdCell2NewsLetter { float:left; width:395px; margin-right:15px;} .tdCell2Calendar {float:left; width:515px;} .tdCell3 {float:left; width:515px; margin-right:15px;} .tdCell4 {float:left; width:705px;} .tdCellFull {width:910px; } .tdCell4Search {float:left; width:720px; margin-right:15px;} /* Teasers and fact boxes */ .teaser div, .factBox, .teaserPic {background-repeat:no-repeat; border-color:#fff; border-style:solid; border-width:0px 0px 1px 0px; line-height:14px; margin-bottom:15px;} .factBox h3 {padding:10px 0px 14px 0px;} .teaser div h3 {margin:5px 10px 6px 10px;} .factBox h3 {color:#fff; margin-top:0px;} .factBox .listDate, .logout-link {clear:both; padding-left:10px;} .miniTeaser {margin-bottom:15px;} .miniTeaser a{background-position:100% 4px; background-repeat:no-repeat; font-family:Tahoma; font-size:13px; font-weight:bold; padding:0px 10px 0px 0px;text-transform:uppercase;} .miniTeaser a.blueMaxiLink {background-image:url('../gfx/link-maxi-blue.gif'); color:#5a91c8;} .miniTeaser a.blueMaxiLink:hover {background-image:url('../gfx/link-maxi-blue-hover.gif'); color:#326ca6;} .miniTeaser a.greenMaxiLink {background-image:url('../gfx/link-maxi-green.gif'); color:#009182;} .miniTeaser a.greenMaxiLink:hover {background-image:url('../gfx/link-maxi-green-hover.gif'); color:#006d61;} .miniTeaser a.lightgreenMaxiLink {background-image:url('../gfx/link-maxi-lightgreen.gif'); color:#dcdc1e;} .miniTeaser a.lightgreenMaxiLink:hover {background-image:url('../gfx/link-maxi-lightgreen-hover.gif'); color:#b3b300;} .miniTeaser a.orangeMaxiLink {background-image:url('../gfx/link-maxi-orange.gif'); color:#f09100;} .miniTeaser a.orangeMaxiLink:hover {background-image:url('../gfx/link-maxi-orange-hover.gif'); color:#d76f00;} .miniTeaser a.purpleMaxiLink {background-image:url('../gfx/link-maxi-purple.gif'); color:#5b53a6;} .miniTeaser a.purpleMaxiLink:hover {background-image:url('../gfx/link-maxi-purple-hover.gif'); color:#736eaa;} .miniTeaser a.redMaxiLink {background-image:url('../gfx/link-maxi-red.gif'); color:#e60032;} .miniTeaser a.redMaxiLink:hover {background-image:url('../gfx/link-maxi-red-hover.gif'); color:#ac0025;} .miniTeaser a.yellowMaxiLink {background-image:url('../gfx/link-maxi-yellow.gif'); color:#ffdc00;} .miniTeaser a.yellowMaxiLink:hover {background-image:url('../gfx/link-maxi-yellow-hover.gif'); color:#ebb400;} #container {background-color:#fff; margin:0px auto 0px auto; padding:0px 7px 10px 7px; width:925px; text-align:left;} /* Top bar elements */ #topBar {padding-top:4px;} #topBar .wrapperL a {background-repeat:no-repeat; background-position:10px 9px; display:block; height:56px; padding-top:0px; width:190px; } #topBar .wrapperR {width:700px;} #topBar .wrapperR br {clear:both; height:13px; line-height:13px; margin:0px; padding:0px;} #topBar .wrapperR ul {float:right; list-style-position:inside; list-style-type:none; margin:0px; padding:0px;} #topBar .wrapperR ul li {display:inline; margin:0px; padding:0px;} #topBar ul li a:visited, #topBar ul li a:link, #topBar ul li a:active, #topBar ul li a:hover {display:block; float:left; font-weight:bold; padding:5px 7px 5px 7px;} #topBar form{float:right;width:160px; overflow:auto; padding-top:6px;} #topBar form input {float:left;} #searchField{background-repeat:no-repeat; border:solid 0px #000; height:20px; margin:0px; padding:2px 0px 0px 4px; text-align:left; width:125px;} #searchBt {background-repeat:no-repeat; border:solid 0px #000; height:20px; margin:0px; padding:0px; width:31px;} /* Top header elements */ #topHeader {background-repeat:no-repeat; color:#fff; clear:both; height:90px;} #topHeader input {margin-bottom:-2px;} #topHeader div {padding:7px;} #topHeader .wrapperR a:link, #topHeader .wrapperR a:active, #topHeader .wrapperR a:visited, #topHeader .wrapperR a:hover {color:#fff; text-decoration:underline;} /* Top menu elements */ #topMenu {clear:both; height:26px; overflow:hidden; margin-bottom:7px;} #topMenu ul {float:none; list-style-position:inside; list-style-type:none; margin:0px; padding:0px;} #topMenu li {background-repeat:no-repeat; display:block; float:left; margin-right:3px; padding:0px 0px 0px 10px;} #topMenu a:visited, #topMenu a:link, #topMenu a:active, #topMenu a:hover {background-repeat:no-repeat; background-position:100% 0; display:block; float:left; padding:8px 10px 5px 0px;} #topMenu li.selected a:visited, #topMenu li.selected a:link, #topMenu li.selected a:active, #topMenu li.selected a:hover {color:#000; } /* Bottom bar elements */ #bottomBar {background-repeat:repeat-x; clear:both; height:46px; overflow:auto;} #bottomBar ul {float:none; list-style-position:inside; list-style-type:none; margin:0px; padding:30px 0px 0px 0px; text-align:center;} #bottomBar ul li {display:inline; font-size:10px; margin:0px; padding:0px 15px 0px 15px;} /***** FRONT PAGE STYLES ******/ #mainContentFront {background-repeat:repeat-y; clear:both; height:100%; overflow:hidden;} .frontCol1, .frontCol2, .frontCol3, .frontCol4 {background-repeat:no-repeat; line-height:14px; margin:0px 0px 15px 0px;} .frontCol1 h2, .frontCol2 h2, .frontCol3 h2, .frontCol4 h2 {color:#fff; margin:0px 10px 0px 10px; padding-top:7px;} .frontCol2 h2 {margin:0px 10px 20px 10px;} .frontCol2 h4 {margin:0px 10px 0px 10px; padding:0px;} .frontCol2 .wrapperR a:link, .frontCol2 .wrapperR a:active, .frontCol2 .wrapperR a:visited, .frontCol2 .wrapperR a:hover {background-image:url('../gfx/bullet-link-white.gif'); background-position:0px 13px; background-repeat:no-repeat; color:#fff; display:block; font-weight:normal; padding:9px 9px 9px 9px;} a.kalLink:link, a.kalLink:active, a.kalLink:visited {background-image:url('../gfx/bullet-link.png'); background-position:0px 7px; background-repeat:no-repeat; display:block; font-weight:normal; padding:2px 9px 9px 9px;} a.kalLink:hover {background-image:url('../gfx/bullet-link-hover.png')} /***** SUB PAGE STYLES *****/ /* General classes */ .largeToolbox {border-bottom:solid 2px #fff; clear:both; height:100%; overflow:hidden; padding:10px 10px 5px 10px} .largeToolbox label,.largeToolbox select, .largeToolbox p, .smallToolbox div, .smallToolbox label {float:left;} .largeToolbox label {padding:2px 4px 0px 0px;} .smallToolbox {border-bottom:solid 2px #fff; clear:both; height:100%; overflow:hidden; padding:0px 10px 0px 10px} .smallToolbox a.rssLink:link, .smallToolbox a.rssLink:active, .smallToolbox a.rssLink:visited, .smallToolbox a.rssLink:focus, .smallToolbox a.rssLink:hover {margin-top:5px;} .smallToolbox h3 {padding:5px 0px 0px 0px; margin-left:0px; margin-top:0px;} .smallToolbox label {padding:3px 10px 0px 10px;} .calendarToolbox {height:100%; overflow:hidden; padding:10px} .calendarToolbox label {margin:0px 0px 0px 0px; padding-top:4px; position:absolute;} .calendarToolbox select {margin:7px 0px 10px 10px; width:170px;} .calendarToolbox input {margin-left:10px;} .calendarToolbox span {display:block; padding:2px 0px 30px 0px;} .tdCell2Calendar table td.col1 {width:100px;} .leftArrow, .rightArrow, .leftArrowDisabled, .rightArrowDisabled {background-repeat:no-repeat; display:block; height:20px; margin:3px 0px 0px 0px; width:18px;float:left;} .searchListItemContainer {clear:both; padding:0px 10px 0px 15px;} .searchListItemContainer .wrapperL {padding:0px 7px 0px 0px} .searchListItemContainer p {padding:0px 0px 0px 5px} .formBox {padding:7px 10px 7px 10px; overflow:auto;} .formBox table tr td{vertical-align:top;} .formBox input, .formBox textarea, .input170 {width:170px;} .input230 {width:230px;} .input175 {width:175px;} .formBox .btLink {margin-left:0px;} .formBox table {margin:0px;} .formBox table tr td {padding:2px 2px 2px 0px;} .formBox .formRadio input {width:20px;} /* table with fixed head */ .outer {position:relative; padding:19px 0px 0px 0px; width:100%;} .outer thead tr {left:0px; position:absolute; top:4px; } .innera {height:350px; overflow:auto; width:100%;} .innera table{ margin:0px; width:370px;} .innera .col1 {width:180px;} .innera .col2 {width:100px;} .innera .col3 {width:60px; text-align:right;} .innera th {border-bottom-style:solid; border-bottom-width:1px; font-weight:normal; padding:0px 0px 0px 10px; text-transform:uppercase;} .innera td {border-bottom-style:solid; border-bottom-width:1px; cursor:pointer; padding:2px 2px 2px 10px; vertical-align:top;} .innera .selected td {color:#fff;} /* Sub menu items */ #mainContentSub, #mainContentNewsLetter, #mainContentSearch, #mainContentCalendar, #mainContentForum, #mainContentSubSite {background-repeat:repeat-y; clear:both; height:100%; line-height:15px; overflow:hidden;} #mainContentForum {width:920px;} #subMenuContainer h3{background-position:bottom; background-repeat:no-repeat; color:#FFF; font-family:Tahoma; font-size:13px; font-weight:bold; line-height:13px; margin:0px; padding:11px 10px 26px 10px; text-transform:uppercase; vertical-align:middle; width:170px;} #subMenuContainer ul{float:none; list-style-position:inside; list-style-type:none; margin:0px; padding:0px 0px 0px 0px;} #subMenuContainer ul li{display:inline; line-height:13px; margin:0px; padding:0px;} #subMenuContainer a:visited, #subMenuContainer a:link, #subMenuContainer a:active, #subMenuContainer a:hover {background-position:3px 6px; background-repeat:no-repeat; display:block; padding:4px 4px 4px 12px; text-transform:uppercase; text-decoration:none;} #subMenuContainer li.level1Selected a.selected:visited, #subMenuContainer li.level1Selected a.selected:link, #subMenuContainer li.level1Selected a.selected:active, #subMenuContainer li.level1Selected a.selected:hover {background-image:none; color:#fff;} #subMenuContainer li.level2 a:visited, #subMenuContainer li.level2 a:link, #subMenuContainer li.level2 a:active, #subMenuContainer li.level2Selected a:link, #subMenuContainer li.level2Selected a:active, #subMenuContainer li.level2Selected a:visited {background-position:12px 6px; color:#000; padding:2px 4px 3px 22px; text-transform:none;} #subMenuContainer li.level3 a:visited, #subMenuContainer li.level3 a:link, #subMenuContainer li.level3 a:active, #subMenuContainer li.level3Selected a:link, #subMenuContainer li.level3Selected a:active, #subMenuContainer li.level3Selected a:visited {background-position:27px 6px; color:#000; padding:2px 4px 3px 37px; text-transform:none;} #subMenuContainer li.level4 a:visited, #subMenuContainer li.level4 a:link, #subMenuContainer li.level4 a:active, #subMenuContainer li.level4Selected a:link, #subMenuContainer li.level4Selected a:active, #subMenuContainer li.level4Selected a:visited {background-image:none; color:#000; padding:2px 4px 3px 52px; text-transform:none;} #subMenuContainer li.level4Selected a.selected:visited, #subMenuContainer li.level4Selected a.selected:link, #subMenuContainer li.level4Selected a.selected:active, #subMenuContainer li.level4Selected a.selected:hover {background-image:none; color:#fff;} /* Sub top items */ #subContentTopContainer {background-color:#fff; overflow:hidden;} #subContentTopContainer br {clear:both;} #subContentTopContainer .wrapperL ul li, #subContentTopContainer .wrapperL ul li a{font-size: 10px; line-height: 13px;} #subContentTopContainer .wrapperL {width:83%} #subContentTopContainer .wrapperR {padding-bottom:7px; width:85px;} #subContentTopContainer ul{float:none; list-style-position:inside; list-style-type:none; margin:0px; padding:2px 10px 0px 10px;} #subContentTopContainer .wrapperC ul{padding:2px 0px 0px 0px;} #subContentTopContainer ul li, #subContentTopContainer .wrapperC ul li{display:inline; margin:0px; padding:0px;} #tipFriendLink , #printLink {background-image:url('../gfx/icon-mail.gif'); background-repeat:no-repeat; display:block; padding:0px 0px 0px 17px;} a#printLink {background-image:url('../gfx/icon-print.gif');} a#tipFriendLink {background-image:url('../gfx/icon-mail.gif');} a#tipFriendLink:hover{background-image:url('../gfx/icon-mail-hover.gif');} a#printLink:hover{background-image:url('../gfx/icon-print-hover.gif');} a.backLink {background-image:url('../gfx/back-link.gif'); background-position: 0 5px; background-repeat:no-repeat; display:block; padding:0px 10px 0px 10px;} a.backLink:hover {background-image:url('../gfx/back-link-hover.gif');} #subContentTopContainer .wrapperC {height:21px; overflow:hidden; margin:0px 0px 22px 0px;} #subContentTopContainer .wrapperC ul {float:none; list-style-position:inside; list-style-type:none; margin:0px; padding:0px 0px 0px 10px;} #subContentTopContainer .wrapperC ul li {background-repeat:no-repeat; display:block; float:left; margin-right:3px; padding:0px;} #subContentTopContainer .wrapperC a:visited, #subContentTopContainer .wrapperC a:link, #subContentTopContainer .wrapperC a:active, #subContentTopContainer .wrapperC a:hover {background-repeat:no-repeat; background-position:100% 0; display:block; float:left; padding:4px 40px 10px 10px;} #subContentTopContainer .wrapperC li.selected a:visited, #subContentTopContainer .wrapperC li.selected a:link, #subContentTopContainer .wrapperC li.selected a:active, #subContentTopContainer .wrapperC li.selected a:hover {color:#000;} /* Sitemap */ .sitemap h2 { font-size: 18px; font-weight: normal; line-height: 18px; font-family: Tahoma; text-transform: uppercase; margin-top: 20px; margin-right: 0; margin-bottom: 5px; margin-left: 20px; } .sitemap h3 { font-size: 13px; font-weight: bold; line-height: 14px; color: #000; font-family: Tahoma; text-transform: uppercase; margin-top: 22px; margin-right: 0; margin-bottom: 6px; margin-left: 0; padding: 0px; } .sitemap h4, .sitemap h5, .sitemap h6 { font-size: 11px; font-weight: normal; line-height: 13px; color: #000; text-transform: uppercase; padding: 0px; margin-top: 10px; margin-right: 0; margin-bottom: 5px; margin-left: 40px; } .sitemap p { margin-top: 0; margin-right: 0; margin-bottom: 5px; margin-left: 60px; line-height: 13px; } .sitemap a:link, .sitemap a:active { color: #000000; text-decoration: none; } .sitemap a:visited { color: #736eaa; text-decoration: none; } .sitemap a:hover { color: #ac0025; text-decoration: underline; } .sitemap h1 a:link, h1 a:active, .sitemap h1 a:visited, .sitemap h2 a:link, .sitemap h2 a:active, .sitemap h2 a:visited, .sitemap h3 a:link, .sitemap h3 a:active, .sitemap h3 a:visited { color: #000; text-decoration: none; } .sitemap h1 a:hover, .sitemap h2 a:hover, .sitemap h3 a:hover { color: #ac0025; text-decoration: underline; } #ctl02_ctl04_form_current {left:10px;} .btStyle {background-image: url('../gfx/button-red.png'); background-repeat:no-repeat; border:solid 0px #fff; color:#fff; font-weight:bold; height:20px; overflow:hidden; padding:0px 0px 0px 10px; width:170px;} /***** Campaign styles *****/ a.campCheckbox, a.campCheckboxSelected {background-repeat:no-repeat; display:block; height:28px; width:31px;} a.campCheckbox {background-image:url('../gfx/camp/test-checkbox.gif');} a.campCheckbox:hover {background-image:url('../gfx/camp/test-checkbox-hover.gif');} a.campCheckboxSelected, a:hover.campCheckboxSelected {background-image:url('../gfx/camp/test-checkbox-marked.gif');} #test-spg{background-color:#fff; background-image:url('../gfx/camp/test-spg.jpg');background-repeat:no-repeat; padding:228px 0px 0px 35px;} #test-spg p {margin:0px; padding:0px 0px 6px 0px;} #test-spg-svar{background-color:#fff;} a.redirectLink {margin-top:25px;} pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } /* cookbook styles */ /*to include in global*/ #mainContentCookbook { float: left; clear: both; background-repeat: repeat-y; height: 100%; overflow: hidden; } #tdCell1Cookbook { float: left; width: 720px; margin-right: 15px; clear:left; line-height:15px; } #tdCell2Cookbook { float: right; width: 190px; margin: 0px; line-height:14px; } #mainContentCookbook h1 { margin: 0px; } #subContentTopCookbook .wrapperLTitle { margin:0px 0px 18px 11px; } #subContentTopCookbook .wrapperLTitle h1 { margin:35px 0px 0px 0px; } /* Cookbook frontpage */ #subContentCampaign{ display:block; clear:both; width:340px; background-repeat:no-repeat; min-height:175px; height:175px; padding-left:380px; padding-top:5px; } #recipeTop{ display:block; clear:both; width:600px; height:180px; position:relative; } #recipeTop p { top:83px; left:370px; position:absolute; width:330px; } #recipeTop .butHolder { top:167px; left:380px; position:absolute; width:140px; } .recipePhoto { float:left; } #recipeHolder { float:left; } #recipeHolder span { color:#666666; } #recipeHolder h3 { margin-bottom:0px; margin-top:0px; } #recipeHolder h3 a { color:#000000; } .recipeFront1,.recipeFront2,.recipeFront3, recipeFront { margin:15px 0px 0px 0px; float: left; width: 230px; height:300px; } .recipeFront2 { border-left:1px solid #5a91c8; border-right:1px solid #5a91c8; } .wave { width:230px; height:127px; border:0px; top:3px; } /******* right column *******/ /* cookbook simple form */ #rightSearchContainer { width:190px; margin:0px 0px 7px 0px; padding:0px 0px 0px 0px; clear:both; display:block; height:20px; } #rightSearchContainer form input { float:left; } #searchCookbookField, .searchWebShopField, #searchAdviceField { background-repeat: no-repeat; height: 16px; padding: 4px 0px 0px 9px; text-align: left; width: 150px; background-position: 0px 0px; background-repeat:no-repeat; display:inline; float:left; } #searchCookbookBt, .searchWebShopBt, #searchAdviceBt { background-repeat: no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; width: 31px; height: 20px; background-position: 0px 0px; background-repeat:no-repeat; display:inline; float:left; } /* right teaser */ .rightTeaser { clear:both; width:190px; padding:0px; margin:0px 0px 15px 0px; background-repeat:no-repeat; line-height:14px; top:0px; } .rightTeaser img{width:190px;} .rightTeaser div { padding:10px 10px 15px 10px; } .rightTeaser h3 { margin:0px } /* right TOP TEN widget */ #rightTopContainer { clear:both; background-repeat:no-repeat; margin:0px; width:190px; } #rightTopContainer h3 { background-position:bottom; color:#FFF; font-family:Tahoma; font-size:13px; font-weight:bold; line-height:13px; margin:0px; padding:11px 10px 26px 10px; text-transform:uppercase; vertical-align:middle; width:170px; } .rightItemContainer{ margin:0px 0px 0px 0px; padding:5px 10px 0px 0px; min-height:23px; } .rightItemContainer a:visited, .rightItemContainer a:link, .rightItemContainer a:active, .rightItemContainer a:hover { color:#000000; font-weight:bold; } /* alphabets index */ .indexContainer { margin:0px; display:block; background-repeat:repeat-x; background-position:bottom left; padding-bottom:10px; margin-bottom:10px; margin-left:10px; } .indexContainer dt { font-size:16px; text-transform:capitalize; display:inline; float:left; font-weight:bold; margin-top:4px; } .indexContainer dd { line-height:20px; margin-left:25px; } .alphabets { background-repeat:repeat-x; background-position:bottom left; height:21px; padding-left:0px; margin-bottom:10px; } .alphabets a { background-repeat:no-repeat; background-position:bottom left; height:17px; padding: 4px 5px 0px 5px; margin-right:1px; width: 11px; text-transform: capitalize; font-family:Tahoma; font-size:11px; text-align: center; display: block; float: left; } .alphabets a:hover { height:17px; padding: 4px 5px 0px 5px; } .alphabets .indexTxt { width: 45px; display: block; } a.indexList:link, a.indexList:visited, a.indexList:hover { font-size: 11px; color: Black; margin: 0px; } /* recipeList View*/ .recipeListView { width: 720px; clear: both; } .recipeListView .recipeListItem { width: 720px; line-height:14px; } .recipeListView .recipeListItem a { color:#000000; font-weight:bold; } .recipeListView .recipeListItem span { font-size:10px; display:block; margin-bottom:3px; } .recipeListView .recipeListItem img { float: left; margin: 0px; padding: 0px; border-bottom:1px solid #ffffff; height:95px; } .recipeListView div { float: right; width: 530px; height:95px; } .recipeListView div p { margin:6px 10px 6px 20px; } /* recipeHeaderLinks */ #recipeHeaderLinks { float: right; width: 200px; line-height:16px; } #recipeHeaderLinks a { display:block; } #tipFriendLink, #printLink { float:right; width:70px; } #recipeAdvancedSearch,#recipeAllRecipes, #subContentCampaign a, .rightTeaser a { background-repeat:no-repeat; padding-left:10px; background-position:0px 3px; } #subContentCampaign a { display:block; background-position:0px 5px; } #recipeBreadcrumb{float:left;margin-left:10px;width:490px;} /*searchPaginationBox*/ div.searchPaginationBox { width: 720px; height: 21px; min-height:21px; border-bottom:1px solid #ffffff; } div.searchPaginationBox .butHolder, div.searchPaginationBoxBottom .butHolder { float: left; width: 140px; margin-left: 10px; position: relative; top: 4px; } div.searchPaginationBox .seeAllLink { float: left; width: 260px; position: relative; padding: 4px 0px 0px 20px; } .nextLink { display: block; height: 14px; position: absolute; right: 0; top: -1px; width: 20px; } .prevLink { display: block; height: 14px; position: absolute; top: -1px; width: 20px; } .prevLinkDisabled { top: -1px; display: block; width: 20px; height: 14px; position: absolute; } .prevLinkDisabled:hover,.nextLinkDisabled:hover{text-decoration:none;} .nextLinkDisabled { top: -1px; right: 0px; display: block; width: 20px; height: 14px; position: absolute; } .prevLink:hover { text-decoration:none; } .nextLink:hover { text-decoration:none; } .prevLink span, .nextLink span, .prevLinkDisabled span, .nextLinkDisabled span { display: none; } div.casesDiv { display: inline; padding-left: 30px; } div.searchPaginationBox .filterCat{ display: inline; float:right; width:240px; position:relative; padding:1px 0px 0px 40px; } div.searchPaginationBox .filterCat select { width:185px; } /* search styles */ .searchFieldsTop { height:8px; border-bottom:2px solid #ffffff; font-size:5px; } .searchFieldsMiddle { padding:7px 0px 0px 0px; width:720px; margin-bottom:7px; } .labelCol { width:96px; } .labelCol2 { width:110px; } .setWidth { width:45px; } .searchFieldsMiddle table { width:703px; margin-right:0px; padding-right:0px; margin-bottom:0px; padding-bottom:0px; } .searchFieldsMiddle table .selectCol { width:220px; } .searchFieldsMiddle .webshopSearch { width:100%; margin-right:0px; padding-right:0px; margin-bottom:5px; padding-bottom:0px; } .searchFieldsMiddle .webshopSearch .td1 { width:auto; text-align:right; } .searchFieldsMiddle .webshopSearch .td2 { width:330px; text-align:right; } .searchFieldsMiddle .webshopSearch .td3 { width:192px; text-align:right; } .searchFieldsMiddle .input340, .input340 { width:340px; } .freeTxtFld { width:214px; } .divParams { padding: 0px 0px 0px 10px; } .popupParamsDiv { width: 450px; padding: 10px; } .popupParamsDiv table { width: 100%; } .ingredientField { background-repeat: no-repeat; border: 0 solid #000000; height: 20px; margin: 0; padding: 0px 0 0 4px; text-align: left; width: 450px; } #ingredientBt { background-repeat: no-repeat; border: solid 0px #000; height: 20px; margin: 0px 0px 0px 0px; padding: 0px; width: 31px; } /* recipe content page */ #recipeL { float:left; width:238px; } #recipeR { float:left; width:474px; margin-left:8px; } #recipePageHolder { float:left; background-repeat:repeat-y; background-position:238px 0px; margin-top:15px; width:720px; } #recipeL h3 { margin:0px 17px 8px 10px; } #recipeR h3 { margin:0px 17px 8px 11px; } #recipeL p { margin:0px 17px 7px 10px; } #recipeR p { margin:0px 17px 7px 11px; } /*also used in basket*/ .alternativeDiv { width:404px; padding:15px 30px 15px 40px; line-height:15px; margin:10px 0px 10px 0px; } #recipeR .alternativeDiv h3 { margin:0px 0px 5px 0px; } #recipeR .alternativeDiv p { margin:0px; } /***** WEBSHOP *****/ .WSloginBt, .WSlogoutBt, .WSpreviousBt, .WSnextBt, .WSapproveOrderBt { background-repeat:no-repeat; border:solid 0px #fff; height:20px; width:170px; } .WSnextBt { background-image:url('/gfx/netbutik/button-next.png'); } .WSpreviousBt{ background-image:url('/gfx/netbutik/button-previous.png'); } a.WSpreviousBt:hover{ background-image:url('/gfx/netbutik/button-previous-hover.png'); } .WSupdateBt{ background-image:url('/gfx/netbutik/button-opdater.png'); } .WSfront, .WSfront2 { margin:15px 0px 0px 0px; padding-top:100px; float: left; width: 230px; height:180px; } .WSfront2 { margin-left:7px; margin-right:7px; padding-left:7px; background-position: 7px 0px; padding-right:7px; display:block; } #WSallProducts { background-repeat:no-repeat; padding-left:10px; background-position:0px 6px; position:relative; left:30px; width:60px; } .blueText { margin:-10px 0px 0px 12px; } .WSbasketTable, .WSbasketTableForm { width:720px; margin:0px; padding:0px; } .WSbasketTable th, .sideBorders, .topBottomBorders, .fullBorders,.WSbasketInput, .leftBorder, .topBottomLeftBorders { border-style:solid; } .WSbasketTable th{ border-width:0px 0px 1px 0px; font-weight:normal; padding-right:10px; } .WSbasketTable tr td{ padding:4px 10px 2px 10px; } .WSbasketTable .WSbasketTableth{ border-width:0px 0px 1px 0px; font-weight:normal; padding-right:10px; } #WSbasketBottom { width:700px; padding:12px 10px 0px 10px; height:28px; margin:0px; } #WSbasketBottom input { float:right; } .WSbasketTableForm tr td { padding:1px 10px 2px 10px; } .WSbasketTableForm .WSbasketTableFormTopBorder td { padding-top:7px; } .WSbasketTableForm .WSbasketTableFormBottomBorder td { padding-bottom:6px } .WSbasketTableForm .WSbasketTableFormTopPadding td { padding-top:7px; } .WSbasketTableForm .WSbasketTableFormBottomPadding td { padding-bottom:6px; } .WSbasketTableForm .fieldvalidator{padding-left:1px; padding-right:1px;} .disabled{color:#aaa} .fieldValidatorSpacer{float:left; margin-left:-11px; width:11px;} td.sideBorders { border-width:0px 1px 0px 1px; } td.leftBorder { border-width:0px 0px 0px 1px; } .topBottomBorders{ border-width:1px 0px 1px 0px; } .topBottomLeftBorders{ border-width:1px 0px 1px 1px; } .topBottomBorders a { padding-top:3px; } .topBottomBorders input{ padding-top:3px; } .fullBorders{ border-width:1px ; } .WSbasketInput { width:25px; text-align:right; border-width:1px; } .WSbasketInputBt { padding:0px 0px 0px 5px; position:relative; top:3px; } .WSbasketInfoBox { width:240px; } .WSbasketInfoBox p.listDate{ margin-top:-13px; } .AddToBasketText { display:none; } .moveBg { background-position: 0px -22px; } .frontpageProdDiv {float:left;padding-right:10px;width:160px;overflow:hidden;} /* productList View*/ .productListView { width: 720px; clear: both; } .productListView .recipeListItem { width: 720px; line-height:14px; } .productListView .recipeListItem a { color:#000000; font-weight:bold; } .productListView .recipeListItem span { font-size:10px; margin-bottom:3px; } .productListView .recipeListItem img { float: left; margin: 0px; padding: 0px; border-bottom:1px solid #ffffff; height:95px; } .productListView .itemDiv { float: right; width: 530px; height:95px; } .productListView .itemDiv p { margin:6px 10px 6px 20px; } .productListView .priceDiv { float:right; width:180px; height:54px; text-align:right; padding-right:10px; } div.searchPaginationBox .filterCat2{ display: inline; float:right; width:250px; position:relative; padding:1px 0px 0px 30px; } div.searchPaginationBox .filterCat2 select { width:180px; } div.productDetail { width:460px; float:left; } div.productDetail .productSummary { font-size:12px; margin-left:10px; } div.productCarrousel { width:230px; text-align:center; float:right; } div.productCarrousel img { vertical-align:top; } .butProductHolder { vertical-align:bottom; text-align:left; width:135px; margin:auto; margin-top:10px; } .prevLinkDisabled2:hover,.nextLinkDisabled2:hover{text-decoration:none;} div.casesDiv2 { display: inline; padding-left: 7px; } .inputLogbox {width:163px;} /* Advice module */ #mainContentAdvice { float: left; clear: both; background-repeat: repeat-y; height: 100%; overflow: hidden; } #tdCell1Advice { float: left; width: 720px; margin-right: 15px; clear:left; line-height:15px; } #tdCell2Advice { float: right; width: 190px; margin: 0px; line-height:15px; } #tdCell1Advice .contentCol { padding:0px 10px 20px 0px; } #tdCell1Advice #subContentTopCookbook .wrapperLTitle { margin:0px 0px 18px 9px; } .tdsubCell1 {float:left; width:395px; margin-right:15px;} .tdsubCell2 {float:left; width:310px;} .tdsubCell2 img { margin-right:4px; } .divContact h3 { margin-top:13px;} .midItemContainer{ margin:0px; padding:0px 10px 0px 0px; } .midItemContainer h3{ margin-top:0px; } .midItemContainer .profileImg{ float:right; } div.contentCol .blueSummary { font-size:12px; margin-left:10px; margin-bottom:10px; } /* breadcrumb */ #moduleBreadcrumb{float:left; padding-left:10px;width:450px;} #breadcrumbHeaderLinks { float: right; width: 240px; line-height:16px; } #breadcrumbHeaderLinks a { display:block; } /* end breadcrumb */ .tdsubCell3 {float:left; width:505px; margin-right:15px;} .tdsubCell4 {float:left; width:200px;} .contentCol2 p{ margin-right:0px; padding-right:0px; } .contentCol2 img{ float:right; top:0px; right:0px; } .contentCol2 h3{ margin-top:0px; } .tdsubCell5 {float:left; width:505px; margin-right:15px;} .tdsubCell6 {float:left; width:200px;} /* Search */ div.blueBgBoxTitle { width: 720px; height: 26px; min-height:26px; border-bottom:2px solid #ffffff; } div.blueBgBoxTitle h3 { margin-top:0px; padding-top:6px; } .trsubHolderSearch { float:left; } .tdsubCellSearch1 { float:left; width:195px; padding-left:10px; } .tdsubCellSearch2 {float:left; width:515px;} .tdsubCellSearch1 h3 { margin:10px 0px 0px 5px; } .trListItem { padding:5px 10px 5px 0px; } .trListItemLast { padding:5px 10px 5px 0px; } /* tables */ .tblInbox, .tblConversation { width:720px; margin:0px; padding:0px; } .tblInbox a { color:#000; padding-left:10px; } .tblInbox td, .tblConversation td { height:19px; vertical-align:top; margin-top:0px; margin-bottom:0px; padding-top:2px; padding-bottom:2px; } .tblInbox td p, .tblConversation td p { margin:0px 0px 5px 0px; } .tblInbox th { height:23px; font-weight:normal; } .tblTd { width:180px; } .tblTd1 { width:28px; } .tblTd2 { width:116px; } .tblTd3 { width:416px; padding-right:10px; } .tblTd4 { width:140px; padding-right:10px; text-align:right; } .extraPad { padding-left:10px;} .blueBgBoxForm { width: 720px; float:left; } .BoxFormCol1 { float:left; width:80px; padding:5px 0px 10px 10px; } .BoxFormCol2 { float:left; width:620px; padding:10px 0px 10px 10px; } .miniForm { margin:0px; padding:0px; width:190px; } .miniForm input { margin:0px; padding:0px; } .tdMiniForm1 { width:10px; vertical-align:top; padding-left:10px; padding-bottom:10px; } .tdMiniForm2 { width:180px; padding-bottom:10px; } /* advice pagination */ .advicePagination{ } .advicePagination tr th { width:160px; } .advicePagination tr th h3{ margin:0px; padding:0px; } .advicePagination tr td{ width:540px; } .advicePagination tr td a{color:black; margin:0px 0px 0px 10px;} /* /advice pagination */ /*sub site styles*/ #subsiteGrid div {float:left} #subsiteGrid div.col1 {width:180px} #subsiteGrid div.col2 {width:360px} #subsiteGrid div.col3 {width:520px} #subsiteGrid div.colFull {width:100%} /*DIALOG STYLES*/ .winBorder {background-color:#FFF; border:solid 1px #326ca6; padding:7px;} a.closeWinBt:link, a.closeWinBt:visited, a.closeWinBt:active {background-image:url('../gfx/barometer/mini-button-blue-delete.png'); background-repeat:no-repeat; display:block; height:14px; float:right; width:20px;} a.closeWinBt:hover, a.closeWinBt:focus {background-image:url('../gfx/barometer/mini-button-blue-delete-hover.png');} .winContent {width:359px;} .docVisitCol label {display:block; padding:3px 8px 5px 0;} .docVisitCol div {margin-bottom:4px;} .docVisitCol div input, .docVisitCol div select {margin:0px;} .docVisitCol span br {display:none;} .docVisitCol span {display:block; margin:0;} .docVisitCol span span {display:inline;} .docVisitCol span input {float:left; display:inline; height:15px; margin:0 0 4px 0; padding:0px; width:15px; } .docVisitCol span label {float:left; margin:0 10px 0 0; padding:0px;} .marginL h1, .leftMargin {margin-left:10px;} /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow {background-color:#FFF; display:none; left:50%; border:solid 8px #fff; margin-left:-207px; position:absolute; top:10%; width:426px;} .jqmOverlay {background-color: #000;} /* Background iframe styling for IE6. Prevents ActiveX bleed-through (