*{margin:0;padding:0;border:0;outline:0;line-height:1.4em;vertical-align:baseline;text-decoration:none;} @backgroundcolor: #eff0eb; @lightgrey: #666; @darkgrey: @lightgrey + #333; @black: #000; @blue: #316cb3; @sprite-path: "images/sprites"; @images-path: "images"; @font-path: "fonts"; @cornerradius: 10px; @shadowcolor: rgba(0,0,0,.55); /*@{font-path}*/ .wpcf7 input, .wpcf7 select, .wpcf7 textarea {border:1px dotted @lightgrey;} .wpcf7 input{height:25px;} .wpcf7-list-item-label{margin:11px 0 0 0;float:left;} .wpcf7-checkbox input{float:left;margin:7px 22px;} .wpcf7-submit {width:150px !important;color:@blue;} div.wpcf7-validation-errors{border:0 !important;} .wpcf7 { .default-font('Delicious', normal, normal); .font-size (14px); } select.selectformtype{width:100px;} a{color:@lightgrey;font-weight:bold;} body { background-color: @backgroundcolor; .default-font('Arial', normal, normal, @lightgrey); font-size: 12px !important; margin:0 auto !important; width:833px; } section.breadcrumbs{.page-center();margin:10px auto;} section.main-page-caroussel{border-bottom: 1px dotted @darkgrey; border-top: 1px dotted @darkgrey;height: 260px;} section.logo { float: left; height: 86px; overflow: hidden; width: 227px; } .current_page_item a{color: @blue !important;} #page-wrap nav.main-menu-links { margin:59px 0 0 -10px; overflow:hidden; width:605px; float:left; } #page-wrap nav.main-menu-links ul li a { margin:0 0 0 30px; } #page-wrap nav.main-menu-links ul li a:hover { .default-font('Delicious', normal, normal, @blue); .font-size (18px); } #page-wrap nav.main-menu-links ul li a { .default-font('Delicious', normal, normal, @lightgrey); .font-size (18px); } #page-wrap { .page-center(); float:left; background-color:#fff; padding:13px 20px 10px 22px; .border-radius(@cornerradius); .box-shadow(0, 3px, 10px, @shadowcolor); } #page-wrap header.page-main-menu, #page-wrap section.subpage-parts, #page-wrap footer.footercontent { .floatleft(); width: 100%; } #page-wrap section.main-page-caroussel { .floatleft(); width:99%; } section.voorwaarden { text-align:right; float:right; width: 100%; margin-top:10px; } #page-wrap section.main-page-caroussel { margin:4px 0; padding-top:4px; } #page-wrap section.subpage-parts { margin:15px 0 0 14px; } div.blue-large { float: right; height: 138px; margin: -125px 25px 0 0; position: relative; width: 138px; background: transparent url('@{images-path}/balloon-big.png') top left no-repeat; z-inde:999; cursor:pointer; } div.page-part { width:275px; float:left; } div.page-part p { line-height: 1.6em; height:105px; overflow:hidden; padding-right:6px; } div.page-part h2 { .default-font('Delicious', normal, normal, @blue); .font-size(18px); } div.page-part .button { border:0; background: transparent url('@{images-path}/bg-button.gif') top left no-repeat; width:154px; height:34px; padding: 6px 0 0 27px; cursor:pointer; } .ie div.page-part .button { padding: 8px 0 0 27px; } div.page-part .button a { .default-font('Delicious', normal, normal, @lightgrey); .font-size (14px); display:block; } footer.footercontent { border-top:1px dotted @darkgrey; margin:13px 0 5px 0; padding-top:12px; } .adres-data { float:left; } .contact-data { float:right; } ul{list-style:none;} ul li{display:inline;} //article page article.main-page-article { width:526px; float:left; padding:0 12px 0 0; } article.main-page-article ul li { display:block; } article.main-page-article a { color: @blue; text-decoration: underline; } article.main-page-article p { margin-bottom:10px; padding:0 15px 0 0; } article.main-page-article h5 { .default-font('Delicious', bold, normal); .font-size(14px); margin-top:7px; } article.main-page-article h3 { .default-font('Delicious', normal, normal, @blue); .font-size (18px); } .article-page { margin-bottom:9px; padding:0 0 10px 0; border-bottom:1px dotted @lightgrey; } aside.sidebar { width:285px; float:left; } // helper functions .page-center() { margin:0 auto; width:833px; } .floatleft() { float: left; } .floatright() { float: right; } .border-radius (@radius) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; behavior: url(PIE.htc); } .box-shadow (@x: 0, @y: 0, @blur: 3px, @color: @lightgrey) { box-shadow: @arguments; -moz-box-shadow: @arguments; -webkit-box-shadow: @arguments; behavior: url(PIE.htc); } .default-font (@name: 'Delicious', @weight: normal, @style: normal, @color: @black) { font-family: @name; font-weight: @weight; font-style: @style; color: @color; } .font-size (@size:14px) { font-size:@size; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 18, 2011 */ @font-face { font-family: 'DeliciousSmallCaps'; src: url('@{font-path}/delicious-smallcaps-fnt.eot'); src: url('@{font-path}/delicious-smallcaps-fnt.eot?#iefix') format('embedded-opentype'), url('@{font-path}/delicious-smallcaps-fnt.woff') format('woff'), url('@{font-path}/delicious-smallcaps-fnt.ttf') format('truetype'), url('@{font-path}/delicious-smallcaps-fnt.svg#DeliciousSmallCapsRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Delicious'; src: url('@{font-path}/delicious-bold-fnt.eot'); src: url('@{font-path}/delicious-bold-fnt.eot?#iefix') format('embedded-opentype'), url('@{font-path}/delicious-bold-fnt.woff') format('woff'), url('@{font-path}/delicious-bold-fnt.ttf') format('truetype'), url('@{font-path}/delicious-bold-fnt.svg#DeliciousBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Delicious'; src: url('@{font-path}/delicious-italic-fnt.eot'); src: url('@{font-path}/delicious-italic-fnt.eot?#iefix') format('embedded-opentype'), url('@{font-path}/delicious-italic-fnt.woff') format('woff'), url('@{font-path}/delicious-italic-fnt.ttf') format('truetype'), url('@{font-path}/delicious-italic-fnt.svg#DeliciousItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'DeliciousHeavy'; src: url('@{font-path}/delicious-heavy-fnt.eot'); src: url('@{font-path}/delicious-heavy-fnt.eot?#iefix') format('embedded-opentype'), url('@{font-path}/delicious-heavy-fnt.woff') format('woff'), url('@{font-path}/delicious-heavy-fnt.ttf') format('truetype'), url('@{font-path}/delicious-heavy-fnt.svg#DeliciousHeavyRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Delicious'; src: url('@{font-path}/delicious-bolditalic-fnt.eot'); src: url('@{font-path}/delicious-bolditalic-fnt.eot?#iefix') format('embedded-opentype'), url('@{font-path}/delicious-bolditalic-fnt.woff') format('woff'), url('@{font-path}/delicious-bolditalic-fnt.ttf') format('truetype'), url('@{font-path}/delicious-bolditalic-fnt.svg#DeliciousBoldItalic') format('svg'); font-weight: bold; font-style: italic; }