@import url(https://fonts.googleapis.com/css?family=Open+Sans); @import url(https://fonts.googleapis.com/css?family=Open+Sans:700); /* ============================================================================= HTML5 display definitions ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 3. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ body, button, input, select, textarea { font-family: sans-serif; } /* ============================================================================= Links ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* Corrects font family set oddly in IE6, S4/5, Chrome en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ::-moz-selection { background: #456d8d; color: #fff; } ::selection { background: #456d8d; color: #fff; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin-left: 0; padding: 0 0 0 24px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { margin: 0; padding: 0; list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 2. Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ *margin-left: -7px; /* 2 */} /* 1. Corrects font size not being inherited in all browsers 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */} /* 1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */} /* 1. Addresses appearance set to searchfield in S5, Chrome 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* Removes inner padding that is displayed in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Removes inner padding and border in FF3+ www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */} /* ============================================================================= Tables ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* CSS3 ----------------------------------------------------------------------------- */ .opacity-50, .field-name-ds-catalogi-block a.prev.disabled, .field-name-ds-catalogi-block a.next.disabled { /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/ /*filter: alpha(opacity=50);*/ -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #block-cebeo-custom-brands #brands a img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } #sidebar-right #block-cebeo-custom-e-shop a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; } .transition { -moz-transition: all .3s ease-in-out; -webkit-transition: all .s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } @font-face { font-family: 'OpenSansLight'; src: url('OpenSans-Light-webfont.eot'); src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('OpenSans-Light-webfont.woff') format('woff'), url('OpenSans-Light-webfont.ttf') format('truetype'), url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } .catalogi-gradient, .field-name-ds-catalogi-block { background: #cfcecf; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cfcecf 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcecf), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top, #cfcecf 0%,#f9f9f9 100%); background: -o-linear-gradient(top, #cfcecf 0%,#f9f9f9 100%); background: -ms-linear-gradient(top, #cfcecf 0%,#f9f9f9 100%); background: linear-gradient(top, #cfcecf 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcecf', endColorstr='#f9f9f9',GradientType=0 ); } #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .field-name-ds-read-more-link-with-segm { -moz-border-radius: 0 0 0 2px; -webkit-border-radius: 0 0 0 2px; -khtml-border-radius: 0 0 0 2px; border-radius: 0 0 0 2px; behavior: url(/css/PIE.htc); } /* structure ----------------------------------------------------------------------------- */ header, #main, footer .region-footer { width: 940px; margin: 0 auto; padding-left: 22.5px; padding-right: 22.5px; } #footer-top { width: 940px; margin: 0 auto; } nav { width: 100%; } nav .region-navigation { width: 985px; margin: 0 auto; } #social-media { width: 540px; margin: 25px auto 0; } /* general ----------------------------------------------------------------------------- */ body { background: #fff; color: #181715; font: 13px/1.384 Arial, sans-serif; overflow-x: hidden; } img { max-width: 100%; } p {} h1 {} h2 {} h1, h2, h3 { margin: 0; } h1, h2 { font-weight: normal; } h1 { margin: 15px 0 0 0; font-family: Arial, sans-serif; font-size: 25px; font-weight: normal; color: #181715; } .ie7 h1 { margin-bottom: 15px; } h2 { margin: 14px 0; font-family: 'OpenSansLight', Arial, sans-serif; font-size: 16px; font-weight: bold; } strong, b { font-family: Arial, sans-serif; } ul, ol {} ul li, ol li {} a, a:link, a:hover, a:active, a:visited, a:focus { color: #e11218; } a, a:hover, a:active, a:focus { outline: 0; } input::-moz-focus-inner { border: 0; } input:focus { outline: none; } ul.menu { margin: 0; padding: 0; list-style-type: none; } ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none; } /*IE7*/.ie7 ul.menu li { display: inline; } /*IE7*/ html.ie7 { overflow-x: hidden; } /*IE6*/.ie6 ul.menu li { display: inline; } /*IE6*/ html.ie6 { overflow-x: hidden; } #middle .contextual-links-wrapper ul li { list-style: none; } /* header ----------------------------------------------------------------------------- */ header { height: 102px; } header .wrapper #logo { float: left; width: 16.809%; min-width: 140px; margin-bottom: 1em; margin-top: 1em; } /* 158 / 940 = 0.16809 */ header .wrapper #slogan { float: left; /*width: 42.553%;*/width: 55%; margin-top: 2.3em; margin-left: 0.2em; font-family: 'OpenSansLight', Arial, sans-serif; font-size: 1.539em; color: #999; text-transform: lowercase; } /* 400 / 940 = 0.42553 */ header .wrapper #search { float: right; width: 17.021%; min-width: 160px; margin-top: 2.3em; } /* 160 / 940 = 0.17021 */ /* navigation ----------------------------------------------------------------------------- */ nav { height: 56px; margin-bottom: 36px; background: #000 url('../images/bg_menu.png') repeat-x; } /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ nav { height: 55px; }} /*-o-*/@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ nav { height: 55px; }} /*IE7*/.ie7 nav { height: 55px; } nav .region-navigation { position: relative; } nav .menu { clear: left; } nav .menu li { float: left; } #block-cebeo-custom-trigger2 { position: relative; } nav #trigger2, #trigger3, #trigger4 { display: none; } nav .menu-level-1, nav .menu-level-2 { font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; text-transform: uppercase; } nav .menu-level-1 .menu li, nav .menu-level-2 .menu li { padding: 4px 0px 3px; } nav .menu-level-1 .menu li a, nav .menu-level-2 .menu li a { padding: 5px 21px 5px; text-decoration: none; } /* level 1 */ #block-cebeo-custom-trigger1 { display: none; } nav .menu-level-1 { height: 26px; width: 100%; font-size: 13px; } nav .menu-level-1 .menu li a { color: #9e9898; letter-spacing: 0px; font-size: 14px; font-weight: 400; } nav .menu-level-1 .menu li a:hover, nav .menu-level-1 .menu li a.active, nav .menu-level-1 .menu li a.active-trail { color: #e11218; } /* level 2 */ nav .menu-level-2 { height: 29px; width: 100%; background: #000; font-size: 12px; } /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ nav .menu-level-2 .menu li a { padding: 5px 22px 5px; }} /*IE9*/.ie9 nav .menu-level-2 .menu li a { padding: 6px 22px 5px; } /*IE8*/.ie8 nav .menu-level-2 .menu li a { padding: 5px 22px 4px; } /*IE7*/.ie7 nav .menu-level-2 .menu li a { padding: 5px 22px 5px; } nav .menu-level-2 .menu li a { color: #b5b5b5; letter-spacing: 0px; font-size: 16px; font-weight: normal; } /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ nav .menu-level-2 .menu li a { font-weight: 300; }} /*-o-*/@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ nav .menu-level-2 .menu li a { font-weight: 700; }} nav .menu-level-2 .menu li a:hover, nav .menu-level-2 .menu li a.active, nav .menu-level-2 .menu li a.active-trail { background: #e11218; color: #fff; } /* level 3 */ .menu-level-3 ul li a { display: block; width: 158px; margin: 0 0 3px 0; padding: 3px 0; border-bottom: 1px solid #b5b5b5; color: #5c5858; font-size: 13px; font-weight: bold; text-decoration: none; text-transform: uppercase; } .menu-level-3 ul li a:first-child { padding-top: 0; } .menu-level-3 ul li a:hover, .menu-level-3 ul li a.active, .menu-level-3 ul li a.active-trail { color: #e7393c; } .menu-level-3 ul li ul { width: 158px; border-bottom: 1px solid #b5b5b5; padding-bottom: 12px; } .menu-level-3 ul li ul li a { padding: 3px 0 2px 20px; color: #a4a4a4; background: url('../images/menu-level-4.png') left 8px no-repeat; border: none; font-size: 13px; font-weight: normal; font-family: 'Open Sans', Arial, Sans-serif; text-transform: none; } .menu-level-3 ul li ul li a:hover, .menu-level-3 ul li ul li a.active, .menu-level-3 ul li ul li a.active-trail { color: #e7393c; background: url('../images/menu-level-4-hover.png') left 8px no-repeat; } .menu-level-3 ul li ul li a:first-child { padding-top: 3px; } #block-locale-language .contextual-links-active ul.contextual-links a { margin: 0; border: none; } #block-locale-language { position: absolute; right: 25px; top: 5px; } #block-locale-language ul li { float: left; } #block-locale-language ul li:first-child a { margin-right: 5px; padding-right: 5px; border-right: 1px solid #777; } #block-locale-language ul li a { text-decoration: none; color: #afafb0; } #block-locale-language ul li a:hover, #block-locale-language ul li a.active { color: #000; } #block-locale-language ul li.en a { display: none; visibility: hidden; } #search-block-form { position: relative; } #search-block-form div.form-item input { width: 130px; height: 18px; margin-right: -5px; padding: 4px; color: #bbb; background: url('../images/search.png') no-repeat; border: none; font-size: 13px; } #search-block-form div#edit-actions input.form-submit , #search-block-form div#edit-actions--2 input.form-submit, #search-block-form div#edit-actions--2 input[type="submit"] { width: 24px; height: 26px; background: url('../images/search-btn.png') no-repeat; border: none; text-indent: -9999px; text-transform: capitalize; } /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ #search-block-form div#edit-actions input.form-submit { height: 27px; }} /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ #search-block-form div#edit-actions--2 input.form-submit { height: 27px; }} /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ #search-block-form div#edit-actions--2 input[type="submit"] { height: 27px; }} /*IE8*/.ie8 #search-block-form div#edit-actions input.form-submit , /*IE8*/.ie8 #search-block-form div#edit-actions--2 input.form-submit, /*IE8*/.ie8 #search-block-form div#edit-actions--2 input[type="submit"] { background: url('../images/search-btn.png') 0 1px no-repeat; } /* Only show menu when CSS is already rendered (=> no flashing because the font-family changes) */ .menu-block-1 li, .menu-block-2 li, .menu-block-3 li, .menu-block-4 li { display: none; } .region-navigation .block-block { position: absolute; right: 80px; top: 5px; } .region-navigation .block-block p { margin: 0; } .region-navigation .block-block a { text-decoration: none; color: #AFAFB0; } .region-navigation .block-block a:hover, .region-navigation .block-block a:focus, .region-navigation .block-block a.active { color: #000; } /* main ----------------------------------------------------------------------------- */ #main #breadcrumb { float: right; margin-top: -25px; } #main #breadcrumb .breadcrumb { font-size: 11px; font-family: Arial, Sans-serif; } #main #breadcrumb .breadcrumb a { color: #000064; } #main #breadcrumb .breadcrumb a:hover { text-decoration: none; } /* Sidebar left ----------------------------------------------------------------------------- */ #sidebar-left { float: left; width: 18.085%; } /* 170 / 940 = 0.18085 */ #block-cebeo-custom-brands { margin-top: 25px; padding-top: 24px; background: url('../images/brands-bg.png') top left no-repeat ; } #block-cebeo-custom-brands #brands { clear: both; margin-bottom: 25px; padding-top: 15px; padding-bottom: 15px; background: url('../images/brands-bg.png') bottom left no-repeat ; } #block-cebeo-custom-brands #brands a img { margin: 6px 0 6px 12.422%; } /* 20 / 161 = 0.12422 */ a.all-brands-link, a.all-brands-link:link, a.all-brands-link:active, a.all-brands-link:visited { float: right; margin-right: 10px; margin-top: -7px; color: #1E488C; } a.all-brands-link:hover { text-decoration: none; } /* Middle ----------------------------------------------------------------------------- */ #middle { clear: none; float: left; width: 66.277%; border: 1px solid #cdcdcd; } /* 623 / 940 = 0.66277 */ /* Exception for IFrame pages */ .node-type-iframe-page #middle {border: none;} .no-sidebars #middle { width: 100%; } /* 940 / 940 = 1 */ .sidebar-first #middle { width: 81.702%; } /* 768 / 940 = 0.81702 */ .sidebar-second #middle { width: 66.277%; } /* 623 / 940 = 0.66277 */ .two-sidebars #middle { width: 46.672%; margin-left: 1.2%; } /* 450 / 940 = 0.47872 */ /* top nav pages */ body.node-type-type-page #middle { border: 0px; } body.node-type-type-page #middle .node { padding: 0px; } body.node-type-type-page #middle h1 { background: none; } #middle h1 { position: relative; z-index: 20; height: 41px; margin-top: 0; padding: 10px 20px 6px; background: url('../images/bg-h1.png') no-repeat; color: #fff; font-size: 18px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-weight: normal; text-transform: uppercase; } #middle .region-content { position: relative; z-index: 10; margin-top: -12px; } #middle h2 { padding-bottom: 5px; color: #1e488c; font-size: 16px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-weight: normal; background: url('../images/bg-h2.png') bottom right no-repeat; text-transform: uppercase; } .node-type-news-item #middle .node-news-item h2, .node-type-news-item #middle .node-news-item h3 { margin-left: 20px; margin-right: 20px; } .node-type-type-page #middle .node-news-item h2, .node-type-type-page #middle .node-news-item h3 { margin: 0; } #middle .node-branch-item h2 { margin: 20px 0; } #middle .field-name-field-text { padding: 0px 20px 10px 20px; } #middle p { font-size: 13px; color: #504d4d; font-family: Arial, Sans-serif; } #middle ol, #middle ul { font-size: 13px; color: #504d4d; font-family: Arial, Sans-serif; } #middle ul li { list-style-image: url('../images/list-item-bullet.png'); } #middle ul li, #middle ol li { font-size: 12.5px; font-weight: normal; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; text-transform: uppercase; color: #504d4d; } #middle a { color: #000064; } #middle a:hover { text-decoration: none; } #middle .kol-left { float:left; width:49%; margin-right:2%; } #middle .kol-right { float:left; width:49%; } #middle .kol-left img, #middle .kol-right img { max-width:100%; } #middle .field-name-field-header-link { position: relative; margin-bottom: 30px; } #middle .field-name-field-header-link a { position: absolute; right: 20px; text-decoration: none; color: #000064; font-size: 13px; font-family: 'Open Sans', Arial, Sans-serif; font-weight: 700; text-transform: uppercase; } #middle .field-name-field-header-link a:hover { color: #152d53; } body.two-sidebars #middle .field-name-field-image img, body.two-sidebars #middle .field-name-field-training-image img { width: 450px; } /*IE7*/.ie7 body.two-sidebars #middle .field-name-field-training-image img, /*IE7*/.ie7 body.two-sidebars #middle .field-name-field-image img { margin-top: -15px; } /* Homepage on hover change image */ #middle .intro-items { position: relative; height: 310px; } #middle .intro-items ul.images { margin: 0; padding: 0; list-style-type: none; } #middle .intro-items ul.images li { position: absolute; padding: 0; list-style-image: none; z-index: 20; } #middle .intro-items ul.images li.first { z-index: 25; } #middle .intro-items ul.images li { max-width: 100%; } #middle .intro-items ul.links { position: absolute; top: 0; right: 0; height: 310px; z-index: 30; margin: 0; padding: 0; list-style-type: none; } #middle .intro-items ul.links li { padding: 0; list-style-image: none; } #middle .intro-items ul.links li.empty { /*height: 44.28px;*/height: 98px; background: url('../images/overlay-intro.png') repeat-y; } /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ #middle .intro-items ul.links li.empty { height: 45px; }} /*-o-*/@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){#middle .intro-items ul.links li.empty { height: 45px; }} /*IE7*/.ie7 #middle .intro-items ul.links li.empty { width: 225px; height: 45px; } #middle .intro-items ul.links li a { display: block; width: 200px; height: 10px; margin: 0; padding: 10px 0 15px 24px; color: #0b0b0b; background: url('../images/overlay-intro.png') repeat-y; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-size: 18px; font-weight: normal; text-decoration: none; text-transform: uppercase; } #middle .intro-items ul.links li:last-child a { height:40px; } #middle .intro-items ul.links li a:hover, #middle .intro-items ul.links li a.first { color: #da001b; background: url('../images/overlay-intro-active.png') 0px 0px repeat-y; } #middle .intro-items ul.links li:last-child a:hover { height:40px; background: url('../images/overlay-intro-active.png') repeat-y; } #middle .intro-items ul.links li:last-child { line-height: 21px; } .node-brands .field-name-body p { padding-left: 20px; padding-right: 20px; padding-top: 5px; } /* Brands */ ul#cebeo-find-brands li { display: none; } ul#cebeo-find-brands li.cebeo-find-brands-brand-visible { display: block; } div#cebeo-find-brands-no-results { display: none; } .cebeo-find-brands { margin: 0 20px; padding: 10px; background: #f0f0f0; } .cebeo-find-brands select { margin-bottom: 7px; } #middle a.cebeo-find-brands-pager-character { padding: 1px; text-decoration: none; color: #555; font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,Sans-serif; font-weight: 300; font-size: 14.5px; } #middle a.cebeo-find-brands-pager-character:hover, #middle a.cebeo-find-brands-pager-character:focus { color: #da001b; } #middle a.cebeo-find-brands-pager-character.active { font-size: 16px; } .cebeo-find-brands-pager { margin: 0 20px; padding: 10px; background: #f0f0f0; font-weight: 700; color: #676767; } .cebeo-find-brands-pager label { display: block; margin-bottom: 3px; color: #666; } .cebeo-find-brands label { display: inline-block; *display: inline; width: 110px; font-size: 12px; color: #666; } .cebeo-find-brands input[type='submit'] { margin-left: 252px; } #cebeo-find-brands { background: #fff; margin-left: 10px; } #cebeo-find-brands-no-results { margin: 0 30px 20px 30px; color: #DA001B; } /* News & Agenda */ /* 274 / 623 = 0.43981 */ #block-views-nieuws-block { position: relative; clear: both; float: left; width: 43.981%; z-index: 15; padding: 14px 4.013% 18px 3.531%; background: #f2f2f2; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } #block-views-agenda-block { position: relative; clear: none; float: left; width: 43.981%; z-index: 15; padding: 14px 3.531% 18px 0.642%; background: #f2f2f2; border-top: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } #block-views-nieuws-block h2, #block-views-agenda-block h2, .group_latest_overview #block-views-training-front-block h2 { margin: 0; padding-bottom: 5px; color: #154b89; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; } #block-views-nieuws-block .view-nieuws, #block-views-agenda-block .view-agenda { margin-top: -4px; background: url('../images/middle-h2.png') right top no-repeat; } #block-views-nieuws-block .content h2, #block-views-agenda-block .content h2 { background: none; } #block-views-nieuws-block .content h2 a, #block-views-agenda-block .content h2 a, #block-views-nieuws-block .field-name-title h2 { color: #0b0b0b; font-family: Arial, Sans-serif; font-weight: bold; font-size: 13px; text-decoration: none; text-transform: none; } #block-views-agenda-block .field-name-field-news-item-date, #block-views-nieuws-block .field-name-field-news-item-date { color: #504d4d; font-family: Arial, Sans-serif; font-weight: bold; font-size: 13px; } #block-views-agenda-block .field-name-body, #block-views-nieuws-block .field-name-body { color: #504d4d; font-family: Arial, Sans-serif; font-size: 13px; } #block-views-agenda-block .node-readmore, #block-views-nieuws-block .node-readmore { padding: 0; } #block-views-agenda-block .field-name-node-link a, #block-views-nieuws-block .field-name-node-link a { color: #000064; } #block-views-agenda-block .field-name-body p, #block-views-nieuws-block .field-name-body p { margin: 1px 0; } #block-views-agenda-block .field-name-title h2, #block-views-nieuws-block .field-name-title h2 { padding-bottom: 0px; } #block-views-agenda-block .field-name-field-news-item-date, #block-views-nieuws-block .field-name-field-news-item-date { color: #3b3b3b; } #block-views-agenda-block .views-row, #block-views-nieuws-block .views-row { padding-top: 16px; } #block-views-agenda-block .field-name-title h2 { color: #504d4d; text-transform: uppercase; font-family: Arial, Sans-serif; font-weight: bold; font-size: 13px; } #block-views-agenda-block .field-name-field-agenda-item-date { color: #504d4d; font-weight: bold; } #block-views-agenda-block .field-name-node-link a { text-decoration: none; font-weight: bold; } #block-views-agenda-block .field-name-field-agenda-item-image { float: left; padding-right: 20px; padding-bottom: 20px; } .ie8 #block-views-agenda-block .field-name-field-agenda-item-image { width: 80px; } #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .field-name-ds-read-more-link-with-segm { position: relative; z-index: 100; padding-left: 52%; padding-right: 3%; } #block-views-nieuws-overview-block .node-news-item span.recent_articles { display: block; margin-bottom: 14px; padding-top: 12px; padding-bottom: 4px; color: #154b89; font-size: 16px; font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,Sans-serif; text-transform: uppercase; background: url("../images/bg-h2.png") no-repeat scroll right bottom transparent; } /*.field-name-ds-agenda-read-more { display: none; }*/ /* Opleidingen */ .view-training-overview .view-filters, .view-training-overview .view-content { margin: 20px; } .view-training-overview .view-filters { padding: 20px; background: #f3f2f2; } .view-training-overview .views-exposed-form .views-exposed-widget { float: none; padding: 0 0 10px 0; } .view-training-overview .views-exposed-widget.views-submit-button { padding: 0; } .view-training-overview .views-exposed-widget label, .view-training-overview .views-exposed-widget div { display: inline; } .view-training-overview .views-exposed-widget.views-submit-button .form-submit { margin: 0; } .views-field-training-title, .training-month, /*.type-training-name,*/ .field-name-field-training-type, .type-training-location, .field-name-field-training-location { font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; font-weight: normal; font-size: 15px; text-transform: uppercase; } .view-training-overview .view-content > .open.training-month:first-child, .training-month { padding: 0 0 0 15px; background: url(../images/list-item-arrow.png) 0 50% no-repeat; color: #504d4d; cursor: pointer; } .view-training-overview .view-content > .training-month:first-child, .view-training-overview .view-content > .closed.training-month:first-child, .training-month.open { margin: 14px 0; padding: 0 0 5px 0; background: url('../images/bg-h2.png') bottom right no-repeat; color: #1e488c; font-size: 16px; } /*.view-training-overview .view-content > .training-month.open:first-child { padding: 0 0 0 15px; background: url(../images/list-item-arrow.png) 0 50% no-repeat; color: #504d4d; font-size: 15px; } .view-training-overview .view-content > .training-month.open:first-child { margin: 0; }*/ .overview-training-training { margin: 14px 0; background: #f3f2f2; padding: 15px 20px; } .view-training-overview .view-content > .show-block:nth-child(2), .view-training-overview .view-content > .closed.show-block:nth-child(2) { display:block !important; } .view-training-overview .view-content > .open.show-block:nth-child(2) { display:none !important; } div.show-block { display: none; } div.show-block.open { display: block !important; } .type-training-name, .field-name-field-training-type, .type-training-location, .field-name-field-training-location { color: #464646; } .views-field-field-training-date, .field-name-field-training-date { margin: 14px 0 7px; color: #1e488c; font-weight: bold; } .views-field-training-title { font-weight: normal; } .type-training-name { font-weight: bold; } .views-field-name-i18n:after { margin-right: 3px; content: '-'; } .views-field-name-i18n, .views-field-name-i18n-1 { margin-bottom: 14px; float: left; } .views-field-training-body { clear: both; } .field-name-field-training-date, .node-training .field-name-body, .field-name-field-training-contact { margin: 14px 0; padding: 0 0 14px 0; background: url('../images/bg-h2.png') bottom right no-repeat; } .overview-training-training .views-field-body p { margin: 0; } .node-training .field-name-body .field-item { background: #f3f2f2; padding: 15px 20px; } .read-more-wrapper a { } .node-training article > .field { margin: 14px 20px; } .node-training article > .field.field-name-field-training-image { margin: 0 0 14px 0; } .node-training article > .field-name-field-training-type, .node-training article > .field-name-field-training-location { margin: 0 20px; } .node-training article > .field-name-field-training-type:first-child { margin-top: 20px; } #middle .node-training .subscribe { float: left; height: auto; margin: 0 0 20px 20px; color: #fff; text-decoration: none; } /* homepage news - event - training */ .group_latest_overview #block-views-nieuws-block, .group_latest_overview #block-views-agenda-block { float: none; width: auto; height: auto !important; padding: 0; border: none; } .group_latest_overview { float: left; padding: 20px; background: #f3f2f2; } .group_latest_overview .group_events_wrapper { overflow: hidden; } .group_latest_overview .field-name-ds-news-block .views-row, /*.group_latest_overview .group_events_wrapper .field-name-ds-agenda-block-field, .group_latest_overview .group_events_wrapper .field-name-ds-trainings-block,*/ .group-agenda-wrapper, .group-training-wrapper { float: left; width: 46.81583477%; } .group_latest_overview .field-name-ds-news-block { clear: both; margin-top: 20px; } .group_latest_overview .field-name-ds-news-block .views-row-2, .group_latest_overview .group_events_wrapper .field-name-ds-trainings-block, .group-training-wrapper { float: right; } .group_latest_overview #block-views-agenda-block { clear: both; } .group_latest_overview .group_events_wrapper .field-name-ds-trainings-block .view-training-overview .view-content, .group_latest_overview .group_events_wrapper .field-name-ds-trainings-block .overview-training-training, .group_latest_overview .field-name-ds-trainings-block .node-training .field-name-body .field-item { margin: 0; padding: 0; } .group_latest_overview .group_events_wrapper .view-training-front .view-content { padding-top: 16px; } .group_latest_overview #block-views-nieuws-block .view-nieuws, .group_latest_overview #block-views-agenda-block .view-agenda { margin: 0; background: none; } .group_latest_overview .node-training .field-name-body { margin: 0; padding: 0; background: none; } .group_latest_overview .node-training .field-name-body p { margin: 0; } #middle .group_latest_overview .field-name-ds-agenda-block-field .node-agenda-item h2, .group_latest_overview #block-views-training-front-block .view-training-front .field-name-title h2, .group_latest_overview .field-name-field-training-date { margin: 0; padding: 0; background: none; color: #181715; font: bold 13px/1.384 Arial, sans-serif; } .group_latest_overview .node-news-item span.date, .group_latest_overview #block-views-nieuws-overview-block .views-row span.date, .group_latest_overview #block-views-agenda-block .field-name-field-agenda-item-date, .group_latest_overview .field-name-field-training-date { color: #154B89; } .group-agenda-wrapper, .group-training-wrapper { position: relative; padding-bottom: 25px; } .field-name-ds-agenda-overview-link-block, .field-name-ds-training-overview-link-block { position: absolute; right: 0; bottom: 0; text-transform: none; } .field-name-ds-agenda-overview-link-block .content:before, .field-name-ds-training-overview-link-block .content:before { content: '›'; margin-right: 2px; } /* Vacatures */ #block-cebeo-custom-vacatures { clear: both; float: left; width: 576px; margin-top: 16px; padding: 14px 25px 4px 22px; background: #f2f2f2; border: 1px solid #cdcdcd; } #block-cebeo-custom-vacatures h2 { margin: 0; padding-bottom: 5px; border-bottom: 1px solid #B5B5B5; color: #154B89; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; } #block-cebeo-custom-vacatures #vacatures { position: relative; float: left; } #block-cebeo-custom-vacatures #vacature-first { float: left; width: 302px; margin-top: -4px; } #block-cebeo-custom-vacatures #vacature-second { clear: none; float: right; margin-top: -4px; width: 274px; background: url('../images/middle-h2.png') right top no-repeat; } #block-cebeo-custom-vacatures .vacature-item { margin: 14px 0 15px 0; } #block-cebeo-custom-vacatures .vacature-item h3 { color: #504d4d; font-family: Arial, Sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; } #block-cebeo-custom-vacatures .vacature-item h3 span { font-weight: normal; text-transform: lowercase; } #block-cebeo-custom-vacatures .vacature-item h3 span.in { color: #000064; text-transform: lowercase; } #block-cebeo-custom-vacatures .vacature-item p { margin: 0; color: #504d4d; font-weight: normal; font-family: Arial, Sans-serif; font-size: 12px; } #block-cebeo-custom-vacatures .vacature-item p.strong { color: #504d4d; font-weight: bold; font-family: Arial, Sans-serif; font-size: 12px; } #block-cebeo-custom-vacatures .vacature-item a { color: #000064; } #block-cebeo-custom-vacatures div.all { position: absolute; bottom: 1px; right: 0px; } #block-cebeo-custom-vacatures div.all a { color: #000064; text-decoration: none; font-weight: bold; } /* Catalogi slider */ .field-name-ds-catalogi-block { position: relative; } .field-name-ds-catalogi-block { height: 203px; padding: 20px; } .field-name-ds-catalogi-block #scrollable h2 { margin-top: 0; padding: 0; background: none; } .field-name-ds-catalogi-block span.item { float: left; display: inline-block; width: 134px; margin-right: 12px; } .field-name-ds-catalogi-block .item span { display: block; color: #676767; font-size: 14px; font-weight: normal; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; text-transform: uppercase; } .field-name-ds-catalogi-block .scrollable { position: relative; overflow: hidden; width: auto; height: 233px; } body.two-sidebars .field-name-ds-catalogi-block .scrollable { width: 91.111%; } /* 410 / 450 = 0.91111 */ body.one-sidebar .field-name-ds-catalogi-block .scrollable { width: 92.875%; } .field-name-ds-catalogi-block .scrollable .items { width:20000em; position:absolute;} .field-name-ds-catalogi-block .items div { float:left; } .field-name-ds-catalogi-block a.next { position: absolute; right: 20px; top: 10px; cursor: pointer; } .field-name-ds-catalogi-block a.prev { position: absolute; right: 45px; top: 10px; cursor: pointer; } .profile { padding: 20px; } /* Form */ #middle input, #middle select, #middle textarea { -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; behavior: url(/css/PIE.htc); } #middle .node-webform { padding: 6px 20px 3px; } label span, label { color: #424242; font-size: 13px; font-weight: bold; font-family: Arial, Sans-serif; } input.form-text, select, textarea { width: 88.889%; padding: 5px; border: 1px solid #cecece; color: #504D4D; } /* 400 / 450 = 0.88889 */ input#edit-submitted-postcode, input#edit-submitted-btw-nummer, input#edit-submitted-telefoon, input#edit-submitted-e-mail, input#edit-submitted-code-postal, input#edit-submitted-numero-de-tva, input#edit-submitted-telephone, input#edit-submitted-email { width: 200px; } select { padding: 4px 5px; width: 211px; cursor: pointer; } textarea { width: 411px; max-width: 411px; height: 180px; min-height: 180px; } #main input[type="submit"], #main input.form-submit, .node-training .subscribe { height: 30px; padding: 3px 10px 3px 10px; border: none; color: #fff; no-repeat; font-size: 14px; font-weight: normal; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; text-transform: uppercase; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #3d6db6; /* Old browsers */ background: -moz-linear-gradient(top, #3d6db6 0%, #1d3b69 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d6db6), color-stop(100%,#1d3b69)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* IE10+ */ background: linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6db6', endColorstr='#1d3b69',GradientType=0 ); /* IE6-9 */ } #middle .node-webform input.error, #middle .node-webform select.error { color: #504D4D; border: 1px solid #e0102a; } #middle .node-webform .webform-component { margin-top: 9px; margin-bottom: 8px; } #search-form { margin-top: 15px; } #search-form label { color: #424242; } #search-form input { width: 350px; padding: 5px; border: 1px solid #cecece; color: #504D4D; } #search-form input[type="submit"] { width: auto; } #search-form input[type="checkbox"] { width: 20px; } #search-form input.error { color: #504D4D; border: 1px solid #e0102a; } .search-results h3 a { font-weight: normal; } body.page-search #middle ul li { font-family: Arial, Sans-serif; letter-spacing: 0; font-size: 13px; font-weight: normal; text-transform: none; } body.page-search #middle { margin-bottom: 35px; border: 1px solid #cdcdcd; } body.page-search #middle .region-content { padding: 0px 20px; } .node-type-page .field-collection-container { border-bottom: 0px solid #fff; } .page-node-done .webform-confirmation, .node-type-webform .block-nodeblock .field-name-title, .node-type-webform .block-nodeblock .field-name-field-introduction { padding: 0 20px; } .page-node-done #block-system-main .content div.links { padding: 0 20px 10px; } /* Registration form */ .registratie-form { position: relative; margin: 10px 0px; } .registratie-form h1 { background: url("../images/bg-h1.png") no-repeat scroll 1px 0 transparent; color: #FFFFFF; font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,Sans-serif; font-size: 19px; font-weight: normal; height: 41px; margin-top: 0; padding: 8px 20px; position: relative; text-transform: uppercase; z-index: 20; } .registratie-form .webform-client-form { margin-top: -23px; } .registratie-form header { width: 918px; margin-bottom: 10px; padding: 10px; background: #f0f0f0; border-right: 1px solid #f0f0f0; } .registratie-form #main { position: relative; } .registratie-form .field-name-body { position: absolute; top: -125px; left: 210px; margin-right: 50px; } /*IE7*/.ie7 .registratie-form .field-name-body { width: 670px; } .registratie-form .field-name-body h2 { margin: 0; font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,Sans-serif; font-weight: 300; color: #4f4d4e; } .registratie-form .field-name-body p { margin-top: 0; color: #636162; } .registratie-form .fieldset-wrapper h2 { background: url("../images/bg-h2.png") no-repeat scroll right bottom transparent; color: #1E488C; font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,Sans-serif; font-size: 16px; font-weight: normal; padding-bottom: 5px; text-transform: uppercase; } .registratie-form .webform-component-fieldset { clear: none; float: left; width: 428px; margin-right: 0; margin-bottom: 20px; } .registratie-form #webform-component-correspondentie { margin-right: 43px; } .registratie-form #webform-component-contactpersoon { clear: both; margin-right: 43px; } .registratie-form #webform-component-gegevens, .registratie-form #webform-component-textarea { clear: both; width: 920px; } .registratie-form #edit-actions { clear: both; float: left; width: 940px; height: 31px; margin-top: 0; padding: 10px 0; background: #f0f0f0; } .registratie-form #edit-actions input { position: absolute; left: 44%; } .registratie-form #webform-component-correspondentie--number input.form-text, .registratie-form #webform-component-correspondentie--nummer input.form-text, .registratie-form #webform-component-correspondentie--zip-code input.form-text, .registratie-form #webform-component-correspondentie--postcode input.form-text, .registratie-form #webform-component-correspondentie--tel-nr input.form-text, .registratie-form #webform-component-correspondentie--fax-nr input.form-text, .registratie-form #webform-component-facturatie--number-facturatie input.formt-text, .registratie-form #webform-component-facturatie--nummer-facturatie input.formt-text, .registratie-form #webform-component-facturatie--zip-code-facturatie input.form-text, .registratie-form #webform-component-facturatie--postcode-facturatie input.form-text, .registratie-form #webform-component-facturatie--btw input.form-text, .registratie-form #webform-component-facturatie--btw-nr input.form-text, .registratie-form #webform-component-contactpersoon--gsm-contactpersoon input.form-text, .registratie-form #webform-component-contactpersoon--gsm input.form-text, .registratie-form #edit-submitted-verantwoordelijke-gsm-verantwoordelijke input.form-text, .registratie-form #edit-submitted-verantwoordelijke-gsm input.form-text, .registratie-form #webform-component-verantwoordelijke--gsm-verantwoordelijke input.form-text .registratie-form #webform-component-verantwoordelijke--gsm input.form-text{ width: 200px; } .registratie-form #webform-component-gegevens--diepte, .registratie-form #webform-component-gegevens--lengte, .registratie-form #webform-component-gegevens--gesloten-zijden, #webform-component-gegevens--selecteer-, #webform-component-gegevens--maal, #webform-component-gegevens--meter-, #webform-component-gegevens--aantal-gesloten- { display: inline-block; *display: inline; } /*IE7*/.ie7 .registratie-form #webform-component-gegevens--diepte, /*IE7*/.ie7 .registratie-form #webform-component-gegevens--lengte, /*IE7*/.ie7 .registratie-form #webform-component-gegevens--gesloten-zijden, /*IE7*/.ie7 #webform-component-gegevens--selecteer-, /*IE7*/.ie7 #webform-component-gegevens--maal, /*IE7*/.ie7 #webform-component-gegevens--meter-, /*IE7*/.ie7 #webform-component-gegevens--aantal-gesloten- { clear: none; float: left; } /*IE7*/.ie7 #webform-component-gegevens--prijs-, /*IE7*/.ie7 #webform-component-gegevens--aantal-gesloten- { clear: both; } .registratie-form #webform-component-gegevens--diepte select, .registratie-form #webform-component-gegevens--lengte select, .registratie-form #webform-component-gegevens--gesloten-zijden select { width: 60px; } #webform-component-gegevens .fieldset-wrapper div { margin: 0 0 8px 0; } #webform-component-gegevens .fieldset-wrapper div p, #webform-component-gegevens .fieldset-wrapper div select { margin: 0; } #webform-component-gegevens--gewenste-afmetingen-stand p { font-family: 'HelveticaNeueW01-77BdCn 692722',Arial,Sans-serif; font-weight: 300; color: #4f4d4e; font-size: 1em; text-transform: uppercase; } /* Registration form - extra registrants */ #edit-field-reg-extra-registrants .tabledrag-toggle-weight-wrapper, #edit-field-reg-extra-registrants td.field-multiple-drag { display: none; } #middle #edit-field-reg-extra-registrants th { border: 0px; } #middle #edit-field-reg-extra-registrants td { padding: 10px 15px 10px 15px; } #middle #edit-field-reg-extra-registrants td input.form-submit { padding-left: 0px; color: #E11218; text-decoration: none; background: none; font: 13px/1.384 Arial, sans-serif; text-transform: none; } #middle #edit-field-reg-extra-registrants .field-add-more-submit { text-decoration: none; } .registratie-form b, .registratie-form strong { color: #4F4D4E; } .registratie-form textarea { height: 75px; min-height: 75px; max-height: 75px; } .registratie-form #webform-component-textarea label, .registratie-form #webform-component-textarea div, .registratie-form #webform-component-textarea input { clear: none; float: left; } .registratie-form #webform-component-textarea label { width: 270px; text-align: right; padding-right: 20px; margin: 0; } .registratie-form #webform-component-textarea input { width: 56%; } /*IE9*/.ie9 .registratie-form #webform-component-textarea input { width: 53%; } /*IE8*/.ie8 .registratie-form #webform-component-textarea input { width: 53%; } /*IE7*/.ie7 .registratie-form #webform-component-textarea input { width: 53%; } .registratie-form .form-item input.error, .registratie-form .form-item textarea.error, .registratie-form .form-item select.error { border-width: 1px; } .registratie-form #content { position: relative; } .registratie-form #measure { position: absolute; bottom: 422px; margin-left: 190px; display: inline-block; *display: inline; padding: 3px 10px; background: #f0f0f0; font-weight: 600; color: #4F4F4F; } /*-webkit-*/@media screen and (-webkit-min-device-pixel-ratio:0){ .registratie-form #measure { bottom: 419px; }} /*IE9*/.ie9 .registratie-form #measure { bottom: 443px; } /*IE8*/.ie8 .registratie-form #measure { bottom: 452px; } /*IE7*/.ie7 .registratie-form #measure { bottom: 428px; } #registration-form { padding: 0 20px; } #main input.field-add-more-submit { background: none; color: #000064; font: 13px/1.384 Arial, sans-serif; text-transform: none; text-decoration: underline; } #registration-form .form-actions { margin: 14px 0; padding: 20px 0 14px 0; background: url('../images/bg-h2.png') top right no-repeat; } #registration-form .form-actions .form-submit { margin-right: 10px; } /* News overview */ #block-views-nieuws-overview-block .views-row { position: relative; padding: 0px 20px 18px 20px; background: #fff; } #block-views-nieuws-overview-block .views-row .field-name-body p { margin:0px; } #block-views-nieuws-overview-block .views-row-first { position:relative; padding:0px; height: 265px; background:#f5f1f0; } #block-views-nieuws-overview-block .views-row-first .field-name-field-image { /*height: 272px;*/ } #block-views-nieuws-overview-block .views-row-first .field-name-field-image img { position: absolute; display: block; } #block-views-nieuws-overview-block .views-row-first .field-name-title { position:relative; z-index:100; padding-left:52%; padding-right:3%; } #block-views-nieuws-overview-block .views-row-first .group_read_more_link { position:relative; z-index:100; padding-left:52%; padding-right:3%; } #block-views-nieuws-overview-block .views-row-first .field-name-title h2 { background:none; color:#504d4d; margin-bottom:0px; } #block-views-nieuws-overview-block .views-row-first .field-name-body { position:relative; z-index:100; padding-left:52%; padding-right:3%; } #block-views-nieuws-overview-block .views-row-first .field-name-body p { margin-top:0px; } #block-views-nieuws-overview-block .views-row-first .field-name-ds-read-more-link { position:relative; z-index:100; padding-left:52%; padding-right:3%; } #block-views-nieuws-overview-block .views-row-first .field-name-title, #block-views-nieuws-overview-block .views-row-first .field-name-body, #block-views-nieuws-overview-block .views-row-first .field-name-ds-read-more-link, #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .field-name-ds-read-more-link-with-segm, #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .group_read_more_link { clear: right; float: right; width: 285px; padding: 2px 10px; background: url('../images/bg-news-sticky.png') repeat; background-color: rgba(255,255,255,0.7); } #middle #block-views-nieuws-overview-block .views-row-first .field-name-body p { color: #2c2b2b; } #block-views-nieuws-overview-block .views-row-first .field-name-title h2 { padding-top: 0; } #block-views-nieuws-overview-block .views-row-first .field-name-body { padding-bottom: 4px; } #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .field-name-ds-read-more-link-with-segm, #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .group_read_more_link { padding-bottom: 10px; } #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .ds-col1 { border: 1px solid #f00; } .node-news-item span.date, #block-views-nieuws-overview-block .views-row span.date { display: inline-block; color: #3b3b3b; margin-right: 10px; font-weight: bold; } .node-news-item h3 { display: block; font-size: 13px; } #block-views-nieuws-overview-block .views-row h3 { display: inline-block; font-size: 13px; } body.node-type-news-item .node-news-item .field-item p { position: relative; margin-top: 0; margin-bottom: 0; padding: 0 20px 13px; } body.node-type-news-item .node-news-item .field-item ul, body.node-type-news-item .node-news-item .field-item ol { margin: 0 0 13px 20px; } body.node-type-news-overview strong, body.node-type-news-overview b, body.node-type-type-page .node-news-item strong, body.node-type-type-page .node-news-item b { font-weight: normal; } /* responsive - news first teaser */ @media only screen and (max-width: 767px) { #middle #block-views-nieuws-overview-block .views-row-first { height: auto; } #block-views-nieuws-overview-block .views-row-first .field-name-field-image img { position: relative; } #block-views-nieuws-overview-block .views-row-first .field-name-title, #block-views-nieuws-overview-block .views-row-first .field-name-body, #block-views-nieuws-overview-block .views-row-first .field-name-ds-read-more-link, #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .field-name-ds-read-more-link-with-segm, #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .group_read_more_link { width: 100%; float: none; padding: 2px 20px; box-sizing: border-box; } #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .group_read_more_link { margin-bottom: 10px; } } /* max-width: 767px */ /* Fotogalery */ .field-name-field-fotogallerij { float: left; margin: 0; padding: 0 20px 20px 20px; border: none; } .field-name-field-fotogallerij .field-item { float: left; width: 33.33%; margin-bottom: 1px; border: none; } .field-name-field-fotogallerij a.fancybox { display: block; } .field-name-field-fotogallerij a.fancybox img { display: block; border-right: 1px solid #fff; border-left: 1px solid #fff; height: auto; } /*body.node-type-news-item .group-fotogallery-wrapper .field-name-field-image { max-height: none; } .#middle .group-fotogallery-wrapper .field-name-field-image img { height: auto; }*/ /* Branches overview */ body.node-type-branches-overview #middle .node { padding: 0px 20px 3px 20px; } .search-wrap { margin:15px 0px 15px 0px; } .search-wrap label { display:inline; margin-right:10px; color: #424242; } .search-wrap input { padding: 5px; border: 1px solid #cecece; color: #504D4D; } #link-current-location { float: right; } #middle .overview-list .kol-left, #middle .overview-list .kol-right { float:left; display:inline; width:45%; margin-right:5%; } #middle .overview-list .kol-left li, #middle .overview-list .kol-right li { list-style-image: url('../images/list-item-arrow.png'); font-size: 13px; } #middle .overview-list .kol-left li a, #middle .overview-list .kol-right li a { text-decoration:none; color:#5C5858; } #middle .overview-list .kol-left li.active, #middle .overview-list .kol-right li.active { list-style-image: url('../images/list-item-active.png'); color:#E11218; } #middle .overview-list .kol-left li.active a, #middle .overview-list .kol-right li.active a { color:#E11218; } .node-branch-item .kol-left p { margin-top: 0; } .node-branch-item .kol-left a { display: block; margin-bottom: 13px; } .node-branch-item .kol-left p a { margin-bottom: 0; } .node-branch-item .kol-left .file-icon { display: none; } .node-branch-item .kol-left span.file a { display: block; margin-top: 13px; margin-bottom: 0; } /* Type branch overview */ body.node-type-branch-item #middle .node { padding: 0px 20px 3px 20px; } .route-form-wrap { clear: both; float: right; margin:15px 0px 0px 15px; } .route-form-wrap label { display:inline; margin-right:0px; color: #424242; } .route-form-wrap input { padding:5px; margin-bottom:5px; border: 1px solid #cecece; color: #504D4D; } .route-form-wrap input[type="text"] { width: 158px; margin-top: -4px; } .route-form-wrap .route-form-left { float:left; width:30%; margin-right:5%; } .route-form-wrap .route-form-right { float:left; width:65%; } #middle .node-branch-item p { margin-bottom:0px; } .node-branch-item strong { font-family:Arial, Helvetica, sans-serif; font-weight:bold; } /* Type agenda overview */ body.node-type-agenda-overview #middle .node { padding: 0px 20px 3px 20px; } .agenda-top { margin-top:20px; } .agenda-top label { float:left; margin-right:10px; } details summary::-webkit-details-marker { display:none; } .summary { display:inline-block; width:100%; padding-left:15px; background:url(../images/list-item-arrow.png) no-repeat left 3px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-weight: normal; text-transform: uppercase; } .summary:hover { cursor:pointer; } .open .summary { display:inline-block; width:100%; margin:10px 0px 15px 0px; padding:0px 0px 5px 0px; color: #1e488c; font-size: 16px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-weight: normal; text-transform: none; background: none; } #middle .agenda-item { display:none; } #middle .agenda-item div.file { clear: both; float: left; display: block; width: 98%; background: #F3F2F2; margin-bottom: 3px; margin-top: 0; padding: 2px 6px 3px 6px; } #middle .agenda-item div.file a { font-size: 13px; font-family: Arial, Sans-serif; } #middle .open .agenda-item { display:block; } .agenda-wrap { padding-bottom:10px; } .agenda-wrap .agenda-item { margin:14px 0px 7px 0px; } .agenda-wrap .agenda-item p { margin-top:10px; } .agenda-wrap .agenda-item strong { font-family: Arial, Sans-serif; font-size:13px; font-weight:bold; } .agenda-wrap .agenda-item { cursor: text; } .agenda-wrap .open .summary .month { display: block; text-transform: uppercase; background: url('../images/bg-h2.png') bottom right no-repeat; padding-bottom: 2px; margin-bottom: 3px; font-size: 16px; } .agenda-wrap .summary .month { background: none; font-size: 14px; } .agenda-wrap .agenda-item .agenda-item-top { margin-bottom:15px; padding:10px 10px 10px 10px; background:#f3f2f2; } .agenda-wrap .agenda-item .agenda-item-top h3 { margin-bottom:0px; font-size:13.5px; font-weight:normal; color: #3b3b3b; } .agenda-wrap .agenda-item .agenda-item-top p { margin:0px; } body.node-type-agenda-overview #middle .kol-left { width:48%; margin-left:5%; margin-bottom: 14px; padding-right: 2%; border-right:1px solid #b9b9b9; } body.node-type-agenda-overview #middle .kol-right { width:29%; margin-bottom: 14px; } body.node-type-news-item .field-name-field-image { max-height: 265px; overflow: hidden; } body.node-type-news-item .field-name-body p { background: #fff; } /*body.node-type-webform .messages.error { display: none; }*/ .node-branches-overview #brand_search_txt.error, .route-form-right input[type="text"].error { border: 1px solid #E0102A; color: #504D4D; } .marker, .form-required { color: #504D4D; } .brand-link { float: left; display: block; width: 115px; height: 115px; padding: 5px 0 5px 20px; } #middle .brand-link { clear: both; width: auto; height: auto; padding: 0 0 4px 20px; } #middle ul.brandlist { float: left; } #middle ul.brandlist li { display: block; list-style-type: none; list-style-image: none; } /* full-width image field */ .field-collection-container .field-name-field-full-width-image .field-items .field-item + .field-item { margin-top: 30px; } /* Sidebar right ----------------------------------------------------------------------------- */ #sidebar-right { clear: none; float: right; width: 31.945%; margin-left: 1.555%; } /* 300 / 940 = 0.31945 */ #sidebar-right h2 { padding: 1px 12px; color: #fff; background: #3b3b3b; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; text-transform: uppercase; font-weight: normal; font-size: 16px; font-family: 'HelveticaNeueCondensedBold','HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; } #sidebar-right span.overlay-h2 { position: absolute; top: 0; right: 0; display: inline-block; width: 33px; height: 12px; background: url('../images/sidebar-right-h2.png') no-repeat; } /*IE7*/.ie7 #sidebar-right span.overlay-h2 { top: -1px; } #sidebar-right #block-cebeo-custom-e-shop, #sidebar-right #block-cebeo-custom-cebeo-filialen, #sidebar-right #block-cebeo-custom-cebeo-right-block { clear: both; position: relative; } #sidebar-right #block-cebeo-custom-cebeo-filialen { clear: both; position: relative; margin-top: 6px; } /*IE7*/.ie7 #sidebar-right #block-cebeo-custom-cebeo-filialen { margin-top: 6px; } #sidebar-right #block-cebeo-custom-e-shop h2, #sidebar-right #block-cebeo-custom-cebeo-filialen h2 { margin-bottom: 0; margin-top: 0; } #sidebar-right #block-cebeo-custom-cebeo-right-block h2 { margin-bottom: 0; margin-top: 0; border-left: none; border-right: none; border-top: none; background: #3b3b3b url('../images/sidebar-right-partner-h2.png') right top no-repeat; } #sidebar-right #block-cebeo-custom-e-shop img { border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; } #sidebar-right #block-cebeo-custom-cebeo-filialen img { border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; } #sidebar-right #cebeo-filialen, #sidebar-right #block-cebeo-custom-cebeo-right-block { float: left; margin-bottom: 14px; font-family: 'Open Sans', Arial, Sans-serif; font-size: 12px; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; background: #f2f2f2; } #sidebar-right #cebeo-filialen { width: 99.333%; } /* 298 / 300 = 0.99333 */ #sidebar-right #cebeo-filialen img { width: 297px; } #sidebar-right #cebeo-filialen ul { list-style-type: none; margin-top: 0px; margin-bottom: 6px; } #sidebar-right #cebeo-filialen ul li a { color: #000064; } #sidebar-right #cebeo-filialen ul li a:hover { text-decoration: none; } #sidebar-right #cebeo-filialen #l-filialen { float: left; padding-left: 3.666%; padding-top: 2px; } #sidebar-right #cebeo-filialen #r-filialen { float: right; padding-right: 3.666%; padding-top: 2px; } #sidebar-right #block-cebeo-custom-cebeo-right-block { width: 99.333%; height: 324px; } /* 298 / 300 = 0.99333 */ #sidebar-right #block-cebeo-custom-cebeo-right-block p, #sidebar-right #block-cebeo-custom-cebeo-right-block ul, #sidebar-right #block-cebeo-custom-cebeo-right-block ol { padding-top: 4px; padding-right: 14px; color: #504d4d; font-size: 14px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; text-transform: uppercase; } #sidebar-right #block-cebeo-custom-cebeo-right-block li { margin-bottom: 24px; } #sidebar-right #block-cebeo-custom-cebeo-right-block a { color: #000064; } #sidebar-right #block-cebeo-custom-cebeo-right-block li:nth-last-child(1){ margin-bottom: 14px; } #sidebar-right #block-cebeo-custom-advertentie { clear: both; margin-bottom: 30px; } #sidebar-right #advertentie a img { margin-bottom: 10px; } /* social media ----------------------------------------------------------------------------- */ #social-media a { float: right; /*margin-right: -70px; */margin-top: -12px; } .ie8 #social-media a, .ie7 #social-media a { width: 125px; } /* footer ----------------------------------------------------------------------------- */ #footer-top { background: url('../images/footer-arrow.png') right bottom no-repeat; } footer { background: #3b3b3b; } footer ul.menu { padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } footer ul.menu li ul.menu { padding: 17px 0 1px 0; } footer ul.menu li a { height: 40px; display: inline-block; color: #898989; font-family: 'Open sans', Arial, Sans-serif; font-weight: 700; font-size: 13px; text-decoration: none; } footer ul.menu li ul.menu li a { height: auto; font-family: Arial, Sans-serif; font-weight: normal; font-size: 12.5px; } footer ul.menu li ul.menu li a:hover { color: #b0b0b0; } footer ul.menu li { padding-top: 20px; } footer ul.menu li li { padding-top: 0; } footer ul.menu li, footer ul.menu li ul.menu, footer ul.menu li ul.menu li, footer ul.menu li ul.menu li a { display: inline-block; vertical-align: top; width: 101px; } /*IE7*/.ie7 footer ul.menu li, /*IE7*/.ie7 footer ul.menu li ul.menu, /*IE7*/.ie7 footer ul.menu li ul.menu li, /*IE7*/.ie7 footer ul.menu li ul.menu li a { float: left; } footer ul.menu li ul.menu li { padding-bottom: 1px; } footer ul.menu li.first { width: 145px; } footer ul.menu li.last { width: 100px; } #footer-info { background: #232323; } #footer-info #credits { width: 940px; margin: 0 auto; color: #dadada; text-transform: uppercase; font-size: 11px; font-family: Arial, Sans-serif; } #footer-info #credits a { display: inline-block; margin-top: 4px; text-align: left; } #footer-info #credits p { float: right; margin-top: 25px; } /*IE7*/.ie7 #footer-info #credits p { margin-top: -37px; } #footer-info #credits p a { color: #dadada; text-decoration: none; } #webdesign { width: 940px; margin: 4px auto 8px; text-align: right; } #webdesign a { text-decoration: none; color: #504D4D; font-family: Arial, Sans-serif; } #webdesign a:hover { color: #232323; } #credits { overflow: hidden; } #credits span { clear: none; float: left; margin: 36px 6px 0 0; font-family: Arial,sans-serif; font-size: 0.846em; text-transform: lowercase; opacity: 0.8; } #credits a.sonepar { clear: none; float: left; margin-right: 40px; } #credits a.cebeolightstudio { clear: none; float: left; margin: 4px 20px 0 0; font-size: 1em; color: #dadada; text-decoration: none; } /* general ----------------------------------------------------------------------------- */ body.node-type-type-page #middle h1 { position: absolute; margin: 0; padding: 0; text-indent: -9999px; } body.node-type-type-page #middle .region-content { margin-top: 0; } body.node-type-type-page #breadcrumb { display: none; } body.not-front.not-logged-in #main .tabs { display: none; } .field-collection-view { margin: 0; padding: 0; } /* landingpage ----------------------------------------------------------------------------- */ .node-type-landingpage #main, .node-type-landingpage #main h2, .node-type-landingpage .region-footer { font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; font-weight: normal; text-transform: uppercase; } .node-type-landingpage header .wrapper #slogan { margin-top: 1.5em; margin-left: 1em; font-size: 1.2307692308em; line-height: 1; } /* 16 / 13 = 1,2307692308 */ .node-type-landingpage .nav-links { width: 940px; height: 30px; margin: 0 auto; padding-top: 26px; text-align: right; text-transform: uppercase; } .node-type-landingpage .nav-links a { padding-left: 20px; color: #fff; line-height: 30px; text-decoration: none; } .node-type-landingpage #main #content { padding-bottom: 20px; } .node-type-landingpage #main h2 { color: #154B89; } .activiteit, .node-type-landingpage .footer-links ul, .node-type-landingpage #webshop-link { width: 33.333%; } #activiteit-nl, #footer-menu-nl { float: left; } #activiteit-fr, #footer-menu-fr { float: right; } .activiteit ul, .node-type-landingpage .footer-links ul { margin: 0; padding: 0; list-style-type: none; } .activiteit li { padding: 5px 0; border-bottom: 1px solid #d6d3d4; } .activiteit li a, .node-type-landingpage .footer-links ul li a { padding-left: 15px; text-decoration: none; } .activiteit li a { display:block; background: url(../images/landing_activiteit_a.png) 0 50% no-repeat; color: #0B0B0B; } .activiteit li a:hover { background: url(../images/landing_activiteit_a_ho.png) 0 50% no-repeat; color: #DA001B; } .activiteit li span.eshop { float: right; color: #edc937; background: none; cursor:pointer; } .activiteit li:hover span.eshop { color: #DA001B; background: none; } .node-type-landingpage .footer-links ul li a { background: url(../images/landing_footer_links_a.png) 0 50% no-repeat; color: #898989; } .node-type-landingpage .footer-links ul li a:hover { background: url(../images/landing_footer_links_a_ho.png) 0 50% no-repeat; color: #b0b0b0; } .node-type-landingpage #webshop-link { float: left; margin: 14px 0 0 0; text-align: center; } .node-type-landingpage #webshop-link a { } .node-type-landingpage #footer-top { width: 960px; } .node-type-landingpage .region-footer { padding-top: 20px; } .node-type-landingpage .region-footer li { padding-bottom: 10px; } /* countdown ----------------------------------------------------------------------------- */ .maintenance-page { background: #000333; } #countdown-wrapper { position: absolute; top: 50%; left: 50%; width: 500px;height: 500px; margin-top: -250px; margin-left: -250px; background: url(../images/bg_countdown_wrapper.png) no-repeat; } #countdown-wrapper #eshop { position: absolute; top: 44px; right: 22px; display: block; width: 211px; height: 121px; background: url(../images/countdown_eshop.png) no-repeat; text-indent: -9999px; } #countdown-wrapper .numbers { position: absolute; bottom: 26px; width: 125px; color: #fff; font-family: Arial, sans-serif; font-size: 96px; font-weight: bold; text-align: center; } #countdown-wrapper #hours { left: 25px; } #countdown-wrapper #minutes { left: 186px; } #countdown-wrapper #seconds { left: 345px; } #countdown-wrapper .stroke { position: absolute; top: 69px; left: 5px; width: 115px; height: 2px; background: url(../images/countdown_stroke.png) no-repeat; } /* notifications ----------------------------------------------------------------------------- */ div.messages {} /* Google map ----------------------------------------------------------------------------- */ #google { height: 585px; width: 100.343%; } /* 585 / 583 = 1.00343 */ #google2 { float: right; height: 270px; width: 46.312%; } /* 270 / 583 = 0.46312 */ #google img, #middle #google img, #middle .kol-right #google2 img { max-width: none; } /* admin ----------------------------------------------------------------------------- */ /* language choide OSRAM ----------------------------------------------------------------------------- */ .language-choice {} .language-choice p:first-child {} .language-choice p a { display: inline-block; margin-right: 15px; padding: 6px 10px; border: none; color: #fff !important; text-decoration: none; background-repeat: no-repeat; font-size: 14px; font-weight: normal; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; text-transform: uppercase; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #3d6db6; /* Old browsers */ background: -moz-linear-gradient(top, #3d6db6 0%, #1d3b69 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d6db6), color-stop(100%,#1d3b69)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* IE10+ */ background: linear-gradient(top, #3d6db6 0%,#1d3b69 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6db6', endColorstr='#1d3b69',GradientType=0 ); /* IE6-9 */ } ul.primary { width: auto; margin: 0 auto; padding-left: 0; } ul.primary li a { color: #666; } body.logged-in ul.primary { margin-bottom: 7px; } div.tabs { padding-top: 0px; padding-bottom: 15px; } body.logged-in div.tabs, body.page-user div.tabs { clear: both; padding-bottom: 0; } #user-login { padding-left: 20px; padding-right: 20px; } #user-pass label { float: left; width: 235px; font-weight: normal; } #user-register-form label, #user-login label { float: left; width: 140px; margin-top: 2px; font-weight: bold; font-size: 13px; color: #424242; } #user-pass label span, #user-register-form label span, #user-login label span { color: #424242; } #user-login div.form-type-password { margin-top: 13px; margin-bottom: 0; } #user-pass div.form-type-textfield, #user-register-form div.form-type-textfield, #user-login div.form-type-textfield { margin-top: 13px; margin-bottom: 0; } #user-pass input[type="text"], #user-register-form input[type="text"], #user-login input[type="text"], #user-login input[type="password"] { width: 275px; border: 1px solid #cecece; padding: 5px; } #user-login input.error { color: #504D4D; border: 1px solid #e0102a; } #user-pass input[type="text"]:focus, #user-register-form input[type="text"]:focus, #user-login input[type="text"]:focus, #user-login input[type="password"]:focus { background: #f9f9f9; } #user-pass #edit-actions { margin-top: 8px; margin-left: 91px; } #user-register-form #edit-actions { margin-top: 8px; margin-left: 256px; } #user-login #edit-actions { margin-top: 8px; margin-left: 141px; } #user-login div.description { display: none; margin-left: 142px; } .field-collection-view ul.field-collection-view-links { margin: 0; } ul.field-collection-view-links li a { margin-left: 1em; margin-right: 0; color: #db5256; } body.one-sidebar #middle .field-collection-view-links li, body.two-sidebars #middle .field-collection-view-links li { list-style-image: none; text-transform: lowercase; } body.one-sidebar #middle .field-collection-view-links li a, body.two-sidebars #middle .field-collection-view-links li a { color: #E11218; font-family: Arial, Sans-serif; font-weight: normal; font-size: 11px; } body.one-sidebar #middle .field-collection-container ul.action-links-field-collection-add, body.two-sidebars #middle .field-collection-container ul.action-links-field-collection-add { margin-bottom: 0; margin-left: 17px; padding-right: 0; list-style-image: url('../images/list-item-fc.png'); } body.one-sidebar #middle .field-collection-container ul.action-links-field-collection-add li, body.two-sidebars #middle .field-collection-container ul.action-links-field-collection-add li { list-style-image: url('../images/list-item-fc.png'); } body.one-sidebar #middle .field-collection-container ul.action-links-field-collection-add li a, body.two-sidebars #middle .field-collection-container ul.action-links-field-collection-add li a, #middle .node-agenda-overview .agenda-wrap .agenda-item a.edit-link-category-note { color: #E11218; font-family: Arial, Sans-serif; font-weight: normal; font-size: 11px; text-transform: none; } #middle .node-agenda-overview .agenda-wrap .agenda-item { position: relative; } #middle .node-agenda-overview .agenda-wrap .agenda-item a.edit-link-category-note { position: absolute; top: 11px; right: 11px; } #middle .view-taxonomy-re { margin-top: 15px; padding-left: 10px; padding-bottom: 10px; } #middle .search-results-keyword, #middle .search-results-no-results { display: block; margin-top: 15px; padding-left: 10px; } #middle .search-results-no-results { border: 1px solid #ED541D; color: #8C2E0B; padding: 10px 10px 10px 50px; background: #FEF5F1 url('../misc/message-24-error.png') 10px 6px no-repeat; margin: 15px; } #middle .search-result .snippet { font-family: Arial, Sans-serif; text-transform: none; padding-right: 14px; } #middle .search-result a { text-decoration: none; } #middle .search-result a .search-result-title { font-size: 13px; text-decoration: underline; } ul.links.inline { margin-top: 0; margin-bottom: 0; } ul.links.inline li { padding: 0; } #middle ul.links.inline a { color: #E11218; text-transform: none; font-weight: normal; font-family: Arial, Sans-serif; } body.one-sidebar #middle ul.links.inline li a, body.two-sidebars #middle ul.links.inline li a { color: #E11218; font-family: Arial, Sans-serif; font-weight: normal; text-transform: none; } body.not-logged-in .tabs { padding: 0; } #middle ul.contextual-links li, #sidebar-right #block-cebeo-custom-cebeo-right-block ul.contextual-links li { text-transform: none; font-size: 12px; font-family: Arial, Sans-serif; } #sidebar-right #block-cebeo-custom-cebeo-right-block ul.contextual-links li, #sidebar-right #block-cebeo-custom-cebeo-right-block ul.contextual-links li:nth-last-child(1){ margin: 0; } #sidebar-right #block-cebeo-custom-cebeo-right-block ul.contextual-links { padding-right: 0; } body.page-node-11 .field-name-field-image, body.page-node-12 .field-name-field-image { display: none; } #middle .intro-items ul.links li:nth-child(6), #middle .intro-items ul.links li:nth-child(7) { display: block; } #middle table.sticky-enabled { margin-top: 20px; width: 100%; } #middle table.sticky-enabled th, #middle table.sticky-enabled td { padding: 2px 5px; } #middle .registration-cebeo-training { padding: 20px; } #middle .registration-cebeo-training .field { margin: 5px 0; } #middle .registration-cebeo-training .field-label { float: left; width: 150px; } #middle .registration-cebeo-training .field-collection-container { border: none; } /* ============================================================================= iFrame page ========================================================================== */ .node-type-iframe-page #middle { width: 100% !important; } .node-type-iframe-page #middle h1, .node-type-iframe-page #sidebar-right { display: none; } .node-type-iframe-page #middle .field-name-field-text { overflow: hidden; padding: 0; } .node-type-iframe-page #middle .field-name-field-text p { margin-top: 12px; } .node-type-iframe-page .col-md-6 { width: 50%; } /* ============================================================================= Media queries ========================================================================== */ /* 960px */ @media only screen and (min-width: 940px) and (max-width: 995px) { body { background: #fff; } header, #footer-info { width: 100%; margin: 0 auto; } #main, #footer-top, footer .region-footer, #webdesign { width: 96%; margin: 0 auto; } .registratie-form header { width: 93%; border: none; } .registratie-form #webform-component-gegevens, .registratie-form #webform-component-textarea { width: 97%; } .registratie-form #edit-actions { width: 99%; } header .wrapper #search { margin-right: 32px; } nav .region-navigation { width: 100%; margin: 0 auto; } .menu-level-3 ul li a { width: 100%; min-width: 110px; max-width: 154px; font-size: 12px; } .registratie-form .webform-component-fieldset { width: 45%; } .registratie-form #edit-actions input { left: 42%; } #sidebar-right { margin-left: 0; } #sidebar-right #cebeo-filialen img, #sidebar-right #block-cebeo-custom-e-shop img { width: 99.2%; } #block-views-nieuws-block { width: 43.978%; padding: 14px 4.010% 14px 3.530%; } #block-views-agenda-block { width: 43.978%; padding: 14px 3.530% 14px 0.640%; } #footer-info #credits a { padding-left: 22.5px; } #footer-info #credits p { padding-right: 32px; } #footer-info #credits p a { padding-left: 0; } } /* 768px */ @media only screen and (min-width: 768px) and (max-width: 939px) { header, #main, footer .region-footer, nav .region-navigation, #footer-top, footer .region-footer, #footer-info #credits, #webdesign, .node-type-landingpage .nav-links { width: 713px; } .registratie-form header { width: 690px; } .registratie-form #webform-component-gegevens, .registratie-form #webform-component-textarea { width: 693px; } .registratie-form #edit-actions { width: 713px; } .registratie-form .webform-component-fieldset { width: 314px; } .registratie-form #webform-component-textarea input { clear: both; width: 96%; } .registratie-form #webform-component-textarea label { text-align: left; } .registratie-form #edit-actions input { left: 41%; } .node-type-landingpage #footer-top { width: 753px; } .registratie-form #measure { bottom: 478px; } nav #trigger2 h2, #breadcrumb, div.messages.error, #block-cebeo-custom-brands, body.page-search-results nav #trigger2 a { display: none; } header .wrapper #slogan { margin-top: 0.7em; } body.i18n-fr header .wrapper #slogan { margin-top: 1em; } nav { height: 55px; margin-bottom: 0; } nav div.noindex { border: none; } nav .menu-level-1 .menu li, nav .menu-level-2 .menu li { padding: 4px 0px 3px; } nav .menu-level-1 .menu li a { padding: 5px 35px 5px 0; text-decoration: none; } nav .menu-level-2 .menu li a { padding: 4px 20px 4px 20px; } nav .menu-level-2 { background: none; } nav #block-menu-block-2, nav #block-menu-block-1 { display: inline-block; } nav #block-menu-block-4, nav #block-menu-block-3 { float: left; width: 97.42%; margin-bottom: 14px; padding: 1px 0 2px 10px; background: #fff; border: 4px solid #000; } nav #block-menu-block-4 ul li, nav #block-menu-block-3 ul li { padding: 4px 0; } nav #block-menu-block-4 ul li a, nav #block-menu-block-3 ul li a { float: left; margin-right: 10px; padding: 2px 0px; width: 220px; border-bottom: 1px solid #B5B5B5; } nav #block-menu-block-4 ul li a:hover, #block-menu-block-4 ul li a.active, #block-menu-block-4 ul li.active-trail a, nav #block-menu-block-3 ul li a:hover, #block-menu-block-3 ul li a.active, #block-menu-block-3 ul li.active-trail a { color: #E11218; background: none; border-color: #E11218; } nav #trigger2 { position: relative; top: auto; right: auto; display: block; margin-top: 0; padding: 6px 0 0 0; width: 99.8%; } nav #trigger2 p { margin: 0; } nav #trigger2 a { float: left; display: inline-block; width: 712px; margin-top: -3px; text-align: center; color: #fff; text-decoration: none; font-size: 16px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; background: #555; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; behavior: url(/css/PIE.htc); } nav #trigger2 a span.arrow { display: inline-block; width: 20px; margin-left: 10px; background: url('../images/trigger.png') 0px 9px no-repeat; } nav #trigger2 a.close span.arrow { display: inline-block; width: 20px; margin-left: 10px; background: url('../images/trigger.png') 0px -11px no-repeat; } nav #block-locale-language ul li a, nav #block-locale-language ul li:first-child a { padding: 1px 8px; } nav #block-locale-language ul li:first-child a { margin-right: 0px; } #block-menu-block-6, #block-menu-block-5 { float: left; width: 97.42%; padding: 1px 0 2px 10px; background: #fff; border: 4px solid #000; } #block-menu-block-6 ul li a, #block-menu-block-5 ul li a { float: left; margin-right: 10px; padding: 2px 0px; width: 219px; border-bottom: 1px solid #B5B5B5; } #block-menu-block-6 ul li a:hover, #block-menu-block-6 ul li a.active, #block-menu-block-6 ul li.active-trail a, #block-menu-block-5 ul li a:hover, #block-menu-block-5 ul li a.active, #block-menu-block-5 ul li.active-trail a { color: #A4A4A4; background: none; border-color: #A4A4A4; } .medium #block-menu-block-6 ul li ul li a:hover, .medium #block-menu-block-5 ul li ul li a:hover { color: #E11218; border-color: #E11218; } #block-menu-block-6 ul li ul li a, #block-menu-block-5 ul li ul li a { padding-left: 0; color: #A4A4A4; border-color: #A4A4A4; } #block-menu-block-6 ul li ul li a:hover, #block-menu-block-6 ul li ul li a.active, #block-menu-block-6 ul li ul li.active-trail a, #block-menu-block-5 ul li ul li a:hover, #block-menu-block-5 ul li ul li a.active, #block-menu-block-5 ul li ul li.active-trail a { color: #E7393C; background: none; border-color: #E7393C; } .menu-level-3 ul li ul { width: 704px; border: none; padding-bottom: 0; } .menu-level-3 ul li ul li { width: 230px; } #middle .kol-left { width: 36%; margin-right: 4%; } #middle .kol-right { width: 60%; } #middle .intro-items ul.links, #middle .intro-items { height: 236px; overflow: hidden; } #middle .intro-items ul.links li:nth-child(6), #middle .intro-items ul.links li:nth-child(7) { display: none; } #middle .intro-items ul.links li.empty:nth-child(6) { display: block; } #middle .intro-items img { width: 99.8%; min-width: 473px; } #middle li.search-result { background: #f5f5f5; padding: 4px; } #middle .agenda-wrap details { padding-top: 4px; padding-bottom: 4px; } #middle #block-views-nieuws-block { width: 43.881%; } #middle .group_latest_overview #block-views-nieuws-block { width: auto; }/* homepage */ #middle .agenda-item .kol-right { display: inline-block; } #middle .field-name-field-image img { height: 200px; } #block-views-nieuws-overview-block .views-row-first { height: 200px; } #sidebar-left { width: 100%; margin-top: -4px; margin-bottom: 20px; } .two-sidebars #middle { width: 64.9%; margin-left: 0; } #sidebar-right #block-cebeo-custom-cebeo-right-block { height: 380px; } #sidebar-right { width: 31.945%; margin-left: 1.355%; margin-top: 8px; } #sidebar-right img { width: 99.5%; } #sidebar-right #cebeo-filialen img { width: 99.8%; } .two-sidebars #middle, .sidebar-second #middle { margin-top: 8px; } #social-media { width: 465px; } footer ul.menu li ul.menu li a { padding: 4px 3px 4px 3px; background: #434343; } footer ul.menu li ul.menu li a.active-trail, footer ul.menu li ul.menu li a.active { background: #565656; } footer ul.menu li { width: 120px; } footer ul li:nth-child(6) { width: 140px; } footer ul li li:nth-child(6) { width: auto; } footer ul.menu li.first ul.menu, footer ul.menu li.first ul.menu li, footer ul.menu li.first ul.menu li a, footer ul.menu li.last ul.menu, footer ul.menu li.last ul.menu li { width: 115px; } footer ul.menu li.last ul.menu li a { width: 105px; } body.two-sidebars #middle .field-name-field-image img, body.two-sidebars #middle .field-name-field-training-image img { width: 476px; } .field-name-ds-catalogi-block { padding: 20px 30px 20px 20px; } input#edit-submitted-postcode, input#edit-submitted-btw-nummer, input#edit-submitted-telefoon, input#edit-submitted-e-mail { width: 88.889%; } .route-form-wrap { margin-left: 0; } #block-views-nieuws-overview-block .views-row-first .field-name-field-image { width: 473px; } .tabs { margin-top: 10px; } /* Fotogalery */ /*#middle .group-fotogallery-wrapper .field-name-field-image img { height: auto; }*/ } @media only screen and (min-width: 768px) and (max-width: 939px) and (-webkit-min-device-pixel-ratio:0) { .registratie-form #measure { bottom: 470px; }} /* 600px */ @media only screen and (min-width: 600px) and (max-width: 767px) { header, #main, footer .region-footer, nav .region-navigation, #footer-top, footer .region-footer, #footer-info #credits, #webdesign, .node-type-landingpage .nav-links { width: 545px; } .registratie-form header { width: 523px; } .registratie-form #webform-component-gegevens, .registratie-form #webform-component-textarea { width: 526px; } .registratie-form #edit-actions { width: 545px; } .registratie-form .field-name-body p { display: none; visibility: hidden; } .registratie-form .webform-component-fieldset { width: 523px; } .registratie-form #webform-component-textarea input { clear: both; width: 96%; } .registratie-form #webform-component-textarea label { text-align: left; } .registratie-form #edit-actions input { left: 41%; } div.messages.error, #block-cebeo-custom-brands, #breadcrumb, body.page-search-results nav #trigger2, #middle .kol-right { display: none; } .registratie-form #measure { bottom: 479px; } /*IE9*/.ie9 .registratie-form #measure { bottom: 483px; } /*IE8*/.ie8 .registratie-form #measure { bottom: 483px; } /*IE7*/.ie7 .registratie-form #measure { bottom: 483px; } header .wrapper #slogan { font-size: 1.4em; margin-top: 1em; } .node-type-landingpage header .wrapper #slogan { font-size: 1em; margin-top: 2em; } header .wrapper #search { margin-top: 0; } #social-media a { margin-right: -78px; } nav { margin-bottom: 0; padding-right: 22px; } nav #block-menu-block-2, nav #block-menu-block-1 { display: inline-block; } nav .menu-level-2 { background: #fff; } nav .menu-level-1 .menu li, nav .menu-level-2 .menu li { padding: 4px 0px 3px; } nav .menu-level-1 .menu li a { padding: 5px 26px 5px 0; text-decoration: none; } nav .menu-level-2 { margin-left: 0; } nav .menu-level-2 .menu li a { padding: 4px 18px 4px 18px; } nav .menu-level-2 .menu li:nth-child(5) a, nav .menu-level-2 .menu li.first a { padding: 4px 18px 4px 20px; } nav #trigger2 { position: relative; top: auto; right: auto; display: block; margin-top: 0; padding: 6px 0 0 0; width: 99.8%; } nav #trigger2 p { margin: 0; } nav #trigger2 a { float: left; display: inline-block; width: 544px; margin-top: -3px; text-align: center; color: #fff; text-decoration: none; font-size: 16px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; background: #555; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; behavior: url(/css/PIE.htc); } nav #trigger2 a span.arrow { display: inline-block; width: 20px; margin-left: 10px; background: url('../images/trigger.png') 0px 9px no-repeat; } nav #trigger2 a.close span.arrow { display: inline-block; width: 20px; margin-left: 10px; background: url('../images/trigger.png') 0px -11px no-repeat; } nav #block-menu-block-4, nav #block-menu-block-3 { float: left; width: 96.6%; margin-bottom: 14px; margin-top: 1px; padding: 1px 0 2px 10px; background: #fff; border: 4px solid #000; } nav #block-menu-block-4 ul li, nav #block-menu-block-3 ul li { padding: 4px 0; } nav #block-menu-block-4 ul li a, nav #block-menu-block-3 ul li a { float: left; margin-right: 10px; padding: 2px 0px; width: 252px; border-bottom: 1px solid #B5B5B5; } nav #block-menu-block-4 ul li a:hover, #block-menu-block-4 ul li a.active, #block-menu-block-4 ul li.active-trail a, nav #block-menu-block-3 ul li a:hover, #block-menu-block-3 ul li a.active, #block-menu-block-3 ul li.active-trail a { color: #E11218; background: none; border-color: #E11218; } nav #block-locale-language { right: 0; } nav #block-locale-language ul li a, nav #block-locale-language ul li:first-child a { padding: 1px 8px; } nav #block-locale-language ul li:first-child a { margin-right: 0px; } #middle h1 { height: 49px; padding: 3px 20px 7px; font-size: 15px; } #middle, .sidebar-second #middle { width: 289px; } #middle .intro-items img { width: 99.8%; } #middle li.search-result { background: #f5f5f5; padding: 4px; } #middle .intro-items { height: 143px; overflow: hidden; } #middle .intro-items ul.images li img { width: 289px; } /*#middle .intro-items ul.links { height: 143px; width: 187px; } #middle .intro-items ul.links li a { height: auto; width: 156px; margin-left: 14px; font-size: 1.2em; padding: 4px 0 4px 17px; background: url('../images/overlay-intro.png') repeat-y; } #middle .intro-items ul.links li a:hover, #middle .intro-items ul.links li a.first { background: url('../images/overlay-intro.png') repeat-y; } #middle .intro-items ul.links li:nth-child(6) { display: block; } #middle .intro-items ul.links li:nth-child(7) { display: none; } #middle .intro-items ul.links li:nth-child(8) { display: none; }*/ #middle .intro-items { /*height: 386px;*/ height: auto; } #middle .intro-items ul.images { display: block; height: 142px; max-height: 142px; } #middle .intro-items ul.links { overflow: hidden; position: relative; /*height: 241px;*/ height: auto; background: #fff; width: auto; border: 1px solid #ccc; } #middle .intro-items ul.links li { clear: both; float: left; display: inline-block; width: 100%; background: #fff; border-bottom: 1px solid #f2f2f2; } #middle .intro-items ul.links li a.first, #middle .intro-items ul.links li a { width: 90%; height: 20px; margin-bottom: 1px; padding-top: 5px; padding-bottom: 3px; background: #fff; font-size: 13.5px; color: #c3c3c3; } #middle .intro-items ul.links li a:hover { background: #fff; color: #a3a3a3; } #middle .intro-items ul.links li.empty { background: none; display: none !important; } #middle .intro-items ul.links li:nth-child(6) { display: block; } #middle .intro-items ul.links li:nth-child(7) { display: block; } #middle .intro-items ul.links li:last-child { border-bottom: none; } #middle .intro-items ul.links li:last-child a { height:20px; } #middle .intro-items ul.links li:last-child a:hover { height:20px; background: #fff; } #middle #block-views-nieuws-block { width: 43.978%; min-width: 249px; height: auto !important; padding: 14px 19px 1px 19px; border-bottom: 1px solid #F2F2F2; border-right: 1px solid #CDCDCD; } #middle .field-group-format #block-views-nieuws-block, #middle .field-group-format .field-name-ds-agenda-block-field, #middle .group_latest_overview .field-name-ds-news-block .views-row { width: auto; padding: 0; border-right: none; } /* homepage */ #middle .group_latest_overview .field-name-ds-news-block .views-row { padding-top: 16px; } /* homepage */ #middle #block-views-agenda-block { width: 43.978%; min-width: 249px; height: auto !important; padding: 1px 19px 14px 19px; border-top: 1px solid #F2F2F2; border-left: 1px solid #CDCDCD; } #middle .field-group-format #block-views-agenda-block { padding: 0; border-left: none; } /* homepage */ .group_latest_overview .group_events_wrapper .field-name-ds-trainings-block { margin-top: 20px; width: auto; } /* homepage */ #middle .agenda-wrap details { padding-top: 4px; padding-bottom: 4px; } #middle .open .summary { font-size: 15px; text-transform: none; } #middle .agenda-wrap .agenda-item .agenda-item-top h3 { font-weight: normal; } #middle .kol-left { width: 100%; padding-bottom: 5px; } #middle .field-name-field-image img, #middle .field-name-field-training-image img { height: auto; } /*#middle #block-views-nieuws-overview-block .views-row-first { height: 125px; }*/ #middle #block-views-nieuws-overview-block .views-row-first .field-name-field-image img { /*height: 200px; max-height: 200px;*/ } #middle .intro-items ul.links li.empty { background: none; } #middle .agenda-item .kol-right { display: inline-block; } /*#block-views-nieuws-overview-block .views-row-first .field-name-title, #block-views-nieuws-overview-block .views-row-first .field-name-body, #block-views-nieuws-overview-block .views-row-first .field-name-ds-read-more-link, #block-views-nieuws-overview-block .view-nieuws-overview .views-row-first .field-name-ds-read-more-link-with-segm { width: 200px; }*/ #middle .region-content { margin-top: -14px; } #sidebar-left { width: 100%; margin-bottom: 10px; } .two-sidebars #middle { width: 289px; } #sidebar-right { width: 235px; margin-left: 0; margin-top: 8px; } #sidebar-right #block-cebeo-custom-cebeo-right-block { height: 358px; } #sidebar-right #cebeo-filialen img, #sidebar-right #block-cebeo-custom-e-shop img { width: 99%; } .two-sidebars #middle { margin-left: 0; } .two-sidebars #middle, .sidebar-second #middle { margin-top: 8px; } #social-media { width: 260px; } #block-menu-block-6, #block-menu-block-5 { float: left; width: 96.6%; margin-bottom: 0px; padding: 1px 0 2px 10px; background: #fff; border-bottom: 4px solid #000; border-right: 4px solid #000; border-left: 4px solid #000; } #block-menu-block-6 ul li a, #block-menu-block-5 ul li a { float: left; margin-right: 4px; padding: 2px 0px; width: 258px; border-bottom: 1px solid #B5B5B5; } #block-menu-block-6 ul li a:hover, #block-menu-block-6 ul li a.active, #block-menu-block-6 ul li.active-trail a, #block-menu-block-5 ul li a:hover, #block-menu-block-5 ul li a.active, #block-menu-block-5 ul li.active-trail a { color: #A4A4A4; background: none; border-color: #A4A4A4; } .medium #block-menu-block-6 ul li ul li a:hover, .medium #block-menu-block-5 ul li ul li a:hover { color: #E11218; border-color: #E11218; } #block-menu-block-6 ul li ul li a, #block-menu-block-5 ul li ul li a { padding-left: 0; color: #A4A4A4; border-color: #A4A4A4; } #block-menu-block-6 ul li ul li a:hover, #block-menu-block-6 ul li ul li a.active, #block-menu-block-6 ul li ul li.active-trail a, #block-menu-block-5 ul li ul li a:hover, #block-menu-block-5 ul li ul li a.active, #block-menu-block-5 ul li ul li.active-trail a { color: #E7393C; background: none; border-color: #E7393C; } .menu-level-3 ul li ul { width: 535px; border: none; padding-bottom: 0; } .menu-level-3 ul li ul li { width: 260px; } footer ul.menu li ul.menu li a { padding: 4px 3px 4px 3px; background: #434343; } footer ul.menu li ul.menu li a.active-trail, footer ul.menu li ul.menu li a.active { background: #565656; } footer ul.menu li { width: 120px; } footer ul.menu li:nth-child(5) { width: 140px; } footer ul.menu li li:nth-child(5) { width: auto; } footer ul.menu li.first ul.menu, footer ul.menu li.first ul.menu li, footer ul.menu li.first ul.menu li a, footer ul.menu li.last ul.menu, footer ul.menu li ul.menu li { width: 115px; } footer ul.menu li ul.menu li a { width: 105px; } #search_branch_submit { margin-top: 3px; } input#edit-submitted-postcode, input#edit-submitted-btw-nummer, input#edit-submitted-telefoon, input#edit-submitted-e-mail { width: 88.889%; } .route-form-wrap { margin-left: 0; } #middle .overview-list .kol-left { width: 40%; } #middle .overview-list .kol-right { width: 50%; } #user-pass input[type="text"], #user-register-form input[type="text"], #user-login input[type="text"], #user-login input[type="password"] { width: 205px; } .tabs { margin-top: 10px; } .group_latest_overview .field-name-ds-news-block .views-row, .group-agenda-wrapper, .group-training-wrapper { width: auto; } /* Fotogalery */ /*#middle .group-fotogallery-wrapper .field-name-field-image img { height: auto; }*/ } @media only screen and (min-width: 600px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio:0) {.registratie-form #measure { bottom: 471px; } } /* Issue 600px */ @media all and (min-width: 580px) and (max-width: 599px) { nav #block-menu-block-1 { visibility: hidden; height: 0; line-height: 0; width: 0; margin: 0; padding: 0; } } /* 480px */ @media all and (min-width: 480px) and (max-width: 599px) { body.node-type-type-page header { height: 80px; } html { overflow-x: hidden; } header, #main, nav, nav .region-navigation, #footer-top, #social-media, nav .menu-level-1 .menu li, header .wrapper #search, footer .region-footer, footer, footer ul.menu li, footer ul.menu li.first, footer ul.menu li.last, footer ul.menu li.active-trail ul.menu li, #middle .intro-items ul.images, #middle .intro-items ul.images img, #middle .intro-items ul.links, .node-type-landingpage .nav-links { width: 400px; } #middle .intro-items ul.images img { max-width: 400px; } .two-sidebars #middle, .sidebar-second #middle { width: /*458*/400px; margin-top: 8px; } .registratie-form header { width: 377px; } .registratie-form #edit-actions { width: 400px; } .registratie-form #edit-actions input { left: 37%; } .registratie-form #webform-component-gegevens, .registratie-form #webform-component-textarea { width: 380px; } .registratie-form .webform-component-fieldset { width: 380px; } .registratie-form .field-name-body p { display: none; visibility: hidden; } .registratie-form .webform-component-fieldset { width: 380px; } .registratie-form #webform-component-textarea input { clear: both; width: 96%; } .registratie-form #webform-component-textarea label { text-align: left; } .registratie-form #edit-actions input { left: 36%; } .registratie-form #measure { bottom: 478px; margin-left: 182px; } /*IE9*/.ie9 .registratie-form #measure { bottom: 482px; } /*IE8*/.ie8 .registratie-form #measure { bottom: 482px; } /*IE7*/.ie7 .registratie-form #measure { bottom: 482px; } .node-type-landingpage nav { padding-top: 20px; height: 30px; } .node-type-landingpage .nav-links { width: 96%; padding: 0 2% 0 2%; background: #000; } .node-type-landingpage .nav-links a { color: #fff; } .node-type-landingpage #footer-top { width: 400px; } nav #trigger2 a span.arrow, nav #trigger2 a.close span.arrow, /*nav .menu-level-1 .menu li a,*/ div.messages.error, #block-cebeo-custom-brands, #breadcrumb, footer ul.menu li ul.menu, #middle .intro-items ul.links li.empty/*, body.page-search-results nav .menu-level-1, body.page-search-results nav #trigger2 a*/ { display: none; } #block-locale-language ul li:first-child a, .menu-level-3 ul li ul { border: none; } /* Disable the automatic rounded borders with input fields in webkit */ input { -webkit-appearance: none; border-radius: 0; } header .wrapper #logo { min-width: 130px; margin-top: 0.3em; } header .wrapper #slogan { width: 54%; font-size: 1.3em; margin-left: 0.5em; margin-top: 0.6em; } .node-type-landingpage header .wrapper #slogan { clear: both; float: none; display: block; width: 100%; margin-left: 0; } header .wrapper #search { float: left; margin-top: 11px; margin-left: 98px; display: none; } header #search-block-form { margin-top: -20px; } header #search-block-form div.form-item label { margin-top: 2px; } header #search-block-form div.form-item input { width: 266px; padding: 4px 3px 4px 9px; background: url('../images/search320.png') no-repeat; } header #search-block-form div#edit-actions input.form-submit, header #search-block-form div#edit-actions--2 input.form-submit, header #search-block-form div#edit-actions--2 input[type="submit"] { position: absolute; height: 25px; bottom: 0; } nav { margin: 0 auto; padding: 0 18px; background: none; } nav .noindex { width: 400px; height: 56px; margin-bottom: 36px; background: #000 url('../images/bg_menu.png') repeat-x; border: none; } nav #block-cebeo-custom-trigger1 { display: block; padding-top: 1px; } nav #block-cebeo-custom-trigger1 #trigger1 { display: block; position: relative; right: auto; top: auto; margin-top: 3px; } nav #block-cebeo-custom-trigger1 a { padding-top: 5px; padding-left: 22px; color: #B5B5B5; background: url('../images/activiteit.png') 5px 6px no-repeat; text-decoration: none; text-transform: uppercase; font-size: 14px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; } nav #block-cebeo-custom-trigger1 a.open { /*background: url('../images/activiteit-open.png') 9px 10px no-repeat;*/ } nav #block-cebeo-custom-trigger1 a span { margin-left: 3px; color: #E11218; font-size: 13px; } nav .menu-level-1 .menu li { display: block;} nav .menu-level-1 .menu li a.active-trail { display: inline-block; } nav #block-menu-block-2, nav #block-menu-block-1 { float: left; display: block; } nav #block-menu-block-2.open, nav #block-menu-block-1.open { height: auto; line-height: 18px; visibility: visible; width: auto; margin-top: 0; background: #f0f0f0; } nav #block-menu-block-2.open a, nav #block-menu-block-1.open a { padding: 1px 25px 1px 94px; font-size: 13px; } nav #block-menu-block-4, nav #block-menu-block-3 { float: left; width: auto; margin-bottom: 5px; padding: 0; background: #000; border: none; } nav #block-menu-block-4 ul, nav #block-menu-block-3 ul { margin: 0; padding: 0; } nav #block-menu-block-4 ul li, nav #block-menu-block-3 ul li { margin: 0; padding: 0 0 3px 0; } nav #block-menu-block-4 ul li.last, nav #block-menu-block-3 ul li.last { padding: 0; } nav #block-menu-block-4 ul li a , nav #block-menu-block-3 ul li a { float: left; padding: 3px 0px 3px 14px; width: 386px; border-bottom: none; } nav #block-menu-block-4 ul li a:hover, #block-menu-block-4 ul li a.active, #block-menu-block-4 ul li.active-trail a, nav #block-menu-block-3 ul li a:hover, #block-menu-block-3 ul li a.active, #block-menu-block-3 ul li.active-trail a { background: #E11218; } nav #trigger2 { position: relative; right: auto; top: auto; float: left; display: block; width: 400px; padding: 6px 0 0 0; } nav #trigger2 p { margin: 0; } nav #trigger2 a { display: block; margin-top: 3px; border-right: 9px solid #000; padding-top: 0; padding-bottom: 0; padding-right: 25px; text-align: right; color: #f5f5f5; text-decoration: none; font-size: 16px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; background: #000 url('../images/menu320.png') right no-repeat; } nav #block-locale-language { right: 8px; top: 3px; } nav #block-locale-language ul li { margin: 0 5px; } nav #block-locale-language ul li a:hover, nav #block-locale-language ul li a.active { color: #AFAFB0; text-decoration: underline; } #main #block-menu-block-6, #main #block-menu-block-5 { float: left; width: 382px; margin-bottom: 14px; padding: 1px 0 2px 10px; background: #fff; border: 4px solid #000; border-top: none; } #main #block-menu-block-6 ul li a, #main #block-menu-block-5 ul li a { float: left; padding-right: 10px; padding: 2px 0px; width: 373px; border-bottom: 1px solid #B5B5B5; } #main #block-menu-block-6 ul li a:hover, #block-menu-block-6 ul li a.active, #block-menu-block-6 ul li.active-trail a, #main #block-menu-block-5 ul li a:hover, #block-menu-block-5 ul li a.active, #block-menu-block-5 ul li.active-trail a { color: #E11218; background: none; border-color: #E11218; } #main #block-menu-block-6 ul li ul li a, #main #block-menu-block-5 ul li ul li a { padding-left: 0; color: #A4A4A4; border-color: #A4A4A4; } #main #block-menu-block-6 ul li ul li a:hover, #main #block-menu-block-6 ul li ul li a.active, #main #block-menu-block-6 ul li ul li.active-trail a, #main #block-menu-block-5 ul li ul li a:hover, #main #block-menu-block-5 ul li ul li a.active, #main #block-menu-block-5 ul li ul li.active-trail a { color: #E7393C; background: none; border-color: #E7393C; } #middle h1 { font-size: 16px; padding: 10px 20px 6px; height: 41px; } #middle p { line-height: 20px; } #middle .kol-left { width: 47%; } #middle .kol-right { width: 51%; } #google2 { width: 185px !important; } .route-form-wrap { margin-left: 0; } .route-form-wrap input[type="text"] { width: 109px; } #middle #block-views-nieuws-block h2, #middle #block-views-agenda-block h2, #middle .group_latest_overview #block-views-training-front-block h2 { font-size: 16px; } /* homepage */ #middle #block-views-agenda-block .field-name-title h2 { font-size: 13px; } #middle .field-name-field-text { padding: 0 14px 10px; } #middle #block-views-nieuws-block { width: 368px; height: auto !important; border-top: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-bottom: none; padding: 14px 4.013% 14px 3.531%; } .group_latest_overview .group_events_wrapper { overflow: hidden; } /* homepage */ #middle .field-group-format #block-views-nieuws-block { width: auto; margin: 0; padding: 0; border: none; } /* homepage */ #middle #block-views-agenda-block { width: 368px; height: auto !important; margin-top: -10px; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; border-top: none; padding: 14px 4.013% 14px 3.531%; } #middle .field-group-format #block-views-agenda-block { clear: left; width: auto; margin: 0; padding: 0; border: none; } /* homepage */ #middle .field-name-field-image img, #block-views-nieuws-overview-block .views-row-first, #middle .field-name-field-training-image img { height: auto; } #middle .intro-items { /*height: 283px;*/ height: auto; } #middle .intro-items ul.images { display: block; height: 195px; max-height: 195px; } #middle .intro-items ul.links { overflow: hidden; position: relative; /*height: 115px;*/ height: auto; background: #F2F2F2; width: 398px; border: 1px solid #ccc; } #middle .intro-items ul.links li { float: left; display: inline-block; width: 199px; } #middle .intro-items ul.links li a.first, #middle .intro-items ul.links li a { width: 174px; height: 20px; margin-bottom: 1px; padding-top: 5px; padding-bottom: 3px; background: #fff; font-size: 13.5px; color: #c3c3c3; } #middle .intro-items ul.links li a:hover { background: #fff; color: #a3a3a3; } #middle .intro-items ul.links li.empty { background: none; display: none !important; } #middle .intro-items ul.links li:nth-child(6) { display: block; } #middle .intro-items ul.links li:nth-child(7) { display: block; } #middle .intro-items ul.links li:last-child a { height:20px; } #middle .intro-items ul.links li:last-child a:hover { height:20px; background: #fff; } #middle .open .summary { font-size: 15px; text-transform: none; } #middle .agenda-wrap .agenda-item .agenda-item-top h3 { font-weight: normal; } #middle .agenda-item .kol-right { display: inline-block; } #sidebar-left { width: 100%; } #sidebar-right { clear: both; float: left; width: 100%; max-width: 300px; margin-top: 10px; margin-left: 0; } #sidebar-right #block-cebeo-custom-cebeo-filialen { margin-top: 7px; } #sidebar-right #block-cebeo-custom-advertentie { margin-bottom: 2px; } .two-sidebars #middle { margin-left: 0; } #social-media { margin: 0 auto; padding-top: 9px; padding-bottom: 9px; } body.one-sidebar .field-name-ds-catalogi-block .scrollable { width: 70%; } #social-media a { margin-right: 0; } #footer-top { background: url('../images/footer-arrow.png') no-repeat 22px 7px; } footer { margin: 0 auto; } footer .region-footer { padding: 0; background: #3B3B3B; } footer #footer-info #credits, #webdesign { width: /*450*/390px; } footer #footer-info #credits { padding: 0 5px; background: #232323; } footer #footer-info #credits p { margin-top: 37px; font-size: 10px; } footer ul.menu { padding: 0; } footer ul.menu li, footer ul.menu li.first, footer ul.menu li.last { padding: 0; } footer ul.menu li a { display: block; height: auto; padding: 11px 22px; border-bottom: 1px solid #515151; text-transform: uppercase; font-weight: normal; font-size: 14px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; } footer ul.menu li a:hover { color: #f1f1f1; } footer ul.menu li.active-trail ul.menu { display: block; padding: 0; } footer ul.menu li.active-trail ul.menu li { border-bottom: none; padding-bottom: 0; } footer ul.menu li.active-trail ul.menu li a { width: /*416*/356px; border-bottom: none; background: url('../images/footerlink320.png') 364px 10px no-repeat #414141; } footer ul.menu li.active-trail a { color: #f5f5f5; } footer ul.menu li.active-trail ul.menu li a { color: #898989; padding-top: 8px; padding-bottom: 7px; } footer ul.menu li ul.menu li a { text-transform: none; } .menu-level-3 ul li ul { padding-bottom: 0; } input#edit-submitted-postcode, input#edit-submitted-btw-nummer, input#edit-submitted-telefoon, input#edit-submitted-e-mail { width: 88.889%; } body.two-sidebars #middle .field-name-field-image img { width: 458px; } body.two-sidebars .field-name-ds-catalogi-block .scrollable { width: 75.111%; } #user-login #edit-actions { margin-left: 211px; margin-top: 8px; } .tabs { margin-top: 10px; } #middle ul li, #middle ol li { padding-right: 10px; } .activiteit, .node-type-landingpage .footer-links ul, .node-type-landingpage #webshop-link { width: 96%; } #activiteit-nl, #footer-menu-nl, #activiteit-fr, #footer-menu-fr, .node-type-landingpage #webshop-link { float: none; padding: 0 2%; } .group_latest_overview .field-name-ds-news-block .views-row, .group-agenda-wrapper, .group-training-wrapper { width: auto; } /* Fotogalery */ /*#middle .group-fotogallery-wrapper .field-name-field-image img { height: auto; }*/ } @media only screen and (min-width: 480px) and (max-width: 599px) and (-webkit-min-device-pixel-ratio:0) { .registratie-form #measure { bottom: 470px; }} /* 320px */ @media all and (min-width: 319px) and (max-width: 479px) { body { margin-left: -8px; } body.node-type-type-page header { height: 75px; } header, #main, footer .region-footer { padding: 0; } header, #main, nav, nav .region-navigation, #footer-top, #social-media, nav .menu-level-1 .menu li, header .wrapper #search, footer .region-footer, footer, footer ul.menu li, footer ul.menu li.first, footer ul.menu li.last, footer ul.menu li.active-trail ul.menu li { width: 300px; } .two-sidebars #middle, .sidebar-second #middle, .node-type-landingpage .nav-links { width: 298px; margin-top: 8px; } .registratie-form .webform-component-fieldset { 298px; } .registratie-form #measure { bottom: 500px; margin-left: 157px; } /*IE9*/.ie9 .registratie-form #measure { bottom: 510px; } /*IE8*/.ie8 .registratie-form #measure { bottom: 510px; } /*IE7*/.ie7 .registratie-form #measure { bottom: 510px; } #webform-component-gegevens .fieldset-wrapper div#webform-component-gegevens--prijs- { display: none; visibility: hidden; } .registratie-form .webform-component-fieldset { width: 280px; } .registratie-form #webform-component-textarea input { clear: both; width: 96%; } .registratie-form #webform-component-textarea label { text-align: left; } .registratie-form #edit-actions input { left: 26%; } .registratie-form header { width: 277px; } .registratie-form #webform-component-gegevens { width: 280px; } .registratie-form #webform-component-textarea { width: 280px; } .registratie-form #webform-component-textarea label { padding-right: 10px; } .registratie-form .field-name-body p { display: none; visibility: hidden; } .registratie-form #edit-actions { width: 300px; } .node-type-landingpage header .wrapper #logo { margin-bottom: 0; } .node-type-landingpage header .wrapper #slogan { clear: both; float: none; display: block; width: 98%; padding: 0 2%; margin: 0; font-size: 1em; } nav #trigger2 a span.arrow, nav #trigger2 a.close span.arrow, /*nav .menu-level-1 .menu li a,*/ div.messages.error, #block-cebeo-custom-brands, #breadcrumb, footer ul.menu li ul.menu, #middle .intro-items ul.links li.empty, #middle .kol-right/*, body.page-search-results nav .menu-level-1, body.page-search-results nav #trigger2 a*/ { display: none; } #block-locale-language ul li:first-child a, .menu-level-3 ul li ul { border: none; } /* Disable the automatic rounded borders with input fields in webkit */ input { -webkit-appearance: none; border-radius: 0; } header .wrapper #logo { min-width: 130px; margin-top: 0.3em; } header .wrapper #slogan { width: 54%; font-size: 1em; margin-left: 0.5em; margin-top: 1.4em; } header .wrapper #search { float: left; margin-top: 11px; display: none; } header #search-block-form { margin-top: -20px; } header #search-block-form div.form-item label { margin-top: 2px; } header #search-block-form div.form-item input { width: 266px; padding: 4px 3px 4px 9px; background: url('../images/search320.png') no-repeat; } header #search-block-form div#edit-actions input.form-submit, header #search-block-form div#edit-actions--2 input.form-submit, header #search-block-form div#edit-actions--2 input[type="submit"] { position: absolute; height: 25px; bottom: 0; } nav { margin: 0 auto -1px auto; padding-top: 3px; background-image: none; background-color: #f0f0f0; } nav .noindex {} nav #block-cebeo-custom-trigger1 { display: block; } nav #block-cebeo-custom-trigger1 #trigger1 { display: block; position: relative; right: auto; top: auto; margin-top: 3px; } nav #block-cebeo-custom-trigger1 a { padding-top: 5px; padding-left: 22px; color: #B5B5B5; background: url('../images/activiteit.png') 5px 6px no-repeat; text-decoration: none; text-transform: uppercase; font-size: 14px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; } nav #block-cebeo-custom-trigger1 a.open { /*background: url('../images/activiteit-open.png') 9px 10px no-repeat;*/ } nav #block-cebeo-custom-trigger1 a span { margin-left: 3px; color: #E11218; font-size: 13px; } nav .menu-level-1 .menu li { display: block;} nav .menu-level-1 .menu li a.active-trail { display: inline-block; } nav #block-menu-block-2, nav #block-menu-block-1 { float: left; display: block; } nav #block-menu-block-2.open, nav #block-menu-block-1.open { height: auto; line-height: 18px; width: auto; visibility: visible; background: #f0f0f0; } nav #block-menu-block-2.open a, nav #block-menu-block-1.open a { padding: 1px 25px 1px 94px; font-size: 13px; } nav #block-menu-block-4, nav #block-menu-block-3 { float: left; width: auto; margin-bottom: 5px; margin-top: 0; padding: 0; background: #000; border: none; } nav #block-menu-block-4 ul, nav #block-menu-block-3 ul { margin: 0; padding: 0; } nav #block-menu-block-4 ul li, nav #block-menu-block-3 ul li { margin: 0; padding: 0 0 3px 0; } nav #block-menu-block-4 ul li.last, nav #block-menu-block-3 ul li.last { padding: 0; } nav #block-menu-block-4 ul li a , nav #block-menu-block-3 ul li a { float: left; padding: 3px 0px 3px 14px; width: 286px; border-bottom: none; } nav #block-menu-block-4 ul li a:hover, #block-menu-block-4 ul li a.active, #block-menu-block-4 ul li.active-trail a, nav #block-menu-block-3 ul li a:hover, #block-menu-block-3 ul li a.active, #block-menu-block-3 ul li.active-trail a { background: #E11218; } nav #trigger2 { position: relative; right: auto; top: auto; float: left; display: block; width: 300px; margin: 6px 0 0 0; } nav #trigger2 p { margin: 0; } nav #trigger2 a { display: block; margin-top: 1px; border-right: 9px solid #000; padding-top: 1px; padding-bottom: 2px; padding-right: 25px; text-align: right; color: #f5f5f5; text-decoration: none; font-size: 16px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif; background: #000 url('../images/menu320.png') right no-repeat; } nav #block-locale-language { right: 8px; top: 1px; } nav #block-locale-language ul li { margin: 0 5px; } nav #block-locale-language ul li a:hover, nav #block-locale-language ul li a.active { color: #AFAFB0; text-decoration: underline; } #main #block-menu-block-6, #main #block-menu-block-5 { float: left; width: 282px; margin-bottom: 14px; padding: 1px 0 2px 10px; background: #fff; border: 4px solid #000; border-top: none; } #main #block-menu-block-6 ul li a, #main #block-menu-block-5 ul li a { float: left; padding-right: 10px; padding: 2px 0px; width: 273px; border-bottom: 1px solid #B5B5B5; } #main #block-menu-block-6 ul li a:hover, #block-menu-block-6 ul li a.active, #block-menu-block-6 ul li.active-trail a, #main #block-menu-block-5 ul li a:hover, #block-menu-block-5 ul li a.active, #block-menu-block-5 ul li.active-trail a { color: #E11218; background: none; border-color: #E11218; } #main #block-menu-block-6 ul li ul li a, #main #block-menu-block-5 ul li ul li a { padding-left: 0; color: #A4A4A4; border-color: #A4A4A4; } #main #block-menu-block-6 ul li ul li a:hover, #main #block-menu-block-6 ul li ul li a.active, #main #block-menu-block-6 ul li ul li.active-trail a, #main #block-menu-block-5 ul li ul li a:hover, #main #block-menu-block-5 ul li ul li a.active, #main #block-menu-block-5 ul li ul li.active-trail a { color: #E7393C; background: none; border-color: #E7393C; } #middle h1 { font-size: 15px; padding: 3px 20px 7px; height: 47px; } #middle p { line-height: 20px; } #middle .kol-left { width: 100%; } #middle .agenda-item .kol-right { display: inline-block; } #middle #block-views-nieuws-block h2, #middle #block-views-agenda-block h2, #middle .group_latest_overview #block-views-training-front-block h2 { font-size: 16px; } /* homepage */ #middle #block-views-agenda-block .field-name-title h2 { font-size: 13px; } #middle .field-name-field-text { padding: 0 14px 10px; } #middle #block-views-nieuws-block { width: 276px; height: auto !important; border-top: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-bottom: none; padding: 14px 4.013% 14px 3.531%; } #middle .field-group-format #block-views-nieuws-block, #middle .field-group-format #block-views-agenda-block { width: auto; margin: 0; padding: 0; border: none; } /* homepage */ #middle .field-group-format #block-views-nieuws-block .views-row { width: auto; } /* homepage */ #middle .group-agenda-wrapper, #middle .group-training-wrapper, #middle .group_latest_overview .group_events_wrapper .field-name-ds-agenda-block-field, #middle .group_latest_overview .group_events_wrapper .field-name-ds-trainings-block { width: auto; } /* homepage */ #middle .group_latest_overview .group_events_wrapper .field-name-ds-trainings-block { margin-top: 20px; } /* homepage */ #middle #block-views-agenda-block { width: 276px; height: auto !important; margin-top: -10px; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; border-top: none; padding: 14px 4.013% 14px 3.531%; } #middle .field-name-field-image img, #block-views-nieuws-overview-block .views-row-first, #middle .field-name-field-training-image img { height: auto; } #middle .intro-items { /*height: 228px;*/ height: auto; } #middle .intro-items ul.images { display: block; height: 145px; max-height: 140px; } #middle .intro-items ul.images img { min-width: 300px; } #middle .intro-items ul.links { overflow: hidden; position: relative; /*height: 140px;*/ height: auto; background: #fff; width: 298px; border: 1px solid #ccc; } #middle .intro-items ul.links li { float: left; display: inline-block; width: 148px; border-bottom: 1px solid #f2f2f2; } #middle .intro-items ul.links li a.first, #middle .intro-items ul.links li a { width: 135px; height: 10px; padding-left: 7px; padding-right: 7px; padding-top: 5px; padding-bottom: 15px; margin-bottom: 1px; font-size: 13.5px; background: #fff; color: #c3c3c3; } #middle .intro-items ul.links li a:hover { background: #fff; color: #a3a3a3; } #middle .intro-items ul.links li.empty { background: none; display: none !important; } #middle .intro-items ul.links li:nth-child(6) { display: block; } #middle .intro-items ul.links li:nth-child(7) { display: block; border-bottom: none; } #middle .intro-items ul.links li:nth-child(8) { display: block; border-bottom: none; } #middle .intro-items ul.links li:last-child a { height:20px; line-height: 18px; } #middle .intro-items ul.links li:last-child a:hover { height:20px; } #middle .open .summary { font-size: 15px; text-transform: none; } #middle .agenda-wrap .agenda-item .agenda-item-top h3 { font-weight: normal; } #search_branch_submit { margin-top: 3px; } #sidebar-left { width: 100%; } #sidebar-right { clear: both; float: left; width: 100%; margin-top: 10px; margin-left: 0; } #sidebar-right #block-cebeo-custom-cebeo-filialen { margin-top: 7px; } #sidebar-right #block-cebeo-custom-advertentie { margin-bottom: 2px; } .two-sidebars #middle { margin-left: 0; } #social-media { margin: 0 auto; padding-top: 9px; padding-bottom: 9px; } #social-media a { margin-right: 0; } #footer-top { background: url('../images/footer-arrow.png') no-repeat 22px 7px; } footer { margin: 0 auto; } footer .region-footer { padding: 0; } footer #footer-info #credits, #webdesign { width: 290px; } footer #footer-info #credits p { margin-top: 37px; font-size: 10px; } footer ul.menu { padding: 0; } footer ul.menu li, footer ul.menu li.first, footer ul.menu li.last { padding: 0; } footer ul.menu li a { display: block; height: auto; padding: 11px 22px; border-bottom: 1px solid #515151; text-transform: uppercase; font-weight: normal; font-size: 14px; font-family: 'HelveticaNeueW01-77BdCn 692722', Arial, Sans-serif; } footer ul.menu li a:hover { color: #f1f1f1; } footer ul.menu li.active-trail ul.menu { display: block; padding: 0; } footer ul.menu li.active-trail ul.menu li { border-bottom: none; padding-bottom: 0; } footer ul.menu li.active-trail ul.menu li a { width: 256px; border-bottom: none; background: url('../images/footerlink320.png') 264px 10px no-repeat #414141; } footer ul.menu li.active-trail a { color: #f5f5f5; } footer ul.menu li.active-trail ul.menu li a { color: #898989; padding-top: 8px; padding-bottom: 7px; } footer ul.menu li ul.menu li a { text-transform: none; } .menu-level-3 ul li ul { padding-bottom: 0; } input#edit-submitted-postcode, input#edit-submitted-btw-nummer, input#edit-submitted-telefoon, input#edit-submitted-e-mail { width: 88.889%; } #middle .overview-list .kol-left { width: 40%; } #middle .overview-list .kol-right { width: 50%; } #user-pass input[type="text"], #user-register-form input[type="text"], #user-login input[type="text"], #user-login input[type="password"] { width: 205px; } .tabs { margin-top: 10px; } #middle ul li, #middle ol li { padding-right: 10px; } .node-type-landingpage nav { background: #000; height: 30px; } .node-type-landingpage .nav-links { width: 96%; margin-top: 0; padding: 0 2%; } .node-type-landingpage .nav-links a { color: #fff; } .node-type-landingpage #footer-top { width: 300px; } .activiteit, .node-type-landingpage .footer-links ul, .node-type-landingpage #webshop-link { width: 96%; } #activiteit-nl, #footer-menu-nl, #activiteit-fr, #footer-menu-fr, .node-type-landingpage #webshop-link { float: none; padding: 0 2%; } /* Fotogalery */ /*#middle .group-fotogallery-wrapper .field-name-field-image img { height: auto; }*/ } /* Smartphones (landscape/portrait) */ @media screen and (min-device-width : 320px) and (max-device-width : 600px){ nav #block-menu-block-1, nav #block-menu-block-2 { display: none; } nav #block-menu-block-3, nav #block-menu-block-4 { display: none; } header, #main { padding: 0 22px; } } /* Smartphones (small) */ @media screen and (min-device-width : 100px) and (max-device-width : 320px){ nav, footer { margin: 0 0 0 22px; } } /* Smartphones (landscape) (droid) */ @media only screen and (min-device-width : 320px) and (max-device-width : 599px) and (orientation: landscape) { footer { margin: 0 0 0 66px; } } /* Smartphones (landscape) */ @media only screen and (min-device-width : 320px) and (max-device-width : 400px) and (orientation: landscape) { footer { margin: 0 0 0 40px; } } /* Smartphones (portrait) */ @media only screen and (min-device-width : 319px) and (max-device-width : 479px) and (orientation: portrait) { nav, footer { width: 300px; margin: 0 22px; } } /* Smartphones (portrait) (droid) */ @media only screen and (min-device-width : 350px) and (max-device-width : 479px) and (orientation: portrait) { nav, footer { margin: 0 38px; } } /* iPhone 4 */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { } /* iPad landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPad portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } @media all and (min-width: 480px) and (max-width: 599px) and (-webkit-min-device-pixel-ratio:0){ header #search-block-form div.form-item input { padding: 5px 3px 3px 9px;}} @media all and (min-width: 319px) and (max-width: 479px) and (-webkit-min-device-pixel-ratio:0){ header #search-block-form div.form-item input { padding: 5px 3px 3px 9px;}} @media only screen and (max-width: 940px) { .region-navigation .block-block { display: none; } } @media only screen and (max-width: 500px) { #credits span { clear: both; } } x:-o-prefocus, #sidebar-right #cebeo-filialen { font-family: Arial, Sans-serif; } x:-o-prefocus, #sidebar-right #block-cebeo-custom-cebeo-right-block { font-family: Arial, Sans-serif; } /* Back office */ ul.contextual-links li a { float: none !important; display: block !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 2px 5px !important; border: none !important; font-size: 12px !important; color: #000 !important; } ul.contextual-links li a:hover {background-color: #BFDCEE !important; } /* ============================================================================= Non-semantic helper classes ========================================================================== */ .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ============================================================================= Print CSS ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } body { width: 750px; } footer { border-top: none; } footer div#webdesign { clear: left; float: left; } div#main div#content div#middle, div#main div#content div.region-content { width: 675px; } div#toolbar, ul.tabs { display: none; } } input.invitation-form-input { border: none; border-bottom: thin dashed; } /* ANDROID MOBILE APP DOWNLOAD CTA GREGREYNAERT*/ #block-cebeo-custom-cc-android-smart-app-banner { position: relative; width: 940px; max-width: 100%; margin: auto; background-color: #F0F0F0; margin-bottom: 16px; } .region-mobile-app { } .region-mobile-app .content { padding: 15px 10px 15px 45px; position: relative; } .application-close { position: absolute; content: " "; cursor: pointer; background: url('../images/close.svg'); top: 0; left: 0; bottom: 0; font-size: 50px; color: black; z-index: 10000; width: 20px; height: 20px; margin-left: 10px; background-repeat: no-repeat; color: pink; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .region-mobile-app .content::before, .region-mobile-app .content::after { content:""; display:table; } .region-mobile-app .content::after { clear:both; } .region-mobile-app .content { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .region-mobile-app .content .icon-placeholder { width:70px; height: 70px; float: left; margin-right: 10px; overflow: hidden; border-radius: 20px; } .region-mobile-app .content .icon-placeholder img { width:70px; height: 70px; } .region-mobile-app .content .text-placeholder { margin: 0; } .region-mobile-app .content .text-placeholder p{ margin: 0; } .region-mobile-app .content .link-placeholder { top: 0; right: 0; height: 70px; line-height: 70px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .region-mobile-app .content .link-placeholder a { padding-right: 50px; text-transform: uppercase; text-decoration: none; } #block-cebeo-custom-cc-android-smart-app-banner.close { display: none !important; } @media screen and (max-width: 480px) { .application-close { left: 5px; } .region-mobile-app .content .link-placeholder { height: 0px; position: relative; line-height: 2; } } /* Image size fixes */ .region-content .field-name-field-image img { width: 100% !important; height: auto !important; }