/* generic page-elements*/
html,body { color:#314152; background-color:#fff;font:normal 16px/22px Arial, Helvetica, "Helvetica Neue", sans-serif;letter-spacing:0px;}
acronym { border:0; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family:RHMcustom, Helvetica, "Helvetica Neue", Arial, sans-serif;color:#314152; font-style:normal;}
h1,.h1 {font-size:32px;line-height:40px;padding:0 0 20px;}
h2,.h2 {font-size:24px;line-height:34px;padding:0 0 15px;}
h3,.h3 {font-size:19px;line-height:24px;padding:0 0 10px;}
h4,.h4 {font-size:16px;line-height:22px;padding:0 0 10px;color:#eb0102;font-family:RHMcustomStrong, sans-serif;}
h1 .deviation,
h2 .deviation,
h3 .deviation,
h4 .deviation{font-family:RHMcustomStrong, sans-serif;color:#314152;}
.colRight h3 .deviation,
.colRight h4 .deviation{color:#eb0102;}
footer .deviation {color:#fff;}
.ie9 .deviation,
.ie9 h4,
.ie9 h4 {font-weight:bold;}
/* Basic */
a, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:underline;}
p {padding:0 0 10px}
hr {display: block;clear:both;height:1px;font-size:1px;line-height:1px;border:none;border-bottom:2px solid #f5f5f5;margin-bottom:10px;}
/* Layout */
.container {width:980px;margin:0 auto;}
#header {height:80px; position:relative;z-index:8;background-color: #000000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #314152), color-stop(1, #000000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #314152, #000000); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #314152 0%, #000000 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #314152 0%, #000000 100%); /* IE10 */
background-image: -o-linear-gradient(top, #314152 0%, #000000 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #314152 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#314152', EndColorStr='#000000'); /* IE6–IE9 */
-moz-box-shadow: 0 -5px 20px #000000; /* FF3.5+ */
-webkit-box-shadow: 0 -5px 20px #000000; /* Saf3.0+, Chrome */
box-shadow: 0 -5px 20px #000000; /* Opera 10.5, IE9, Chrome 10+ */
}
#header .container { position:relative; }
#header .logo {position:absolute;top:23px;left:20px;}
#header .logo a {display:block;z-index:1;position:absolute;}
#contact .logo { float:left;}
#lang {position:absolute;top:10px;left:50%;z-index:10;font-size:11px;line-height:11px;font-weight:bold;text-transform:uppercase;margin-left:430px;}
#lang a {color:#989797;padding:0 0 0 5px;margin:0 5px 0 0;}
#lang a:hover {color:#c8c8c8;text-decoration:none;}
#lang a.current {color:#fff;}
#lang li {float:left;border-left:1px solid #989797;position:relative;margin:-3px 0 0;}
#lang li:first-child {border-left:none;}
#lang ul li a .before {
position:absolute; width:0; height:0; border:4px solid transparent; border-top-color:#fff;margin-left:-4px;
display:block; /* reduce the damage in FF3.0 */
top:-7px; /* value = - border-top-width - border-bottom-width */
left: 50%; /* controls horizontal position */
z-index: 10000;
}
.ie6 #lang ul li a .before {border:none;}
#navigation {position:absolute;top:50px;width:100%;z-index:9;}
#navigation .container {position:relative;}
#navigation ul {width:auto;float:right;}
#navigation a {color:#cacaca;font-weight:bold;padding:0px 14px;}
#navigation a:hover {text-decoration:none;color:#fff;}
#navigation li {float:left;border-left:1px solid #555;}
#navigation li.current a {color:#eb0102;}
#navigation li:first-child {border-left:none;}
#navigation ul li span { position: relative; }
#navigation ul > li.current span > a .before {
position:absolute; margin-left: -10px; width:0; height:0; border:8px solid transparent; border-top-color:#000;
display:block; /* reduce the damage in FF3.0 */
bottom:-25px; /* value = - border-top-width - border-bottom-width */
left: 50%; /* controls horizontal position */
z-index: 10000;
}
.subNavigation {position:absolute;left:0;top:334px;width:980px;font-size:14px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #314152), color-stop(1, #000000));
background-image: -webkit-linear-gradient(top, #314152, #000000);
background-image: -moz-linear-gradient(top, #314152 0%, #000000 100%);
background-image: -ms-linear-gradient(top, #314152 0%, #000000 100%);
background-image: -o-linear-gradient(top, #314152 0%, #000000 100%);
background-image: linear-gradient(top, #314152 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#314152', EndColorStr='#000000');
}
#navigation ul ul{float:none;}
#navigation ul ul > li.current span > a .before {display:none;}
#navigation ul ul li span {position:static;}
#navigation li.current li a {color:#8f949a;padding:13px 30px;;display:block;}
#navigation li.current li a:hover {color:#cbcdcd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #465464), color-stop(1, #1b1b1b));
background-image: -webkit-linear-gradient(top, #465464 0%, #1b1b1b 100%);
background-image: -moz-linear-gradient(top, #465464 0%, #1b1b1b 100%);
background-image: -ms-linear-gradient(top, #465464 0%, #1b1b1b 100%);
background-image: -o-linear-gradient(top, #465464 0%, #1b1b1b 100%);
background-image: linear-gradient(top, #465464 0%, #1b1b1b 100%);
}
.lt10 #navigation li.current li a:hover,
.lt10 #showcase .showcaseTabs li a:hover{background-image:url(../img/fallback/tabHover.gif);}
#navigation li.current li.current a {color:#fff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #505d6c), color-stop(1, #29292a));
background-image: -webkit-linear-gradient(top, #505d6c, #29292a);
background-image: -moz-linear-gradient(top, #505d6c 0%, #29292a 100%);
background-image: -ms-linear-gradient(top, #505d6c 0%, #29292a 100%);
background-image: -o-linear-gradient(top, #505d6c 0%, #29292a 100%);
background-image: linear-gradient(top, #505d6c 0%, #29292a 100%);
}
.lt10 #navigation li.current li.current a,
.lt10 #showcase .showcaseTabs li a.current {background-image:url(../img/fallback/tabCurrent.gif);}
#main {position:relative;z-index:6;}
.mainUp {margin-top:-25px;}
.content {width:690px;padding:50px 30px 20px 20px;float:left;position:relative;z-index:1;
-webkit-box-shadow:3px 3px 6px #e5e5e5;
-moz-box-shadow:3px 3px 6px #e5e5e5;
box-shadow:3px 3px 6px #e5e5e5;
}
.colRight {font-size:14px;line-height:20px;color:#000;width:200px;padding:50px 20px 20px;float:right; position:relative;
background: #eff1f2; /* Old browsers */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#eff1f2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #eff1f2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background-image: -moz-linear-gradient(left, #eff1f2 0%,#ffffff 100%); /* FF3.6+ */
background-image: -o-linear-gradient(left, #eff1f2 0%,#ffffff 100%); /* Opera11.10+ */
background-image: -ms-linear-gradient(left, #eff1f2 0%,#ffffff 100%); /* IE10+ */
background-image: linear-gradient(left, #eff1f2 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff1f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.colRight a, .colRight a:visited {color:#000;}
.colRight a:hover {color:#eb0102;}
.colRight h3 {text-transform:uppercase;border-bottom:1px dashed #ccc;padding:0 0 7px;margin:0 0 10px;}
#footer {background-color:#000; font-size:14px; line-height:18px; padding:10px 0 0; color:#fff; position:relative; z-index:7;}
#footer h4 {font-size:18px;line-height:22px;color:#fff;margin-bottom:15px;padding:0;}
#footer .content {width:720px;padding:20px 20px 20px 0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
#footer .colRight{background:none;filter:none;color:#fff;padding-top:20px;}
#sitemap a {color:#fff;}
#sitemap a:hover {color:#eb0102;}
#sitemap li {float:left; width:149px;border-right:1px solid #353535;padding:0 20px;}
#sitemap li:first-child {padding-left:0;}
#sitemap li.first-child {padding-left:0;}
#sitemap li:last-child {padding-right:0;border-right:none;}
#sitemap li.last-child {padding-right:0;border-right:none;}
#sitemap li li {border-right:none;padding:0 0 5px;width:auto;display:block;float:none;}
#contact{font-size:12px;color:#fff;background-color: #000000;min-height:50px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #314152), color-stop(1, #000000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(bottom, #314152 0%, #000000 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(bottom, #314152 0%, #000000 100%);/* FF3.6 */
background-image: -ms-linear-gradient(bottom, #314152 0%, #000000 100%); /* IE10 */
background-image: -o-linear-gradient(bottom, #314152 0%, #000000 100%); /* Opera 11.10+ */
background-image: linear-gradient(bottom, #314152 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#314152'); /* IE6–IE9 */
}
#contact li {float:left;margin:0 0 0 20px;padding:0 0 0 20px;border-left:1px solid #848083;line-height:12px;}
#contact li:first-child {border-left:none;padding:0;}
#contact .contentImage {margin:4px 30px 10px 0;}
#contact .contentList{padding:21px 0 0;}
/*generic styles */
.twoCols {float:left;width:50%;}
.threeCols .col {float:left;width:33.33%;}
.threeCols .col .contentList {padding-left:20px;padding-right:20px;}
.threeCols .firstItemRow .arrowBigGradient{display:none;}
.threeCols li.third {padding-right:0;}
.introText {font-size:20px;line-height:28px;margin-bottom:20px;}
.contentBox {padding:0 0 10px;margin:0 0 10px;}
.contentBox img {display:block;margin:0 0 10px;}
.contentBox .last {margin:0 0 20px;}
.contentText {padding:0 0 10px;}
.content .twoCols .contentText {margin:0 20px 10px 0;}
.contentText ul {list-style:none;margin:0;padding:0;}
.contentText ul li {background-image: url("data:image/png;base64,R0lGODlhCAAIAKIAAOECANcAANwAANsAA9cBAdsAANoAAQAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NjIyQ0NEQUY2N0MxMUUwODQyMUVDNkNEMjA3QzUxNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NjIyQ0NEQkY2N0MxMUUwODQyMUVDNkNEMjA3QzUxNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU2MjJDQ0Q4RjY3QzExRTA4NDIxRUM2Q0QyMDdDNTE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU2MjJDQ0Q5RjY3QzExRTA4NDIxRUM2Q0QyMDdDNTE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAgACAAAAxIIMtwhJUpSjL304qpN7p8WXgkAOw==");
background-repeat: no-repeat;background-position: 0 7px;padding-left:16px;padding-bottom:7px;
}
.contentText {padding:0 0 10px;}
.contentImage img {float:left;margin:0 10px 10px 0;}
.contentImageRight img {float:right;margin:4px 0 10px 10px;display:inline;}
.seperator {border-bottom:1px dashed #ccc;}
span.seperator {display:block;padding:0 0 10px;}
.borderImage img {border:1px solid #b3b9bf;}
.content .borderImage img {padding:10px;
-moz-box-shadow: 0 2px 2px #b2b2b2; /* FF3.5+ */
-webkit-box-shadow: 0 2px 2px #b2b2b2; /* Saf3.0+, Chrome */
box-shadow: 0 2px 2px #b2b2b2; /* Opera 10.5, IE9, Chrome 10+ */}
.contentList ul {margin-left:0;list-style:none;}
.contentList li {margin:0 0 10px;}
.contentList ul.seperator {margin:0 0 10px;}
.readMoreList li:first-child {border-top:1px solid #ccc;}
.readMoreList li {border-bottom:1px solid #ccc;padding:10px 20px;}
.readMoreList h2 a {color:#314152;}
.readMoreList h2 a .icon {top:12px;}
.floatingListItems li {float:left;padding:0 12px 0 0;}
.clickableBox {cursor:pointer;}
.clickableBox:hover img {border-color:#eb0102;}
.clickableBox:hover a, .clickableBox:hover a:visited {color:#eb0102;text-decoration:underline}
.verticalAligment p {padding:0;}
.strongList {padding:0 15px 0 0;}
.commentBox {min-height:200px;padding:0 20px 0 200px;margin:0 0 20px;
background-color: #000;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #5e5e5e)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(bottom, #000 0%, #5e5e5e 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(bottom, #000 0%, #5e5e5e 100%);/* FF3.6 */
background-image: -ms-linear-gradient(bottom, #000 0%, #5e5e5e 100%); /* IE10 */
background-image: -o-linear-gradient(bottom, #000 0%, #5e5e5e 100%); /* Opera 11.10+ */
background-image: linear-gradient(bottom, #000 0%, #5e5e5e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#5e5e5e'); /* IE6–IE9 */
}
.commentBox *,
.commentBox h2 .deviation {color:#fff}
.commentBox h3 {font-size:14px;font-style:italic;}
.textAlignRight {text-align:right;}
.gradientLeft {margin-bottom:20px;padding-top:20px;
background: #fff; /* Old browsers */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#eff1f2), color-stop(5%,#ffffff)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #eff1f2 0%,#ffffff 5%); /* Chrome10+,Safari5.1+ */
background-image: -moz-linear-gradient(left, #eff1f2 0%,#ffffff 5%); /* FF3.6+ */
background-image: -o-linear-gradient(left, #eff1f2 0%,#ffffff 5%); /* Opera11.10+ */
background-image: -ms-linear-gradient(left, #eff1f2 0%,#ffffff 5%); /* IE10+ */
background-image: linear-gradient(left, #eff1f2 0%,#ffffff 5%); /* W3C */
}
.lt10 .gradientLeft {background: url(../img/fallback/gradientLeft.gif) repeat-y}
.gradientTop {position:relative;zoom:1;
background: #e6e8ea;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e8ea), color-stop(100%,#f2f3f4));
background-image: -webkit-linear-gradient(top, #e6e8ea 0%,#f2f3f4 100%);
background-image: -moz-linear-gradient(top, #e6e8ea 0%,#f2f3f4 100%);
background-image: -o-linear-gradient(top, #e6e8ea 0%,#f2f3f4 100%);
background-image: -ms-linear-gradient(top, #e6e8ea 0%,#f2f3f4 100%);
background-image: linear-gradient(top, #e6e8ea 0%,#f2f3f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e8ea', endColorstr='#f2f3f4');
}
.gradientTop h2 {font-size:32px;padding:25px 20px;position:relative;z-index:1;}
hr.dotted { border-bottom:1px dotted #bfbfbf; display: none;}
/*specific style */
.phonenumber {font-weight:bold;font-size:23px;line-height:27px;}
/*form*/
input.tf, input.submit, textarea, select{border:1px solid #ccc;padding:6px 7px;resize: none;
-webkit-box-shadow:inset 0px 1px 2px #ccc;
-moz-box-shadow:inset 0px 1px 2px #ccc;
box-shadow:inset 0px 1px 2px #ccc;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
input.submit{width:auto;margin:0;border:none;color:#fff;background-color:#000;
-moz-box-shadow: inset 0 5px 5px 0 #777;
-webkit-box-shadow: inset 0 5px 5px 0 #777;
box-shadow: inset 0 5px 5px 0 #777;
}
.ie6 input.submit, .ie7 input.submit {padding:5px 3px;}
.form ul {margin:0;list-style:none;}
.form li {margin:0 0 10px;}
.form .inputRadio input {vertical-align:middle;margin:-3px 3px 0;border:none;background:none;}
.ie8 .form .inputRadio input {padding:0;}
.form .inputRadio label {margin:0 10px 0 0;}
.colRight .form input.tf,
.colRight .form textarea {width:184px;}
.colRight .form .inputRadio input {width:auto;}
#footer input.tf, #footer textarea, #footer select{color:#fff;background-color:#455560;border-color:#000;padding:7px 7px 5px;
-webkit-box-shadow:inset 0px 2px 2px #000;
-moz-box-shadow:inset 0px 2px 2px #000;
box-shadow:inset 0px 2px 2px #000;
}
/*icons*/
span.icon {background:url(/img/sprite.png) no-repeat;display:block;position:absolute;top:0;left:0;}
.btn, .more, .arrow, .bird, .twitter, a.facebook, a.linkedin, a.googleplus, .phonenumber, a.mail, span.fax, a.btnSubmit {position:relative;display:inline-block;}
a.browse {display:block;float:left;width:7px;height:9px;cursor:pointer;margin-top:5px;background:url(/img/sprite.png) no-repeat;}
a.more {float:right;padding-right:13px;}
a.more span {width:7px;height:16px;top:1px;right:0;background-position:0 6px;left:auto;right:0;}
a.arrow {padding-left:13px;}
a.arrow span {width:7px;height:10px;top:6px;}
span.fax, a.mail {padding-left:22px;}
span.fax span, a.mail span {width:15px;height:12px;top:6px;}
span.fax span{background-position: -200px -137px;}
a.mail span{background-position: -196px -159px;}
.phonenumber {padding-left:28px;}
.phonenumber span {background-position: -196px -109px;width:18px;height:18px;top:5px;}
a.bird,
a.twitter,
a.facebook,
a.linkedin,
a.googleplus {padding:9px 0 0 40px;}
a.bird span,
a.twitter span,
a.facebook span,
a.linkedin span,
a.googleplus span{width:32px;height:32px;}
a.bird span {background-position:-16px 6px;}
a.twitter span {background-position:-51px 0;}
a.facebook span {background-position:-91px 0;}
a.linkedin span {background-position:-131px 0;}
a.googleplus span {background-position: -196px -71px;}
a.arrowUp,
a.arrowDown {margin-left:5px;}
a.arrowUp span,
a.arrowDown span {background:url(/img/sprite.png) no-repeat;cursor:pointer;width:15px;height:11px;display:inline-block;}
a.arrowUp span {background-position: -172px -21px;}
a.arrowDown span {background-position: -172px -20px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.ie a.arrowDown span {background-position: -195px -21px;}
a.prev {background-position:0 -10px;margin-right:5px;}
a.next {margin-left:5px;}
a.prev.disabled {background-position:-8px -10px; cursor:default;}
a.next.disabled {background-position:-8px 0; cursor:default;}
span.iconBig {width:156px;height:48px;top:auto;right:5px;bottom:0;}
span.iconCrewGroup {background:url(/img/sprite.png) no-repeat;position:absolute;z-index:2;top:0;right:0;width:34px;height:34px;top:5px;right:5px;cursor:pointer;}
span.iconHosting {background-position: 0 -33px;}
span.iconManagement {background-position: -40px -33px;}
span.iconAccountManagement {background-position: -79px -33px;}
span.iconUserExperienceDesign {background-position: -118px -33px;}
span.iconProjectManagement {background-position: 0 -71px;}
span.iconFrontEndOntwikkeling {background-position: -40px -71px;}
span.iconApplicatieOntwikkeling {background-position: -79px -71px;}
span.iconConceptStrategie {background-position: -118px -71px;}
span.iconFunctioneelOntwerp {background-position: 0 -109px}
span.iconTesting {background-position: -40px -109px;}
span.iconOfficeManagement {background-position: -79px -109px;}
span.iconDesignCopy {background-position: -118px -109px;}
span.iconTrophy {background-position: -170px 0;right:0;left:auto;width:16px;height:15px;}
span.iconHeart {background-position: -195px 0;right:0;left:auto;width:16px;height:14px;}
span.iconFlame {background-position: -218px 0;right:0;left:auto;width:16px;height:17px;}
span.arrowBigGradient {background-position: -171px -71px;width:14px;height:84px;top:0;right:auto;left:0;}
span.iconBigStrategie {background-position: 0 -151px;}
span.iconBigOntwerp {background-position: 0 -211px;}
span.iconBigTechnologie {background-position: 0 -270px;}
/* Buttons */
a.btn{padding:6px 22px 6px 10px;margin-bottom:20px;font-size:16px;font-weight:bold;color:#fff;display:inline-block;/*float:left;*/
-moz-box-shadow: 1px 2px 3px #b2b2b2; /* FF3.5+ */
-webkit-box-shadow: 1px 2px 3px #b2b2b2; /* Saf3.0+, Chrome */
box-shadow: 1px 2px 3px #b2b2b2; /* Opera 10.5, IE9, Chrome 10+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9da0a9), color-stop(0.5, #b0bac4), color-stop(0.51, #9da9b5), color-stop(1, #a1b2c4)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #9da0a9 0%, #b0bac4 50%, #9da9b5 51%, #a1b2c4 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #9da0a9 0%, #b0bac4 50%, #9da9b5 51%, #a1b2c4 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #9da0a9 0%, #b0bac4 50%, #9da9b5 51%, #a1b2c4 100%); /* IE10 */
background-image: -o-linear-gradient(top, #9da0a9 0%, #b0bac4 50%, #9da9b5 51%, #a1b2c4 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #9da0a9 0%, #b0bac4 50%, #9da9b5 51%, #a1b2c4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9da0a9', EndColorStr='#a1b2c4'); /* IE6–IE9 */
text-shadow: 0 0 5px #252f39; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}
a.btn:hover {text-decoration:none;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #adb5bf), color-stop(0.5, #d1d9e1), color-stop(0.51, #c9d2dd), color-stop(1, #bbcbde)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #adb5bf 0%, #d1d9e1 50%, #c9d2dd 51%, #bbcbde 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #adb5bf 0%, #d1d9e1 50%, #c9d2dd 51%, #bbcbde 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #adb5bf 0%, #d1d9e1 50%, #c9d2dd 51%, #bbcbde 100%); /* IE10 */
background-image: -o-linear-gradient(top, #adb5bf 0%, #d1d9e1 50%, #c9d2dd 51%, #bbcbde 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #adb5bf 0%, #d1d9e1 50%, #c9d2dd 51%, #bbcbde 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#adb5bf', EndColorStr='#bbcbde'); /* IE6–IE9 */
}
a.btn span {width:17px;height:19px;left:auto;top:7px;right:5px;background-position:-195px -32px;}
a.btnCta {float:right;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dc0d0e), color-stop(0.5, #f26665 ), color-stop(0.51, #ef3233), color-stop(1, #fc2627)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #dc0d0e 0%, #f26665 50%, #ef3233 51%, #fc2627 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #dc0d0e 0%, #f26665 50%, #ef3233 51%, #fc2627 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #dc0d0e 0%, #f26665 50%, #ef3233 51%, #fc2627 100%); /* IE10 */
background-image: -o-linear-gradient(top, #dc0d0e 0%, #f26665 50%, #ef3233 51%, #fc2627 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #dc0d0e 0%, #f26665 50%, #ef3233 51%, #fc2627 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dc0d0e', EndColorStr='#fc2627'); /* IE6–IE9 */
text-shadow: 0 0 5px #8b0001; /* FF3.5+, Opera 9+, Saf1+, Chrome */
}
a.btnCta:hover {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff2324), color-stop(0.5, #fe8f91), color-stop(0.51, #fe5e5e), color-stop(1, #ff9091)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #ff2324 0%, #fe8f91 50%, #fe5e5e 51%, #ff9091 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #ff2324 0%, #fe8f91 50%, #fe5e5e 51%, #ff9091 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #ff2324 0%, #fe8f91 50%, #fe5e5e 51%, #ff9091 100%); /* IE10 */
background-image: -o-linear-gradient(top, #ff2324 0%, #fe8f91 50%, #fe5e5e 51%, #ff9091 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #ff2324 0%, #fe8f91 50%, #fe5e5e 51%, #ff9091 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff2324', EndColorStr='#ff9091'); /* IE6–IE9 */
}
a.btnCta span {background-position: -171px -32px;}
a.btnPrev {padding-right:10px;padding-left:22px;}
a.btnPrev span {right:auto;left:5px;background-position:-221px -32px;}
a.btnSubmit {float:right;font-weight:bold;color:#d2d5d8;padding:5px 25px 5px 15px;background-color:#181f27;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #181f27), color-stop(0.5, #3a4450), color-stop(0.51, #1e2a37), color-stop(1, #203143)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #181f27 0%, #3a4450 50%, #1e2a37 51%, #203143 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #181f27 0%, #3a4450 50%, #1e2a37 51%, #203143 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #181f27 0%, #3a4450 50%, #1e2a37 51%, #203143 100%); /* IE10 */
background-image: -o-linear-gradient(top, #181f27 0%, #3a4450 50%, #1e2a37 51%, #203143 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #181f27 0%, #3a4450 50%, #1e2a37 51%, #203143 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#181f27', EndColorStr='#203143'); /* IE6–IE9 */
}
a.btnSubmit:hover {text-decoration:none;background-color:#2f3d4d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f3d4d), color-stop(0.5, #2f3d4d), color-stop(0.51, #39536c), color-stop(1, #406286)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #2f3d4d 0%, #2f3d4d 50%, #39536c 51%, #406286 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #2f3d4d 0%, #2f3d4d 50%, #39536c 51%, #406286 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #2f3d4d 0%, #2f3d4d 50%, #39536c 51%, #406286 100%); /* IE10 */
background-image: -o-linear-gradient(top, #2f3d4d 0%, #2f3d4d 50%, #39536c 51%, #406286 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #2f3d4d 0%, #2f3d4d 50%, #39536c 51%, #406286 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2f3d4d', EndColorStr='#406286'); /* IE6–IE9 */
}
a.btnSubmit span {top:11px;left:auto;right:10px;width:6px;height:8px;background-position:0 -21px;}
a.btnSubmit:hover {color:#fff;}
/* Showcase */
#showcase {height:353px;position:relative;z-index:5;}
#showcase a:hover, #showcase a:active {text-decoration:none;}
#showcase ul {margin:0;list-style:none}
#showcase .showcaseSlides {position:relative;}
#showcase .showcaseSlides li { position:absolute; width:100%; text-align: center; background-repeat:repeat-x; }
#showcase .showcaseTabs {position:absolute;width:100%;height:42px;bottom:4px;z-index:1;}
#showcase .showcaseTabs .tabs {/*position:absolute;top:0;*/height:42px;width:980px;background-color:#000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #314152), color-stop(1, #000000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #314152, #000000); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #314152 0%, #000000 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #314152 0%, #000000 100%); /* IE10 */
background-image: -o-linear-gradient(top, #314152 0%, #000000 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #314152 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#314152', EndColorStr='#000000'); /* IE6–IE9 */
}
#showcase .showcaseTabs .tabs .showcaseImg {display:none;}
#showcase .showcaseTabs li { float:left; width:196px;position:relative;}
#showcase .showcaseTabs li h4 {position:relative;padding:0;font-weight:bold;font-size:14px;font-family:Arial;}
#showcase .showcaseTabs li h4 a,
#showcase .showcaseTabs li h4 a:visited {display:block; height:32px; line-height:32px; text-align:center; color:#4e565f; padding:5px 10px;border-right:1px solid #4e565f; font-weight:bold;}
#showcase .showcaseTabs li h4 a:hover {color:#cbcdcd;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #465464), color-stop(1, #1b1b1b)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #465464 0%, #1b1b1b 100%); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #465464 0%, #1b1b1b 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #465464 0%, #1b1b1b 100%); /* IE10 */
background-image: -o-linear-gradient(top, #465464 0%, #1b1b1b 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #465464 0%, #1b1b1b 100%);
}
#showcase .showcaseTabs li h4 a.current {
color:#ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #505d6c), color-stop(1, #29292a)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #505d6c, #29292a); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #505d6c 0%, #29292a 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #505d6c 0%, #29292a 100%); /* IE10 */
background-image: -o-linear-gradient(top, #505d6c 0%, #29292a 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #505d6c 0%, #29292a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#505d6c', EndColorStr='#29292a'); /* IE6–IE9 */
}
#showcase .showcaseTabs li h4 a.current .before {
position:absolute; margin-left: -9px; z-index: 10000; width:0; height:0; border:8px solid transparent; border-bottom-color:#4f5c6b;background-color:transparent;
display:block; /* reduce the damage in FF3.0 */
top:-16px; /* value = - border-top-width - border-bottom-width */
left: 50%; /* controls horizontal position */
}
.ie6 #showcase .showcaseTabs li h4 a.current .before {display:none;}
#showcase.noHeader{height:121px;background-image:url(../img/noHeader.jpg);background-position:50% 0;}
.showcaseCaption {position:absolute;z-index:1;top:-233px;width:850px;height:180px;display:none;}
.showcaseCaption h3 {font:normal 33px/43px RHMcustom, sans-serif;padding-bottom:30px;}
.showcaseCaption .deviation{font-family:RHMcustomStrong, sans-serif;}
#showcase .showcaseCaption a.btn {font-size:18px;padding:9px 26px 10px 19px;font-size:19px;position:relative;display:inline-block;margin-bottom:0;height:auto;line-height:normal;background-image:none;border:none;
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
filter:none;
}
#showcase .showcaseCaption a.btn:hover {background-image:none;}
#showcase .showcaseCaption a.btn span {width:auto;}
.showcaseCaption .label {position:relative;z-index:1;top:0;}
.showcaseCaption .gradient {position:absolute;left:2px;right:2px;top:2px;background-position:inherit;
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.5)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00ffffff', EndColorStr='#80ffffff');
}
.showcaseCaption .btn .icon{position:absolute;z-index:2;left:auto;right:10px;top:17px;width:0; height:0;border:5px solid transparent;background:none;}
.showcaseCaption span.btn:hover{cursor:pointer;}
.showcaseCaption span.btn:hover .gradient {bottom:0;top:auto;
background-color: transparent;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.5)));
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.5));
background-image: linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,0.5));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80ffffff', EndColorStr='#00ffffff');
}
.showcaseCaption span.btn:active {
-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
#showcase .showcaseTabs li.item1 .showcaseCaption{left:65px;display:block;}
#showcase .showcaseTabs li.item2 .showcaseCaption{left:-131px;}
#showcase .showcaseTabs li.item3 .showcaseCaption{left:-327px;}
#showcase .showcaseTabs li.item4 .showcaseCaption{left:-523px;}
#showcase .showcaseTabs li.item5 .showcaseCaption{left:-719px;}
.showcaseCaption span.btn:active .gradient {height:19px;}
.lt10 .showcaseCaption span.active .gradient {height:17px;}
#showcase .showcaseTimer {background-color:#fff;position:absolute;bottom:0;z-index:2;width:100%;height:4px;line-height:4px;}
#showcase .showcaseTimer li { float:left; display:block; width: 15px; height:4px; background-color: #72000c; border-width: 0 1px 0 0; border-color: #4c0002; border-style:solid; }
#showcase .showcaseTimer li.first { width:14px; border-left-width: 1px;}
#showcase .showcaseTimer li.smaller { width:16px;}
#showcase .showcaseTimer li.animationStart { border-color: #960008;}
#showcase .showcaseTimer li.done { background-color: #de0017; border-color: #960008;}
#showcase .showImg {height:343px;}
#showcase .showImg .showcaseCaption{display:block;top:82px;padding-left:65px;}
#showcase .caseCurrent {width:100%;height:328px;background-position:center 0; background-repeat: no-repeat;background-color:#000;}
#showcase .showcaseBottom {position:absolute;width:100%;height:10px; bottom:13px;
-moz-box-shadow: 0 -5px 20px #000000;
-webkit-box-shadow: 0 -5px 20px #000000;
box-shadow: 0 -5px 20px #000;
}
#showcase .hideShadow {position:absolute;bottom:-3px;width:100%;height:28px;background-color:#fff;}
.no-boxshadow #showcase .showcaseBottom {bottom:25px;height:20px;background:url(../img/fallback/shadowBottom.png) repeat-x;}
.ie6 #showcase .showcaseBottom {display:none;}
#selectBox {padding:20px 0 40px;}
#selectBox select {float:right;}
#crew h2 {font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;font-size:18px;line-height:22px;padding-bottom:0;cursor:pointer;}
#crew h2 .active span {
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
#crew h3 {font-size:16px;line-height:20px;}
#crew h4 {padding:0;color:#314152;position:relative;}
#crew h4, #crew .crewDetail {font-size:14px;line-height:18px;}
#crew > div {float:left;display:inline;width:197px;padding-left:49px;}
#crew > div:first-child {padding-left:0;}
#crew .hover {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-o-transform: scale(1.07);
-moz-box-shadow: 0 0 20px #999; /* FF3.5+ */
-webkit-box-shadow: 0 0 20px #999; /* Saf3.0+, Chrome */
box-shadow: 0 0 20px #999; /* Opera 10.5, IE9, Chrome 10+ */
}
#crew .crewImage {position:relative;width:185px;padding:6px;margin-bottom:10px;
-moz-box-shadow: 0 0 5px #ccc; /* FF3.5+ */
-webkit-box-shadow: 0 0 5px #ccc; /* Saf3.0+, Chrome */
box-shadow: 0 0 5px #ccc; /* Opera 10.5, IE9, Chrome 10+ */
}
.lt9 #crew .crewImage {border:1px solid #ccc;}
#crew .contentBox img {margin:0;}
#crew .triangle {position:absolute;top:0;right:0;z-index:1;border-color:#da0902 #da0902 transparent transparent; border-style:solid;border-width:38px;width:0;height:0;}
#crew .triangle.changeBg {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
border-top-color:#314152;
border-right-color:#314152;
}
#crew .crewDetail {display:none; width:197px;}
#crew .crewDetail h2 {cursor:default;}
#crew .crewDetail h2 span.icon {position:static;width:13px;height:15px;margin-left:5px;}
.listItemsImage h3 {font-family:RHMcustomStrong, sans-serif;font-size:16px}
.listItemsImage li img {float:right;margin:4px 0 20px 10px;}
.listItemsImage li.alternate img {float:left;margin:0 20px 0 0;}
.searchBox {padding-bottom:20px;margin-bottom:20px;}
.searchBox input {float:left;font-size:14px;}
.colRight .searchBox input.tf {width:128px;margin:0 5px 0 0;}
.ie7 .colRight .searchBox input.tf {width:130px;}
.ie8 .colRight .searchBox input.tf {width:134px;}
.ie9 .colRight .searchBox input.tf {width:133px;}
.scrollable {position:relative;overflow:hidden;width:200px;height:207px;margin-bottom:5px;}
.scrollable img {margin:0;display:inline;}
.scrollable .items {width:20000em;position:absolute;}
.scrollable .items > div {float:left;}
.scrollable .items div .contentText {width:200px;}
.scrollBox .nav {float:right;padding-bottom:5px;}
.scrollBox .nav span {display:block;float:left;padding:0 1px;font-size:13px;}
.scrollBox .nav span.current {color:#eb0102;font-weight:bold;}
#editModeFooter {background: #314152 url(../img/bgEditMode.png) no-repeat center 0;color:#fff;padding:15px 0;font-size:14px;line-height:18px;
-moz-box-shadow: inset 0 0 20px #000000; /* FF3.5+ */
-webkit-box-shadow: inset 0 0 20px #000000; /* Saf3.0+, Chrome */
box-shadow: inset 0 0 20px #000000; /* Opera 10.5, IE9, Chrome 10+ */
}
#editModeFooter h3{font-family:RHMcustomStrong, sans-serif;}
#editModeFooter h3{font-family:RHMcustom, sans-serif;}
#editModeFooter h3, #editModeFooter h4 {color:#fff;}
.dfForm li {padding-top:6px;margin:0;}
.dfLabel {float:left;width:180px;;margin:6px 10px 5px 0;}
.dfControl {float:left;width:790px;}
.dfControl input, .dfControl textarea {width:753px;}
.dfControl select {width:769px;}
.dfCheckboxList input, .dfRadiobuttonList input {width:auto; float:left; margin:2px 5px 5px 0;border:none;}
.dfCheckboxList label, .dfRadiobuttonList label {float:left; margin-bottom:5px;}
.ie .dfCheckboxList input, .ie .dfRadiobuttonList input {margin-top:-2px;}
/* fallbacks */
.no-boxshadow .shadowTop{height:21px;width:100%;background:url(../img/fallback/shadowTop.png) repeat-x 0 0;position:absolute;z-index:1;}
.no-boxshadow .shadowLeft{height:100%;width:9px;background:url(../img/fallback/shadowLeft.png) repeat-y 0 0;position:absolute;z-index:1;left:0;top:0;}
.ie6 .shadowTop, .ie6 .shadowLeft{display:none;}
/* sitecore cms */
.showcaseEditmode {height:327px;width:980px;margin:0 auto;overflow:auto;}
.showcaseEditmode h4 {height:32px;line-height:32px;text-align:center;color:#fff;padding:5px 10px;border-right:1px solid #4e565f;
background-color:#000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #314152), color-stop(1, #000000)); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #314152, #000000); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, #314152 0%, #000000 100%);/* FF3.6 */
background-image: -ms-linear-gradient(top, #314152 0%, #000000 100%); /* IE10 */
background-image: -o-linear-gradient(top, #314152 0%, #000000 100%); /* Opera 11.10+ */
background-image: linear-gradient(top, #314152 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#314152', EndColorStr='#000000'); /* IE6–IE9 */
}
}
.showcaseEditmode h4 a {color:#fff;}
.showcaseEditmode img {display:block;}
.showcaseEditmode .noHeader {background-color:Red!important}
.showcaseEditmode .showcaseCaptionEdit {margin-bottom:20px;}
.showcaseEditmode span.btnEdit {display:block;float:left;font-size:18px;padding: 5px 10px;font-size:19px;}
#map { position:relative; }
#directionsSearchBox { width: 255px; height: 75px; position:absolute; bottom:15px;right:15px; color: #000000; padding:10px; z-index: 99;
background-color: transparent;
background-color: rgba(255, 255, 255, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF);
zoom: 1;
}
#directionsSearchBox label { font-weight: bold; font-size: 12px; color: #000000; min-height:26px; height:auto !important; height:26px; margin-right: 5px; display:block;}
#directionsSearchBox input { margin: 0 5px 0 0; font-size: 12px;padding: 0 5px; height: 24px; width: 210px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#directionsSearchBox a.showDirections { position: absolute; display:block; height:25px; width:25px; background-color:#6FBB1F; top: 35px; right: 10px; padding:0;}
#directionsSearchBox a.showDirections .icon { top: 3px;right:4px;}
#directionsSearchBox a.useCurrentLocation {color: #eb0102;font-size:12px;}
#directionsSearchBox a.useCurrentLocation:hover { color: #00ADEF; }
#directionsPanel { display:none;}
#directionsPanel table tbody { border-style:none;}
#directionsPanel table td {padding: 5px 0 0 10px;}
#directionsPanel .adp-placemark img { margin-bottom: 5px; }
#directionsPanel .adp-summary { text-align: right; }
#directionsPanel .directionButtons a { margin-left: 10px;margin-top:5px; }