1<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> --> 2<!DOCTYPE html><html> 3<head> 4 5<link rel='apple-touch-icon' sizes='180x180' href='../favicons/apple-touch-icon.png'> 6<link rel='icon' type='image/png' sizes='32x32' href='../favicons/favicon-32x32.png'> 7<link rel='icon' type='image/png' sizes='16x16' href='../favicons/favicon-16x16.png'> 8<link rel='manifest' href='../favicons/site.webmanifest'> 9<link rel='mask-icon' href='../favicons/safari-pinned-tab.svg' color='#004290'> 10<link rel='shortcut icon' href='../favicons/favicon.ico'> 11<meta name='msapplication-TileColor' content='#2d89ef'> 12<meta name='msapplication-config' content='../favicons/browserconfig.xml'> 13<meta name='theme-color' content='#ffffff'> 14 15<title> 16Solutions - Network Security</title> 17<meta name="Author" content="BOLL Engineering AG"> 18<meta name="Copyright" content="BOLL Engineering AG 2011"> 19<meta name="Robots" content="INDEX,FOLLOW"> 20<meta name="Language" content="de"> 21<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> 22<meta name="viewport" content="width=device-width"> 23<meta name="google-site-verification" content="dPJuomhWR2M-k16crlf-vpixCtJPnOp25-SETY3ZDc4" /> 24 25<meta http-equiv="X-UA-Compatible" content="IE=edge" ><STYLE type='text/css'> 26<!-- 27@font-face { 28 font-family: 'Open Sans'; 29 font-weight: 400; 30 font-style: normal; 31 src: url('../fonts/Open-Sans-regular/Open-Sans-regular.eot'); 32 src: url('../fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'), 33 local('Open Sans'), 34 local('Open-Sans-regular'), 35 url('../fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'), 36 url('../fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'), 37 url('../fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'), 38 url('../fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg'); 39} 40@font-face { 41 font-family: 'Open Sans'; 42 font-weight: 600; 43 font-style: normal; 44 src: url('../fonts/Open-Sans-600/Open-Sans-600.eot'); 45 src: url('../fonts/Open-Sans-600/Open-Sans-600.eot?#iefix') format('embedded-opentype'), 46 local('Open Sans Semibold'), 47 local('Open-Sans-600'), 48 url('../fonts/Open-Sans-600/Open-Sans-600.woff2') format('woff2'), 49 url('../fonts/Open-Sans-600/Open-Sans-600.woff') format('woff'), 50 url('../fonts/Open-Sans-600/Open-Sans-600.ttf') format('truetype'), 51 url('../fonts/Open-Sans-600/Open-Sans-600.svg#OpenSans') format('svg'); 52} 53@font-face { 54 font-family: 'Open Sans'; 55 font-weight: 400; 56 font-style: italic; 57 src: url('../fonts/Open-Sans-italic/Open-Sans-italic.eot'); 58 src: url('../fonts/Open-Sans-italic/Open-Sans-italic.eot?#iefix') format('embedded-opentype'), 59 local('Open Sans Italic'), 60 local('Open-Sans-italic'), 61 url('../fonts/Open-Sans-italic/Open-Sans-italic.woff2') format('woff2'), 62 url('../fonts/Open-Sans-italic/Open-Sans-italic.woff') format('woff'), 63 url('../fonts/Open-Sans-italic/Open-Sans-italic.ttf') format('truetype'), 64 url('../fonts/Open-Sans-italic/Open-Sans-italic.svg#OpenSans') format('svg'); 65} 66@font-face { 67 font-family: 'Open Sans'; 68 font-weight: 600; 69 font-style: italic; 70 src: url('../fonts/Open-Sans-600italic/Open-Sans-600italic.eot'); 71 src: url('../fonts/Open-Sans-600italic/Open-Sans-600italic.eot?#iefix') format('embedded-opentype'), 72 local('Open Sans Semibold Italic'), 73 local('Open-Sans-600italic'), 74 url('../fonts/Open-Sans-600italic/Open-Sans-600italic.woff2') format('woff2'), 75 url('../fonts/Open-Sans-600italic/Open-Sans-600italic.woff') format('woff'), 76 url('../fonts/Open-Sans-600italic/Open-Sans-600italic.ttf') format('truetype'), 77 url('../fonts/Open-Sans-600italic/Open-Sans-600italic.svg#OpenSans') format('svg'); 78} 79BODY {color:#333333;font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em; padding:0;margin:0;word-spacing:1px;} 80P {font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em;padding-top:0px;margin-top:0px;margin-bottom:15px;} 81p.padding {padding:40px 14px 8px 0px !important;}
82INPUT {font-family:'Open Sans', sans-serif;font-size:16px;vertical-align:middle; box-sizing: border-box} 83SELECT {font-family:'Open Sans', sans-serif;font-size:16px; color: #444444; border: 1px solid #dddddd; padding: 2px} 84INPUT[type='text'] { color: #444444; border: 1px solid #dddddd; padding: 3px} 85INPUT[type='email'] { color: #444444; border: 1px solid #dddddd; padding: 3px} 86INPUT[type='number'] { color: #444444; border: 1px solid #dddddd; padding: 3px} 87INPUT[type='password'] { color: #444444; border: 1px solid #dddddd; padding: 3px} 88INPUT[type='submit'] { color: #444444; font-weight: bold; border: 1px solid #aaaaaa; padding: 5px 8px; background-color: #eeeeee; background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%); } 89INPUT[type='submit']:hover { border: 1px solid #aaaaff; background-color: #d6eaff; background: linear-gradient(0deg, rgba(210,220,240,1) 0%, rgba(231,241,255,1) 100%); } 90INPUT[type='submit']:active { border: 1px solid #aaaaff; background-color: #acd3fb; background: linear-gradient(0deg, rgba(200,210,230,1) 0%, rgba(221,231,245,1) 100%); } 91INPUT[type='submit'].blue { color: white; font-weight: bold; border: 1px solid #aaaaaa; padding: 5px 8px; background-color: #eeeeee; background: linear-gradient(0deg, rgba(23,74,135,1) 0%, rgba(53,104,165,1) 100%); } 92INPUT[type='submit'].blue:hover { border: 1px solid #aaaaff; background-color: #d6eaff; background: linear-gradient(0deg, rgba(63,114,175,1) 0%, rgba(93,144,185,1) 100%); } 93INPUT[type='submit'].blue:active { border: 1px solid #aaaaff; background-color: #acd3fb; background: linear-gradient(0deg, rgba(43,94,155,1) 0%, rgba(73,124,185,1) 100%); } 94INPUT[type='button'] { color: #444444; font-weight: bold; border: 1px solid #aaaaaa; padding: 5px 8px; background-color: #eeeeee; background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%); } 95INPUT[type='button']:hover { border: 1px solid #aaaaff; background-color: #d6eaff; background: linear-gradient(0deg, rgba(210,220,240,1) 0%, rgba(231,241,255,1) 100%); } 96INPUT[type='button']:active { border: 1px solid #aaaaff; background-color: #acd3fb; background: linear-gradient(0deg, rgba(200,210,230,1) 0%, rgba(221,231,245,1) 100%); } 97INPUT[type='button'].blue { color: white; font-weight: bold; border: 1px solid #aaaaaa; padding: 5px 8px; background-color: #eeeeee; background: linear-gradient(0deg, rgba(23,74,135,1) 0%, rgba(53,104,165,1) 100%); } 98INPUT[type='button'].blue:hover { border: 1px solid #aaaaff; background-color: #d6eaff; background: linear-gradient(0deg, rgba(63,114,175,1) 0%, rgba(93,144,185,1) 100%); } 99INPUT[type='button'].blue:active { border: 1px solid #aaaaff; background-color: #acd3fb; background: linear-gradient(0deg, rgba(43,94,155,1) 0%, rgba(73,124,185,1) 100%); } 100INPUT[type='image'] { color: #444444; font-weight: bold; border: 1px solid #aaaaaa; padding: 5px 8px; background-color: #eeeeee; background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%); } 101INPUT[type='image']:hover { border: 1px solid #aaaaff; background-color: #d6eaff; background: linear-gradient(0deg, rgba(200,210,230,1) 0%, rgba(221,231,245,1) 100%); } 102INPUT[type='image']:active { border: 1px solid #aaaaff; background-color: #acd3fb; background: linear-gradient(0deg, rgba(190,200,220,1) 0%, rgba(211,221,235,1) 100%); } 103INPUT[type='radio'] {vertical-align:middle;margin:0 0px 3px 0;padding:0} 104INPUT[type='checkbox'] {vertical-align:middle;margin:1px 0px 3px 0;padding:0} 105TEXTAREA {font-family:'Open Sans', sans-serif;font-size:16px; color: #444444; border: 1px solid #dddddd; padding: 3px; box-sizing: border-box } 106LABEL {vertical-align:middle;} 107A {font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em;text-decoration:none; color:#444499;} 108TABLE{border-style:none;border_width:0;font-family:'Open Sans', sans-serif;font-size:16px;} 109TH {line-height:1.6em} 110TD {line-height:1.6em;text-align:left;} 111DIV {box-sizing:border-box;} 112H3 {font-family:'Open Sans', sans-serif;font-size:22px;line-height:1.6em;color:#55555a;} 113H2 {font-family:'Open Sans', sans-serif;font-size:22px;line-height:1.6em;font-weight:bold;padding-top:0px;margin-top:0px;color:#55555a;} 114H1 {font-family:'Open Sans', sans-serif;font-size:22px;line-height:1.6em;font-weight:bold;padding-top:0px;margin-top:0px;margin-bottom:14px;color:#55555a;} 115B {font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em} 116UL {font-family:'Open Sans', sans-serif;font-size:16px;margin:0px 5px 10px 0px; padding-left:0px; list-style-type:disc;list-style-position:outside;} 117LI {margin-left: 15px; margin-bottom: 3px;font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em} 118HR {height: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #d3d3d3; margin-bottom:10px;} 119PRE {font-family: monospace; font-size:16px;line-height:1.6em;word-spacing:0;} 120FORM {margin-top: 0px; margin-bottom: 0px;} 121.greyimg {padding: 3px; border: 1px solid #777777; background-color:#dddddd} 122.red {font-weight:bold;color:#ee0000;line-height:1.6em} 123.bold {font-weight:bold} 124.red11 {font-size:16pt;font-weight:bold;color:#aa0000;line-height:1.6em} 125.bigblue {font-size:16pt;font-weight:bold;color:#5555aa;line-height:1.6em} 126.big {font-size:19pt;font-weight:bold;line-height:1.6em} 127.bigred {font-size:19pt;font-weight:bold;color:red;line-height:1.6em} 128.big13 {font-family:'Open Sans', sans-serif;font-size:18px;font-weight:bold;color:#444499;line-height:1.6em} 129.small {font-size:16px;line-height:1.6em} 130.small-text {font-size:12px;line-height:1.6em} 131.nounderline {text-decoration:none;color:#444499;line-height:1.6em} 132a:visited {text-decoration:none;color:#444499;line-height:1.6em;} 133a:hover {text-decoration:underline;text-transform : none;color:#3333aa;line-height:1.6em;} 134.linked {text-decoration:underline;line-height:1.6em} 135.tsmall {font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em} 136tr.small > td, tr.small > td > a {font-size:14px;line-height:1.6em} 137td.small {font-size:14px;line-height:1.6em} 138.shopbold { 139 font-family:'Open Sans', sans-serif;font-size:16px;font-weight:bold;line-height:1.6em; 140} 141.shopbold a {font-family:'Open Sans', sans-serif;font-size:16px;font-weight:bold;line-height:1.6em} 142.shop {font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em} 143.shop a {font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.6em} 144a.btnblue {vertical-align: middle;display:block; padding:7px 8px 7px 8px; text-decoration:none; border:1px #aaaaaa solid; background-color:#e5eeff;font-weight:normal;} 145a.btnblue:visited {text-decoration:none; border:1px #aaaaaa solid; background-color:#e5eeff; font-weight:normal;} 146a.btnblue:hover {text-decoration:none; border:1px #bbbbbb solid; background-color:#d5ddee;font-weight:normal;cursor: pointer} 147a.btno1 { display:block; margin:0px; padding: 7px 10px; text-decoration:none; border:1px #bbbbbb solid; background-color:#ffc35c;font-weight:normal;
147 color:black} 148a.btno1:visited {text-decoration:none; border:1px #bbbbbb solid; background-color:#ffc35c; font-weight:normal;} 149a.btno1:hover {text-decoration:none; border:1px #bbbbbb solid; background-color:#ffe36c;font-weight:normal;cursor: pointer} 150a.btno2 { display:block; margin:0px; padding: 7px 10px; text-decoration:none; border:1px #bbbbbb solid; background-color:#fff3cc;font-weight:normal; color:black} 151a.btno2:visited {text-decoration:none; border:1px #bbbbbb solid; background-color:#fff3cc; font-weight:normal;} 152a.btno2:hover {text-decoration:none; border:1px #bbbbbb solid; background-color:#ffe36c;font-weight:normal;cursor: pointer} 153a.wordwrap { overflow-wrap: anywhere; } 154.formtable { 155 margin: 0px; padding: 10px; 156 border: 1px solid #bbbbcc; 157 background-color: #eeeeee; 158} 159.formtable td { 160 padding:3px; 161} 162table.box { 163 margin: 0px; 164 margin-bottom: 22px; 165 padding: 15px; 166 border-radius: 10px; 167} 168table.boxzero { 169 margin: 0px; 170 padding: 15px; 171 border-radius: 10px; 172} 173.boximage { border: 1px solid #888888; background: white; padding:4px;} 174.newsimage { margin: 0px 10px 10px 10px; background: white; padding:4px;max-width:100%;float:right;} 175table.box tr { 176 margin: 0px; padding: 0px; 177} 178span.info { 179 border: 1px solid #aaaaaa; 180 background-color: #ffffff; 181 padding: 0px 2px; 182 cursor:default; 183} 184span.tooltip { 185 box-sizing: border-box; 186 display:none; 187 position:absolute; 188 background-color:#ffffff; 189 color:#000000; 190 text-align:left; 191 white-space: normal; 192 padding: 10px; 193 z-index:2; 194 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 195} 196span.info a { 197 color: #000; 198} 199span.stockicon { 200 position:relative; 201 cursor:default; 202 display: inline-block; 203 padding: 0 4px 0 4px; 204 border-radius: 5px 5px 5px 5px; 205} 206span.stockinfo { 207 display:none; 208 position:absolute; 209 background-color:#dddddd; 210 color:#000000; 211 text-align:left; 212 white-space: normal; 213 padding: 1px 1px 1px 1px; 214 overflow:hidden; 215 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 216 border: 1px solid #999999; 217 z-index:10; 218} 219span.stockicon a { 220 color: #000; 221} 222span.close_cross { 223 color: #999999; 224} 225span.close_cross:hover { 226 color: #000000; 227 cursor: pointer; 228} 229span.fwinfoicon { 230 position:relative; 231 cursor:default; 232 display: inline-block; 233 padding: 1px; 234 border-radius: 5px 5px 5px 5px; 235 text-align: center; 236 color:white; 237 font-weight: bold; 238 border: 0; 239} 240span.fwinfo { 241 display:none; 242 position:absolute; 243 background-color:#dddddd; 244 color:#000000; 245 text-align:left; 246 white-space: normal; 247 padding: 1px 1px 1px 1px; 248 overflow:hidden; 249 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 250 border: 1px solid #999999; 251 z-index:10; 252} 253.img_pos { 254 position:absolute; 255 top:15px; 256 right:15px; 257 } 258 .manufacturer_boxstyle { 259 position:relative; 260 background:#eeeeee; 261 border:1px solid #aaaaaa; 262 padding:15px; 263 margin-bottom:22px; 264 } 265img.info_icon { 266 opacity: 0.7; 267} 268img.info_icon:hover { 269 opacity: 1; 270} 271.myform{ 272margin:0; 273padding:14px; 274} 275.tcenter { 276 text-align:center; 277 margin-left: auto; 278 margin-right: auto; 279} 280.tright { 281 text-align:right; 282 margin-left: auto; 283 margin-right: 0px; 284} 285.shoptable { 286 border: 0; 287 margin:0px; 288 padding:0; 289 border-spacing: 0; 290} 291.shoptable p { 292 padding: 0px 14px 8px 0px !important; 293 margin: 0; 294} 295.shoptable td { 296 padding: 5px; 297 margin: 0; 298} 299.shoptable .prodrowhshop > td { 300 margin: 0; 301 background-color:#e7e7e7; 302 font-weight:bold; 303} 304.shoptable .prodrowh > td { 305 margin: 0; 306 background-color:#ffffff; 307 font-weight:bold; 308} 309.shoptable .totrow > td { 310 margin: 0; 311 background-color:#eeeeee; 312 font-weight:bold; 313 border-top: 1px solid #dddddd; 314 border-bottom: 1px solid #dddddd; 315} 316.shoptable .totrow > td:first-child { 317 border-left: 1px solid #dddddd; 318} 319.shoptable .totrow > td:last-child { 320 border-right: 1px solid #dddddd; 321} 322.shoptable .prodrowhw > td { 323 margin: 0; 324 border-bottom:1px solid #e2e2e2; 325 background-color:#f9f9f9; 326} 327.shoptable .prodrowsw > td { 328 margin: 0; 329 border-bottom:1px solid #eaeaea; 330 background-color:#ffffff; 331} 332.shoptable .grey_bold > td { 333 padding-top: 5px; 334 padding-bottom: 5px; 335 margin: 0; 336 background-color:#eeeeee; 337 font-weight:bold; 338 vertical-align: middle; 339 border-top: 1px solid #dddddd; 340 border-bottom: 1px solid #dddddd; 341} 342.shoptable .grey_bold > td:first-child { 343 border-left: 1px solid #dddddd; 344} 345.shoptable .grey_bold > td:last-child { 346 border-right: 1px solid #dddddd; 347} 348.shoptable .normal td { 349 margin: 0; 350 background-color:#ffffff; 351} 352.shoptable .prodgroupheader td { 353 padding: 0px; 354} 355.producttable .prodrowhshop > td { 356 padding: 6px 6px 6px 4px;
357 margin: 0; 358 background-color:#e7e7e7; 359 font-weight:bold; 360} 361.producttable .prodrowhw > td { 362 padding: 6px 4px 3px 4px; 363 margin: 0; 364 vertical-align:top; 365 background-color:#f3f3f3; 366} 367.auxdata_table { 368 background-color:#fbfbfb; 369 padding:2px; 370} 371table.auxdata_table td { 372 padding: 0px 4px 0px 4px !important; 373 background-color: #fbfbfb !important; 374} 375.group_div {padding:0;margin:0} 376.group_div p {padding:0px 0px 6px 0px; margin:0px 0px 6px 0px;} 377.group_div sup { line-height: 0px; font-size: 80%; } 378.group_div sub { line-height: 0px; font-size: 80%; } 379.shop_head {margin:0px; padding:2px; color:#666666; font-size:16px;} 380#headleft { border:0px; border-bottom: 1px solid #999999; padding:0px; margin:0px; background: #0e3f8f; height:145px;} 381#headcenter { border:0px; border-bottom: 1px solid #999999; padding:0px; margin: 0px; width:80%; background: #009fe3; height:145px;} 382#headright { border:0px; border-bottom: 1px solid #999999; padding:0px; margin:0px; background: #009fe3; height:145px;} 383.188 {width:188px; padding: 0; float: left;} 384.188 h2 {color:#ffffff} 385#footer_table {color:#333333} 386#footer_table a {color:#333333} 387.nobullet {list-style:none inside; margin-left:0px;padding-left:0px;} 388.nobullet li {margin-left:0px; padding-left:0px; height:17px; } 389IMG.ficon {margin: 0px 3px 0px 3px;} 390.pressetitle { padding-bottom: 10px; } 391.portal_group_small { 392 background: #05418a; 393 background: -webkit-gradient(linear, left top, left bottom, from(#3a5daa), to(#05418a)); 394 background: -webkit-linear-gradient(top, #3a5daa, #05418a); 395 background: -moz-linear-gradient(top, #3a5daa, #05418a); 396 background: -ms-linear-gradient(top, #3a5daa, #05418a); 397 background: -o-linear-gradient(top, #3a5daa, #05418a); 398 padding: 15px 15px; 399 color: white; 400 text-decoration: none; 401 vertical-align: middle; 402} 403.portal_group_big { 404 background: #005d4e; 405 background: -webkit-gradient(linear, left top, left bottom, from(#007f6b), to(#005d4e)); 406 background: -webkit-linear-gradient(top, #007f6b, #005d4e); 407 background: -moz-linear-gradient(top, #007f6b, #005d4e); 408 background: -ms-linear-gradient(top, #007f6b, #005d4e); 409 background: -o-linear-gradient(top, #007f6b, #005d4e); 410 padding: 15px 15px; 411 color: white; 412 text-decoration: none; 413 vertical-align: middle; 414} 415.portal_group_big_wg { 416 background: #a92516; 417 background: -webkit-gradient(linear, left top, left bottom, from(#ca2e17), to(#a92516)); 418 background: -webkit-linear-gradient(top, #ca2e17, #a92516); 419 background: -moz-linear-gradient(top, #ca2e17, #a92516); 420 background: -ms-linear-gradient(top, #ca2e17, #a92516); 421 background: -o-linear-gradient(top, #ca2e17, #a92516); 422 padding: 15px 15px; 423 color: white; 424 text-decoration: none; 425 vertical-align: middle; 426} 427.portal_group { 428 width:250px; 429 background: #05418a; 430 background: -webkit-gradient(linear, left top, left bottom, from(#3a5daa), to(#05418a)); 431 background: -webkit-linear-gradient(top, #3a5daa, #05418a); 432 background: -moz-linear-gradient(top, #3a5daa, #05418a); 433 background: -ms-linear-gradient(top, #3a5daa, #05418a); 434 background: -o-linear-gradient(top, #3a5daa, #05418a); 435 padding: 15px 15px; 436 color: white; 437 text-decoration: none; 438 vertical-align: middle; 439} 440.portal_group2 { 441 width:504px; 442 background: #005d4e; 443 background: -webkit-gradient(linear, left top, left bottom, from(#007f6b), to(#005d4e)); 444 background: -webkit-linear-gradient(top, #007f6b, #005d4e); 445 background: -moz-linear-gradient(top, #007f6b, #005d4e); 446 background: -ms-linear-gradient(top, #007f6b, #005d4e); 447 background: -o-linear-gradient(top, #007f6b, #005d4e); 448 padding: 15px 15px; 449 color: white; 450 text-decoration: none; 451 vertical-align: middle; 452} 453#headlink:link {border:0;padding:0;margin:0;display:block;width:100%;height:100%} 454#headlink:visited {border:0;padding:0;margin:0;display:block;width:100%;height:100%} 455#headlink:hover {border:0;padding:0;margin:0;display:block;width:100%;height:100%} 456#headlink:active {border:0;padding:0;margin:0;display:block;width:100%;height:100%;background-color: transparent;} 457.button-link:link { 458 color: #444444; 459 font-weight: bold; 460 border: 1px solid #aaaaaa; 461 padding: 5px 8px; 462 background-color: #eeeeee; 463 background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%); 464 white-space: nowrap; 465 display: inline-block; 466 text-decoration: none; 467 box-sizing: border-box; 468 line-height: normal; 469} 470.button-link:visited { color: #444444; border: 1px solid #aaaaaa; } 471.button-link:hover { border: 1px solid #aaaaff; background-color: #d6eaff; background: linear-gradient(0deg, rgba(210,220,240,1) 0%, rgba(231,241,255,1) 100%); } 472.button-link:active { border: 1px solid #aaaaff; background-color: #acd3fb; background: linear-gradient(0deg, rgba(200,210,230,1) 0%, rgba(221,231,245,1) 100%); } 473.button-link-blue:link { 474 color: white; 475 font-weight: bold; 476 border: 1px solid #aaaaaa; 477 padding: 5px 8px; 478 background-color: #eeeeee; 479 background: linear-gradient(0deg, rgba(23,74,135,1) 0%, rgba(53,104,165,1) 100%); 480 white-space: nowrap; 481 display: inline-block; 482 text-decoration: none; 483 box-sizing: border-box; 484 line-height: normal; 485} 486.button-link-blue:visited { color: white; border: 1px solid #aaaaaa; } 487.button-link-blue:hover { border: 1px solid #aaaaff; background-color: #d6eaff;
487 background: linear-gradient(0deg, rgba(63,114,175,1) 0%, rgba(93,144,185,1) 100%); } 488.button-link-blue:active { border: 1px solid #aaaaff; background-color: #acd3fb; background: linear-gradient(0deg, rgba(43,94,155,1) 0%, rgba(73,124,185,1) 100%); } 489.button-link-big:link { 490 width: 230px; 491 height: 130px; 492 display: block; 493 color: white; 494 font-size: 18px; 495 padding: 5px 16px 7px 16px; 496 border: solid 1px #999999; 497 text-decoration: none; 498 background: #05418a; 499 background: -webkit-gradient(linear, left top, left bottom, from(#3a5daa), to(#05418a)); 500 background: -webkit-linear-gradient(top, #3a5daa, #05418a); 501 background: -moz-linear-gradient(top, #3a5daa, #05418a); 502 background: -ms-linear-gradient(top, #3a5daa, #05418a); 503 background: -o-linear-gradient(top, #3a5daa, #05418a); 504 text-align: center; 505 display:table-cell; 506 vertical-align:middle; 507 box-sizing: border-box; 508 margin:0; 509} 510.button-link-big:visited { 511 color: white; 512 border: solid 1px #999999; 513 text-decoration: none; 514} 515.button-link-big:hover { 516 color: white; 517 background: #aaaaaa; 518 border: solid 1px #999999; 519 text-decoration: none; 520} 521.button-link-big:active { 522 color: white; 523 border: solid 1px #999999; 524 text-decoration: none; 525} 526#confirmOverlay, #alertOverlay, #generalOverlay { 527 z-index: 10; 528 display: none; 529 background-color: #000000; 530 position: fixed; 531 left: 0; 532 top: 0; 533 width: 100%; 534 height: 100%; 535 padding: 0; 536 box-sizing: border-box; 537 opacity: 0.5; 538} 539#confirmBox, #alertBox, .alertBox, #generalBox, .generalBox { 540 display: none; 541 z-index: 20; 542 background-color: #ffffff; 543 position: fixed; 544 min-width: 600px; 545 left: 50%; 546 top: 50%; 547 transform: translate(-50%, -55%); 548 padding: 30px 25px; 549 box-sizing: border-box; 550 text-align: center; 551 opacity: 1; 552 -webkit-box-shadow: 0px 0px 10px #222222; 553 -moz-box-shadow: 0px 0px 10px #222222; 554 box-shadow: 0px 0px 10px #222222; 555} 556@keyframes myappear { 557 from {opacity: 0; } 558 to {opacity: 1; } 559} 560.appearDialog { 561 animation: 0.3s ease-out 0s 1 myappear; 562} 563#confirmBoxYes, #confirmBoxNo, .alertBoxOK { 564 background-color: #2b5e9b; 565 color: white; 566 display: inline-block; 567 border-radius: 3px; 568 border: 1px solid #aaa; 569 padding: 2px; 570 text-align: center; 571 width: 80px; 572 cursor: pointer; 573 font-size:; 574} 575#confirmBoxYes:hover { 576 background-color: #617b9f; 577} 578#confirmBoxNo:hover { 579 background-color: #617b9f; 580} 581.alertBoxOK:hover { 582 background-color: #617b9f; 583} 584#confirmBoxText, .alertBoxText, #alertBoxText { 585 text-align: center; 586 margin-bottom: 26px; 587 font-size: 16px; 588 line-height: 24px; 589} 590table.responsive-price td.mobile_visible {display: none; } 591.mobile_visible { display: none; } 592.invisible { display: block; } 593.contact_button { 594 background-color: #009fe3; 595 border-radius: 6px; 596 color: white; 597 padding: 15px; 598} 599.contact_button:hover { 600 background-color: #153f8f; 601 color: white; 602 text-decoration: none; 603} 604.contact_button:visited { 605 color: white; 606} 607.bluestyle img {margin:0 0 20px 20px} 608@media only screen and (max-width: 960px) { 609 .bluestyle img { width: 58px;} 610} 611table.responsive { border-collapse: collapse; } 612table.responsive th { font-weight: bold; } 613table.smallresp { border-collapse: collapse; } 614table.smallresp th { font-weight: bold; } 615table.padright20 td { padding: 2px 20px 2px 0; } 616table.padright40 td { padding: 8px 40px 8px 0; } 617table.padright40 td:last-child { padding-right:0; } 618table.borderbottom tr { border-bottom: 1px solid #cccccc; } 619table.borderbottom tr:last-child { border-bottom: 0; } 620table.responsive td.padleft10 { padding:8px 10px 8px 10px; } 621table.responsive td.tdwidth20pc { width: 20%;} 622.eventlist table { padding: 0} 623.eventlist td { padding: 0 3em 0 0} 624.events_h1 { font-size:30px; line-height:34px; margin-top:0px;margin-bottom:14px; color: #008ac5 } 625.events_h2 { font-size:20px;font-weight:bold;margin-top:0px; } 626.event_form { box-sizing:border-box; width: 720px; color: #333333} 627.event_form label {color: #333333} 628@media screen and (max-width: 760px) { 629 .event_form {width:100%} 630} 631.event_details h1 { color:#008ac5; font-size:1.4em; margin: 0 0 20px 0; } 632.event_details > p { margin: 0 0 25px 0; } 633.event_details td { padding: 3px 20px 3px 0px; border: 0; } 634.event_details table { margin: 0 0 30px 0; border-spacing: 0; border-collapse: collapse;} 635.event_details img { margin: 0 20px 20px 0; max-width: 100%; height: auto; } 636.event_details img[align='right'] { margin: 0 0 20px 20px; max-width: 100%; height: auto; } 637.event_details ul {margin-bottom:25px} 638.event-button-link, a.event-button-link {
639 display: inline-block; 640 margin-top:5px; 641 color: #ffffff; 642 font-size: 20px; 643 padding: 10px 15px; 644 background: #4570a4; 645 -webkit-border-radius: 4px; 646 -moz-border-radius: 4px; 647 border-radius: 4px; 648 border: solid 1px #20538D; 649 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 650 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 651 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); 652 -webkit-transition-duration: 0.2s; 653 -moz-transition-duration: 0.2s; 654 transition-duration: 0.2s; 655 -webkit-user-select:none; 656 -moz-user-select:none; 657 -ms-user-select:none; 658 user-select:none; 659} 660.event-button-link:hover { 661 color: #ffffff; 662 background: #356094; 663 border: solid 1px #2A4E77; 664 text-decoration: none; 665} 666.event-button-link:active { 667 color: #ffffff; 668 -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); 669 -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); 670 box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); 671 background: #2E5481; 672 border: solid 1px #203E5F; 673} 674form.eventreg { box-sizing:border-box; } 675form.eventreg > fieldset{ border: none; padding: 0; } 676form.eventreg > fieldset > div { margin: 0 0 1em 0; } 677form.eventreg label { box-sizing:border-box; display: inline-block; width: 100%; float: left; padding-right: 2%; text-align: left; margin-bottom: 3px} 678form.eventreg input { box-sizing:border-box; display: inline-block; width: 100%; } 679form.eventreg textarea { box-sizing:border-box; display: inline-block; width: 100%; } 680form.eventreg .clickset { box-sizing:border-box; display: inline-block; width: 100%; } 681form.eventreg .infolabel { box-sizing:border-box; display: inline-block; width: 100%; margin: 10px 0 10px 0;} 682form.eventreg input[type=checkbox] { clear: both; float: left; box-sizing:border-box; display: inline-block; font-size: 15px; line-height: 1em; margin: 0 1em 0 0; 683 padding: 0; width: 1em; height: 2em;} 684form.eventreg input[type=radio] { clear: both; float: left; box-sizing:border-box; display: inline-block; width: 10px; margin: 4px 10px 0 0; padding: 0 } 685form.eventreg .clickset label {box-sizing:border-box; display: inline-block; text-align: left; width: 90%; margin: 4px 0 0 0 } 686form.eventreg input[type=submit] { width: auto; color: #444444 } 687form.eventreg input[type=button] { width: auto; color: #444444 } 688form.eventreg #_zip_code { width: 20% } 689form.eventreg #_city { float: right; width: 77% } 690form.eventreg #_given_name { width: 40% } 691form.eventreg #_name { float: right; width: 57% } 692table.topleft { box-sizing:border-box; padding: 0; margin: 0 0 10px 0 } 693table.topleft td { padding: 0px 10px 6px 0px ; margin:0; border:0 } 694.normalbox { width: 100%; margin: 0px; margin-bottom: 10px; padding: 15px; background-color: #f7f7f7; border-radius:7px; border: solid #e3e3e3 1px; } 695.shrinkbox { width: 100%; margin: 0px; margin-bottom: 10px; padding: 15px; background-color: #f7f7f7; border-radius:7px; border: solid #e3e3e3 1px; } 696form.responsive > fieldset{ border: none; } 697form.responsive > fieldset > div { margin: 0.5em 0; } 698form.responsive label { box-sizing:border-box; display: inline-block; width: 35%; float: left; padding-right: 2%; text-align: right; } 699form.responsive input { box-sizing:border-box; display: inline-block; width: 65%; } 700form.responsive textarea { box-sizing:border-box; display: inline-block; width: 65%; } 701form.responsive .clickset { box-sizing:border-box; display: inline-block; width: 65%; } 702form.responsive .infolabel { box-sizing:border-box; display: inline-block; width: 65%; } 703form.responsive input[type=checkbox] { clear: both; box-sizing:border-box; display: inline-block; width: 5%; float: left; margin-right: 5px; margin-top: 3px;} 704form.responsive input[type=radio] { width: unset !important; } 705form.responsive .clickset label {box-sizing:border-box; display: inline-block; text-align: left; width: 90%} 706form.responsive .infolabel label {box-sizing:border-box; display: inline-block; text-align: left; width: 90%} 707form.responsive input[type=submit] { width: auto; } 708form.responsive #zip { width: 15% } 709form.responsive #town { float: right; width: 49% } 710form.responsive fieldset > div { margin: 0.5em 0; } 711form.responsive.registerform label { box-sizing:border-box; display: inline-block; width: 35%; float: left; padding-right: 2%; text-align: right; } 712form.responsive.registerform input { box-sizing:border-box; display: inline-block; width: 65%; } 713form.responsive.registerform textarea { box-sizing:border-box; display: inline-block; width: 65%; } 714form.responsive.registerform input[type=checkbox] { clear: both; box-sizing:border-box; display: inline-block; width: 5%; float: left; margin-right: 5px; margin-top: 3px;} 715form.responsive.registerform input[type=submit] { width: auto; } 716.width35 { 717 width: 35%; 718} 719.width35_full { 720 width: 35%; 721} 722.width65 { 723 width: 65% 724} 725.fullwidth_border_sellout { border: 1px solid #d3d8e8; } 726.fullwidth_border_sellout td { border: 1px solid #d3d8e8; } 727.fullwidht_border_incidents td { border-bottom: solid 1px #cccccc; } 728.fullwidht_border_incidents td:last-child { display: none; } 729td.nowrap { white-space: nowrap; } 730@media only screen and (max-width: 900px) { 731 form.responsive.registerform label { width: 100%; text-align: left; } 732 form.responsive.registerform input { width: 100% } 733 form.responsive.registerform textarea { width: 100% } 734 form.responsive.registerform .clickset { width: 100%; } 735 .width35_full { 736 display:none; 737 } 738 .width35 { 739 width: 100%; 740 } 741 .width65 { 742 width: 100%; 743 } 744 td.nowrap { white-space: unset; } 745} 746@media only screen and (max-width: 600px) { 747 form.responsive label { width: 100%; text-align: left; } 748 form.responsive input { width: 100% } 749 form.responsive textarea { width: 100% } 750 form.responsive .clickset { width: 100%; } 751 form.responsive #zip { width: 20% } 752 form.responsive #town { float: right; width: 78% } 753 form.responsive select { width: 100%; } 754 span.responsive { display: block; } 755 #heightzero LABEL {height:0px;} 756} 757@media only screen and (max-width: 765px) { 758 .img_pos { 759 position: static; 760 margin-bottom:10px; 761 } 762} 763.sticky { 764 position: fixed; 765 top: 71px; 766 width: 100%; 767 z-index: 5; 768} 769.maindiv { 770 min-height: 80px; 771} 772.topMenuWrapper { 773 position: fixed; 774 width: 100%; 775 height: 72px; 776 top: 0; 777 left: 0; 778 z-index: 6; 779} 780.topMenu { 781 width: 86%; 782 position: fixed; 783 display: flex; 784 align-items: center; 785 right: 20px; 786 padding-top: 18px;
787 padding-bottom: 18px; 788} 789.topMenuRight { 790 display: flex; 791 justify-content: space-evenly; 792} 793.topMenuLeft { 794 width: 81%; 795} 796.menuLogo { 797 height: 32px; 798 margin-right: 5px; 799 margin-bottom: 2px; 800} 801.langChooser { 802 font-size: 16px; 803 color: #555560; 804 padding: 5px 25px 5px; 805 font-weight: bold; 806 display: flex; 807 align-items: center; 808} 809.loginButtonArea { 810 margin-right: 25px; 811 flex-shrink: 0; 812} 813.accountButton:hover { 814 cursor: pointer; 815 background-color: #d6eaff; 816 background: linear-gradient(0deg, rgba(210,220,240,1) 0%, rgba(231,241,255,1) 100%); 817} 818.site_flag { 819 display: flex; 820 align-items: center; 821 margin-right: 5px; 822} 823@media only screen and (max-width: 2000px) { 824 #headcenter { 825 width:77%; 826 } 827} 828@media only screen and (max-width: 1800px) { 829 #headcenter { 830 width:78%; 831 } 832} 833@media only screen and (min-width: 1700px) { 834 .topMenu { 835 width: 86%; 836 } 837} 838@media only screen and (min-width: 1700px) { 839 #headcenter { 840 width: 78%; 841 } 842 .topMenu { 843 width: 86.5%; 844 } 845} 846@media only screen and (max-width: 1500px) { 847 #headcenter { 848 width: 88%; 849 } 850 .topMenu { 851 width: 91%; 852 } 853} 854@media only screen and (max-width: 1300px) { 855 #headcenter { 856 width: 96%; 857 } 858 .topMenu { 859 width: 94%; 860 } 861} 862@media only screen and (max-width: 1100px) { 863 #headcenter { 864 width: 100%; 865 } 866 .topMenu { 867 width: 95%; 868 } 869} 870@media only screen and (max-width: 920px) { 871 .maindiv { 872 min-height: 120px; 873 } 874 #headleft, 875 #headright { 876 display: none; 877 } 878 #headcenter { 879 width: 100%; 880 } 881 .topMenu { 882 width: 95%; 883 } 884} 885@media only screen and (max-width: 750px) { 886 #headleft, 887 #headright { 888 display: none; 889 } 890 #headcenter { 891 width: 100%; 892 } 893 .topMenu { 894 position: fixed; 895 top: 0; 896 right: 0; 897 display: flex; 898 align-items: center; 899 padding-top: 18px; 900 padding-bottom: 18px; 901 padding-right: 20px; 902 } 903} 904@media only screen and (max-width: 600px) { 905 .maindiv { 906 max-height: 68px; 907 min-height: 68px; 908 } 909 .topMenu { 910 width: 95%; 911 padding-right: 0px; 912 } 913 .topMenuLeft { 914 width: 30%; 915 } 916 .topMenuRight { 917 width: 70%; 918 } 919 .langChooser { 920 padding: 5px 10px 5px 15px; 921 } 922 .loginButtonArea { 923 margin-right: 20px; 924 } 925 .menuLogo { 926 height: 25px; 927 display: block; 928 } 929 #bannerImg { 930 display:none; 931 } 932 #headcenter { 933 background: linear-gradient(to left, #009fe3, #0e3f8f) 934 } 935 .menuLogo { 936 display: block; 937 } 938} 939@media only screen and (max-width: 430px) { 940 .langChooser { 941 padding: 5px 2px 5px 2px; 942 } 943 .maindiv { 944 height: 68px; 945 } 946 .site_flag { 947 display: none; 948 } 949 .menuLogo { 950 margin-left: 0px; 951 } 952 .loginButtonArea { 953 margin-right: 5px; 954 } 955} 956.maindiv {border: 0; width:100%; height:145px; box-sizing:border-box; margin-left: auto; margin-right: auto; overflow: hidden; } 957.menuoutertable { border:0; z-index: 5; padding:0; margin:0; border-collapse: collapse; border-bottom: 1px solid #cccccc; } 958.menuoutertable td { margin:0; padding: 0} 959.menutable { width: 75%; border-collapse: collapse; max-width: 1700px; margin-left: auto; margin-right: auto; } 960.menutable td { margin:0; padding: 0} 961.contdiv {border: 0; width:100%; box-sizing:border-box; margin-left: auto; margin-right: auto; overflow: auto; } 962.spacetable { width: 75%; max-width: 1700px; margin-left: auto; margin-right: auto; border:0; } 963#footer { border-top: solid 1px #999999; width:100%; background: #dcddde; box-sizing:border-box; border: 0; } 964#footcenter { width: 75%; max-width: 1700px; box-sizing:border-box; margin-left:auto; 965 margin-right:auto; border: 0; } 966.section { 967 clear: both; 968 padding: 0px; 969 margin: 0px; 970 box-sizing:border-box; 971} 972.linklist { padding-bottom: 7px } 973.service_padding { padding: 1%; } 974.col { 975 display: block; 976 float:left; 977 margin: 0 0; 978 padding: 1% 1% 1% 1% ; 979 box-sizing:border-box; 980} 981.col:first-child { margin-left: 0; } 982.colnear { 983 display: inline-block; 984 margin: 0 0; 985 padding: 0; 986 box-sizing:border-box; 987} 988.colnear a { 989 box-sizing:border-box; 990 display:inline-block; 991 font-weight:bold; 992 color:#015FA9; 993 line-height:1.8em; 994 } 995 .colnear a:hover { 996 text-decoration:underline; 997 text-decoration-color:#015FA9; 998 text-underline-offset:6px; 999 } 1000 .colnear a:active { 1001 text-decoration:underline; 1002 text-decoration-color:#015FA9; 1003 text-underline-offset:6px; 1004} 1005.submenu-wrapper { 1006 margin-top: 45px; 1007 margin-bottom: 20px; 1008} 1009@media only screen and (max-width: 600px) { 1010 .submenu-wrapper { 1011 margin-top: 55px; 1012 } 1013 .contdiv { 1014 margin-top: 20px; 1015 } 1016} 1017.submenu a { 1018 text-decoration:underline; 1019 text-decoration-color:#015FA9; 1020 text-underline-offset:6px; 1021 font-weight:bold; 1022 color:#015FA9; 1023} 1024@media only screen and (max-width: 414px) { 1025 .colnear { 1026 width:100%; 1027 border: none !important; 1028 } 1029} 1030.span10pc { width: 10% } 1031.span20pc { width: 20% } 1032.span25pc { width: 25% } 1033.span30pc { width: 30% } 1034.span33pc { width: 33.3% } 1035.span38pc { width: 38.2 } 1036.span40pc { width: 40% } 1037.span45pc { width: 45% } 1038.span48pc { width: 48%;} 1039.span49pc { width: 49% } 1040.span50pc { width: 50% } 1041.span55pc { width: 55% } 1042.span60pc { width: 60% } 1043.span62pc { width: 61.8% } 1044.span70pc { width: 70% } 1045.span75pc { width: 75% } 1046.span80pc { width: 80% } 1047.span90pc { width: 90% } 1048.span100pc { width: 100% } 1049.span200px { width: 200px } 1050.span420px { width: 420px } 1051.span45pc_custom { width: 45%; } 1052.span49pc_custom { width: 49.5%; } 1053.padleft {padding: 0% 1.2% 2.4% 0%} 1054.padright {padding: 0% 0% 2.4% 1.2%} 1055.padleftmore {padding: 0% 1.6% 2.4% 0%} 1056.padrightmore {padding: 0% 0% 2.4% 1.6%} 1057.table_10pc { width: 10%; } 1058.table_20pc { width: 20%; } 1059.table_60pc { width: 60%; } 1060.foot_menu_section { 1061 clear: both; 1062 box-sizing:border-box; 1063 padding: 0px; 1064 margin: 0px; 1065 padding-left: 27px; 1066 width: 100%; 1067} 1068.foot_menu_section * { font-size: 16px} 1069.foot_menu_section a {color: #333333 ;text-decoration:none;} 1070.foot_menu_section a:hover {color:#000000;text-decoration:underline;} 1071.foot_menu_section h2 {color:#333333;} 1072.foot_menu_section p {text-decoration:none;color:#222222;} 1073.foot_menu_col {
1074 display: block; 1075 float:left; 1076 margin: 4% 0 1% 0%; 1077 border-left:solid #888888 1px; 1078 padding-left:20px; 1079 padding-right:20px; 1080} 1081.span_5_of_5 { width: 100%; } 1082.span_4_of_5 { width: 80%; } 1083.span_3_of_5 { width: 60%; } 1084.span_2_of_5 { width: 40%; } 1085.span_1_of_5 { width: 20%; } 1086.span_24 { width: 24%; } 1087.span_19 { width: 19%; } 1088.group:before, 1089.group:after { content:''; display:table; } 1090.group:after { clear:both; } 1091.group { zoom:1; } 1092@media only screen and (max-width: 1700px) { 1093 .menutable { width: 75%; } 1094 .spacetable { width: 75%; } 1095 #footcenter { width: 75%; } 1096} 1097@media only screen and (max-width: 1500px) { 1098 .menutable { width: 85%; } 1099 .spacetable { width: 85%; } 1100 #footcenter { width: 85%; } 1101} 1102@media only screen and (max-width: 1300px) { 1103 .menutable { width: 92%; } 1104 .spacetable { width: 92%; } 1105 #footcenter { width: 92%; } 1106} 1107@media only screen and (max-width: 1100px) { 1108 #content_table { padding-left:15px; padding-right:15px; border-collapse: separate; } 1109} 1110@media only screen and (max-width: 1000px) { 1111 table.responsive, 1112 table.responsive thead, 1113 table.responsive tbody, 1114 table.responsive tr, 1115 table.responsive th, 1116 table.responsive td, 1117 table.responsive-price tr, 1118 table.responsive-price td { 1119 display: block; 1120 } 1121 table.responsive thead tr { 1122 position: absolute; 1123 top: -9999px; 1124 left: -9999px; 1125 } 1126 table.responsive tr { margin: 0 0 15px 0; padding: 0 0 15px 0; } 1127 table.responsive tr.noline { border-bottom: unset; margin: 0px; padding: 0px; } 1128 p.padding { padding: 20px 14px 8px 0px !important} 1129 table.responsive td { 1130 border: none; 1131 position: relative; 1132 } 1133 table.responsive a.event-button-link { margin-top:12px } 1134 table.responsive td:empty { 1135 display:none; 1136 } 1137 table.responsive tr.invis { display:none } 1138 table.responsive td.invis { display:none } 1139 table.responsive-price tr.invis { display:none } 1140 table.responsive-price td.invis { display:none } 1141 table.responsive-price td.last-line { padding: 3px 0px 20px 0px; } 1142 table.responsive-price td.mobile_visible { display: block; } 1143 .mobile_visible { display: block; } 1144 .producttable .prodrowhw > td { 1145 background-color:unset; 1146 } 1147 table.padright20 td { padding: 0 10px 0 0; } 1148 table.padright40 td { padding: 0 10px 0 0; } 1149 .invis { display: none; } 1150 table.responsive td.padleft10 { padding: 0px;} 1151 table.responsive td.tdwidth20pc { width: 100%;} 1152 .table_10pc { width: 100%; } 1153 .table_20pc { width: 100%; } 1154 .table_60pc { width: 100%; } 1155 .fullwidth_border_sellout { border: none; } 1156 .fullwidth_border_sellout td { border: none; } 1157 .fullwidth_border_sellout tr { border-bottom: 1px solid #d3d8e8; } 1158 .fullwidth_border_sellout tr:last-child { border: none;} 1159 .fullwidht_border_incidents td:last-child { background-color: white; display: block; } 1160} 1161@media only screen and (max-width: 1500px) { 1162 table.smallresp, 1163 table.smallresp thead, 1164 table.smallresp tbody, 1165 table.smallresp tr, 1166 table.smallresp th, 1167 table.smallresp td, 1168 table.smallresp-price tr, 1169 table.smallresp-price td { 1170 display: block; 1171 } 1172 table.smallresp thead tr { 1173 position: absolute; 1174 top: -9999px; 1175 left: -9999px; 1176 } 1177 table.smallresp tr { margin: 0 0 8px 0; padding: 0 0 8px 0; } 1178 table.smallresp tr.noline { border-bottom: unset; margin: 0px; padding: 0px; } 1179 table.smallresp td { 1180 border: none; 1181 position: relative; 1182 } 1183 table.smallresp td:empty { 1184 display:none; 1185 } 1186 table.smallresp tr.invis { display:none } 1187 table.smallresp td.invis { display:none } 1188 table.smallresp td.padleft10 { padding: 0px;} 1189 table.smallresp td.tdwidth20pc { width: 100%;} 1190 .smallhide-mobile { display: none;} 1191} 1192@media only screen and (max-width: 1100px) { 1193 .menutable { width: 95%; } 1194 .spacetable { width: 98%; } 1195 #footcenter { width: 100%; } 1196} 1197@media only screen and (max-width: 1070px) { 1198 .span45pc_custom { width: 100%;} 1199} 1200@media only screen and (max-width: 510px ) { 1201 .span49pc_custom { width: 100%} 1202} 1203@media only screen and (max-width: 960px) { 1204 .foot_menu_section { width: 100%; padding-left: 0px;} 1205 .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_19 { width: 50%; border: 0; } 1206 .span_24 { width: 50%; border: 0; } 1207 .span10pc, .span20pc, .span25pc, .span30pc, .span33pc, .span38pc, .span40pc, .span45pc, .span48pc, .span49pc, .span50pc, .span55pc, .span60pc, .span62pc, .span70pc, .span75pc, .span80pc, .span90pc, .span100pc { width: 100%; } 1208 .span200px, .span420px {width: 100% } 1209 .linklist { padding-bottom: 25px } 1210 .padleft, .padright, .padleftmore, .padrightmore { padding: 0% 0% 2.4% 0% } 1211 .disapear { display: none } 1212 .shrinkbox { display: table; width: 100%; } 1213 .service_padding { padding: 0px; } 1214} 1215@media only screen and (max-width: 600px) { 1216 .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_24, .span_19 { width: 50%; } 1217 .span_24 { width: 100%; } 1218} 1219@media only screen and (max-width: 400px) { 1220 .foot_menu_col { border:0; } 1221 .span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5, .span_24, .span_19 { width: 100%; } 1222} 1223@media 1224only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 1225only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 1226only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 1227only screen and ( min-device-pixel-ratio: 2) and (max-width: 1024px), 1228only screen and ( min-resolution: 192dpi) and (max-width: 1024px), 1229only screen and ( min-resolution: 2dppx) and (max-width: 1024px) { 1230 .foot_menu_section h2 {font-size:18px} 1231 .foot_menu_section p {font-size:16px;} 1232 .foot_menu_section a {font-size:16px;} 1233 body {font-size:16px;} 1234 table {font-size:16px;} 1235 h1 {font-size:20px;} 1236 h2 {font-size:18px;} 1237 p {font-size:16px;} 1238 a {font-size:16px;} 1239 li {font-size:16px;} 1240 b {font-size:16px;} 1241 input {font-size:16px} 1242 select {font-size:16px} 1243} 1244.ksub_logtable td { padding: 4px 10px 2px 6px } 1245.ksub_fbmsg { font-weight: bold; color: #dd0000; } 1246a.ksub_link_style { border-radius: 5px; background: #006f5d; border: none; padding: 8px 10px; color:#ffffff; font-weight:bold; text-decoration: none; margin-right:10px } 1247a.ksub_link_style:hover { background: #228f7d; } 1248img.imgbutton { opacity:1.0; } 1249img.imgbutton:hover { cursor:pointer; -webkit-filter: hue-rotate(270deg); filter: hue-rotate(270deg); } 1250img.imgbutton:active { opacity:0.6; } 1251img.disabled { opacity: 0.2; } 1252table.rightpadding td { padding: 6px 20px 6px 3px } 1253table.rightpadding td:last-of-type { padding: 6px 3px 6px 3px } 1254table.rightpadding th { padding: 6px 20px 6px 3px } 1255table.rightpadding th:last-of-type { padding: 6px 3px 6px 3px } 1256table.rightpadding td.evenpadding { padding: 6px 3px 6px 3px } 1257table.rightpadding tr.bottompadding td { padding-bottom: 12px } 1258table.bottomborder td { border-bottom: 1px solid #dddddd } 1259.blinking { 1260 -webkit-animation: blink .6s linear infinite; 1261 -moz-animation: blink .6s linear infinite; 1262 -ms-animation: blink .6s linear infinite; 1263 -o-animation: blink .6s linear infinite; 1264 animation: blink .6s linear infinite; 1265} 1266@-webkit-keyframes blink { 1267 0% { opacity: 1; } 1268 50% { opacity: 1; } 1269 50.01% { opacity: 0; } 1270 100% { opacity: 0; } 1271} 1272@-moz-keyframes blink { 1273 0% { opacity: 1; } 1274 50% { opacity: 1; } 1275 50.01% { opacity: 0; } 1276 100% { opacity: 0; } 1277} 1278@-ms-keyframes blink { 1279 0% { opacity: 1; } 1280 50% { opacity: 1; } 1281 50.01% { opacity: 0; } 1282 100% { opacity: 0; } 1283} 1284@-o-keyframes blink { 1285 0% { opacity: 1; } 1286 50% { opacity: 1; } 1287 50.01% { opacity: 0; } 1288 100% { opacity: 0; } 1289} 1290@keyframes blink { 1291 0% { opacity: 1; } 1292 50% { opacity: 1; } 1293 50.01% { opacity: 0; } 1294 100% { opacity: 0; } 1295} 1296.missing-input { 1297 background-color: #ffeeee; 1298 border: 1px solid red !important; 1299} 1300.slider { 1301 box-sizing: border-box; 1302 max-height: 0px; 1303 overflow: hidden; 1304 transition: max-height 0.3s ease-out; 1305 -moz-transition: max-height 0.3s ease-out; 1306 -ms-transition: max-height 0.3s ease-out; 1307 -o-transition: max-height 0.3s ease-out; 1308 -webkit-transition: max-height 0.3s ease-out; 1309} 1310.responsive-video { 1311 position: relative; 1312 padding-bottom: 56.25%; 1313 padding-top: 0px; 1314 height: 0; 1315 overflow: hidden; 1316} 1317.responsive-video iframe { 1318 position: absolute; 1319 top: 0; 1320 left: 0; 1321 width: 100%; 1322 height: 100%; 1323} 1324.responsive-video-channel { 1325 position: relative; 1326 padding-bottom: 56.25%; 1327 padding-top: 0;
1328 height: 0; 1329 overflow: hidden; 1330} 1331.responsive-video-channel-wrapper { 1332 width: 100%; 1333 max-width: 600px; 1334 margin-bottom: 20px; 1335} 1336.responsive-video-channel iframe { 1337 position: absolute; 1338 top: 0; 1339 left: 0; 1340 width: 100%; 1341 height: 100%; 1342} 1343#_searchsubgroupresponsive { 1344 width:100%; 1345} 1346 #ostendisJobs .ost-job { 1347 background-color: transparent; 1348 border: 1px solid rgba(0, 0, 0, 0.125); 1349 display: -webkit-box; 1350 display: -webkit-flex; 1351 display: -ms-flexbox; 1352 display: flex; 1353 flex-direction: column; 1354 margin-bottom: 10px; 1355 padding: 7.5px 12px; 1356 position: relative; 1357 cursor: pointer; 1358 -webkit-box-orient: vertical; 1359 -webkit-box-direction: normal; 1360 -webkit-flex-direction: column; 1361 -ms-flex-direction: column; 1362 -webkit-border-radius: 0.25rem; 1363 -moz-border-radius: 0.25rem; 1364 border-radius: 0.25rem; 1365 margin-left: 0px; 1366 } 1367 #ostendisJobs li { 1368 margin-left: 0px; 1369 } 1370.popup { 1371 display: none; 1372 position: fixed; 1373 z-index: 4; 1374 left: 0; 1375 top:0; 1376 width: 100%; 1377 height: 100%; 1378 background-color: rgb(0,0,0); 1379 background-color: rgba(0,0,0,0.6); 1380} 1381.popup-content { 1382 margin: auto; 1383 width: 50%; 1384 height:70%; 1385 position: relative; 1386 top: 15%; 1387 background: #fff; 1388} 1389.popup-content::before { 1390 content: ''; 1391 background-image: linear-gradient(to right, #153F8F , #019FE3); 1392 border-radius: 10px; 1393 height: 100%; 1394 left: -10px; 1395 top: -10px; 1396 padding: 10px; 1397 position: absolute; 1398 width: 100%; 1399 z-index: -1; 1400} 1401.popup_content_text { 1402 padding:50px; 1403 overflow-y:scroll; 1404 width:100%; 1405 height:calc(100% - 45px); 1406} 1407@media screen and (max-width: 960px) { 1408 .popup-content { 1409 width:90%; 1410 height:90%; 1411 top:5%; 1412 } 1413 .popup_content_text { 1414 padding:20px; 1415 } 1416 .newsimage { 1417 padding: 0px; 1418 float: unset; 1419 display: block; 1420 margin: 10px 0px 25px 0px; 1421 } 1422} 1423@media screen and (max-width: 600px) { 1424 .popup { 1425 top: 90px; 1426 height: 92%; 1427 } 1428 .popup-content { 1429 height:85%; 1430 } 1431} 1432.div_trainingagbs { 1433 overflow-y: scroll; 1434 height: 300px; 1435 border: 1px solid #b7b7b7; 1436 padding: 10px; 1437 background: #fff; 1438} 1439.agb-button { 1440 background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%); 1441 border: 1px solid #aaaaaa; 1442 border-radius: 4px; 1443 padding: 10px; 1444 width:100%; 1445} 1446.agb-button:hover { 1447 background: linear-gradient(0deg, rgba(210,220,240,1) 0%, rgba(231,241,255,1) 100%); 1448 border: 1px solid #aaaaff; 1449} 1450.agb-button span { 1451 font-size:20px; 1452 text-align:center; 1453 font-weight:bold; 1454 border: none; 1455 background: none; 1456 margin:0px; 1457 padding: 0px; 1458 display: block; 1459 color:#444; 1460 font-family: 'Open Sans', sans-serif; 1461} 1462@media screen and (max-width: 600px) { 1463 .agb-button span { 1464 word-break:keep-all; 1465 font-size:20px; 1466 width:100%; 1467 text-align:center; 1468 padding:0px; 1469 margin:0px; 1470 font-weight:bold; 1471 } 1472 .agb-button-div { 1473 display: flex; 1474 align-items: center; 1475 justify-content: center; 1476 } 1477} 1478.close { 1479 color: #fff; 1480 float: right; 1481 font-size: 35px; 1482 font-weight: bold; 1483 position: relative; 1484 z-index: 100; 1485} 1486.close:hover, 1487.close:focus { 1488 color: #000; 1489 text-decoration: none; 1490 cursor: pointer; 1491} 1492table.services td { 1493 border-top-width: 1px; 1494 border-top-style: solid; 1495 border-top-color: #CDD1DA; 1496} 1497.services_title { 1498 font-size:50px; 1499 color:#009FE3; 1500 line-height:1.1em; 1501 margin-bottom:30px; 1502} 1503table.services td:first-child { min-width: 150px; } 1504@media only screen and (max-width:1000px) { 1505 table.services tr { 1506 margin:0px; 1507 padding:0px; 1508 } 1509 .services_title { 1510 font-size: 30px; 1511 } 1512} 1513.flex-container { 1514 display: flex; 1515} 1516.div50pc { 1517 width: 48%; 1518 float: left; 1519} 1520.wg_box { 1521 background-color:#f7f7f7; 1522 border-radius:7px; 1523 border:solid #e3e3e3 1px; 1524 margin-left: 0px; 1525 margin-right: auto; 1526 padding: 20px; 1527 margin-bottom: 2%; 1528} 1529@media screen and (max-width: 960px) { 1530 .div50pc { width: 100%; } 1531 .flex-container { display: block; } 1532} 1533.table_borderright { 1534 border-right:1px solid #d3d3d3; 1535} 1536@media screen and (max-width: 960px) { 1537 .table_borderright { border: none; } 1538} 1539table.training_table_padding td { 1540 padding: 8px 0px 8px 10px; 1541} 1542.container {
1543 display: flex; 1544 justify-content: space-between; 1545 flex-wrap: wrap; 1546} 1547.service_box { 1548 background-image: linear-gradient(45deg, white 0%, #eee 50%); 1549 min-height:140px; 1550 padding:10px; 1551 border-radius:10px; 1552 text-align:center; 1553 display: flex; 1554 justify-content: center; 1555 flex-direction: column; 1556 margin-bottom: 20px; 1557} 1558.services_list ul li a { 1559 color: #009FE3; 1560} 1561.portfolio_div { 1562 background-color: #f7f7f7; 1563 padding: 15px; 1564 margin-bottom:22px; 1565 border: 1px solid #e3e3e3; 1566 border-radius:7px; 1567 float: right; 1568} 1569.portfolio_div:first-child { float: left; } 1570@media screen and (min-width: 981px) { 1571 .two-column-portfolio { display: block; } 1572 .one-column-portfolio { display: none; } 1573} 1574@media screen and (max-width: 980px) { 1575 .two-column-portfolio { display: none; } 1576 .one-column-portfolio { display: block; } 1577} 1578.cookie-banner { 1579 border-top: 1px solid #B3B3B3; 1580 padding: 15px 35px; 1581 background-color: #E7E7E7; 1582 height: 70px; 1583 color: black; 1584 position: fixed; 1585 bottom: 0; left: 0; 1586 z-index: 4; 1587 width: 100%; 1588 text-align: center; 1589} 1590.banner-text, 1591.banner-buttons { 1592 display: inline-block; 1593} 1594@media screen and (max-width: 1140px) { 1595 .cookie-banner { 1596 height: 110px; 1597 } 1598 .banner-text { 1599 margin-bottom: 10px; 1600 } 1601 .banner-text, 1602 .banner-buttons { 1603 display: block; 1604 } 1605} 1606@media screen and (max-width: 850px) { 1607 .cookie-banner { 1608 height: 150px; 1609 } 1610 .banner-text, 1611 .banner-buttons { 1612 display: block; 1613 } 1614} 1615.topnav { 1616 overflow: hidden; 1617} 1618.topnav a { 1619 float: left; 1620 display: block; 1621 color: #FFFFFF; 1622 text-align: center; 1623 padding: 6px 15px 4px 15px; 1624 margin: 3px 0 5px 0; 1625 text-decoration: none; 1626 font-size: 14px; 1627 line-height: 1.3em; 1628 font-weight: bold; 1629} 1630.topnav .icon { 1631 display: none; 1632} 1633.dropdown { 1634 float: left; 1635 overflow: hidden; 1636} 1637.dropdown .dropbtn { 1638 font-size: 14px; 1639 line-height: 1.3em; 1640 border: none; 1641 outline: none; 1642 color: #FFFFFF; 1643 padding: 6px 15px 4px 15px; 1644 margin: 3px 0 5px 0; 1645 background-color: inherit; 1646 font-family: inherit; 1647 font-weight: bold; 1648} 1649.dropdown .dropbtn_user { 1650 font-size: 14px; 1651 border: none; 1652 outline: none; 1653 color: #555560; 1654 padding: 8px 12px 8px 12px; 1655 margin: 3px 0 3px 0; 1656 background-color: white; 1657 font-family: inherit; 1658 font-weight: bold; 1659 display: flex; 1660 justify-content: center; 1661 height: 32px; 1662 width: 40px; 1663} 1664.dropdown-content { 1665 display: none; 1666 position: absolute; 1667 background-color: #ffffff; 1668 min-width: 160px; 1669 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 1670 z-index: 5; 1671 border: 1px solid #999999; 1672 margin-top: -2px; 1673} 1674.dropdown-content a { 1675 float: none; 1676 color: #555560; 1677 padding: 12px 16px; 1678 text-decoration: none; 1679 display: block; 1680 text-align: left; 1681} 1682.dropdown-part a { 1683 color: #555560; 1684 padding:0px; 1685 text-align:left; 1686 font-weight: normal; 1687} 1688.dropdown-part p { 1689 margin: 0 0 5px 0; 1690} 1691.dropdown-content-authuser { 1692 display: none; 1693 position: absolute; 1694 background-color: #f9f9f9; 1695 min-width: 200px; 1696 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 1697 z-index: 5; 1698 padding:20px; 1699 border: 1px solid #999999; 1700} 1701.dropdown-content-authuser a { 1702 float: none; 1703 color: #555560; 1704 padding: 12px 16px; 1705 text-decoration: none; 1706 display: block; 1707 text-align: left; 1708} 1709.dropdown-content a:hover { 1710 background-color: #00418F; 1711 color:#ffffff; 1712} 1713.dropdown-content-authuser { 1714 background-color: #eeeeee; 1715 color: #555560; 1716} 1717.dropdown:hover .dropdown-content { 1718 display: block; 1719} 1720.dropdown:hover .dropdown-content-authuser { 1721 display: block; 1722} 1723@media screen and (max-width: 930px) { 1724 .topnav a, .dropdown .dropbtn { 1725 display: none; 1726 } 1727 .topnav a.icon { 1728 float: left; 1729 display: block; 1730 font-size:25px; 1731 } 1732 .dropdown_lang { 1733 float: left; 1734 overflow: hidden; 1735 } 1736} 1737header { 1738 height: 100px; 1739 background: #ffffff; 1740} 1741.cd-dropdown-wrapper { 1742 display: none; 1743 position: relative; 1744 -webkit-font-smoothing: antialiased; 1745 -moz-osx-font-smoothing: grayscale; 1746} 1747.cd-dropdown-content a, 1748.cd-dropdown-content ul a { 1749 height: 50px; 1750 line-height: 50px; 1751} 1752@media only screen and (min-width: 768px) { 1753 .cd-dropdown-content a, 1754 .cd-dropdown-content ul a { 1755 height: 60px; 1756 line-height: 60px; 1757 } 1758} 1759.cd-dropdown-content a, 1760.cd-dropdown-content ul a, 1761.cd-dropdown-content .cd-divider { 1762 padding: 0 10px; 1763} 1764.cd-dropdown { 1765 position: fixed; 1766 z-index: 10; 1767 top: 145px; 1768 left: 0; 1769 width: 100%; 1770 height: 100%; 1771 background-color: #162A4B; 1772 color: #ffffff; 1773 visibility: hidden; 1774 -webkit-backface-visibility: hidden; 1775 backface-visibility: hidden; 1776 -webkit-transform: translateZ(0); 1777 -moz-transform: translateZ(0); 1778 -ms-transform: translateZ(0); 1779 -o-transform: translateZ(0); 1780 transform: translateZ(0); 1781 -webkit-transform: translateY(-100%); 1782 -moz-transform: translateY(-100%); 1783 -ms-transform: translateY(-100%); 1784 -o-transform: translateY(-100%); 1785 transform: translateY(-100%); 1786 -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s; 1787 -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s; 1788 transition: transform 0.5s 0s, visibility 0s 0.5s; 1789} 1790.cd-dropdown-small-header { 1791 top: 70px; 1792} 1793.cd-dropdown img { 1794 position: relative; 1795 z-index: 1; 1796 color: #585a70; 1797 background-color: #162A4B; 1798 border-bottom: 1px solid #002958; 1799} 1800.cd-dropdown .cd-close { 1801 position: absolute; 1802 z-index: 1; 1803 right: 15px; 1804 top: 5px; 1805 height: 50px; 1806 width: 50px; 1807 overflow: hidden; 1808 text-indent: 100%; 1809 white-space: nowrap; 1810 color: transparent; 1811} 1812.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before { 1813 content: ''; 1814 position: absolute; 1815 left: 50%; 1816 top: 50%; 1817 bottom: auto; 1818 right: auto; 1819 -webkit-transform: translateX(-50%) translateY(-50%); 1820 -moz-transform: translateX(-50%) translateY(-50%); 1821 -ms-transform: translateX(-50%) translateY(-50%); 1822 -o-transform: translateX(-50%) translateY(-50%); 1823 transform: translateX(-50%) translateY(-50%); 1824 height: 20px; 1825 width: 2px; 1826 background-color: #ffffff; 1827} 1828.cd-dropdown .cd-close::after { 1829 -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); 1830 -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); 1831 -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); 1832 -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); 1833 transform: translateX(-50%) translateY(-50%) rotate(45deg); 1834} 1835.cd-dropdown .cd-close::before { 1836 -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); 1837 -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); 1838 -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); 1839 -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); 1840 transform: translateX(-50%) translateY(-50%) rotate(-45deg); 1841} 1842.cd-dropdown.dropdown-is-active { 1843 visibility: visible; 1844 -webkit-transform: translateY(0); 1845 -moz-transform: translateY(0); 1846 -ms-transform: translateY(0); 1847 -o-transform: translateY(0); 1848 transform: translateY(0); 1849 -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s; 1850 -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s; 1851 transition: transform 0.5s 0s, visibility 0s 0s; 1852} 1853@media only screen and (min-width: 768px) { 1854 .cd-dropdown .cd-close { 1855 top: 5px; 1856 } 1857} 1858@media only screen and (max-width: 600px) { 1859 .cd-dropdown { 1860 top: 70px; 1861 } 1862} 1863.cd-dropdown-content, .cd-dropdown-content ul { 1864 position: absolute; 1865 top: 0; 1866 left: 0; 1867 width: 100%; 1868 height: 100%; 1869 overflow-x: hidden; 1870 overflow-y: auto; 1871 -webkit-transition: -webkit-transform 0.3s; 1872 -moz-transition: -moz-transform 0.3s; 1873 transition: transform 0.3s; 1874 padding-top: 50px; 1875 list-style: none; 1876 box-sizing: border-box; 1877} 1878.cd-dropdown-content a, .cd-dropdown-content ul a { 1879 display: block; 1880 color: #ffffff; 1881 overflow: hidden; 1882 text-overflow: ellipsis; 1883 white-space: nowrap; 1884 border-bottom: 1px solid #585a70; 1885 margin-right:15px; 1886} 1887.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a { 1888 border-top-width: 0; 1889} 1890.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a { 1891 border-bottom-width: 1px; 1892} 1893.cd-dropdown-content a, .cd-dropdown-content ul a { 1894 -webkit-transform: translateZ(0); 1895 -moz-transform: translateZ(0); 1896 -ms-transform: translateZ(0); 1897 -o-transform: translateZ(0); 1898 transform: translateZ(0); 1899 -webkit-backface-visibility: hidden; 1900 backface-visibility: hidden; 1901 -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; 1902 -moz-transition: opacity 0.3s, -moz-transform 0.3s; 1903 transition: opacity 0.3s, transform 0.3s; 1904}
1905.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden { 1906 -webkit-transform: translateX(100%); 1907 -moz-transform: translateX(100%); 1908 -ms-transform: translateX(100%); 1909 -o-transform: translateX(100%); 1910 transform: translateX(100%); 1911} 1912.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.move-out > li > a { 1913 opacity: 0; 1914} 1915.cd-dropdown-content.move-out > li > a, .cd-dropdown-content ul.move-out > li > a { 1916 -webkit-transform: translateX(-100%); 1917 -moz-transform: translateX(-100%); 1918 -ms-transform: translateX(-100%); 1919 -o-transform: translateX(-100%); 1920 transform: translateX(-100%); 1921} 1922.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { 1923 -webkit-overflow-scrolling: touch; 1924} 1925@media only screen and (min-width: 768px) { 1926 .cd-dropdown-content a, .cd-dropdown-content ul a { 1927 font-size: 1.8rem; 1928 } 1929} 1930.has-children > a, .go-back a { 1931 position: relative; 1932} 1933.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after { 1934 content: ''; 1935 position: absolute; 1936 top: 50%; 1937 margin-top: -1px; 1938 display: inline-block; 1939 height: 2px; 1940 width: 10px; 1941 background: #ffffff; 1942 -webkit-backface-visibility: hidden; 1943 backface-visibility: hidden; 1944} 1945.has-children > a::before, .go-back a::before { 1946 -webkit-transform: rotate(45deg); 1947 -moz-transform: rotate(45deg); 1948 -ms-transform: rotate(45deg); 1949 -o-transform: rotate(45deg); 1950 transform: rotate(45deg); 1951} 1952.has-children > a::after, .go-back a::after { 1953 -webkit-transform: rotate(-45deg); 1954 -moz-transform: rotate(-45deg); 1955 -ms-transform: rotate(-45deg); 1956 -o-transform: rotate(-45deg); 1957 transform: rotate(-45deg); 1958} 1959.has-children > a { 1960 padding-right: 40px; 1961 cursor: pointer; 1962} 1963.has-children > a::before, .has-children > a::after { 1964 right: 20px; 1965 -webkit-transform-origin: 9px 50%; 1966 -moz-transform-origin: 9px 50%; 1967 -ms-transform-origin: 9px 50%; 1968 -o-transform-origin: 9px 50%; 1969 transform-origin: 9px 50%; 1970} 1971.cd-dropdown-content .go-back a { 1972 padding-left: 30px; 1973} 1974.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after { 1975 left: 10px; 1976 -webkit-transform-origin: 1px 50%; 1977 -moz-transform-origin: 1px 50%; 1978 -ms-transform-origin: 1px 50%; 1979 -o-transform-origin: 1px 50%; 1980 transform-origin: 1px 50%; 1981} 1982.cd-main-content { 1983 background-color: #e6e6e6; 1984 min-height: calc(100vh - 100px); 1985 padding: 2em 5%; 1986 line-height: 2; 1987} 1988.no-js .cd-dropdown-wrapper:hover .cd-dropdown { 1989 visibility: visible; 1990 opacity: 1; 1991 -webkit-transform: translateY(0); 1992 -moz-transform: translateY(0); 1993 -ms-transform: translateY(0); 1994 -o-transform: translateY(0); 1995 transform: translateY(0); 1996} 1997.no-js .cd-dropdown-wrapper .cd-close { 1998 display: none; 1999} 2000.logotable td { 2001 height: 40px; 2002} 2003@media screen and (max-width: 930px) { 2004 .cd-dropdown-wrapper { 2005 display: flex; 2006 float: left; 2007 } 2008 .logotable { 2009 display: none; 2010 } 2011 .dropdown-content { 2012 display: none; 2013 } 2014} 2015.info-box { 2016 display: flex; 2017 align-items: flex-start; 2018} 2019.info-box-text { 2020 margin-left: 15px; 2021} 2022@media screen and (max-width: 500px) { 2023 .info-box { 2024 display: block; 2025 } 2026 .info-box-text { 2027 margin-left: 0px; 2028 margin-top: 5px; 2029 } 2030} 2031.has-children a.partner-name::before , .has-children > a.partner-name::after { 2032 background: #162A4B; 2033} 2034table.boxheight { 2035 height: 246px; 2036} 2037@media screen and (max-width: 960px) { 2038 table.boxheight { 2039 height: unset; 2040 } 2041} 2042table.color-table { 2043 margin: 0; 2044 padding: 0; 2045 table-layout: fixed; 2046} 2047table.color-table tbody td { 2048 padding: 2px 10px 2px 0px; 2049} 2050@media screen and (max-width: 500px) { 2051 table.color-table { 2052 border: 0; 2053 width: 100%; 2054 } 2055 table.color-table thead { 2056 border: none; 2057 clip: rect(0 0 0 0); 2058 height: 1px; 2059 margin: -1px; 2060 overflow: hidden; 2061 padding: 0; 2062 position: absolute; 2063 width: 1px; 2064 } 2065 table.color-table thead tr { 2066 border-bottom: 3px solid #ddd; 2067 display: block; 2068 margin-bottom: .625em; 2069 } 2070 table.color-table tbody td { 2071 border-bottom: 1px solid #ddd; 2072 display: block; 2073 font-size: .8em; 2074 text-align: right; 2075 } 2076 table.color-table tbody td::before { 2077 content: attr(data-label); 2078 float: left; 2079 font-weight: bold; 2080 text-transform: uppercase; 2081 } 2082 table.color-table tbody td:last-child { 2083 border-bottom: 0; 2084 } 2085 } 2086table.resp_tables { 2087 border-collapse: collapse; 2088} 2089@media screen and (max-width: 840px) { 2090 table.resp_tables { 2091 border: 0; 2092 width: 100%; 2093 } 2094 table.resp_tables thead { 2095 border: none; 2096 clip: rect(0 0 0 0); 2097 height: 1px; 2098 margin: -1px; 2099 overflow: hidden; 2100 padding: 0; 2101 position: absolute; 2102 width: 1px; 2103 } 2104 table.resp_tables thead tr { 2105 display: block; 2106 margin-bottom: .625em; 2107 } 2108 table.resp_tables tbody tr { 2109 } 2110 table.resp_tables tbody td:first-of-type { 2111 text-align: right; 2112 } 2113 table.resp_tables tbody td { 2114 display: block; 2115 font-size: .8em; 2116 text-align: right; 2117 } 2118 table.resp_tables tbody td::before { 2119 content: attr(data-label); 2120 float: left; 2121 font-weight: bold; 2122 text-transform: uppercase; 2123 } 2124 table.resp_tables tbody td.fontcolor:first-of-type { 2125 color: grey; 2126 } 2127 table.resp_tables tbody td:last-child { 2128 border-bottom: 0; 2129 } 2130 .invisible { display: none; } 2131 } 2132@font-face { 2133 font-family: 'Material Icons'; 2134 font-style: normal; 2135 font-weight: 400; 2136 src: url(https://example.com/MaterialIcons-Regular.eot); 2137 src: local('Material Icons'), 2138 local('MaterialIcons-Regular'), 2139 url('../fonts/Icon-Font/MaterialIcons-Regular.woff2') format('woff2'), 2140 url('../fonts/Icon-Font/MaterialIcons-Regular.woff') format('woff'), 2141 url('../fonts/Icon-Font/MaterialIcons-Regular.ttf') format('truetype'); 2142 } 2143 .material-icons { 2144 font-family: 'Material Icons'; 2145 font-weight: normal; 2146 font-style: normal; 2147 font-size: 24px; 2148 display: inline-block; 2149 line-height: 1; 2150 text-transform: none; 2151 letter-spacing: normal; 2152 word-wrap: normal; 2153 white-space: nowrap; 2154 direction: ltr; 2155 -webkit-font-smoothing: antialiased; 2156 text-rendering: optimizeLegibility; 2157 -moz-osx-font-smoothing: grayscale; 2158 font-feature-settings: 'liga'; 2159 } 2160 .material-icons.md-60 { font-size: 60px;color:#1781E3;} 2161 .material-icons.md-60-white { font-size: 60px;color:#ffffff;} 2162 .material-icons.md-60-autodocblue {font-size: 60px; color:#555560} 2163 .material-icons.md-40-autodocblue {font-size: 40px;width:40px;height:40px;
2163 color:#555560;} 2164 .material-icons.md-40-darkgrey { font-size: 20px;color:#555560;width:20px;height:20px;} 2165 .team_list { width: 16.6%; min-height: 300px; } 2166 @media only screen and (max-width: 885px) { 2167 .team_list { width: 33.3% } 2168 } 2169 @media only screen and (max-width: 465px) { 2170 .team_list { width: 50% } 2171 } 2172 @media only screen and (max-width: 350px) { 2173 .team_list { width: 100% } 2174 } 2175 .forti_stories { width: 20%; } 2176 @media only screen and (max-width: 550px) { 2177 .forti_stories { width: 50% } 2178 } 2179 @media only screen and (max-width: 1162px) { 2180 .image_zoom { width: 100% !important; } 2181 } 2182 h1.brand_title { 2183 font-weight: bold; 2184 font-size: 30px; 2185 margin-bottom:20px; 2186 } 2187 h2.brand_sub_title { 2188 font-weight: bold; 2189 font-size: 24px; 2190 margin: 0; 2191 } 2192 @media only screen and ( max-width: 1024px) { 2193 h1.brand_title { 2194 font-size: 25px; 2195 } 2196 } 2197 @media only screen and ( max-width: 420px) { 2198 h1.brand_title { 2199 font-size: 20px; 2200 line-height: 1.4; 2201 } 2202 } 2203table.resp-table { 2204 border-collapse: collapse; 2205 border-spacing: 0; 2206} 2207table.resp-table tr { 2208 -moz-box-sizing: border-box; 2209 box-sizing: border-box; 2210 margin: 0; 2211 padding: 0; 2212 border: 0; 2213 vertical-align: baseline; 2214 text-align: left; 2215} 2216table.resp-table thead { 2217} 2218table.resp-table tr.highlight { 2219 background-color: #fafafa !important; 2220} 2221table.resp-table.zebra tr:nth-child(even) { 2222 background-color: #f6f6f6; 2223} 2224table.resp-table th { 2225 font-weight: bold; 2226 padding: 12px 8px; 2227} 2228table.resp-table td { 2229 padding: 2px 8px; 2230} 2231table.resp-table td.resp-amount { 2232 padding-right: 30px; 2233} 2234@media screen and (max-width: 1400px) { 2235 table.resp-table { 2236 width: 100%; 2237 } 2238 table.resp-table tr.hide-mobile, 2239 table.resp-table th.hide-mobile, 2240 table.resp-table td.hide-mobile { 2241 display: none; 2242 } 2243 table.resp-table thead { 2244 display: none; 2245 } 2246 table.resp-table tbody { 2247 width: 100%; 2248 } 2249 table.resp-table tr, 2250 table.resp-table th, 2251 table.resp-table td { 2252 display: block; 2253 padding: 0; 2254 } 2255 table.resp-table tr { 2256 border-bottom: none; 2257 } 2258 table.resp-table tr.highlight { 2259 background-color: inherit !important; 2260 } 2261 table.resp-table.zebra tr:nth-child(even) { 2262 background-color: transparent; 2263 } 2264 table.resp-table.zebra td:nth-child(even) { 2265 background-color: #f6f6f6; 2266 } 2267 table.resp-table tr:nth-child(even) { 2268 background-color: transparent; 2269 } 2270 table.resp-table td { 2271 padding: 2px 4px 2px 0px !important; 2272 border: none !important; 2273 border-bottom: 1px solid #ddd !important; 2274 text-align: right !important; 2275 } 2276 table.resp-table td[data-label]:before { 2277 content: attr(data-label); 2278 font-weight: bold; 2279 display: inline-block; 2280 content: attr(data-label); 2281 float: left; 2282 margin-right: 0.5em; 2283 font-size: 0.95em; 2284 } 2285 table.resp-table td.more-top-padding { 2286 padding-top: 10px !important; 2287 } 2288 table.resp-table td.first-elem { 2289 border-top: 1px solid black !important; 2290 padding-top: 30px !important; 2291 } 2292 table.resp-table td.last-elem { 2293 padding-bottom: 50px !important; 2294 } 2295 table.resp-table td.top-padding { 2296 padding-top: 10px !important; 2297 } 2298 table.resp-table td.bottom-padding { 2299 padding-bottom: 10px !important; 2300 } 2301 table.resp-table td:empty { 2302 display: none; 2303 } 2304} 2305@media screen and (max-width: 1000px) { 2306 .hide-mobile { display: none;} 2307} 2308--> 2309</STYLE>
2310<script type="text/javascript" language="JavaScript1.2"> 2311if (document.images) 2312{ 2313 img1 = new Image(); 2314 img2 = new Image(); 2315 img3 = new Image(); 2316 img1.src = "../pics/h1.gif"; 2317 img2.src = "../pics/w13.gif"; 2318 img3.src = "../pics/w20.gif"; 2319} 2320</SCRIPT>
2320 2321<link rel="stylesheet" type="text/css" href="../chromemenu/chrometheme/bollstyle.css">
2322<script type="text/javascript"> 2323var cssdropdown={ 2324disappeardelay: 250, 2325dropdownindicator: '<img src="../chromemenu/down.gif" border="0" />', 2326enableswipe: 0, 2327enableiframeshim: 1, 2328dropmenuobj: null, asscmenuitem: null, domsupport: document.all || document.getElementById, standardbody: null, iframeshimadded: false, swipetimer: undefined, bottomclip:0, 2329getposOffset:function(what, offsettype){ 2330 var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; 2331 var parentEl=what.offsetParent; 2332 while (parentEl!=null){ 2333 totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; 2334 parentEl=parentEl.offsetParent; 2335 } 2336 return totaloffset; 2337}, 2338swipeeffect:function(){ 2339 if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){ 2340 this.bottomclip+=10+(this.bottomclip/10) 2341 this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)" 2342 } 2343 else 2344 return 2345 this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10) 2346}, 2347css:function(el, targetclass, action){ 2348 var needle=new RegExp("(^|\s+)"+targetclass+"($|\s+)", "ig") 2349 if (action=="check") 2350 return needle.test(el.className) 2351 else if (action=="remove") 2352 el.className=el.className.replace(needle, "") 2353 else if (action=="add" && !needle.test(el.className)) 2354 el.className+=" "+targetclass 2355}, 2356showhide:function(obj, e){ 2357 this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px" 2358 if (this.enableswipe==1){ 2359 if (typeof this.swipetimer!="undefined") 2360 clearTimeout(this.swipetimer) 2361 obj.clip="rect(0 auto 0 0)" 2362 this.bottomclip=0 2363 this.swipeeffect() 2364 } 2365 obj.visibility="visible" 2366 this.css(this.asscmenuitem, "selected", "add") 2367}, 2368clearbrowseredge:function(obj, whichedge){ 2369 var edgeoffset=0 2370 if (whichedge=="rightedge"){ 2371 var windowedge=document.all && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15 2372 this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth 2373 if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) 2374 edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth 2375 } 2376 else{ 2377 var topedge=document.all && !window.opera? this.standardbody.scrollTop : window.pageYOffset 2378 var windowedge=document.all && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18 2379 this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight 2380 if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ 2381 edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight 2382 if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) 2383 edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge 2384 } 2385 } 2386 return edgeoffset 2387}, 2388dropit:function(obj, e, dropmenuID){ 2389 if (this.dropmenuobj!=null) 2390 this.hidemenu() 2391 this.clearhidemenu() 2392 this.dropmenuobj=document.getElementById(dropmenuID) 2393 this.asscmenuitem=obj 2394 this.showhide(this.dropmenuobj.style, e) 2395 this.dropmenuobj.x=this.getposOffset(obj, "left") 2396 this.dropmenuobj.y=this.getposOffset(obj, "top") 2397 this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px" 2398 this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px" 2399 this.positionshim() 2400}, 2401positionshim:function(){ 2402 if (this.enableiframeshim && typeof this.shimobject!="undefined"){ 2403 if (this.dropmenuobj.style.visibility=="visible"){ 2404 this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px" 2405 this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px" 2406 this.shimobject.style.left=this.dropmenuobj.style.left 2407 this.shimobject.style.top=this.dropmenuobj.style.top 2408 } 2409 this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none" 2410 } 2411}, 2412hideshim:function(){ 2413 if (this.enableiframeshim && typeof this.shimobject!="undefined") 2414 this.shimobject.style.display='none' 2415}, 2416isContained:function(m, e){ 2417 var e=window.event || e 2418 var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement) 2419 while (c && c!=m)try {c=c.parentNode} catch(e){c=m} 2420 if (c==m) 2421 return true 2422 else
2423 return false 2424}, 2425dynamichide:function(m, e){ 2426 if (!this.isContained(m, e)){ 2427 this.delayhidemenu() 2428 } 2429}, 2430delayhidemenu:function(){ 2431 this.delayhide=setTimeout("cssdropdown.hidemenu()", this.disappeardelay) 2432}, 2433hidemenu:function(){ 2434 this.css(this.asscmenuitem, "selected", "remove") 2435 this.dropmenuobj.style.visibility='hidden' 2436 this.dropmenuobj.style.left=this.dropmenuobj.style.top=0 2437 this.hideshim() 2438}, 2439clearhidemenu:function(){ 2440 if (this.delayhide!="undefined") 2441 clearTimeout(this.delayhide) 2442}, 2443addEvent:function(target, functionref, tasktype){ 2444 if (target.addEventListener) 2445 target.addEventListener(tasktype, functionref, false); 2446 else if (target.attachEvent) 2447 target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)}); 2448}, 2449startchrome:function(){ 2450 if (!this.domsupport) 2451 return 2452 this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body 2453 for (var ids=0; ids<arguments.length; ids++){ 2454 var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a") 2455 for (var i=0; i<menuitems.length; i++){ 2456 if (menuitems[i].getAttribute("rel")){ 2457 var relvalue=menuitems[i].getAttribute("rel") 2458 var asscdropdownmenu=document.getElementById(relvalue) 2459 this.addEvent(asscdropdownmenu, function(){cssdropdown.clearhidemenu()}, "mouseover") 2460 this.addEvent(asscdropdownmenu, function(e){cssdropdown.dynamichide(this, e)}, "mouseout") 2461 this.addEvent(asscdropdownmenu, function(){cssdropdown.delayhidemenu()}, "click") 2462 try{ 2463 menuitems[i].innerHTML=menuitems[i].innerHTML+" "+this.dropdownindicator 2464 }catch(e){} 2465 this.addEvent(menuitems[i], function(e){ 2466 if (!cssdropdown.isContained(this, e)){ 2467 var evtobj=window.event || e 2468 cssdropdown.dropit(this, evtobj, this.getAttribute("rel")) 2469 } 2470 }, "mouseover") 2471 this.addEvent(menuitems[i], function(e){cssdropdown.dynamichide(this, e)}, "mouseout") 2472 this.addEvent(menuitems[i], function(){cssdropdown.delayhidemenu()}, "click") 2473 } 2474 } 2475 } 2476 if (window.createPopup && !window.XmlHttpRequest &&!this.iframeshimadded){
2477 document.write('<IFRAME id="iframeshim" src="" style="display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"><\/IFRAME>') 2478 this.shimobject=document.getElementById("iframeshim") 2479 this.iframeshimadded=true 2480 } 2481} 2482} 2483</script>
vendor: 2 bytes, line 2483
2483
2484<script type="text/javascript"> 2485 2486// --------------------------------------- Some javascript string functions (trim etc.) -------------------------------------- 2487 2488String.prototype.leftTrim = function () { 2489 return (this.replace(/^\s+/,"")); 2490}; 2491String.prototype.rightTrim = function () { 2492 return (this.replace(/\s+$/,"")); 2493}; 2494//kombiniert "leftTrim" und "rightTrim"; 2495String.prototype.basicTrim = function () { 2496 return (this.replace(/\s+$/,"").replace(/^\s+/,"")); 2497}; 2498//dampft leerzeichen(-sequenzen) innerhalb einer zeichenkette auf ein einzelnes "space" ein; 2499String.prototype.superTrim = function () { 2500 return(this.replace(/\s+/g," ").replace(/\s+$/,"").replace(/^\s+/,"")); 2501}; 2502//entfernt alle leerzeichen innerhalb einer zeichenkette 2503String.prototype.allTrim = function () { 2504 return(this.replace(/\s+/g,"")); 2505}; 2506 2507// --------------------------------------- Some javascript string functions (trim etc.) -------------------------------------- 2508 2509// table_id, screen_limit, table_limit müssen gesetzt sein 2510function resize_table() { 2511 var table = document.getElementById(table_id); 2512 if (table) { 2513 if (window.innerWidth) w = window.innerWidth; 2514 else if (document.body && document.body.offsetWidth) w = document.body.offsetWidth; 2515 if (w > screen_limit) table.width = table_limit; 2516 else table.width = '100%'; 2517 } 2518} 2519function maxlength(input,maxlength,alerttext) { 2520 if(input.value.length > maxlength) { 2521 input.value = input.value.substring(0,maxlength); 2522 alert(alerttext); 2523 } 2524} 2525function formattable(table_id,minsize,maxsize) { 2526 var table = document.getElementById(table_id); 2527 if (document.body.clientWidth < (minsize+175)) table.width = minsize; 2528 else if (document.body.clientWidth > (maxsize+175)) table.width = maxsize; 2529 else table.width = "100%"; 2530} 2531 2532function show_info(el, state) { 2533 var icon = document.getElementById(el); 2534 if(icon) icon.style.display = state; 2535} 2536 2537/* works with IE 4+, NS4, NS6 and other Gecko, OmniWeb, Opera (4) 5+, 2538iCab, IceBrowser, Esape 4, HotJava 3, Konqueror and, as long as they 2539follow the standards, loads more */ 2540function findX(e) { 2541 var posX = 0; 2542 if (!e) { e = window.event; } if (!e) { return 0; } 2543 if (typeof(e.pageX) == 'number') { 2544 posX = e.pageX; 2545 } else { 2546 if (typeof(e.clientX) == 'number') { 2547 posX = e.clientX; 2548 if (document.body && (document.body.scrollTop || document.body.scrollLeft) && !(window.opera || window.debug || navigator.vendor == 'KDE')) { 2549 posX += document.body.scrollLeft; 2550 } else { 2551 if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft) && !( window.opera || window.debug || navigator.vendor == 'KDE')) { 2552 posX += document.documentElement.scrollLeft; 2553 } 2554 } 2555 } 2556 } 2557 return posX; 2558} 2559 2560function findY(e) { 2561 var posY = 0; 2562 if (!e) { e = window.event; } if (!e) { return 0; } 2563 if (typeof(e.pageY) == 'number') { 2564 posY = e.pageY; 2565 } else { 2566 if (typeof(e.clientY) == 'number') { 2567 posY = e.clientY; 2568 if (document.body && (document.body.scrollTop || document.body.scrollLeft) && !(window.opera || window.debug || navigator.vendor == 'KDE')) { 2569 posY += document.body.scrollTop; 2570 } else { 2571 if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft) && !(window.opera || window.debug || navigator.vendor == 'KDE')) { 2572 posY += document.documentElement.scrollTop; 2573 } 2574 } 2575 } 2576 } 2577 return posY; 2578} 2579 2580// Wenn der Span des Fensters innerhalb des Spans des Icons ist, können wir die Position relativ angeben 2581// Das führt aber zu Z-Order Problemen 2582// Damit das Fenster (ohne verschachtelte Spans) gleich neben dem Icon angezeigt werden kann, benötigen 2583// wir die Position des MausEvents -> deshalb benötigen wir diese Funktion statt show_info() 2584 2585function showWin(e,id,left) { 2586 2587 var win = document.getElementById(id); 2588 2589 // Die richtigen Koordinaten finden ist wohl was vom schwierigsten 2590 var x = findX(e) + left; 2591 var y = findY(e); 2592 2593 //alert (x+' '+y); 2594 win.style.left = (x) + "px"; 2595 win.style.top = (y) + "px"; 2596 2597 //alert (win.style.left+' '+win.style.top); 2598 win.style.display = 'block'; 2599} 2600// Wird an verschiedenen Orten verwendet um Fenster anzuzeigen 2601function hideWin(id) { 2602 var icon = document.getElementById(id); 2603 if(icon) icon.style.display = 'none'; 2604} 2605 2606var EditActive = null; // Damit nicht mehrere Dialoge gestartet werden können 2607 2608function show_form(e,id,top,left) { 2609 2610 if (EditActive == null) { 2611 2612 var win = document.getElementById(id); 2613 2614 // The only way to find the correct document relative mouse ccordinates 2615 var posx = 0; 2616 var posy = 0; 2617 if (!e) var e = window.event; 2618 if (e.pageX || e.pageY) { 2619 posx = e.pageX; 2620 posy = e.pageY; 2621 } 2622 else if (e.clientX || e.clientY) { 2623 posx = e.clientX + document.body.scrollLeft 2624 + document.documentElement.scrollLeft; 2625 posy = e.clientY + document.body.scrollTop 2626 + document.documentElement.scrollTop; 2627 } 2628 // posx and posy contain the mouse position relative to the document 2629 // Do something with this information 2630 2631 var x = posx; 2632 var y = posy; 2633 // alert ('x: '+x); 2634 // alert ('y: '+y); 2635 // alert ('TipLeft: '+TipLeft); 2636 // alert ('TipTop: '+TipTop); 2637 var TT = top; // Parameter werden in updateTipOver verwendet 2638 var TL = left; 2639 x = (x + TL); 2640 y = (y - TT); 2641 // alert ('x nachher: '+x); 2642 // alert ('y nachher: '+y); 2643 win.style.left = (x) + "px"; // Innerhalb des Dokumentes, nicht des Fensters 2644 win.style.top = (y) + "px"; // Innerhalb des Dokumentes, nicht des Fensters 2645 win.style.display = 'block'; 2646 EditActive = 1; 2647 } 2648} 2649 2650function hide_form(el) { 2651 var icon = document.getElementById(el); 2652 if(icon) icon.style.display = 'none'; 2653 EditActive = null; 2654} 2655 2656// fenster zentriert anzeigen (z.B. für auxdata_edit) 2657function show_centered(id) { 2658 2659 if (EditActive == null) { 2660 var xPos,yPos; 2661 var myWidth,myHeight; 2662
2663 if (self.innerHeight) { // all except Explorer 2664 yPos = self.pageYOffset; 2665 myHeight = self.innerHeight; 2666 } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict 2667 yPos = document.documentElement.scrollTop; 2668 myHeight = document.documentElement.clientHeight; 2669 } else if (document.body) { // all other Explorers 2670 yPos = document.body.scrollTop; 2671 myHeight = document.body.clientHeight; 2672 } 2673 2674 yPos = yPos + myHeight/10 +"px"; 2675 2676 if (self.innerWidth) { // all except Explorer 2677 xPos = self.pageXOffset; 2678 myWidth = self.innerWidth; 2679 } else if (document.documentElement && document.documentElement.clientWidth) { // Explorer 6 Strict 2680 xPos = document.documentElement.scrollLeft; 2681 myWidth = document.documentElement.clientWidth; 2682 } else if (document.body) { // all other Explorers 2683 xPos = document.body.scrollLeft; 2684 myWidth = document.body.clientWidth; 2685 } 2686 2687 xPos = xPos + ((myWidth-450)/2); 2688 2689 var win = document.getElementById(id); 2690 2691 win.style.left = xPos; 2692 win.style.top = yPos; 2693 2694 //alert (win.style.left+' '+win.style.top); 2695 win.style.display = 'block'; 2696 EditActive = 1; 2697 } 2698} 2699 2700// Wird verwendet in der html 'help' Methode (nur auf Capito seite) 2701TipOver = null; 2702TipTop = null; 2703TipLeft = null; 2704document.onmousemove = updateTipOver; 2705function updateTipOver(e) { 2706 if (TipOver != null) { 2707 2708 // The only way to find the correct document relative mouse ccordinates 2709 var posx = 0; 2710 var posy = 0; 2711 if (!e) var e = window.event; 2712 if (e.pageX || e.pageY) { 2713 posx = e.pageX; 2714 posy = e.pageY; 2715 } 2716 else if (e.clientX || e.clientY) { 2717 posx = e.clientX + document.body.scrollLeft 2718 + document.documentElement.scrollLeft; 2719 posy = e.clientY + document.body.scrollTop 2720 + document.documentElement.scrollTop; 2721 } 2722 // posx and posy contain the mouse position relative to the document 2723 // Do something with this information 2724 2725 var x = posx; 2726 var y = posy; 2727 // alert ('x: '+x); 2728 // alert ('y: '+y); 2729 // alert ('TipLeft: '+TipLeft); 2730 // alert ('TipTop: '+TipTop); 2731 x = (x + TipLeft); 2732 y = (y - TipTop); 2733 // alert ('x nachher: '+x); 2734 // alert ('y nachher: '+y); 2735 TipOver.style.left = (x) + "px"; 2736 TipOver.style.top = (y) + "px"; 2737 } 2738} 2739function showTipOver(e,id,top,left) { 2740 2741 if (EditActive == null) { 2742 TipOver = document.getElementById(id); 2743 2744 // The only way to find the correct document relative mouse ccordinates 2745 var posx = 0; 2746 var posy = 0; 2747 if (!e) var e = window.event; 2748 if (e.pageX || e.pageY) { 2749 posx = e.pageX; 2750 posy = e.pageY; 2751 } 2752 else if (e.clientX || e.clientY) { 2753 posx = e.clientX + document.body.scrollLeft 2754 + document.documentElement.scrollLeft; 2755 posy = e.clientY + document.body.scrollTop 2756 + document.documentElement.scrollTop; 2757 } 2758 // posx and posy contain the mouse position relative to the document 2759 // Do something with this information 2760 2761 var x = posx; 2762 var y = posy; 2763 // alert ('x: '+x); 2764 // alert ('y: '+y); 2765 // alert ('TipLeft: '+TipLeft); 2766 // alert ('TipTop: '+TipTop); 2767 TipTop = top; // Parameter werden in updateTipOver verwendet 2768 TipLeft = left; 2769 x = (x + TipLeft); 2770 y = (y - TipTop); 2771 // alert ('x nachher: '+x); 2772 // alert ('y nachher: '+y); 2773 TipOver.style.left = (x) + "px"; // Innerhalb des Dokumentes, nicht des Fensters 2774 TipOver.style.top = (y) + "px"; // Innerhalb des Dokumentes, nicht des Fensters 2775 TipOver.style.display = 'block'; 2776 } 2777} 2778function hideTipOver() { 2779 if (TipOver != null) { 2780 TipOver.style.display = 'none'; 2781 TipOver = null; 2782 } 2783} 2784// Nur in textfeldern, nicht wenn es eine textarea ist 2785function stopReturnKey(evt) { 2786 var evt = (evt) ? evt : ((event) ? event : null); 2787 var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null); 2788 if ((evt.keyCode == 13) && (node.type=="text")) { return false; } 2789} 2790// dort wo die prod_search funktion verwendet wird muss die RETURN Taste auf Dokument-Ebene mit noreturm abgefangen werden 2791function noreturn(evt) { 2792 evt = (evt) ? evt : ((event) ? event : null); 2793 if (evt) { 2794 if (evt.keyCode == 13) return false; /* return */ 2795 if (evt.keyCode == 116) { 2796 window.event.keyCode = 505; /* keine Ahnung, was 505 bedeutet -> aus dem Internet kopiert, ohne das gehts nicht */ 2797 alert('F5 kann hier nicht verwendet werden'); 2798 return false; /* F5 */ 2799 } 2800 return true; 2801 } else return false; 2802} 2803 2804// Popup für diversen inhalt 2805// in $_page->body() wird $_page->alert_and_confirm(); aufgerufen, damit der Dialog zur Verfügung steht 2806// box_id muss class generalBox haben (wenn es nicht die ID generalBox ist) 2807 2808function showPopup(width,height,htmltxt,box_id,set_html,scroll) { 2809 2810 if (typeof box_id === 'undefined') box_id = 'generalBox'; 2811 if (typeof set_html === 'undefined') set_html = true; 2812 if (typeof scroll === 'undefined') scroll = true; 2813
2814 var overlay = document.getElementById('generalOverlay'); 2815 var box = document.getElementById(box_id); 2816 2817 box.style.width = width + 'px'; 2818 2819 if (scroll) box.style.overflowY = 'scroll'; 2820 else box.style.overflowY = 'hidden'; 2821 2822 if (set_html === true) box.innerHTML = htmltxt; 2823 overlay.style.display = 'block'; 2824 box.style.display = 'block'; 2825 2826 if (height == 'auto') box.style.height = 'auto'; 2827 else box.style.height = height + 'px'; 2828 2829 // 09.06.2016, added by rf 2830 /* Scripts werden nicht automatisch ausgeführt, deshalb müssen wir das von Hand machen */ 2831 var ob = box.getElementsByTagName('script'); 2832 2833 /* ACHTUNG: EINE SCRIPT-TAG GANZ AM ANFANG DES HTML-CODES WIRD NICHT ERKANNT, ES MUSS ZUERST WAS ANDERES KOMMEN */ 2834 for (var i=0; i < ob.length; i++) { 2835 2836 /* alert(ob[i].text); */ 2837 if (ob[i].text != null) { 2838 eval(ob[i].text); 2839 } 2840 } 2841} 2842 2843function closePopup(box_id) { 2844 2845 if (typeof box_id === 'undefined') box_id = 'generalBox'; 2846 2847 var overlay = document.getElementById('generalOverlay'); 2848 var box = document.getElementById(box_id); 2849 2850 overlay.style.display = 'none'; 2851 box.style.display = 'none'; 2852} 2853 2854function validate_date(x,tx){ 2855 todate = new Date (); 2856 today = [todate.getDate(), todate.getMonth()+1, todate.getFullYear(), todate.getHours(), todate.getMinutes()]; 2857 str1 = new String (x.value); 2858 if (str1.length < 1) return; 2859 if (tx == 1) { // time included 2860 _H = today[3]; // default 2861 _M = today[4]; 2862 str2 = str1.split (' '); 2863 if (str2.length == 0) str = str1.split ('.'); 2864 if (str2.length >= 1) str = str2[0].split ('.'); 2865 if (str2.length >= 2) { 2866 tim = str2[1].split (':'); 2867 if (tim.length < 2) tim = str2[1].split ('.'); 2868 if (tim.length >= 1) _H = parseInt (tim[0], 10); 2869 if (tim.length >= 2) _M = parseInt (tim[1], 10); 2870 if (!(_H >= 0 && _H < 24)) _H = today[3]; 2871 if (!(_M >= 0 && _M < 60)) _M = today[4]; 2872 } 2873 } 2874 else { 2875 str = str1.split ('.'); 2876 } 2877 _d = parseInt (str[0],10); // day 2878 if (!(_d >= 0)) _d = today[0]; 2879 _m = parseInt (str[1],10); // month 2880 if (!(_m > 0)) _m = today[1]; 2881 _y = parseInt (str[2],10); // year 2882 if (!(_y > 0 && _y < 2800)) _y = today[2]; 2883 if (_y >= 0 && _y < 50) _y = 2000+_y; 2884 if (_y >= 0 && _y < 100) _y = 1900+_y; 2885 if (tx == 1) _D = new Date (_y, _m-1, _d, _H, _M, 0, 0); 2886 else _D = new Date (_y, _m-1, _d); 2887 _d1 = new String (_D.getDate()); 2888 _m1 = new String (_D.getMonth()+1); 2889 _y1 = new String (_D.getFullYear()); 2890 if (_d1.length < 2) x.value = '0'+_d1+'.'; 2891 else x.value = _d1+'.'; 2892 if (_m1.length < 2) x.value += '0'+_m1+'.'+_y1; 2893 else x.value += _m1+'.'+_y1; 2894 if (tx == 1) { 2895 x.value += ' '; 2896 if (_H < 10) x.value += '0'+_H+':'; 2897 else x.value += _H+':'; 2898 if (_M < 10) x.value += '0'+_M; 2899 else x.value += _M; 2900 } 2901 if ((_d > 0 && _d != _d1) || (_d > 0 && _m != _m1) || _y != _y1) { 2902 alert ('Warnung: ungueltiges Datum korrigiert zu: '+x.value); 2903 } 2904} 2905 2906// Stand 11.2017 2907// http://ec.europa.eu/eurostat/statistics-explained/index.php/Glossary:Country_codes/de 2908 2909/* 2910Belgien (BE) Griechenland (GR) Litauen (LT) Portugal (PT) 2911Bulgarien (BG) Spanien (ES) Luxemburg (LU) Rumänien (RO) 2912Tschechische Republik (CZ) Frankreich (FR) Ungarn (HU) Slowenien (SI) 2913Dänemark (DK) Kroatien (HR) Malta (MT) Slowakei (SK) 2914Deutschland (DE) Italien (IT) Niederlände (NL) Finnland (FI) 2915Estland (EE) Zypern (CY) Österreich (AT) Schweden (SE) 2916Irland (IE) Lettland (LV) Polen (PL) Vereinigtes Königreich (UK) 2917*/ 2918 2919// ACHTUNG: Siehe auch _countries.php CAPITO und Web-Bereich (include/_countries.php - Boll und Autodoc). 2920// Aenderungen müssen auch dort angepasst werden. 2921 2922// Find out, if a country is in the EU 2923function isEU(code) { 2924 2925 // Eigentlich ist es UK nicht GB (in meiner Liste gibt es aber nur GB und die gehen eh bald raus) 2926 var eu_countries = ["BE","BG","CZ","DK","DE","EE","IE","GR","ES","FR","HR","IT","CY","LV", 2927 "LT","LU","HU","MT","NL","AT","PL","PT","RO","SI","SK","FI","SE","GB"]; 2928 2929 for(var i=0; i<eu_countries.length; i++) { 2930 if (eu_countries[i] == code) return true; 2931 } 2932 return false; 2933} 2934 2935// Javascript Check of Security Chars 2936// id: ID des Input Feldes ('_dasist' wird überall so verwendet) 2937// pat: Return value von secpattern() (PHP) 2938// Neben dem Input-Feld muss es für die Fehlermeldung ein Element mit der id: id + 'msg' geben ('_dasistmsg') 2939 2940function csf(id,pat,lang) { 2941 2942 if (typeof lang === 'undefined') lang = 1; // German 2943 2944 var elem = document.getElementById(id); 2945 if (elem) { 2946 var v = elem.value; 2947 var res = pat.split('1.9345.23.2'); 2948 var s = ''; 2949 for(var i = 0; i < res.length; i++) { 2950 s += String.fromCharCode(res[i]) 2951 } 2952 if (v == s) return true; 2953 else { 2954 var elem = document.getElementById(id + 'msg'); 2955 if (elem) { 2956 elem.style.color = 'red'; 2957 if (lang == 1) elem.innerHTML = 'Bitte geben Sie die korrekten Sicherheitsbuchstaben ein!'; // German 2958 else if (lang == 3) elem.innerHTML = 'Veuillez entrer les lettres de sécurité correctes!'; // French 2959 else elem.innerHTML = 'Please enter the correct security letters!'; // Default English 2960 } 2961 return false; 2962 } 2963 } 2964} 2965 2966// unique_number() 2967 2968// * Provide a way to generate a string guaranteed to be unique when compared 2969// to other strings generated by this function. 2970// * Make the string complex enough that it is highly unlikely to be 2971// accidentally duplicated by hand (this is key if you're using `ID` 2972// as a private/protected name on an object). 2973 2974function unique_number() { 2975 2976 // Math.random should be unique because of its seeding algorithm. 2977 // Convert it to base 36 (numbers + letters), and grab the first 9 characters 2978 // after the decimal. 2979 return '_' + Math.random().toString(36).substr(2, 9); 2980} 2981 2982var alert_count = 0; 2983 2984// Alert Dialog mit OK Button (mehrere Alerts übereinander möglich) 2985 2986function doAlert(msg, numofbreaks, overflowY, maxWidth, withOKButton) { 2987 2988 if (typeof numofbreaks === 'undefined') numofbreaks = 2; // Default 2 breaks before HR (good for normal Text), 1 after a block element (e.g. table) 2989 if (typeof overflowY === 'undefined') overflowY = false; 2990 if (typeof maxWidth === 'undefined') maxWidth = false; 2991 if (typeof withOKButton === 'undefined') withOKButton = true; 2992 2993 if (alert_count < 4) { 2994 2995 var alertOverlay = document.getElementById('alertOverlay'); 2996 alertOverlay.style.display = 'block'; 2997 2998 var box = document.createElement('div'); 2999 var box_id = unique_number() + alert_count; 3000 box.id = box_id; 3001 box.classList.add('alertBox'); 3002 box.classList.add('appearDialog'); 3003 3004 var txt = document.createElement('div'); 3005 txt.classList.add('alertBoxText'); 3006 3007 var html = msg; 3008 3009 if (alert_count == 3) var html = 'Maximum 3 errors are displayed'; 3010 3011 var i; 3012 for (i = 0; i < numofbreaks; i++) { 3013 html += '<br>'; 3014 } 3015 if (withOKButton) html += '<hr>'; // HR before OK Button 3016 else txt.style.marginBottom = 0; // No margin necessary without OK Button 3017 3018 txt.innerHTML = html; 3019 3020 box.appendChild(txt); 3021 3022 if (withOKButton) { 3023 3024 var btn = document.createElement('span'); 3025 btn.classList.add('alertBoxOK'); 3026 btn.innerHTML = 'OK'; 3027 3028 btn.onclick = function(e) { closeAlert(box_id) }; 3029 box.appendChild(btn); 3030 } 3031 3032 box.style.display = 'block'; 3033 3034 if (overflowY) { 3035 box.style.maxHeight = '80%'; 3036 box.style.overflowY = overflowY; 3037 } 3038 3039 if (maxWidth) box.style.maxWidth = maxWidth; 3040 3041 box.style.zIndex = 900 + alert_count; 3042 document.body.appendChild(box); 3043 3044 // Ueberlappende Alertboxen etwas nach unten rechts verschieben 3045 if (alert_count > 0) { 3046 3047 box.style.marginTop = (alert_count * 10) + 'px'; 3048 box.style.marginLeft = (alert_count * 10) + 'px'; 3049 } 3050 alert_count++; 3051 } 3052} 3053 3054function closeAlert(id) { 3055 3056 var alertOverlay = document.getElementById('alertOverlay'); 3057 var alertBox = document.getElementById(id); 3058 3059 if (alert_count == 1) alertOverlay.style.display = 'none'; 3060 alertBox.className = ''; 3061 alertBox.style.display = 'none'; 3062 3063 alertBox.parentNode.removeChild(alertBox); // Element löschen 3064 3065 alert_count--; 3066} 3067 3068// Ja/Nein Confirmation Dialog 3069// in $_page->body() wird $_page->alert_and_confirm(); aufgerufen, damit der Dialog zur Verfügung steht 3070// siehe z.B. event_type_edit.php 3071/* 3072function doConfirm(msg, yesFn, noFn, cancelFn, yesTxt, noTxt, cancelTxt, addBreaks) { 3073 3074 if (typeof yesFn === 'undefined') yesFn = false; 3075 if (typeof noFn === 'undefined') noFn = false; 3076 if (typeof cancelFn === 'undefined') cancelFn = false; 3077 if (typeof addBreaks === 'undefined') addBreaks = 1; 3078 3079 if (typeof yesTxt === 'undefined') { 3080 if (noFn) yesTxt = 'Ja'; // Mit Nein macht Ja mehr Sinn 3081 if (cancelFn) yesTxt = 'OK'; // Mit Cancel macht OK mehr Sinn 3082 } 3083 if (typeof noTxt === 'undefined') noTxt = 'Nein'; 3084 if (typeof cancelTxt === 'undefined') cancelTxt = 'Abbrechen'; 3085 3086 var confirmOverlay = document.getElementById('confirmOverlay'); 3087 var confirmBox = document.getElementById('confirmBox'); 3088 3089 var msg_def = msg + '<br>'; 3090 3091 for (var i = 0; i < addBreaks; i++) { 3092 msg_def = msg_def + '<br>'; 3093 } 3094 3095 msg_def = msg_def + '<hr>'; 3096 3097 document.getElementById('confirmBoxText').innerHTML = msg_def; 3098
3099 // Reset des vorher gesetzten onclick Event-Handlers 3100 // Weiss nicht, ob es das braucht, wenn man auf einer Seite den Dialog für Verschiedenes einsetzt. 3101 // document.getElementById('confirmBoxYes').onclick = null; 3102 // document.getElementById('confirmBoxNo').onclick = null; 3103 3104 var yesElem = document.getElementById('confirmBoxYes'); 3105 var noElem = document.getElementById('confirmBoxNo'); 3106 var cancelElem = document.getElementById('confirmBoxCancel'); 3107 3108 if (yesElem) { 3109 if (yesFn) { 3110 yesElem.style.display = 'inline-block'; 3111 yesElem.onclick = yesFn; 3112 yesElem.innerHTML = yesTxt; 3113 } else yesElem.style.display = 'none'; 3114 } 3115 3116 if (noElem) { 3117 if (noFn) { 3118 noElem.style.display = 'inline-block'; 3119 noElem.onclick = noFn; 3120 noElem.innerHTML = noTxt; 3121 } else noElem.style.display = 'none'; 3122 } 3123 3124 if (cancelElem) { 3125 if (cancelFn) { 3126 cancelElem.style.display = 'inline-block'; 3127 cancelElem.onclick = cancelFn; 3128 cancelElem.innerHTML = cancelTxt; 3129 } else cancelElem.style.display = 'none'; 3130 } 3131 3132 confirmOverlay.style.display = 'block'; 3133 confirmBox.className = 'appearDialog'; 3134 confirmBox.style.display = 'block'; 3135} 3136 3137function closeConfirm() { 3138 var confirmOverlay = document.getElementById('confirmOverlay'); 3139 var confirmBox = document.getElementById('confirmBox'); 3140 3141 confirmOverlay.style.display = 'none'; 3142 confirmBox.className = ''; 3143 confirmBox.style.display = 'none'; 3144} 3145*/ 3146 3147/* News Box on index.html and partner/intern/index.html*/ 3148function showNews(news_id,validity,type,location,account=0) { 3149 // Get the popup 3150 var popup = document.getElementById('newsPopup'); 3151 popup.style.display = 'block'; 3152 3153 // When the user clicks anywhere outside of the popup, close it 3154 window.onclick = function(event) { 3155 if (event.target == popup) { 3156 popup.style.display = 'none'; 3157 } 3158 } 3159 3160 //</hr>ajaxObj.debug=1; 3161 // account wird nicht mehr benötigt 3162 ajaxObj.call('action=news_message&news_id='+news_id+'&_LANG='+lang+'&_validity='+validity+'&_type='+type+'&_location='+location, respShowNews); 3163} 3164 3165function respShowNews(resp) { 3166 3167 if(resp) { 3168 if(resp.errors) { 3169 showErrors(resp.errors); 3170 } else { 3171 if (resp.warning) showWarnings(resp.warning); 3172 var elem = document.getElementById('newsPopupContent'); 3173 if (elem) { 3174 3175 elem.innerHTML = resp.html; 3176 3177 // Get the popup 3178 var popup = document.getElementById('newsPopup'); 3179 3180 // Get the <span> element that closes the popup 3181 var span = document.getElementById('newsClose'); 3182 3183 // When the user clicks on <span> (x), close the popup 3184 span.onclick = function() { 3185 popup.style.display = 'none'; 3186 } 3187 } 3188 } 3189 } 3190} 3191 3192// Image in zentriertem Fenster anzeigen 3193function showImage(img_file_name, title=null) { 3194 3195 // Get the popup 3196 var popup = document.getElementById('imagePopup'); 3197 popup.style.display = 'block'; 3198 3199 // When the user clicks anywhere outside of the popup, close it 3200 window.onclick = function(event) { 3201 if (event.target == popup) { 3202 popup.style.display = 'none'; 3203 var elem = document.getElementById('zoomedImage'); 3204 if (elem) elem.src = ''; 3205 } 3206 } 3207 3208 var elem = document.getElementById('zoomedImage'); 3209 if (elem) { 3210 3211 elem.src = img_file_name; 3212 elem.title = title; 3213 elem.alt = title; 3214 3215 // Get the popup 3216 var popup = document.getElementById('imagePopup'); 3217 3218 // Get the <span> element that closes the popup 3219 var span = document.getElementById('imageClose'); 3220 3221 // When the user clicks on <span> (x), close the popup 3222 span.onclick = function() { 3223 popup.style.display = 'none'; 3224 var elem = document.getElementById('zoomedImage'); 3225 if (elem) elem.src = ''; 3226 } 3227 } 3228} 3229 3230</script>
3230 3231</head> 3232<body bgcolor="white" link="#666666" vlink="#666666" alink="#666666"> 3233<div id='confirmOverlay'></div> 3234 <div id='confirmBox'> 3235 <div id='confirmBoxText'></div> 3236 <span id='confirmBoxYes'>Ja</span> 3237 <span id='confirmBoxNo'>Nein</span> 3238 <span id='confirmBoxCancel'>Abbrechen</span> 3239 <br> 3240 </div> 3241 3242 <div id='alertOverlay'></div> 3243 3244 <div id='msgOverlay'></div> 3245 <div id='msgBox'> 3246 <div id='msgBoxText'></div> 3247 </div> 3248 3249 <div id='generalOverlay'></div> 3250 <div id='generalBox'></div> 3251<div id="imagePopup" class="popup appearDialog"> 3252<div id="imagePopupContent" class="popup-content" style="top: max(130px, 20%); display: flex; justify-content: center; flex-direction: column; align-items: center; max-width: 1000px; min-height: 50%; max-height: 67%;"> 3253<div style="position:sticky; width:100%; height:40px;"> 3254<span id='imageClose' class='close' style='padding:12px;color:#019ee3'>×</span> 3255</div> 3256<img id="zoomedImage" style="max-width:95%; max-height: 80%; margin: auto; display: inline-block; padding: 0px 10px 20px 10px"> 3257</div> 3258</div>
3259<script type="text/javascript" language="JavaScript1.2"> 3260 document.addEventListener("DOMContentLoaded", () => { 3261 window.onscroll = function() { setOrUnsetSticky(); }; 3262 var navbar = document.getElementById("menuoutertable"); 3263 var wrapper = document.getElementById("topMenuWrapper"); 3264 var menuLogo = document.getElementById("menuLogo"); 3265 var mobileNav = document.getElementById("cd-dropdown"); 3266 setOrUnsetSticky(); 3267 var sticky = 71; 3268 var sticky = navbar.offsetTop - 68; 3269 function setOrUnsetSticky() { 3270 if (window.scrollY < 0) return; 3271 if (window.innerWidth > 600) sticky = 71; 3272 else sticky = 0; 3273 if (window.scrollY >= sticky) { 3274 navbar.classList.add("sticky") 3275 wrapper.style.background = "linear-gradient(to left, #009fe3, #0e3f8f)"; 3276 menuLogo.style.display = "block"; 3277 mobileNav.classList.add("cd-dropdown-small-header"); 3278 } else { 3279 navbar.classList.remove("sticky"); 3280 wrapper.style.background = ""; 3281 menuLogo.style.display = "none"; 3282 mobileNav.classList.remove("cd-dropdown-small-header"); 3283 } 3284 } 3285 }); 3286 window.addEventListener("resize", (event) => { 3287 event.preventDefault(); 3288 var wrapper = document.getElementById("topMenuWrapper"); 3289 var navbar = document.getElementById("menuoutertable"); 3290 var menuLogo = document.getElementById("menuLogo"); 3291 if (window.innerWidth > 600 && window.scrollY < 68) { 3292 navbar.classList.remove("sticky"); 3293 wrapper.style.background = ""; 3294 menuLogo.style.display = "none"; 3295 } else { 3296 navbar.classList.add("sticky"); 3297 wrapper.style.background = "linear-gradient(to left, #009fe3, #0e3f8f)"; 3298 menuLogo.style.display = "block"; 3299 } 3300 }); 3301 3302</script>
3302 3303<div id="maindiv" class="maindiv"> 3304<table style="border:0; padding:0; margin:0; border-collapse: collapse; table-layout: fixed;width:100%;"> 3305<tr> 3306<td id="headleft" align="right" style="text-align:right;margin-left: auto;margin-right: 0px;"> 3307</td> 3308<td id="headcenter"> 3309<A id="headlink" title="Home" href="https://www.boll.ch/index.html"><img id="bannerImg" src="../pics/Banner2020.jpg" alt="Banner2020" title="Banner2020" border="0"></a> 3310<div id="topMenuWrapper" class="topMenuWrapper"> 3311<div id="topMenu" class="topMenu"> 3312<div id="topMenuLeft" class="topMenuLeft"> 3313<div id="menuLogoWrapper" class="menuLogoWrapper"> 3314<a href='../index.html'> 3315<img id="menuLogo" class="menuLogo" src="../pics/boll_logo_menu.png" alt=""></a> 3316</div> 3317</div> 3318<div id="topMenuRight" class="topMenuRight"> 3319<div class="dropdown loginButtonArea"> 3320<button id='accountButton' class='dropbtn_user accountButton' onclick="window.location.href='../partner/login.html'";> 3321<img src="../pics/user_profile.png" alt="Login" title="Login" border="0"></button> 3322</div> 3323<div style="font-size: 14px; color: #ffffff; font-weight: bold; display: flex; align-items: center; min-width: 100px; flex-shrink: 0;">
3324<script type="text/javascript" language="JavaScript1.2"> 3325 function switchSite() { 3326 var countryKey = document.getElementById('_site').value; 3327 if (countryKey == 200) window.location.href = 'https://www.boll.ch/de_en/'; 3328 else if (countryKey == 300) window.location.href = 'https://www.boll.ch/at_en/'; 3329 else window.location.href = 'https://www.boll.ch/ch_en/'; 3330 } 3331 3332</script>
3332 3333<div id="site_flag" class="site_flag"> 3334<img src="../pics/ch_flag.png" alt="" border="0"></div> 3335<form autocomplete="off" method="POST"> 3336<select style="font-size: 14px; min-width: 105px; padding: 2px 0px 2px 5px; border: 1px solid #dddddd; background-color: #208ad8; color: #ffffff; border-radius:2px" id="_site" name="_site" onChange="switchSite()"> 3337<option value="100" selected> 3338Switzerland</option> 3339<option value="200"> 3340Germany</option> 3341<option value="300"> 3342Austria</option> 3343</select> 3344</form> 3345</div> 3346<div class="langChooser"> 3347<A style="margin-right: 5px; color: white" href="https://www.boll.ch/ch_de/solutions/network_security.html">DE</A> 3348<A style="margin-right: 5px; color: white" href="https://www.boll.ch/ch_fr/solutions/network_security.html">FR</A> 3349<span style="margin-right: 5px;color: #FFBA3D;"> 3350EN</span> 3351</div> 3352</div> 3353</div> 3354</div> 3355</td> 3356<td id="headright"> 3357</td> 3358</tr> 3359</table> 3360</div> 3361<table class="menuoutertable" id="menuoutertable" style="width:100%;"> 3362<tr> 3363<td style="background-color: #0047a1;width:100%;"> 3364<table class="menutable" height="45px" border="0" cellspacing="0"> 3365<tr bgcolor="#0047a1"> 3366<td align="left" style="padding:0px;"> 3367<div id="cddropdownwrapper" class="cd-dropdown-wrapper"> 3368<button class='cd-dropdown-trigger' style='text-align:left;padding:0px;border: none;background-image: url(../pics/menu_icon_white.png);background-repeat: no-repeat;background-color:transparent;background-size: 20px;background-position: right;width: 30px;font-size: 14px;font-weight: bold;font-family: inherit;color:#555560;height: 40px;cursor: pointer;margin-right:10px;' class='dropbtn'></button> 3369<nav class='cd-dropdown' id='cd-dropdown'> 3370<div style="width:100%;z-index:1;border-bottom:1px solid #585a70;"> 3371<A class="cd-close" href="#0">Close</A> 3372</div> 3373<div> 3374<ul class="cd-dropdown-content"> 3375<li> 3376<A href="https://www.boll.ch/index.html">Home</A> 3377</li> 3378<li class="has-children"> 3379<A>Solutions</A> 3380<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3381<li class="go-back"> 3382<A href="#0">Menu</A> 3383</li> 3384<li> 3385<A href="../solutions/network_security.html">Network Security</A> 3386</li> 3387<li> 3388<A href="../solutions/iot_ot_security.html">IoT & OT Security</A> 3389</li> 3390<li> 3391<A href="../solutions/endpoint_security.html">Endpoint Security</A> 3392</li> 3393<li> 3394<A href="../solutions/browser_security.html">Browser Security</A> 3395</li> 3396<li> 3397<A href="../solutions/soc_security.html">SOC Security</A> 3398</li> 3399<li> 3400<A href="../solutions/cloud_native_security.html">Cloud Native Security</A> 3401</li> 3402<li> 3403<A href="../solutions/email_security.html">E-Mail Security</A> 3404</li> 3405<li> 3406<A href="../solutions/pki_certificates.html">PKI & Certificates</A> 3407</li> 3408<li> 3409<A href="../solutions/vulnerability_mgmt.html">Vulnerability Management</A> 3410</li> 3411<li> 3412<A href="../solutions/data_security_posture_mgmt.html">Data Security Posture Management</A> 3413</li> 3414<li> 3415<A href="../solutions/identity_access.html">Identity & Access Security</A> 3416</li> 3417<li> 3418<A href="../solutions/physical_security.html">Physical Security</A> 3419</li> 3420<li> 3421<A href="../solutions/security_awareness.html">Security Awareness</A> 3422</li> 3423<li> 3424<A href="../solutions/networking.html">Networking</A> 3425</li> 3426<li> 3427<A style="border-bottom:none;" href="../solutions/digital_experience_monitoring.html">Digital Experience Monitoring</A> 3428</li> 3429<li> 3430  3431</li> 3432</ul> 3433</li> 3434<li class="has-children"> 3435<A>Products</A> 3436<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3437<li class="go-back"> 3438<A href="#0">Menu</A> 3439</li> 3440<li> 3441<A style="font-weight: bold;" href="../portfolio.html">PORTFOLIO</A> 3442</li> 3443<li> 3444<A href="../alcatel/index.html">Alcatel-Lucent Enterprise</A> 3445</li> 3446<li> 3447<A href="https://autodoc.org" target="prod6ab5f9885357d">AUTODOC</A> 3448</li> 3449<li> 3450<A href="../asimily/index.html">Asimily</A> 3451</li> 3452<li> 3453<A href="../claroty/index.html">Claroty</A> 3454</li> 3455<li> 3456<A href="../corero/abwehr_von_ddos_attacken.html">Corero</A> 3457</li> 3458<li> 3459<A href="../cryoserver/index.html">Cryoserver</A> 3460</li> 3461<li> 3462<A href="../cyolo/index.html">Cyolo</A> 3463</li> 3464<li> 3465<A href="../deepinstinct/index.html">Deep Instinct</A> 3466</li> 3467<li> 3468<A href="../eset/index.html">ESET</A> 3469</li> 3470<li> 3471<A href="../fortinet/index.html">Fortinet</A> 3472</li> 3473<li> 3474<A href="../fudo/index.html">Fudo</A> 3475</li> 3476<li> 3477<A href="../f5/index.html">F5</A> 3478</li> 3479<li> 3480<A href="../halcyon/index.html">
3480Halcyon</A> 3481</li> 3482<li> 3483<A href="../hornetsecurity/index.html">Hornetsecurity</A> 3484</li> 3485<li> 3486<A href="../kaspersky/index.html">Kaspersky</A> 3487</li> 3488<li> 3489<A href="../menlosecurity/index.html">Menlo Security</A> 3490</li> 3491<li> 3492<A href="../netskope/index.html">Netskope</A> 3493</li> 3494<li> 3495<A href="../onespan/index.html">OneSpan</A> 3496</li> 3497<li> 3498<A href="../paloalto/index.html">Palo Alto Networks</A> 3499</li> 3500<li> 3501<A href="../proofpoint/index.html">Proofpoint</A> 3502</li> 3503<li> 3504<A href="../rackmount/index.html">Rackmount.IT</A> 3505</li> 3506<li> 3507<A href="../secunet/index.html">SecuNet</A> 3508</li> 3509<li> 3510<A href="../seppmail/index.html">SEPPmail</A> 3511</li> 3512<li> 3513<A href="../varonis/index.html">Varonis</A> 3514</li> 3515<li> 3516<A href="../wallix/index.html">Wallix</A> 3517</li> 3518<li> 3519<A style="border-bottom:none;" href="../watchguard/index.html">WatchGuard</A> 3520</li> 3521<li> 3522  3523</li> 3524</ul> 3525</li> 3526<li class="has-children"> 3527<A>Services</A> 3528<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3529<li class="go-back"> 3530<A href="#0">Menu</A> 3531</li> 3532<li> 3533<A style="font-weight: bold;" href="../services/index.html">SERVICES</A> 3534</li> 3535<li> 3536<A href="../services/sales_services.html">Sales Services</A> 3537</li> 3538<li> 3539<A href="../services/tech_services.html">Tech Services</A> 3540</li> 3541<li> 3542<A href="../services/bdm.html">Business Development</A> 3543</li> 3544<li> 3545<A href="../services/marketing_services.html">Marketing Services</A> 3546</li> 3547<li> 3548<A href="../services/logistics.html">Logistics</A> 3549</li> 3550<li> 3551<A href="../services/export.html">Export</A> 3552</li> 3553<li> 3554<A href="../services/education.html">Education</A> 3555</li> 3556<li> 3557<A href="../services/engineering.html">Engineering / Customizing</A> 3558</li> 3559<li> 3560<A href="../staging.html">Staging Services</A> 3561</li> 3562<li> 3563<A style="border-bottom:none;" href="../engineering/index.html">Software-Engineering</A> 3564</li> 3565<li> 3566  3567</li> 3568</ul> 3569</li> 3570<li class="has-children"> 3571<A>Education</A> 3572<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3573<li class="go-back"> 3574<A href="#0">Menu</A> 3575</li> 3576<li> 3577<A href="../training/index.html">Training</A> 3578</li> 3579<li> 3580<A href="../morningsession/index.html">Events</A> 3581</li> 3582<li> 3583</li> 3584<li> 3585  3586</li> 3587</ul> 3588</li> 3589<li class="has-children"> 3590<A>Support</A> 3591<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3592<li class="go-back"> 3593<A href="#0">Menu</A> 3594</li> 3595<li> 3596<A href="../support.html">Support Infos</A> 3597</li> 3598<li> 3599<A href="https://blog.boll.ch" target="techblog">Tech Blog</A> 3600</li> 3601<li> 3602<A href="https://salesblog.boll.ch" target="salesblog">Sales Blog</A> 3603</li> 3604<li> 3605<A href="https://doc.boll.ch">Document-Server</A> 3606</li> 3607<li> 3608<A href="https://www.boll.ch/partner/intern/index.html">Partner Account</A> 3609</li> 3610<li> 3611<A style="border-bottom:none;" href="../register/overview.html">Service Account</A> 3612</li> 3613<li> 3614  3615</li> 3616</ul> 3617</li> 3618<li class="has-children"> 3619<A>Partner Area</A> 3620<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3621<li class="go-back"> 3622<A href="#0">Menu</A> 3623</li> 3624<li> 3625<A href="https://www.boll.ch/partner/intern/index.html">Partner Account</A> 3626</li> 3627<li> 3628<A href="https://www.boll.ch/partner/pw_reset_request.html">Forgot your password</A> 3629</li> 3630<li> 3631<A href="https://www.boll.ch/partner/register.html">Partner Registration</A> 3632</li> 3633<li> 3634  3635</li> 3636</ul> 3637</li> 3638<li class="has-children"> 3639<A>Media</A> 3640<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3641<li class="go-back"> 3642<A href="#0">Menu</A> 3643</li> 3644<li> 3645<A href="../presse.html">Press</A> 3646</li> 3647<li> 3648<A href="../flyer.html">Flyer</A> 3649</li> 3650<li> 3651<A href="../success_stories.html">Success Stories</A> 3652</li> 3653<li> 3654<A href="../videos.html">Youtube Channel</A> 3655</li> 3656<li> 3657<A style="border-bottom:none;" href="../corporate_design.html">CD/Logo</A> 3658</li> 3659<li> 3660  3661</li> 3662</ul> 3663</li> 3664<li class="has-children"> 3665<A style="border-bottom:none;">About us</A> 3666<ul style="top:0px;" class="cd-secondary-dropdown is-hidden"> 3667<li class="go-back"> 3668<A href="#0">Menu</A> 3669</li> 3670<li> 3671<A href="../company.html">Who are we</A> 3672</li> 3673<li> 3674<A href="../team.html">Team</A> 3675</li> 3676<li> 3677<A href="../jobs.html">Jobs</A> 3678</li> 3679<li> 3680<A href="../kontakt.html">Contact</A> 3681</li> 3682<li> 3683<A href="../privacy_statement.html">Privacy Statement</A> 3684</li> 3685<li> 3686<A href="../certifications.html">Certifications</A> 3687</li> 3688<li> 3689<A href="../impressum.html">Impressum</A> 3690</li> 3691<li> 3692<A href="../partner/BOLL_AGB_v300_e.pdf" target="agbs">GTC (PDF)</A> 3693</li> 3694<li> 3695<A href="../charity.html">Charity</A> 3696</li> 3697<li> 3698<A style="border-bottom:none;" href="../sponsoring.html">Sponsoring</A> 3699</li> 3700<li> 3701  3702</li> 3703</ul> 3704</li> 3705<li> 3706  3707</li> 3708</ul> 3709</div> 3710</nav> 3711</div> 3712
3712<script> 3713 var dropdowntriggers = document.getElementsByClassName('cd-dropdown-trigger'); 3714 for (var i = 0; i < dropdowntriggers.length; i++) { 3715 dropdowntriggers[i].addEventListener('click', function() { 3716 event.preventDefault(); 3717 toggleNav(); 3718 }, false); 3719 } 3720 var cdclose = document.getElementsByClassName('cd-close'); 3721 for (var i = 0; i < cdclose.length; i++) { 3722 cdclose[i].addEventListener('click', function() { 3723 event.preventDefault(); 3724 toggleNav(); 3725 var secondarydropdown = document.getElementsByClassName('cd-secondary-dropdown'); 3726 for (m = 0; m < secondarydropdown.length; m++) { 3727 secondarydropdown[m].classList.add('is-hidden'); 3728 } 3729 var moveout = document.getElementsByClassName('move-out'); 3730 for (i = 0; i < moveout.length; i++) { 3731 moveout[i].classList.remove('move-out'); 3732 } 3733 }, false); 3734 } 3735 var children = document.getElementsByClassName('has-children'); 3736 for (var i = 0; i < children.length; i++) { 3737 var anchors = children[i].getElementsByTagName('a'); 3738 anchors[0].addEventListener('click', function() { 3739 event.preventDefault(); 3740 this.nextSibling.nextSibling.classList.remove('is-hidden'); 3741 this.parentElement.parentElement.classList.add('move-out'); 3742 }, false) 3743 } 3744 var back = document.getElementsByClassName('go-back'); 3745 for (var i = 0; i < back.length; i++) { 3746 back[i].addEventListener('click', function() { 3747 event.preventDefault(); 3748 this.parentElement.classList.add('is-hidden'); 3749 this.parentElement.parentElement.parentElement.classList.remove('move-out'); 3750 }, false) 3751 } 3752 function toggleNav() { 3753 var cddropdown = document.getElementsByClassName('cd-dropdown'); 3754 var dropdowntrigger = document.getElementsByClassName('cd-dropdown-trigger'); 3755 for (i = 0; i < cddropdown.length; i++) { 3756 cddropdown[i].classList.toggle('dropdown-is-active'); 3757 } 3758 for (i = 0; i < dropdowntrigger.length; i++) { 3759 dropdowntrigger[i].classList.toggle('dropdown-is-active'); 3760 } 3761 } 3762 window.addEventListener('resize', function() { 3763 if (document.documentElement.clientWidth > '930') { 3764 var moveout = document.getElementsByClassName('move-out'); 3765 var dropdownisactive = document.getElementsByClassName('dropdown-is-active'); 3766 var secondarydropdown = document.getElementsByClassName('cd-secondary-dropdown'); 3767 for (i = 0; i < dropdownisactive.length; i++) { 3768 dropdownisactive[i].classList.remove('dropdown-is-active'); 3769 } 3770 for (i = 0; i < moveout.length; i++) { 3771 moveout[i].classList.remove('move-out'); 3772 } 3773 for (m = 0; m < secondarydropdown.length; m++) { 3774 secondarydropdown[m].classList.add('is-hidden'); 3775 } 3776 } 3777 }); 3778 </script>
3778 3779 3780<div id="myTopnav" class="topnav"> 3781<A style="padding:6px 15px 4px 0px" id="topnava" href="https://www.boll.ch/index.html">Home</A> 3782<div class="dropdown"> 3783<button class='dropbtn'>Solutions</button> 3784<div class="dropdown-content" style="padding:0 10px;"> 3785<div class="dropdown-part" style="float:left;margin:20px 20px 20px 20px;"> 3786<p style="font-weight:bold;color:#00418F;"> 3787Solutions 3788</p> 3789<A href="../solutions/network_security.html">Network Security</A> 3790<A href="../solutions/endpoint_security.html">Endpoint Security</A> 3791<A href="../solutions/soc_security.html">SOC Security</A> 3792<A href="../solutions/email_security.html">E-Mail Security</A> 3793<A href="../solutions/pki_certificates.html">PKI & Certificates</A> 3794<A href="../solutions/data_security_posture_mgmt.html">Data Security Posture Management</A> 3795<A href="../solutions/iot_ot_security.html">IoT & OT Security</A> 3796<A href="../solutions/digital_experience_monitoring.html">Digital Experience Monitoring</A> 3797</div> 3798<div class="dropdown-part" style="float:left;margin:20px;"> 3799<br> 3800<A href="../solutions/browser_security.html">Browser Security</A> 3801<A href="../solutions/cloud_native_security.html">Cloud Native Security</A> 3802<A href="../solutions/vulnerability_mgmt.html">Vulnerability Management</A> 3803<A href="../solutions/identity_access.html">Identity & Access Security</A> 3804<A href="../solutions/physical_security.html">Physical Security</A> 3805<A href="../solutions/security_awareness.html">Security Awareness</A> 3806<A href="../solutions/networking.html">Networking</A> 3807</div> 3808</div> 3809</div> 3810<div class="dropdown"> 3811<button class='dropbtn'>Products</button> 3812<div class="dropdown-content" style="padding:0 10px;"> 3813<div class="dropdown-part" style="float:left;margin:20px 20px 20px;"> 3814<p style="font-weight:bold;color:#00418F;"> 3815Brands 3816</p> 3817<A style="font-weight: bold;" href="../portfolio.html">PORTFOLIO</A> 3818<A href="../alcatel/index.html">Alcatel-Lucent Enterprise</A> 3819<A href="https://autodoc.org">AUTODOC</A> 3820<A href="../asimily/index.html">Asimily</A> 3821<A href="../claroty/index.html">Claroty</A> 3822<A href="../corero/abwehr_von_ddos_attacken.html">Corero</A> 3823<A href="../cryoserver/index.html">Cryoserver</A> 3824<A href="../cyolo/index.html">Cyolo</A> 3825<A href="../deepinstinct/index.html">Deep Instinct</A> 3826</div> 3827<div class="dropdown-part" style="float:left;margin:20px 20px 20px;"> 3828<br> 3829<A href="../eset/index.html">ESET</A> 3830<A href="../fortinet/index.html">Fortinet</A> 3831<A href="../fudo/index.html">Fudo</A> 3832<A href="../f5/index.html">F5</A> 3833<A href="../halcyon/index.html">Halcyon</A> 3834<A href="../hornetsecurity/index.html">Hornetsecurity</A> 3835<A href="../kaspersky/index.html">Kaspersky</A> 3836<A href="../menlosecurity/index.html">Menlo Security</A> 3837<A href="../netskope/index.html">Netskope</A> 3838</div> 3839<div class="dropdown-part" style="float:left;margin:20px 20px 20px;"> 3840<br> 3841<A href="../onespan/index.html">OneSpan</A> 3842<A href="../paloalto/index.html">Palo Alto Networks</A> 3843<A href="../proofpoint/index.html">Proofpoint</A> 3844<A href="../rackmount/index.html">Rackmount.IT</A> 3845<A href="../secunet/index.html">SecuNet</A> 3846<A href="../seppmail/index.html">SEPPmail</A> 3847<A href="../varonis/index.html">Varonis</A> 3848<A href="../wallix/index.html">Wallix</A> 3849<A href="../watchguard/index.html">WatchGuard</A> 3850</div> 3851</div> 3852</div> 3853<div class="dropdown"> 3854<button class='dropbtn'>Services</button> 3855<div class="dropdown-content" style="padding:0 10px;"> 3856<div class="dropdown-part" style="float:left;margin:20px 20px 20px 20px;"> 3857<p style="font-weight:bold;color:#00418F;"> 3858Our Services 3859</p> 3860<A style="font-weight: bold;" href="../services/index.html">SERVICES</A> 3861<A href="../services/sales_services.html">Sales Services</A> 3862<A href="../services/tech_services.html">Tech Services</A> 3863<A href="../services/bdm.html">Business Development</A> 3864<A href="../services/marketing_services.html">Marketing Services</A> 3865<A href="../services/logistics.html">Logistics</A> 3866</div> 3867<div class="dropdown-part" style="float:left;margin:20px 20px 20px;"> 3868<br> 3869<A href="../services/export.html">Export</A> 3870<A href="../services/education.html">Education</A> 3871<A href="../services/engineering.html">Engineering / Customizing</A> 3872<A href="../staging.html">Staging Services</A> 3873<A href="../engineering/index.html">Software-Engineering</A> 3874</div> 3875</div> 3876</div> 3877<div class="dropdown"> 3878<button class='dropbtn'>Education</button> 3879<div class="dropdown-content" style="padding:0 10px;"> 3880<div class="dropdown-part" style="float:left;margin:20px;"> 3881<p style="font-weight:bold;color:#00418F;"> 3882Education 3883</p> 3884<A href="../training/index.html">Training</A> 3885<A href="../morningsession/index.html">Events</A> 3886</div> 3887</div> 3888</div> 3889<div class="dropdown"> 3890<button class='dropbtn'>Support</button> 3891<div class="dropdown-content" style="padding:0 10px;"> 3892<div class="dropdown-part" style="float:left;margin:20px 20px 20px 20px;"> 3893<p style="font-weight:bold;color:#00418F;"> 3894Support 3895</p> 3896<A href="../support.html">Support Infos</A> 3897<A href="https://blog.boll.ch" target="techblog">Tech Blog</A> 3898<A href="https://salesblog.boll.ch" target="salesblog">Sales Blog</A> 3899<A href="https://doc.boll.ch">Document-Server</A> 3900</div> 3901<div class="dropdown-part" style="float:left;margin:20px;"> 3902<p style="font-weight:bold;color:#00418F;"> 3903Ticket System 3904</p> 3905<A href="https://www.boll.ch/partner/intern/index.html">Partner Account</A> 3906<A href="../register/overview.html">Service Account</A> 3907</div> 3908</div> 3909</div> 3910<div class="dropdown"> 3911<button class='dropbtn'>Partner Area</button> 3912<div class="dropdown-content" style="padding:0 10px;"> 3913<div class="dropdown-part" style="float:left;margin:20px 20px 20px 20px;"> 3914<p style="font-weight:bold;color:#00418F;"> 3915Partner 3916</p> 3917<A href="https://www.boll.ch/partner/intern/index.html">Partner Account</A> 3918<A href="https://www.boll.ch/partner/pw_reset_request.html">Forgot your password</A> 3919<A href="https://www.boll.ch/partner/register.html">Partner Registration</A> 3920</div> 3921</div> 3922</div> 3923<div class="dropdown"> 3924<button class='dropbtn'>Media</button> 3925<div class="dropdown-content" style="padding:0 10px;"> 3926<div class="dropdown-part" style="float:left;margin:20px 20px 20px 20px;"> 3927<p style="font-weight:bold;color:#00418F;"> 3928Media 3929</p> 3930<A href="../presse.html">Press</A> 3931<A href="../flyer.html">Flyer</A> 3932<A href="../success_stories.html">Success Stories</A> 3933<A href="../videos.html">Youtube Channel</A> 3934<A href="../corporate_design.html">CD/Logo</A> 3935</div> 3936</div> 3937</div> 3938<div class="dropdown"> 3939<button class='dropbtn'>About us</button> 3940<div class="dropdown-content" style="padding:0 10px;"> 3941<div class="dropdown-part" style="float:left;margin:20px 20px 20px 20px;"> 3942<p style="font-weight:bold;color:#00418F;"> 3943About us 3944</p> 3945<A href="../company.html">Who are we</A> 3946<A href="../team.html">Team</A> 3947<A href="../jobs.html">Jobs</A> 3948<A href="../kontakt.html">Contact</A> 3949</div> 3950<div class="dropdown-part" style="float:left;margin:20px;"> 3951<p style="font-weight:bold;color:#00418F;"> 3952Diverse 3953</p> 3954<A href="../privacy_statement.html">Privacy Statement</A> 3955<A href="../partner/BOLL_AGB_v300_e.pdf" target="agbs">GTC (PDF)</A> 3956<A href="../certifications.html">Certifications</A> 3957<A href="../impressum.html" target="agbs">Impressum</A> 3958<A href="../charity.html">Charity</A> 3959<A href="../sponsoring.html">Sponsoring</A> 3960</div> 3961</div> 3962</div> 3963</div> 3964</td> 3965</tr> 3966</table> 3967</td> 3968</tr> 3969</table> 3970<div class="contdiv" style="background: white;"> 3971<table border="0" cellspacing="0" style="width:100%;"> 3972<tr> 3973<td class="tcenter" align="center" valign="top" bgcolor="#ffffff" style="text-align:center;margin-left: auto;margin-right: auto;padding:0px;width:100%;"> 3974<table class="spacetable" border="0" cellspacing="0"> 3975<tr> 3976<td bgcolor="#ffffff" style="padding:0px;"> 3977<table id="content_table" border="0" cellspacing="0" style="width:100%;"> 3978<tr bgcolor="#ffffff"> 3979<td valign="top" style="padding:0px;"> 3980<div class="section group submenu-wrapper"> 3981<div class="colnear"> 3982<div class="submenu"> 3983<A style="padding: 1px 0px;">Network Security</A> 3984<span style="padding:0px 6px;color:#CDD1DA;"> 3985| 3986</span> 3987</div> 3988</div> 3989<div class="colnear"> 3990<A href="iot_ot_security.html">IoT & OT Security</A> 3991<span style="padding:0px 6px;color:#CDD1DA;"> 3992| 3993</span> 3994</div> 3995<div class="colnear"> 3996<A href="endpoint_security.html">Endpoint Security</A> 3997<span style="padding:0px 6px;color:#CDD1DA;"> 3998| 3999</span> 4000</div> 4001<div class="colnear"> 4002<A href="browser_security.html">Browser Security</A> 4003<span style="padding:0px 6px;color:#CDD1DA;"> 4004| 4005</span> 4006</div> 4007<div class="colnear"> 4008<A href="soc_security.html">SOC Security</A> 4009<span style="padding:0px 6px;color:#CDD1DA;"> 4010| 4011</span> 4012</div> 4013<div class="colnear">
4014<A href="cloud_native_security.html">Cloud Native Security</A> 4015<span style="padding:0px 6px;color:#CDD1DA;"> 4016| 4017</span> 4018</div> 4019<div class="colnear"> 4020<A href="email_security.html">E-Mail Security</A> 4021<span style="padding:0px 6px;color:#CDD1DA;"> 4022| 4023</span> 4024</div> 4025<div class="colnear"> 4026<A href="pki_certificates.html">PKI & Certificates</A> 4027<span style="padding:0px 6px;color:#CDD1DA;"> 4028| 4029</span> 4030</div> 4031<div class="colnear"> 4032<A href="vulnerability_mgmt.html">Vulnerability Management</A> 4033<span style="padding:0px 6px;color:#CDD1DA;"> 4034| 4035</span> 4036</div> 4037<div class="colnear"> 4038<A href="data_security_posture_mgmt.html">Data Security Posture Management</A> 4039<span style="padding:0px 6px;color:#CDD1DA;"> 4040| 4041</span> 4042</div> 4043<div class="colnear"> 4044<A href="identity_access.html">Identity & Access Security</A> 4045<span style="padding:0px 6px;color:#CDD1DA;"> 4046| 4047</span> 4048</div> 4049<div class="colnear"> 4050<A href="physical_security.html">Physical Security</A> 4051<span style="padding:0px 6px;color:#CDD1DA;"> 4052| 4053</span> 4054</div> 4055<div class="colnear"> 4056<A href="security_awareness.html">Security Awareness</A> 4057<span style="padding:0px 6px;color:#CDD1DA;"> 4058| 4059</span> 4060</div> 4061<div class="colnear"> 4062<A href="networking.html">Networking</A> 4063<span style="padding:0px 6px;color:#CDD1DA;"> 4064| 4065</span> 4066</div> 4067<div class="colnear"> 4068<A href="digital_experience_monitoring.html">Digital Experience Monitoring</A> 4069</div> 4070</div> 4071<br>
4072<script type="text/javascript" language="JavaScript1.2"> 4073 function hideSubMenusOnMobile() { 4074 document.getElementById('submenu-item').classList.add('hidden-mobile'); 4075 } 4076 function hideContentAreas() { 4077 var contentAreas = document.querySelectorAll('[id^="content-area-"]'); 4078 contentAreas.forEach((contentArea) => { 4079 contentArea.style.display = 'none'; 4080 }); 4081 } 4082 function resetMenus() { 4083 var menus = document.querySelectorAll('[id^="item-"]'); 4084 menus.forEach((menu) => { 4085 menu.classList.remove('chosen'); 4086 }); 4087 } 4088 function resetSubMenus() { 4089 var subMenus = document.getElementsByClassName('subMenu-item'); 4090 for (i = 0; i < subMenus.length; i++) { 4091 subMenus[i].classList.remove('chosen'); 4092 } 4093 } 4094 function showSubMenu() { 4095 document.getElementById('submenu-item').classList.remove('hidden-mobile'); 4096 } 4097 function showContentArea(id) { 4098 hideSubMenusOnMobile(); 4099 hideContentAreas(); 4100 resetSubMenus(); 4101 document.getElementById('submenu-button-item-' + id).classList.add('chosen'); 4102 document.getElementById('content-area-' + id).style.display = 'grid'; 4103 document.getElementById('chosenSubCategory').innerHTML = document.getElementById('submenu-button-item-' + id).innerHTML; 4104 } 4105 4106</script>
4106 4107<style> 4108 4109 h1 { 4110 font-size: 30px; 4111 } 4112 4113 .container { 4114 width: 100%; 4115 display: grid; 4116 grid-template-columns: 1fr; 4117 grid-template-rows: auto; 4118 align-items: center; 4119 margin: auto; 4120 text-align: center; 4121 } 4122 4123 .menu-container { 4124 display: grid; 4125 width: 100%; 4126 grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 4127 grid-template-rows: auto; 4128 text-align: center; 4129 gap: 1px; 4130 } 4131 4132 .mobile-nav-container { 4133 display: none; 4134 grid-template-columns: 100%; 4135 grid-template-rows: auto; 4136 row-gap: 10px; 4137 text-align: center; 4138 } 4139 4140 .sub-menu-area { 4141 display: grid; 4142 width: 100%; 4143 grid-template-columns: 1fr 1fr 1fr 1fr 1fr; 4144 grid-template-rows: auto; 4145 text-align: center; 4146 margin-top: 20px; 4147 gap: 1px; 4148 } 4149 4150 .sub-menu-opener { 4151 display: grid; 4152 grid-template-columns: 10% 90%; 4153 color: #333333; 4154 font-size: 16px; 4155 height: 40px; 4156 align-items: center; 4157 text-align: center; 4158 background-color: #87CEFA; 4159 padding-left: 20px; 4160 outline: 1px solid #aaaaaa; 4161 } 4162 .sub-menu-opener { 4163 background-color: #B4E2FE; 4164 } 4165 4166 .hidden { 4167 display: none; 4168 } 4169 4170 .chosen-category { 4171 grid-column: 2 / -1; 4172 display:flex; 4173 align-items: center; 4174 } 4175 4176 .chosen-sub-category { 4177 font-size: 14px; 4178 grid-column: 2 / -1; 4179 display:flex; 4180 align-items: center; 4181 } 4182 4183 .subMenu-item { 4184 display: grid; 4185 background-color: #dddddd; 4186 color: #333333; 4187 text-align: center; 4188 height: 58px; 4189 align-items: center; 4190 font-size: 16px; 4191 line-height: 18px; 4192 outline: 1px solid #aaaaaa; 4193 padding: 3px 5px; 4194 } 4195 4196 .subMenu-item:hover { 4197 cursor: pointer; 4198 background-color: #005aa6; 4199 color: white; 4200 } 4201 4202 .chosen { 4203 background-color: #005aa6; 4204 color: white; 4205 } 4206 4207 .content-container { 4208 width: 100%; 4209 background-color: #F2F2F2; 4210 display: grid; 4211 grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 4212 grid-template-rows: auto; 4213 text-align: left; 4214 padding: 10px; 4215 outline: solid #cccccc 1px; 4216 } 4217 4218 .contentArea { 4219 display: none; 4220 margin-top: 20px; 4221 margin-bottom: 10px; 4222 } 4223 4224 .content-vessel-9 { 4225 grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 4226 } 4227 4228 .content-vessel-8 { 4229 grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 4230 } 4231 4232 .content-vessel-7 { 4233 grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr 1fr; 4234 } 4235 4236 .content-vessel-6 { 4237 grid-template-columns: 20% 1fr 1fr 1fr 1fr 1fr; 4238 } 4239 4240 .content-vessel-5 { 4241 grid-template-columns: 20% 1fr 1fr 1fr 1fr; 4242 } 4243 4244 .content-vessel-4 { 4245 grid-template-columns: 20% 1fr 1fr 1fr; 4246 } 4247 4248 .content-vessel-3 { 4249 grid-template-columns: 20% 40% 40%; 4250 } 4251 4252 .content-vessel-2 { 4253 grid-template-columns: 20% 80%; 4254 } 4255 4256 .head { 4257 padding: 10px 15px; 4258 border-bottom: 1px solid #AAAAAA; 4259 font-weight: bold; 4260 } 4261 4262 .provider { 4263 padding: 10px 15px 10px 5px; 4264 border-right: 1px solid #AAAAAA; 4265 font-weight: bold; 4266 } 4267 4268 .headFirst { 4269 padding: 10px; 4270 border-right: 1px solid #AAAAAA; 4271 border-bottom: 1px solid #AAAAAA; 4272 font-weight: bold; 4273 } 4274 4275 .content { 4276 padding: 10px 15px; 4277 } 4278 4279 .legend { 4280 margin-top: 15px; 4281 } 4282 4283 4284 .submenu-item {grid-column-start: 1; grid-column-end: -1; } 4285 4286 .content-area-1, 4287 .content-area-2, 4288 .content-area-3, 4289 .content-area-4, 4290 .content-area-5, 4291 .content-area-6, 4292 .content-area-7, 4293 .content-area-8, 4294 .content-area-9, 4295 .content-area-10, 4296 .content-area-11, 4297 .content-area-12, 4298 .content-area-13, 4299 .content-area-14, 4300 .content-area-15, 4301 .content-area-16, 4302 .content-area-17 { grid-column-start: 1; grid-column-end: -1; } 4303 4304 /* FOUR ELEMENTS PER ROW */ 4305 @media screen and (max-width: 1000px) { 4306 .menu-container, 4307 .sub-menu-area { 4308 grid-template-columns: 1fr 1fr 1fr 1fr; 4309 } 4310 } 4311 4312 /* THREE ELEMENTS PER ROW */ 4313 @media screen and (max-width: 984px) { /*767*/ 4314 .menu-container, 4315 .sub-menu-area { 4316 grid-template-columns: 1fr 1fr 1fr; 4317 } 4318 4319 .content-container { 4320 grid-template-columns: 1fr; 4321 } 4322 4323 .menu-container { 4324 display: grid; 4325 } 4326 4327 .menu-item { 4328 display: grid; 4329 } 4330 4331 .mobile-nav-container { 4332 display: none; 4333 } 4334 4335 .provider, 4336 .headFirst { 4337 display: none; 4338 } 4339 4340 .content { 4341 display: grid; 4342 grid-template-columns: minmax(9em, 30%) 1fr; 4343 } 4344 4345 .content::before { 4346 content: attr(data-name); 4347 } 4348 4349 .empty-content { 4350 display: none; 4351 } 4352 4353 .content-head-2 { order: 1; } 4354 .content-item-1 { order: 2; } 4355 .content-item-5 { order: 4; } 4356 .content-item-9 { order: 5; } 4357 .content-item-13 { order: 6; } 4358 .content-item-17 { order: 7; } 4359 .content-item-21 { order: 8; } 4360 4361 .content-head-3 { order: 9; } 4362 .content-item-2 { order: 10; } 4363 .content-item-6 { order: 11; } 4364 .content-item-10 { order: 12; } 4365 .content-item-14 { order: 13; } 4366 .content-item-18 { order: 14; } 4367 .content-item-22 { order: 15; } 4368 4369 .content-head-4 { order: 16; } 4370 .content-item-3 { order: 17; } 4371 .content-item-7 { order: 18; } 4372 .content-item-11 { order: 19; } 4373 .content-item-15 { order: 20; } 4374 .content-item-19 { order: 21; } 4375 .content-item-23 { order: 22; } 4376 4377 .content-head-5 { order: 23; } 4378 .content-item-4 { order: 24; } 4379 .content-item-8 { order: 25; } 4380 .content-item-12 { order: 26; } 4381 .content-item-16 { order: 27; } 4382 .content-item-20 { order: 28; } 4383 .content-item-24 { order: 29; } 4384 } 4385 4386 /* TWO ELEMENTS */ 4387 @media screen and (max-width: 501px) { /* should be 480px, changed for testing */ 4388 .menu-container,
4389 .sub-menu-area { 4390 display: grid; 4391 width: 100%; 4392 grid-template-columns: 1fr 1fr; 4393 } 4394 4395 .mobile-nav-container { 4396 display: grid; 4397 } 4398 4399 .hidden-mobile { 4400 display: none; 4401 } 4402 4403 .chosen 4404 { 4405 color: #ffffff; 4406 background-color: #005aa6; 4407 } 4408 4409 .provider, 4410 .headFirst { 4411 display: none; 4412 } 4413 4414 .content-container { 4415 grid-template-columns: 1fr; 4416 } 4417 4418 .content { 4419 display: grid; 4420 grid-template-columns: minmax(9em, 30%) 1fr; 4421 } 4422 4423 .content::before { 4424 content: attr(data-name); 4425 } 4426 4427 .empty-content { 4428 display: none; 4429 } 4430 4431 .content-head-2 { order: 1; } 4432 .content-item-1 { order: 2; } 4433 .content-item-5 { order: 4; } 4434 .content-item-9 { order: 5; } 4435 .content-item-13 { order: 6; } 4436 .content-item-17 { order: 7; } 4437 .content-item-21 { order: 8; } 4438 4439 .content-head-3 { order: 9; } 4440 .content-item-2 { order: 10; } 4441 .content-item-6 { order: 11; } 4442 .content-item-10 { order: 12; } 4443 .content-item-14 { order: 13; } 4444 .content-item-18 { order: 14; } 4445 .content-item-22 { order: 15; } 4446 4447 .content-head-4 { order: 16; } 4448 .content-item-3 { order: 17; } 4449 .content-item-7 { order: 18; } 4450 .content-item-11 { order: 19; } 4451 .content-item-15 { order: 20; } 4452 .content-item-19 { order: 21; } 4453 .content-item-23 { order: 22; } 4454 4455 .content-head-5 { order: 23; } 4456 .content-item-4 { order: 24; } 4457 .content-item-8 { order: 25; } 4458 .content-item-12 { order: 26; } 4459 .content-item-16 { order: 27; } 4460 .content-item-20 { order: 28; } 4461 .content-item-24 { order: 29; } 4462 } 4463 4464</style> 4465<h1> 4466Network Security Solutions</h1> 4467<p> 4468Select a subcategory and we will show you which of our manufacturers offer a solution in this area. Not all products are available in all countries. 4469</p> 4470<div id="container" class="container"> 4471<div id="mobileNav" class="mobile-nav-container"> 4472<div onclick="showSubMenu()" id="subMenuOpener" class="sub-menu-opener"> 4473<img src="../pics/menu_icon.png" alt="Sub Menu" title="Sub Menu"><div id="chosenSubCategory" class="chosen-sub-category"> 4474Sub-Kategorie wählen 4475</div> 4476</div> 4477</div> 4478<div class="menu-container"> 4479<div id="submenu-item" class="item sub-menu-area hidden-mobile submenu-item"> 4480<div onclick="showContentArea(1)" id="submenu-button-item-1" class="subMenu-item"> 4481Firewalling & VPN 4482</div> 4483<div onclick="showContentArea(2)" id="submenu-button-item-2" class="subMenu-item"> 4484Network Intrusion Prevention System 4485</div> 4486<div onclick="showContentArea(3)" id="submenu-button-item-3" class="subMenu-item"> 4487Secure Web Gateway 4488</div> 4489<div onclick="showContentArea(4)" id="submenu-button-item-4" class="subMenu-item"> 4490Sandboxing 4491</div> 4492<div onclick="showContentArea(5)" id="submenu-button-item-5" class="subMenu-item"> 4493Network Access Control 4494</div> 4495<div onclick="showContentArea(6)" id="submenu-button-item-6" class="subMenu-item"> 4496Deception 4497</div> 4498<div onclick="showContentArea(7)" id="submenu-button-item-7" class="subMenu-item"> 4499Application Delivery Controller 4500</div> 4501<div onclick="showContentArea(8)" id="submenu-button-item-8" class="subMenu-item"> 4502Distributed Denial of Service Protection 4503</div> 4504<div onclick="showContentArea(9)" id="submenu-button-item-9" class="subMenu-item"> 4505Network Detection & Response 4506</div> 4507</div> 4508</div> 4509<div id="content-area-1" class="contentArea content-area-1"> 4510<div class="content-container content-vessel-4"> 4511<div class="content-head-1 headFirst"> 4512</div> 4513<div class="head content-head-2"> 4514NG-FW UTM 4515</div> 4516<div class="head content-head-3"> 4517SD-WAN 4518</div> 4519<div class="head content-head-4"> 4520WAF 4521</div> 4522<div class="provider content-provider-1"> 4523Fortinet 4524</div> 4525<div data-name="Fortinet" class="content content-item-1"> 4526FortiGate (AP, VAP)<br> 4527FortiAnalyzer (AP, VAP, Saas)<br> 4528FortiManager (AP, VAP, Saas)<br> 4529FortiPortal (AP, VAP)<br> 4530FortiPolicy (VAP)<br> 4531</div> 4532<div data-name="Fortinet" class="content content-item-2"> 4533FortiGate (AP, VAP)<br> 4534FortiAnalyzer (AP, VAP, Saas)<br> 4535FortiManager (AP, VAP, Saas)<br> 4536FortiPortal (AP, VAP)<br> 4537FortiPolicy (VAP)<br> 4538</div> 4539<div data-name="Fortinet" class="content content-item-3"> 4540FortiWeb (AP, VAP, SaaS)<br> 4541FortiAnalyzer (AP, VAP, Saas)<br> 4542FortiManager (AP, VAP, Saas)<br> 4543</div> 4544<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4545</div> 4546<div class="provider content-provider-1"> 4547Palo Alto Networks 4548</div> 4549<div data-name="Palo Alto Networks" class="content content-item-5"> 4550STRATA NGFW (AP, VAP, SaaS)<br> 4551Panorama (AP, VAP)<br> 4552Strata Cloud Manager (SaaS)<br> 4553Strata Logging Service (SaaS)<br> 4554</div> 4555<div data-name="Palo Alto Networks" class="content content-item-6"> 4556STRATA NGFW (AP, VAP, SaaS)<br> 4557Prisma SD-WAN<br> 4558Prisma SASE (SaaS)<br> 4559Strata Cloud Manager (Saas)<br> 4560Strata Logging Service (SaaS)<br> 4561</div> 4562<div data-name="Palo Alto Networks" class="content empty-content content-item-7"> 4563</div> 4564<div data-name="Palo Alto Networks" class="content content-item-8" style="display: none;"> 4565</div> 4566<div class="provider content-provider-1"> 4567WatchGuard 4568</div> 4569<div data-name="WatchGuard" class="content content-item-9"> 4570Firebox (AP, VAP)<br> 4571<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/WG_System_Manager_WSM_EN.pdf" target="prodMatrix_6ab5f98854184" style="display: contents;">WatchGuard System<br>Manager (VAP)</A><br> 4572Watchguard Cloud (Saas)<br> 4573</div> 4574<div data-name="WatchGuard" class="content content-item-10"> 4575Firebox (AP, VAP)<br> 4576<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/WG_System_Manager_WSM_EN.pdf" target="prodMatrix_6ab5f988541d8" style="display: contents;">WatchGuard System<br>Manager (VAP)</A><br> 4577Watchguard Cloud (Saas)<br> 4578</div> 4579<div data-name="WatchGuard" class="content empty-content content-item-11"> 4580</div> 4581<div data-name="WatchGuard" class="content content-item-12" style="display: none;"> 4582</div> 4583<div class="provider content-provider-1"> 4584Kaspersky 4585</div> 4586<div data-name="Kaspersky" class="content empty-content content-item-13"> 4587</div> 4588<div data-name="Kaspersky" class="content content-item-14"> 4589Kaspersky SD-WAN (SaaS, VAP, SO)<br> 4590</div> 4591<div data-name="Kaspersky" class="content empty-content content-item-15"> 4592</div> 4593<div data-name="Kaspersky" class="content content-item-16" style="display: none;"> 4594</div> 4595</div> 4596<div class="legend"> 4597<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4598 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4599</div> 4600</div> 4601<div id="content-area-2" class="contentArea content-area-2"> 4602<div class="content-container content-vessel-2"> 4603<div class="content-head-1 headFirst"> 4604</div> 4605<div class="head content-head-2"> 4606NIPS 4607</div> 4608<div class="provider content-provider-1"> 4609Fortinet 4610</div> 4611<div data-name="Fortinet" class="content content-item-1"> 4612Part of FortiGate (AP, VAP)<br> 4613</div> 4614<div data-name="Fortinet" class="content content-item-2" style="display: none;"> 4615</div> 4616<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4617</div> 4618<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4619</div> 4620<div class="provider content-provider-1"> 4621Palo Alto Networks 4622</div> 4623<div data-name="Palo Alto Networks" class="content content-item-5"> 4624Part of STRATA NGFW (AP, VAP, SaaS)<br> 4625</div> 4626<div data-name="Palo Alto Networks" class="content content-item-6" style="display: none;"> 4627</div> 4628<div data-name="Palo Alto Networks" class="content content-item-7" style="display: none;"> 4629</div> 4630<div data-name="Palo Alto Networks" class="content content-item-8" style="display: none;"> 4631</div> 4632<div class="provider content-provider-1"> 4633WatchGuard 4634</div> 4635<div data-name="WatchGuard" class="content content-item-9"> 4636Part of Firebox (AP, VAP)<br> 4637</div> 4638<div data-name="WatchGuard" class="content content-item-10" style="display: none;"> 4639</div> 4640<div data-name="WatchGuard" class="content content-item-11" style="display: none;"> 4641</div> 4642<div data-name="WatchGuard" class="content content-item-12" style="display: none;"> 4643</div> 4644</div> 4645<div class="legend"> 4646<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4647 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4648</div> 4649</div> 4650<div id="content-area-3" class="contentArea content-area-3"> 4651<div class="content-container content-vessel-3"> 4652<div class="content-head-1 headFirst"> 4653</div> 4654<div class="head content-head-2"> 4655Web GW 4656</div> 4657<div class="head content-head-3"> 4658Isolation 4659</div> 4660<div class="provider content-provider-1"> 4661Fortinet 4662</div> 4663<div data-name="Fortinet" class="content content-item-1"> 4664<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/FortiProxy.pdf" target="prodMatrix_6ab5f988542dc" style="display: contents;">FortiProxy (AP, VAP)</A><br> 4665Part of FortiGate (AP, VAP)<br> 4666FortiAnalyzer (AP, VAP, Saas)<br> 4667FortiManager (AP, VAP, Saas)<br> 4668</div> 4669<div data-name="Fortinet" class="content content-item-2"> 4670<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/fortiisolator.pdf" target="prodMatrix_6ab5f9885432e" style="display: contents;">FortiIsolator (AP, VAP)</A><br> 4671</div> 4672<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4673</div> 4674<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4675</div> 4676<div class="provider content-provider-1"> 4677Palo Alto Networks 4678</div> 4679<div data-name="Palo Alto Networks" class="content content-item-5"> 4680<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../paloalto/strata.html" target="prodMatrix_6ab5f9885438e" style="display: contents;">STRATA NGFW (AP, VAP)</A><br> 4681</div> 4682<div data-name="Palo Alto Networks" class="content content-item-6">
4683Part of PRISMA Access RBI (SaaS)<br> 4684</div> 4685<div data-name="Palo Alto Networks" class="content content-item-7" style="display: none;"> 4686</div> 4687<div data-name="Palo Alto Networks" class="content content-item-8" style="display: none;"> 4688</div> 4689<div class="provider content-provider-1"> 4690Kaspersky 4691</div> 4692<div data-name="Kaspersky" class="content content-item-9"> 4693Kaspersky Web<br>Security Gateway (VAP)<br> 4694</div> 4695<div data-name="Kaspersky" class="content empty-content content-item-10"> 4696</div> 4697<div data-name="Kaspersky" class="content content-item-11" style="display: none;"> 4698</div> 4699<div data-name="Kaspersky" class="content content-item-12" style="display: none;"> 4700</div> 4701<div class="provider content-provider-1"> 4702Menlo 4703</div> 4704<div data-name="Menlo" class="content content-item-13"> 4705Menlo Proxy (SaaS, VAP)<br> 4706</div> 4707<div data-name="Menlo" class="content content-item-14"> 4708Menlo Proxy (SaaS, VAP)<br> 4709</div> 4710<div data-name="Menlo" class="content content-item-15" style="display: none;"> 4711</div> 4712<div data-name="Menlo" class="content content-item-16" style="display: none;"> 4713</div> 4714<div class="provider content-provider-1"> 4715Proofpoint 4716</div> 4717<div data-name="Proofpoint" class="content content-item-17"> 4718Proofpoint Web Security<br> 4719</div> 4720<div data-name="Proofpoint" class="content empty-content content-item-18"> 4721</div> 4722<div data-name="Proofpoint" class="content content-item-19" style="display: none;"> 4723</div> 4724<div data-name="Proofpoint" class="content content-item-20" style="display: none;"> 4725</div> 4726</div> 4727<div class="legend"> 4728<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4729 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4730</div> 4731</div> 4732<div id="content-area-4" class="contentArea content-area-4"> 4733<div class="content-container content-vessel-2"> 4734<div class="content-head-1 headFirst"> 4735</div> 4736<div class="head content-head-2"> 4737Sandboxing 4738</div> 4739<div class="provider content-provider-1"> 4740Fortinet 4741</div> 4742<div data-name="Fortinet" class="content content-item-1"> 4743<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/FortiSandbox.pdf" target="prodMatrix_6ab5f9885456c" style="display: contents;">FortiSandbox (AP, VAP, SaaS)</A><br> 4744FortiAnalyzer (AP, VAP, Saas)<br> 4745FortiManager (AP, VAP, Saas)<br> 4746</div> 4747<div data-name="Fortinet" class="content content-item-2" style="display: none;"> 4748</div> 4749<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4750</div> 4751<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4752</div> 4753<div class="provider content-provider-1"> 4754Palo Alto Networks 4755</div> 4756<div data-name="Palo Alto Networks" class="content content-item-5"> 4757<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../paloalto/strata.html" target="prodMatrix_6ab5f988545d6" style="display: contents;">Part of STRATA NGFW (AP, VAP, SaaS)</A><br> 4758</div> 4759<div data-name="Palo Alto Networks" class="content content-item-6" style="display: none;"> 4760</div> 4761<div data-name="Palo Alto Networks" class="content content-item-7" style="display: none;"> 4762</div> 4763<div data-name="Palo Alto Networks" class="content content-item-8" style="display: none;"> 4764</div> 4765<div class="provider content-provider-1"> 4766Kaspersky 4767</div> 4768<div data-name="Kaspersky" class="content content-item-9"> 4769Kaspersky Sandbox Research (SaaS)<br> 4770</div> 4771<div data-name="Kaspersky" class="content content-item-10" style="display: none;"> 4772</div> 4773<div data-name="Kaspersky" class="content content-item-11" style="display: none;"> 4774</div> 4775<div data-name="Kaspersky" class="content content-item-12" style="display: none;"> 4776</div> 4777</div> 4778<div class="legend"> 4779<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4780 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4781</div> 4782</div> 4783<div id="content-area-5" class="contentArea content-area-5"> 4784<div class="content-container content-vessel-2"> 4785<div class="content-head-1 headFirst"> 4786</div> 4787<div class="head content-head-2"> 4788NAC 4789</div> 4790<div class="provider content-provider-1"> 4791Fortinet 4792</div> 4793<div data-name="Fortinet" class="content content-item-1"> 4794<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/FortiNAC.pdf" target="prodMatrix_6ab5f9885466e" style="display: contents;">FortiNAC (AP)</A><br> 4795FortiAnalyzer (AP, VAP, Saas)<br> 4796</div> 4797<div data-name="Fortinet" class="content content-item-2" style="display: none;"> 4798</div> 4799<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4800</div> 4801<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4802</div> 4803</div> 4804<div class="legend"> 4805<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4806 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4807</div> 4808</div> 4809<div id="content-area-6" class="contentArea content-area-6"> 4810<div class="content-container content-vessel-2"> 4811<div class="content-head-1 headFirst"> 4812</div> 4813<div class="head content-head-2"> 4814Deception 4815</div> 4816<div class="provider content-provider-1"> 4817Fortinet 4818</div> 4819<div data-name="Fortinet" class="content content-item-1"> 4820<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/FortiDeceptor.pdf" target="prodMatrix_6ab5f988546e8" style="display: contents;">FortiDeceptor (AP, VAP)</A><br> 4821FortiAnalyzer (AP, VAP, Saas)<br> 4822</div> 4823<div data-name="Fortinet" class="content content-item-2" style="display: none;"> 4824</div> 4825<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4826</div> 4827<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4828</div> 4829</div> 4830<div class="legend"> 4831<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4832 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4833</div> 4834</div> 4835<div id="content-area-7" class="contentArea content-area-7"> 4836<div class="content-container content-vessel-3"> 4837<div class="content-head-1 headFirst"> 4838</div> 4839<div class="head content-head-2"> 4840ADC 4841</div> 4842<div class="head content-head-3"> 4843Global Load Balancing 4844</div> 4845<div class="provider content-provider-1"> 4846Fortinet 4847</div> 4848<div data-name="Fortinet" class="content content-item-1"> 4849FortiADC (AP, VAP)<br> 4850<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="_pathfortinet/fortianalyzer.html" target="prodMatrix_6ab5f9885475e" style="display: contents;">FortiAnalyzer (AP, VAP, Saas)</A><br> 4851</div> 4852<div data-name="Fortinet" class="content content-item-2"> 4853<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/FortiGSLB_Cloud.pdf" target="prodMatrix_6ab5f988547b7" style="display: contents;">FortiGSLB Cloud (SaaS)</A><br> 4854</div> 4855<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4856</div> 4857<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4858</div> 4859</div> 4860<div class="legend"> 4861<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4862 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4863</div> 4864</div> 4865<div id="content-area-8" class="contentArea content-area-8"> 4866<div class="content-container content-vessel-2"> 4867<div class="content-head-1 headFirst"> 4868</div> 4869<div class="head content-head-2"> 4870DDOS Protection 4871</div> 4872<div class="provider content-provider-1"> 4873Fortinet 4874</div> 4875<div data-name="Fortinet" class="content content-item-1"> 4876<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/FortiDDoS.pdf" target="prodMatrix_6ab5f9885482f" style="display: contents;">FortiDDoS (AP)</A><br> 4877FortiManager (AP, VAP, Saas)<br> 4878FortiAnalyzer (AP, VAP, Saas)<br> 4879</div> 4880<div data-name="Fortinet" class="content content-item-2" style="display: none;"> 4881</div> 4882<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4883</div> 4884<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4885</div> 4886<div class="provider content-provider-1"> 4887Kaspersky 4888</div> 4889<div data-name="Kaspersky" class="content content-item-5"> 4890Kaspersky DDoS Protection (SaaS, VAP)<br> 4891</div> 4892<div data-name="Kaspersky" class="content content-item-6" style="display: none;"> 4893</div> 4894<div data-name="Kaspersky" class="content content-item-7" style="display: none;"> 4895</div> 4896<div data-name="Kaspersky" class="content content-item-8" style="display: none;"> 4897</div> 4898<div class="provider content-provider-1"> 4899Corero 4900</div> 4901<div data-name="Corero" class="content content-item-9"> 4902<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/Corero_Threat_Defense_System.pdf" target="prodMatrix_6ab5f9885494d" style="display: contents;">SmartWall (AP, VAP)</A><br> 4903<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/Corero_SecureWatch_Analytics.pdf" target="prodMatrix_6ab5f9885499a" style="display: contents;">Secure Watch (MS)</A><br> 4904</div> 4905<div data-name="Corero" class="content content-item-10" style="display: none;"> 4906</div> 4907<div data-name="Corero" class="content content-item-11" style="display: none;"> 4908</div> 4909<div data-name="Corero" class="content content-item-12" style="display: none;"> 4910</div> 4911</div> 4912<div class="legend"> 4913<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4914 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4915</div> 4916</div> 4917<div id="content-area-9" class="contentArea content-area-9"> 4918<div class="content-container content-vessel-2"> 4919<div class="content-head-1 headFirst"> 4920</div> 4921<div class="head content-head-2"> 4922NDR 4923</div> 4924<div class="provider content-provider-1"> 4925Fortinet 4926</div> 4927<div data-name="Fortinet" class="content content-item-1"> 4928<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../datasheets/fortindr.pdf" target="prodMatrix_6ab5f98854a14" style="display: contents;">FortiNDR (AP, VAP)</A><br> 4929</div> 4930<div data-name="Fortinet" class="content content-item-2" style="display: none;"> 4931</div> 4932<div data-name="Fortinet" class="content content-item-3" style="display: none;"> 4933</div> 4934<div data-name="Fortinet" class="content content-item-4" style="display: none;"> 4935</div> 4936<div class="provider content-provider-1"> 4937Palo Alto Networks 4938</div> 4939<div data-name="Palo Alto Networks" class="content content-item-5"> 4940<A onMouseOver="this.style.color='#FF0000'" onMouseOut="this.style.color=''" href="../paloalto/cortex.html" target="prodMatrix_6ab5f98854a7d" style="display: contents;">Part of Cortex XDR (SaaS)</A><br> 4941</div> 4942<div data-name="Palo Alto Networks" class="content content-item-6" style="display: none;"> 4943</div> 4944<div data-name="Palo Alto Networks" class="content content-item-7" style="display: none;"> 4945</div> 4946<div data-name="Palo Alto Networks" class="content content-item-8" style="display: none;"> 4947</div> 4948<div class="provider content-provider-1"> 4949Kaspersky 4950</div> 4951<div data-name="Kaspersky" class="content content-item-9"> 4952Part of Kaspersky NEXT XDR Expert & Anti Targeted Attack Platform (VAP, SO)<br> 4953</div> 4954<div data-name="Kaspersky" class="content content-item-10" style="display: none;"> 4955</div> 4956<div data-name="Kaspersky" class="content content-item-11" style="display: none;"> 4957</div> 4958<div data-name="Kaspersky" class="content content-item-12" style="display: none;"> 4959</div> 4960</div> 4961<div class="legend"> 4962<b>AP:</b> Appliance | <b>VAP:</b> Virtual Appliance | <b>SaaS:</b> Software as a Service | <b>CO:</b> Container | <b>MS:</b> Managed Service | 4963 <b>S:</b> Service / Consulting | <b>SO:</b> Software 4964</div> 4965</div> 4966</div> 4967<br> 4968<br>
4969<script> 4970 4971 function acceptCookies() { 4972 4973 const date = new Date() 4974 date.setMonth(date.getMonth() + 1) 4975 4976 var path = window.location.pathname; 4977 var page = path.split('/').pop(); 4978 4979 const gaHolder = document.getElementById('ga-holder'); 4980 if (gaHolder) { 4981 const gtagScript = document.createElement('script'); 4982 gtagScript.async = true; 4983 gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-G8GQ5Y52GL'; 4984 4985 const gaScript = document.createElement('script'); 4986 gaScript.language = 'javascript'; 4987 gaScript.type = 'text/javascript'; 4988 gaScript.defer = true; 4989 gaScript.text = 'try{
vendor: 127 bytes, line 4989
4989window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "
4989UA-11446488-1
vendor: 30 bytes, line 4989
4989", { "anonymize_ip": true });
4989gtag("config", "G-G8GQ5Y52GL", { "anonymize_ip": true }); } catch(err) {}'; 4990 4991 gaHolder.appendChild(gtagScript); 4992 gaHolder.appendChild(gaScript); 4993 } 4994 4995 document.cookie = 'boll_opt_in=true;expires='+date; 4996 removeCookieBanner(); 4997 } 4998 4999 function dismissCookies() { 5000 5001 const date = new Date() 5002 date.setMonth(date.getMonth() + 1) 5003 5004 document.cookie = 'boll_opt_in=false;expires='+date; 5005 removeCookieBanner(); 5006 } 5007 5008 function removeCookieBanner() { 5009 document.getElementById('banner').style.display = 'none'; 5010 } 5011 5012</script>
5012 5013<div id="banner" class="cookie-banner"> 5014<div class="banner-text"> 5015We use cookies for statistical purposes as part of Google Analytics and Google Maps. 5016</div> 5017<div class="banner-buttons"> 5018<A class="button-link" style="margin-left: 10px;" href="#" onClick="javascript:acceptCookies()">Accept</A> 5019<A class="button-link" style="margin-left: 10px;" href="#" onClick="javascript:dismissCookies()">Decline</A> 5020<A class="button-link" style="margin-left: 10px;" href="../privacy_statement.html">Info</A> 5021</div> 5022</div> 5023<br> 5024</td> 5025</tr> 5026</table> 5027</td> 5028</tr> 5029</table> 5030</td> 5031</tr> 5032<tr bgcolor="#ffffff"> 5033<td height="10px" valign="top" bgcolor="#ffffff" style="padding:0px;width:100%;"> 5034<img src="../pics/h10.gif" alt="spacer" title="spacer" border="0"></td> 5035</tr> 5036</table> 5037</div> 5038<div id="footer"> 5039<div id="footcenter"> 5040<div class="foot_menu_section group" style="margin-left:auto; margin-right:auto; color:#333333;"> 5041<div class="foot_menu_col span_24"> 5042<h2> 5043Home</h2> 5044<A href="https://www.boll.ch/index.html">Home</A> 5045<br> 5046<br> 5047<div style="padding:10px;background:#d1d2d3;border:1px solid #eeeeee;margin:0;"> 5048<table> 5049<tr> 5050<td style="border:none;margin:0px;padding:0px;color:#333333;"> 5051<p>BOLL Engineering AG<br>Jurastrasse 58<br>5430 Wettingen<br>Phone +41 (0)56 437 60 60<br></p><p>BOLL Engineering SA<br>En Budron H15<br>1052 Le Mont-sur-Lausanne<br>Phone +41 (0)21 533 01 60<br></p><p>BOLL Europe GmbH<br>Ringstrasse 3<br>89081 Ulm<br>Phone +49 (0)731 29 87 86 00</p><p style='margin-bottom:0px; padding-bottom:0px;'>BOLL Austria GmbH<br>Wienerbergstrasse 3-5<br>1100 Wien<br>Phone +43 (0)1 235 00 65</p><br> 5052<A target="youtube" href="https://www.youtube.com/c/bollengineering"><img src="../pics/youtube_logo.png" alt="Youtube Logo" title="Youtube Logo" border="0"></a> 5053<A target="linkedin" href="https://www.linkedin.com/company/bollengineering/" style="margin-right: 10px;"><img src="../pics/linkedin_logo.png" alt="LinkedIn Logo" title="LinkedIn Logo" border="0"></a> 5054</td> 5055</tr> 5056</table> 5057</div> 5058</div> 5059<div class="foot_menu_col span_19"> 5060<h2> 5061Solutions</h2> 5062<A href="../solutions/network_security.html">Network Security</A> 5063<br> 5064<A href="../solutions/iot_ot_security.html">IoT & OT Security</A> 5065<br> 5066<A href="../solutions/endpoint_security.html">Endpoint Security</A> 5067<br> 5068<A href="../solutions/browser_security.html">Browser Security</A> 5069<br> 5070<A href="../solutions/soc_security.html">SOC Security</A> 5071<br> 5072<A href="../solutions/cloud_native_security.html">Cloud Native Security</A> 5073<br> 5074<A href="../solutions/email_security.html">E-Mail Security</A> 5075<br> 5076<A href="../solutions/pki_certificates.html">PKI & Certificates</A> 5077<br> 5078<A href="../solutions/vulnerability_mgmt.html">Vulnerability Management</A> 5079<br> 5080<A href="../solutions/data_security_posture_mgmt.html">Data Security Posture Management</A> 5081<br> 5082<A href="../solutions/identity_access.html">Identity & Access Security</A> 5083<br> 5084<A href="../solutions/physical_security.html">Physical Security</A> 5085<br> 5086<A href="../solutions/security_awareness.html">Security Awareness</A> 5087<br> 5088<A href="../solutions/networking.html">Networking</A> 5089<br> 5090<A href="../solutions/digital_experience_monitoring.html">Digital Experience Monitoring</A> 5091<br> 5092<br> 5093<a href="../certifications.html"> 5094<img style="max-width:140px;" src="../pics/iso27001_t.png" alt="ISO27001" title="ISO27001"></a> 5095</div> 5096<div class="foot_menu_col span_19"> 5097<h2> 5098Products</h2> 5099<A style="font-weight: bold;" href="../portfolio.html">PORTFOLIO</A> 5100<br> 5101<A href="../alcatel/index.html">Alcatel-Lucent Enterprise</A> 5102<br> 5103<A href="https://autodoc.org" target="prod6ab5f98854c10">AUTODOC</A> 5104<br> 5105<A href="../asimily/index.html">Asimily</A> 5106<br> 5107<A href="../claroty/index.html">Claroty</A> 5108<br> 5109<A href="../corero/abwehr_von_ddos_attacken.html">Corero</A> 5110<br> 5111<A href="../cryoserver/index.html">Cryoserver</A> 5112<br> 5113<A href="../cyolo/index.html">Cyolo</A> 5114<br> 5115<A href="../deepinstinct/index.html">Deep Instinct</A> 5116<br> 5117<A href="../eset/index.html">ESET</A> 5118<br> 5119<A href="../fortinet/index.html">Fortinet</A> 5120<br> 5121<A href="../fudo/index.html">Fudo</A> 5122<br> 5123<A href="../f5/index.html">F5</A> 5124<br> 5125<A href="../halcyon/index.html">
5125Halcyon</A> 5126<br> 5127<A href="../hornetsecurity/index.html">Hornetsecurity</A> 5128<br> 5129<A href="../kaspersky/index.html">Kaspersky</A> 5130<br> 5131<A href="../menlosecurity/index.html">Menlo Security</A> 5132<br> 5133<A href="../netskope/index.html">Netskope</A> 5134<br> 5135<A href="../onespan/index.html">OneSpan</A> 5136<br> 5137<A href="../paloalto/index.html">Palo Alto Networks</A> 5138<br> 5139<A href="../proofpoint/index.html">Proofpoint</A> 5140<br> 5141<A href="../rackmount/index.html">Rackmount.IT</A> 5142<br> 5143<A href="../secunet/index.html">SecuNet</A> 5144<br> 5145<A href="../seppmail/index.html">SEPPmail</A> 5146<br> 5147<A href="../varonis/index.html">Varonis</A> 5148<br> 5149<A href="../wallix/index.html">Wallix</A> 5150<br> 5151<A href="../watchguard/index.html">WatchGuard</A> 5152<br> 5153</div> 5154<div class="foot_menu_col span_19"> 5155<h2> 5156Services</h2> 5157<A style="font-weight: bold;" href="../services/index.html">SERVICES</A> 5158<br> 5159<A href="../services/sales_services.html">Sales Services</A> 5160<br> 5161<A href="../services/tech_services.html">Tech Services</A> 5162<br> 5163<A href="../services/bdm.html">Business Development</A> 5164<br> 5165<A href="../services/marketing_services.html">Marketing Services</A> 5166<br> 5167<A href="../services/logistics.html">Logistics</A> 5168<br> 5169<A href="../services/export.html">Export</A> 5170<br> 5171<A href="../services/education.html">Education</A> 5172<br> 5173<A href="../services/engineering.html">Engineering / Customizing</A> 5174<br> 5175<A href="../staging.html">Staging Services</A> 5176<br> 5177<A href="../engineering/index.html">Software-Engineering</A> 5178<br> 5179<br> 5180<h2> 5181Education</h2> 5182<A href="../training/index.html">Training</A> 5183<br> 5184<A href="../morningsession/index.html">Events</A> 5185<br> 5186<br> 5187<h2> 5188Support</h2> 5189<A href="../support.html">Support Infos</A> 5190<br> 5191<A href="https://blog.boll.ch" target="techblog">Tech Blog</A> 5192<br> 5193<A href="https://salesblog.boll.ch" target="salesblog">Sales Blog</A> 5194<br> 5195<A href="https://doc.boll.ch" target="docserver">Document-Server</A> 5196<br> 5197<A href="https://www.boll.ch/partner/intern/index.html">Partner Account</A> 5198<br> 5199<A href="../register/overview.html">Service Account</A> 5200<br> 5201</div> 5202<div class="foot_menu_col span_19"> 5203<h2> 5204Partner Area</h2> 5205<A href="https://www.boll.ch/partner/intern/index.html">Partner Account</A> 5206<br> 5207<A href="https://www.boll.ch/partner/pw_reset_request.html">Forgot your password</A> 5208<br> 5209<A href="https://www.boll.ch/partner/register.html">Partner Registration</A> 5210<br> 5211<br> 5212<h2> 5213Media</h2> 5214<A href="../presse.html">Press</A> 5215<br> 5216<A href="../flyer.html">Flyer</A> 5217<br> 5218<A href="../success_stories.html">Success Stories</A> 5219<br> 5220<A href="../videos.html">Youtube Channel</A> 5221<br> 5222<A href="../corporate_design.html">CD/Logo</A> 5223<br> 5224<br> 5225<h2> 5226About us</h2> 5227<A href="../company.html">Who are we</A> 5228<br> 5229<A href="../team.html">Team</A> 5230<br> 5231<A href="../jobs.html">Jobs</A> 5232<br> 5233<A href="../kontakt.html">Contact</A> 5234<br> 5235<A href="../privacy_statement.html">Privacy Statement</A> 5236<br> 5237<A href="../certifications.html">Certifications</A> 5238<br> 5239<A href="../impressum.html" target="agbs">Impressum</A> 5240<br> 5241<A href="../partner/BOLL_AGB_v300_e.pdf" target="agbs">GTC (PDF)</A> 5242<br> 5243<A href="../charity.html">Charity</A> 5244<br> 5245<A href="../sponsoring.html">Sponsoring</A> 5246<br> 5247</div> 5248</div> 5249<br> 5250<div class="section group" style="padding: 0 20px 0 20px; width:100%; margin-left:auto;margin-right:auto;"> 5251<div class="col span55pc padleftmore"> 5252<font style='color:'>Copyright BOLL Engineering AG, 1998-2026, all rights reserved. NWS1</font> 5253</div> 5254<div class="col span45pc padrightmore" style="text-align: right;"> 5255<font color=''>IT Security Distribution</font> 5256</div> 5257</div> 5258<div id="ga-holder"> 5259</div> 5260</body> 5261</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.