/* =================================================== grey #5c5c5c l. blue #dfe8ed d. blue #4690ba =================================================== */ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline} table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top} :focus {outline: 0} table {border-collapse: separate; border-spacing: 0} caption, th, td {font-weight: normal} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* ============== General */ h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:25px 0 10px 0} h1 {font-size: 1.3em} h2 {font-size: 1.2em} h3 {font-size: 1.2em} h4 {font-size: 1.1em} h5 {font-size: 1.0em} h6 {font-size: 0.8em} #content h2 {font:1.6em arial; color:#4690ba;} #content h3 {font:1.4em arial; color:#4690ba;} #content h4 {font:1.2em arial; color:#4690ba;} #content h5 {font:1.0em arial; color:#4690ba;} p {margin-bottom:15px} strong {font-weight:bold} #content-wide strong {font-size: 11pt; font-weight: bold; color: #4690ba;} img {border:0} ul {margin:0 0 0 25px} ol {margin:0 0 0 30px} a:link, a:visited {color:#4690ba; text-decoration:none} a:hover, a:active {color:#4690ba; text-decoration:underline} .hr {border-bottom:1px solid #dfe8ed; margin:20px 0} .hr2 {border-top:1px solid #dfe8ed; width:590px; margin:0 0 0 20px} /* ============== Body */ html {overflow-y:scroll;} body {background:url(../media/bg_body.jpg) repeat-x; color:#5c5c5c; font:.8em arial, verdana;} #loading {position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; display: none;} #container {position:relative; width:990px; margin:0 auto} #h1header {position:absolute; top:0; text-indent:-3000px} /* ============== Mainmenu */ #mainmenu {background:url(../media/bg_mainmenu.gif) repeat-x; width:988px; margin:30px auto 40px auto; border:1px solid #dddddd} #mainmenu #logo {float:left; margin:0 0px 0 0; line-height:0} #mainmenu ul {float:right} #mainmenu li {float:left; list-style-type:none; border-left:1px solid #bfbfbf} #mainmenu li a:link, #mainmenu li a:visited {display:block; color:#808080; text-decoration:none; text-align:center; /* padding:15px 21px; width:55px;*/ padding:15px 0; width:115px} #mainmenu li a:hover, #mainmenu li a:active {color:#0088cc; text-decoration:none} #mainmenu .ico_search {display:block; cursor:pointer; padding:0px!important; background:url(../media/ico_search.png) no-repeat 10px 14px; width:40px; height:45px;} #mainmenu .ico_search a:link, #mainmenu .ico_search a:visited {padding:0; width:20px} #mainmenu .box_search {background:#cbcbcb url(../media/bg_searchbox.png) no-repeat 6px 4px} #mainmenu .box_search input {background:none; color:#9a9b9b; font:1em arial, verdana; margin:5px 0 0 30px; width:120px; height:15px; border:0px solid black;} .box_search {position:absolute; top:47px; left:789px; background:#cbcbcb; width:200px; height:30px; border-right:1px solid #dddddd} .box_search input.searchbutton {position:absolute; background:url(../media/ico_search_rechts.png) 3px 2px no-repeat!important; top:0px; left:140px; width:25px!important; height:18px!important; cursor:pointer; text-indent:-9999em} #mainmenu .active a:link, #mainmenu .active a:visited {background:url(../media/mainmenu_active.jpg) center 0; color:#000!important} #mainmenu .active a:hover, #mainmenu .active a:active{color:#0088cc!important} .mainmenu-border a {border-left:1px solid #e5e5e5!important} /*============== Submenu */ #submenu {width:990px; height:28px; border-bottom:1px solid #dfe8ed} #submenu ul {float:right} #submenu li {float:left; list-style-type:none;} #submenu li a:link, #submenu li a:visited {display:block; color:#9a9b9b; text-decoration:none; padding:0 12px 12px 12px} #submenu li a:hover, #submenu li a:active {color:#0088cc; text-decoration:none} #submenu li.active {background:url(../media/bg_submenu_active.gif) no-repeat bottom center;} #submenu li.active a {color:#4f5457} /* ============== Flash */ #homepage-banner {position:relative; width:990px; height:340px; overflow:hidden; margin-bottom:15px} #homepage-banner .images-container {position:absolute;} #homepage-banner .images-container img {position:absolute; top:0; left:0;} #homepage-banner .play-button a {display:block; position:absolute; z-index:10; top:105px; left:435px; width:120px; height:120px; text-indent: -9999px;} #homepage-banner .play-button a {background:url(../media/portal/btn_play_hover.png);} #homepage-banner .play-button a:hover {background:url(../media/portal/btn_play.png); top:45px; height:180px; } #homepage-banner .flash-container {position:absolute; top:0; width:990px; height:340px} #homepage-banner .banner-link {cursor:pointer;} /* ============== Bar_news */ #bar_news {border:1px solid #dfe8ed; background:#f7f7f7; height:16px; margin-bottom:15px; padding:5px 5px 5px 10px; color:#404040} #bar_news a:link, #bar_news a:visited {color:#404040; text-decoration:none} #bar_news a:hover, #bar_news a:active {color:#4690ba; text-decoration:none} #bar_news strong {float:left;} ul#listticker {float:left; width:880px; margin:0 0 0 5px} ul#listticker li {list-style-type:none; display:inline} /* ============== Portal buttons */ #btns_portal {position:relative; border:1px solid #dfe8ed; margin:0;} #btns_portal ul {margin:0; padding:0} #btns_portal li {float:left; list-style-type:none; cursor:pointer} #btns_portal li a:link, #btns_portal li a:visited {display:block; width:247px; height:144px;} #btns_portal li a:hover, #btns_portal li a:active {text-decoration:none} #btns_portal h2 {margin:10px 0; padding:0 10px; font: 12pt Arial, sans-serif; color: #4690ba; font-weight: bold;} #btns_portal span {display:block; padding:0 10px; color:#808080; font: .9em arial, verdana;} #btns_portal .icon_prodnew {margin:-42px 10px 0 0; border:none; float:right; padding:0; background:url(../media/products/new.png) no-repeat; width:28px; height:59px} /* ============== Content */ #content {line-height:21px} #content ul {margin:0 0 20px 25px} #content-left {float:left; width:290px; margin-right:40px; text-align:justify; padding:5px 20px} #content-right {float:left; width:610px; padding:5px 0} #content-wide {line-height:21px} #content-wide td {text-align:justify; } #content-wide h5 {font:1.5em arial, geneva, verdana, sans-serif; color: #5c5c5ca; line-height: 1.8em; margin:0; padding:0} #content-wide h6 {font:1.9em arial, geneva, verdana, sans-serif; color: #5c5c5ca; line-height: 2em; margin:0; padding:0 } ul.comparelist {margin:0 0 20px 20px} ul.comparelist li {padding:5px 0 5px 10px; border-bottom:1px solid #DAE4E9; list-style-type:none; width:440px;} #content-wide h5.2columnhead {font:1.5em arial, geneva, verdana, sans-serif; color: #4690ba; margin:0; padding:0 0 0 20px} /* ============== Footer */ #footer {border-top:1px solid #dfe8ed; border-bottom:1px solid #dfe8ed; width:990px; margin:20px auto; padding:6px 0 4px 0; font: .85em arial, verdana;} #footer p {float:left; margin:0 4px 0 0} #footer li {display:inline; padding:0 2px 0 10px; list-style-type:none; background:#fff url(../media/ico_bullet01.gif) no-repeat 0 4px} #footer li a:link, #footer li a:visited {color:#4690ba; text-decoration:none} #footer li a:hover, #footer li a:active {color:#5c5c5c; text-decoration:none} #footer-left {float:left; width:500px; padding:2px 0 0 0;} #footer-right {float:left; width:490px; text-align:right} #footer-right ul, #footer-right li {margin:0; float:right} #footer-right li {list-style-type:none; background:none; text-align:right!important} #footer-right img {border:1px solid #DFE8ED} #footer-right .eng, #footer-right .nl, #footer-right .ger, #footer-right .fra, #footer-right .rus, #footer-right .spa, #footer-right .ita {width:25px; border:1px solid #DFE8ED; height:17px; margin:0 0 0 7px; padding:0; cursor:pointer; text-indent:-3000px} #footer-right .eng {background:url(../media/flags/uk.png) no-repeat;} #footer-right .nl {background:url(../media/flags/nl.png) no-repeat;} #footer-right .ger {background:url(../media/flags/ger.png) no-repeat;} #footer-right .fra {background:url(../media/flags/fra.png) no-repeat;} #footer-right .rus {background:url(../media/flags/rus.png) no-repeat;} #footer-right .spa {background:url(../media/flags/spa.png) no-repeat;} #footer-right .ita {background:url(../media/flags/ita.png) no-repeat; } #footer-right li {position:relative; display:inline-block; text-align:left; float:left;} /* ======================================================================== Form error */ .reqInputfield{border:2px solid #f33 !important; background:#fff url(/media/icon_error.png) no-repeat right;} .AxRequiredMessage,.AxValidationMessage{display:none;} /* ======================================================================== Login bar */ #loginwrapper {position:relative; display:none} #loginbar {width: 100%; background: #f5f8fa; border-top: 1px solid #dfe8ed; border-bottom: 1px solid #dfe8ed; line-height: 35px; margin:30px 0} #icon {position:absolute; float: left; width: 93px; height: 35px; position: relative; top:-22px} #logintext {float:left; padding-top:5px; padding-right: 30px; font: bold 11pt arial, sans-serif; color: #ff0000; line-height: 25px;} .userinput {float: right; width: 565px; padding-right:20px} .username { float: left; padding-right: 10px;} #password {float:left ; padding-right: 15px; } #loginbtn { float:left; height: 32px; padding-top: 3px;} #loginbar input {border:1px solid #dfe8ed} #loginbar .loginbutton {border:0px; background:url(../media/login.gif) no-repeat; cursor:pointer; margin:0 0 0; text-indent:-3000px;width:30px;} .LoginButton {margin-right: 15px; padding-top: 8px; border: 0px; } .CancelButton {border: 0} .login_green {color:green; font-weight:bold;} .login_red {display:block; width:320px;} .login_red, #loginbar span {color:red; font-weight:bold} #logintext_right, #logintext_right table {width:535px; float:right; margin:0; padding:0; text-align:right} #logintext_right table, #logintext_right table td{float:right;} .logout-link{float:left; padding-top:3px;} /* ======================================================================== Registration page */ #form_memberreg {} #form_memberreg .formindent {line-height:27px; margin:0; padding:0} #form_memberreg label {display:inline-block; width:190px} #form_memberreg input, #form_memberreg textarea {display:inline-block; width:395px} #form_memberreg span.error {color: #FF0000; /*margin-left: 195px;*/} #form_memberreg .btnRegister {width:100px; cursor:pointer; border:0px; background:none; float:right; text-align:right; margin:5px 10px 0 0; color:#4690ba} #form_memberreg .btnRegister:hover {color:#5c5c5c} #form_memberreg #ctl00_ctl00_ctl00_ctl00_ctl00_ctl00_ContentPlaceHolderDefault_SiteBody_MasterBody_ContentBody_SubContentRight_ctl00_MemberRegistration_5_CompareValidatorPasswords {float:left; display:block; width:380px; margin:0 0 5px 0; padding:0 0 0 195px} /* ============== News page */ #content-left ul#newsarticles {margin:0 0 50px 0; padding:0; color:#000;text-align:left;} #newsarticles li {list-style-type:none; line-height:24px; border-bottom:1px solid #dae4e9; } #newsarticles li div {padding:0 15px 5px 0; color:#4690ba; font: bold 0.7em arial,verdana;} #newsarticles li a:link, #newsarticles li a:visited {color:#5c5c5c} #newsarticles li a:hover, #newsarticles li a:active {text-decoration:none; color:#4690ba} #newsarticles li.active a {color:#4690ba} #newsarticles li.active a:hover {text-decoration:none} #content-left h4.ListNewsArticles {font:1em arial, verdana; margin:0; padding:0} #content-right h2.ListNewsArticlesHeader {margin:25px 0 5px 0; padding:0} #content-right h4.ListNewsArticlesDate {font:bold .8em arial, verdana; margin:0 0 10px 0; padding:0} .contact li {list-style-type:none; border-bottom:1px solid #DFE8ED; line-height:30px; width:315px;} .contact span {list-style-type:none; display:inline-block; width:170px} .contact span.strong {font-weight:bold} /* ============== Searchresults */ ul.searchresults {margin:0!important} .searchresults li {list-style-type:none; margin:0 0 20px 0} .pager { text-align:right; margin:15px 0} .pager a:link, .pager a:visited {color:#4690ba; padding:0 5px} .pager a:hover, .pager a:active {color:#4690ba; text-decoration:underline} .pager .active {color:#5c5c5c!important} /* ======================================================================== Solutions */ #solutions {position:relative; margin:100px 0 0 0; } #logo_crossconnect {position:absolute; top:-70px; height:70px;} #logo_crosspoint {position:absolute; top:-70px; left:770px; z-index:1000} #solutionscenter {position: absolute; top:1px; left:237px} .infoleft {height: 218px} #whitespace {height: 80px;} .buttonleft {cursor:pointer} #solutionswrapper {width: 990px; min-height:463px; border: 1px solid #dfe8ed; background: url(../images/solutionwrapper_spacer.jpg) repeat-y;} #solhoeklb {position: absolute; top:-3px; left:0} #solhoekrb {position: absolute; top:-3px; right:-2px; z-index:100000} #solhoekro {position: absolute; bottom:-3px; right:-2px} #solhoeklo {position: absolute; bottom:-3px; left:0} #info_1 {display: block;} #info_1, #info_2, #info_3, #info_4, #info_5, #info_6 {background-color:#fff; background-repeat:no-repeat; background-position: bottom left;} #solutionsleft {float: left; height: 465px; width: 232px; margin-top: -1px; background: #f8f8f8;} #solutionsexplanations {width: 756px; text-align: left;} #solutionsexplanations p {line-height:22px} .soltitle {font-weight:bold; color: #9a9b9b; line-height: 40px; border-top: 1px solid #dfe8ed; text-indent: 1em; /* background: #f8f8f8!important */} .soltitle:hover {color: #4690ba;} #solutionsleft .active2 {background:red!important;} .soltitle a:link, .soltitle a:visited {width:200px; display:block} .soltitle a:hover, .soltitle a:active {text-decoration:none} .activesoltitle {color: red; line-height: 40px; border-top: 1px solid #dfe8ed; text-indent: 1em; background: #fff;} .infoleft .soltext {line-height:22px; height: 50px; padding: 40px 15px 15px 15px;} #solutionscenter{text-align: left; width: 756px; float: left;} .solutionafbeelding {position:absolute; height: 374px; width: 752px;} #solutionafbeeldingdiv img.displayblock, #solutionsexplanations .displayblock {display:block; z-index:100000} #solutionsexplanations .displaynone {display:none} #solutionafbeeldingdiv{position: relative; width: 755px; height: 380px; margin-top: -80px;} .explanation{margin: 15px 70px 30px 60px; display: none;} acronym{border: none;} .imagelinkimage{width: 19px; height: 19px; border: solid 0px #000} .imagelink{position: relative; display: block; height: 19px; width: 19px; cursor: pointer; border: solid 0px #000; z-index: 4;text-decoration:none !important; /* niet lager dan 4 in verband met de fade van de afbeeldingen. */} .imagelinkdiv{float: left; height: 0px; overflow: visible; position: absolute; z-index:1000000;} .coordsNone {display: none;} #solutionafbeeldingdiv {z-index:500;} /* ======================================================================== Downloads */ #content-right ul.tree-style-list {margin:0} ul.tree-style-list, ul.tree-style-list ul {list-style: none; padding-left: 0; margin-left: 0;} ul.tree-style-list ul {margin:0!important;} ul.tree-style-list li {background: url(../media/downloads/downloads_closed.png) 0 3px no-repeat; padding-left: 19px; margin:0; cursor:pointer} ul.tree-style-list li li{background: url(../media/downloads/downloads_closed.png) 15px 3px no-repeat; padding-left: 32px; } ul.tree-style-list li li.last-level a{padding-left: 22px !important; } ul.tree-style-list li li li.last-level {padding-left: 23px !important; } ul.tree-style-list li span.dummy{display: inline-block; width: 16px; height: 16px; margin-right:5px} ul.tree-style-list li span.locked {display: inline-block; width: 16px; height: 16px; margin-right:5px} ul.tree-style-list li span.locked {background: url(../media/downloads/locked.png) no-repeat;} ul.tree-style-list li.last-level {background: none;} ul.tree-style-list li a:link, ul.tree-style-list li a:visited {color: #9a9b9b; font-weight: bold} ul.tree-style-list li a:hover, ul.tree-style-list li li a:hover {color: #4690BA; font-weight: bold; text-decoration:none} ul.tree-style-list li.opened {background:url(../media/downloads/downloads_open.png) 0 2px no-repeat; font-weight: bold} ul.tree-style-list li li.opened{background:url(../media/downloads/downloads_open.png) 15px 2px no-repeat; font-weight: bold } ul.tree-style-list li.opened a, ul.tree-style-list li.opened li.opened a, ul.tree-style-list li.opened li.opened li.opened a {color: #5C5C5C} ul.tree-style-list li.opened li a, ul.tree-style-list li.opened li.opened li a, ul.tree-style-list li.opened li.opened li.opened li a {color: #9A9B9B} ul.tree-style-list li.opened li a:hover, ul.tree-style-list li.opened li.opened li a:hover, ul.tree-style-list li.opened li.opened li.opened li a:hover {color: #4690ba} ul.tree-style-list li.clickable {cursor:pointer} /* ======================================================================== Support FAQ */ #navigation {margin:0 0 0 2px!important} #navigation li {list-style-type:none; padding:5px 0;} #navigation a:link, #navigation a:visited {padding:0 0 0 20px} #navigation a:hover, #navigation a:active {} #navigation p a:link, #navigation p a:visited {padding:0 0 0 0px!important} #navigation a:hover, #navigation a:active {} #navigation a.head {cursor:pointer; background:url(../media/accordion_collapsed.gif) no-repeat scroll 0px 7px; color:#5c5c5c; display:block; font-weight:bold; /*margin:0px; padding:0 0 0 20px;*/ text-decoration: none;} #navigation a.head:hover {color:#5c5c5c;} #navigation a.selected {background-image: url(../media/accordion_expanded.gif);} #navigation ul {margin:0;} #navigation li li {margin:0 0 0 15px; list-style-type:disc; } select {border:1px solid #c2cfdc; background:#FFF; font:1em arial, verdana; padding:0 0 0 2px; width:170px; font:.9em arial, verdana; color:#5c5c5c} select option {padding:0 0 0 10px} /* ============== Misc */ .clear:after { content:"."; display:block; height:0px; clear:both; visibility:hidden } .clear{ display:inline-block } /* Hides from IE-mac \*/ * html .clear { height:1% } .clear { display:block } /* End hide from IE-mac */ /* ======================================================================== About us + Contact us */ .content_blue, #content-right strong {font-size: 11pt; font-weight: bold; color: #4690ba;} #content-left-contact {float:left; width:290px; margin-right:60px; text-align:justify; padding:5px 20px} #content-right-contact {float:left; width:590px; padding:5px 0} #content-bottom {display:block; width:950px; margin:0 auto} #content-left .contact {margin:0!important; padding:0!important} #content-left .contact ul {margin:0 0 20px 0} .contact li {list-style-type:none; border-bottom:1px solid #DFE8ED; line-height:30px; width:315px;} .contact span {list-style-type:none; display:inline-block; width:170px;} .contact span.strong {font-weight:bold;} .contact.contactWide li {width:450px;} .contact a:link, .contact a:visited, #content-right-contact a:link, #content-right-contact a:visited {color:#4690ba; text-decoration:none} .contact a:hover, .contact a:active, #content-right-contact a:hover, #content-right-contact a:active {color:#5c5c5c; text-decoration:none} #partner-wrapper {width:971px;} #partner-wrapper .partner {float:left; width:290px;margin-right:32px;min-height:250px;} #partner-wrapper .partner h2{border-bottom:1px solid #DFE8ED;} #partner-wrapper .partner h2 img{float:right;} #partner-wrapper .partner ul{margin:0;} #partner-wrapper .partner li{width:290px;} #partner-wrapper .partner li span{width:145px;} #partner-wrapper .partner-row{clear:both;} #partner-wrapper .partner th{text-align:left; font-weight:bold; min-width:25px;} /* ======================================================================== Products */ #product-widget {position: relative; } #categorybar {width: 990px; height: 33px; margin:15px 0; line-height:33px; overflow:hidden;} #categorybar select, #categorybar option {width:auto} #productbar {position:relative; width:988px; height: 280px; *height: 282px; background:url(../media/products/bg_products.gif) repeat-x /*url(../media/products/productsbg.gif) repeat-x*/; overflow:hidden; display:block; border: 1px solid #dae4e9; } .productbuttonwrapper {display: block; width: 247px; height: 280px; background-repeat:no-repeat; /*border:1px solid #ededee!important;*/ margin:0!important; padding:0!important} .productbutton {display: block; float: left; width: 247px; height: 280px; cursor: hand;} .productbutton .title {float: left; display: block; width: 247px; line-height: 34px; position: relative; top: 230px; text-align: center; cursor: hand; background:url(../media/products/productname.png) no-repeat;} a.productbutton:link {color: #9a9b9b; text-decoration:none} a.productbutton:visited{color: #9a9b9b; text-decoration:none} a.productbutton:active {color: #4690ba; text-decoration:none} a.productbutton:hover {color: #4690ba; text-decoration:none} a:link .productbutton .title {color: #9a9b9b;} a:visited .productbutton .title {color: #9a9b9b;} a:active .productbutton .title {color: #4690ba;} a:hover .productbutton .title {color: #4690ba;} .productbuttonactive {display: block; float: left; width: 247px; height: 280px; background:url(../media/products/bg_products_active.gif) repeat-x /*background:red url(../media/products/crosspoint_active.png) repeat-x bottom left;*/} .productbuttonactive .title {position: relative; float: left; display: block; margin-left: -1px; margin-right: -1px; width: 247px; line-height: 34px; top: 246px; text-align: center; color: #4f5457; cursor:hand; cursor: pointer; background:url(../media/products/productnameactive.png) no-repeat center top;} .productbuttonactive .lineleft {float: left; display: block; width: 1px; height: 280px; background: url(../media/products/fade.png) no-repeat;} .productbuttonactive .lineright {float: left; display: block; width: 1px; height: 280px; background: url(../media/products/fade.png) no-repeat;} /* #productbar #categorywrapper_0 .productbuttonactive .title {color:blue!important; background:red!important} */ a:link .productbuttonactive {color: #4f5457;} a:visited .productbuttonactive {color: #4f5457;} a:active .productbuttonactive {color: #4f5457;} a:hover .productbuttonactive {color: #4f5457;} a.categorybutton:link {color: #9a9b9b;} a.categorybutton:visited {color: #9a9b9b;} a.categorybutton:active {color: #4690ba;} a.categorybutton:hover {color: #4690ba;} a.categorybuttonactive:link {color: #4f5457;} a.categorybuttonactive:visited {color: #4f5457;} a.categorybuttonactive:active {color: #4f5457;} a.categorybuttonactive:hover {color: #4f5457;} .productbuttonactive .productbutton_inner {background: url(../media/products/fade.png) no-repeat center left;} .productbuttonactive .productbutton_outer {background: url(../media/products/fade.png) no-repeat center right;} .icon_prodnew {border:none; float:right; margin-bottom:-62px; margin-right:15px; background:url(../media/products/new.png) no-repeat; width:28px; height:59px} .icon_prodcc {border:none; float:left; margin-bottom:-62px; margin-left:15px; background:url(../media/products/crossconnect.png); width:44px; height:55px} #categorywrapper_0 {position: absolute; margin-left:1000px; width:10000px; display:block} #product_button_left {border: 0px; position: absolute; margin-top:-34px; margin-left:0px; text-decoration:none} #product_button_right {border: 0px; position: absolute; margin-top:-34px; margin-left:956px; text-decoration:none} .arrow-left-off, .arrow-left-on, .arrow-right-on, .arrow-right-off {position: absolute; width: 34px; height: 34px; display: block; margin-top: -34px;} .arrow-left-off {background: url(../media/products/product-left-grey.png) no-repeat; left: 0; /* display: none; */ } .arrow-left-on {background: url(../media/products/product-left-blue.png) no-repeat; left: 0;} .arrow-right-off {background: url(../media/products/product-right-grey.png) no-repeat; right: 0; /* display: none; */ } .arrow-right-on {background: url(../media/products/product-right-blue.png) no-repeat; right: 0;} /* ======================================================================== Products INFO */ #productbox {border:1px solid #dae4e9; background:url(../media/bg_productbox.gif) repeat-x left bottom; line-height:21px; margin:20px 0;} .blocks {min-height:500px} #productbox h2 {font:1.6em arial; color:#4690ba;} #box_img {float:left; width:280px;} #box_left {float:left; width:300px; margin:0 40px 0 0} #box_right {float:left; width:340px} #box_right ul {margin:0} #box_right li {list-style-type:none; border-bottom:1px solid #dae4e9; padding:2px 0} #box_right ul#thumbnails {margin:0} #box_right ul#thumbnails li {float:left; margin:0 13px 0 0; border:0} #box_right ul#thumbnails li img {border:1px solid #dce5ea} /* ======================================================================== Products - fancybox */ div#fancy_overlay {position:fixed; top:0; left:0; width:100%; height:100%; display:none; z-index:30;} div#fancy_loading {position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100;} div#fancy_loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(../media/fancybox/fancy_progress.png) no-repeat;} div#fancy_outer {position: absolute; top: 0; left: 0; z-index: 90; padding: 20px 20px 40px 20px; margin: 0; background: transparent; display: none;} div#fancy_inner {position: relative; width:100%; height:100%; background: #FFF;} div#fancy_content {margin: 0; z-index: 100; position: absolute;} div#fancy_div {background: #000; color: #FFF; height: 100%; width: 100%; z-index: 100;} img#fancy_img {position: absolute; top: 0; left: 0; border:0; padding: 0; margin: 0; z-index: 100; width: 100%; height: 100%;} div#fancy_close {position: absolute; top: -12px; right: -15px; height: 30px; width: 30px; background: url(../media/fancybox/fancy_closebox.png) top left no-repeat; cursor: pointer; z-index: 181; display: none;} #fancy_frame {position: relative; width: 100%; height: 100%; display: none;} #fancy_ajax {width: 100%; height: 100%; overflow: auto;} a#fancy_left, a#fancy_right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; z-index: 111; display: none; background-image: url("data:image/gif;base64,AAAA"); outline: none; overflow: hidden;} a#fancy_left {left: 0px;} a#fancy_right {right: 0px;} span.fancy_ico {position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; z-index: 112; cursor: pointer; display: block;} span#fancy_left_ico {left: -9999px; background: transparent url(../media/fancybox/fancy_left.png) no-repeat;} span#fancy_right_ico {right: -9999px; background: transparent url(../media/fancybox/fancy_right.png) no-repeat;} a#fancy_left:hover, a#fancy_right:hover {visibility: visible; background-color: transparent;} a#fancy_left:hover span {left: 20px;} a#fancy_right:hover span {right: 20px;} #fancy_bigIframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;} div#fancy_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 70; border: 0; padding: 0; margin: 0;} div.fancy_bg {position: absolute; display: block; z-index: 70; border: 0; padding: 0; margin: 0;} div#fancy_bg_n {top: -20px; left: 0; width: 100%; height: 20px; background: transparent url(../media/fancybox/fancy_shadow_n.png) repeat-x;} div#fancy_bg_ne {top: -20px; right: -20px; width: 20px; height: 20px; background: transparent url(../media/fancybox/fancy_shadow_ne.png) no-repeat;} div#fancy_bg_e {right: -20px; height: 100%; width: 20px; background: transparent url(../media/fancybox/fancy_shadow_e.png) repeat-y;} div#fancy_bg_se {bottom: -20px; right: -20px; width: 20px; height: 20px; background: transparent url(../media/fancybox/fancy_shadow_se.png) no-repeat;} div#fancy_bg_s {bottom: -20px; left: 0; width: 100%; height: 20px; background: transparent url(../media/fancybox/fancy_shadow_s.png) repeat-x;} div#fancy_bg_sw {bottom: -20px; left: -20px; width: 20px; height: 20px; background: transparent url(../media/fancybox/fancy_shadow_sw.png) no-repeat;} div#fancy_bg_w {left: -20px; height: 100%; width: 20px; background: transparent url(../media/fancybox/fancy_shadow_w.png) repeat-y;} div#fancy_bg_nw {top: -20px; left: -20px; width: 20px; height: 20px; background: transparent url(../media/fancybox/fancy_shadow_nw.png) no-repeat;} div#fancy_title {position: absolute; z-index: 100; display: none;} div#fancy_title div {color: #FFF; font: bold 12px Arial; padding-bottom: 3px; white-space: nowrap;} div#fancy_title table {margin: 0 auto;} div#fancy_title table td {padding: 0; vertical-align: middle;} td#fancy_title_left {height: 32px; width: 15px; background: transparent url(../media/fancybox/fancy_title_left.png) repeat-x;} td#fancy_title_main {height: 32px; background: transparent url(../media/fancybox/fancy_title_main.png) repeat-x;} td#fancy_title_right {height: 32px; width: 15px; background: transparent url(../media/fancybox/fancy_title_right.png) repeat-x;} /* ======================================================================== Showcase*/ #showcase .intro h1{font-size: 2.4em;font-weight: bold; padding-bottom: 10px;} #showcase .intro p{font-size: 1.4em; line-height: 2.1em;} #showcase .intro strong{font-size: 1.4em; line-height: 1.5em;} #showcase .intro {overflow:hidden;border-bottom:1px solid #DFE8ED;padding:0 0 20px 0;} #showcase .intro img{float:left;max-width:220px;margin:0 25px 0 0;} #showcase .prodItem{overflow:hidden;padding:0;border-bottom:1px solid #DFE8ED;margin-bottom:10px;padding-right:50px;} #showcase .prodItem.noBorder, #showcase .prodItem.last{border-bottom:0;} #showcase .prodItem.prodRight{padding:0;padding-left:50px;padding-right:0;} #showcase .prodItem .prodContent{float:left;width:460px;margin:auto;padding-bottom:20px;} #showcase .prodItem.last .prodContent{padding-bottom:0;} #showcase .prodItem .prodContent h2{font:2em arial; color:#4690ba; font-weight: bold;line-height:50px;} #showcase .prodItem .prodContent h2 img{background:#fbfbfb;width:50px;height:50px;float:left; margin:0 15px 0 0; /*CSS3*/ text-shadow:1px 1px #fff; border-radius: 5px; box-shadow: 0px 0px 3px #ddd; -moz-border-radius: 5px; -moz-box-shadow: 0px 0px 3px #ddd;} #showcase .prodItem .prodContent h3{font-weight:bold;font-size:2.2em;} #showcase .prodItem .prodContent p{font-size:1.2em;line-height: 1.5em;} #showcase .prodItem .prodContent strong{font-size:1.2em;line-height: 1.5em;} #showcase .prodItem .prodContent .prodHighlight{border:1px solid #DFE8ED;background:#fbfbfb;padding:10px; /*CSS3*/ text-shadow:1px 1px #fff; border-radius: 5px; box-shadow: 0px 0px 3px #ddd; -moz-border-radius: 5px; -moz-box-shadow: 0px 0px 3px #ddd;} #showcase .prodItem .prodContent .prodHighlight h3{font-size:1em;margin:0 0 5px;} #showcase .prodItem .prodContent .prodHighlight p{font-size:1em;margin:0 0 10px;overflow:hidden;} #showcase .prodItem .prodContent .prodHighlight img{float:left;margin: 0 10px 0 0;} #showcase .prodItem .prodContent .prodHighlight ul{list-style:none;border-top:1px solid #DFE8ED;margin:0 0 10px;clear:both;} #showcase .prodItem .prodContent .prodHighlight ul li{border-bottom:1px solid #DFE8ED;padding:4px ;} #showcase .prodItem .prodImage{float:left;width:480px;} #showcase .prodItem .prodImage img{width:430px;max-height:600px;} #showcase .prodItem.prodRight .prodImage, #showcase .prodItem.prodRight .prodImage img{float:right;} .gmap-content{line-height:22px} .gmap-content h4{margin:0;font-weight:bold !important;} /* ======================================================================== References*/ #photo-viewer {margin: 10px 0 0 45px; min-height:500px} #photo-viewer .thumbnail-container {margin-bottom: 30px;} #photo-viewer .thumbnail-container .viewer-thumb {display: none;} #photo-viewer .thumbnail-container img {border: none; padding:0 10px 10px 0} #photo-viewer .photo-viewer-header {margin-bottom: 10px;} #photo-viewer .photo-viewer-header span {margin-right: 5px;} #grote_ref_afbeeldingen {display:none} .photo-album {background: #fff; width: 552px; text-align: left; opacity: 0;} .photo-album .slider-section {margin: auto; width: 548px} .photo-album .large-photo {padding: 10px; margin: 0 0 10px; border: 1px #EDEDED solid; height: 380px; text-align: center; position: relative;} .photo-album .large-photo h3 {color:#4690BA; font-family:arial,geneva,verdana,sans-serif; font-size:8pt; color: #555; font-weight: bold; background: #EDEDED; display: block; width: 518px; padding: 5px 6px; position: absolute; left: 10px; bottom: 10px; margin: 0; text-align: left;} .photo-album .slide-left {float: left; display: block; width: 44px; height: 90px; background:#FFF url(../media/references/gallerybutton_left3.png) no-repeat left center} .photo-album .slide-right {float: left; display: block; width: 44px; height: 90px; background:#FFF url(../media/references/gallerybutton_right3.png) no-repeat right center} .photo-album .photos-slider-container {float: left; display: block; height: 70px; width: 460px; margin: 10px 0; overflow: hidden;} .photo-album .photos-slider {/* width: 10000px; padding-left: 4px*/ height: 70px;} .photo-album .photos-slider img {border: none; margin: 0 7px; border:1px solid #DFE8ED; width:98px;} .hover {color: #4690ba;} .titleexpanded {color: #000000; background-color: white} /* ======================================================================== Auto icons */ a.pdf {background: url(../media/icons/pdf.png) no-repeat left center; padding-left: 25px; line-height: 16px;} a.txt {background: url(../media/icons/txt.png) no-repeat left center; padding-left: 35px; line-height: 16px;} a.png {background: url(../media/icons/png.png) no-repeat left center; padding-left: 25px; line-height: 16px;} a.bmp {background: url(../media/icons/png.png) no-repeat left center; padding-left: 25px; line-height: 16px;} a.ppt {background: url(../media/icons/ppt.png) no-repeat left center; padding-left: 25px; line-height: 16px;} a.doc {background: url(../media/icons/doc.png) no-repeat left center; padding-left: 25px; line-height: 16px;} a.zip {background: url(../media/icons/zip2.png) no-repeat left center; padding-left: 25px; line-height: 16px;} a.email {background: url(../media/icons/email.png) no-repeat left center; padding-left: 25px; line-height: 16px;} a.external {background: url(../media/icons/ext_link.png) no-repeat left center; padding-left: 25px; line-height: 16px;} div#preloader {margin: 0; width:550px; height:490px; position:absolute; background:#FFF url(../media/ajax-loader.gif) no-repeat center center; } /* ======================================================================== CountryMap */ .partner-country-map{width:945px;height:400px;margin-top:50px;} .partner-text{float:left; width:600px;margin-right:40px;} .partner-text h2{margin-top:10px;} .head-office{float:left; width:280px; border:1px solid #DFE8ED;padding:10px; margin-top:47px;} .head-office h2{margin-top:0; font-size:1.3em !important;} .head-office .contact{float:right} .contact-block{float:left;width:234px;padding:5px 15px 0 65px;border-right:1px solid #DFE8ED;margin-top:15px;} .contact-block.first{border-left:1px solid #DFE8ED;} .contact-block.highlight{color:#4690BA;} .contact-block p{margin-bottom:0; cursor:pointer} .contact-block .contact{float:right;} .infowindow p{margin:0;line-height:16px;} .infowindow p strong{display:inline-block;padding-bottom:5px;} /* ======================================================================== WorldMap */ #WorldMap{background:#fff url(../media/world.png) no-repeat;width:964px;height:473px;position:relative;margin-top:50px;} #WorldMap ul{margin:0;padding:0;list-style:none;background:none;} #WorldMap li{position:absolute;background:transparent url(../media/map-pin.png) no-repeat;line-height:1;z-index:5;} #WorldMap li:hover{z-index:10;} #WorldMap li a{display:inline-block;padding-left:12px;text-decoration:none;height:13px;color:#333;} #WorldMap li div{display:none;background:transparent url(../media/label-left.png) no-repeat center left;padding:15px 13px 16px 17px;font-size:12px;color:#4690BA;height:53px;position:relative;left:-29px;top:-98px;min-width:70px;text-align:center;} #WorldMap li div .label-right{background:transparent url(../media/label-right.png) no-repeat center left;width:17px;height:84px;display:block;position:absolute;right:-17px;top:0;} #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none} #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(fancybox.png)} #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none} #fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0} #fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;outline:none;display:none;padding:20px} #fancybox-outer{position:relative;width:100%;height:100%;background:#fff} #fancybox-content{width:0;height:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff;padding:0} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101} #fancybox-close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url(../media/fancybox/fancy_closebox.png) top left no-repeat;cursor:pointer;z-index:9181;display:none} #fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px} #fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0} #fancybox-frame{width:100%;height:100%;border:none;display:block} .fancybox-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0} div#fancybox-bg-n{top:-20px;left:0;width:100%;height:20px;background:transparent url(../media/fancybox/fancy_shadow_n.png) repeat-x} div#fancybox-bg-ne{top:-20px;right:-20px;width:20px;height:20px;background:transparent url(../media/fancybox/fancy_shadow_ne.png) no-repeat} div#fancybox-bg-e{right:-20px;height:100%;width:20px;background:transparent url(../media/fancybox/fancy_shadow_e.png) repeat-y} div#fancybox-bg-se{bottom:-20px;right:-20px;width:20px;height:20px;background:transparent url(../media/fancybox/fancy_shadow_se.png) no-repeat} div#fancybox-bg-s{bottom:-20px;left:0;width:100%;height:20px;background:transparent url(../media/fancybox/fancy_shadow_s.png) repeat-x} div#fancybox-bg-sw{bottom:-20px;left:-20px;width:20px;height:20px;background:transparent url(../media/fancybox/fancy_shadow_sw.png) no-repeat} div#fancybox-bg-w{left:-20px;height:100%;width:20px;background:transparent url(../media/fancybox/fancy_shadow_w.png) repeat-y} div#fancybox-bg-nw{top:-20px;left:-20px;width:20px;height:20px;background:transparent url(../media/fancybox/fancy_shadow_nw.png) no-repeat} /* Validation page */ .validatonForm {background:transparent url(../media/validation/certificateWithArrows.jpg) no-repeat; width:400px; height: 270px; margin:50px 0 100px 0;} .AuthenticityCheck {text-align: center; padding:115px 0 0 0; line-height: 40px;} .AuthenticityCheck .submit {display:inline-block; margin: 15px 0 0 0; width:100px;} .AuthenticityCheck select {width:150px;} /* #authenticityform{padding-bottom:100px;} */ .feedbackSummery {text-align: left;} .feedbackSummery li {line-height:1em;} .formDropDownList {text-align: left !important;} .formrowSelect {text-align: left; margin-top: -160px;} .formrowInput {margin-top:135px;} .formrowSubmit {text-align:left; margin-top: 100px;} #serialinvalid h3, #serialnorights h3 {background:transparent url(../media/validation/no_klein.png) no-repeat; position:relative; color: Red; text-indent:35px; text-align: left; width: 540px; height: 23px;} #serialvalid h3 {background:transparent url(../media/validation/good_klein.png) no-repeat; position:relative; color: Green; text-indent:35px; text-align: left; width: 540px; height: 23px;} #serialvalid h3 span, #serialinvalid h3 span {padding-left:35px;} .colorPlaceholder {color: #5C5C5C; height: 26px; font-size: 20px; width:140px;} /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */