/* ------------------------------------------------------------------------- jQuery UI - v1.11.4 - 2016-05-10 - Includes: core.css, datepicker.css, theme.css */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;border: none;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("ui-images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("ui-images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("ui-images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("ui-images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #a52529;background:#fbf9ee url("ui-images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#010303}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#010303}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("ui-images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("ui-images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("ui-images/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("ui-images/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("ui-images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("ui-images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("ui-images/ui-icons_010303_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("ui-images/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} @font-face { font-family: 'Colaborate'; src: url('/fonts/ColabReg-webfont.eot'); src: url('/fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ColabReg-webfont.woff') format('woff'), url('/fonts/ColabReg-webfont.ttf') format('truetype'), url('/fonts/ColabReg-webfont.svg#Colaborate') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Colaborate'; src: url('/fonts/ColabMed-webfont.eot'); src: url('/fonts/ColabMed-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ColabMed-webfont.woff') format('woff'), url('/fonts/ColabMed-webfont.ttf') format('truetype'), url('/fonts/ColabMed-webfont.svg#Colaborate') format('svg'); font-weight: bold; font-style: normal; } * { margin: 0px; padding: 0px; outline-style: none; } html, body { height: 100%; } #site { font: 14px/21px "Colaborate", verdana, sans-serif; color: #666; } .mm-search input { font: 14px/21px "Colaborate", verdana, sans-serif; color: #666; } .hide{ display:none;} /* ------------------------------------------------------------------------- Header */ #print_header { display: none; } #header { position: relative; z-index: 200; width: 100%; height: 130px; } #header .logo a img { margin: 25px 40px 0px 40px; float: left; border: 0px solid #fff; } #header .search input { padding: 0px 10px; width: 90%; height: 33px; float: right; border: 1px solid #d6d4d4; } @media screen and (max-width:1199px) { #header .search { margin-top: -45px; position: absolute; right: 0; } } #header .flags { margin: 0px 0px 0px 10px; float: right; } #header .flag { margin: 12px 0px 0px 5px; width: 16px; height: 11px; float: right; display: block; background: url(pics/sprite.png) top left no-repeat; cursor: pointer; } #header .flag.nl { background-position: 0px 0px; } #header .flag.nl:hover, #header .flag.nl.current { background-position: 0px -11px; } #header .flag.en { background-position: -16px 0px; } #header .flag.en:hover, #header .flag.en.current { background-position: -16px -11px; } .flag a { width: 16px; height: 16px; display: block;} #header .navcontainer { margin-top: 40px; } #content .gsc-orderby-container { display: none; } #content .gsc-wrapper table { border: 0px; } #content .gs-result .gs-title, #content .gs-result .gs-title * { text-decoration: none; } .cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-classic, .gsc-imageResult-column, .cse .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result:hover, .gsc-webResult.gsc-result.gsc-promotion:hover, .gsc-results .gsc-imageResult-classic:hover, .gsc-results .gsc-imageResult-column:hover { border-left: 0px !important; } .cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page { padding: 2px 5px; } /* ------------------------------------------------------------------------- Buttons + Bars */ .txtred { color: #cc0c00; } .hoverbtn { width: 37px; height: 37px; float: left; display: block; background: url(pics/sprite.png) -50px -250px no-repeat; } .ie7 .banner .hoverbtn { float: right; margin: 38px 20px 0 0 !important;} .hoverbtn.small { width: 22px; height: 22px; float: left; display: block; background: url(pics/sprite.png) -150px -250px no-repeat; } /*a:hover .hoverbtn { width: 37px; height: 37px; display: block; background: url(pics/sprite.png) 0px -250px no-repeat; }*/ .clickbtn { width: 38px; height: 38px; float: left; display: block; background: url(pics/sprite.png) 0px -200px no-repeat; } /*a:hover .clickbtn { width: 37px; height: 37px; display: block; background: url(pics/sprite.png) -50px -200px no-repeat; }*/ .textbtn{ position: absolute; bottom: 15px; right: 15px; padding: 10px; width: 162px; height: 16px; background: #cc0c00; text-align: center; color: #fff; font: 16px/18px "Colaborate", verdana, sans-serif; border: 2px solid #FFF; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .titlebar { padding: 15px 50px 15px 20px; width: 350px; height: 50px; float: left; clear: both; color: #fff; font: 21px/21px "Colaborate", verdana, sans-serif; background: url(pics/titlebar_left.png) top right no-repeat; overflow: hidden; } .titlebar.right { padding: 15px 20px 15px 100px; width: 280px; height: 170px; float: left; clear: both; color: #fff; font: 21px/21px "Colaborate", verdana, sans-serif; background: url(pics/titlebar_right.png) top left no-repeat; overflow: hidden; } .titlebar.red { padding: 0px 20px; width: 95px; height: 30px; color: #fff; font: bold 18px/30px "Colaborate", verdana, sans-serif; background: url(pics/titlebar_left_red.png) top right no-repeat; } .titlebar h1 { margin: 0px; width: 350px; height: 50px; overflow: hidden; color: #fff; font: 24px/24px "Colaborate", verdana, sans-serif; } .titlebar.right h1 { width: 280px; } .titlebar.red h1 { width: 95px; } .titlebar .intro { margin: 0px 0px 10px 0px; color: #fff; font: 14px/18px "Colaborate", verdana, sans-serif; } .titlebar.right .clickbtn { float: right; } button{ background:transparent;} .button a:link, .button a:visited, .button button { padding: 0px 43px; height: 36px; float: right; color: #000; font: 16px/36px "Colaborate", verdana, sans-serif; text-decoration: none; border: 2px solid #000; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .button a:hover, .button a:focus, .button button:hover { padding: 0px 43px; height: 36px; float: right; color: #cc0c00; font: 16px/36px "Colaborate", verdana, sans-serif; border: 2px solid #cc0c00; } .button.white a:link, .button.white a:visited { color: #fff; border: 2px solid #fff; } .button.white a:hover, .button.white a:focus { color: #000; border: 2px solid #000; } /* ------------------------------------------------------------------------- Topnav */ #topnav { margin-top: 5px; float: right; color: #999; font: 11px/24px "Colaborate", verdana, sans-serif; } #topnav ul { float: right; } #topnav li { float: left; display: inline;} #topnav li.stripe { margin: 0px 5px; } #topnav li a:link, #topnav li a:visited { color: #999; font: 11px/24px "Colaborate", verdana, sans-serif; text-transform: uppercase; text-decoration: none; } #topnav li a:hover, #topnav li a:focus, #topnav li.current a { color: #cc0c00; } /* ------------------------------------------------------------------------- Navigation */ #navigation ul { margin: 0px; float: right; list-style-type: none; } #navigation li { float: left; display: inline; padding-bottom: 17px; } #navigation li a:link, #navigation li a:visited { margin: 0px 7px; padding: 7px 0px; color: #283513; font: 16px/34px "Colaborate", verdana, sans-serif; text-decoration: none; } .ie7 #navigation li a:link, .ie7 #navigation li a:visited, .ie8 #navigation li a:link, .ie8 #navigation li a:visited { font: 15px/34px "Colaborate", verdana, sans-serif; } #navigation a:focus, #navigation li a:hover, #navigation li.current a:link, #navigation li.current a:visited, #navigation li.current a:focus { color: #cc0c00; border-bottom: 2px solid #cc0c00; } #navigation li.current, #navigation li:hover { background: url(pics/arrow.png) bottom center no-repeat; } #navigation ul li ul { position: absolute; top: 130px; left: 0px; z-index: 50; width: 100%; height: 30px; display: none; text-align: center; background-color: #cc0c00; } #navigation li li a:focus, #navigation li li a:hover, #navigation li.current li a:link, #navigation li.current li a:visited, #navigation li.current li a:focus, #navigation li ul li.current ul li a:link, #navigation li ul li.current ul li a:visited, #navigation li.current li li a:link, #navigation li.current li li a:visited { color: #fff; border-bottom: 0px solid #cc0c00; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { position: relative; float: none; } #navigation ul li ul li:hover, #navigation ul li.current li { background: none; } #navigation ul li ul li a { height:30px; padding:0px 70px 0px 10px; display:inline-block; font: 16px/30px "Colaborate", verdana, sans-serif; color:#fff; } #navigation li ul li a:focus, #navigation li ul li a:hover, #navigation li ul li.current a:link, #navigation li ul li.current a:visited, #navigation li ul li.current a:focus, #navigation li.current li:hover a, #navigation li.current li:focus a, #navigation li.current ul li a:hover, #navigation li.current ul li a:focus, #navigation li.current ul li:hover, #navigation li.current ul li:focus { color: #283513; border-bottom: 0px solid #cc0c00; } #navigation ul ul ul { position: absolute; top: 23px; left: 0px; z-index: 50; margin: 0px; background: transparent; display: none !important; } #navigation ul ul li:hover ul { display: block !important; } #navigation ul ul ul li { padding: 0px; width: 100%; display: block; float: left; text-align: left;} #navigation ul li ul li ul li a:link, #navigation ul li ul li ul li a:visited { width: 100%; height: auto; box-sizing: border-box; padding: 3px 10px; text-decoration:none; background: #cc0c00; color:#fff; font-weight: normal; font-size: 13px; line-height: 20px; height: auto; border-bottom: 1px solid #e7e7e7;} #navigation ul ul li:hover ul li a { color:#fff; background: #cc0c00; } #navigation ul ul ul li:hover a, #navigation ul ul li:hover ul li:hover a { text-decoration:none; background: #e7e7e7; color:#000; font-weight: normal;} #navigation ul ul ul li.current a, #navigation ul ul li:hover ul li.current a { background: #e7e7e7; text-decoration:none; color:#000; font-weight: normal;} @media screen and (max-width:1199px) { .navigation-container { float: right;}} @media screen and (min-width:1200px) { .navigation-container { width: 670px;}} /* ------------------------------------------------------------------------- Subnavigation */ #subnavigation { position: relative; height: 30px; background: #cc0c00; margin: 0 0 20px 0;} #subnavigation ul { list-style: none; text-align:center;} #subnavigation li { position: relative; display:inline;} #subnavigation li a, #navigation ul li ul li a:link, #navigation ul li ul li a:visited { height:30px; padding:0px 70px 0px 10px; display:inline-block; font: 16px/30px "Colaborate", verdana, sans-serif; color:#fff; } #subnavigation li a:focus, #navigation ul li ul li a:focus { text-decoration:none; } #subnavigation li.current a, #navigation ul li ul li.current a { background: #e7e7e7; text-decoration:none; color:#000; font-weight: normal;} #subnavigation li:hover a, #navigation ul li ul li:hover a { text-decoration:none; background: #e7e7e7; color:#000; font-weight: normal;} #subnavigation .extraInfoMobile { color: #fff; line-height: 30px; display: none; } #subnavigation .extraInfoMobile a:link, #subnavigation .extraInfoMobile a:visited { color: #fff; } #subnavigation .extraInfoMobile a:hover, #subnavigation .extraInfoMobile a:focus { color:#000; } #subnavigation ul ul { position: absolute; top: 23px; left: 0px; z-index: 50; margin: 0px; background: #cc0c00; display: none; } #subnavigation ul li:hover ul { display: block; } #subnavigation ul ul li { width: 100%; display: block; float: left; text-align: left;} #subnavigation ul ul li a { width: 100%; box-sizing: border-box; padding: 3px 10px; text-decoration:none; background: #cc0c00; color:#fff; font-weight: normal; font-size: 13px; line-height: 20px; height: auto; border-bottom: 1px solid #e7e7e7;} #subnavigation ul li:hover ul li a { color:#fff; background: #cc0c00; } #subnavigation ul ul li:hover a, #subnavigation ul li:hover ul li:hover a { text-decoration:none; background: #e7e7e7; color:#000; font-weight: normal;} #subnavigation ul ul li.current a, #subnavigation ul li:hover ul li.current a { background: #e7e7e7; text-decoration:none; color:#000; font-weight: normal;} /* ------------------------------------------------------------------------- Sub Subnavigation */ .subsubNav { height: 173px; background: #e7e7e7; padding: 30px;} #content .subsubNav li { list-style: none; margin-left: 5px; } .subsubNav li a:link, .subsubNav li a:focus, .subsubNav li a:visited { color:#000!important; line-height: 25px; } .subsubNav li.current a, .subsubNav li a:hover { color:#cc0c00!important;} #content .subsubNav a:before { border-color: #cc0c00; border-style: solid; border-width: 0.25em 0.25em 0 0; content: ''; display: inline-block; height: 0.45em; left: -10px; position: relative; top: 0.20em; transform: rotate(45deg); vertical-align: text-top; width: 0.45em; } .chevron.right:before { } /* ------------------------------------------------------------------------- Slideshow */ #slideshow { position: relative; } #slideshow .slide { position: relative; width: 100%; } #slideshow .slide .info { position: absolute; left: 0px; bottom: 30px; height: 80px; } #slideshow .slide .info .clickbtn { margin: 21px 30px; } .slideshow-pager { position: absolute; bottom: 8px; left: 20px; z-index: 9999;} .slideshow-pager a, .news-pager a, .references-pager a { float: left;} .slideshow-pager a .pager-btn, #references.red .references-pager a .pager-btn { height: 15px; width: 15px; background: url(/pics/sprite.png) -37px 5px no-repeat; display: block;} .slideshow-pager a .pager-btn:hover, .slideshow-pager a.cycle-pager-active .pager-btn, #references.red .references-pager a .pager-btn:hover, #references.red .references-pager a.cycle-pager-active .pager-btn { background: url(/pics/sprite.png) -39px -8px no-repeat;} .ie8 #references .slide a, .ie7 #references .slide a { display:block;} .ie8 #references .slide picture img, .ie7 #references .slide picture img{ width:100%; height:350px;} /* ------------------------------------------------------------------------- Blocks + Banners */ #content .block { position: relative; margin-bottom: 20px; } #content .block .shadow { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100px; background: url(pics/img_shadow.png) top left repeat-x; } #content .block a:link, #content .block a:visited { display: block;} #content .block .image { margin: 0px; } .ie7 #content .block .image { margin-bottom: 20px; } #content .block .info { position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100px; background: url(pics/img_shadow.png) top left repeat-x; } #content .block .info .hoverbtn { margin: 20px 15px; } #content .block .info .title h2{ padding: 20px 20px 15px 0px; width: 133px; float: right; color: #fff; font: 24px/24px "Colaborate", verdana, sans-serif; text-align: right; } #content .block a:hover .info { display: none; } #content .block .overlay { position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; height: 100%; visibility:hidden; opacity:0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; background: rgb(0, 0, 0); /* The Fallback */ background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000)\9; zoom: 1\9; } #content .block a:hover .overlay { display: block; visibility:visible; opacity:1; } #content .block .overlay .title h2{ padding: 20px 20px 15px 20px; width: 133px; color: #fff; font: 24px/24px "Colaborate", verdana, sans-serif; } #content .block .overlay .intro { padding: 0px 20px; color: #fff; font: 14px/18px "Colaborate", verdana, sans-serif; } #content .block .overlay .clickbtn { position: absolute; bottom: 20px; right: 100px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease;} #content .block a:hover .overlay .clickbtn { position: absolute; bottom: 20px; right: 15px; } #content .banner { position: relative; margin-bottom: 20px; } #content .banner a:link, #content .banner a:visited { display: block; } #content .banner .image { margin: 0px; } .ie7 #content .banner .image { margin: 0 0 20px 0;} #content .banner.video .playbtn { position: absolute; top: 50px; left: 50%; margin-left: -32px; width: 64px; height: 64px; background: url(pics/sprite.png) 0px -300px no-repeat; } #content .banner.video .viewbtn { position: absolute; top: 50px; left: 50%; margin-left: -32px; width: 64px; height: 66px; background: url(pics/sprite.png) 0px -390px no-repeat; } #content .banner .info { position: absolute; left: 0px; bottom: 30px; z-index: 10; height: 95px; } #content .banner.video .info { height: 65px; } #content .banner.video.gallery .info { height: 95px;} #content .banner .info .titlebar { padding-top: 10px; padding-bottom: 10px; width: 300px; height: 40px; } #content .banner .info .titlebar.red { padding-top: 0px; padding-bottom: 0px; width: 195px; height: 30px; } #content .banner .info .hoverbtn { margin: 12px 0px 12px 10px; } #content .banner a:hover .info { display: none; } #content .banner.video a:hover .info { display: block; } #content .banner .overlay { position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; height: 100%; visibility:hidden; opacity:0; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; background: rgb(0, 0, 0); /* The Fallback */ background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000)\9; zoom: 1\9; } .ie7 #content .banner .overlay{ height:222px;} #content .banner a:hover .overlay { display: block; visibility:visible; opacity:1; } #content .banner .overlay .title h2{ padding: 0px 20px 15px 20px; color: #fff; font: 24px/24px "Colaborate", verdana, sans-serif; } #content .banner .overlay .subtitle { padding: 20px 20px 0px 20px; width: 195px; color: #fff; font: 18px/24px "Colaborate", verdana, sans-serif; } #content .banner .overlay .intro { padding: 0px 80px 0px 20px; color: #fff; font: 14px/18px "Colaborate", verdana, sans-serif; } #content .banner .overlay .clickbtn { position: absolute; bottom: 20px; right: 100px; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease;} #content .banner a:hover .overlay .clickbtn { position: absolute; bottom: 20px; right: 15px; } /* ------------------------------------------------------------------------- Content room */ #infinite_scroll { overflow: hidden; } #contentroom-blocks { margin-left: -15px; width: calc(100% + 30px); margin-bottom: 20px; } .contentroom-block { background-repeat: no-repeat; background-size: 270px 270px; float: left; margin: 15px; } .narrow { width: 270px; } .wide { width: 570px } .short { height: 270px; } .tall { height: 570px; } .narrow.tall { background-size: 270px 570px; } .wide.short { background-size: 570px 270px; } .wide.tall { background-position: 0; background-size: 570px 570px; } .bg-white { background-color: #e6e6e6; color: #000; } .bg-grey { background-color: #ddd; color: #000; } .bg-red { background-color: #cc0c00; color: #000; } .bg-image { background-color: #000; color: #fff; } .contentroom-main-title { position: relative; width: auto; display: inline-block; padding: 10px 10px; margin: 20px 0 20px 0; color: #fff; border: 0px; background-color: #cc0c00; } .contentroom-main-title:after { border-color: transparent transparent #cc0c00 transparent; border-style: solid; border-width: 0 26px 52px 26px; bottom: 0; content:''; display: block; height: 0; position: absolute; right: -26px; width: 0; z-index: -1; } .contentroom-main-title { } .contentroom-block a:first-child { display: block; height: 100%; } .contentroom-block p { color: #000; } .contentroom-block.bg-red p { color: #fff; } .contentroom-block div { box-sizing: border-box; } .contentroom-block .clickbtn { bottom: 20px; position: absolute; right: 20px; } .contentroom-block .enrollbtn { background: #cc0c00; bottom: 18px; color: #fff; padding: 10px; position: absolute; right: 16px; text-align: center; } .contentroom-block .playbtn { position: absolute; top: 70%; left: 50%; margin: -32px 0 0 -32px; width: 64px !important; height: 64px !important ; background: url(pics/sprite.png) 0px -300px no-repeat; } .contentroom-block .viewbtn { position: absolute; top: 70%; left: 50%; margin: -32px 0 0 -32px; width: 64px !important; height: 64px !important ; background: url(pics/sprite.png) 0px -390px no-repeat; } .contentroom-block.wide.tall .viewbtn { top: 50%; } .contentroom-block.bg-red:not(.bg-image) .clickbtn { background-position: -100px -200px; } /* .contentroom-block.narrow.short .contentroom-image + .contentroom-subheader { display: none; } */ .contentroom-header { position: absolute; left: 0px; top: 16px; z-index: 10; padding: 0px 20px; background: url(pics/titlebar_left_red.png) top left no-repeat; margin: 0 !important; text-align: left; min-width: 234px; width: calc(100% - 40px); } .contentroom-block.wide .contentroom-header { width: calc(50% - 40px); } .contentroom-header h1 { color: #fff; font: bold 18px/30px "Colaborate", verdana, sans-serif; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px; overflow: hidden; } .contentroom-block .contentroom-subheader { position: absolute; left: 0; top: 46px; z-index: 10; padding: 15px 50px 15px 20px; font: 21px/21px "Colaborate", verdana, sans-serif; background: url(/pics/titlebar_left_large.png) right top no-repeat; overflow: hidden; margin: 0; width: 100%; text-align: left; } /* .contentroom-block.bg-red:not(.wide) .contentroom-subheader { background: none; } */ .contentroom-block.bg-white { background-color: #fff !important; } .contentroom-block.wide .contentroom-subheader { width: 85%; } .contentroom-block.wide:not(.bg-image):not(.tall) .contentroom-subheader { width: 270px;} .contentroom-block.wide.gallery-block:not(.tall) .contentroom-subheader { min-width: 270px; max-width: 85%; width: auto; } .contentroom-block.wide.video-block:not(.tall) .contentroom-subheader { min-width: 270px; max-width: 85%; width: auto; } .contentroom-subheader, .contentroom-subheader p { background: none; color: #fff; padding: 0; } .contentroom-text { position: absolute; bottom: 61px; right: 20px; top: 15px; left: 20px; } .contentroom-image { height: 100%; overflow: hidden; width: 100%; } .contentroom-block:not(.bg-image) .contentroom-image { max-height: 270px; } .contentroom-block.narrow.short:not(.bg-image) .contentroom-image { max-height: 50%; } .contentroom-block.wide:not(.bg-image):not(.tall) .contentroom-image { width: 270px; } .contentroom-image img { height: 100%; width: 100%; } .wide.tall .contentroom-text, .narrow.short .contentroom-text{ top: calc(50% + 15px); } .narrow.tall .contentroom-text { top: calc(50% + 15px)!important; } .wide.short .contentroom-text { left: calc(50% + 20px); } .event-block .clickbtn, .video-block .clickbtn, .gallery-block .clickbtn { display: none; } .reference-block .contentroom-subheader p { display: inline-block; } .reference-block .contentroom-text { top: 65px !important; bottom: auto; font-size: 16px; } .reference-block .contentroom-text p { padding: 10px 0; } .reference-block .contentroom-text p:before { content: ''; width: 33px; height: 25px; margin: -5px 5px; display: inline-block; background: url(pics/sprite.png) 0px -100px;} .reference-block .contentroom-text p:after { content: ''; width: 33px; height: 25px; margin: -10px 5px; display: inline-block; background: url(pics/sprite.png) -50px -100px;} .reference-block.bg-red .contentroom-text p:before { background-position: -100px -100px; } .reference-block.bg-red .contentroom-text p:after { background-position: -150px -100px; } .reference-block.wide.short .contentroom-header { left: calc(50%) } .reference-block.wide.short.bg-image { background-size: cover; } .contentroom-block.reference-block .contentroom-header { bottom: 16px; top: auto; background: none; } .contentroom-block.reference-block .contentroom-header h1 { color: #000000 !important; } .contentroom-block.reference-block.bg-white .contentroom-header h1 { color: #cc0c00 !important; } .contentroom-block.reference-block.bg-red .contentroom-header h1 { color: #FFFFFF !important; } .contentroom-block.reference-block .contentroom-subheader { top: 16px; padding: 0px 50px 0px 20px; font-size: 18px; font-weight: bold; line-height: 30px;} /* ------------------------------------------------------------------------- Nieuws banner */ #news { overflow: hidden;} .news-pager { margin: 12px 0 0 0; float: left;} .news-pager a .pager-btn { height: 15px; width: 15px; background: url(/pics/sprite.png) -57px 5px no-repeat; display: block;} .news-pager a .pager-btn:hover, .news-pager a.cycle-pager-active .pager-btn { background: url(/pics/sprite.png) -59px -8px no-repeat;} #news .footer { width: 100%; float: left; margin-bottom: 30px;} .bigNews #news .newsitems { height: 110px!important;} /* ------------------------------------------------------------------------- References */ #references { position: relative; margin-bottom: 20px; width: 100%; background: #ddd; } #references.red { height: 350px; background: #cc0c00;} #references .titlebar { margin: 20px 0px 0px -20px; } #references.red .titlebar { background: url(pics/titlebar_left_black.png) top left no-repeat; } #references .referencesHomeSlideImg { width: 100%; height: 100%;} #references .logo { position: relative; margin: 20px 0px 0px -20px; width: 220px; height: 100px; float: left; display: block; background: #fff; clear: both; text-align: center; } #references .logo img { position: absolute; margin: auto; top: 0px; right: 0px; left: 0px; bottom: 0px; } html.ie7 #references .logo img { position: relative; margin-top: 10px; } #references .quotecontainer { margin: 20px 40px 0px 20px; float: left; text-align: center;} .ie7 #references .quotecontainer { clear: both; } #references.homeSlideshow .quotecontainer { margin: 10px 20px 0px 0px;} #references .quotecontainer .beginquote { margin: -5px 5px; width: 33px; height: 25px; display: inline-block; background: url(pics/sprite.png) -50px -100px; } #references .quotecontainer .endquote { margin: -5px 5px; width: 33px; height: 25px; display: inline-block; background: url(pics/sprite.png) 0px -100px; } #references .quotecontainer .quote { color: #000; font: 15px/25px "Colaborate", verdana, sans-serif; text-align: center; } .ie7 #references .quotecontainer .quote { width:200px; display:block; } .ie7 #references.red .quotecontainer .quote { width:360px; display:block; } #references.red .quotecontainer .quote { color: #fff; } #references.red .quotecontainer .beginquote { background-position: -150px -100px; } #references.red .quotecontainer .endquote { background-position: -100px -100px; } #references .clickbtn { position: absolute; right: 15px; bottom: 20px; } #references.red .clickbtn { background-position: -100px -200px; } .references-pager { position: absolute; right: 260px; bottom: 25px;} .references-pager a .pager-btn { height: 15px; width: 15px; background: url(/pics/sprite.png) -57px 5px no-repeat; display: block;} .references-pager a .pager-btn:hover, .references-pager a.cycle-pager-active .pager-btn { background: url(/pics/sprite.png) -59px -8px no-repeat;} #references.red .references-pager { position: absolute; right: 414px; bottom: 25px;} #references .namefunc { width: 100%; float: right; text-align: center; margin: 10px 0px 0px 0px; color: #000; } #references .namefunc .name { font-weight: bold; } #references .namefunc .function { font-style: italic; color: #999; } .listItem .namefunc { width: 90%; float: left; text-align: left; margin: 10px 10% 0px 0px; color: #000; } .listItem .namefunc .name { font-weight: bold; } .listItem .namefunc .function { font-style: italic; color: #999; } .titleblock .namefunc .function { font-style: italic; color: #999; } .listItem .imgCenter { text-align: center; } .listItem .imgCenter img { float: none; margin: 0 0 10px 0; } /* ------------------------------------------------------------------------- News */ #news .head { position: relative; } #news .head .title { margin-bottom: 10px; color: #000; font: bold 21px/30px "Colaborate", verdana, sans-serif; } #news .head .icon { position: absolute; top: 5px; right: 0px; width: 43px; height: 18px; background: url(pics/sprite.png) top left no-repeat; } #news .head .icon.rss { background-position: -50px -50px; } #news .newsitems { padding: 15px 0px; height: 141px; border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; } .banner #news .newsitems { height: 109px; } #news .newsitems .slide { width: 100%; color: #666; font: 14px/18px "Colaborate", verdana, sans-serif;} #news .newsitems .slide img { margin: 0px 0px 5px 10px; float: right; } #news .newsitems .slide h1 { margin-bottom: 10px; color: #000; font: 16px/18px "Colaborate", verdana, sans-serif; } /*#news .newsitems .slide a:link, #news .newsitems .slide a:visited { margin-top: 10px; width: 100%; float: left; }*/ #news .footer .link { padding: 10px 0px; float: right; } #news .footer .link a:link, #news .footer .link a:visited { color: #999; } #news .footer .link a:hover, #news .footer .link a:focus { color: #000; } /* ------------------------------------------------------------------------- Services */ #services { position: relative; margin-bottom: 20px; width: 100%; height: 545px; overflow: hidden; z-index: 1; } #services .servicesnav { position: absolute; top: 0px; left: 20px; z-index: 9999; width: 270px; height: 545px; } #services .servicesnav .back { position: absolute; top: 0px; left: 0px; z-index: 10; width: 280px; height: 100%; background: #000; } #services .servicesnav .head { position: relative; z-index: 20; padding: 20px; font: 24px/24px "Colaborate", verdana, sans-serif; color: #fff; } #services .servicesnav .item { position: relative; z-index: 20; width: 310px; float: left; } #services .servicesnav .item .title { position: relative; z-index: 10; margin-left: 20px; width: 260px; height: 41px; float: left; font: 16px/41px "Colaborate", verdana, sans-serif; color: #fff; border-bottom: 1px solid #333; } #services .servicesnav .item.first .title { border-top: 1px solid #333; } #services .servicesnav .item .hoverbtn { position: absolute; top: 10px; right: 40px; z-index: 10; } #services .servicesnav .item a:hover .hoverbtn, #dienstenPager .cycle-pager-active .hoverbtn { display: none; } #services .servicesnav .hoverbar { position: absolute; top: 0px; left: 0px; z-index: 5; width: 310px; height: 41px; display: none; background: url(pics/hoverbar.png) top right no-repeat; } #services .servicesnav .item.first .hoverbar { top: 1px; } #services .servicesnav .item a:hover .hoverbar, #dienstenPager .cycle-pager-active .hoverbar { display: block; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #services .moreLink { position: absolute; bottom: 10px; right: 41px; margin: 15px 0 0 0; float: right; color: #fff!important; z-index: 9999; font: 16px/24px "Colaborate", verdana, sans-serif;} #services .moreLink:hover { text-decoration: underline;} #services .info { position: absolute; right: 0px; bottom: 30px; z-index: 10; } #services .slide { width: 100%; } #services .slide a:link, #services .slide a:visited { display: block;} .listItem { position: relative; margin-bottom: 30px; background-color: #eee; overflow: hidden; padding:15px;} .listItem:hover { background:#E6E6E6;} .listItem:hover .textbtn { background:#000;} .listItem h1 { font: bold 21px/27px "Colaborate", verdana, sans-serif; } .listItem img { float: left; margin: 0 16px 0px 0;} .listItem .datebar{ padding: 5px 0 5px 16px; margin: 0px 0 10px 170px; width: 158px; background: url('/pics/datebar_left_grey.png'); color: #FFF; font-size: 18px; box-sizing: border-box; } .listItem.news .listItemContent { margin-right: 36px; } .listItem .listItemContent { padding: 0 0 0px 0px; overflow: hidden;} .listItem .listItemContent.agenda { padding: 0 0 30px 0px; } .listItem .listItemContent .innerWrap { margin: 10px 0;} .listItem .listItemContent .beginquote, .titleblock .beginquote { width: 33px; height: 25px; margin: -5px 5px; display: inline-block; background: url(pics/sprite.png) 0px -100px;} .listItem .listItemContent .endquote, .titleblock .endquote { width: 33px; height: 25px; margin: -10px 5px; display: inline-block; background: url(pics/sprite.png) -50px -100px;} a .listItem { font: 14px/21px "Colaborate", verdana, sans-serif; color: #666!important;} .listItem .clickbtn { position: absolute; bottom: 15px; right: 15px; width: 37px; height: 37px; display: block; background: url(pics/sprite.png) 0px -200px no-repeat;} .servicesMobile { display:none;} .servicesMobile .head .title { margin-bottom: 10px; color: #000; font: bold 21px/30px "Colaborate", verdana, sans-serif; } /* ------------------------------------------------------------------------- Pagination */ .pagination { margin: 20px 0; float: left; width: 100%; border-bottom: 1px solid #000;} .ie7 .pagination { float: none;} .pagination a { font: bold 21px/54px "Colaborate", verdana, sans-serif; color:#fff!important; height: 54px; padding: 0 20px; background: #292929; display:block; } .pagination a:hover { background: #575757; } .pagerLeft { float: left;} .pagerRight { float: right;} /* ------------------------------------------------------------------------- Blog */ .form-thumbs { float: left; } .form-thumbs .thumb-label { float: left; font-size: 20px; line-height: 54px; margin-right: 10px; } .form-thumbs .thumb-label input[type=radio]:checked + .icon, .form-thumbs .thumb-label input[type=radio]:checked + .icon + .thumb-count { color: #cc0c00; } #blog-reactions { padding: 15px 0 0 0;} #blog-reactions .blog-reaction-head { color: #000;} #blog-reactions .txt { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #c7c7c7;} .profileBlock { min-height: 60px; padding: 20px; background: #eee;} .profileImageWrap { float: left; margin: 0 20px 0 0;} /* ------------------------------------------------------------------------- Content */ #content .titleblock { width: 100%; float: left; background: #cccccc; } #content .titleblock .title { padding: 35px; } #content .titleblock .intro { padding: 0px 35px 35px 35px; color: #000; font-size: 18px; line-height: 24px; } #content .titleblock .title h1 { color: #000; } #content .titleblock .datebar{ padding: 5px 0 5px 35px; margin: 22px 0 0px 0; width: 158px; background: url('/pics/datebar_left_grey.png'); color: #FFF; font-size: 18px; box-sizing: border-box; } #content .content { padding: 25px 0px 20px 0px; width: 100%; float: left; } #content .image { margin-bottom: 20px; } #content .person { margin-bottom: 20px; width: 390px; height: 190px; float: right; background: url(pics/person_back.png) bottom left no-repeat; } #content .person .image { width: 135px; height: 190px; float: right; } #content .person .info { margin-top: 75px; padding: 20px; width: 215px; text-align: right; color: #fff; font: 16px/18px "Colaborate", verdana, sans-serif; } #content .person .info a:link, #content .person .info a:visited { color: #fff; border-bottom: 1px solid #fff; } #content .person .info a:hover, #content .person .info a:focus { color: #000; border-bottom: 1px solid #000; } .ie8 #content .person .info { margin-top: 55px;} #content .person .info .name { font-size: 19px; line-height: 22px; } #content .fancyFormWrap{ display:none;} #content .person .info .name .icon.linkedin { margin-left: 5px; width: 20px; height: 20px; float: right; background: url(pics/linkedin.png) top left no-repeat; display: none; } #content .person .info .name .icon.linkedin a:link, #content .person .info .name .icon.linkedin a:visited { width: 20px; height: 20px; float: left; border: 0px; } #content .person .info .intro .icon.mail { margin-right: -2px; width: 20px; height: 15px; display: inline-block; background: url(pics/mail.png) top left no-repeat; } #content .person .info .intro .icon.phone { margin-right: 2px; width: 20px; height: 20px; display: inline-block; background: url(pics/phone.png) top left no-repeat; } #content .profileInfoWrap .icon.linkedin { width: 20px; height: 20px; float: left; background: url(pics/linkedin.png) top left no-repeat; } #content .profileInfoWrap .icon.linkedin a:link, #content .person .info .name .icon.linkedin a:visited { width: 20px; height: 20px; float: left; border: 0px; } h1, td h1, .h1 { font: 32px/32px "Colaborate", verdana, sans-serif; color: #000; } h2, td h2, .h2 { font: 16px/24px "Colaborate", verdana, sans-serif; color: #000; } h3, td h3, .h3 { font: 15px/23px "Colaborate", verdana, sans-serif; color: #000; } h4, td h4, .h4 { font: 14px/22px "Colaborate", verdana, sans-serif; color: #000; } h5, td h5, .h5 { font: 13px/21px "Colaborate", verdana, sans-serif; color: #000; } h6, td h6, .h6 { font: 12px/20px "Colaborate", verdana, sans-serif; color: #000; } .black{ color:#000;} .error { color: #CC0C00;} a, a:focus {color: #cc0c00;} a:hover {color: #000;} .addBottomGutter{ margin-bottom:20px;} .relative { position: relative;} #content a:link, #content a:visited { text-decoration: none; color: #cc0c00; border-bottom: 0px solid #000;} #content a:hover, #content a:focus { color: #000; border-bottom: 0px solid limegreen; } table {margin: 5px 0px;} table { margin: 5px 0px; border: 0px solid #fff; border-top: 1px solid #666666; border-bottom: 1px solid #666666; } td { padding: 2px 10px; font: 14px/21px "Colaborate", verdana, sans-serif; color: #666; } table tr.heading td { font-weight: bold; font: 14px/21px "Colaborate", verdana, sans-serif; color: #666; border: 0px solid #fff; border-right: 1px solid #666666; border-bottom: 1px solid #666666; } table tr.uneven { background-color: #ebebeb; } table tr.uneven td, table tr.even td { border: 0px solid #fff; border-right: 1px solid #666666; } table img { width: 100% !important; height: auto !important; } #content p img { margin: 10px 0px; } #content p img.left { margin: 0px 10px 10px 0px; float: left; } #content p img.right { margin: 0px 0px 10px 10px; float: right; } #content img[style*="float: left"] { margin: 0px 10px 10px 0px; } #content img[style*="float: right"] { margin: 0px 0px 10px 10px; } p { margin-bottom: 9px;} #content ul { margin: 10px 0px 10px 15px; list-style-type: disc;} #content li { margin: 0px 0px 0px 15px;} #content ol { margin: 10px 0px 10px 20px;} #content sup, #content sub { font-size: 10px; line-height: 10px; } /* ------------------------------------------------------------------------- Detail page */ #site .navblock { background-color: #cc0c00; } #site .navblock ul { margin:0; padding: 35px; list-style:none;} #site .navblock li a { color: #fff; line-height:25px;} #site .navblock li.current a, #site .navblock li:hover a { text-decoration:none; color:#000; font-weight: normal;} .contentRight { float:right; width:100%; } .fancybox-wrap { font: 14px/18px "Colaborate", verdana, sans-serif;} .fancybox-skin { background: #fff;} /* ------------------------------------------------------------------------- Calamiteit */ #calamiteitWrap{ display:none;} #calamiteit h1 { margin-bottom: 40px; } .ie7 #calamiteit, .ie8 #calamiteit { width:600px;} /* ------------------------------------------------------------------------- Newsletter */ .newsletterFrame { width: 100%; border: none; height: 980px;} /* ------------------------------------------------------------------------- Login */ #header .logo.company a img{ max-height: 80px; float: right; } .companyLogin #ferromenu-controller-0 { display: none;} .companyLogin #form_container .frm_Header h1, .companyLogin #form_container .frm_Header h2{ margin-top: 30px;} .companyLogin #form_container .frm_Header h3{ margin-top: 20px;} #subnavigation.custom ul{ text-align: left;} #subnavigation.color1{ background: #49176c;} #subnavigation.color2{ background: #47aa35;} #subnavigation.color3{ background: #005eb8;} #subnavigation.color4{ background: #003361;} #subnavigation.color5{ background: #ffdf00;} #subnavigation.color6{ background: #a90029;} #subnavigation.color7{ background: #484848;} #subnavigation.color8{ background: #0434b2;} /* ------------------------------------------------------------------------- Footer */ #content .newsletterbar { margin-bottom: 20px; height: auto; color: #cc0c00; font: 17px/24px "Colaborate", verdana, sans-serif; background-color: #fff; border: 2px solid #cc0c00; } #content .newsletterbar .title { padding: 8px 10px; float: left; } #content .newsletterbar .button { margin: 2px; float: right; } #content a.action-button:link, #content a.action-button:visited, #content .newsletterbar .button a:link, #content .newsletterbar .button a:visited { padding: 0px 10px; color: #fff; border: 0px; background-color: #cc0c00; } #content a.action-button:hover, #content a.action-button:focus, #content .newsletterbar .button a:hover, #content .newsletterbar .button a:focus { border: 0px; background-color: #000; } #content a.action-button { display: inline-block; font: 16px/36px "Colaborate", verdana, sans-serif; line-height: 36px; position: relative; } #content a.action-button:after { border-color: transparent transparent #cc0c00 transparent; border-style: solid; border-width: 0 18px 36px 18px; bottom: 0; content:''; display: block; height: 0; position: absolute; right: -18px; width: 0; z-index: -1; } #content a.action-button:hover:after, #content a.action-button:hover:after { border-color: transparent transparent #000 transparent; } #footer .newsletterbar { margin-bottom: 20px; height: 60px; color: #fff; font: 32px/60px "Colaborate", verdana, sans-serif; background-color: #cc0c00; } #footer .newsletterbar .title { padding: 0px 20px; float: left; } #footer .newsletterbar .button { margin: 10px 20px; float: right; } #footer .newsletterbarNEW{ margin-bottom: 20px; height: 100px; color: #000; font: 30px/30px "Colaborate", verdana, sans-serif; background-color: #ddd; } #footer .newsletterbarNEW .title { width: 480px; padding: 20px; float:left;} #footer .newsletterbarNEW .button { position: relative; width: 200px; height: 40px; padding: 30px; float:right; background: #cc0c00;} #footer .newsletterbarNEW .button::before { content: url('/pics/newsbar.png'); position: absolute; left: -42px; top: 0; width: 42px; height: 100px;} #footer .newsletterbarNEW .button a{ background: #fff; border: none; font-weight: bold;} #footer .newsletterbarNEW .button a:hover, #footer .newsletterbarNEW .button a:focus{ padding: 0 45px; height: 36px; float: right; color: #000; font: bold 16px/36px "Colaborate", verdana, sans-serif; border: none; background: #ddd;} /* ---------------------------------------------------------------------------------------- */ #footer .linkbar { margin-bottom: 20px; color: #333; font: 14px/24px "Colaborate", verdana, sans-serif; } #footer .linkbar ul { margin: 0px; list-style-type: none; font: 11px/16px "Colaborate", verdana, sans-serif; } #footer .linkbar .title { color: #000; font: 18px/24px "Colaborate", verdana, sans-serif; } #footer .linkbar a:link, #footer .linkbar a:visited { color: #000; font: 11px/16px "Colaborate", verdana, sans-serif; text-transform: uppercase; text-decoration: none; } #footer .linkbar .email a:link, #footer .linkbar .email a:visited { color: #cc0c00; font: 14px/24px "Colaborate", verdana, sans-serif; text-transform: none; text-decoration: none; border-bottom: 1px solid #cc0c00; } #footer .linkbar a:hover, #footer .linkbar a:focus { color: #cc0c00; } #footer .linkbar .email a:hover, #footer .linkbar .email a:focus { color: #000; border-bottom: 1px solid #000; } #footer .linkbar .social .icon { margin-right: 5px; width: 25px; height: 24px; float: left; background: url(pics/sprite.png) top left no-repeat; } #footer .linkbar .social .icon.facebook { background-position: 0px -150px; } #footer .linkbar .social a:hover .icon.facebook { background-position: 0px -174px } #footer .linkbar .social .icon.twitter { background-position: -50px -150px; } #footer .linkbar .social a:hover .icon.twitter { background-position: -50px -174px } #footer .linkbar .social .icon.youtube { background-position: -100px -150px; } #footer .linkbar .social a:hover .icon.youtube { background-position: -100px -174px } #footer .linkbar .social .icon.linkedin { background-position: -150px -150px; } #footer .linkbar .social a:hover .icon.linkedin { background-position: -150px -174px } br.clear { height: 0px; font: 0px arial, verdana, sans-serif; line-height: 0px; clear: both; } /* ------------------------------------------------------------------------- Form */ .form-submit-spinner { font-size: 18px; float: right; padding: 5px; margin: 0 5px; } .frm_Footer .success {} .frm_Footer .error {} #form_container, #trip-form-wrapper { position:relative; width:100%; max-width: 672px; margin-bottom:20px; overflow:hidden; } .frm_PageBreakHr{ display:none; } .frm_Label { margin:5px 20px 2px 0; width:270px; float:left; } .frm_Field{ margin:3px 0 2px; width:382px; float:left; } .frm_Field .frm_CheckContainer{ margin:0 0 4px; width:450px; float:left; } .frm_Field .frm_CheckContainer .frm_CheckLabel{ margin:0 0 0 2px; float:left; max-width:362px; font:14px/21px "Colaborate", verdana, sans-serif;} .frm_Field .frm_RadioContainer{ margin:0 0 4px; max-width:450px; float:left; } .frm_Field .frm_RadioContainer .frm_RadioLabel{ margin:0 0 0 2px; width:362px; float:left; font:14px/21px "Colaborate", verdana, sans-serif;} .frm_Quantity .frm_RadioContainer{ margin:0 0 4px; float:none; clear:both; display:block; } .frm_Quantity .frm_RadioContainer .frm_RadioLabel{ margin:0 0 0 2px; font:14px/21px "Colaborate", verdana, sans-serif;} .frm_TextBlock{ width:100%; } .frm_Header{ margin:0px; width:100%; float:left; } .frm_Header h1, .frm_Header h2, .frm_Header h3, .frm_Header h4, .frm_Header h5, .frm_Header h6{ margin-bottom:0; float:left; } .frm_FileUploaded_Message{ display:block; width:100%; float:left; } .frm_TextBlock, .frm_Numeric, .frm_MultipleChoice, .frm_PhoneNumber, .frm_Calendar, .frm_TextBox, .frm_Email, .frm_TextArea, .frm_FileUpload{ margin:5px 0 0; float:left; } #gmaps_start, .frm_TextBox .frm_Field input, .frm_Numeric .frm_Field input, .frm_PhoneNumber .frm_Field input, .frm_Email .frm_Field input, .frm_Calendar .frm_Field input, .frm_MultipleChoice .frm_Field input.frm_RadioInput, .frm_MultipleChoice .frm_Field input.frm_CheckInput{ padding:1px 3px; margin:0; width:374px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } .frm_MultipleChoice .frm_Field input.frm_RadioInput, .frm_MultipleChoice .frm_Field input.frm_CheckInput{ margin-top:6px; float:left; clear:both; } .frm_Calendar .frm_Field{ position:relative; } .frm_Calendar .frm_Field img{ position:absolute; top:5px; right:7px; margin:0; } .frm_FileUpload .frm_Field input { padding:1px 3px; margin:0; width:272px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } .frm_Calendar .frm_Field input{ padding:1px 3px; margin:0; width:272px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } .frm_TextArea .frm_Field textarea{ padding:1px 3px; margin:0; width: 374px; height:93px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } *+html .frm_TextArea .frm_Field textarea{ height:86px; } #iMaps-endpoint, .frm_MultipleChoice .frm_Field select{ padding:1px; margin:0; width:381px; height:24px; font:13px/18px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } .frm_Calendar .frm_Field select{ padding:1px; margin:0 10px 0 0; width:85px; height:21px; font:13px/18px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } .frm_MultipleChoice .frm_Field input{ margin-top:4px; margin-right:5px; float:left; } .frm_FormTail, .frm_PageBreak{ margin-top:15px; width:100%; max-width: 100%; padding:0; float:left; } .frm_BtnContainer{ width:100%; padding:0; float:left; } .frm_BtnContainer .frm_BtnPrevious_Inactive{ display:none; } .frm_BtnContainer .frm_BtnPrevious{ position:relative; padding:5px 10px; height:30px; float:left; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; text-transform:uppercase; text-shadow:0 0 0 #000; color:#fff; text-decoration:none; border:0; cursor:pointer; background:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .frm_BtnContainer .btn:hover .frm_BtnPrevious, .frm_BtnContainer .frm_BtnPrevious:hover{ color:#fff; background:#333; } .frm_BtnContainer .frm_BtnNext_Inactive{ display:none; } .frm_BtnContainer .frm_BtnNext{ position:relative; padding:5px 10px; height:30px; float:right; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; text-shadow:0 0 0 #000; color:#fff; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; background:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .frm_BtnContainer .btn:hover .frm_BtnNext, .frm_BtnContainer .frm_BtnNext:hover{ color:#fff; background:#333; } .frm_BtnContainer .frm_BtnSubmit,#gmaps_getdirections{ position:relative; padding:5px 10px; height:30px; float:right; color:#fff; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; background:#000; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; } .map_form .button{ margin:5px 0; } .frm_BtnContainer .btn:hover .frm_BtnSubmit, .frm_BtnContainer .frm_BtnSubmit:hover,#gmaps_getdirections:hover{ color:#fff; background:#333; } .frm_BtnContainer .frm_BtnCheck{ position:relative; padding:5px 10px; height:30px; float:right; font-family:arial; text-shadow:0 0 0 #000; color:#fff; text-transform:uppercase; text-decoration:none; border:0; cursor:pointer; background:#333; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; } .btnwrap,#main .directions .btnwrap{ background:#333; color:#fff; display:block; font-size:16px; height:40px; line-height:36px; vertical-align:top; } #main .directions .btnwrap{ margin-top:10px; width:167px; float:none; } .btnwrap i,#main .directions .btnwrap i{ background:#d6d4d4; height:40px; line-height:38px; margin-left:0; text-align:center; vertical-align:top; width:40px; float:right; } .frm_FileUpload .frm_Field input{ padding:1px 3px; margin:0; width:272px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:0 solid #d6d4d4; box-sizing:border-box; } .frm_marked_required { color: #cc0c00; margin: 0 0 0 5px;} input { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .recaptcha_input_area input { border: 1px solid #d6d4d4!important;} .recaptchatable { width: 100%; } input:focus, textarea:focus, input:focus, select:focus, .recaptcha_input_area input:focus, #iMaps-endpoint:focus, #gmaps_start:focus { border-color: #ADADAD!important; outline: none;} #msgcontainer { float: left; margin-bottom: 25px; padding: 20px; background-color: #eee; } /* iform responsive 100% */ #form_container, #trip-form-wrapper { max-width:100%; max-width:100%; } .frm_TextBlock{ width:100%; width:100%; } .frm_Field{ width:100%; width:100%; } .frm_Field .frm_RadioContainer{ width:100%; width:100%; } .frm_Field .frm_RadioContainer .frm_RadioLabel{ width:90%; width:90%; } .frm_MultipleChoice .frm_Field select{ width:100%; width:100%; } .frm_TextBlock, .frm_Numeric, .frm_MultipleChoice, .frm_PhoneNumber, .frm_Calendar, .frm_TextBox, .frm_Email, .frm_TextArea, .frm_FileUpload{ width:100%; width:100%; } .frm_Label{ margin:5px 0 2px; width:100%; float:left; margin:5px 0 2px; width:100%; float:left; font: 14px/21px "Colaborate", verdana, sans-serif; } .frm_TextArea .frm_Field textarea{ width:100%; box-sizing:border-box; } .ie7 .frm_TextArea .frm_Field textarea{ width:98%; box-sizing:border-box; } .frm_FormTail, .frm_PageBreak{ max-width:100%; } .frm_TextBox .frm_Field input, .frm_Numeric .frm_Field input, .frm_PhoneNumber .frm_Field input, .frm_Email .frm_Field input, .frm_Calendar .frm_Field input, .frm_MultipleChoice .frm_Field input.frm_RadioInput, .frm_MultipleChoice .frm_Field input.frm_CheckInput{ width:100%; box-sizing:border-box; } .ie7 .frm_TextBox .frm_Field input, .ie7 .frm_Numeric .frm_Field input, .ie7 .frm_PhoneNumber .frm_Field input, .ie7 .frm_Email .frm_Field input, .ie7 .frm_Calendar .frm_Field input, .ie7 .frm_MultipleChoice .frm_Field input.frm_RadioInput, .ie7 .frm_MultipleChoice .frm_Field input.frm_CheckInput{ width:98%; } .frm_Grid { width: 100%; } .frm_Grid .frm_RadioContainer { margin: 0px 0px 4px 0px; float: none; clear:both; display:block; } .frm_Grid .frm_RadioContainer .frm_RadioLabel { margin: 0px 0px 0px 2px; } .frm_Grid .frm_RadioContainer { margin: 0px 0px 4px 0px; float: none; clear:both; display:block; } .frm_Grid .frm_RadioContainer .frm_RadioLabel { margin: 0px 0px 0px 2px; } .frm_Grid table { width: 100%; border-collapse: collapse; border: 0px; } .frm_Grid table td { border-right: 0px; border-bottom: 0px; border-left: 0px;} .frm_GridHeader { font-weight: bold; } .frm_GridHeader .frm_GridQuestionColumn { padding: 4px 10px 4px 0px; font-weight: bold; } .frm_GridHeader .frm_GridColumn { padding: 4px 10px 4px 0px; font-weight: bold; } .frm_GridColumn { text-align: center; } .frm_GridRow td{ border-top: 1px solid #fff; padding: 2px 0px;} .frm_GridRow.even { background-color: #ddd; } .frm_GridRow .frm_GridColumn { padding: 4px 10px 2px 0px; } .frm_GridQuestionColumn { padding: 0px 10px 0px 0px; width:200px;} .frm_Grid table { width: 100%; border-collapse: collapse; border: 0px; } .frm_Grid table td { border-right: 0px; border-bottom: 0px; border-left: 0px;} .frm_GridHeader { font-weight: bold; } .frm_GridHeader .frm_GridQuestionColumn { margin-right: 5px; padding: 4px 10px 4px 0px; font-weight: bold; } .frm_GridHeader .frm_GridColumn { margin-right: 5px; padding: 4px 10px 4px 0px; font-weight: bold; } .frm_GridColumn { text-align: left; } .frm_GridRow td { border-top: 1px solid #fff; padding: 10px 10px; } .frm_SubForm .frm_GridRow .frm_GridColumn { padding: 5px 8px; vertical-align: top; display: inline-block; min-width: 83px;} .frm_SubForm .frm_GridRow { border-bottom: 1px solid #666666;} .frm_GridQuestionColumn { padding: 0px 10px 0px 0px; width:200px; } .frm_SubForm table { width: 100%;} .frm_SubForm.frm_SubForm_Results{ overflow-x: auto; float: left; width: 100%;} .frm_Popup_Link { position: relative; padding: 5px 10px; height: 20px; margin: 10px 0; float: left; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; text-shadow: 0 0 0 #000; color: #fff!important; text-decoration: none; text-transform: uppercase; border: 0; cursor: pointer; background: #333; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; color: #fff;} .frm_SubForm .frm_GridColumn.frm_GridColumn_Edit, .frm_SubForm .frm_GridColumn.frm_GridColumn_Delete {min-width: 20px;} .frm_SubForm .frm_GridColumn.frm_GridColumn_Edit a, .frm_SubForm .frm_GridColumn.frm_GridColumn_Delete a {float: right;} .frm_SubForm .frm_GridColumn.frm_GridColumn_Edit a {background: url(/pics/edit_icon.jpg); text-indent: -9999px; display: block; width: 20px; height: 20px;} .frm_SubForm .frm_GridColumn.frm_GridColumn_Delete a {background: url(/pics/delete_icon.jpg); text-indent: -9999px; display: block; width: 13px; height: 18px; margin: 3px 0 0 0;} .frm_TextBlock { font: 14px/21px "Colaborate", verdana, sans-serif; } /* ------------------------------------------------------------------------- Email */ #emaildownload { width: 380px; font: 14px/21px "Colaborate", verdana, sans-serif; color: #666; } #emaildownload h1 { margin-bottom: 20px; } #emaildownload input#user_email { padding:1px 3px; margin:0; width:374px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #d6d4d4; } #emaildownload input.submit { position:relative; padding:5px 10px; height:30px; float:right; color:#fff; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; background:#000; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; } /* ----------------------------------------------------------------- iSocial */ /* General icon settings */ .isocialWrapper { float: right; text-align: right; font: 16px/54px "Colaborate", verdana, sans-serif; color: #000;} #isocialWrapperLeft { width: 100%; float: left; margin: 0 0 15px 0; font: 16px/54px "Colaborate", verdana, sans-serif; color: #000; display:none;} .touch #isocialWrapperLeft{display:block!important;} .isocial { float: right; margin: 10px 0px 0 20px;} .socialLeft { float: left;} .sharePage { float: left; margin: 0 15px 0 0;} #content .isocial a:hover {text-decoration: none; border: none;} .iSocial_circle {display: block; margin-bottom: 5px; width: 32px; height: 32px; background-image: url(/isocial/icons/circle/sprite.png); background-repeat: no-repeat;} /* Icons circle */ .iSocial_circle.email {background-position:0px 0px;} .iSocial_circle.email:hover {background-position:-32px 0px;} .iSocial_circle.facebook {background-position:0px -32px;} .iSocial_circle.facebook:hover {background-position:-32px -32px;} .iSocial_circle.favorite {background-position:0px -64px;} .iSocial_circle.favorite:hover {background-position:-32px -64px;} .iSocial_circle.googleplus {background-position:0px -96px;} .iSocial_circle.googleplus:hover {background-position:-32px -96px;} .iSocial_circle.linkedin {background-position:0px -128px;} .iSocial_circle.linkedin:hover {background-position:-32px -128px;} .iSocial_circle.pinterest {background-position:0px -160px;} .iSocial_circle.pinterest:hover {background-position:-32px -160px;} .iSocial_circle.plus {background-position:0px -192px;} .iSocial_circle.plus:hover {background-position:-32px -192px;} .iSocial_circle.print {background-position:0px -224px;} .iSocial_circle.print:hover {background-position:-32px -224px;} .iSocial_circle.twitter {background-position:0px -256px;} .iSocial_circle.twitter:hover {background-position:-32px -256px;} .iSocial_circle.counter { display:none;} .iSocial_circle.tumblr {background-position:0px -288px;} .iSocial_circle.tumblr:hover {background-position:-32px -288px;} /* Counter styling */ .iSocial_circle.counter{ position: relative; float: left; text-align: center; border-bottom: 0px solid #fff; color: #000; cursor: default; } .iSocial_circle.counter {font: 16px 'Trebuchet MS', arial, verdana, sans-serif;line-height: 32px;} /* ------------------------------------------------------------------------- Mobile Navigation */ #mobileNavigationWrap { display:none;} .mm-list { font: normal 14px/20px 'Colaborate', arial, verdana, sans-serif!important; color: #333; } #menu_toggle { position: absolute; width: 40px; height: 30px; bottom: 38px; right: 0; display:none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;} #menu_toggle span { display: block; position: absolute; height: 5px; width: 100%; background: #000; border-radius: 5px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} #menu_toggle.open span { background: #000;} #menu_toggle span:nth-child(1) { top: 0px;} #menu_toggle span:nth-child(2),#menu_toggle span:nth-child(3) { top: 11px;} #menu_toggle span:nth-child(4) { top: 22px;} #menu_toggle.open span:nth-child(1) { top: 18px; width: 0%; left: 50%;} #menu_toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #menu_toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #menu_toggle.open span:nth-child(4) { top: 18px; width: 0%; left: 50%;} .icon_search.search_submit { position: absolute; right: 10px; top: 15px; width: 40px; height: 40px; background: #cccccc url(/pics/icon_search.png) center center no-repeat; cursor:pointer;} /* ---------------------------------------------- iSocial E-mail Responsive*/ @media (max-width: 480px) { #emailForm {width: 320px !important; height: 520px !important; margin-left:-160px !important; } #at3win { width: 320px !important; height: 520px !important;} #ate-sharelink { display: none !important;} #recaptcha_image { width: 260px !important; margin-left: 0px !important; } #ate-send { top: 295px !important; } #ate-msg span textarea { height: 80px !important; } #ate-send .btn-blue { top: 132px !important;} #recaptcha_response_field { width: 252px !important; margin-left: 10px !important; } #lengthlimit { top: 255px !important; } #at3winfooter { display: none; } } @media (min-width: 480px) and (max-width: 767px) { #emailForm { width: 600px !important; height: 300px !important; margin-left:-300px !important; margin-top:-150px !important; overflow-x: scroll !important;} #at3win { position: absolute !important; width: 600px !important; height: 520px !important;} #ate-sharelink { display: none !important;} #recaptcha_image { width: 260px !important; margin-left: 0px !important; } #ate-send { top: 295px !important; } #ate-msg span textarea { height: 80px !important; } #ate-send .btn-blue { top: 132px !important;} #recaptcha_response_field { width: 252px !important; margin-left: 10px !important; } #lengthlimit { top: 255px !important; } #at3winfooter { display: none; } } /* ------------------------------------------------------------------------- Maps */ .gmap_form { margin: 20px 0 20px 0;} .gmap_form #iMaps-endpoint { width: 100%; height: 28px; margin: 10px 0 10px 0; box-sizing: border-box;} #gmaps_start { width: 100%; height: 28px; margin: 10px 0 15px 0; box-sizing: border-box;} #iMaps-directions { margin: 0 0 20px 0;} .adp-directions { width: 100%; border: 0px; } /* ------------------------------------------------------------------------- Radial social menu */ #radialSocial { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .touch #radialSocial { display:none!important;} #radialSocial li a:hover { opacity: 1!important;} .ie8 .ferromenu-controller, .ie7 .ferromenu-controller, .ie8 #radialSocial, .ie7 #radialSocial { display:none;} .ferromenu-controller { position: fixed; display: block; width: 32px; height: 32px; margin-left: 5px!important; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background: #45484d; color: #f2f2f2; font-size: 0; cursor: pointer; background: #cc0c00 url(/pics/sprite.png) -173px -319px no-repeat!important; z-index:99999!important; } .ferromenu-controller .label{ height:100%;} .ferromenu-controller .label{ -webkit-transition : all 0s linear; -moz-transition : all 0s linear; -ms-transition : all 0s linear; -o-transition : all 0s linear; transition : all 0s linear; } .ferromenu-controller.open .label{ -webkit-transform : rotate(0deg); -moz-transform : rotate(0deg); -ms-transform : rotate(0deg); -o-transform : rotate(0deg); transform : rotate(0deg); cursor: pointer; } .ferromenu-controller.desktop:hover{ background:#6e737b;} #radialSocial li{ color:#f2f2f2; text-align:center; } #radialSocial li a{ font-size:20px; color:#fff; text-decoration:none; width:40px; height:40px; -webkit-border-radius:50%; border-radius:50%; background: #45484d; line-height:40px; display:block; } #radialSocial li a.facebook{ background: #3a589b;} #radialSocial li a.twitter{ background: #598dca;} #radialSocial li a.linkedin{ background: #007ab9;} #radialSocial li a.pinterest{ background: #ca2028;} #radialSocial li a.googleplus{ background: #d6492f;} #radialSocial li a.tumblr{ background: #47526b;} #radialSocial li a.email{ background: #c2b59b;} #radialSocial li.desktop a:hover{ opacity:0.7;} .off{ z-index:0; opacity:0; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .ferromenu-controller,#radialSocial li a{ background:white; -webkit-transition: color 0.6s; -moz-transition: color 0.6s; -ms-transition: color 0.6s; -o-transition: color 0.6s; transition: color 0.6s; } .ferromenu-controller.desktop:hover, #radialSocial li a:hover, #radialSocial li a:active{ opacity:0.8; } #ferromenu-controller-0{ top: 40% !important; background-color:#cc0c00 !important; } #ferromenu-controller-0:hover, #ferromenu-controller-0:focus{ text-decoration: none; color:#fff;} @media screen and (min-width: 1200px) and (max-width: 1260px) { .ferromenu-controller, #radialSocial { display:none;} #isocialWrapperLeft { display:block; } } @media screen and (max-width: 1023px){ .ferromenu-controller, #radialSocial { display:none;} #isocialWrapperLeft { display:block; } } /* ------------------------------------------------------------------------- Responsive */ @media screen and (min-width: 1200px) { #navigation li a:link, #navigation li a:visited { margin: 0px 10px; } .homepage-top, #references, #content .block, #content .banner, #footer .newsletterbar, #footer .linkbar, #content .image, #services, #content .person, .listItem { margin-bottom: 30px; } .addBottomGutter{ margin-bottom:30px;} #content .content { padding-bottom: 30px; } #content .banner.video .playbtn { top: 65px; } #news .newsitems { height: 150px;} #references .titlebar, #references .logo { margin-left: -30px;} #references .quotecontainer { margin: 20px 61px 0px 0px;} #references .quotecontainer .quote { font: 21px/25px "Colaborate", verdana, sans-serif; text-align: center;} #references.homeSlideshow .quotecontainer { margin: 20px 30px 0px 10px;} .references-pager { position: absolute; right: 330px; bottom: 25px;} #references.red .references-pager { position: absolute; right: 535px; bottom: 25px;} #references.homeSlideshow .namefunc { width: auto; margin-right: 30px; text-align: right; } #services { height: 570px; } #services .servicesnav { left: 30px; width: 330px; height: 570px; } #services .servicesnav .item { width: 330px; } #services .servicesnav .item .title { width: 280px; } #services .servicesnav .back { width: 300px; } #services .servicesnav .hoverbar { width: 330px; } .servicesMobile { display: none; } #news .newsitems { height: 200px; } .bigNews #news .newsitems { height: 162px!important;} .listItem .listItemContent .innerWrap { margin: 10px 0;} } @media screen and (max-width: 979px) and (min-width: 768px){ #navigation, #topnav, #header .search, .hidemobile, .servicesMobile, #subnavigation .container, .subsubNav { display: none; } #menu_toggle { display:block; bottom: 0px;} #isocialWrapperLeft { display:block; } .socialLeft { float: left; margin: 0; clear: both;} #header .navcontainer { margin: 0px; } #subnavigation .container.extraInfoMobile { display: block !important; } #content .titleblock .title h1 { font-size: 25px; } #content .block .info .title h2 { padding: 0px 20px 15px 20px; text-align: left; } #content .block .info { height: 100%; display: block !important; background: url(pics/img_shadow_bottom.png) bottom left repeat-x; } #content .block .info .title { position: absolute; bottom: 0px; } #content .block .overlay { display: none !important; } #content .banner .info { display: block !important; } #content .banner .overlay { display: none !important; } #content .banner .info .titlebar { height: 60px; width: 210px; } #content .banner.video .info { display: none !important; } #references { height: 260px; } #references .quotecontainer { width: 390px; } #references.homeSlideshow .quotecontainer { width: 435px; margin: 20px 20px 0px 20px;} #references.homeSlideshow .quotecontainer .quote { font-size: 19px; } #references.homeSlideshow .cycle-slideshow, #references.homeSlideshow .slide { height:100%; width:100%;} #references .titlebar { margin-left: 0px; } #references .namefunc { float: left; width: 460px; text-align: right; } #references.red .hidemobile { display: block; } #references.homeSlideshow .hidemobile { display: none; } #references.red .quotecontainer { width: 290px; } #references.red .titlebar { margin-left: -20px; } .references-pager { position: absolute; right: auto; left: 20px; bottom: 25px;} #references.red .references-pager { position: absolute; left: 373px; bottom: 25px; width:190px} .hoverbtn { background: url(pics/sprite.png) 0px -200px no-repeat;} #content .person { width: 350px; } #content .person .info { width: 180px; } #news { margin-bottom: 20px;} #news .head .title { margin-bottom: 0px; } #news .footer { display: none; } #news .newsitems { height: 198px;} .spanOverwrite{ width:100%;} .listItem .listItemContent .innerWrap { margin: 25px 0;} #footer .newsletterbar { font-size: 25px; } #footer .linkbar .social .icon { margin-right: 2px; } #footer .newsletterbarNEW{ margin-bottom: 20px; height: auto; overflow: hidden; } #footer .newsletterbarNEW .title { width: 100%; padding: 20px; float:left; box-sizing: border-box;} #footer .newsletterbarNEW .button { position: relative; width: 100%; height: 100px; padding: 30px 25%; box-sizing: border-box;} #footer .newsletterbarNEW .button::before { content: none;} #footer .newsletterbarNEW .button a{ width: 75%; text-align: center;} .homepage-top .homepage-quick-menu p { display: none; } } @media (max-width: 979px) { .homepage-top { margin-bottom: 0; } #slideshow .slide .info { padding-bottom: 25px; position: relative; bottom: 0px; width: 100%; height: auto; float: left; background: #000; } #slideshow .slide .info .clickbtn { position: absolute; right: 0; } #slideshow .titlebar { padding: 15px 5%; width: 65%; height: auto; background: #000; } #slideshow .titlebar h1 { width: auto; height: auto; } } @media (max-width: 767px) { #navigation, #topnav, #header .search, #header .logo.original, .hidemobile, #services, #subnavigation .container, .subsubNav { display: none; } #menu_toggle { display:block; } #isocialWrapperLeft { display:block; } .socialLeft { float: left; margin: 0; clear: both;} .span6 { float: left !important; } #header .logo.company a img{ float: left;} #header .navcontainer { margin: 0px; } #subnavigation .container.extraInfoMobile { display: block !important; } #content .titleblock .title h1 { font-size: 26px; } #content .block { width: 48%; height: auto; float: left; overflow: hidden; } #content .block:nth-child(odd) { margin-right: 4%; } #content .block .info .title h2 { font-size: 20px; width: 115px; } #content .block .info { display: block !important; } #content .block .overlay { display: none !important; } #content .banner .info { display: block !important; } #content .banner .overlay { display: none !important; } #content .banner.video .info { display: none !important; } #content .banner.video .playbtn { top: 50%; margin-top: -32px; } #references { height: 230px; } #references .titlebar { margin-left: 0px; } #references.homeSlideshow .quotecontainer .quote { font-size: 19px; } #references .quotecontainer { width: 95%; margin: 20px 60px; } #references.red .quotecontainer { width: 85%; margin: 20px; } #references.homeSlideshow .cycle-slideshow, #references.homeSlideshow .slide, #references.red .cycle-slideshow, #references.red .slide { height:100%; width:100%;} .references-pager, #references.red .references-pager { position: absolute; right: auto; left: 20px; bottom: 25px;} #services .servicesnav { left: 0px; } .servicesMobile { display:block;} #content .person { width: 100%; background: none; } #content .person .info { padding: 20px 90px 20px 20px; margin-right: 60px; height: 75px; width: auto; background: #cc0c00; } #content .person .info .name { font-size: 16px; } #content .person .info .intro { font-size: 14px; } .hoverbtn { background: url(pics/sprite.png) 0px -200px no-repeat;} #news .newsitems { height: 115px;} .banner .image img { width: 100%;} .listItem .listItemContent .innerWrap { margin: 15px 0;} #footer .newsletterbar { padding: 20px 0px 10px 0px; height: auto; float: left; font-size: 26px; line-height: 30px; text-align: center; } #footer .newsletterbar .title { float: none; } #footer .newsletterbar .button { margin: 10px 0px; width: 100%; float: left; } #footer .newsletterbar .button a:link, #footer .newsletterbar .button a:visited { display: inline-block; float: none; } #footer .linkbar .span2 { margin-bottom: 10px; width: 48%; float: left; } #footer .linkbar .span2:nth-child(odd) { margin-right: 4%; } #footer .newsletterbarNEW{ margin-bottom: 20px; height: auto; overflow: hidden; } #footer .newsletterbarNEW .title { width: 100%; padding: 20px; float:left; box-sizing: border-box;} #footer .newsletterbarNEW .button { position: relative; width: 100%; height: 100px; padding: 30px; box-sizing: border-box;} #footer .newsletterbarNEW .button::before { content: none;} #footer .newsletterbarNEW .button a{ padding: 0; width: 100%; text-align: center;} .homepage-top { margin-bottom: 20px; } .homepage-top.has-quick-menu .slideshow-container { width: 65%; display: inline-block; float:left; } .homepage-top .homepage-quick-menu { width:35%; display: inline-block; float:left; border-left: 5px solid #fff;} .homepage-top .homepage-quick-menu p { display: none; } } @media (min-width: 480px) { .homepage-top .homepage-quick-menu { position: absolute; height: 100%; display: inline-block; } } @media (max-width: 479px) { #references .span4 { width: 100%; } #content .banner { width: 100%; } #header .navcontainer { margin: 0px; } #header .logo.company a img{ max-width: 240px; } #subnavigation .container.extraInfoMobile { display: block !important; } #content .person .info .intro { font-size: 12px;} #content .person .info .name { width: 150px; float: left; } #content .person .info { padding-left: 10px; } #slideshow .titlebar { width: 60%; } #content .titleblock .title h1 { word-wrap: break-word; } #content .block .info .title h2 { padding: 0px 10% 15px 10%; width: 80%; font-size: 18px; line-height: 20px; text-align: left; } #content .block .info { height: 100%; background: url(pics/img_shadow_bottom.png) bottom left repeat-x; } #content .block .info .title { position: absolute; bottom: 0px; } #references { height: 340px; } #references .titlebar { margin-left: 0px; } #references .namefunc .name, #references .namefunc .function { margin: 0px 10px; } #references.red { height: 405px;} #references .logo { width: 100%; margin: 15px 0px 0px 0;} #references .quotecontainer { margin:20px 20px 75px 20px; } #references.homeSlideshow .quotecontainer { width: 85%; margin: 20px 25px 0px 20px;} #references.red .quotecontainer { margin: 20px; } #news .newsitems { height: 180px; } .listItem { padding: 15px 15px 60px 15px;} .listItem .listItemContent { padding: 0 0 15px 0px; text-align: left;} .listItem .datebar{ margin: 0 0 10px -15px;} .listItem img { margin: 15px auto; display: none; float: none;} #content .banner { margin-bottom: 0px; } #content .banner.video { margin-bottom: 30px; } #content .banner .info { position: relative; bottom: 30px; height:auto;} #content .banner .info .titlebar.red {background: url(pics/titlebar_left_red.png) top right no-repeat;} #content .banner .info .titlebar { height: auto; width: 100%; font-size: 18px; padding: 15px 20px 20px; background: #353637; color: #fff; box-sizing: border-box;} #content .banner .info .hoverbtn { display: none;} .homepage-top .slideshow-container { width: 100% !important; display: block !important; float:none !important;} .homepage-top .homepage-quick-menu { width:100%; position: relative; display: block; float:none; border-left: none; border-top: 5px solid #fff;} .homepage-top .homepage-quick-menu p { display: block; } } @media (max-width: 610px) { .wide { width: 270px } .wide.short .contentroom-text { display: none; } .reference-block.wide.short .contentroom-text { display: block; left: 20px; } .reference-block.wide.short .contentroom-image { display: none;} .reference-block.wide.short .contentroom-header { left: 0; } } /* ------------------------------------------------------------------------- cookiebar */ #cookie_div { position: fixed; bottom: 0px; width: 100%; right: 0; padding: 0px; z-index: 99999; text-align: center; border: 0px solid #cc0c00; border-right: 0px; background-color: #cc0c00; cursor: pointer;} #cookie_div .cookie_content { padding: 10px; font: 12px/24px arial, verdana, sans-serif; text-align: center; color: #fff;} #cookie_div .cookie_content .close { float: right; margin-right: 5px; font-size: 20px; } /* -------------------------------------------------------- iSitesearch -------------------------------------------------------------- */ /* ------------------------------ Header */ #oi-header span { padding: 0.625rem 1.25rem; margin: 0; display: block; font-size: 1rem; font-weight: bold; line-height: 1.2rem; color: #cc0c00; background: #e6e6e6; } /* ------------------------------ Results */ #oi-results, .oi-results { margin: 0 !important; padding: 0; list-style: none; } #oi-results .oi-result, .oi-results .oi-result { padding: 0.8125rem 1.25rem 1.25rem 1.25rem; background: #e6e6e6; overflow: hidden; list-style: none; margin: 0; } #oi-results .oi-result:nth-child(odd), .oi-results .oi-result:nth-child(odd) { background: #fefefe; } #oi-results h2, .oi-results h2 { margin: 0; } #oi-results h2 a, .oi-results h2 a { font-size: 0.9375rem; color: #000000 !important; } #oi-results h2 a:hover, #oi-results h2 a:focus, .oi-results h2 a:hover, .oi-results h2 a:focus { color: #cc0c00 !important; } #oi-results cite, .oi-results cite { display: block; } #oi-results .oi-snippet, .oi-results .oi-snippet { line-height: 1.375rem; font-size: 0.875rem; font-weight: normal; color: #8a8a8a; display: block; padding-top: 0.625rem; } #oi-results .oi-snippet em, .oi-results .oi-snippet em { font-weight: bold; color: #cc0c00; } #oi-results img, .oi-results img { width: initial; } #oi-results .oi-result-image, .oi-results .oi-result-image { float: left; margin: 0.375rem 1.25rem 0 0; width: initial; } /* ------------------------------ suggestions */ #oi-suggestions .oi-suggestion, .oi-suggestions .oi-suggestion { padding: 0.3125rem; background: #e6e6e6; font: 14px/21px "Colaborate", verdana, sans-serif; } #oi-suggestions .oi-suggestion:nth-child(odd), .oi-suggestions .oi-suggestion:nth-child(odd) { background: #fefefe; } /* ------------------------------ pagination */ #oi-pager { margin: 1.25rem 0 0 0; } #oi-pager ul { margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; } #oi-pager ul li { display: inline; margin: 0; } #oi-pager ul li a, #oi-pager ul li.oi-pager-gap, #oi-pager ul li.oi-pager-current, #oi-pager ul li.oi-pager-disabled { padding: .125rem .25rem; margin: 0 0 1.25rem 0; display: inline-block; font-size: 0.875rem; font-weight: bold; line-height: 0.875rem; color: #cc0c00; } #oi-pager ul li a:hover, #oi-pager ul li.oi-pager-gap:hover, #oi-pager ul li.oi-pager-current:hover, #oi-pager ul li.oi-pager-disabled:hover { color: #fefefe; background: #cc0c00; } #oi-pager ul li.oi-pager-gap:hover { color: #cc0c00; background: #e6e6e6; } #oi-pager ul li.oi-pager-prev { float: left; } #oi-pager ul li.oi-pager-prev a { color: #cc0c00; background: transparent; } #oi-pager ul li.oi-pager-prev:hover a { color: #cc0c00; text-decoration: underline; } #oi-pager ul li.oi-pager-next { float: right; } #oi-pager ul li.oi-pager-next a { color: #cc0c00; background: transparent; } #oi-pager ul li.oi-pager-next:hover a { color: #cc0c00; text-decoration: underline; } #oi-pager ul li.oi-pager-current, #oi-pager ul li.oi-pager-current:hover { color: #fefefe; background: #cc0c00; } #oi-pager ul li.oi-pager-disabled { visibility: hidden; } /* ------------------------------ spellcheck */ #oi-spellcheck #oi-spellcheck-msg { color: #fff; background-color: #cc0c00; display: block; padding: 0.4rem 0.625rem; margin-top: -1.25rem; } /* ----------------------------------------------------------------- Homepage top section */ .homepage-top { margin-bottom: 20px; } .homepage-top .homepage-quick-menu { background-color: #cc0c00; color: #fff; box-sizing: border-box; background-position: center; background-size: cover; background-repeat: no-repeat; padding-bottom: 15px; } .homepage-top .homepage-quick-menu .quick-menu-inner { position: relative; } .homepage-top .homepage-quick-menu::before { content: ''; background-color: rgba(204,12,0,0.75); position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .homepage-top .homepage-quick-menu a { color: #fff; } .homepage-top .homepage-quick-menu ul { list-style: none; margin: 0; padding: 0 20px; } .homepage-top .homepage-quick-menu p { padding: 0 20px; } .homepage-top .homepage-quick-menu ul li::before { content: '\00bb'; margin-right: 10px; font-weight: bold; } .homepage-top .homepage-quick-menu h1, .homepage-top .homepage-quick-menu h2, .homepage-top .homepage-quick-menu h3, .homepage-top .homepage-quick-menu h4, .homepage-top .homepage-quick-menu h5, .homepage-top .homepage-quick-menu h6 { color: #fff; font-size: 20px; margin-bottom: 10px; font-weight: bold; background: url(/pics/titlebar_left_large.png) right top no-repeat; padding: 10px 45px 10px 20px; margin-top: 15px; } /* ----------------------------------------------------------------- iFlexible */ .float-right{ float: right; } #content{ overflow-x: hidden; } #content.no-margin{ margin-top: -20px; } #content .btn.button, #content .btn.button:link, #content .btn.button:visited{ padding: 10px 45px; background-color: #cc0c00; color: white; margin-top: 20px; display: inline-block; width: auto; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #content .block-content{ position: relative; width:100%; height: auto; margin:0; padding: 30px 0; display: flex; -webkit-align-items: center; align-items: center; } #content .block-content.margin{ margin: 30px 0; } #content .bg-block{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: -1; } #content .btn.button:hover{ background-color: #9e0a00; } #content .block-content .image{ margin-bottom:0; } #content .iflexible h1, #content .iflexible h2, #content .iflexible h3, #content .iflexible h4{ margin-bottom: 10px; } @media (max-width: 767px) { #content .btn.button { margin-bottom: 20px; } #content .block-content .text-block-content{ padding: 0 20px; } #content .bg-block.left-pos{ background-position: left center; } #content .bg-block.right-pos{ background-position: right center; } }