/*------------------------------------------------------------------ [Master Stylesheet] Project: Noblessa Sverige AB -------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------- Body and text --------------------------------------------------------------------------------------------------*/ body {font: normal 11px/18px sans-serif; color: #000; background: #e8e8e8;} h1 {font: normal 5.5em/1em Franklin, Arial !important; color: #013266; margin: 10px 0; letter-spacing: -2px;} h2 {font: normal 2em/1.6em Franklin, Arial, Helvetica, Sans-Serif; color: #013266; margin: 0 0 10px;} h3 {font: normal 1.5em/1.6em Franklin, Arial, Helvetica, Sans-Serif; color: #013266; margin: 0 0 10px;} h3.group {padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;} h3 a {text-decoration: none !important; color: #013266;} a {} p {margin: 0 0 10px 0;} #content input {font: normal 11px/11px sans-serif; color: #000;} #content textarea {font: normal 11px/18px sans-serif; color: #000;} #content select {font: normal 11px/18px sans-serif; color: #000;} #content input.btn {font: normal 11px/18px sans-serif; padding: 3px 5px;} .clearer {height: 0; font-size: 0; line-height: 0; clear: both;} /*-------------------------------------------------------------------------------------------------- Layout --------------------------------------------------------------------------------------------------*/ ul#skip {display: none;} div#page {width: 970px; margin: 20px auto;} div.content {width: 970px; margin: 0 auto; position: relative; z-index: 1;} div#page p.description {color: #666; padding: 10px 0 0; text-align: center;} /* Masthead */ div#masthead {background: transparent url(../gfx/header-bg.png) repeat-x top; height: 100px;} div#masthead #logo {position: absolute; top: 0px;} div#masthead #toolbox {width: 385px; text-align: right; position: absolute; right: 0; top: 25px;} div#masthead #toolbox ul {position: absolute; top: 0; right: 0;} div#masthead #toolbox ul li {display: inline; margin: 0 5px;} div#masthead #toolbox ul li a {color: #fff; text-decoration: none;} div#masthead #toolbox ul li a:hover {text-decoration: underline;} div#masthead #toolbox .searchbox {position: absolute; top: 27px; right: 0;} div#masthead #toolbox .searchbox input.txt {font-size: 11px; width: 20em; padding: 2px 3px; margin: 0 5px; height: auto !important;} div#masthead #toolbox .searchbox input.btn {background: transparent; border: 0; color: #fff !important; font: normal 11px Arial, Helvetica, Sans-Serif !important; padding: 3px 0;} div#masthead #toolbox .searchbox label.overlabel {display: none;} div#masthead #toolbox .searchbox label.overlabel-apply {color: #d0d0d0; position: absolute; top: 2px; left:10px; z-index: 1; cursor: text;} /* Content area */ div#content {width: 960px; padding: 10px; clear: both; float: none; margin: 0; z-index: 0; position: relative; display: block; min-height: 352px; background-color: #fff;} div#content.regular {min-height: 0;} div#content.contactform-content {background: #fff url(../gfx/contactform-body-bg.png) repeat-y 10px; padding: 0 10px !important; border-top: solid 10px #fff; border-bottom: solid 10px #fff;} div#content p {font-size: 12px; line-height: 1.6em; color: #013266;} div#content a {color: #033266; text-decoration: underline;} div#content a:hover {text-decoration: none;} /*div#content strong {color: #000 !important;}*/ div#content a.showimage {display: inline-block; width: 101px; height: 24px; text-indent: -9999px; background: transparent url(../gfx/btn/btn-showimage.png) no-repeat top;} div#content a.video {display: inline-block; width: 77px; height: 24px; text-indent: -9999px; background: transparent url(../gfx/btn/btn-video.png) no-repeat top;} div#content a.video:hover, div#content a.showimage:hover {background-position: left -24px;} div#content ul {padding: 5px 10px; margin: 5px 15px; list-style: disc;} div#content ol {padding: 5px 10px; margin: 5px 15px; list-style-type: decimal;} div#content ul li {list-style-type:square; font-size: 12px; line-height: 1.6em; color: #013266;} div#content ol li {list-style: decimal; font-size: 12px; line-height: 1.6em; color: #013266;} div#content .campaignitem {margin: 0 !important; padding: 0 !important; height: 410px; width: 960px; overflow: hidden; position: relative;} div#content .campaignitem img {margin: 0 0 -10px !important; padding: 0 !important;} div#content .campaignitem.christmas {height: 590px;} div#content .campaignitem a {position: absolute; right: 0;} div#content .campaignitem a.wedding {top: 273px;} div#content .campaignitem a.catalog {top: 346px;} div#content div.col-content-nav {width: 230px; float: left;} div#content div.col-content-content {width: 710px; float: right;} div#content div.col-content-full {width: 100%; float: none; clear: both;} div#content div.col-content-nav h2 {display: block; background: #1a2d5a; color: #fff; padding: 0 10px; margin: 0 0 1px 0; font: bold 12px/30px sans-serif; text-transform: uppercase; letter-spacing: 0.1em;} div#content div.col-content-nav div {background-color: #d5dbe9; padding: 10px; margin: 0 0 10px 0;} div#content div.col-content-nav ul {padding: 0; margin: 0;} div#content div.col-content-nav ul li {list-style-type: none; padding: 6px 0; line-height: 20px;} div#content div.col-content-nav ul li.separator {border-top: solid 1px #c0c9dc; padding: 9px 0 0 0; margin: 9px 0 0 0;} div#content div.col-content-nav ul li a {display: block; background: url(../gfx/icons/arrow_red_content_nav.gif) no-repeat 100% 50%; text-decoration: none; color: #013266; font: normal 12px/18px sans-serif;} div#content div.col-content-nav ul li a.arrow-blue {display: block; background: url(../gfx/icons/arrow_blue_content_nav.gifx) no-repeat 100% 50%; text-decoration: none; color: #013266; font: normal 12px/18px sans-serif;} div#content div.col-content-nav ul li a:hover {color: #010f1e;} div#content div.col-content-content h2 {display: inline-block; background: #1a2d5a; color: #fff; padding: 0 10px; margin: 0; font: bold 12px/30px sans-serif; letter-spacing: 0.1em;} div#content div.col-content-content div.content-grouped {padding: 10px; border: solid 1px #5e6879;} div#content div.col-content-content div.content-grouped-list {padding: 0 !important; border: solid 1px #5e6879;} div#content div.col-content-content div.content-grouped-list table.table-list {width: 100%; border-collapse: collapse;} div#content div.col-content-content div.content-grouped-list table.table-list th {text-align: left; padding: 4px 6px; background: #f7f8fa; border: solid 1px #e9ebf2;} div#content div.col-content-content div.content-grouped-list table.table-list td {padding: 4px 6px; background: #e0e4ec; border: solid 1px #f7f8fa;} div#content div.col-content-content div.content-grouped-list table.table-list tr.alt td {padding: 4px 6px; background: #ebeef4; border: solid 1px #f7f8fa;} div#content div.col-content-content div.content-grouped-list table.table-list td a {text-decoration: none; color: #000;} div#content div.col-content-content div.content-grouped table.table-data {border-collapse: collapse;} div#content div.col-content-content div.content-grouped table.table-data th {text-align: left; padding: 2px 10px 2px 0;} div#content div.col-content-content div.content-grouped table.table-data td {padding: 2px 0;} div#content div.col-content-content div.content-grouped table.table-list {width: 100%; border-collapse: collapse;} div#content div.col-content-content div.content-grouped table.table-list th {text-align: left; padding: 4px 6px; background: #f7f8fa; border: solid 1px #e9ebf2;} div#content div.col-content-content div.content-grouped table.table-list td {padding: 4px 6px; background: #e0e4ec; border: solid 1px #f7f8fa;} div#content div.col-content-content div.content-grouped table.table-list tr.alt td {padding: 4px 6px; background: #ebeef4; border: solid 1px #f7f8fa;} div#content div.col-content-content div.content-grouped table.table-list td a {text-decoration: none; color: #000;} div#content div.col-content-content div.content-grouped p.separator {padding: 5px 0; margin: 5px 0; border-top: solid 1px #9ca6b7;} div#content div.col-content-full h2 {display: inline-block; background: #1a2d5a; color: #fff; padding: 0 10px; margin: 0; font: bold 12px/30px sans-serif; letter-spacing: 0.1em;} div#content div.col-content-full div.content-grouped {padding: 10px; border: solid 1px #5e6879;} div#content div.col-content-content span.supplier-logo {display: block; text-align: right;} div#content div.col-content-content div.content-grouped span.supplier-logo {display: block; text-align: left;} div#content div.col-content-content div.content-grouped span.supplier-logo img.supplier-logo {padding: 0 0 10px 0;} div#content div.col-content-content img.supplier-logo {padding: 10px;} div#content div.col-content-content div.content-grouped div.col1 {width: 48%; float: left;} div#content div.col-content-content div.content-grouped div.col2 {width: 48%; float: right;} div#content div.col-content-content div.content-grouped h3 {padding: 16px 0 0 0; border-bottom: solid 1px #1a2d5a;} div#content div.col-content-content div.content-grouped .red {color: Red;} a.paymentlink {float: left; margin-left: 5px; background: #fff url(../gfx/btn-bg.png) no-repeat; color: #fff !important; display: block; padding: 5px 15px; width: 105px; text-decoration: none !important;} input.btnCancel {float: left; width: auto; background: #fff url(../gfx/btn-bg.png) no-repeat 50% -4px; color: #fff !important; font: normal 11px Arial, Helvetica, Sans-Serif !important; padding: 6px 10px !important; border: solid 1px #37536F; margin: 0;} /* Secondary content (Sub campaign area and clientzone) */ #secondarycontent {padding: 10px; margin: 10px 0 0; background: #fff; width: 960px;} #secondarycontent #wrapper {background: #fff url(../gfx/secondarycontent-bg.png) repeat-y right; padding: 0; margin: 0;} #secondarycontent .customerzone {padding: 15px; width: 270px; float: right; position: relative;} #secondarycontent .customerzone h2 {font: normal 16px/1.5em Arial, Helvetica, Sans-serif !important; color: #033266; margin: 0;} #secondarycontent .customerzone fieldset {padding: 0;} #secondarycontent .customerzone fieldset .txt {width: 260px; margin: 5px 0 0; font-size: 11px; padding: 3px;} #secondarycontent .customerzone fieldset .btn {float: right; margin: 5px 0 0; background: #fff url(../gfx/btn-bg.png) no-repeat 50% -4px; color: #fff; font: normal 11px Arial, Helvetica, Sans-Serif; padding: 6px 10px !important; border: solid 1px #37536F;} #secondarycontent .customerzone p {padding: 0 !important; margin: 0 0 5px !important;} #secondarycontent .customerzone fieldset a {color: #46698f; margin: 10px 0 0 !important; text-decoration: none; float: left;} #secondarycontent .customerzone fieldset a:hover {text-decoration: underline;} #secondarycontent .customerzone fieldset label.overlabel {display: none;} #secondarycontent .customerzone fieldset label.overlabel-apply {color: #777; position: absolute; z-index: 1; cursor: text; margin: 7px 0 0 7px;} #secondarycontent .customerzone .error {background: #ffc; padding: 10px 10px 5px; color: red; margin: 10px 0;} #secondarycontent .customerzone .success {background: #8ac255; padding: 10px 10px 5px; color: #fff; margin: 10px 0;} #secondarycontent .customerzone .signout {float: right; width: 58px; margin: 5px 0 0; background: #fff url(../gfx/signoff-btn-bg.png) no-repeat 50% -4px; border: 0; color: #fff; font: normal 11px Arial, Helvetica, Sans-Serif; padding: 3px 5px; position: absolute; right: 15px; bottom: 15px;} #secondarycontent .customerzone ul {margin: 5px 0 0; width: 200px; float: left;} #secondarycontent .customerzone ul li a {color: #033266; text-decoration: none; margin: 0 0 5px; display: block; border-bottom: solid 1px #ddd;} #secondarycontent .customerzone ul li a:hover {text-decoration: underline;} #secondarycontent .customerzone ul li.orders a {background: transparent url(../gfx/orders.png) no-repeat left; padding: 2px 0 3px 23px;} #secondarycontent .customerzone ul li.kb a {background: transparent url(../gfx/kb.png) no-repeat left; padding: 2px 0 3px 23px;} #secondarycontent .customerzone ul li.survey a {background: transparent url(../gfx/survey.png) no-repeat left; padding: 2px 0 3px 23px;} #secondarycontent .customerzone span.small {font-size: 11px; color: #033266;} #secondarycontent #campaignarea {float: left; height: 150px; overflow: hidden;} #secondarycontent #campaignarea .campaignitem {float: left; margin: 0 10px 0 0 !important; width: 320px; display: table-column;} #secondarycontent #campaignarea .campaignitem img {margin: 0 !important; padding: 0 !important;} #secondarycontent #campaignarea object {float: left;} /* ModuleView: Stores */ div.stores-list {width: 170px; float: left; margin: 0 30px 0 0;} div.stores-content {width: 750px; float: left;} div.stores-list ul {margin: 0 !important; padding: 10px 0 !important; list-style: none !important; background: transparent url(../gfx/stores-list-bg.png) repeat-y left;} div.stores-list ul li {list-style-type: none !important; background-color: #f0f0f0;} div.stores-list ul li.on {font-weight: bold;} div.stores-list ul li a {text-decoration: none !important; display: block; padding: 5px 0 5px 10px; background-image: url(../gfx/stores-item-bg.png);} div.stores-list ul li a:hover {text-decoration: none !important; font-weight: bold;} div.stores-list ul li.on a {color: #fff !important; background-position: bottom; height: 18px; padding: 8px 0 10px 10px;} fieldset.book {border: 0; margin: 0 -10px 0 30px; padding: 10px 20px 27px; float: right; width: 370px; background-color: #f0f0f0;} fieldset.book legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.book p {margin: 5px 0;} fieldset.book label {display: block;} fieldset.book label .rfv {font-size: 11px; color: #f00;} fieldset.book input {width: 250px; padding: 2px !important; font: normal 12px/15px sans-serif !important; color: #000;} fieldset.book input.captcha-input {width: 60px;} fieldset.book textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.book .btn {width: auto; background: #fff url(../gfx/btn-bg.png) no-repeat 50% -4px; color: #fff !important; font: normal 11px Arial, Helvetica, Sans-Serif !important; padding: 6px 10px !important; border: solid 1px #37536F; margin: 0;} input.booking-form-item-important {display: none!important;} div#gmaparea {border: 0; margin: 0 0 0 30px; padding: 10px 20px 27px; float: right; width: 360px; height: 300px; background-color: #f0f0f0;} a.store-book-meeting {display: inline-block; margin-top: 10px; width: 400px; height: 24px; background: transparent url(../gfx/btn/button400.png) no-repeat top; text-decoration: none!important; text-align: center; line-height: 24px; font-weight: bold;} a.store-book-meeting:hover {background-position: left -24px; color: #fff!important;} /* ModuleView: FAQ */ div.entrysent {background: #8ac255; padding: 10px 10px 5px; color: #fff; margin: 10px 0;} /* ModuleView: Survey */ div.noos-survey-group {clear:both; margin:30px 0 10px 0; padding-bottom:10px; border-bottom:solid 2px #89acd2;} div.noos-survey-group h3 {font: bold 14px/18px sans-serif; margin: 0; padding: 0;} div.noos-survey-group .formitem {margin: 3px 0; clear:both;} div.noos-survey-group .sl300 {width: 300px; font: normal 11px Sans-Serif;} div.noos-survey-group label.left {float: left; display: block; width: 250px; position: relative; top: 3px;} div.noos-survey-group .btn {padding: 5px;} div.noos-survey-group textarea {width:700px; padding: 3px; height:100px;} div.noos-survey-group input.txt {width:700px; padding: 3px;} div.noos-survey-group select {width:154px;} /* ModuleView: Kitchen Product Module - Category List */ div.pm-view-categories {width: 650px; float: left;} div.pm-view-categories-full {width: 960px; float: left;} div.pm-view-category {width: 300px; height: 360px; overflow: hidden; float: left; padding: 0 20px 10px 0;} div.pm-view-category a {text-decoration: none !important;} div.pm-view-favorites {width: 300px; float: right;} div.pm-view-favorites ul {margin: 0 !important; padding: 0 !important;} div.pm-view-favorites ul li {list-style-type: none !important; background: url(../gfx/icons/savefavorite.gif) no-repeat 0 50%; padding: 2px 0 2px 25px;} div.pm-view-favorites ul li.list {list-style-type: none !important; background: url(../gfx/icons/gotofavorites.gif) no-repeat 0 50%; padding: 2px 0 2px 25px;} div.pm-view-favorites ul li a {text-decoration: none !important;} /* ModuleView: Kitchen Product Module - Kitchen List */ div.pm-view-pm-view-kitchenlist {width: 960px;} div.pm-view-kitchen {width: 300px; height: 300px; overflow: hidden; float: left; padding: 0 20px 10px 0;} div.pm-view-kitchen a {text-decoration: none !important;} /* ModuleView: Kitchen Product Module - Kitchen View */ ul.pm-view-kitchenview-links {margin: 10px 0 0 0 !important; padding: 0 !important; width: 200px; float: right;} ul.pm-view-kitchenview-links li {list-style-type: none !important; text-align: right; padding: 2px 0;} ul.pm-view-kitchenview-links li a {text-decoration: none!important; padding: 0 25px 0 0;} ul.pm-view-kitchenview-links li.savefavorite {background: url(../gfx/icons/savefavorite.gif) no-repeat 100% 50%;} ul.pm-view-kitchenview-links li.gotofavorites {background: url(../gfx/icons/gotofavorites.gif) no-repeat 100% 50%;} ul.pm-view-kitchenview-links li.gotooverview {background: url(../gfx/icons/arrow_back.gif) no-repeat 100% 50%;} div.pm-view-kitchenview-cols {clear: both;} div.pm-view-kitchenview-col1 {width: 450px; float: left; margin: 0 30px 0 0;} div.pm-view-kitchenview-col2 {width: 200px; float: left; margin: 0 0 0 0;} div.pm-view-kitchenview-col3 {width: 260px; float: right;} div.pm-view-kitchenview-front {width: 90px; margin: 0 10px 10px 0; float: left;} div.pm-view-kitchenview-accessory {clear: both;} div.pm-view-kitchenview-accessory-content {width: 140px; float: left;} div.pm-view-kitchenview-accessory-image {width: 120px; float: right; text-align: right;} div.pm-view-favoritelist {width: 960px; margin: 30px 0 0 0;} div.pm-view-favorite {width: 300px; height: 360px; overflow: hidden; float: left; padding: 0 20px 10px 0;} div.pm-view-favorite a {text-decoration: none !important;} a.download-link {background: url(../gfx/icons/downloadlink.gif) no-repeat 0 50%; padding: 2px 0 2px 20px; text-decoration: none !important;} a.moreinfo-link {background: url(../gfx/icons/moreinfolink.gif) no-repeat 0 50%; padding: 2px 0 2px 20px; text-decoration: none !important;} a.zoom-link {background: url(../gfx/icons/zoomlink.gif) no-repeat 0 50%; padding: 2px 0 2px 20px; text-decoration: none !important;} a.back-link {background: url(../gfx/icons/backlink.gif) no-repeat 0 50%; padding: 2px 0 2px 20px; text-decoration: none !important;} a.deletefavorite-link {background: url(../gfx/icons/deletelink.gif) no-repeat 0 50%; padding: 2px 0 2px 20px; text-decoration: none !important; color: red !important;} /* Addon: ImageList */ div.addon-imagelist-item {width: 125px; margin: 0 10px 10px 0; overflow: hidden; float: left; text-align: center;} div.addon-imagelist-item img {} /* Addon: Special Contact Form */ fieldset p.checkbox label {margin: 0 0 0 3px; vertical-align: middle; font: normal 11px Sans-Serif; display: inline; clear: none;} fieldset p.checkbox input {width: auto; vertical-align: middle; margin: 0; padding: 0;} .scfmessagebox {width: 240px; background: #8ac255; padding: 10px 10px 5px; color: #fff; margin: 10px 0;} .scfmessagebox-wide {width: 940px; background: #8ac255; padding: 10px 10px 3px; color: #fff; margin: 0 0 10px; text-align: center; font-size: 14px;} input.personalnumber {display: none;} .scfmessagebox-empty {width: 940px; background: #ffd; padding: 10px 10px 5px; color: #333; margin: 0 0 10px; text-align: left; clear: both;} .scfmessagebox-empty p {margin: 0 0 5px!important;} /* ModuleView: Ideas and inspiration - View */ div.view-navigation {background-color: #f0f0f0; padding: 10px; margin: 0 0 10px; position: relative; display: block; height: 24px;} div.view-navigation a {font-size: 1.13em; font-weight: bold; text-decoration: none !important;} div.view-navigation a:hover {color: #333 !important;} div.view-navigation a.add-item {display: inline-block; width: 185px; height: 24px; text-indent: -9999px; background: transparent url(../gfx/btn/add-inspiration.png) no-repeat top;} div.view-navigation a.decline {display: inline-block; width: 63px; height: 24px; text-indent: -9999px; background: transparent url(../gfx/btn/decline-inspiration.png) no-repeat top;} div.view-navigation a.back {display: inline-block; width: 69px; height: 24px; text-indent: -9999px; background: transparent url(../gfx/btn/back-inspiration.png) no-repeat top;} div.view-navigation a.showall {display: inline-block; width: 72px; height: 24px; text-indent: -9999px; background: transparent url(../gfx/btn/showall-inspiration.png) no-repeat top;} div.view-navigation a.add-item:hover, div.view-navigation a.decline:hover, div.view-navigation a.back:hover, div.view-navigation a.showall:hover {background-position: left -24px;} div.view-navigation a.showall, div.view-navigation a.back {margin: 0 10px 0 0;} div.items-holder {width: 960px;} div.items-holder div.item {width: 315px; float: left; margin: 0 7px 0 0;} div.items-holder div.item a img {border: 8px solid #f0f0f0 !important; width: 300px; overflow: hidden;} div.items-holder div.item a:hover img {border-color: #e8e8e8 !important;} div.items-holder div.item p {display: none;} div.items-holder div.item h2 {display: none;} div.items-holder div.item.last {margin-right: 0px !important;} /* ModuleView: Ideas and inspiration - Item */ div.view-container {width: 960px; margin: 0 0 20px; padding: 0 0 20px; color: #000;} div.view-container div.view-image {width: 480px; margin: 5px 0 0 40px; float: right; font-style: italic; min-height: 250px;} div.view-container div.view-image p {margin: -5px 15px -10px 0; text-align: right;} div.view-container div.view-description {width: 450px; margin-right: 20px;} div.view-container div.view-description p.published {font-style: italic !important; color: #555 !important; font-size: 11px !important;} div.view-container h2 {margin: 0 0 5px;} /* ModuleView: Ideas and inspiration - Add */ div.inspiration-form {width: 960px; display: block;} div.inspiration-form div.column {width: 480px;} div.inspiration-form div.column.left {float: left; width: 400px; margin-right: 80px;} div.inspiration-form div.column.right {float: right; width: 460px; padding: 10px; background-color: #013266; color: #fff !important;} div.inspiration-form div.column fieldset legend {display: none;} div.inspiration-form div.column fieldset label {display: block; color: #fff !important;} div.inspiration-form div.column fieldset input {width: 250px;} div.inspiration-form div.column fieldset textarea {width: 400px;} div.inspiration-form div.column fieldset .btn {width: auto !important; background: #fff url(../gfx/btn-bg.png) no-repeat 50% -4px; color: #fff !important; font: normal 11px Arial, Helvetica, Sans-Serif !important; padding: 6px 10px !important; border: solid 1px #37536F; margin: 0;} /* ModuleView: Blog */ div#blogarea {width: 460px; float: left;} div#blogselectionarea {width: 460px; float: right; margin: 8 px 0 0 40px;} div#blogselectionarea div.column {width: 180px; float: right; border: 1px #17365D solid; background-color: #fff; padding: 10px;} div#blogselectionarea div.column h2 {margin: -10px -10px 10px -10px; color: #fff; padding: 3px 10px 5px; font-size: 1.4em; background-color: #17365d;} div#blogselectionarea div.column h3 {font-size: 1.3em; margin: 0 !important;} div#blogselectionarea div.column.last ul {padding-top: 0; margin-top: 5px;} div#blogselectionarea div.column.first {margin-right: 10px;} div#blogarea .blogitem {border-bottom: solid 1px #f2f2f2; margin: 0; padding: 15px 0 10px;} div#blogarea .blogdate {float: left; margin: 3px 20px 0 0; width: 40px; float: left;} div#blogarea .blogdate span.month {background-color: #002850; color: #fff; text-transform: uppercase; display: block; width: 40px; text-align: center; font-weight: bold; border: solid 1px #002850; border-bottom: 0px; padding: 1px 0;} div#blogarea .blogdate span.day {background-color: #003264; color: #fff; display: block; width: 40px; text-align: center; font-size: 15px; padding: 4px 0; border: solid 1px #002850;} div#blogarea .blogheader {margin: 0 !important; padding: 0 0 5px !important; color: #222; width: 400px; float: left;} div#blogarea .blogheader h2 {margin: 0 !important; font-size: 2em; line-height: 1.3em;} div#blogarea .blogheader h2 a {text-decoration: none;} div#blogarea p.more a {margin: 10px 0;} div#blogarea .blogheader .permalink a {margin: 0 15px 0 0;} div#blogarea .blogpost {margin: 5px 0 10px 60px !important; font-size: 12px; color: #013266;} div#blogarea .blogcategories {background: #fff url(../gfx/icons/tag_blue.png) no-repeat left; padding: 0 0 0 25px; margin: 0 0 0 60px;} div#blogarea .blogcategories ul li {display: inline;} div#blogarea .blogcategories ul, div#blogarea .blogcategories ul li {padding: 0 !important; margin: 0 !important;} div#blogarea h3.blogteasers {border-bottom: solid 1px #f2f2f2; padding: 0 0 3px; margin: 10px 0 0 !important;} div#blogarea ul.blogteasers {list-style: none !important; margin: 0 !important; padding: 0 !important;} div#blogarea ul.blogteasers li {list-style: none !important; clear: both;} div#blogarea ul.blogteasers li a {text-decoration: none !important; clear: both; border-bottom: solid 1px #f2f2f2; padding: 8px 0; margin: 0; display: block;} div#blogarea ul.blogteasers li a:hover {background-color: #f5f5f5;} div#blogarea ul.blogteasers li a span.date {color: #414141; width: 100px; float: left; font-size: 11px;} div#blogarea ul.blogteasers li a span.teaser {color: #002850; width: 350px; float: left; font-size: 14px; line-height: 19px;} /* ModuleView: Quality */ p.quality-paragraph {padding: 0 300px 0 0;} div.qualityarea {margin: 15px 0 0;} div.qualityarea div.column {float: left; margin: 0 0 5px;} div.qualityarea div.column.left {width: 480px;} div.qualityarea div.column.right {width: 480px;} div.qualityarea div.column div.quality-item {clear: both;} div.qualityarea div.column div.quality-item h2 {margin: 0 30px 5px 0 !important; border-bottom: solid 1px #f0f0f0; font-size: 1.8em !important;} div.qualityarea div.column div.quality-item div.image {width: 140px; float: left; padding: 10px 0 0;} div.qualityarea div.column div.quality-item div.text {width: 300px; float: left; padding: 10px 0 0;} div.qualityarea div.column div.quality-item div.text p {font-size: 12px !important;} /* ModuleView: Fronts */ div.frontarea {} div.frontarea div.column {width: 200px; float: left; padding: 0 0 0 5px;} div.frontarea div.column h2 {font-size: 18px !important; margin: 0 !important; padding: 0 !important; } div.frontarea div.column ul {padding: 0 !important; margin: 0 !important; list-style-type: none !important;} div.frontarea div.column ul li {padding: 0 0 0px 25px !important; margin: 0 0 3px !important; list-style-type: none !important; background: transparent url(../gfx/fronts/arrow-right.png) no-repeat left;} div.frontarea div.imagecolumn {width: 460px; float: right; height: 300px; overflow: hidden; margin: 6px 0 0;} div.frontarea div.fronts {width: 432px; float: left;} div.frontarea div.fronts p {margin: 0 0 14px; font-style: italic; border-bottom: solid 1px #f0f0f0; padding: 0 0 4px;} a.backlink {font-size: 12px !important; background: transparent url(../gfx/fronts/arrow-left.png) no-repeat left; padding: 0 0 0 15px; clear: both; display: block; margin: 0 0 15px;} div.front-item {float: left; margin: 0 10px 0 0;} div.front-item div.label a {padding: 8px 10px 12px; text-align: center; display: block; text-decoration: none !important; font-size: 12px !important; width: 104px;} div.front-item.selected {font-weight: bold;} div.front-item .image a {border: solid 5px #fff; height: 179px; overflow: hidden; display:block;} div.front-item.selected .image a, div.front-item .image a:hover {border-color: #e8e8e8;} div.selectedfront {width: 460px; float: right; margin: -5px 30px 0 0;} div.selectedfront h2 {font-size: 36px !important; line-height: 1em !important;} div.selectedfront div.frontwrapper {width: 470px; float: left;} div.selectedfront div.frontdetailimage {width: 300px !important; float: left; margin: 11px 15px 0 0; background-color: #dbdbdb; border: 8px solid #f0f0f0 !important; height: 433px; overflow: hidden;} div.selectedfront div.frontdescription {/*width: 320px !important; float: left;*/ margin: 18px 0 0;} div.selectedfront div.frontimage {width: 460px !important; float: right; margin: 20px 0 0; height: 300px; overflow: hidden;} div.selectedfront a.backlink {margin: 15px 0 0 !important;} /* ModuleView: Environment */ div.environment-paragraph p {padding: 0 300px 0 0;} div.environmentarea {margin: 25px 0 0; clear: both;} div.environmentarea strong {color: #013266 !important;} div.environmentarea div.column.left {width: 400px; float: left; margin: 0 40px 0 0;} div.environmentarea div.column.right {width: 520px; float: left;} div.environmentarea div.environment-item {clear: both; margin: 15px 0 0; display: block; border-top: solid 1px #f0f0f0; padding: 10px 0 0;} div.environmentarea div.environment-item h2 {margin: -10px 30px 5px 0 !important; font-size: 1.8em !important; letter-spacing: -0.05em; line-height: 1.4em !important; padding: 0 0 5px; text-transform: uppercase;} div.environmentarea div.environment-item div.image {width: 200px; float: left; padding: 5px 0 0; margin: 0 25px 10px 0; overflow: hidden;} div.environmentarea div.environment-item div.text {padding: 10px 200px 0 0;} div.environmentarea div.environment-item div.text p {font-size: 12px !important;} div.environmentarea div.environment-item.even div.image, div.environmentarea div.environment-item.even div.text {float: right;} div.environmentarea div.environment-item .right {margin-top: 10px !important; margin-right: 15px !important;} div.special-paragraph p {padding: 0 300px 0 0;} div.columnarea {margin: 25px 0 0; clear: both;} div.columnarea strong {color: #013266 !important;} div.columnarea div.column.left {width: 400px; float: left; margin: 0 40px 0 0;} div.columnarea div.column.right {width: 520px; float: left;} div.columnarea div.item {clear: both; margin: 15px 0 0; display: block; border-top: solid 1px #f0f0f0; padding: 10px 0 0;} div.columnarea div.item h2 {margin: -10px 30px 5px 0 !important; font-size: 1.8em !important; letter-spacing: -0.05em; line-height: 1.4em !important; padding: 0 0 5px; text-transform: uppercase;} div.columnarea div.item div.image {width: 200px; float: left; padding: 5px 0 0; margin: 0 25px 10px 0; overflow: hidden;} div.columnarea div.item div.text {padding: 10px 200px 0 0;} div.columnarea div.item div.text p {font-size: 12px !important;} div.columnarea div.item.even div.image, div.environmentarea div.item.even div.text {float: right;} div.columnarea div.item .right {margin-top: 10px !important; margin-right: 15px !important;} div.columnarea div.item.large {clear: both; margin: 15px 0 0; display: block; padding: 10px 0 0; border-top: none;} div.columnarea div.item.large h2 {margin: -10px 30px 5px 0 !important; font-size: 1.8em !important; letter-spacing: -0.05em; line-height: 1.4em !important; padding: 0 0 5px; text-transform: uppercase; border-bottom: solid 1px #f0f0f0; } div.columnarea div.item.large div.image {width: 150px; float: right; padding: 5px 0 0; margin: 0 0 10px 25px; overflow: hidden; text-align: center;} div.columnarea div.item.large div.text {padding: 10px 0 0 0; margin: 0 175px 0 0;} div.columnarea div.item.large div.text p {font-size: 12px !important; margin: 0 0 15px;} div.columnarea div.item.large h2.inline {padding: 25px 0 5px; display: block;} /* ModuleView: CampaignArea on Startpage */ .ui-tabs-hide {display: none;} div#primarycampaignarea {position: relative; background: transparent url(../gfx/campaign/campaignarea-bg.png) repeat-y right; height: 410px;} div#primarycampaignarea ul, div#primarycampaignarea ul li {list-style-type: none !Important; margin: 0 !important; padding: 0 !important;} div#primarycampaignarea ul {position: absolute; right: 0; top: 15px; z-index: 1;} div#primarycampaignarea ul li a {overflow: hidden; display: block; width: 220px; margin: 0 0 0 15px; padding: 15px; font-size: 16px; text-decoration: none; font-weight: bold; color: #555; border-bottom: solid 1px #eee;} div#primarycampaignarea ul li a:hover {background-color: #f0f0f0; margin: 0 0 0 15px; padding: 15px;} div#primarycampaignarea ul li.ui-tabs-selected a, div#primarycampaignarea ul li.ui-tabs-selected a:hover {padding: 15px 15px 15px 30px; margin: 0 !important; color: #013266; background: transparent url(../gfx/campaign/selected-item-bg.png) no-repeat left; border: none;} div#primarycampaignarea .ui-tabs-panel {z-index: 2;} div#primarycampaignarea .ui-tabs-panel object, div#primarycampaignarea .ui-tabs-panel embed {display: block;} div#primarycampaignarea a.ui-tabs-stop {display: block;z-index: 1;} div.booking-btn {float: right; margin: 5px 0 0;} /* Contactpersons */ .store-column.left {float: left; width: 280px;} .store-column.right {float: right; width: 400px;} .contactperson {border-bottom: solid 1px #f0f0f0; width: 280px; padding: 10px 0;} .contactperson .imagecontainer {width: 90px; float: left; margin: 0 10px 0 0;} .contactperson .imagecontainer img {width: 90px;} .contactperson .contactinfo {width: 180px; float: left;} .contactperson .contactinfo h3 {margin: 0;} .contactperson .contactinfo strong {display: none;} ul#socialmedia {float: right; margin: 10px 0 0;} ul#socialmedia li {display: inline;} ul#socialmedia li a {color: #5c5c5c; text-decoration: none; font-size: 0.9167em; margin: 0 0 0 10px; padding: 2px 0;} ul#socialmedia li a:hover {color: #000;} ul#socialmedia li.facebook a {background: transparent url(../gfx/icons/facebook.png) no-repeat left; padding: 2px 0 2px 20px;} ul#socialmedia li.plusone div iframe {margin: 5px 0 0 !important;} /* ------------------------------------------------------------------------------------------------- */ img {border: 0;} img.left {float: left; margin: 0 10px 5px 0;} img.right {float: right; margin: 0 0 5px 10px;} div.company {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;} address.footer {font: bold 12px sans-serif; display: block; clear: both;} address.footer strong {display: none;} address.footer span.tel strong {display: inline;} address.footer span.fax strong {display: inline;} address.footer a {} .splash {position: absolute; right: 0; bottom: 0;} /*-------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------*/ #navigation {background-color: #d0d0d0;} #navigation ul {position: relative; float: left; z-index: 100;} #navigation ul li {float: left;} #navigation ul li a {display: block; padding: 11px 11px 10px; margin: 0 10px 0 0; font: bold 11px/1.5em Arial, Helvetica, Sans-Serif; color: #033266; text-transform: uppercase; text-decoration: none;} #navigation ul li.on a {background-color: #e8e8e8;} #navigation ul li.active a, #navigation ul li.on.hc a:hover, #navigation ul li.hc a:hover {background-color: #fff;} #navigation ul li a:hover, #navigation ul li.active a, #navigation ul li.on a {color: #706b64;} #navigation ul ul {width: 150px; background: #fff !important; padding: 0; margin: 0; position: absolute; display: none; z-index: 1000; height: auto !important; border-bottom: solid 3px #275C88;} #navigation ul ul ul {margin: -30px 0 0 90px; display: none; background: #fff !important;} #navigation ul ul li {margin: 0 !important;} #navigation ul ul li a {display: block; width: 130px; padding: 4px 10px !important; line-height: 1.8em; text-transform: none; font-size: 12px !important; color: #033266 !important; font-weight: normal !important;} #navigation ul ul li a:hover {color: #000 !important; background: #f3f3f3 !important;} #navigation ul ul li.on a {font-weight: bold !important;} #navigation ul ul li.on ul li a {font-weight: normal !important;} #navigation ul ul li.on ul li.on a {font-weight: bold !important;} #navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li:hover ul ul ul ul, #navigation ul li:hover ul ul ul ul ul {display: none !important;} #navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul, #navigation ul li li li li:hover ul, #navigation ul li li li li li:hover ul {display: block !important;} /*-------------------------------------------------------------------------------------------------- AddOns etc --------------------------------------------------------------------------------------------------*/ span.smark {background-color: #ccc; padding: 0 2px;} ol.searchresult li {margin-bottom: 20px;} ol.searchresult h3 {margin: 0 0 5px 0;} ol.searchresult h3 a {text-decoration: none;} ol.searchresult p {margin: 3px 0;} address.staff {margin: 20px 0; display: block; clear: both;} address.staff span {margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;} address.staff span.wrapper {width: 300px; float: left;} address.staff span.photo {width: 120px; margin-right: 5px; float: left;} address.staff span.n {margin-bottom: 5px; font-size: 14px; font-weight: bold;} address.staff span.title {margin: 10px 0; font-size: 14px;} address.staff span.value {display: inline;} div.gallery {width: 100%; margin: 10px 0; clear: both; float: left;} p.gallerybreadcrumb {margin: 10px 0 5px 0; padding: 5px; background: #f5f5f5; border: solid 1px #eee;} a.gallerydir {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.galleryimg {width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;} a.gallerydir:hover {color: #000; background-color: #f5f5f5;} a.galleryimg:hover {color: #000; background-color: #f5f5f5;} a.gallerydir img, a.galleryimg img {display: block; clear: both;} a.gallerydir span, a.galleryimg span {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;} body#viewphoto {height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;} body#viewphoto h1 {font: bold 18px sans-serif; color: #fff;} body#viewphoto p {margin: 5px 0; color: #fff;} fieldset.contact {border: 0; margin: 0 0 0 30px; padding: 20px 20px 27px; float: right; background-color: #013266; color: #fff !important; width: 480px;} fieldset.contact legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;} fieldset.contact p {margin: 5px 0;} fieldset.contact label {display: block; color: #fff !important; } fieldset.contact label .rfv {font-size: 11px; color: #f00;} fieldset.contact input {width: 250px; padding: 2px !important; font: normal 12px/15px sans-serif !important; color: #000;} fieldset.contact input.captcha-input {width: 60px;} fieldset.contact textarea {width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;} fieldset.contact .btn {width: auto; background: #fff url(../gfx/btn-bg.png) no-repeat 50% -4px; color: #fff !important; font: normal 11px Arial, Helvetica, Sans-Serif !important; padding: 6px 10px !important; border: solid 1px #37536F; margin: 0;} fieldset.loginprotectedpage {border: 0; margin: 10px 0; padding: 0;} fieldset.loginprotectedpage legend {margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;} fieldset.loginprotectedpage p {margin: 5px 0;} fieldset.loginprotectedpage label {display: block;} fieldset.loginprotectedpage label .rfv {font-size: 11px; color: #f00;} fieldset.loginprotectedpage input {width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;} fieldset.loginprotectedpage .btn {width: auto;} dl#pageproperties {width: 100%; margin: 20px 0; display: block; clear: both;} dl#pageproperties dt {width: 110px; font: bold 11px sans-serif; float: left;} dl#pageproperties dd {font: normal 11px sans-serif;} dl#pageproperties dd a {} ul.sitemap {margin: 5px 0 5px 20px; list-style-type: square;} ul.sitemap ul {margin: 5px 0 5px 20px; list-style-type: square;} ul.breadcrumb {margin: 0; padding: 0; list-style: none;} ul.breadcrumb li {margin-right: 5px; padding: 0; line-height: 25px; display: inline;} ul.breadcrumb li.delimiter {font-weight: bold;} ul.documentlibrary {list-style: none; margin: 0; padding: 0;} ul.documentlibrary li {line-height: 20px;} ul.documentlibrary li img {vertical-align: top;} ul.documentlibrary li a {margin: 0 0 0 6px;} /*-------------------------------------------------------------------------------------------------- Print ---------------------------------------------------------------------------------------------------- Hide: Menu, Toolbox, Secondarycontent --------------------------------------------------------------------------------------------------*/ @media print { div#masthead #toolbox, div#navigation, div#secondarycontent {display: none;} div#content div.col-content-nav {display: none;} div#content div.col-content-content {float: none;} div#content div.col-content-content div.content-grouped {border: none; float: none; clear: both;} div#content div.col-content-content div.content-grouped-list {border: none; float: none; clear: both;} div.pm-view-kitchenview-cols {clear: both; width: 100%;} div.pm-view-kitchenview-col1 {width: 100%; float: none !important; clear: both; margin: 0 0 50px 0;} div.pm-view-kitchenview-col2 {width: 100%; float: none !important; clear: both; margin: 0 0 50px 0;} div.pm-view-kitchenview-col3 {width: 300; float: none !important; clear: both;} ul.pm-view-kitchenview-links {display: none;} a.download-link {display: none;} a.moreinfo-link {display: none;} a.zoom-link {display: none;} a.back-link {display: none;} }