/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
html { height: 100%; }
body { height: 100.2%; font-family: Tahoma,Geneva,sans-serif,arial; font-size: 62.5%; behavior: url('htc/csshover.htc'); background: #ffffff url(../../images/default/body_bg_top.gif) 0 0 repeat-x; }
img { border-width: 0; behavior:url('htc/pngbehavior.htc'); }
.error, .alert { color: #ff0000; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix { height: 1%; }
/* standard elements */
h1, h1 a:link { font-size: 1.8em; } /* also needed outside wysiwyg texts */
h2, h2 a:link { font-size: 1.6em; color:#4a4949; } /* h2 a with color is for toc in frontend*/
h3, h3 a:link { font-size: 1.4em; color: red; }
h4, h4 a:link { font-size: 1.4em; }
h5, h5 a:link { font-size: 1.1em; color:#993300; }
h6, h6 a:link { font-size: 1em; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { font-size: 1em; text-decoration: none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; }
hr { border: 1px solid; border-color: #05222e #ffffff #ffffff #ffffff; margin:15px 0; }
hr.home { margin:15px 20px 15px 260px }
/*Remove outline from buttons*/
button[type="submit"]::-moz-focus-inner { border : 0px; } /*for FF */
button[type="submit"]:focus { outline : none; }/*for IE8 */
/* tempalte positioning elements */
/* to center the website */
div.wrapper { width: 100%; min-height: 100%; padding: 0; text-align: left; background: url(../../images/default/body_bg_bottom.gif) left bottom repeat-x; }
div.footer { position: absolute; height:260px; margin-top:-261px; background:#6a665c url(../../images/default/footer_shadow.gif) 50% 0 no-repeat; width:100%; border-top:1px solid #5c5950; }
div.innerwrapper { width: 960px; margin: 0 auto; position:relative; }
div.container { padding: 0 0 0px; }
div.maincontainer { margin: 15px 0 320px 0; }
div.top { display: inline-block; }
div.side { display: inline-block; width:234px; margin: 0 35px 0 0; float: left; }
div.contentcontainer { width: 691px; float: left; overflow:hidden; }
div.logo { float:left; width:189px; margin:10px 80px 0 0; }
div.logo a { background:transparent url(../../images/default/jtag_live_logo.gif) no-repeat 0 0; display:block; height:105px; width:189px; text-decoration:none; }
div.logo:hover a { background:transparent url(../../images/default/jtag_live_logo.gif) no-repeat 0 100%; cursor:pointer; }
div.logoprint { display:none; }
/*menu*/
div.menu { float:left; margin:27px 0 0 0;}
div.menu ul { display:inline-block; list-style-type:none; margin:0; padding:0; }
div.menu ul li { float:left; list-style-type:none; margin:0; padding:0; }
div.menu ul li a { border-bottom:3px solid #CCCCCC; color:#4A4949; display:block; float:left; font-size:1.9em; padding:0.2em 0.5em; text-decoration:none; }
div.menu ul li.myJtag a { margin-left:30px; }
div.menu ul li:hover a,
div.menu ul li.myJtag:hover a,
div.menu ul li.selected a { background:#F6F6F6 url(../../images/default/menu_bg_hover.gif) repeat-x left bottom; border-bottom:3px solid #F58026; color:#F58026; }
/*submenu*/
div.submenu { background: url(../../images/default/submenu_bg.gif) 0 0 repeat-y; margin: 0 0 5em; }
div.submenutop { background: url(../../images/default/submenu_corner_top.gif) 0 0 no-repeat; width: 234px; height: 9px; }
div.submenubottom { background: url(../../images/default/submenu_corner_bottom.gif) 0 0 no-repeat; width: 234px; height: 9px; margin-top: -5px; position: absolute; }
div.submenu h2 { color: #4a4949; padding: 0.2em 0 0.3em 0.6em; font-weight: bold; font-size: 2em; background: #ebebeb url(../../images/default/submenu_bg_title.gif) repeat-x 0 0; margin: 0 0.3em 0 2px; display: block; }
div.submenu h2 a:visited { color:#4a4949; }
div.submenu ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 230px; }
div.submenu ul li { list-style-type: none; margin: 0 0.2em; border-top: 1px solid #d5d5d5; }
div.submenu ul li a { color: #616060; display: block; text-decoration: none; background: url(../../images/default/gogo_white_brown.gif) 210px -28px no-repeat; padding: 0.5em 0.8em 0.5em 0.8em; font-size: 1.7em; }
div.submenu ul li:hover a,
div.submenu ul li.selected a { color: #f58026; background: #ebebeb url(../../images/default/gogo_white_brown.gif) 210px 10px no-repeat; }
/*submenu level #2*/
div.submenu ul li ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 226px; }
div.submenu ul li ul li { list-style-type: none; margin: 0 0; border-top: 1px solid #ebebeb; }
div.submenu ul li.selected ul li a { color: #616060; display: block; text-decoration: none; background: #fafafa url(../../images/default/gogo_white_brown.gif) 210px -28px no-repeat; padding: 0.5em 0.8em 0.5em 1.6em; font-size: 1.7em; }
div.submenu ul li ul li:hover a,
div.submenu ul li ul li.selected a { color: #f58026; background: #ebebeb url(../../images/default/gogo_white_brown.gif) 210px 10px no-repeat; }
/*attentionarea*/
div.attentionarea { background:url(../../images/default/attentionarea_bg.gif) left bottom no-repeat; margin:0 0 1em; display:inline-block; }
div.attentionareatop { background:url(../../images/default/attentionarea_corner_top.gif) 0 0 no-repeat; width:234px; height:9px; }
div.attentionareabottom { background:url(../../images/default/attentionarea_corner_bottom.gif) 0 0 no-repeat; width:234px; height:9px; }
div.attentionareacontent { padding:0.8em 0.9em; margin:0 0.4em 0 0.2em; display:inline-block; }
div.attentionareacontent h3 { color:#f57a1c; font-size:2em; font-weight:normal; margin:0 0 0.3em 0; }
/*3 kolom maincontainer threecolboxfront*/
div.threecolboxfront { display:inline-block; background:url(../../images/default/contentbox_bg_seperate.gif) 0 0 repeat-y; cursor:default }
div.threecolboxfront div.mceContentBody a { color :#f58026; text-decoration:none; background:none; padding:0; margin:0; }
div.threecolboxfront div.alignbox { display:inline-block; padding:0 0 20px; }
div.threecolboxfront div.colbox_one { padding:0 12px 0 0; width:302px; float:left; }
div.threecolboxfront div.colbox_two { padding:0 14px; width:304px; float:left; }
div.threecolboxfront div.colbox_three { padding:0 0 0 12px; width:302px; float:left; }
div.threecolboxfront div.colbox_bottom { height: 184px; }
/*impressbox frontpage*/
div.threecolboxfront div.impressbox { position:relative; width:302px; height:184px; overflow:hidden; }
div.threecolboxfront span.pngouter { width:302px; height:184px; display:block; background-position:0 0; background-repeat:no-repeat; }
div.threecolboxfront span.pngouter:hover { background-position:-302px 0; cursor:pointer; }
div.threecolboxfront div.colbox-description { position:absolute; bottom:0; display:block; width:272px; margin:0 0 1px 0; background:url(../../images/default/impress_description_bg.gif) 0 0 repeat; padding:5px 15px 11px 15px; left:0; filter:alpha(opacity=80); /* msie */ -moz-opacity: 0.80; /* firefox 1.0 */ -khtml-opacity: 0.80; /* webkit */ opacity: 0.80; /* css 3 */ color:#FFFFFF; font-weight:bold; }
div.threecolboxfront div.colbox-description span { background:url(../../images/default/gogo_white_orange.gif) 100% 1px no-repeat; margin:0 2px 0 0; padding:0 10px 0 0; display:block; }
div.threecolboxfront div.outer { position:absolute; margin-top:-184px; }
/*impressbox furtherpages*/
div.threecolbox div.impressbox { position:relative; width:217px; height:132px; overflow:hidden; }
div.threecolbox span.pngouter { width:217px; height:132px; display:block; background-position:0 0; background-repeat:no-repeat; }
div.threecolbox span.pngouter:hover { background-position:-217px 0; cursor:pointer; }
div.threecolbox div.caption { margin:6px 7px 0; }
div.threecolbox div.colbox-description-zoom { position:absolute; bottom:0; display:block; width:100%; padding:5px 15px 11px 15px; left:0; filter:alpha(opacity=80); /* msie */ -moz-opacity: 0.80; /* firefox 1.0 */ -khtml-opacity: 0.80; /* webkit */ opacity: 0.80; /* css 3 */ color:#FFFFFF; font-weight:bold; }
div.threecolbox div.colbox-description-zoom span { margin:0 32px 0 0; padding:0 11px 0 0; display:block; }
/*invisible*/
div.threecolbox div.colbox_one div.colbox-description-zoom,
div.threecolbox div.colbox_two div.colbox-description-zoom,
div.threecolbox div.colbox_three div.colbox-description-zoom { display:block; background:none; font-size:0; }
div.threecolbox div.colbox_one div.colbox-description-zoom span,
div.threecolbox div.colbox_two div.colbox-description-zoom span,
div.threecolbox div.colbox_three div.colbox-description-zoom span { background:url(../../images/default/zoom_white_orange.gif) 100% -37px no-repeat; }
/*visible*/
div.threecolbox div.colbox_one:hover div.colbox-description-zoom,
div.threecolbox div.colbox_two:hover div.colbox-description-zoom,
div.threecolbox div.colbox_three:hover div.colbox-description-zoom { display:block; font-size:1em; background:url(../../images/default/impress_description_bg.gif) 0 0 repeat; }
div.threecolbox div.colbox_one:hover div.colbox-description-zoom span,
div.threecolbox div.colbox_two:hover div.colbox-description-zoom span,
div.threecolbox div.colbox_three:hover div.colbox-description-zoom span { background:url(../../images/default/zoom_white_orange.gif) 100% 1px no-repeat; }
div.productdemodemo { position:absolute; }
div.threecolbox div.outer { position:absolute; margin-top:-132px; }
/*3 kolom maincontainer threecolbox furtherpages*/
div.threecolbox { display:inline-block; background:url(../../images/default/contentbox_bg_seperate_small.gif) 0 0 repeat-y; cursor:default; }
div.threecolbox div.mceContentBody a { color :#f58026; text-decoration:none; background:none; padding:0; margin:0; }
div.threecolbox div.alignbox { display:inline-block; padding:0 0 20px; }
div.threecolbox div.colbox_one { padding:0 8px 0 0; width:217px; float:left; }
div.threecolbox div.colbox_two { padding:0 11px; width:219px; float:left; }
div.threecolbox div.colbox_three { padding:0 0 0 8px; width:217px; float:left; }
/*tabbox container*/
div.tabboxcontainer { display: inline-block; margin: 0 0 8em; width: 960px; position: relative; padding: 0; }
div.tabboxcontainer div.scroll { height: 227px; width: 960px; overflow: hidden; overflow-x: hidden; position: relative; clear: left; }
div.tabboxcontainer div.tabboxcornertop { position: absolute; z-index: 100; top: 0px; }
div.tabboxcontainer div.tabboxcornertop { top/*\**/: -3px\9;}/*reset for ie8 fix*/
*+html div.tabboxcontainer div.tabboxcornertop { top: 0px;}/*reset for ie7*/
div.tabboxcontainer div.scrollContainer div.panel { position: relative; float: left; background: #faf8f6 url(../../images/default/tabbox_panel_bg.gif) 0 0 repeat-x; height: 230px; padding: 1px 0 20px; width: 960px; display: inline-block; }
div.tabboxcontainer div.panelcontent { height: 227px; width: 569px; float: left; padding: 20px 0 0 30px; border-left: 1px solid #b1b1b1; }
div.tabboxcontainer div.panelcontent h1 { color: #ffffff; font-weight: bold; font-size: 2.6em; line-height: 1.2em; margin-bottom: 0.3em; }
div.tabboxcontainer div.panelimg { width: 314px; height:227px; overflow:hidden; float: right; }
div.tabboxcontainer div.panelimg img { float: right; text-align: right; }
div.panelcontent a.button { background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0 0; display: block; float: left; font-weight: bold; color: #FFFFFF; line-height: 25px; height: 40px; padding-left: 10px; text-decoration: none; margin: 0 10px 0 0; }
div.panelcontent a.button span { background: transparent url(../../images/default/button_panel_right.gif) no-repeat top right; display: block; padding: 4px 10px 11px 0px; }
div.panelcontent a.button:hover { background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0px -50px; cursor: pointer; }
div.panelcontent a.button:hover span { background: transparent url(../../images/default/button_panel_right.gif) no-repeat right -50px; }
div.tabboxcontainer ul.navigation { position: absolute; z-index: 10; display: inline-block; list-style: none; margin: 0 0 0 0; padding: 0; height: 57px; background: url(../../images/default/tabbox_nav_bg2.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li { display: inline-block; float: left; width: 230px; padding-right: 13px; }
div.tabboxcontainer ul.navigation a { color: #ffffff; text-decoration: none; display: block; height: 47px; font-weight: normal; font-size: 1.2em; }
div.tabboxcontainer ul.navigation a span.corner { display: block; margin: 0; height: 42px; padding: 12px 0 0 30px; }
div.tabboxcontainer ul.navigation a span.navtitle { color: #ffffff; font-size: 1.7em; font-weight: bold; display: block; padding: 0; margin: 0; }
div.tabboxcontainer ul.navigation a.selected span.navtitle { color: #f58026; font-size: 1.7em; font-weight: bold; display: block; padding: 0; margin: 0; }
div.tabboxcontainer ul.navigation a:hover { cursor: pointer }
div.tabboxcontainer ul.navigation a.selected span { background: none; }
div.tabboxcontainer ul.navigation a.selected { color: #4c4c4c; font-weight: bold; font-size: 1.2em; background: none; }
div.tabboxcontainer ul.navigation a.selected:hover { background: none; cursor: default; color: #4c4c4c; font-weight: bold; font-size: 1.2em; }
div.tabboxcontainer ul.navigation a:focus { outline: none; }
.hide { display: none; }
div.tabboxcontainer ul.navigation li.first a { background: url(../../images/default/tabbox_nav_01_01_a.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li.first a.selected { background: url(../../images/default/tabbox_nav_01_01_a_active.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li.second { padding-right: 14px; }
div.tabboxcontainer ul.navigation li.second a { background: url(../../images/default/tabbox_nav_01_01_a.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li.second a.selected { background: url(../../images/default/tabbox_nav_01_01_a_active.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li.third { background: url(../../images/default/tabbox_nav_01_01_a.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li.third a.selected { background: url(../../images/default/tabbox_nav_01_01_a_active.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li.fourth { padding-right: 0px; }
div.tabboxcontainer ul.navigation li.fourth a { background: url(../../images/default/tabbox_nav_01_01_a.gif) 0 0 no-repeat; }
div.tabboxcontainer ul.navigation li.fourth a.selected { background: url(../../images/default/tabbox_nav_01_01_a_active.gif) 0 0 no-repeat; }
/*description-list*/
table.description-list { width:100%; margin:0 0 20px 0; }
table.description-list tr td { vertical-align:top; border-bottom:1px solid #cccccc; padding:20px 0 10px 0; }
table.description-list tr td.thumb { width:130px; padding-right:20px; }
table.description-list tr:hover td { background:url(../../images/default/bg_description_list.gif) left bottom repeat-x; }
table.description-list ul { margin:0; padding:0; }
table.description-list ul li { margin:0; padding:0 0 2px; list-style-type:none }
/*login dissable*/
input.disabled { background:#EBEBEB; }
/*licence table*/
div.licence { margin:20px 0 0 0; }
div.licence table { border:2px solid #e7e7e7; margin:1px 0 1px 1px; width:540px; margin-bottom:15px; }
div.licence table tr th { background:#EBEBEB url(../../images/default/submenu_bg_title.gif) 0 0 repeat-x; padding:4px 10px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
div.licence table tr td { vertical-align:top; padding:5px 10px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
table.description-list tr:hover td div.licence table tr td { background:#ffffff; }
table.description-list tr:hover td div.licence table tr:hover td { background:#e7e7e7; }
/*transactions table*/
div.transactions table { border:2px solid #e7e7e7; margin:1px 0 1px 1px; width:690px; margin-bottom:15px; }
div.transactions table tr th { background:#EBEBEB url(../../images/default/submenu_bg_title.gif) 0 0 repeat-x; padding:4px 10px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
div.transactions table tr td { vertical-align:top; padding:5px 10px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
div.transactions table tr:hover td { background:#e7e7e7; }
div.transactions table tr td.actions { padding:5px 0 5px 10px; width:73px; }
div.transactions table tr td.actions a { margin-right:5px; cursor: pointer; border: none; width:16px; height:16px; display:block; float:left; }
div.transactions table tr td.actions a.view { background:url(../../images/default/icon_transaction_view.gif) no-repeat; background-position:0 0; }
div.transactions table tr td.actions a.print { background:url(../../images/default/icon_transaction_print.gif) no-repeat; background-position:0 0; }
div.transactions table tr td.actions a.cancel { background:url(../../images/default/icon_transaction_cancel.gif) no-repeat; background-position:0 0; }
div.transactions table tr:hover td a.view,
div.transactions table tr:hover td a.print,
div.transactions table tr:hover td a.cancel { background-position:0 -20px; }
div.transactions table tr td.actions a:hover { background-position:0 -40px; text-decoration:none }
div.transactions div.transaction-description { margin-top:70px; }
div.contentcontainer div.paymentoptions form{ padding-left:0 }
div.contentcontainer div.paymentoptions form span.paymenttextlabel { vertical-align:top; padding:0 0 0 20px; }
div.paymentoptions form div.payoption { padding:10px 0 25px; }
div.paymentoptions form input { vertical-align:middle;}
div.paymentoptions form label { vertical-align:top; padding:0 10px; }
/* checkout waitng/noscript */
div.checkoutwaiting, div.sessionsnotsupported, noscript h1 { position: absolute; top:92px; left:-211px; margin:0 50%; width: 360px; text-align: center; vertical-align: middle; background-color: #EF7E22; color:#FFFFFF; padding:5px; font-size:1.1em; }
/* faq */
dl.pulldownmenu { margin:10px 0 0 0; }
dl.pulldownmenu dt { cursor: pointer; padding:8px; margin:5px 0; color: #4A4949; text-decoration: none; background:url(../../images/default/gogo_white_brown.gif) 99% -32px no-repeat; padding-right: 12px; border-right:5px solid #FFFFFF; font-weight: bold; font-size:1.1em; }
dl.pulldownmenu dt:hover { background:#f1f1f1 url(../../images/default/gogo_white_brown.gif) 99% 6px no-repeat; border-right:5px solid #f1f1f1; }
dl.pulldownmenu dt.active:hover,
dl.pulldownmenu dt.active { background: url(../../images/default/gogo_white_brown_down.gif) 99% 6px no-repeat; border-right:5px solid #FFFFFF; }
dl.pulldownmenu dt span.faqtitle { color:#666666; font-weight:bold; }
dl.pulldownmenu dd { margin:5px 0; padding:0 0 0px; }
dl.pulldownmenu div.answ { background: #f1f1f1; padding: 10px; border-bottom:1px solid #CCCCCC; }
/*productthumbbox*/
div.productthumbbox { float:right; display:inline-block; position:relative; text-align:center; margin:0 0 20px 20px; }
div.productthumb { position:relative; }
div.productthumb img { border:2px solid #cccccc; padding:4px; }
div.productthumb_corner_topleft { position:absolute; left:0; background:transparent url(../../images/default/productthumbbox_corner_tl.gif) top left; width:11px; height:11px; }
div.productthumb_corner_topright { position:absolute; right:0; background:transparent url(../../images/default/productthumbbox_corner_tr.gif) top right; width:11px; height:11px; }
div.productthumb_corner_botleft { position:absolute; bottom:3px; left:0; background:transparent url(../../images/default/productthumbbox_corner_bl.gif) top left; width:11px; height:11px; }
div.productthumb_corner_botright { position:absolute; bottom:3px; right:0; background:transparent url(../../images/default/productthumbbox_corner_br.gif) top right; width:11px; height:11px; }
@media screen and (-webkit-min-device-pixel-ratio:0)
{ div.productthumb_corner_botleft,
div.productthumb_corner_botright { bottom:0px; }}
div.productthumb:hover img { border:2px solid #f58026; padding:4px; }
div.productthumb:hover div.productthumb_corner_topleft,
div.productthumb:hover div.productthumb_corner_botleft { background-position: 0 -14px; }
div.productthumb:hover div.productthumb_corner_topright,
div.productthumb:hover div.productthumb_corner_botright { background-position: 100% -14px; }
table tr td.thumb div.productthumb_corner_topright,
table tr td.thumb div.productthumb_corner_botright { right:3px; }
table tr td.thumb div.productthumb_corner_botleft,
table tr td.thumb div.productthumb_corner_botright { bottom:0; }
table.description-list tr td h6 { margin: 0 0 4px; }
/*product cost*/
div.productcost { color: #4A4949; margin:0 0 2px; font-weight: bold; }
table tr td div.productcost { float: right; margin: 0; font-weight: bold; }
/*press release and customer stories*/
table tr td.bottomthumb div.productthumb_corner_botleft,
table tr td.bottomthumb div.productthumb_corner_botright { bottom:1px; }
/*ie 8 oplossingen..*/
table tr td.thumb div.productthumb_corner_botleft,
table tr td.thumb div.productthumb_corner_botright { bottom/*\**/: 1px\9;}/*reset for ie8 fix*/
table tr td.thumb div.bottomimg div.productthumb_corner_botleft,
table tr td.thumb div.bottomimg div.productthumb_corner_botright { bottom/*\**/: 2.5px\9;}/*reset for ie8 fix*/
*+html table tr td.thumb div.bottomimg div.productthumb_corner_botleft,
*+html table tr td.thumb div.bottomimg div.productthumb_corner_botright,
*+html table tr td.thumb div.productthumb_corner_botleft,
*+html table tr td.thumb div.productthumb_corner_botright { bottom: 0px;}/*reset for ie7*/
/*pagination*/
/*ie 6 heeft de behavior css hover nodig om de rollover zichtbaar te maken*/
/*ie 6/7 ul heeft vaste breedte nodig om te kunnen centreren*/
div.pagination { text-align:center; margin-top:20px; }
div.pagination ul { display:inline-block; list-style-type:none; margin:0 0 10px 0; width:380px;/*width om ul te centrenren in ie. geen width gebruiken? alles opbouwen met links en zonder ul li*/ }
div.pagination ul li { float:left; margin:0 5px 0 0; }
div.pagination ul li a { text-decoration:none; display:block; color:#616060; border:1px solid #9E9E9E; background:#F7F7F7; padding:2px 7px; }
div.pagination ul li:hover a,
div.pagination ul li.selected a { background:#F57A1C; color:#FFFFFF; border:1px solid #F57A1C; text-decoration:none; }
div.pagination ul li.inactief a { color:#9E9E9E; border:1px solid #9E9E9E; background:none; cursor:default; }
div.pagination ul li a.back { background:#F7F7F7 url(../../images/default/gogo_pagination.gif) 7px -33px no-repeat; width:12px }
div.pagination ul li:hover a.back { background:#F57A1C url(../../images/default/gogo_pagination.gif) 7px -67px no-repeat; }
div.pagination ul li.inactief a.back{ background:#fefefe url(../../images/default/gogo_pagination.gif) 7px 1px no-repeat; }
div.pagination ul li a.next { background:#F7F7F7 url(../../images/default/gogo_pagination.gif) -30px -33px no-repeat; width:12px }
div.pagination ul li:hover a.next { background:#F57A1C url(../../images/default/gogo_pagination.gif) -30px -67px no-repeat; }
div.pagination ul li.inactief a.next{ background:#fefefe url(../../images/default/gogo_pagination.gif) -30px 1px no-repeat; }
div.pagination ul li.jump a { font-weight:normal; background:none; border:1px solid #ffffff; }
div.pagination ul li.jump:hover a { font-weight:normal; background:#F57A1C; border:1px solid #F57A1C; }
div.pagination ul li.jump a.inactief{ color:#9E9E9E; background:none; cursor:default; border:1px solid transparent; }
div.pagination div.results { font-style:italic; color:#616060; }
/*footer*/
div.socialmedia { position: absolute; right: 0px; top: -22px; }
div.innerfooter { position: relative; width: 960px; margin: 0 auto; }
div.footerbottom { background:#5c5950; position:absolute; bottom:0; width:100%; }
div.footbox { width:297px; float:left; color:#FFFFFF; }
div.footmidden { margin:0 43px; width:280px; }
/*fade effect footbox midden form*/
div.fadefootboxhide { display:none; }
div.fadefootbox { display:block; margin:-20px 0 0 -20px; height:195px; width:320px; color:#FFFFFF; z-index:10; position:absolute; background:#ffffff; }
/*footertop*/
div.footertop div.footbox { padding:1.5em 0 1.5em; }
div.footertop div.footbox h4 { display:block; padding:0 0 0.3em; margin:0 0 0.4em 0; border-bottom:1px solid #aeaca7; color:#eeeeee; }
div.footertop ul.footmenu { display:inline-block; list-style-type:none; margin:0; padding:0; width:100%; }
div.footertop ul.footmenu li { list-style-type:none; margin:0; padding:0.2em 0; }
div.footertop ul.footmenu li a { color:#FFFFFF; display:block; text-decoration:none; background:url(../../images/default/gogo_white_orange.gif) 0 0 no-repeat; padding:0 10px; }
div.footertop ul.footmenu li:hover a,
div.footertop ul.footmenu li.selected a { color:#F58026; background:url(../../images/default/gogo_white_orange.gif) 0 -38px no-repeat; }
/*footerbottom*/
div.footerbottom div.footbox { padding:1.2em 0; font-size:1em; }
div.footerbottom div.footmidden { text-align:center; font-size:1em; }
div.footerbottom div.footmidden a { color:#fc9a42; }
div.footerbottom div.footbox div.footlogo { display:block; float:right; width:297px; text-align:right; margin:6px 0 0 0; }
div.footerbottom div.footbox div.footlogo a { width:80px; height:24px; background:url(../../images/default/jtag_foot_logo.gif) left top no-repeat; display:block; float:right; text-decoration:none;}
div.footerbottom div.footbox div.footlogo a:hover { background:url(../../images/default/jtag_foot_logo.gif) left bottom no-repeat; display:block; float:right;}
div.footerbottom div.footbox ul { display:inline-block; list-style-type:none; margin:0; padding:0; float:right; }
div.footerbottom div.footbox ul li { float:left; list-style-type:none; margin:0; padding:0; border-left:1px solid #ffffff; }
div.footerbottom div.footbox ul li:first-child { border-left:none; }
div.footerbottom div.footbox ul li a { color:#FFFFFF; display:block; float:left; padding:0 0.5em; line-height:1.1em; text-decoration:none; }
div.footerbottom div.footbox ul li:hover a,
div.footerbottom div.footbox ul li.selected a { color:#F58026; }
/*div.footer button { background:red; color:#FFFFFF; border:none; cursor:pointer; padding:0; margin:0; height:39px; }*/
div.footer button { margin:0; padding:0; background:none; }
div.footer button span { background: transparent url(../../images/default/button_foot_left.gif) no-repeat 0 0; display: block; float: left; font-weight:bold; color:#FFFFFF; line-height: 14px; height: 30px; text-decoration: none; margin:0; padding:0 0 0 10px; white-space:nowrap; }
div.footer button span span { background: transparent url(../../images/default/button_foot_right.gif) no-repeat top right; display: block; padding: 4px 10px 11px 0px; }
div.footer button:hover span { background: transparent url(../../images/default/button_foot_left.gif) no-repeat 0px -40px; cursor:pointer; }
div.footer button:hover span span { background: transparent url(../../images/default/button_foot_right.gif) no-repeat right -40px; }
div.footer a.button { background: transparent url(../../images/default/button_foot_left.gif) no-repeat 0 0; display: block; float: left; font-weight:bold; color:#FFFFFF; line-height: 14px; height: 30px; padding-left: 15px; text-decoration: none; }
div.footer a.button span { background: transparent url(../../images/default/button_foot_right.gif) no-repeat top right; display: block; padding: 4px 10px 11px 0px; }
div.footer a.button:hover { background: transparent url(../../images/default/button_foot_left.gif) no-repeat 0px -40px; cursor:pointer; }
div.footer a.button:hover span { background: transparent url(../../images/default/button_foot_right.gif) no-repeat right -40px; }
/*servicemenu*/
div.service { width:691px; float:left; }
div.servicemenu { background:transparent url(../../images/default/servicemenu_corner_left.gif) no-repeat left bottom; display:inline-block; height:27px; padding:0 0 0 0.6em; display:inline-block; float:right; }
div.servicemenu div.cornerright { background:transparent url(../../images/default/servicemenu_corner_right.gif) no-repeat right bottom; display:inline-block; height:27px; padding:0 1em 0 0; display:inline-block; }
div.servicemenu ul { display:inline-block; float:left; list-style-type:none; margin:0.3em 0 0 0; padding:0; }
div.servicemenu ul li { float:left; list-style-type:none; margin:0; padding:0; border-right:1px solid #cccccc; }
div.servicemenu ul li a { color:#535353; display:block; float:left; font-size:1.2em; text-decoration:none; padding:0.3em 0.8em; }
div.servicemenu ul li:hover a,
div.servicemenu ul li.selected a { background:#e8e8e8; color:#F58026; }
div.servicemenu div.searchbox { background: transparent url(../../images/default/searchbox_left.gif) no-repeat left top; display: inline-block; float: left; height: 19px; margin: 0.3em 0 0 0.8em; }
div.servicemenu div.searchbox span { background: transparent url(../../images/default/searchbox_right.gif) no-repeat right top; display: inline-block; height: 19px; padding: 0 0.2em 0 0.6em; }
div.servicemenu div.searchbox input.text { color: #535353; font-size: 1.2em; padding: 0 0 0; background: none; border: none; }
div.servicemenu div.searchbox input.button { background: #777777 url(../../images/default/icon_search.gif) no-repeat 50% 50%; cursor: pointer; height: 17px; width: 20px; border: none; margin: 1px 0 0; vertical-align: bottom; /* sorry! - not valid css2.1 */ *vertical-align: text-bottom; }
div.servicemenu div.searchbox input.button:hover { background: #F58026 url(../../images/default/icon_search.gif) no-repeat scroll 50% 50%; }
div.servicemenu div.languagebox { display: inline-block; float: left; height: 19px; margin: 0.3em 2px 0 0.8em; width:113px; position:relative; }
div.servicemenu div.languagebox span { color:#535353; float:left; font-size:1.2em; width:113px; padding:3px 5px; cursor:pointer; border-left:1px solid #cccccc; }
div.servicemenu div.languagebox span { background: url(../../images/default/gogo_white_brown_down.gif) 100px -35px no-repeat; }
div.servicemenu div.languagebox span:hover { background:#e8e8e8; color:#F58026; }
div.servicemenu div.languagebox span:hover { background: url(../../images/default/gogo_white_brown_down.gif) 100px 3px no-repeat; }
div.servicemenu div.languagebox ul { display:none; }
div.servicemenu div.languagebox:hover ul { display:block; overflow:hidden; position:absolute; z-index:100; top:22px; width:125px; background:url(../../images/default/language_bg.gif) left bottom no-repeat; padding:3px 0 5px 0; margin:-4px -6px 0; left:6px; }
div.servicemenu div.languagebox:hover ul li { float:none; border-right:none; margin:0; padding:0 5px; }
div.servicemenu div.languagebox:hover ul li a { display:block; width:114px; padding:2px 1px; }
div.servicemenu div.languagebox:hover ul li a img { margin:0 3px 0 0; }
/*download list*/
table.download { border-bottom:1px solid #CCCCCC; margin:10px 0 0 0;}
table.download tbody tr { background:none; }
table.download tbody tr td { border-top:1px solid #CCCCCC; vertical-align:top }
table.download tbody tr:hover td { background:#EBEBEB; }
table.download tbody tr td.fileinfo { padding:7px 20px 7px 10px; color:#333333; }
table.download tbody tr td.fileinfo span.filetitle { display:block; font-weight:bold; }
table.download tbody tr td.fileinfo span.filedata { display:block; margin:2px 0 0; font-size:0.8em; }
table.download tbody tr td.fileicon { padding:7px 7px 7px 10px; }
table.download tbody tr td.download { padding:20px 5px 5px; }
/* form styles */
div.contentcontainer form { margin:0; padding:20px;border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
div.contentcontainer form table {}
div.contentcontainer form table tr td { vertical-align: top; font-size:1.3em; color:#333333; }
div.contentcontainer form table tr td tr td { vertical-align: middle; font-size:1em;}
div.contentcontainer form label { margin:0 50px 0 0; }
div.contentcontainer form span.formerror { color: #ff0000; padding:4px 0; display:inline-block; }
div.contentcontainer form span.formrequired { color: #EF7E22; font-weight: bold; }
div.contentcontainer form input { color:#333333; height:18px; padding:2px; }
div.contentcontainer form select { color:#333333; height:24px; padding:2px; margin:0 0 2px; }
div.contentcontainer form input.radio { }
div.contentcontainer form input.checkbox { }
div.contentcontainer form input.text { border: 1px solid #cccccc; margin: 0 0 2px 0; }
div.contentcontainer form textarea,
div.contentcontainer form select { border: 1px solid #cccccc; color:#333333; padding:2px; }
div.contentcontainer form button { margin:0; padding:0; background:none; }
div.contentcontainer form button span { background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0 0; display: block; float: left; font-weight:bold; color:#FFFFFF; line-height: 25px; height: 40px; padding-left: 10px; text-decoration: none; margin:0 10px 0 0; white-space:nowrap; }
div.contentcontainer form button span span { background: transparent url(../../images/default/button_panel_right.gif) no-repeat top right; display: block; padding: 4px 10px 11px 0px; text-align:center; }
div.contentcontainer form button:hover span { background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0px -50px; cursor:pointer; }
div.contentcontainer form button:hover span span { background: transparent url(../../images/default/button_panel_right.gif) no-repeat right -50px; }
button { background: #EF7E22; color: #FFFFFF; border: none; cursor: pointer; }
div.contentcontainer button { margin:0; padding:0; background:none; }
div.contentcontainer button span { background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0 0; display: block; float: left; font-weight:bold; color:#FFFFFF; line-height: 25px; height: 40px; padding-left: 10px; text-decoration: none; margin:0 10px 0 0; white-space:nowrap; }
div.contentcontainer button span span { background: transparent url(../../images/default/button_panel_right.gif) no-repeat top right; display: block; padding: 4px 10px 11px 0px; text-align:center; }
div.contentcontainer button:hover span { background: transparent url(../../images/default/button_panel_left.gif) no-repeat 0px -50px; cursor:pointer; }
div.contentcontainer button:hover span span { background: transparent url(../../images/default/button_panel_right.gif) no-repeat right -50px; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding: 0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }