aHTML, aBODY {overflow-y:hidden; overflow-x:hidden} a:link, a:visited, a:active { background-color: transparent; text-decoration: none; color: #B30700; } a:hover{ text-decoration: none; text-decoration: underline; } iframe { background:transparent; filter:alpha(opacity=0); } body { background-color: #AD2516; margin: 0; padding: 0; font-family: Verdana, Arial, Lucida Sans; font-size: 12px; text-align:center; } #datacontainer #content .logocontainer .meer a { text-decoration: none; color: #AD2516; }  img { border: 0; } #datacontainer { width:1124px; height:1000px;   background-image:url(/images/bg_datacontainer2_default.png);  margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; text-align:left; } .customercontainer { float: left; width:1124px; height: 90px; margin-top:12px; margin-bottom:5px; } #klantlogo { float: left; width: 535px;  height: 75px; padding-top:15px; padding-left:15px; margin-left:12px; background-image:url(/images/bg_cust_left.png); } #klantlogo p { font-size: medium;  display: inline; text-align: right;  overflow: visible; white-space: nowrap; z-index: 999; } #klantdetails { float:left; width:535px;  height:75px; padding-top:15px; padding-right:15px; margin-right:12px; background-image:url(/images/bg_cust_right.png); text-align:right; z-index: 999; } .selectmenu { width:1100px; height:65px; margin-bottom: 15px; margin-left:12px; margin-right:12px; background-image:url(/images/bg_navigatie.jpg); background-repeat:no-repeat; background-position:bottom; } .selectmenu ul { padding: 0; margin: 0; color: #fff; float: left; width: 775px; } .selectmenu ul li { display: inline; } .selectmenu ul li a { padding: .25em 1em; color: #fff; text-decoration: none; float: left; font-weight:bold; } .selectmenu ul li a:hover { color:#D3B6B4; } #search { float:left; width:313px; height:65px; text-align:right; padding-right:12px; background-image:url(/images/search.png); background-repeat:no-repeat; } .input { margin-top:33px; } .button { border:0; cursor:pointer; background-color:#A32114; color:#FFFFFF; font-weight:bold; } #content { float:left; width: 1097px; height: 790px;   margin-left:12px; margin-right:12px; overflow-x:hidden; overflow-y:auto; scrollbar-face-color:#CC9966; scrollbar-arrow-color:#ffffff; scrollbar-track-color:#513433; scrollbar-shadow-color:#CC9966; scrollbar-highlight-color:#CC9966; scrollbar-3dlight-color:#CC9966; scrollbar-darkshadow-color:#CC9966; } .acties { display: none; float:left; height:534px; width:138px; padding-top:12px; text-align:center; background-image:url(/images/bg_acties.png); } #actiepictures { float:left; height:460px; width:138px; padding-top:12px; text-align:center; overflow-x:hidden; overflow-y:hidden; } .acties h2 { color:#933; font-size:14px; } .video { width:950px; height:510px; float:left; padding-top:35px; text-align:center; } .video p { display:inline; font-size: large; } .catalog { height:545px; float:left; width:686px; } .logocontainer { height:100px; width: 200px;  padding-top:5px; float:left; background-color: #ffffff; border:solid 1px #000000; margin-left:12px; margin-top:12px; } #uri { width:950px; height:510px; float:left; text-align:left; margin-left: 10px; } .url { height:24px; width:450px; float:left; } .filled {  } .url h3 { display: inline; } .logo { height: 65px; width: 200px;  float:left; text-align:center; } .logo img { max-height: 100px; max-width: 200px;  } .naam { margin-left: 24px; display: none; height:60px; width:80px; float:left; color:#933; } .naam a { color:#000; } .meer { margin-left: 64px;` font-weight:bold; float:left; opacity:0.8; filter:alpha(opacity=80); cursor:pointer; } #ticker-container { display: none; float:left; height:41px; width:1100px; margin-left:12px; margin-right:12px; margin-top:10px; margin-bottom:24px; } #footer { clear:both; height:8px; margin-top:12px; } .cheater { top:980px; left:1260px; width:10px; position:absolute; } #ajax_anim { top:0px; left:0px; width:32px; height:32px; opacity: 0.6; position:absolute; z-index:100; }  .liscrolltickercontainer {   background: #fff;  height: 39px; margin: 0; padding: 0 overflow: hidden; } .liscrolltickercontainer .liscrollmask {  position: relative; left: 10px; top: 8px; width: 1078px; overflow: hidden; } ul.liscrollnewsticker {  position: relative; left: 1098px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; } ul.liscrollnewsticker li { float: left;  margin: 0; padding: 0; background: #fff; } ul.liscrollnewsticker a { white-space: nowrap; padding: 0; color: #ff0000; font: bold 10px Verdana; margin: 0 50px 0 0; } ul.liscrollnewsticker span { margin: 0 10px 0 0; } .meerdetails { display:block;  position: absolute; height: 600px; width: 200px; left: 959px; top: 190px; } .klantkreet {  display:block; position: absolute; height:75px; width: 1124px; left: 85px; top: 20px; } .klantkreet p { font-size: large; text-align:left; margin-top: 7px; margin-left: 5px; }  #cluetip { opacity:0.90; filter:alpha(opacity=90); } #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(/images/js/jquery/cluetip/images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; }  .cluetip-default { background-color: #d9d9c2; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 2px; overflow-x:hidden; } .cluetip-default #cluetip-inner table tbody tr td{ font-size: 0.75em; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }  .clue-right-default .cluetip-arrows { background-image: url(/images/js/jquery/cluetip/images/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(/images/js/jquery/cluetip/images/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(/images/js/jquery/cluetip/images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(/images/js/jquery/cluetip/images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }  .cluetip-jtip { background-color: transparent; text-align:left; } .cluetip-jtip #cluetip-outer { border: 2px solid #933; position: relative; background-color: #fff; } .cluetip-jtip h3#cluetip-title { padding-top:5px ; padding-left:8px; font-size: 14px; font-weight: bold; background-color: #933; color: #FFFFFF; } .cluetip-jtip #cluetip-inner { padding-left: 5px; display: inline-block; background-color:#FFFFFF; } .cluetip-jtip #cluetip-inner a { color:#933; text-decoration:none; } .cluetip-jtip #cluetip-inner a:hover { color:#933; text-decoration:underline; } .cluetip-jtip div#cluetip-close { text-align: right; margin-right:5px; margin-bottom:6px; color: #900; }  .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; } .ac_results { border: 1px solid gray; background-color: white; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; } .ac_results li { padding: 2px 5px; white-space: nowrap; color: #101010; text-align: left; } .ac_over { cursor: pointer; background-color: #F0F0B8; } .ac_match { text-decoration: underline; color: black; } .GridHeader { display: none; } .Header { width: 100%; } .Header th { font-size: 100%; font-weight: bold; text-align: left; padding: 2px; background-image: url(/js/jquery/JqGrid_3.1/themes/basic/images/headerbg.gif) ; color: #FFFFFF; width: 100%; white-space: nowrap; } .HeaderLeft { background-image: url(/js/jquery/JqGrid_3.1/themes/basic/images/headerleft.gif); } .HeaderRight { background-image: url(/js/jquery/JqGrid_3.1/themes/basic/images/headerright.gif); } .HeaderButton { background-image: url(/js/jquery/JqGrid_3.1/themes/basic/images/headerbg.gif); } .HeaderButton img{ width: 17px; } .HeaderLeft img{ width: 14px; } .HeaderRight img{ width: 10px; }  table.scroll { table-layout: fixed; border-right: 1px solid #D4D0C8; } table.scroll tbody tr { background-color: #ffffff; } table.scroll tbody tr.alt { background-color: #F9F9F9; } table.scroll tr.over td{ background-color: #E1DCF4; } table.scroll tr.selected td { background: #3d84cc; color: White; } table.scroll tbody td { padding: 2px; text-align: left; border-bottom: 1px solid #D4D0C8; border-left: 1px solid #D4D0C8; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height : auto; } table.scroll thead th { padding: 2px; border-bottom: 1px solid #CBC7B8; border-left: 1px solid #D4D0C8; text-align: left; font-weight: normal; overflow: hidden; white-space: nowrap; background-image: url(/js/jquery/JqGrid_3.1/themes/basic/images/grid-blue-hd.gif); height : 17px; } table.scroll th div { overflow: hidden; white-space: nowrap; height : 17px; } table.scroll th span { cursor: e-resize;  width: 10px; float: right; display: block; margin: -2px -1px -2px 0px; height: 17px; overflow: hidden; white-space: nowrap; }   div.scroll { vertical-align: top; height: 23px; white-space: nowrap; text-align: center; background-image: url(/js/jquery/JqGrid_3.1/themes/basic/images/grid-blue-ft.gif); display : none; } div.scroll span { vertical-align : top; } .selbox { font-size: x-small; vertical-align : top; } input.selbox{ font-size: x-small; vertical-align : top; } .pgbuttons { margin-top :2px; } .nav-table-left { padding:1px; float: left;  } .nav-table-right { padding:1px; float: right; } .nav-button {  border: 1px solid #E2ECF8; white-space: nowrap; } .nav-hover { border: 1px solid #83B4D8; } img.jsHover {  border: 1px solid #99CCFF; }   .cbox { height: 10px; width: 10px;  }   div.loading { position: absolute; padding: 3px; text-align: center; font-weight: bold; background: red; color: white; display: none; }   div.userdata { margin-top: 0px; background-color : #EAF9F9; height : 20px; }   .subgrid { overflow: auto; } .tablediv { display: table; background-color: White; border-spacing: 1px;  border-collapse: separate; width:100%;  } .celldiv { float: left; display: table-cell; border: 1px dotted #CCCCCC; overflow: auto; } .celldivth { float: left;  border: 1px solid #CCCCCC; background-color: #99CCFF; border-bottom: 1px solid #CBC7B8; text-align: left; overflow: auto; } .rowdiv { display: table-row; background: #F9F9F9 none; color: #000000; width: 100%; overflow:auto; }   input.editable[type="text"] { font-size: x-small; overflow: hidden; height : 15px; } input.editable[type="checkbox"] { } textarea.editable { overflow: hidden; } select.editable { font-size: x-small; }   .modaltext{ text-align : left; } .modalwin{ border:1px solid #555555; background:#F9F9F9; text-align:left; margin: 0 auto; overflow: auto; } .modalhead { background-image: url(/js/jquery/JqGrid_3.1/themes/basic/images/grid-blue-hd.gif); height: 20px; } .modalcontent { overflow: auto; margin-bottom: 9px; margin-left: 5px; }   input.search { margin: 2px; width: 70px; font-size: 10px; color: #15428B; } select.search { margin: 2px; width: 70px; font-size: 10px; color: #15428B; } .buttonsearch { width : 50px; font-size: 10px; color: #15428B; }   .FormGrid { margin: 0px; } .EditTable { width: 100%; } .FormData {  } #FormError td { font-size: 90%; color: #FF0000; vertical-align: top; background-color: #f7f7f7; } .CaptionTD{  font-weight: normal; text-align: left; vertical-align: top; padding: 1px; border-top: 1px solid #D4D0C8; white-space: nowrap; color: #000000; } .DataTD {  padding: 1px; border-top: 1px solid #D4D0C8; vertical-align: top; } .navButton{ border-top: 1px solid #D4D0C8; border-bottom: 1px solid #D4D0C8; text-align: center; } .navButton input{ width:17px; } input.EditButton {  font-size: 10px; color: #15428B; } td.EditButton { text-align: right; border-top: 1px solid #D4D0C8; border-bottom: 1px solid #D4D0C8; } .FormElement {  } .FormElement { font-size: 10px; } input[type="text"].FormElement{ color: #15428B; } input[type="checkbox"].FormElement{ width: 15px; color: #15428B; } input[type="textarea"].FormElement{ color: #15428B; } select.FormElement { font-size: 10px; color: #15428B; }   .DelButton > input {  font-size: 10px; color: #15428B; } .DelButton { text-align: right; }  img.jqResize { position:absolute; bottom: 0px; right: 0px; cursor :se-resize; } .dirty-cell { background: transparent url(/js/jquery/JqGrid_3.1/themes/basic/images/dirty.gif) no-repeat 0 0; } #DelError td { font-size: 90%; color: #FF0000; vertical-align: top; background-color: #f7f7f7; }  .jqiwarning .jqi{ background-color: #AD2516; } .jqifade{ position: absolute; background-color: #ffffff; } div.jqi{ position: absolute; background-color: #AD2516; padding: 10px; width: 600px; text-align: left; } div.jqi .jqiclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; color: #c0cEa6; } div.jqi .jqicontainer{ background-color: #C1392A; padding: 5px; color: #ffffff; font-weight: bold; } div.jqi .jqimessage{ background-color: #D54D3E; padding: 10px; } div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; } div.jqi button{ padding: 3px 10px 3px 10px; margin: 0 10px; }  .impromptuwarning .impromptu{ background-color: #aaaaaa; } .impromptufade{ position: absolute; background-color: #ffffff; } div.impromptu{ position: absolute; background-color: #cccccc; padding: 10px; width: 300px; text-align: left; } div.impromptu .impromptuclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; color: #213e80; } div.impromptu .impromptucontainer{ background-color: #213e80; padding: 5px; color: #ffffff; font-weight: bold; } div.impromptu .impromptumessage{ background-color: #415ea0; padding: 10px; } div.impromptu .impromptubuttons{ text-align: center; padding: 5px 0 0 0; } div.impromptu button{ padding: 3px 10px 3px 10px; margin: 0 10px; }  .colsJqifadewarning .colsJqi{ background-color: #b0be96; } .colsJqifade{ position: absolute; background-color: #ffffff; } div.colsJqi{ position: absolute; background-color: #d0dEb6; padding: 10px; width: 600px; text-align: left; } div.colsJqi .colsJqiclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; color: #bbbbbb; } div.colsJqi .colsJqicontainer{ background-color: #e0eEc6; padding: 5px; color: #ffffff; font-weight: bold; height: 160px; } div.colsJqi .colsJqimessage{ background-color: #c0cEa6; padding: 10px; width: 380px; height: 140px; float: left; } div.colsJqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; } div.colsJqi button{ background: url(../images/button_bg.jpg) top left repeat-x #ffffff; border: solid #777777 1px; font-size: 12px; padding: 3px 10px 3px 10px; margin: 5px 5px 5px 10px; width: 75px; } div.colsJqi button:hover{ border: solid #aaaaaa 1px; }  .brownJqiwarning .brownJqi{ background-color: #cccccc; } .brownJqifade{ position: absolute; background-color: #ffffff; } div.brownJqi{ position: absolute; background-color: transparent; padding: 10px; width: 300px; text-align: left; } div.brownJqi .brownJqiclose{ float: right; margin: -20px 0 0 0; cursor: pointer; color: #777777; font-size: 11px; } div.brownJqi .brownJqicontainer{ position: relative; background-color: transparent; border: solid 1px #5F5D5A; color: #ffffff; font-weight: bold; } div.brownJqi .brownJqimessage{ position: relative; background-color: #F7F6F2; border-top: solid 1px #C6B8AE; border-bottom: solid 1px #C6B8AE; } div.brownJqi .brownJqimessage h3{ background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff; margin: 0; padding: 7px 0 7px 15px; color: #4D4A47; } div.brownJqi .brownJqimessage p{ padding: 10px; color: #777777; } div.brownJqi .brownJqimessage img.helpImg{ position: absolute; bottom: -25px; left: 10px; } div.brownJqi .brownJqibuttons{ text-align: right; } div.brownJqi button{ background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff; border: solid #777777 1px; font-size: 12px; padding: 3px 10px 3px 10px; margin: 5px 5px 5px 10px; } div.brownJqi button:hover{ border: solid #aaaaaa 1px; }  .cleanbluewarning .cleanblue{ background-color: #acb4c4; } .cleanbluefade{ position: absolute; background-color: #aaaaaa; } div.cleanblue{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; width: 300px; font-size: 11px; text-align: left; border: solid 1px #213e80; } div.cleanblue .cleanbluecontainer{ background-color: #ffffff; border-top: solid 14px #213e80; padding: 5px; font-weight: bold; } div.cleanblue .cleanblueclose{ float: right; width: 18px; cursor: default; margin: -19px -12px 0 0; color: #ffffff; font-weight: bold; } div.cleanblue .cleanbluemessage{ padding: 10px; line-height: 20px; font-size: 11px; color: #333333; } div.cleanblue .cleanbluebuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; } div.cleanblue button{ padding: 3px 10px; margin: 0 10px; background-color: #314e90; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; } div.cleanblue button:hover{ border: solid 1px #d4d4d4; }