/* Algemeen */ * { margin: 0; padding: 0; border: 0; } /*.no-ie { width: 100%; overflow-x:hidden; }*/ @media only screen and (device-width: 768px) { /* For general iPad layouts */ .no-ie { width: 100%; position:relative; overflow-x:hidden; overflow-y:auto!important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Smartphones (portrait and landscape) ----------- */ .no-ie { width: 100%; position:relative; overflow-x:hidden; overflow-y:auto!important; } } @media all and (-ms-high-contrast:none) {/* IE11 */ *::-ms-backdrop, body { font-family: "DIN Next W01 Regular"!important; } } body { background-color: #000; color: #FFF; font-size:12px; line-height: 14px; letter-spacing: normal; width: 100%!important; overflow-x: hidden!important; } #page { width: 940px; margin: 0 auto; padding-top: 20px; } #header, #footer, #sidebar-first, #sidebar-second, #navigation { background: #000; } /* hoogte afgestemd op iPad */ /*#main #content-inner, #sidebar-first-inner, #sidebar-second-inner { height: 400px; overflow: hidden; border-bottom: 2px solid #808080; margin-bottom: 10px;} */ /* Font */ h1 { font-size: 24px; padding: 0; margin: 0; line-height: 30px; color: #FFF; } h2 { font-size: 24px; padding: 0; margin: 0; line-height: 30px; color: #FFF; } ul, ol { margin-left: 0; padding-left: 0em; } a:link, a:visited { color: #009cda; text-decoration: none; border: 0px; } a:hover, a:active { color: #009cda; text-decoration: none; } a:focus { outline: 0px solid #000; } .views-field-edit-node a, div.bewerk { color: red; text-decoration: none; } .breadcrumb { display: none;} #main #content-inner h1.title { font-size: 24px; line-height: 42px; font-weight: normal; border-top: 2px solid #808080; border-bottom: 2px solid #808080!important; margin-bottom: 10px; margin-right: -10px;} .one-sidebar #main #content-inner h1.title { font-size: 24px; line-height: 42px; font-weight: normal; border-top: 2px solid #808080; border-bottom: 2px solid #808080!important; margin-bottom: 10px; margin-right: 0px;} #sidebar-first-inner h2.block-title { font-size: 24px; line-height: 42px; font-weight: normal; border-top: 2px solid #808080; border-bottom: 2px solid #808080!important; margin-bottom: 10px;} #sidebar-second-inner h2.title { font-size: 24px; line-height: 42px; font-weight: normal; border-top: 2px solid #808080; border-bottom: 2px solid #808080!important; margin-bottom: 0px!important;} /* Overlay titel Video popup */ #cboxOverlay{background:#000;} #cboxLoadedContent{background:#000; padding:1px;} #cboxTitle {font-size: 24px!important;} /* Header: Logo, Taal en Zoek */ #header #logo { position: relative; left: 0px; width: 370px;} #header .taal { position: relative; left: 890px; top: -76px; width: 50px; height: 14px; z-index: 9999999999!important;} #header .taal li {display:inline; list-style-image:none;} .language-switcher-locale-url a { color: #009cda;text-decoration: none; } .language-switcher-locale-url a.active { color: #FFF!important; text-decoration: none;} /* ivm FR */ #header .taal { left: 874px; width: 70px; } #block-block-10 {left: 823px;} .not-logged-in.i18n-fr #block-block-10 {left: 800px!important;} .logged-in.i18n-fr.i18n-fr #block-block-10 {left: 790px!important;} /*.not-logged-in .language-switcher-locale-url .fr {display: none!important;}*/ #header .zoek { position: relative; z-index: 0; left: 762px; top: -70px; width: 180px; height: 30px; clear:both; margin-bottom: -50px;} #header .zoek .form-text, .zk-blk .zoek .form-text{ width: 123px; height: 25px; padding: 0px; margin-right: 2px; background-color: #FFF;} #header .zoek .form-submit, .zk-blk .zoek .form-submit { width: 50px; height: 25px; background-color: #009cda; color: #FFF!important; padding: 0px 0px 2px 0px; margin: 2px 0px 0px 0px;} .i18n-fr #header .zoek .form-submit, .i18n-fr .zk-blk .zoek .form-submit { width: 75px!important;} .i18n-fr #header .zoek {width: 215px!important; left: 740px!important;} .ie8 #header .zoek .form-text { width: 123px; height: 21px;padding-top:2px!important; margin-right: 3px;} .ie8 #header .zoek .form-submit { width: 50px; height: 24px; background-color: #009cda; color: #FFF!important;} .ie9 #header .zoek .form-text { width: 123px; height: 25px; padding: 0px; margin-right: 2px; background-color: #FFF;} .ie9 #header .zoek .form-submit { width: 50px; height: 25px; background-color: #009cda; color: #FFF!important; padding: 2px 0px 2px 0px; margin: -2px 0px 0px 0px;} #header-region { margin-bottom: 49px; padding: 0;} #block-system-main-menu { height: 85px; vertical-align:top;} /* Menu - Taalonafhankelijk */ #header-region .menu { list-style-type:none; width: 940px!important; height: 85px!important; margin-top: 0; padding: 0; line-height: 0px;} #header-region .menu li {display:inline; margin-top: 0px; padding-top: 0px; } #header-region .menu .menu li, #header-region .menu .menu, #header-region .menu ul li { margin: 0; display: none!important; line-height: 0px;} #header-region .menu li a { float:left; text-indent: -199px; font-size: 0px; line-height: 0px; padding-right: 10px; height: 85px; width: 85px; overflow:hidden; } /* aanpassing positie laatste item*/ #header-region .menu li.last a { float:right; padding-right: 0px;font-size: 0px; line-height: 0px!important; height: 85px; width: 85px;} #header-region .menu li.first.last a, .i18n-de #header-region .menu li.last a { float:left; padding-right: 0px;font-size: 0px; line-height: 0px!important; height: 85px; width: 85px;} .ie7 #header-region .menu li.last a {float:right; padding-right: 0px; margin-top: -42px;font-size: 0px; line-height: 0px!important; height: 85px; width: 85px;} .ie7 .domain-ceweld #header-region .menu li.last a.app {float:right; padding-right: 0px; margin-top: 0px;font-size: 0px; line-height: 0px!important; height: 85px; width: 85px;} /* alleen voor ceweld */ .ie8 #header-region .menu li.last a {position: relative; top: 0px; font-size: 0px; line-height: 0px!important; height: 85px; width: 85px;} .ie9 #header-region .menu li.last a {position: relative; top: 0px; font-size: 0px; line-height: 0px!important; height: 85px; width: 85px;} /* Menu - NL */ .i18n-nl li a.home { background-image:url(../images/mainnav_nl/home.png); background-repeat:no-repeat;} .i18n-nl li a.wsc { background-image:url(../images/mainnav_nl/wsc.gif); background-repeat:no-repeat;} .i18n-nl li a.organisatie { background-image:url(../images/mainnav_nl/organisatie.png); background-repeat:no-repeat;} .i18n-nl li a.producten { background-image:url(../images/mainnav_nl/producten.png);background-repeat:no-repeat;} .i18n-nl li a.quality { background-image:url(../images/mainnav_nl/quality.png);background-repeat:no-repeat;} .i18n-nl li a.service { background-image:url(../images/mainnav_nl/service.png);background-repeat:no-repeat;} .i18n-nl li a.contact { background-image:url(../images/mainnav_nl/contact.png);background-repeat:no-repeat;} .i18n-nl li a.dealers { background-image:url(../images/mainnav_nl/dealers.png);background-repeat:no-repeat;} .i18n-nl li a.nieuws { background-image:url(../images/mainnav_nl/nieuws.png);background-repeat:no-repeat;} .i18n-nl li a.app { background-image:url(../images/mainnav_nl/app.png);background-repeat:no-repeat;} .i18n-nl li a.home:hover, .i18n-nl li a.home.active { background-image:url(../images/mainnav_nl/home_h.png); background-repeat:no-repeat;} .i18n-nl li a.wsc:hover, .i18n-nl li a.wsc.active-trail, .i18n-nl li a.wsc.active { background-image:url(../images/mainnav_nl/wsc_h.gif); background-repeat:no-repeat;} .i18n-nl li a.organisatie:hover, .i18n-nl li a.organisatie.active-trail, .i18n-nl li a.organisatie.active { background-image:url(../images/mainnav_nl/organisatie_h.png); background-repeat:no-repeat;} .i18n-nl li a.producten:hover, .i18n-nl li a.producten.active-trail, .i18n-nl li a.producten.active { background-image:url(../images/mainnav_nl/producten_h.png); background-repeat:no-repeat;} .i18n-nl li a.quality:hover, .i18n-nl li a.quality.active-trail, .i18n-nl li a.quality.active { background-image:url(../images/mainnav_nl/quality_h.png); background-repeat:no-repeat;} .i18n-nl li a.service:hover, .i18n-nl li a.service.active-trail, .i18n-nl li a.service.active { background-image:url(../images/mainnav_nl/service_h.png); background-repeat:no-repeat;} .i18n-nl li a.contact:hover, .i18n-nl li a.contact.active-trail, .i18n-nl li a.contact.active { background-image:url(../images/mainnav_nl/contact_h.png); background-repeat:no-repeat;} .i18n-nl li a.dealers:hover, .i18n-nl li a.dealers.active-trail, .i18n-nl li a.dealers.active { background-image:url(../images/mainnav_nl/dealers_h.png); background-repeat:no-repeat;} .i18n-nl li a.nieuws:hover, .i18n-nl li a.nieuws.active-trail, .i18n-nl li a.nieuws.active { background-image:url(../images/mainnav_nl/nieuws_h.png); background-repeat:no-repeat;} .i18n-nl li a.app:hover, .i18n-nl li a.app.active { background-image:url(../images/mainnav_nl/app_h.png); background-repeat:no-repeat;} /* Menu - EN */ .i18n-en li a.home { background-image:url(../images/mainnav_en/home.png); background-repeat:no-repeat;} .i18n-en li a.wsc { background-image:url(../images/mainnav_nl/wsc.gif); background-repeat:no-repeat;} .i18n-en li a.organisatie { background-image:url(../images/mainnav_en/organisatie.png); background-repeat:no-repeat;} .i18n-en li a.producten { background-image:url(../images/mainnav_en/producten.png);background-repeat:no-repeat;} .i18n-en li a.quality { background-image:url(../images/mainnav_en/quality.png);background-repeat:no-repeat;} .i18n-en li a.service { background-image:url(../images/mainnav_en/service.png);background-repeat:no-repeat;} .i18n-en li a.contact { background-image:url(../images/mainnav_en/contact.png);background-repeat:no-repeat;} .i18n-en li a.dealers { background-image:url(../images/mainnav_en/dealers.png);background-repeat:no-repeat;} .i18n-en li a.nieuws { background-image:url(../images/mainnav_en/nieuws.png);background-repeat:no-repeat;} .i18n-en li a.app { background-image:url(../images/mainnav_en/app.png);background-repeat:no-repeat;} .i18n-en li a.home:hover, .i18n-en li a.home.active { background-image:url(../images/mainnav_en/home_h.png); background-repeat:no-repeat;} .i18n-en li a.wsc:hover, .i18n-en li a.wsc.active-trail, .i18n-en li a.wsc.active { background-image:url(../images/mainnav_nl/wsc_h.gif); background-repeat:no-repeat;} .i18n-en li a.organisatie:hover, .i18n-en li a.organisatie.active, .i18n-en li a.organisatie.active-trail { background-image:url(../images/mainnav_en/organisatie_h.png); background-repeat:no-repeat;} .i18n-en li a.producten:hover, .i18n-en li a.producten.active, .i18n-en li a.producten.active-trail { background-image:url(../images/mainnav_en/producten_h.png); background-repeat:no-repeat;} .i18n-en li a.quality:hover, .i18n-en li a.quality.active, .i18n-en li a.quality.active-trail { background-image:url(../images/mainnav_en/quality_h.png); background-repeat:no-repeat;} .i18n-en li a.service:hover, .i18n-en li a.service.active, .i18n-en li a.service.active-trail { background-image:url(../images/mainnav_en/service_h.png); background-repeat:no-repeat;} .i18n-en li a.contact:hover, .i18n-en li a.contact.active, .i18n-en li a.contact.active-trail { background-image:url(../images/mainnav_en/contact_h.png); background-repeat:no-repeat;} .i18n-en li a.dealers:hover, .i18n-en li a.dealers.active, .i18n-en li a.dealers.active-trail, .page-node-138 li a.dealers, .page-dealer li a.dealers, .page-selectdealer li a.dealers { background-image:url(../images/mainnav_en/dealers_h.png); background-repeat:no-repeat;} .i18n-en li a.nieuws:hover, .i18n-en li a.nieuws.active, .i18n-en li a.nieuws.active-trail { background-image:url(../images/mainnav_en/nieuws_h.png); background-repeat:no-repeat;} .i18n-en li a.app:hover, .i18n-en li a.app.active, .i18n-en li a.app.active-trail { background-image:url(../images/mainnav_en/app_h.png); background-repeat:no-repeat;} /*Tijdelijk: menu voor DE, SK en HAN */ /* Menu - Chinees */ .i18n-zh-hans li a.home { background-image:url(../images/mainnav_en/home.png); background-repeat:no-repeat;} .i18n-zh-hans li a.organisatie { background-image:url(../images/mainnav_en/organisatie.png); background-repeat:no-repeat;} .i18n-zh-hans li a.producten { background-image:url(../images/mainnav_en/producten.png);background-repeat:no-repeat;} .i18n-zh-hans li a.quality { background-image:url(../images/mainnav_en/quality.png);background-repeat:no-repeat;} .i18n-zh-hans li a.service { background-image:url(../images/mainnav_en/service.png);background-repeat:no-repeat;} .i18n-zh-hans li a.contact { background-image:url(../images/mainnav_en/contact.png);background-repeat:no-repeat;} .i18n-zh-hans li a.dealers { background-image:url(../images/mainnav_en/dealers.png);background-repeat:no-repeat;} .i18n-zh-hans li a.nieuws { background-image:url(../images/mainnav_en/nieuws.png);background-repeat:no-repeat;} .i18n-zh-hans li a.app { background-image:url(../images/mainnav_en/app.png);background-repeat:no-repeat;} .i18n-zh-hans li a.home:hover, .i18n-zh-hans li a.home.active { background-image:url(../images/mainnav_en/home_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.organisatie:hover, .i18n-zh-hans li a.organisatie.active, .i18n-zh-hans li a.organisatie.active-trail { background-image:url(../images/mainnav_en/organisatie_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.producten:hover, .i18n-zh-hans li a.producten.active, .i18n-zh-hans li a.producten.active-trail { background-image:url(../images/mainnav_en/producten_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.quality:hover, .i18n-zh-hans li a.quality.active, .i18n-zh-hans li a.quality.active-trail { background-image:url(../images/mainnav_en/quality_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.service:hover, .i18n-zh-hans li a.service.active, .i18n-zh-hans li a.service.active-trail { background-image:url(../images/mainnav_en/service_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.contact:hover, .i18n-zh-hans li a.contact.active, .i18n-zh-hans li a.contact.active-trail { background-image:url(../images/mainnav_en/contact_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.dealers:hover, .i18n-zh-hans li a.dealers.active, .i18n-zh-hans li a.dealers.active-trail, .page-node-138 li a.dealers, .page-dealer li a.dealers, .page-selectdealer li a.dealers { background-image:url(../images/mainnav_en/dealers_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.nieuws:hover, .i18n-zh-hans li a.nieuws.active, .i18n-zh-hans li a.nieuws.active-trail { background-image:url(../images/mainnav_en/nieuws_h.png); background-repeat:no-repeat;} .i18n-zh-hans li a.app:hover, .i18n-zh-hans li a.app.active, .i18n-zh-hans li a.app.active-trail { background-image:url(../images/mainnav_en/app_h.png); background-repeat:no-repeat;} /* Menu - Slovak */ .i18n-sk li a.home { background-image:url(../images/mainnav_en/home.png); background-repeat:no-repeat;} .i18n-sk li a.organisatie { background-image:url(../images/mainnav_en/organisatie.png); background-repeat:no-repeat;} .i18n-sk li a.producten { background-image:url(../images/mainnav_en/producten.png);background-repeat:no-repeat;} .i18n-sk li a.quality { background-image:url(../images/mainnav_en/quality.png);background-repeat:no-repeat;} .i18n-sk li a.service { background-image:url(../images/mainnav_en/service.png);background-repeat:no-repeat;} .i18n-sk li a.contact { background-image:url(../images/mainnav_en/contact.png);background-repeat:no-repeat;} .i18n-sk li a.dealers { background-image:url(../images/mainnav_en/dealers.png);background-repeat:no-repeat;} .i18n-sk li a.nieuws { background-image:url(../images/mainnav_en/nieuws.png);background-repeat:no-repeat;} .i18n-sk li a.app { background-image:url(../images/mainnav_en/app.png);background-repeat:no-repeat;} .i18n-sk li a.home:hover, .i18n-sk li a.home.active { background-image:url(../images/mainnav_en/home_h.png); background-repeat:no-repeat;} .i18n-sk li a.organisatie:hover, .i18n-sk li a.organisatie.active, .i18n-sk li a.organisatie.active-trail { background-image:url(../images/mainnav_en/organisatie_h.png); background-repeat:no-repeat;} .i18n-sk li a.producten:hover, .i18n-sk li a.producten.active, .i18n-sk li a.producten.active-trail { background-image:url(../images/mainnav_en/producten_h.png); background-repeat:no-repeat;} .i18n-sk li a.quality:hover, .i18n-sk li a.quality.active, .i18n-sk li a.quality.active-trail { background-image:url(../images/mainnav_en/quality_h.png); background-repeat:no-repeat;} .i18n-sk li a.service:hover, .i18n-sk li a.service.active, .i18n-sk li a.service.active-trail { background-image:url(../images/mainnav_en/service_h.png); background-repeat:no-repeat;} .i18n-sk li a.contact:hover, .i18n-sk li a.contact.active, .i18n-sk li a.contact.active-trail { background-image:url(../images/mainnav_en/contact_h.png); background-repeat:no-repeat;} .i18n-sk li a.dealers:hover, .i18n-sk li a.dealers.active, .i18n-sk li a.dealers.active-trail, .page-node-138 li a.dealers, .page-dealer li a.dealers, .page-selectdealer li a.dealers { background-image:url(../images/mainnav_en/dealers_h.png); background-repeat:no-repeat;} .i18n-sk li a.nieuws:hover, .i18n-sk li a.nieuws.active, .i18n-sk li a.nieuws.active-trail { background-image:url(../images/mainnav_en/nieuws_h.png); background-repeat:no-repeat;} .i18n-sk li a.app:hover, .i18n-sk li a.app.active, .i18n-sk li a.app.active-trail { background-image:url(../images/mainnav_en/app_h.png); background-repeat:no-repeat;} /* Menu - Duits */ .i18n-de li a.home { background-image:url(../images/mainnav_de/home.png); background-repeat:no-repeat;} .i18n-de li a.wsc { background-image:url(../images/mainnav_de/wsc.gif); background-repeat:no-repeat;} .i18n-de li a.organisatie { background-image:url(../images/mainnav_de/organization.png); background-repeat:no-repeat;} .i18n-de li a.producten { background-image:url(../images/mainnav_de/products.png);background-repeat:no-repeat;} .i18n-de li a.quality { background-image:url(../images/mainnav_de/quality.png);background-repeat:no-repeat;} .i18n-de li a.service { background-image:url(../images/mainnav_de/service.png);background-repeat:no-repeat;} .i18n-de li a.contact { background-image:url(../images/mainnav_de/contact.png);background-repeat:no-repeat;} .i18n-de li a.dealers { background-image:url(../images/mainnav_de/dealers.png);background-repeat:no-repeat;} .i18n-de li a.nieuws { background-image:url(../images/mainnav_de/news.png);background-repeat:no-repeat;} .i18n-de li a.app { background-image:url(../images/mainnav_de/app.png);background-repeat:no-repeat;} .i18n-de li a.home:hover, .i18n-de li a.home.active { background-image:url(../images/mainnav_de/home_h.png); background-repeat:no-repeat;} .i18n-de li a.wsc:hover, .i18n-de li a.wsc.active-trail, .i18n-de li a.wsc.active { background-image:url(../images/mainnav_de/wsc_h.gif); background-repeat:no-repeat;} .i18n-de li a.organisatie:hover, .i18n-de li a.organisatie.active, .i18n-de li a.organisatie.active-trail { background-image:url(../images/mainnav_de/organization_h.png); background-repeat:no-repeat;} .i18n-de li a.producten:hover, .i18n-de li a.producten.active, .i18n-de li a.producten.active-trail { background-image:url(../images/mainnav_de/products_h.png); background-repeat:no-repeat;} .i18n-de li a.quality:hover, .i18n-de li a.quality.active, .i18n-de li a.quality.active-trail { background-image:url(../images/mainnav_de/quality_h.png); background-repeat:no-repeat;} .i18n-de li a.service:hover, .i18n-de li a.service.active, .i18n-de li a.service.active-trail { background-image:url(../images/mainnav_de/service_h.png); background-repeat:no-repeat;} .i18n-de li a.contact:hover, .i18n-de li a.contact.active, .i18n-de li a.contact.active-trail { background-image:url(../images/mainnav_de/contact_h.png); background-repeat:no-repeat;} .i18n-de li a.dealers:hover, .i18n-de li a.dealers.active, .i18n-de li a.dealers.active-trail, .page-node-138 li a.dealers, .page-dealer li a.dealers, .page-selectdealer li a.dealers { background-image:url(../images/mainnav_de/dealers_h.png); background-repeat:no-repeat;} .i18n-de li a.nieuws:hover, .i18n-de li a.nieuws.active, .i18n-de li a.nieuws.active-trail { background-image:url(../images/mainnav_de/news_h.png); background-repeat:no-repeat;} .i18n-de li a.app:hover, .i18n-de li a.app.active, .i18n-de li a.app.active-trail { background-image:url(../images/mainnav_de/app_h.png); background-repeat:no-repeat;} /* Menu - FR - NOG AANPASSEN */ .i18n-fr li a.home { background-image:url(../images/mainnav_fr/home.png); background-repeat:no-repeat;} .i18n-fr li a.wsc { background-image:url(../images/mainnav_fr/wsc.gif); background-repeat:no-repeat;} .i18n-fr li a.organisatie { background-image:url(../images/mainnav_fr/organization.png); background-repeat:no-repeat;} .i18n-fr li a.producten { background-image:url(../images/mainnav_fr/products.png);background-repeat:no-repeat;} .i18n-fr li a.quality { background-image:url(../images/mainnav_fr/quality.png);background-repeat:no-repeat;} .i18n-fr li a.service { background-image:url(../images/mainnav_fr/service.png);background-repeat:no-repeat;} .i18n-fr li a.contact { background-image:url(../images/mainnav_fr/contact.png);background-repeat:no-repeat;} .i18n-fr li a.dealers { background-image:url(../images/mainnav_fr/dealers.png);background-repeat:no-repeat;} .i18n-fr li a.nieuws { background-image:url(../images/mainnav_fr/news.png);background-repeat:no-repeat;} .i18n-fr li a.app { background-image:url(../images/mainnav_fr/app.png);background-repeat:no-repeat;} .i18n-fr li a.home:hover, .i18n-fr li a.home.active { background-image:url(../images/mainnav_fr/home_h.png); background-repeat:no-repeat;} .i18n-fr li a.wsc:hover, .i18n-fr li a.wsc.active-trail, .i18n-fr li a.wsc.active { background-image:url(../images/mainnav_fr/wsc_h.gif); background-repeat:no-repeat;} .i18n-fr li a.organisatie:hover, .i18n-fr li a.organisatie.active, .i18n-fr li a.organisatie.active-trail { background-image:url(../images/mainnav_fr/organization_h.png); background-repeat:no-repeat;} .i18n-fr li a.producten:hover, .i18n-fr li a.producten.active, .i18n-fr li a.producten.active-trail { background-image:url(../images/mainnav_fr/products_h.png); background-repeat:no-repeat;} .i18n-fr li a.quality:hover, .i18n-fr li a.quality.active, .i18n-fr li a.quality.active-trail { background-image:url(../images/mainnav_fr/quality_h.png); background-repeat:no-repeat;} .i18n-fr li a.service:hover, .i18n-fr li a.service.active, .i18n-fr li a.service.active-trail { background-image:url(../images/mainnav_fr/service_h.png); background-repeat:no-repeat;} .i18n-fr li a.contact:hover, .i18n-fr li a.contact.active, .i18n-fr li a.contact.active-trail { background-image:url(../images/mainnav_fr/contact_h.png); background-repeat:no-repeat;} .i18n-fr li a.dealers:hover, .i18n-fr li a.dealers.active, .i18n-fr li a.dealers.active-trail, .page-node-138 li a.dealers, .page-dealer li a.dealers, .page-selectdealer li a.dealers { background-image:url(../images/mainnav_fr/dealers_h.png); background-repeat:no-repeat;} .i18n-fr li a.nieuws:hover, .i18n-fr li a.nieuws.active, .i18n-fr li a.nieuws.active-trail { background-image:url(../images/mainnav_fr/news_h.png); background-repeat:no-repeat;} .i18n-fr li a.app:hover, .i18n-fr li a.app.active, .i18n-fr li a.app.active-trail { background-image:url(../images/mainnav_fr/app_h.png); background-repeat:no-repeat;} /* Subnavigatie */ #sidebar-first { width: 180px; margin-right: 10px;} #sidebar-first .menu ul li, #sidebar-first .menu li, #sidebar-first .menu ul li.leaf { display: inline; list-style-type:none; list-style-image: none; margin: 0!important; padding: 0!important; } #sidebar-first .menu li a, #sidebar-first .view a { display: block; font-size: 14px!important; line-height: 16px!important; color: #009cda; } #sidebar-first .menu li a.active, #sidebar-first .menu li a:hover, #sidebar-first .menu li a.active-trail { font-size: 14px; line-height: 16px; color: #FFF; vertical-align: middle; } #sidebar-first .menu .menu { padding: 0!important; margin: 0px 0px 0px 0px; } #sidebar-first .menu .menu li { float:left; width:158px; } #sidebar-first .menu .menu li a { font-size: 14px; line-height: 16px; margin-left: 18px; width:138px; } #sidebar-first .menu li li.leaf, #sidebar-first .menu li li.collapsed, #sidebar-first .menu li li.expanded{ color: #009cda; background-image:url(../images/nav/pijl.png)!important; background-position:top left; background-repeat:no-repeat; } #sidebar-first .menu li li.leaf.active, #sidebar-first .menu li li.active-trail, #sidebar-first .menu li li.leaf:hover, #sidebar-first .menu li li.collapsed:hover { color: #FFF; background-image:url(../images/nav/pijl_h.png)!important; background-position:top left; background-repeat:no-repeat; } /* Views menu */ #sidebar-first .agenda #block-menu_block-1 li, #sidebar-first .view-agenda-menu .views-summary li { display: block!important; width: 100%!important; background-color: transparent; } #sidebar-first .view-agenda-menu .views-summary li a { font-size: 14px; line-height: 16px; margin-left: 0px; padding-left: 18px; width:100%!important; color: #009cda; background-image:url(../images/nav/pijl.png)!important; background-position:top left; background-repeat:no-repeat; } #sidebar-first .view-agenda-menu .views-summary li a:hover, #sidebar-first .view-agenda-menu .views-summary li a.active, #sidebar-first .view-agenda-menu .views-summary li.active-trail { color: #FFF; background-image:url(../images/nav/pijl_h.png)!important; background-position:top left; background-repeat:no-repeat; } /* Views menu */ #sidebar-second { width: 180px; margin-left: 10px;} #sidebar-second ul, #sidebar-second li { list-style:none; list-style-image:none; padding:0; margin: 0;} /* Home */ .node-inner .links, .front h1.title {display: none;} .front .view-highlight table { width: 940px; } .front .view-highlight td.col-1, .front .view-highlight td.col-2, .front .view-highlight td.col-3, .front .view-highlight td.col-4 { width: 180px; margin: 14px 10px 0px 0px;vertical-align:top; padding-right: 10px; } .front .view-highlight td.col-5 { width: 180px; margin: 14px 10px 0px 0px; vertical-align:top;} .front .view-highlight h2.title { width: 180px; font-size: 24px; line-height: 42px; border-top: 2px solid #808080; border-bottom: 2px solid #808080; padding-bottom: 0px!important; vertical-align:middle;} .front .view-highlight .views-field { max-width: 180px;} /* Largefont voor alle content binnen de body*/ .not-front .node-inner { font-size: 16px; font-style:normal; padding: 0; margin-top: 10px!important; margin-bottom: 0px; /* padding-right: 80px;*/ padding-right: 0px; line-height: 20px; color: #FFF; } .view-nieuws a { font-size: 16px; font-style:normal; padding: 0; margin-top: 10px!important; margin-bottom: 0px; line-height: 20px; } .node-type-news .node-inner .file a { font-size: 16px; padding: 0; margin-top: 10px!important; margin-bottom: 0px; line-height: 20px; color: #009cda; } /* Pager */ ul.pager { color: #FFF; font-size: 12px; line-height: 14px; vertical-align:bottom; } ul.pager a { color: #FFF; font-size: 12px; line-height: 14px; } /* Footer */ .no-sidebars .region-footer {border-top: 2px solid #808080;} .one-sidebar .region-footer { background-image: url(../images/bg_1koloms.gif); background-position:top; background-repeat:no-repeat; margin-top: 10px;} .two-sidebars .region-footer { background-image: url(../images/bg_2koloms.gif); background-position:top; background-repeat:no-repeat; margin-top: 10px;} .region-footer .content, .region-footer .content a { color: #009cda; } .region-footer .content { padding-top: 10px;} /* Team Caroussel */ .jcarousel-skin-default .jcarousel-container-horizontal { width: 480px; height: 280px; padding: 20px 40px; margin: auto; } .jcarousel-skin-default .jcarousel-item { background: none repeat scroll 0 0 #000; border: 0px; height: 100px; list-style: none outside none; overflow: hidden; padding: 0; width: 100px; } .jcarousel-skin-default .jcarousel-clip-horizontal { width: 480px; } ul.jcarousel li { padding: 0; width: 160px; height: 220px!important; overflow: hidden; border: 0px; list-style: none; background-color: #000; text-align:left; } .jcarousel-skin-default .jcarousel-prev-horizontal { background-position: 0 0; left: 10px; position: absolute; top: 75px; } .jcarousel-skin-default .jcarousel-next-horizontal { position: absolute; top: 75px; right: 10px; background-position: 0 -32px; } .jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev { background-image: url(../images/arrows.png); display: block; height: 32px; width: 32px; } .view-team table { border-collapse:separate; } .view-team td { padding-right: 20px!important; padding-bottom: 20px!important; width: 160px; vertical-align:top; } table.organogram a { color: #FFF!important;} .view-team div.position { color: #009cda; width: 150px;} .view-team div.mail { width: 150px;} .view-team div.telefoon { width: 150px;} /* Styling tabellen */ .not-front .node-inner .tabel, .not-front .node-inner table { border-collapse: collapse; font-size: 13px; padding: 0; margin: 0; line-height: 14px; color: #FFF; margin-right: -1px; margin-top: -1px; border-top: 2px solid #000; border-right: 2px solid #000; } .not-front .node-inner table.ntbl { border-collapse: collapse; font-size: 16px; padding: 0; margin: 0; line-height: 20px; } .page-node-13 .node-inner table, .page-node-19 .node-inner table { width: 550px!important; border-collapse:separate; 24 font-style:normal; padding: 0; margin-top: 10px!important; margin-bottom: 20px; line-height: 60px; color: #FFF; } .node-inner table.custom { width: 550px!important; border-collapse:separate; font-size: 22px; font-style:normal; padding: 0; margin-top: 10px!important; margin-bottom: 20px; line-height: 34px; color: #FFF; } .node-type-page tr.even td { height:auto; padding: 0px!important; background-color: #333333; border-right: 1px dotted #FFF; vertical-align:top; padding: 6px 6px 0px 6px!important; margin: 0px; } .node-type-page tr.odd td { height:auto; padding: 0px!important; background-color: #000; border-right: 1px dotted #FFF; vertical-align:top; padding: 6px 6px 0px 6px!important; margin: 0px; } .page-node-13 tr.even td, .page-node-13 tr.odd td, .page-node-19 tr.even td, .page-node-19 tr.odd td { background-color: #000; border: 0px!important; color: #FFF!important; } .page-catalog tr.even td, .page-catalog tr.odd td, .view-catalog tr.even td, .view-catalog tr.odd td/*, .view-catalog tr.even a, .view-catalog tr.odd a*/ { /* border: 0px!important;*/ color: #FFF!important; } /* Organogram */ .page-node-42 .node-inner table, .page-node-77 .node-inner table { width: 760px!important; } table.organogram { background-image:url(../../../../default/files/images/bg_organogram.gif); background-repeat:no-repeat; width: 760px; height: 404px; margin-top: 10px; border-collapse:separate!important;} table.organogram td { width: 190px; vertical-align:top; font-size: 14px; line-height: 16px;} table.organogram td.ceo {position: absolute; top: 32px; left: 213px;} table.organogram td.managing_director {position: absolute; top: 112px; left: 213px;} table.organogram td.office_manager {position: absolute; top: 190px; left: 22px;} table.organogram td.finance {position: absolute; top: 190px; left: 398px;} table.organogram td.marketing_manager {position: absolute; top: 220px; left: 398px;} table.organogram td.sales {position: absolute; top: 268px; left: 26px;} table.organogram td.welding {position: absolute; top: 268px; left: 213px;} table.organogram td.warehouse {position: absolute; top: 268px; left: 400px;} table.organogram td.maintenance {position: absolute; top: 268px; left: 586px;} table.organogram span.locatie { color: #0099cc; } .ie7 table.organogram td.ceo {position: absolute; top: 43px; left: 213px;} .ie7 table.organogram td.managing_director {position: absolute; top: 122px; left: 213px;} .ie7 table.organogram td.office_manager {position: absolute; top: 200px; left: 22px;} .ie7 table.organogram td.finance {position: absolute; top: 200px; left: 398px;} .ie7 table.organogram td.marketing_manager {position: absolute; top: 220px; left: 398px;} .ie7 table.organogram td.sales {position: absolute; top: 278px; left: 26px;} .ie7 table.organogram td.welding {position: absolute; top: 278px; left: 213px;} .ie7 table.organogram td.warehouse {position: absolute; top: 278px; left: 400px;} .ie7 table.organogram td.maintenance {position: absolute; top: 280px; left: 586px;} .ie9 table.organogram { background-image:url(../../../../default/files/images/bg_organogram.gif); background-repeat:no-repeat; width: 760px; height: 404px; margin-top: 20px!important; border-collapse:separate;} .ie8 table.organogram td.ceo, .ie9 table.organogram td.ceo {position: absolute; top: 32px; left: 214px;} .ie8 table.organogram td.managing_director, .ie9 table.organogram td.managing_director {position: absolute; top: 110px; left: 214px;} .ie8 table.organogram td.office_manager, .ie9 table.organogram td.office_manager {position: absolute; top: 190px; left: 19px;} .ie8 table.organogram td.finance, .ie9 table.organogram td.finance {position: absolute; top: 190px; left: 398px;} .ie8 table.organogram td.marketing_manager, .ie9 table.organogram td.marketing_manager {position: absolute; top: 210px; left: 398px;} .ie8 table.organogram td.sales, .ie9 table.organogram td.sales {position: absolute; top: 270px; left: 24px;} .ie8 table.organogram td.welding, .ie9 table.organogram td.welding {position: absolute; top: 270px; left: 210px;} .ie8 table.organogram td.warehouse, .ie9 table.organogram td.warehouse {position: absolute; top: 270px; left: 400px;} .ie8 table.organogram td.maintenance, .ie9 table.organogram td.maintenance {position: absolute; top: 270px; left: 586px;} @media screen and (-webkit-min-device-pixel-ratio:0){ /* Safari */ table.organogram td.ceo {position: absolute; top: 32px; left: 212px;} table.organogram td.managing_director {position: absolute; top: 112px; left: 212px;} table.organogram td.office_manager {position: absolute; top: 190px; left: 20px;} table.organogram td.finance {position: absolute; top: 190px; left: 398px;} table.organogram td.marketing_manager {position: absolute; top: 210px; left: 398px;} table.organogram td.sales {position: absolute; top: 270px; left: 20px;} table.organogram td.welding {position: absolute; top: 270px; left: 210px;} table.organogram td.warehouse {position: absolute; top: 270px; left: 400px;} table.organogram td.maintenance {position: absolute; top: 270px; left: 590px;} } td.office_management { position: relative; top: -40px; } .search-info { display: none; } .page-search #search-form .form-type-textfield label { padding-right: 10px;} /* GMAP */ h3.location-locations-header { display: none;} .gmap-control { color: #000;} .view-gmap table, .view-gmap-de table, .view-verkooppunten table { border-collapse:separate; border-spacing: 10px; font-size:13px; margin: -10px 0px 10px 0px;} .view-gmap td, .view-gmap-de td, .view-verkooppunten td { padding-bottom: 5px;border-bottom: 1px solid #FFF; max-width: 180px; vertical-align:top;} .dealernaam { border: 0 none; color: #009CDA;margin-top: 10px!important;} .nivo-caption { display:none!important;} div.views-nivo-slider {width:320px!important; height:480px!important;} ul.lijst li { list-style-position:inside; list-style-type: square;} /* Catalogus */ .page-catalogus input, .page-catalogus td, .page-catalogus #content-inner input a, .page-catalogue input, .page-catalogue td, .page-catalog #content-inner input a, .view-catalogequivalent td, .page-produits-catalogue input, .page-produits-catalogue td { color: #000!important;} .view-catalog .views-field a, .view-catalogus .views-field a, .view-catalogue .views-field a { color: #009cda!important;} .i18n-nl #edit-submit-catalogequivalent { width: 190px; height: 20px; background-color: #009cda; color: #FFF!important; padding: 0px; margin: 0px 0px 0px 0px; cursor: pointer;} .view-catalog table { border-collapse: collapse; border-color: #FFF; border-bottom: 0px!important; margin-top: 20px; } .view-catalog th { color: #58585a; font-weight: normal; letter-spacing: 0.08em; border-bottom: 1px solid #CCCCCC!important; border-right: 1px dotted #FFF; padding-right: 1em; text-align: left; text-indent: 4px; } .view-catalog .file-icon { display: none; } .view-catalog .views-field-field-pdf { border-right: 0px!important; } .view-catalog .views-field-field-pdf .file, .view-catalog .views-field-field-pdf a { color: #009cda!important; } .view-catalog tr.even td { height:auto; padding: 0px!important; background-color: #333333; border-right: 1px dotted #FFF; vertical-align:top; padding: 6px 6px 0px 6px!important; margin: 0px; } .view-catalog tr.odd td { height:auto; padding: 0px!important; background-color: #000; border-right: 1px dotted #FFF; vertical-align:top; padding: 6px 6px 0px 6px!important; margin: 0px; } /* blokken */ #block-views--exp-catalog-page #edit-title, #block-views--exp-catalog-page_2 #edit-title, #block-views--exp-catalog-page_3 #edit-title { /* Productnaam */ font-size: 13px; width: auto; } .page-catalogus #block-views--exp-catalog-page_2, .page-catalogue #block-views--exp-catalog-page_3, .page-catalogue #block-views--exp-catalog-page_4,/* catalog blok */ .page-catalogue .expcatalog, .page-produits-catalogue .expcatalog { float: left; display: block; width: 570px!important; position:relative; z-index: 997; } .page-catalogus .catzoek, /* equivalent search blok */ .page-catalogue .catzoek, .page-produits-catalogue .catzoek { float: right; display: block; width: 270px!important; max-width: 270px; margin-right: 10px; position:relative; z-index: 997; } .page-catalogus #block-views--exp-catalog-page_2 label, .page-catalogue #block-views--exp-catalog-page label, /* labels */ .page-catalogus #block-views--exp-catalogequivalent-page label, .page-catalogue #block-views--exp-catalogequivalent-page label, .page-catalogue #block-views--exp-catalog-page_3 label, .page-catalogue #block-views--exp-catalog-page_4 label, .page-catalogequivalent #block-views--exp-catalogequivalent-page label, .page-produits-catalogue #block-views--exp-catalogequivalent-page label, .page-produits-catalogue #block-views--exp-catalog-page_4 label { display: inline-block; float: left; width: 90px; background-color: #28282a; padding-top: 1px!important; height:15px; margin-bottom: 2px; overflow: hidden; text-align:center; font-weight: normal; letter-spacing: 0.08em; } .page-catalogus .form-item-items-per-page label, .page-catalogue .form-item-items-per-page label, /* labels */ .page-catalogus .views-widget-filter-field_brand_tid label, .page-catalogue .views-widget-filter-field_brand_tid label, .page-catalogus .block-views--exp-catalogequivalent-page label, .page-catalogue .block-views--exp-catalogequivalent-page label, .page-catalogequivalent .block-views--exp-catalogequivalent-page label { padding: 2px 0px 2px 0px!important; height:17px; } .page-catalogus .views-widget-filter-field_product_cat_tid label, .page-catalogue .views-widget-filter-field_product_cat_tid label, .page-produits-catalogue .views-widget-filter-field_product_cat_tid label { padding: 2px 0px 2px 0px!important; height:19px; } #block-views--exp-catalogequivalent-page .views-widget-filter-title label, #block-views--exp-catalogequivalent-page .views-widget-filter-title label { padding: 2px 0px 2px 0px!important; height:15px; } .page-catalogus #block-views--exp-catalog-page_2 .views-widget, .page-catalogue #block-views--exp-catalog-page_3 .views-widget, .page-catalogue #block-views--exp-catalog-page_4 .views-widget, .page-catalogue #block-views--exp-catalog-page .views-widget, /* velden */ .page-catalogus #block-views--exp-catalogequivalent-page .views-widget, .page-catalogue #block-views--exp-catalogequivalent-page .views-widget, .page-catalogequivalent #block-views--exp-catalogequivalent-page .views-widget { display: inline-block; float: left; width: 30px; margin-right: 2px; padding: 0px!important; } .page-produits-catalogue #block-views--exp-catalog-page_4 .form-item-title, .page-catalogue #block-views--exp-catalog-page_3 .form-item-title, .page-catalogue #block-views--exp-catalog-page_4 .form-item-title, .page-catalogus #block-views--exp-catalog-page_2 .form-item-title, .page-catalogue #block-views--exp-catalog-page .form-item-title { display: inline-block; float: left; width: 30px; margin-right: 2px; padding-bottom: 1px!important; } .page-produits-catalogue #block-views--exp-catalogequivalent-page .form-item-title, .page-catalogus #block-views--exp-catalogequivalent-page .form-item-title, .page-catalogue #block-views--exp-catalogequivalent-page .form-item-title, .page-catalogequivalent #block-views--exp-catalogequivalent-page .form-item-title { display: inline-block; float: left; width: 30px; margin-right: 2px; padding-bottom: -2px!important; } .page-produits-catalogue #block-views--exp-catalogequivalent-page .form-select, .page-catalogue #block-views--exp-catalog-page_3 .form-select, .page-catalogue #block-views--exp-catalog-page_4 .form-select, .page-catalogus #block-views--exp-catalog-page_2 .form-select, .page-catalogue #block-views--exp-catalog-page .form-select, /* velden */ .page-catalogus #block-views--exp-catalogequivalent-page .form-select, .page-catalogue #block-views--exp-catalogequivalent-page .form-select, .page-catalogequivalent #block-views--exp-catalogequivalent-page .form-select { display: inline-block; width: 182px!important; font-size: 12px!important; } .page-catalogue #block-views--exp-catalog-page_3 .form-select, .page-catalogue #block-views--exp-catalog-page_4 .form-select, .page-catalogue #block-views--exp-catalog-page_3 .form-text, .page-catalogue #block-views--exp-catalog-page_4 .form-text, .page-catalogus #block-views--exp-catalog-page_2 .form-select, .page-catalogue #block-views--exp-catalog-page .form-select, .page-catalogus #block-views--exp-catalog-page_2 .form-text, .page-catalogue #block-views--exp-catalog-page .form-text { height: 16px; } .ie7 .page-catalogue #block-views--exp-catalog-page_3 .form-select, .ie7 .page-catalogus #block-views--exp-catalog-page_2 .form-select, .ie7 .page-catalogue #block-views--exp-catalog-page .form-select, /* velden */ .ie7 .page-catalogus #block-views--exp-catalogequivalent-page .form-select, .ie7 .page-catalogue #block-views--exp-catalogequivalent-page .form-select, .ie7 .page-catalogequivalent #block-views--exp-catalogequivalent-page .form-select { display: inline-block; width: 182px!important; padding-bottom: 0px!important; font-size: 10px!important; } .page-catalogequivalent .form-item-title input { display: inline-block; width: 160px!important; padding-bottom: 2px; } #block-views--exp-catalog-page_3 #edit-items-per-page, #block-views--exp-catalog-page_2 #edit-items-per-page, #block-views--exp-catalog-page #edit-items-per-page { display: inline-block; width: 192px!important; } .page-catalogus .catzoek input.form-text , .page-catalogue .catzoek input.form-text { display: inline-block; width: 192px!important; height: 18px!important; } .page-catalogus .catzoek input.edit-submit , /* apply/uitvoeren knop */ .page-catalogue .catzoek input.edit-submit { display: inline-block; width: 192px!important; height: 18px!important; } .page-catalogus #edit-field-product-cat-tid-wrapper, /* linkerkant */ .page-catalogue #edit-field-product-cat-tid-wrapper, .page-catalogus #edit-field-werkstofnummer-value-wrapper, .page-catalogue #edit-field-werkstofnummer-value-wrapper, .page-catalogus #edit-field-din-value-wrapper, .page-catalogue #edit-field-din-value-wrapper, .page-catalogus .catzoek #edit-title-wrapper, .page-catalogue .catzoek #edit-title-wrapper, .page-catalogus #edit-field-brand-tid-wrapper, .page-catalogue #edit-field-brand-tid-wrapper, .page-catalogequivalent #edit-field-brand-tid-wrapper { margin-left: 0px; width: 260px; overflow: hidden!important; margin-bottom: 0px; margin-right: 5px;} .page-catalogus #edit-field-material-value-wrapper, /* te lassen materiaal */ .page-catalogue #edit-field-material-value-wrapper { margin-left: 0px; width: 360px; overflow: hidden; margin-bottom: 0px;} .ie7 .page-catalogus #edit-field-material-value-wrapper, /* te lassen materiaal */ .ie7 .page-catalogue #edit-field-material-value-wrapper { margin-left: 0px; width: 360px; overflow: hidden; margin-bottom: 15px!important;} .page-catalogus #edit-field-material-value-wrapper label, .page-catalogue #edit-field-material-value-wrapper label, .page-catalogus #block-views--exp-catalog-page_2 .form-item-items-per-page label, .page-catalogue #block-views--exp-catalog-page_3 .form-item-items-per-page label, .page-catalogue #block-views--exp-catalog-page_4 .form-item-items-per-page label, .page-catalogue .expcatalog .form-item-items-per-page label {width: 178px!important; float: left; } .page-catalogue #block-views--exp-catalog-page_3 #edit-title-wrapper, .page-catalogue #block-views--exp-catalog-page_4 #edit-title-wrapper, .page-catalogus #block-views--exp-catalog-page_2 #edit-title-wrapper, /* marge rechterkant */ .page-catalogue .expcatalog #edit-title-wrapper, .page-catalogus #edit-field-aws-value-wrapper, .page-catalogue #edit-field-aws-value-wrapper, .page-catalogus #edit-field-iso-value-wrapper, .page-catalogue #edit-field-iso-value-wrapper, .page-catalogequivalent #edit-title-wrapper { margin-left: 10px; margin-bottom: 5px; width: 270px; overflow: hidden!important;} .page-catalogus #edit-field-aws-value-wrapper, .page-catalogue #edit-field-aws-value-wrapper, .page-catalogus #edit-field-iso-value-wrapper, .page-catalogue #edit-field-iso-value-wrapper { /*margin-bottom:0px; padding-bottom: 0px;*/ width: 264px;} .page-catalogue #edit-field-aws-value-1-wrapper, .page-catalogus #edit-field-aws-value-1-wrapper, .page-catalogue #edit-field-iso-value-1-wrapper, .page-catalogus #edit-field-iso-value-1-wrapper { position: relative; top: -29px; left: 377px; margin-bottom: -29px;} .page-catalogue #block-views--exp-catalog-page_3 #edit-field-aws-value-1-wrapper .form-select, .page-catalogue #block-views--exp-catalog-page_4 #edit-field-aws-value-1-wrapper .form-select, .page-catalogue #block-views--exp-catalog-page_3 #edit-field-iso-value-1-wrapper .form-select, .page-catalogue #block-views--exp-catalog-page_4 #edit-field-iso-value-1-wrapper .form-select, .page-catalogus #block-views--exp-catalog-page_2 #edit-field-aws-value-1-wrapper .form-select, .page-catalogue #block-views--exp-catalog-page #edit-field-aws-value-1-wrapper .form-select, .page-catalogus #block-views--exp-catalog-page_2 #edit-field-iso-value-1-wrapper .form-select, .page-catalogue #block-views--exp-catalog-page #edit-field-iso-value-1-wrapper .form-select {width: 193px!important;} .page-catalogus #edit-field-aws-value-wrapper input, .page-catalogue #edit-field-aws-value-wrapper input, .page-catalogus #edit-field-iso-value-wrapper input, .page-catalogue #edit-field-iso-value-wrapper input { width: 174px; border-right: 2px solid black; position: relative; z-index: 10;} .page-catalogus #edit-field-din-value-wrapper, .page-catalogue #edit-field-din-value-wrapper { clear: left;} .page-catalogus #main #content-inner h1.title, .page-catalogue #main #content-inner h1.title, .page-catalogequivalent h2.block-title {display: none;} .page-catalogus #main .region-content, .page-catalogue #main .region-content { float: left; width: 950px!important; } .page-catalogus .catzoek h2.block-title, .page-catalogue .catzoek h2.block-title, .page-catalogus #block-views--exp-catalog-page_2 h2.block-title, .page-catalogue #block-views--exp-catalog-page_4 h2.block-title, .page-catalogue .expcatalog h2.block-title { border-bottom: 2px solid #808080; border-top: 2px solid #808080!important; font-size: 24px; font-weight: normal; line-height: 42px; padding-right: -20px; margin-bottom: 10px; margin-top: -10px; } .page-catalogus .region-footer, .page-catalogue .region-footer {border-top: 1px solid #FFF;} .page-catalogus #edit-submit-catalog, .page-catalogus #edit-reset, .page-catalogue #edit-submit-catalog, .page-catalogue #edit-reset { display: block; width: 88px; height: 18px; background-color: #009cda; color: #FFF!important; padding: 0px!important; margin: 0px!important; cursor: pointer;} .page-catalogus #edit-submit-catalogequivalent, .page-catalogue #edit-submit-catalogequivalent { width: 180px; height: 18px; background-color: #009cda; color: #FFF!important; padding: 0px; margin: 0px 0px 0px 90px; cursor: pointer; } .page-catalogequivalent #edit-submit-catalogequivalent { width: 180px; height: 18px; background-color: #009cda; color: #FFF!important; padding: 0px; margin: 0px 0px 0px 130px; cursor: pointer; } #block-views--exp-catalogequivalent-page #edit-title { font-size: 13px; } .download-catalog { display: block; background-color: #009cda; color: #FFF!important; padding: 4px 0px 2px 0px!important; margin: 0px!important; cursor: pointer; text-align:center; width: 185px; position:absolute; top: 162px; left: 385px; z-index: 999; font-size: 13px!important; } .ie7 .download-catalog { position:absolute!important; z-index: 99999!important; top: 160px; width: 185px; left: -185px; z-index: 999; font-size: 13px!important; } .ie8 .download-catalog, .ie9 .download-catalog { top: 160px; left: 385px; width: 185px; z-index: 999; font-size: 13px!important; } .download-catalog a { text-decoration: none; font-weight: normal; } .page-catalogus #edit-submit-catalog, .page-catalogue #edit-submit-catalog { position:absolute; top: 138px; left: 385px; z-index: 980; cursor: pointer; font-size: 12px; } .page-catalogus #edit-reset, .page-catalogue #edit-reset { position:absolute; top: 138px; left: 482px; z-index: 980; cursor: pointer; font-size: 12px; } .page-catalogus .views-field-field-aws li, .page-catalogue .views-field-field-aws li { list-style-image:none; list-style-type:none; margin-left: 0px; } /* Colorbox buttons */ #cboxPrevious, #cboxNext { background: none!important;} /* Certificate (certificaat) styling */ .admin-clientinfo { margin-bottom: 20px; } #certificate_table{ border-collapse: collapse; border: 1px solid white; font-size: 12px; //width: 940px; width: 100%; } #certificate_table td, #certificate_table th{ border: 1px solid; padding-left: 1px; padding-right: 1px; } #certificate_table td { vertical-align: top; } #certificate_table td div, #certificate_table th div { display: inline; } #certificate_table td.col1 { width: 90px;} #certificate_table td.col2 { width: 60px;} #certificate_table td.testcols { width: 42px;} #certificate_table td.numeric_value, #certificate_table td.group_specifications_value {text-align: right;} #certificate_table th, #certificate_table .ct-label, #certificate_table .analysis-value, #certificate_table .testtype , #certificate_table .test-value, #certificate_table .col1, #certificate_table .col2, #certificate_table .chemical_type, .grainsize_unit { text-align: center;} .certificate_head { font-size: 150%; font-weight: bold; text-decoration:underline; text-align: center; } #certificate_logo { padding: 1px; /* image replacement for logo text-indent: -9999px; white-space: nowrap; overflow: hidden; background-repeat:no-repeat; background-position: 1px 1px;*/ min-width: 182px; height: 66px; text-align: center; } #certificate_logo img{ margin-left: auto; margin-right: auto; } #certificate_logo_screen { display: block; } #certificate_logo_print { display: none; } #certificate-footer { font-size: 12px; } #certificate-footer a{ color: inherit; } .node-type-certificate .node-inner, .node-type-certificaat .node-inner { padding-right: 0px; } .node-type-certificate .node-unpublished, .node-certificate.node-unpublished, .node-type-certificaat .node-unpublished, .node-certificaat.node-unpublished { background-color: transparent; } #certificate_table .average_value { text-decoration:underline; font-weight: bold; } .view #edit-field-ordernummer-value, .view-certificate-search #edit-chargenr{ width: 240px; height: 25px; padding: 0px; margin-right: 2px; background-color: #FFF; } #block-views--exp-certificate_finder-page #edit-chargenr { width: 160px; height: 25px; padding: 0px; margin-right: 2px; background-color: #FFF; } .view #edit-submit-certificaat-met-klantdata, #edit-submit-certificate-search, #edit-submit-certificate-finder { width:50px; height:25px; background-color:#009cda; color:#FFF!important; padding:0px 0px 0px 0px; margin:14px 0px 0px 0px; } .i18n-de #edit-submit-certificate-finder, .i18n-de #edit-submit-certificate-search, .i18n-de #edit-submit-certificate-finder { width:100px!important; } /* zoekresultaten certificaten (gekopieerd van styling voor .view-catalog) */ .view-certificate-finder table { border-collapse: collapse; border-color: #FFF; border-bottom: 0px!important; margin-top: 20px; } .view-certificate-finder th { color: #58585a; font-weight: normal; letter-spacing: 0.08em; border-bottom: 1px solid #CCCCCC!important; border-right: 1px dotted #FFF; padding-right: 1em; text-align: left; text-indent: 4px; } /*.view-catalog .file-icon { display: none; }*/ .view-certificate-finder .views-field-field-diameter { border-right: 0px!important; } /*.view-catalog .views-field-field-pdf .file,*/ .view-certificate-finder .views-field-title a { color: #009cda!important; } .view-certificate-finder tr.even td { height:auto; padding: 0px!important; background-color: #333333; border-right: 1px dotted #FFF; vertical-align:top; padding: 6px 6px 0px 6px!important; margin: 0px; } .view-certificate-finder tr.odd td { height:auto; padding: 0px!important; background-color: #000; border-right: 1px dotted #FFF; vertical-align:top; padding: 6px 6px 0px 6px!important; margin: 0px; } /* END Certificate styling */ /* kenblad styling */ div.node-kenblad { background: none; } .field-name-field-welding-positions .field-item { /*display:inline-block;*/ float: left; margin-right: 5px; } /*to do: move to module compound_fields and/or apply only to display type 'seperate div' */ .node-kenblad .field-type-6-textfields div.field-item , .node-kenblad .field-type-4-textfields div.field-item , .node-kenblad .field-type-3-textfields div.field-item , .node-kenblad .field-type-double-textfield div.field-item { display: inline-block; /*min-height: 20px;*/ margin: 2px 0px; /*border: 1px solid white;*/ } .node-kenblad .field-type-6-textfields div.field-item div, .node-kenblad .field-type-4-textfields div.field-item div, .node-kenblad .field-type-3-textfields div.field-item div, .node-kenblad .field-type-double-textfield div.field-item div { height: 20px; margin: 0; padding: 0 2px; border: 1px solid white; } .node-kenblad .field-name-field-welding-parameters div.field-item { display: block; min-height: 20px; margin: 0px; /*border: 1px solid white;*/ } .node-kenblad .field-name-field-welding-parameters div.field-item div { display: inline-block; height: 20px; width: 120px; margin: 0; padding: 0 2px; border: 1px solid white; } .field-name-field-weld-metal-analysis- .field1, .field-name-field-mechanical-properties .field1, .field-name-field-mechanical-properties .field2, .field-name-field-welding-parameters .delta0{ background: #333; } .node-kenblad .field { margin-top: 10px; } .node-kenblad #ceweld_logo img{ float: right; } #kenblad_title { padding: 20px; font-size: 24px; text-align: center; width: 600px; background: #333; } /* END kenblad styling */ /* product */ div.node-product { background: none; } .node-product .node-inner{ font-size: 15px; line-height: 18px; } .node-product .node-inner { padding-right: 0px; } .node-product p{ margin : 0; } .node-product fieldset { padding: 0px; margin: 0px; } .node-product .field, .node-product .field-group-fieldset { padding-top: 10px; padding-bottom: 10px; /*border-bottom: 1px dotted white;*/ background: url('../images/dot_H.png') repeat-X left bottom; } .node-product .field:last-child { /*border-bottom: none;*/ background-image: none; } .node-product .field-label, .node-product .fieldset-legend, .node-product .field-name-field-analysis-title, .node-product .field-name-field-mechanical-prop-title, .node-product .field-name-field-welding-packing-title, .node-product .field-name-field-note-title { color: #009CDA; text-transform:uppercase; font-weight: normal; } .node-product .field-label-inline .field-label, .node-product .group-label-inline legend , .node-product .field-name-field-note-title { float: left; width: 180px; padding-right: 10px; padding-top: 0px; } .node-product .field-name-field-note-title { padding-top: 10px; } .node-product .field-group-fieldset legend { float: left; /*because padding of parent is ignored for (non-floating) legend*/ margin-bottom: 20px; } .node-product .field-group-fieldset .tablefield { clear: left; } .node-product .field-group-fieldset legend + div.fieldset-wrapper table { margin-top: 0px; /* bottom-margin of legend is used, would result in double-margin in FF*/ } .node-product .field-label-inline .field-items, .node-product .group-label-inline .fieldset-wrapper { float: left; width: 550px; } .node-product .group-label-inline .field-items { width: 360px; /*550-180=370*/ } .node-product .field-group-fieldset .field-label{ color: #FFFFFF; text-transform:none; width: 100px; } .node-product .field-group-fieldset .field { padding-top: 0px; padding-bottom: 0px; /*border-bottom: none;*/ background-image: none; } .node-product .field-name-field-analysis-title, .node-product .field-name-field-mechanical-prop-title, .node-product .field-name-field-welding-packing-title, .node-product .field-name-field-note-title{ /*border-bottom: none;*/ background-image: none; } /**.node-product .field-type-tablefield table {*/ .node-product .node-inner table { border-collapse: collapse; border: none; width : 100%; font-size: 100%; line-height: 16px; } .node-product .tablefield tr, .node-product .tablefield th, .node-product .tablefield td { height: 20px; } .node-product .node-inner tbody { border: none;} .node-product .field-type-tablefield table { margin-top: 20px; margin-bottom: 10px; } .node-product .field-type-tablefield thead { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } .node-product .field-type-tablefield .first_header_row { border-top: 1px solid #FFF; } .node-product .field-type-tablefield .last_header_row { border-bottom: 1px solid #FFF; } /*.node-product .field-name-field-mechanical-prop tr.row_2{ border-top: 1px solid #FFF; }*/ .node-product .field-type-tablefield th, .node-product .field-type-tablefield td { text-align: center; border: none; /*border-left: 1px dotted #FFF;*/ padding: 0px; background: url('../images/dot_V.png') repeat-y left top; } .node-product .field-type-tablefield th.col_0, .node-product .field-type-tablefield td.col_0 { /*border-left: none;*/ background-image: none; } .node-product tr.even, .node-product tr.odd { border-top: none; border-bottom: none; } /*.node-product .field-type-tablefield th { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } .node-product .field-name-field-mechanical-prop .row_0 td{ border-top: 1px solid #FFF; } .node-product .field-name-field-mechanical-prop .row_1 td{ border-bottom: 1px solid #FFF; }*/ .node-product .field-type-tablefield th, .node-product .field-type-tablefield .header_row td { color: #484848; font-weight: normal; /*padding-right: 1em;*/ background-color: #000 !important; } .node-product .field-type-tablefield .subheader, .node-product .field-type-tablefield .last_subheader { /*border-left: none;*/ background-image: none; } .node-product .field-name-field-welding-parameters-packing .subheader, .node-product .field-name-field-welding-parameters-packing .last_subheader{ /*border-left: 1px dotted #FFF;*/ background: url('../images/dot_V.png') repeat-y left top; } .node-product .field-name-field-welding-parameters-packing .header_row { border-bottom: 1px solid #FFF; } .node-product .field-type-tablefield tr.odd { background-color: #282828; } .node-product .field-type-tablefield tr.even { background-color: #000; } .node-product .print-links img { display: none; } .node-product .print-links { padding-top: 20px; padding-bottom: 20px; } .node-product .print-links a { display: inline-block; width: 175px; /*180px;*/ line-height: 20px; background-color: #009CDA; color: white; text-align: center; } /*.print_html, .print_mail, .print_pdf*/ .node-product span { margin-left: 0px; margin-right: 10px; } .node-product span.last-link { margin-right: 0px; } #print-mail-form input.form-submit { margin-right: 10px; margin-bottom: 20px; padding: 5px 20px; } /* END product */ /* Declaration of conformity & Declaration of performance*/ /*.page-declaration-of-conformity*/ #doc_maintable { text-align: center; font-size: 14px; line-height: 16px; border-collapse: collapse; width: 900px;} #doc_maintable td , #doc_maintable th {border: 1px solid; padding: 10px;} #doc_maintable #logo_cel, #doc_maintable #logo_cel img {margin:0; padding: 0;} #doc_maintable #adres {padding: 40px;} #doc_maintable #declaration {font-size: 150%; } #doc_maintable #ce, #doc_maintable #produkt, #doc_maintable #provisions {line-height: 200%;} #doc_maintable #produkt div.field-content {display: inline;} #doc_maintable #produkt .produktnaam {font-size: 130%;} #doc_maintable #produkt .produktnaam a {color: black;} #doc_maintable #instantie {font-size: 120%;} #doc_maintable #datumcel img {vertical-align: text-top;} /*#doc_maintable #datumcel {text-align: left;} #doc_maintable #ondertekening .naam {text-align: left;}*/ .view-declaration-of-performance #doc_maintable #produkt, .page-declaration-of-conformity #doc_maintable #properties { text-align: left; line-height: 100%;} .view-declaration-of-performance #doc_maintable #produkt ol {padding-left:16px;} #doc_maintable #produkt .description { font-weight: bold; } #doc_maintable .field-type-tablefield p {margin:0;} #doc_maintable .field-type-tablefield tr.odd, #doc_maintable .field-type-tablefield tr.even { background-color: #FFFFFF; } #doc_maintable .field-type-tablefield .first_header_row td, #doc_maintable .field-type-tablefield .first_header_row th { border-bottom: none; padding-bottom: 0; } #doc_maintable .field-type-tablefield .last_header_row td, #doc_maintable .field-type-tablefield .last_header_row th { border-top: none; padding-top: 0; } #doc_maintable .field-type-tablefield .first_subheader, #doc_maintable .field-type-tablefield .subheader, #doc_maintable .field-type-tablefield .last_subheader { border-left: none; border-right: none; } #doc_maintable .field-type-tablefield .header_row { font-weight: bold; } #doc_maintable #results { margin-top: 10px; text-align: left; } /* END Declaration of conformity */ .page-catalogus #main .region-content, .page-catalogue #main .region-content { padding-bottom: 10px!important; } .page-catalogus .pager, .page-catalogue .pager { margin-top: 20px; } .page-catalogus .ajax-progress .throbber, .page-catalogue .ajax-progress .throbber { background: url(../images/throbber.gif) no-repeat scroll 0 0px transparent; float: left; height: 16px; margin: -4px 0px -4px 10px!important; width: 16px; } .page-node-62 #content-header, .page-node-63 #content-header, .page-node-2735 #content-header, .page-node-12226 #content-header, .page-node-15180 #content-header, .page-catalogus #content-header h1, .page-catalogue #content-header h1, .page-catalog #content-header h1{ display: none; } .page-node-12226 #weldingproContainer, .page-node-15180 #weldingproContainer {margin-top: -10px;} /* Opzet Nieuws */ .page-node-4989 #main #content, .front #main #content { margin-top: -7px!important;} .page-node-4989 #main #content-inner h1.title, .front #main #content-inner h1.title { display:none!important;} .page-node-4989 #block-views-highlight-blokken, .front #block-views-highlight-blokken {width: 760px!important; overflow:hidden; float: left;} .page-node-4989 #block-views-highlight-nieuws, .front #block-views-highlight-nieuws {width: 180px!important; overflow:hidden; float: right;} .page-node-4989 .view-highlight h2.title, .page-node-4989 .view-highlight .views-field-field-korte-titel h2, .front .view-highlight h2.title, .front .view-highlight .views-field-field-korte-titel h2 { border-bottom: 2px solid #808080; border-top: 2px solid #808080; font-size: 24px; line-height: 42px; padding-bottom: 0px !important; vertical-align: middle; width: 180px; } .page-node-4989 #block-views-highlight-blokken table, .front #block-views-highlight-blokken table { width: 760px; } .page-node-4989 td.col-1, .page-node-4989 .view-highlight td.col-2, .page-node-4989 .view-highlight td.col-3, .page-node-4989 .view-highlight td.col-4, .front td.col-1, .front .view-highlight td.col-2, .front .view-highlight td.col-3, .front .view-highlight td.col-4 { margin: 14px 10px 0px 0px; padding-right: 10px; vertical-align: top; width: 180px; } .page-node-4989 .view-highlight .views_slideshow_cycle_slide, #block-views-highlight-relnws .views_slideshow_cycle_slide, .front .view-highlight .views_slideshow_cycle_slide { margin: 0px 10px 0px 0px; padding-right: 10px; vertical-align: top; width: 180px; height: 395px!important; } .page-node-4989 #block-views-highlight-nieuws .field-content p, .front #block-views-highlight-nieuws .field-content p, #block-views-highlight-relnws .field-content p {margin-bottom: 0px!important;} /* Prev + Next slideshow Nieuws */ .views-slideshow-controls-top { width: 200px; margin: 0 0 0 0px; background-color: transparent!important; } .views-slideshow-controls-top .views_slideshow_controls_text_pause { display: none;} .views_slideshow_controls_text_next a { height: 180px; width: 30px; position: absolute; top: 46px; left: 145px; z-index: 10000; white-space:nowrap; text-indent: -9999px; } .views_slideshow_controls_text_previous a { height: 180px; width: 30px; position: absolute; top: 46px; left:5px; z-index: 10000; white-space:nowrap; text-indent: -9999px; } #block-views-highlight-nieuws .views_slideshow_controls_text_previous a:hover, #block-views-highlight-portal .views_slideshow_controls_text_previous a:hover, #block-views-highlight-relnws .views_slideshow_controls_text_previous a:hover { background: url(../images/arrow-prev.png) no-repeat 0px 50%; } #block-views-highlight-nieuws .views_slideshow_controls_text_next a:hover, #block-views-highlight-portal .views_slideshow_controls_text_next a:hover, #block-views-highlight-relnws .views_slideshow_controls_text_next a:hover { background: url(../images/arrow-next.png) no-repeat 100% 50%; } #block-views-highlight-nieuws .views_slideshow_controls_text_next, #block-views-highlight-portal .views_slideshow_controls_text_next, #block-views-highlight-relnws .views_slideshow_controls_text_next { float: left; width: auto; margin-left: -80px; } #block-views-highlight-nieuws .views_slideshow_controls_text_previous, #block-views-highlight-portal .views_slideshow_controls_text_previous, #block-views-highlight-relnws .views_slideshow_controls_text_previous { float: left; width: auto; margin-left: 15px; } #block-views-highlight-nieuws .views_slideshow_controls_text_pause a, #block-views-highlight-relnws .views_slideshow_controls_text_pause a { display: none; } /* Nieuwe opzet Nieuws-sectie */ .newstags .view-content h3, .newstagscontent .view-content h3, .view-display-id-tagcontentde.newstag .view-content h3, .view-display-id-tagcontentfr.newstag .view-content h3, .view-nieuws-en-nieuwe-opzet .views-limit-grouping-group h3 {display: none!important;} .newstagscontent .views-limit-grouping-group { width: 560px!important; margin: 0px; padding: 0px;} .ie7 .newstagscontent .views-limit-grouping-group { display: inline; margin: 0px!important; padding: 0px!important; min-width: 560px!important; width: 560px!important; } .newstagscontent .views-limit-grouping-group .views-field-field-nieuws-categorie a, .newstagscontent .views-limit-grouping-group .views-field-field-nieuws-categorie-en- a, .newstagscontent .views-limit-grouping-group .views-field-field-nachricht-categorie-de- a, .newstagscontent .views-limit-grouping-group .views-field-field-actualites a { display: block; width: 180px; height: 120px; float: left; text-align:center; vertical-align: baseline!important; font-size: 24px!important; line-height: 122px; color: #FFF; } .newstagscontent .views-limit-grouping-group.limit-grouping-group-odd a { background: url(../images/blauw.png) no-repeat 100% 100%!important; } .newstagscontent .views-limit-grouping-group.limit-grouping-group-odd a:hover { background: url(../images/blauw_h.png) no-repeat 100% 100%!important; position:relative; z-index:100!important; } .newstagscontent .views-limit-grouping-group.limit-grouping-group-even a { background: url(../images/paars.png) no-repeat 100% 100%!important; } .newstagscontent .views-limit-grouping-group.limit-grouping-group-even a:hover { background: url(../images/paars_h.png) no-repeat 100% 100%!important; } .newstagscontent .views-limit-grouping-group .views-field-field-nieuws-categorie-en- .Welding-knowledge a div.encat, .newstagscontent .views-limit-grouping-group .views-field-field-nachricht-categorie-de- .Welding-Knowledge a div.encat, .newstagscontent .views-limit-grouping-group .views-field-field-nachricht-categorie-de- .Wissen-um-die-Schweißtechnik a div.encat, .newstagscontent .views-limit-grouping-group .views-field-field-nachricht-categorie-de- .Wissen-um-die-Schweißtechnik a div.encat, .newstagscontent .views-limit-grouping-group .views-field-field-actualites .Connaissances-en-soudage a div.encat { line-height: 32px!important; margin-top: 30px!important; } .newstagscontent .limit-grouping-group-1 a, .newstagscontent .limit-grouping-group-2 a, .newstagscontent .limit-grouping-group-4 a, .newstagscontent .limit-grouping-group-5 a { margin: 0px 9px 9px 0px!important; } .ie7 .newstagscontent .limit-grouping-group-1 a, .ie7 .newstagscontent .limit-grouping-group-2 a, .ie7 .newstagscontent .limit-grouping-group-4 a, .ie7 .newstagscontent .limit-grouping-group-5 a { margin: 0px 9px 9px 0px!important; width: 32%!important; float: left; } .newstagscontent .limit-grouping-group-3 a, .newstagscontent .limit-grouping-group-6 a{ margin: 0px 0px 0px 0px!important; } .ie7 .newstagscontent .limit-grouping-group-3 a, .ie7 .newstagscontent .limit-grouping-group-6 a{ clear: right; margin: 0px 0px 9px 0px!important; width: 32%!important; float: left; } /* Categorie pagina's */ .view-display-id-tagcontent .views-limit-grouping-group, .view-display-id-tagcontentde .views-limit-grouping-group, .view-display-id-tagcontentfr .views-limit-grouping-group {width: 560px!important; margin: 0px 0px 0px -6px; padding: 0px;} .ie7 .view-display-id-tagcontent .views-limit-grouping-group, .ie7 .view-display-id-tagcontentde .views-limit-grouping-group, .ie7 .view-display-id-tagcontentfr .views-limit-grouping-group { display: inline; margin: 0px!important; padding: 0px!important; min-width: 560px!important; width: 560px!important; } .view-display-id-tagcontent .views-limit-grouping-group a, .view-display-id-tagcontentde .views-limit-grouping-group a, .view-display-id-tagcontentfr .views-limit-grouping-group a { display: block; width: 180px; height: 120px; float: left; margin: 0px 0px 6px 6px; text-align:left; vertical-align: baseline!important; font-size: 16px!important; line-height: 18px; font-weight: normal; color: #FFF; } .ie7 .view-display-id-tagcontent .views-limit-grouping-group a, .ie7 .view-display-id-tagcontentde .views-limit-grouping-group a, .ie7 .view-display-id-tagcontentfr .views-limit-grouping-group a { margin: 0px 3px 3px 0px!important; float: left; } .view-display-id-tagcontent .views-limit-grouping-group.limit-grouping-group-odd a, .view-display-id-tagcontentde .views-limit-grouping-group.limit-grouping-group-odd a{ background: url(../images/blauw.png) no-repeat 100% 100%!important; } .view-display-id-tagcontent .views-limit-grouping-group.limit-grouping-group-odd a:hover, .view-display-id-tagcontentde .views-limit-grouping-group.limit-grouping-group-odd a:hover, .view-display-id-tagcontentfr .views-limit-grouping-group.limit-grouping-group-odd a:hover { background: url(../images/blauw_h.png) no-repeat 100% 100%!important; position:relative; z-index:100!important; } .view-display-id-tagcontent .views-limit-grouping-group.limit-grouping-group-even a, .view-display-id-tagcontentde .views-limit-grouping-group.limit-grouping-group-even a, .view-display-id-tagcontentfr .views-limit-grouping-group.limit-grouping-group-even a { background: url(../images/paars.png) no-repeat 100% 100%!important; } .view-display-id-tagcontent .views-limit-grouping-group.limit-grouping-group-even a:hover, .view-display-id-tagcontentde .views-limit-grouping-group.limit-grouping-group-even a:hover, .view-display-id-tagcontentfr .views-limit-grouping-group.limit-grouping-group-even a:hover { background: url(../images/paars_h.png) no-repeat 100% 100%!important; } .view-display-id-tagcontent .views-limit-grouping-group a.visualcatimg .view-display-id-tagcontent .views-limit-grouping-group a.visualcatimg:hover, .view-display-id-tagcontentde .views-limit-grouping-group a.visualcatimg .view-display-id-tagcontentde .views-limit-grouping-group a.visualcatimg:hover, .view-display-id-tagcontentfr .views-limit-grouping-group a.visualcatimg .view-display-id-tagcontentfr .views-limit-grouping-group a.visualcatimg:hover { background:none!important; } .view-display-id-tagcontent .views-limit-grouping-group span#tlink, .view-display-id-tagcontentde .views-limit-grouping-group span#tlink, .view-display-id-tagcontentfr .views-limit-grouping-group span#tlink { display: block!important; height: 120px; margin: 10px!important; color: #FFF!important; position:relative; z-index: 999999!important; top: 0px!important; vertical-align:text-top!important;} .view-display-id-tagcontent .field-content.visualcatimg, .view-display-id-tagcontentde .field-content.visualcatimg, .view-display-id-tagcontentft .field-content.visualcatimg { position:relative!important; z-index: 0!important; display: block!important; width: 180px; height: 120px; } /* Button - img */ .view-display-id-tagcontent .visualcatimg span#tlink, .view-display-id-tagcontentde .visualcatimg span#tlink, .view-display-id-tagcontentfr .visualcatimg span#tlink { display: block!important; width: 170px; height: 120px; margin: 10px!important; color: #FFF!important; position:relative; z-index: 999999!important; top: -130px!important; vertical-align:text-top!important;} /* Button met img - tekstlink aanpassing */ .view-display-id-tagcontent .field-content img, .view-display-id-tagcontentde .field-content img, .view-display-id-tagcontentfr .field-content img {opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */} .view-display-id-tagcontent .field-content img:hover, .view-display-id-tagcontentde .field-content img:hover, .view-display-id-tagcontentfr .field-content img:hover {opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ position:relative; z-index:500!important;} /* Related News block + My account block + Login Nieuws blok */ #sidebar-second-inner .views-field-field-korte-titel h2, #sidebar-second-inner #block-views-my_account-block h2.block-title, .not-logged-in.page-user #block-views-highlight-portal .views-field-field-korte-titel h2 { border-bottom: 2px solid #808080; border-top: 2px solid #808080; font-size: 24px; font-weight: 400; line-height: 42px; margin-bottom: 0px !important; width: 180px !important; } /* uitremmen nieuwe talen - tijdelijk */ .language-switcher-locale-url .sk, .language-switcher-locale-url .zh-hans, .language-switcher-locale-url .sl { display: none!important;} /* My account block */ span.portalwelkom { color: #FFF; text-decoration: none; text-transform:capitalize;} span.portalwelkom a { color: #FFF; text-decoration: none; cursor: default; text-transform:capitalize;} #block-views-my_account-block .views-field-field-logo-web { margin-bottom: 10px;} .i18n-nl #block-menu_block-3 .en-cert, .i18n-en #block-menu_block-3 .nl-cert { display: none!important;} .i18n-nl span.portal-en, .i18n-nl span.portal-de, .i18n-en span.portal-nl, .i18n-en span.portal-de, .i18n-de span.portal-nl, .i18n-de span.portal-en, .i18n-nl .portal-fr, .i18n-de .portal-fr, .i18n-en .portal-fr, .i18n-fr .portal-nl, .i18n-fr .portal-en, .i18n-fr .portal-de { display: none;} span.portal-en, span.portal-nl, span.portal-de { text-align:right; } .not-logged-in #block-block-10 { position: relative; z-index: 999999; top: -62px; left: 832px;} .logged-in #block-block-10 { position: relative; z-index: 999999; top: -62px; left: 823px;} #block-block-10 img { position: relative; z-index: 999999; top: 1px; margin-right: 8px; margin-left: 0px!important;} .not-logged-in #block-block-10 img { position: relative; z-index: 999999; top: 1px; margin-right: 4px; margin-left: 0px!important;} .not-logged-in.page-user #main .form-text { display: block; height: 20px; width: 420px;} .not-logged-in.page-user #main #edit-submit { background-color: #009CDA; color: #FFFFFF !important; height: 25px; margin: 14px 0 0; padding: 0; width: 50px; } .not-logged-in.page-user #main #content-header, .not-logged-in.page-user #main #user-login { float: left; overflow: hidden; width: 750px !important; } .not-logged-in.page-user #block-views-highlight-portal, .not-logged-in.page-user #block-views-highlight-portal { float: right; margin-top: -274px; margin-left: 10px!important; overflow: hidden; width: 180px !important; height: 400px!important; } /* voor IE7 */ *+html .not-logged-in.page-user #main { width: 940px; position: relative; } *+html .not-logged-in.page-user #main #content-header, *+html .not-logged-in.page-user #main #user-login { position: relative; float: none; top: 0px; left: 0px; overflow: hidden; width: 750px!important; } *+html .not-logged-in.page-user .ie7 #block-views-highlight-portal, *+html .not-logged-in.page-user .ie7 #block-views-highlight-portal { position: relative; top: -5px; float: none; left: 750px!important; overflow: hidden; width: 180px !important; height: 400px!important; } /* einde IE7 */ .page-certificate-search #block-menu_block-3, .page-certificaten-zoeken #block-menu_block-3 { margin-top: 20px; } /* iPhone, portrait & landscape. */ @media all and (max-device-width: 480px) { html,body { -webkit-text-size-adjust:none; } } /* iPad, portrait & landscape. */ @media all and (min-device-width: 768px) and (max-device-width: 1024px) { html,body { -webkit-text-size-adjust:none; } } /* Talen */ /*.i18n-de #block-block-10,*/ .i18n-sk #block-block-10, .i18n-zh-hans #block-block-10, .i18n-sl #block-block-10 {display: none;} /* Agenda */ .calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {background-color: transparent!important; } .calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a { background: transparent; } /* Calendar - Month view */ body.page-calendar .calendar-calendar table.content { background-color: #000!important; max-width: 700px!important; } .page-agenda .region-content #block-system-main { margin-bottom: 104px!important; } /* extra ruimte onder calendar */ .page-agenda #main #content-inner h1.title { display: none;} #content .view-agenda .view-header h1#page-title { margin-bottom: 10px;} #content .view-agenda .view-header{ border-bottom: 2px solid #808080; border-top: 2px solid #808080!important; font-size: 24px!important; font-weight: normal; padding-right: -20px; margin-bottom: 10px; margin-top: -5px; height: 42px; overflow: hidden; } .page-agenda .view-header h3 { font-size: 24px!important; font-weight: normal; line-height: 32px!important;} #content .calendar-calendar .month-view th { background-color: #000!important; border: none!important; color: #FFF!important; font-weight: normal!important; text-align:left!important; width: 14%; padding-left: 0px; height: 30px; text-transform:capitalize; font-size: 14px; } #content .calendar-calendar .month-view .full tr td .has-no-events, #content .calendar-calendar .month-view .full tr td {background-color: #FFF; } #content .calendar-calendar .month-view .full tr.date-box { } #content .calendar-calendar .month-view .full tr.date-box td { border: none; background-color: transparent; height: 0px; } .calendar-calendar div.day { float: left!important; padding: 0.125em 0.25em 0 2px!important; margin: 0; border: 0px!important; border-width: 0px!important; clear: both; width: 1.5em; height: auto!important; } #content .calendar-calendar .month-view .full td.single-day, #content .calendar-calendar .month-view .full td.multi-day { border: none!important; height: 118px!important; max-height: auto!important; } .calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview { background: none; overflow: hidden; padding: 0 3px; width: auto; } #content .calendar-calendar td {color: #000;} #content .calendar-calendar td.past a {color: #000!important;} #content .calendar-calendar td.zaterdag a, #content .calendar-calendar td.zondag a {color: #FFF!important;} #content .calendar-calendar .month-view .full td.future.empty, #content .calendar-calendar .month-view .full td.future.no-entry/*, .agenda-future #content .month-view .full td.date-box.past, .agenda-future #content .month-view .full td.date-box.past.empty */{ background-color: #FFF;} #content .calendar-calendar .month-view .full .single-day .inner {min-height: 82px!important;} #content .calendar-calendar .month-view .full td.past {background-color: #000!important; } #content .calendar-calendar .month-view .full td.past a {color: #009cda!important; font-size: 14px; font-weight: normal; } #content .calendar-calendar .month-view .full td.no-entry.past, #content .calendar-calendar .month-view .full td.date-box.past, #content .view-display-id-page_1 .month-view .full td.past.empty, #content .view-display-id-page_1 .month-view .full td.past.empty {background-color: #4b4b4d!important; } #content .calendar-calendar .month-view .full td.past .month.day.status-1 {background-color: #000!important; display: inline-block; width: 100%!important; height: 16px!important; margin: -2px; text-align: left; border-top: 2px solid #000!important; border-bottom: 2px solid #000!important;color: #009cda!important; border-left: 1px solid #000!important; } /* workaround voor weergave past event met #000-bg */ #content .calendar-calendar .month-view .full td.future .month.day.status-1 {color: #009cda!important;} #content .calendar-calendar .month-view .full td div.day {font-size: 16px!important; margin-top: 2px; font-weight: normal!important; text-align:left;} #content .calendar-calendar .month-view .full td div.day a {color: #009cda!important; font-weight: normal!important;} #content .calendar-calendar .month-view .full td.past.zaterdag, #content .calendar-calendar .month-view .full td.past.zondag, #content .calendar-calendar .month-view .full td.past.Saturday, #content .calendar-calendar .month-view .full td.past.Sunday {background-color: #373638!important; } #content .calendar-calendar .month-view .full td.future.zaterdag, #content .calendar-calendar .month-view .full td.future.zondag, #content .calendar-calendar .month-view .full td.future.Saturday, #content .calendar-calendar .month-view .full td.future.Sunday {background-color: #d9dadb!important; } #content .calendar-calendar .month-view .full td.zaterdag div.day, #content .calendar-calendar .month-view .full td.zondag div.day {} #content .calendar-calendar .month-view .full tr.date-box td { border-right: 3px solid #000!important;} #content .calendar-calendar .month-view .full tr.single-day td, #content .calendar-calendar .month-view .full tr.multi-day td { border-bottom: 3px solid #000!important; border-right: 3px solid #000!important;} #content .calendar-calendar .month-view .full td.future .monthview { /* event */ /*background-color: #009cda!important; padding: 5px; color: #FFF!important;*/ } #content .calendar-calendar .month-view .full td.future .monthview a, #content .calendar-calendar .month-view .full td.future .monthview a.visited {color: #009cda!important; font-weight: normal!important; font-size: 14px!important;} #content .view-agenda .view-header .date-prev { position: absolute!important; right: auto!important; left: 0px!important; float: left!important; background-color: #000; padding: 0px 0px -40px 0px!important; margin: 0px!important; } #content .view-agenda .view-header .date-next { position: absolute!important; right: 0px!important; float: right!important; background-color: #000; } #content .view-agenda .view-header .date-prev a, #content .view-agenda .view-header .date-next a {font-size: 24px!important; font-weight: normal!important; line-height: 25px!important;} #content .view-agenda .date-nav-wrapper .date-heading { display: block!important; position: relative; width: 100%; height: auto!important; top: 0px; text-align: center; z-index: 0; background-color: transparent; text-transform:capitalize; } #sidebar-first .view-id-agenda_menu .view-header p { display: block!important; width: 100%!important; height: 16px; background-color: transparent; margin-top: 0px; font-size: 14px!important; color: #009cda; margin-bottom: 0px!important; } #sidebar-first .view-agenda-menu .views-summary {margin-top: 0px!important; margin-bottom: 16px; position: relative; z-index: 90;} #sidebar-first .view-agenda-menu a {text-transform:capitalize;} .node-type-event .field-name-field-organisatie {margin-bottom: 20px;} .agenda #block-menu_block-1 li.first.leaf a {color: #FFF!important;} .page-agenda #main .region-content { float: left; width: 750px!important; } .search-form .form-item input.error, .search-form .form-item textarea.error, .search-form .form-item select.error { border: none; } /* Webform */ .webform-client-form .form-text { display: inline-block; max-width: 95%!important; font-size: 12px!important; height: 16px; } .webform-client-form .form-submit {display: block; background-color: #009cda; color: #FFF!important; padding: 4px 0px 2px 0px!important; margin: 0px!important; cursor: pointer; text-align:center; width: 185px; font-size: 13px!important; } .view-agenda-menu .ctools-collapsible-container .ctools-toggle-collapsed, .view-agenda-menu .ctools-collapsible-container .ctools-toggle {display: none!important;} .view-agenda-menu .ctools-collapsible-handle { display: block!important; width: 100%!important; height: 16px; color: #FFF; background-color: transparent; margin-top: 0px; font-size: 14px!important; margin-bottom: 0px!important; } .view-agenda-menu .ctools-collapsible-container.ctools-collapsed .ctools-collapsible-handle {color: #009cda;} .view-agenda-menu .ctools-collapsible-container.ctools-collapsed .ctools-collapsible-handle:hover {color: #FFF!important;}