/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(/js/iepngfix.php);} BODY{ text-align: center; } HTML, BODY{ margin: 0; padding: 0; height: 100%; font-size: 11px; color: #636e80; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ text-decoration: underline; color: #636e80;} A:hover{ color: #c1c6cc;} A:focus, INPUT:focus, IMG:focus{ outline: none;} P{ margin: 0 0 10px 0;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse; margin-bottom: 10px;} TABLE P{ margin: 0 0 5px 0;} UL, OL{ margin: 0 0 10px; padding: 0 0 0 18px;} LI{ padding-bottom: 5px;} LI LI{ padding-bottom: 2px;} H1{ font-size: 40px; line-height: 42px;} H2{ font-size: 34px; line-height: 36px;} H3{ font-size: 26px; line-height: 28px;} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5, H6{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; color: #636e80;} SELECT.form_text, INPUT.form_text{ float: left; padding: 2px 0 2px 2px; border: #FFF 1px solid; font-size: 11px; font-weight: normal; color: #000; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} SELECT.form_text{ padding: 0; font-size: 11px;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; } BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} .hidden{ visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ min-width: 1000px; width: 100%; min-height: 100%; height: auto !important; height: 100%; float: left; text-align: left; } /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left; clear: left; min-height: 208px; height: auto !important; height: 208px; background: url(../images/header_foto.jpg) #38486a repeat-x 50% 0;} .header DIV.wrapper{ padding: 0 5px;} .header DIV.statusbalk{ width: 100%; margin-top: 2px; margin-bottom: 1px; float: left; clear: left; position: relative;} .header DIV.statusbalk DIV.left{ width: 10px; height: 30px; font-size: 1px; position: absolute; left: 0; top: 0; background: url(../images/header_statusbar_left.png) no-repeat 0 0;} .header DIV.statusbalk DIV.right{ width: 10px; height: 30px; font-size: 1px; position: absolute; right: 0; top: 0; background: url(../images/header_statusbar_right.png) no-repeat 0 0;} .header DIV.statusbalk DIV.middle{ margin: 0 10px; height: 30px; background: url(../images/header_statusbar_bg.png) #3d4d6f repeat-x 0 0;} .header DIV.statusbalk DIV.user_status{ float: left; height: 100%; line-height: 30px; color: #a3aab4;} .header DIV.statusbalk DIV.user_status DIV{ float: left; display: inline;} .header DIV.statusbalk DIV.user_status DIV.gebruiker STRONG{ color: #FFF;} .header DIV.statusbalk DIV.user_status DIV.website{ margin-left: 10px;} .header DIV.statusbalk DIV.user_status DIV.website SPAN{ float: left; display: block; line-height: 11px; margin-top: 9px; padding-left: 10px; border-left: #a3aab4 1px solid;} .header DIV.statusbalk DIV.user_status DIV.website SELECT{ display: inline; margin: 4px 0 0 10px; border: #FFF 2px solid;} .header DIV.statusbalk DIV.log_status{ float: right; height: 100%; line-height: 30px; color: #a3aab4;} .header DIV.statusbalk DIV.logo{ width: 103px; float: left; display: inline;} .header DIV.statusbalk DIV.logo A{ margin-top: 3px; width: 100%; float: left; height: 24px; display: block; background: url(../images/bratpack_logo.png) no-repeat 0 0;} .header DIV.statusbalk DIV.log_container{ float: left; display: inline; padding-left: 10px;} .header DIV.statusbalk DIV.log_container SPAN.uitloggen{ float: left; display: block; line-height: 11px; margin-top: 9px; padding-left: 10px; border-left: #a3aab4 1px solid;} .header DIV.statusbalk DIV.log_container SPAN.uitloggen A{ color: #a3aab4; font-weight: bold;} .header DIV.statusbalk DIV.log_container SPAN.uitloggen A:hover{ color: #FFF;} .header DIV.statusbalk DIV.log_container SPAN.switchBack{ float: left; display: block; line-height: 11px; margin-top: 9px; padding-right: 10px; margin-right: 10px; border-right: #a3aab4 1px solid;} .header DIV.statusbalk DIV.log_container SPAN.switchBack A{ color: #a3aab4; font-weight: bold;} .header DIV.statusbalk DIV.log_container SPAN.switchBack A:hover{ color: #FFF;} .header DIV.statusbalk DIV.log_container SPAN.log_tijd{ float: left; display: inline; margin-left: 10px;} .header DIV.adresbalk{ width: 100%; float: left; clear: left; position: relative;} .header DIV.adresbalk DIV.left{ width: 10px; height: 20px; font-size: 1px; position: absolute; left: 0; top: 0; background: url(../images/header_adressbar_left.png) no-repeat 0 0;} .header DIV.adresbalk DIV.right{ width: 10px; height: 20px; font-size: 1px; position: absolute; right: 0; top: 0; background: url(../images/header_adressbar_right.png) no-repeat 0 0;} .header DIV.adresbalk DIV.middle{ margin: 0 10px; height: 20px; background-color: #566786; line-height: 20px;} .header DIV.adresbalk DIV.middle A{ color: #a3aab4; text-decoration: none;} .header DIV.adresbalk DIV.middle A:hover{ color: #FFF;} .header DIV.gebruikerslogo_container{ width: 100%; height: 113px; float: left; clear: left;} .header DIV.logo_vlak{ float: left; height: 100px; margin: 5px 10px 0;} .header DIV.logo_vlak DIV.left{ width: 15px; height: 100px; font-size: 1px; float: left; display: inline; background: url(../images/logo_vlak_left.png) no-repeat 0 0;} .header DIV.logo_vlak DIV.right{ width: 20px; height: 100px; font-size: 1px; float: left; display: inline; background: url(../images/logo_vlak_right.png) no-repeat 0 0;} .header DIV.logo_vlak DIV.middle{ height: 100px; float: left; display: inline; background: url(../images/logo_vlak_bg.png) repeat-x 0 0;} .header DIV.logo_vlak DIV.middle TABLE{ height: 85px; margin: 4px 0 11px; width: 1px; float: left;} .header DIV.logo_vlak DIV.middle TABLE TD{ width: 1px; height: 85px; vertical-align: middle;} .header div.bewerken{ margin-top: 6px; margin-left: 2px; height: 15px; width: 14px; background: url(../images/icons/bewerken_ico.gif) no-repeat 0 0;} .header div.bewerken:hover, .header div.bewerken_aan { background-position: 0 -15px;} /************************************************************** ** Menu ***************************************************************/ .menu{ float: left; clear: left; width: 100%; height: 44px;} .menu DIV.menuitem{ float: left; height: 100%; display: inline; margin: 0 6px;} .menu DIV.menuitem A{ color: #FFF; font-weight: bold; float: left; margin-top: 14px; padding: 0 8px; height: 30px; text-align: center; line-height: 30px; text-decoration: none; display: block;} .menu DIV.menuitem A:hover{ text-decoration: underline;} .menu DIV.aan{ margin-right: 2px;} .menu DIV.aan A{ display: block; color: #FFF; width: 89px; font-weight: bold; margin: 0; height: 30px; padding: 14px 7px 0 4px; cursor: pointer; background: url(../images/menuitem.png) no-repeat 0 0; text-align: center; line-height: 30px; text-decoration: none;} .menu DIV.aan A:hover{ text-decoration: underline;} /************************************************************** ** Submenu ***************************************************************/ .submenu{ width: 220px; position: absolute; left: 0; top: 0; z-index: 10; margin: 20px 0 0 10px; padding-bottom: 54px; background: url(../images/menu_border.gif) repeat-x 0 0;} .submenu UL{ width: 100%; float: left; margin: 1px 0 0; padding: 0; list-style: none;} .submenu UL LI{ width: 100%; padding: 0; float: left; clear: left; position: relative; background: url(../images/menu_border.gif) repeat-x 0 100%;} .submenu UL LI.aan{ padding-bottom: 1px;} .submenu A.subitem{ width: 210px; float: left; display: block; padding: 12px 5px 10px; color: #38486a; text-decoration: none; position: relative;} .submenu A.subitem SPAN{ display: block; position: relative; cursor: pointer;} .submenu A.subitem SPAN.text{ line-height: 15px; width: 160px;} .submenu A.subitem:hover{ color: #c42e2f;} .submenu A.subitem SPAN.toggle_button{ width: 12px; height: 12px; float: right; margin-top: 2px; background: url(../images/icons/plus-min_ico.gif) no-repeat 0 -24px;} .submenu A.subitem:hover SPAN.toggle_button{ background-position: 0 100%;} .submenu A.subitem_aan, .submenu LI.aan A.subitem{ background-color: #a3aab4;} .submenu A.subitem_aan, .submenu LI.aan A.subitem{ color: #FFF;} .submenu A.subitem_aan:hover, .submenu LI.aan A.subitem:hover{ color: #c42e2f;} .submenu A.subitem_aan SPAN.toggle_button, .submenu LI.aan A.subitem SPAN.toggle_button{ width: 12px; height: 12px; float: right; margin-top: 2px; background: url(../images/icons/plus-min_ico.gif) no-repeat 100% 0;} .submenu A.subitem_aan:hover SPAN.toggle_button, .submenu LI.aan A.subitem:hover SPAN.toggle_button{ background-position: 100% 100%;} .submenu DIV.icons{ position: absolute; max-width: 50px; right: 5px; top: 12px; height: 15px;} .submenu DIV.icons DIV{ float: left; display: inline; margin-right: 7px; padding-right: 7px; border-right: #38486a 1px solid;} .submenu LI.aan DIV.icons DIV{ border-right-color: #FFF;} .submenu DIV.icons DIV.laatste{ padding-right: 0; margin-right: 0; border: 0;} .submenu DIV.icons DIV A{ display: block; height: 15px;} .submenu DIV.icons DIV A.bekijken{ width: 16px; background: url(../images/icons/bekijken_ico.gif) no-repeat 0 -30px;} .submenu LI.aan DIV.icons DIV A.bekijken{ background-position: 0 0;} .submenu LI.aan DIV.icons DIV A.bekijken:hover, .submenu DIV.icons DIV A.bekijken:hover, .submenu LI.aan DIV.icons DIV A.bekijken_aan, .submenu DIV.icons DIV A.bekijken_aan{ background-position: 0 100%;} .submenu DIV.icons DIV A.toevoegen{ width: 11px; background: url(../images/icons/toevoegen_ico.gif) no-repeat 0 -30px;} .submenu DIV.icons DIV A.importeren{ width: 11px; background: url(../images/icons/importeren_ico.gif) no-repeat 0 -30px;} .submenu DIV.icons DIV A.exporteren{ width: 11px; background: url(../images/icons/exporteren_ico.gif) no-repeat 0 -30px;} .submenu LI.aan DIV.icons DIV A.toevoegen{ background-position: 0 0;} .submenu LI.aan DIV.icons DIV A.toevoegen:hover, .submenu DIV.icons DIV A.toevoegen:hover, .submenu LI.aan DIV.icons DIV A.toevoegen_aan, .submenu DIV.icons DIV A.toevoegen_aan{ background-position: 0 100%;} .submenu DIV.icons DIV A.bewerken{ width: 14px; background: url(../images/icons/bewerken_ico.gif) no-repeat 0 -30px;} .submenu LI.aan DIV.icons DIV A.bewerken{ background-position: 0 0;} .submenu LI.aan DIV.icons DIV A.bewerken:hover, .submenu DIV.icons DIV A.bewerken:hover, .submenu LI.aan DIV.icons DIV A.bewerken_aan, .submenu DIV.icons DIV A.bewerken_aan{ background-position: 0 100%;} /************************************************************** ** SubSubmenu ***************************************************************/ .subsub{ float: left; clear: left; width: 100%; position: relative; margin-top: -1px;} .subsub UL{ padding: 0 0 1px;} .subsub UL LI{ background: url(../images/sub_border.gif) #636e80 repeat-x 0 0;} .subsub A.subsubitem{ width: 200px; float: left; display: block; padding: 12px 5px 10px 15px; color: #FFF; text-decoration: none; position: relative; background: url(../images/submenu_pijltjes.gif) no-repeat 5px 18px;} .subsub A.subsubitem SPAN{ display: block; position: relative; cursor: pointer;} .subsub A.subsubitem SPAN.text{ line-height: 15px; width: 150px;} .subsub A.subsubitem:hover SPAN.text{ color: #a3aab4;} .subsub DIV.icons{ position: absolute; max-width: 50px; right: 5px; top: 12px; height: 15px;} .subsub DIV.icons DIV{ float: left; margin-right: 7px; padding-right: 7px; border-right: #FFF 1px solid;} .subsub DIV.icons DIV.laatste{ padding-right: 0; margin-right: 0; border: 0;} .subsub DIV.icons DIV A{ display: block; height: 15px;} .subsub DIV.icons DIV A.bekijken, .subsub DIV.icons DIV A.toevoegen, .subsub DIV.icons DIV A.bewerken{ background-position: 0 0;} .subsub DIV.icons DIV A.bekijken:hover, .subsub DIV.icons DIV A.bekijken_aan, .subsub DIV.icons DIV A.toevoegen:hover, .subsub DIV.icons DIV A.toevoegen_aan, .subsub DIV.icons DIV A.bewerken:hover, .subsub DIV.icons DIV A.bewerken_aan{ background-position: 0 -15px;} .submenu LI.aan DIV.subsub{ display: block;} /************************************************************** ** Content ***************************************************************/ .content_container{ width: 100%; float: left; clear: left; position: relative;} .content_wrapper{ margin: 10px 10px 45px 245px;} .content{ width: 100%; float: left; clear: left;} .datepicker{ background: url(../images/icons/kalender_ico.gif) #FFF no-repeat 100% 50%} /******************************************* ** Breadcrumbs ********************************************/ .breadcrumbs{ width: 100%; float: left; clear: left;} .breadcrumbs DIV.breadcrumb{ float: left; display: inline; margin-right: 10px;} .breadcrumbs DIV.breadcrumb A, .breadcrumbs DIV.breadcrumb DIV{ float: left; color: #38486a;} .breadcrumbs DIV.breadcrumb STRONG{ float: left; margin-top: -1px; margin-right: 3px;} .breadcrumbs DIV.breadcrumb A{ text-decoration: none;} .breadcrumbs DIV.breadcrumb A:hover{ color: #c1c6cc;} .breadcrumbs DIV.breadcrumb A SPAN{ text-decoration: underline; cursor: pointer;} .breadcrumbs DIV.breadcrumb A STRONG{ color: #38486a; cursor: pointer;} /******************************************* ** Venster ********************************************/ .venster{ width: 100%; float: left; clear: left; margin-top: 10px;} .venster DIV.row{ width: 100%; float: left; clear: left;} .venster DIV.tabs TABLE{ width: 100%; float: left; clear: left; margin: 0;} .venster DIV.tabs TABLE TD{ vertical-align: bottom; text-align: right;} .venster DIV.tabs TABLE TD TD{ vertical-align: top; text-align: left;} .venster DIV.tabs TABLE TD DIV.tab{ display: inline; float: left; height: 28px; margin-right: 3px; width: 110px; background: url(../images/rode_tab.gif) no-repeat 0 0;} .venster DIV.tabs TABLE TD DIV.tab A{ display: block; text-align: center; height: 19px; padding-top: 9px; color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none;} .venster DIV.tabs TABLE TD DIV.tab A.overzicht SPAN{ width: 16px; height: 15px; font-size: 1px; display: block; cursor: pointer; float: right; margin-right: 10px; background: url(../images/icons/bekijken_ico.gif) no-repeat 0 0;} .venster DIV.tabs TABLE TD DIV.tab A.toevoegen SPAN{ width: 11px; height: 15px; font-size: 1px; display: block; cursor: pointer; float: right; margin-right: 10px; background: url(../images/icons/toevoegen_ico.gif) no-repeat 0 0;} .venster DIV.tabs TABLE TD DIV.tab A.bewerken SPAN{ width: 10px; height: 15px; font-size: 1px; display: block; cursor: pointer; float: right; margin-right: 10px; background: url(../images/icons/bewerken_ico.gif) no-repeat 0 0;} .venster DIV.tabs TABLE TD DIV.tab A.importeren SPAN{ width: 14px; height: 15px; font-size: 1px; display: block; cursor: pointer; float: right; margin-right: 10px; background: url(../images/icons/importeren_ico.gif) no-repeat 0 0;} .venster DIV.tabs TABLE TD DIV.tab A.exporteren SPAN{ width: 14px; height: 15px; font-size: 1px; display: block; cursor: pointer; float: right; margin-right: 10px; background: url(../images/icons/exporteren_ico.gif) no-repeat 0 0;} .venster DIV.tabs TABLE TD DIV.tab A.regulier SPAN{ width: 8px; height: 15px; font-size: 1px; display: block; cursor: pointer; float: right; background: 0 0;} .venster DIV.tabs TABLE TD DIV.tab DIV{ text-align: center; height: 19px; padding-top: 9px; color: #FFF; font-size: 11px; font-weight: bold;} .venster DIV.tabs TABLE TD DIV.tab A:hover{ text-decoration: underline;} .venster DIV.tabs TABLE TD DIV.aan{ background-position: 0 100%;} .venster DIV.venster_titel{ background-color: #636e80; margin: 1px 0;} .venster DIV.venster_titel H1{ font-size: 12px; font-weight: bold; padding: 5px 0 0 5px; color: #FFF; line-height: 12px;} DIV.info{ width: 16px; height: 13px; font-size: 1px; float: left; background: url(../images/icons/info_ico.gif) no-repeat 0 0;} DIV.info A{ display: block; height: 100%;} /******************************************* ** Selectiefilters ********************************************/ .filter_wrapper{ background-color: #636e80; float: right;} .filters{ float: left; min-height: 30px; background-color: #636e80; margin-bottom: 2px; position: relative; color: #FFF; max-width: 600px;} .filters DIV.tl{ position: absolute; top: 0; left: 0; z-index: 2; font-size: 1px; width: 8px; height: 8px; background: url(../images/filter_corner_tl.gif) no-repeat 0 0;} .filters DIV.tr{ position: absolute; top: 0; right: 0; z-index: 2; font-size: 1px; width: 8px; height: 8px; background: url(../images/filter_corner_tr.gif) no-repeat 0 0;} .filters DIV.filter_content{ padding: 5px 36px 5px 10px; float: left; clear: left; text-align: left; position: relative; z-index: 0;} .filters DIV.toggle_filters{ position: absolute; right: 0; top: 0; z-index: 4; cursor: pointer; width: 26px; height: 100%; border: #38486a 1px solid; background: url(../images/filter_plus_ico.gif) #a3aab4 no-repeat 50% 50%;} .filters DIV.toggle_filters DIV.corner{ height: 100%; position: relative;} .filters DIV.toggle_filters DIV.corner DIV.tr{ position: absolute; right: -1px; top: -1px; width: 9px; height: 9px; background: url(../images/filter_toggle_corner.gif) no-repeat 100% 0;} .filters DIV.open{ background-image: url(../images/filter_min_ico.gif);} .hidden_filters{ position: absolute; top: 0px; left: 0; z-index: 1; width: 100%; height: 0px;} .hidden_filters DIV.hidden_content{ padding: 5px 36px 5px 10px; display: none; text-align: left; background-color: #636e80; position: relative;} .filters TABLE{ width: auto !important; float: none !important; position: relative;} .filters TABLE TD{ padding-bottom: 2px;} .filters LABEL{ font-weight: bold; padding-top: 2px; float: left;} .filters INPUT.form_text{ border: 0;} .filters DIV.info{ margin: 2px 0 0 3px;} A.submit_btn{ display: block; float: right; text-decoration: none; padding: 3px; font-size: 10px; background-color: #a3aab4; font-weight: normal; color: #38486a; border: #38486a 1px solid;} A.submit_btn:hover{ text-decoration: underline;} A.submit_btn SPAN{ float: left; display: block; cursor: pointer;} A.submit_btn SPAN.icoon{ width: 15px; height: 13px; font-size: 1px; margin-left: 3px; background: url(../images/zoekbutton_ico.gif) no-repeat 0 0;} /******************************************* ** Overzichtstabel ********************************************/ TABLE.overzicht{ width: 100%; color: #FFF; margin: 0; table-layout: fixed !important; table-layout: auto;} TABLE.overzicht TH{ background-color: #7b8797; text-align: left; cursor: default;} TABLE.overzicht TH SPAN{ display: inline; margin-left: 2px;} TABLE.overzicht TH SPAN IMG{ width: 11px; height: 11px; display: inline;} TABLE.overzicht TH SPAN.sort_pijl_omhoog IMG{ visibility: visible; background: url(../images/sorteer_pijltjes.gif) no-repeat 0 0;} TABLE.overzicht TH SPAN.sort_pijl_omlaag IMG{ visibility: visible; background: url(../images/sorteer_pijltjes.gif) no-repeat 0 100%;} TABLE.overzicht TH A{ color: #FFF; text-decoration: none;} TABLE.overzicht TH A:hover{ text-decoration: underline;} TABLE.overzicht TH A.toevoeg_button{ display: block; float: left; padding: 3px; margin: -3px 0; font-size: 10px; background-color: #a3aab4; font-weight: normal; color: #38486a; border: #38486a 1px solid;} TABLE.overzicht TH A.toevoeg_button SPAN{ float: left; display: block; cursor: pointer;} TABLE.overzicht TH A.toevoeg_button SPAN.icoon{ width: 9px; height: 13px; font-size: 1px; margin-left: 3px; background: url(../images/toevoeg_button_ico.gif) no-repeat 0 0;} TABLE.overzicht TD{ border-top: #FFF 1px solid; cursor: pointer;} TABLE.overzicht TR.hidden{ visibility: hidden;} TABLE.overzicht TR.rij_open{ visibility: visible;} TABLE.overzicht TD DIV.toggle_button{ width: 12px; height: 12px; font-size: 1px; float: left; margin-top: 2px; background: url(../images/icons/plus-min_ico.gif) no-repeat 0 0;} TABLE.overzicht TD DIV.open{ background-position: 100% 0;} TABLE.overzicht TR.no-slide TD{ cursor: auto;} TABLE.overzicht TR.no-slide TD INPUT.form_text{ padding: 0px; width: 200px;} TABLE.overzicht TD DIV.icons{ float: left; height: 15px;} TABLE.overzicht TD DIV.icons DIV{ float: left; margin-right: 7px; padding-right: 7px; border-right: #FFF 1px solid;} TABLE.overzicht TD DIV.icons DIV.laatste{ padding-right: 0; margin-right: 0; border: 0;} TABLE.overzicht TD DIV.icons DIV A{ display: block; height: 15px;} TABLE.overzicht TD DIV.icons DIV A.bekijken{ width: 16px; background: url(../images/icons/bekijken_ico.gif) no-repeat 0 0;} TABLE.overzicht TD DIV.icons DIV A.toevoegen{ width: 11px; background: url(../images/icons/toevoegen_ico.gif) no-repeat 0 0;} TABLE.overzicht TD DIV.icons DIV A.bewerken{ width: 14px; background: url(../images/icons/bewerken_ico.gif) no-repeat 0 0;} TABLE.overzicht TD DIV.icons DIV A.stuurtest{ width: 14px; background: url(../images/icons/test_versturen_ico.gif) no-repeat 0 0;} TABLE.overzicht TD DIV.icons DIV A.downloaden{ width: 14px; background: url(../images/icons/exporteren_ico.gif) no-repeat 0 0;} TABLE.overzicht TD DIV.icons DIV A.login{ width: 14px; background: url(../images/icons/login_ico.gif) no-repeat 0 0;} DIV.icons DIV A.verwijderen{ width: 20px; background: url(../images/icons/verwijderen_ico.gif) no-repeat 0 0;} TABLE.overzicht TD DIV.icons DIV A.bekijken:hover, TABLE.overzicht TD DIV.icons DIV A.bekijken_aan, TABLE.overzicht TD DIV.icons DIV A.toevoegen:hover, TABLE.overzicht TD DIV.icons DIV A.toevoegen_aan, TABLE.overzicht TD DIV.icons DIV A.bewerken:hover, TABLE.overzicht TD DIV.icons DIV A.bewerken_aan, TABLE.overzicht TD DIV.icons DIV A.stuurtest:hover, TABLE.overzicht TD DIV.icons DIV A.stuurtest_aan, TABLE.overzicht TD DIV.icons DIV A.login:hover, TABLE.overzicht TD DIV.icons DIV A.login_aan, TABLE.overzicht TD DIV.icons DIV A.downloaden:hover, TABLE.overzicht TD DIV.icons DIV A.downloaden_aan{ background-position: 0 -15px;} DIV.icons DIV A.verwijderen:hover{ background-position: 0 100%;} TABLE.overzicht TD DIV.table_wrapper{ width: 100%; float: left; cursor: default; display: none; background: url(../images/verticale_stippellijn.gif) #FFF repeat-y 11px 0 !important; border-top: #FFF 1px solid;} TABLE.overzicht DIV.verwijderen{ width: 20px; height: 15px; float: right; font-size: 1px;} TABLE.overzicht DIV.verwijderen A{ display: block; float: right; width: 100%; height: 15px; background: url(../images/icons/verwijderen_ico.gif) no-repeat 0 0;} TABLE.overzicht DIV.verwijderen A:hover{ background-position: 0 100%;} TABLE.overzicht TD DIV.table_footer{ width: 100%; float: left; clear: left; background: url(../images/hoek_stippellijn.gif) no-repeat #FFF 11px 1px;} TABLE.overzicht TD DIV.table_footer DIV.pagination{ margin-left: 25px; color: #FFF; border-top: #FFF 1px solid; background-color: #7b8797;} TABLE.overzicht TD DIV.table_footer DIV.pagination A{ color: #FFF;} TABLE.overzicht TD DIV.table_footer DIV.pagination A:hover{ color: #FFF;} TABLE.overzicht TD DIV.table_footer DIV.pagination DIV.index SPAN.select SELECT{ border: #FFF 2px solid; margin-top: 0;} DIV.table_footer{ background: url(../images/menu_border.gif) repeat-x 0 2px;} DIV.pagination{ padding: 5px; height: 20px; cursor: auto; font-size: 11px; line-height: 20px; color: #38486a; background: url(../images/menu_border.gif) repeat-x 0 100%;} DIV.pagination DIV{ float: left;} DIV.pagination DIV A{ color: #38486a; text-decoration: none;} DIV.pagination DIV A:hover{ color: #38486a; text-decoration: underline;} DIV.pagination DIV.vorige{ width: 10%; text-align: left; font-weight: bold;} DIV.pagination DIV.volgende{ width: 10%; text-align: right; font-weight: bold;} DIV.pagination DIV.index{ width: 80%; text-align: center; cursor: default;} DIV.pagination DIV.index SPAN.select SELECT{ font-size: 11px; border: #38486a 1px solid; margin-top: 2px; margin-right: 10px;} DIV.pagination DIV.index SPAN A{ cursor: pointer;} DIV.pagination DIV.index SPAN.current A{ font-weight: bold; text-decoration: underline;} DIV.pagination DIV.index SPAN.laatste{ margin-left: 5px;} DIV.tab_buttons{ width: 100%; float: left; clear: left; margin-top: 1px;} DIV.tab_buttons DIV{ width: 96px; height: 28px;} DIV.tab_buttons DIV.opslaan{ float: right; background: url(../images/opslaan_tab.gif) no-repeat 0 0; margin-right: 5px;} DIV.tab_buttons DIV.annuleer{ float: left; background: url(../images/annuleer_tab.gif) no-repeat 0 0; margin-left: 5px;} DIV.tab_buttons DIV.opslaan A{ display: block; text-align: center; color: #FFF; font-weight: bold; text-decoration: none; height: 100%; padding: 6px 0 0 15px; background: url(../images/icons/opslaan_ico.png) no-repeat 10px 5px;} DIV.tab_buttons DIV.annuleer A{ display: block; text-align: center; color: #FFF; font-weight: bold; text-decoration: none; height: 100%; padding: 6px 0 0 15px; background: url(../images/icons/annuleer_ico.png) no-repeat 10px 7px;} TABLE.aan{ background-color: #a3aab4;} TABLE.uit{ background-color: #a3b1cc;} .red-hover{ background-color: #C42E2F !important;} TABLE.overzicht TD DIV.dragdrop{ width: 16px; height: 16px; font-size: 1px; float: left; background: url(../images/icons/drag_ico.gif) no-repeat 0 0;} .dragColor{ background-color: #38486a;} .dragHandle{ cursor: move !important;} /******************************************* ** Nieuwsberichten ********************************************/ TABLE.overzicht TD DIV.bericht_wrapper{ display: none;} DIV.bericht_wrapper{ width: 100%; float: left; clear: left; background: #7b8797 !important; border: 0;} DIV.bericht_wrapper DIV.content_bericht{ margin: 10px; padding: 10px; background-color: #FFF; color: #636E80; cursor: auto;} TABLE.overzicht TD DIV.bericht_wrapper{ width: 100%; float: left; clear: left; background: #7b8797 !important; border: 0;} TABLE.overzicht TD DIV.bericht_wrapper DIV.content_bericht{ margin: 10px; padding: 10px; background-color: #FFF; color: #636E80; cursor: auto;} /************************************************************** ** Footer ***************************************************************/ .footer{ min-width: 1000px; width: 100%; margin-top: -30px; float: left; height: 30px; position: relative; background-color: #c1c6cc; text-align: center;} .footer DIV.wrapper{ width: 1000px; margin: 0 auto; height: 30px; font-size: 10px; line-height: 30px; position: relative;} .footer DIV.wrapper A:hover{ color: #38486a;} .wait{ position: absolute; left: 0; top: 0; display: none; width: 100%; height: 100%; background: url(../images/ajax-loader.gif) no-repeat 50% 50%;} .firebug_warning{ margin: 3px 0; width: 100%; float: left; clear: left; display: none;} .firebug_warning DIV{ padding: 5px 10px; text-align: center; border: #F00 1px solid; color: #bb3033; background-color: #ffaaaa; line-height: 13px; font-size: 13px;} .firebug_warning DIV A{ color: #38486a;} .firebug_warning DIV A:hover{ color: #FFF;} /************************************************************** ** Overig ***************************************************************/ div.inputrow { display: block; margin: 2px; } div.inputrow label { float: left; width: 150px; font-weight: bold; } div.statusbalk h1 { font-size: 18px; color: #fff; text-align: center; line-height: 28px; }