/* MAIN STYLES */

* {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

html {
height: 100%;
width: 100%;
background-color: #ffffff;
overflow: hidden;
/*background-image: url('/images/background.jpg');*/
}

body {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
}

form {
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}

h2 {
font-size: 14px;
line-height: 32px;
height: 32px;
padding: 0;
margin: 0;
margin-left: 5px;
color: #333333;
font-weight: bold;
}

p {
margin: 0;
padding: 0;
margin-bottom: 10px;
}

.clear {
clear: both;
}

.notVisible {
visibility: hidden;
display: none;
}

.visible {
visibility: visible;
}

a {
text-decoration: none;
color: #333333;
}

a:hover {
color: #993366;
text-decoration: underline;
}

.link {
text-decoration: underline;
}

.noscroll {
overflow: hidden !important;
}

.noMargins {
margin: 0 !important;
}

.centered {
margin: auto auto;
}

.brdrGrey {
border: 1px solid #CCCCCC;
}

.zoomable {
cursor: url(/images/cursors/magnify.cur), pointer;
}

.link {
cursor: pointer;
}

.loginError {
color: red;
}

.nietActief {
color: #CCCCCC;
}

table.inputForm {
padding: 4px;
}

table.inputForm td {
vertical-align: top;
}

td.tdInput1 {
width: 75px;
}

/* FORMULIER ELEMENTEN (GEPARSTE FORMULIEREN) */
.formElement {
min-height: 60px;
margin-right: 0px;
float: left;
padding-bottom: 10px;
}

.formElement label {
height: 30px;
line-height: 30px;
font-weight: bold;
}

.formElement p {
height: 22px;
line-height: 22px;
color: #AAAAAA;
clear: left;
}

.inputClass {
width: 95%;
border: 1px solid #CCCCCC;
height: 15px;
padding: 3px;
}

.selectClass {
width: 98%;
border: 1px solid #CCCCCC;
height: 21px;
padding: 3px;
margin-bottom: 1px;
}

.spacer {
height: 60px;
}

/* #### */
.formLabel {
margin-top: 2px;
}

.dateButton {
cursor: pointer;
background-image: url(/images/date.gif);
width: 18px;
height: 18px;
border: 0px;
margin-left: 3px;
padding-bottom: 2px;
}

label {
cursor: pointer;
}

.multipleSelect {
width: 300px;
height: 270px;
}

.editablecontent {
border: 0px;
width: 90%;
margin: 1px;
color: #993366;
}

.editablecontent:hover {
border: 1px solid #CCCCCC;
margin: 0px !important;
color: #333333;
}

.formtable {
width: 550px;
}

.formtable td {
width: 50%;
padding: 4px;
}

.formtable .input_class {
width: 200px;
}

/* FONTS */
.header_kop {
font-family: Arial;
font-size: 14px;
font-weight: bold;
}

.header_kop a {
font-family: Arial;
font-size: 14px;
font-weight: bold;
}

/* DIVS */
div#blok_header {
height: 82px;
margin-bottom: 0px;
background-color: #ffffff;
z-index: 200;
position: relative;
}

div#blok_header .header {
margin-left: 23px;
margin-right: 20px;
height: 77px;
z-index: 201;
}

/**
* 13-07-2009 | Marco Vogelaar
* Fix m.b.t. verdwijnen logo in IE (7)
*
* Oude code :
* div#blok_header .logo { position:absolute; height:60px; vertical-align:center;}
*/
div#blok_header .logo {
position: relative;
height: 50px;
float: left;
}

div#blok_header .logged_in_text {
float: right;
text-align: right;
height: 50px;
line-height: 50px;
font-weight: bold;
padding-right: 5px;
vertical-align: center;
}

div#blok_header .menuitems {
position: relative;
height: 25px;
padding-top: 4px;
z-index: 202;
clear: both;
}

div#blok_shadow_top {
background-color: #000000;
filter: alpha(opacity = 25);
-moz-opacity: .25;
opacity: .25;
position: relative;
height: 3px;
line-height: 3px;
font-size: 1px;
}

div#blok_main {
margin-left: 20px;
margin-right: 20px;
height: 75%;
position: relative;
top: 0;
border: 0px solid #FF0000;
margin-top: 40px;
}

/* LINKER BLOK */
div#blok_main_links {
position: relative;
width: 250px;
height: 115%;
margin-right: 15px;
float: left;
top: 0px;
left: 0px;
}

div#container_links {
position: relative;
padding: 5px;
min-height: 100%;
border: 1px solid #676767;
background-color: #FFFFFF;
margin-top: 0px;
height: 100%;
}

div#blok_shadow_links {
padding-bottom: 5px;
background-color: #000000;
filter: alpha(opacity = 25);
-moz-opacity: .25;
opacity: .25;
position: absolute;
min-height: 100%;
width: 250px;
left: 3px;
top: 10px;
height: 100%;
}

/* MIDDELSTE BLOK */
div#blok_main_center {
height: 115%;
position: relative;
top: 0px;
margin-left: 265px;
margin-right: 0px;
}

div#container_center {
position: relative;
padding: 5px;
height: 100%;
border: 1px solid #676767;
background-color: #FFFFFF;
}

div#blok_shadow_center {
padding-bottom: 5px;
background-color: #000000;
filter: alpha(opacity = 25);
-moz-opacity: .25;
opacity: .25;
position: absolute;
min-height: 100%;
width: 100%;
left: 3px;
top: 10px;
height: 100%;
}

/* VOLLEDIGE BREEDTE BLOK */
div#blok_main_full {
height: 110%;
position: relative;
top: 0px;
margin-left: 0px;
margin-right: 0px;
}

div#container_full {
position: relative;
padding: 5px;
height: 100%;
border: 1px solid #676767;
background-color: #FFFFFF;
}

div#blok_shadow_full {
padding-bottom: 5px;
background-color: #000000;
filter: alpha(opacity = 25);
-moz-opacity: .25;
opacity: .25;
position: absolute;
min-height: 100%;
width: 100%;
left: 3px;
top: 10px;
height: 100%;
}

div#container_fullmid {
position: relative;
padding: 5px;
height: 100%;
border: 1px solid #676767;
background-color: #FFFFFF;
}

/* RECHTER BLOK (FILEMODULE) */
div#blok_main_rechts {
position: relative;
width: 250px;
height: 115%;
margin-left: 15px;
float: right;
top: 0px;
left: 0px;
}

div#container_rechts {
position: relative;
padding: 5px;
min-height: 100%;
border: 1px solid #676767;
background-color: #FFFFFF;
margin-top: 0px;
height: 100%;
}

div#blok_shadow_rechts {
padding-bottom: 5px;
background-color: #000000;
filter: alpha(opacity = 25);
-moz-opacity: .25;
opacity: .25;
position: absolute;
min-height: 100%;
width: 250px;
left: 3px;
top: 10px;
height: 100%;
}

/* BREED BLOK */
div#blok_main_big {
height: 105%;
position: relative;
top: 0px;
margin-left: 0px;
margin-right: 0px;
}

div#container_big {
position: relative;
padding: 5px;
height: 100%;
border: 1px solid #676767;
background-color: #FFFFFF;
}

div#blok_shadow_big {
padding-bottom: 5px;
background-color: #000000;
filter: alpha(opacity = 25);
-moz-opacity: .25;
opacity: .25;
position: absolute;
min-height: 100%;
width: 100%;
left: 3px;
top: 10px;
height: 100%;
}

div.rtab_container {
height: 100%;
overflow: hidden;
display: none;
}

div.ltab_container {
display: none;
clear: both;
min-height: 100%;
height: 100%;
}

div.ftab_container {
display: none;
clear: both;
min-height: 100%;
height: 100%;
}

div.rtab_box {
padding: 5px;
}

div.resultaatBlok {
height: 94%;
overflow: scroll;
overflow-x: hidden;
display: block;
border: 1px solid #CCCCCC;
position: relative;
}

div.resultaatBlokRechts {
height: 94%;
overflow: auto;
overflow-x: hidden;
display: block;
border: 1px solid #CCCCCC;
position: relative;
padding: 5px;
}

div.verkenner_blok_2 {
position: relative;
height: 81%;
border: 1px solid #CCCCCC;
}

div.verkennerInhoud {
position: relative;
height: 100%;
overflow: scroll;
overflow-x: hidden;
padding-right: 2px;
}

div.titelLinks {
float: left;
width: 50%;
}

div.titelRechts {
float: right;
width: 160px;
}

/* LISTS */
ul#main_nav {
list-style-type: none;
list-style-image: none;
left: 0;
margin: 0;
padding: 0;
height: 24px;
z-index: 200;
}

ul#main_nav li.hoofd {
position: relative;
z-index: 200;
border: 1px solid #FFFFFF;
font-family: Arial;
font-size: 14px;
height: 14px;
line-height: 14px;
font-weight: bold;
left: 0;
margin-left: 0;
float: left;
padding: 5px;
margin-right: 10px;
background: url(/images/topMenuArrow.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 30px;
cursor: pointer;
}

ul#main_nav li.hoofd:hover {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #333333;
}

ul#main_nav li.hoofdZonderSubs {
position: relative;
z-index: 200;
border: 1px solid #FFFFFF;
font-family: Arial;
font-size: 14px;
height: 14px;
line-height: 14px;
font-weight: bold;
left: 0;
margin-left: 0;
float: left;
padding: 5px;
margin-right: 10px;
padding-right: 30px;
cursor: pointer;
}

ul#main_nav li.hoofdZonderSubs a {
font-size: 14px;
}

ul#main_nav li.hoofd ul {
width: 150px;
list-style: none;
background-color: #FFFFFF;
position: absolute;
left: -1px;
top: 25px;
margin: 0px;
padding: 0px;
border: 1px solid #CCCCCC;
line-height: 24px;
text-indent: 14px;
white-space: nowrap;
padding-right: 14px;
display: none;
}

ul#main_nav li.hoofd:hover ul {
display: block;
}

ul#main_nav li.hoofd a {
font-size: 14px;
}

ul#main_nav li.hoofd ul li {
background-image: url(/images/pijl_blue_topmenu.gif);
background-repeat: no-repeat;
text-indent: 20px;
height: 25px;
display: block;
}

ul#main_nav li.hoofd ul li hr {
width: 100%;
height: 1px;
border: 0px;
background-color: #CCCCCC;
margin-left: 8px;
}

ul#main_nav li.hoofd ul li a {
color: #333333;
text-decoration: none;
font-weight: normal;
display: block;
font-size: 11px !important;
}

ul#main_nav li.hoofd ul li a:hover {
color: #993366;
text-decoration: underline;
font-size: 11px !important;
}

/**
* 23-02-2009 | Marco Vogelaar
* De height van 24px aangepast naar 25px i.v.m. witte border van 1px aan linkerkant van tab
*/
ul#tabsCenter, ul#tabs, ul.tabs {
z-index: 100;
border-left: 1px solid #676767;
position: absolute;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
height: 25px;
top: -26px;
left: -1px;
}

ul#tabs, ul.tabs {
z-index: 100;
}

ul#tabsCenter li, ul#tabs li, ul.tabs li {
border-right: 1px solid #676767;
border-bottom: 1px solid #676767;
font-family: Arial;
color: #FFFFFF;
height: 12px;
line-height: 12px;
font-size: 12px;
font-weight: bold;
left: 0;
margin-left: 0;
float: left;
padding: 5px;
padding-top: 7px;
padding-left: 10px;
padding-right: 10px;
display: block;
background-color: #CCCCCC;
border-top: 1px solid #676767;
cursor: pointer;
background-image: url(/images/tabShadow.gif);
background-repeat: no-repeat;
}

ul#tabsCenter li.firstTab, ul#tabs li.firstTab, ul.tabs li.firstTab {
background-image: url() !important;
}

ul#tabsCenter li.active, ul#tabs li.active, ul.tabs li.active {
background-color: #FFFFFF;
color: #333333;
background-image: url() !important;
border-bottom: 1px solid #FFFFFF;
}

ul#tabsCenter li.autoSaveTab, ul#tabs li.autoSaveTab, ul.tabs li.autoSaveTab {
position: relative;
padding-left: 29px;
position: relative;
background: transparent;
border: 0px;
}

ul#tabsCenter li.autoSaveTab a, ul#tabs li.autoSaveTab a, ul.tabs li.autoSaveTab a {
color: #FFFFFF;
}

ul#tabsCenter li.autoSaveTab img.vinkje, ul#tabs li.autoSaveTab img.vinkje, ul.tabs li.autoSaveTab img.vinkje {
border: 0px;
margin: 0px;
padding: 0px;
position: absolute;
left: 10px;
top: 5px;
}

#savingDiv {
display: none;
position: absolute;
top: 0px;
left: 10px;
z-index: 300;
width: 140px;
line-height: 24px;
color: #FFFFFF;
vertical-align: middle;
background-color: #0263B4;
}

ul.verkenner_blok {
list-style: none;
position: relative;
margin: 0;
padding: 5px;
margin-bottom: 10px;
}

ul.verkenner_blok a {
font-size: 12px;
color: #993366 !important;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}

ul.verkenner_blok a:hover {
background-color: #993366;
color: #FFFFFF !important;
}

ul.verkenner_blok li {
background-image: url(/images/pijl_blue.gif);
background-repeat: no-repeat;
height: 20px;
text-indent: 14px;
}

.verkenner_blok_zoek {
position: relative;
margin: 0;
padding: 5px;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
}

.verkenner_blok_zoek .zoekVeldCross {
cursor: pointer;
position: absolute;
width: 10px;
height: 10px;
right: 4px;
top: 2px;
color: #CCCCCC;
}

a.verkenner_blok {
font-size: 12px;
color: #993366;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}

a.verkenner_blok:hover {
background-color: #993366;
color: #FFFFFF;
}

/* SUBTABS IN FILEDETAILS */
div.fileDetailsContainer {
border: 1px solid #cccccc;
height: 180px;
position: relative;
margin-top: 30px;
}

ul.subtabs {
top: -22px;
left: -1px;
margin: 0;
padding: 0;
width: 235px;
position: absolute;
}

ul.subtabs li.subtab {
display: block;
float: left;
height: 16px;
padding: 2px;
padding-left: 7px;
padding-right: 7px;
cursor: pointer;
color: #333333;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #cccccc
}

ul.subtabs li.subtab a {
display: block;
}

ul.subtabs li.subtabActive {
display: block;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #FFFFFF;
float: left;
height: 16px;
padding: 2px;
padding-left: 7px;
padding-right: 7px;
background-color: #FFFFFF
}

ul.optionlist {
list-style-type: none;
list-style-image: none;
}

ul.optionlist li {
list-style-type: none;
list-style-image: none;
}

/* DE RODE KNOP MET UITKLAPMENU */
div.buttonComponent {
position: relative;
height: 21px;
}

div.buttonComponent input {
margin-right: 19px;
}

div.buttonComponent div {
display: block;
position: absolute;
right: 0px;
top: 0px;
width: 19px;
height: 21px;
background-image: url(/images/buttonArrow.jpg);
background-repeat: no-repeat;
cursor: pointer;
}

div.buttonComponent div ul {
position: absolute;
padding: 0px;
margin: 0px;
list-style: none;
background-color: #722361 !important;
border: 1px solid #000000;
display: none;
}

div.buttonComponent div ul li {
white-space: nowrap;
padding: 5px 10px 5px 10px;
background-color: #722361 !important;
font-weight: normal !important;
}

.buttonComponent div ul li a {
color: #FFFFFF;
}

.buttonComponent div:hover ul {
display: block;
}

/* DE RODE TAB!! MET UITKLAPMENU */
li.buttonTab {
z-index: 1001;
position: relative;
height: 24px !important;
padding: 0px !important;
margin: 0px;
}

li.buttonTab input {
margin-right: 20px;
height: 24px !important;
padding-left: 8px;
padding-right: 8px;
}

li.buttonTab div {
z-index: 1001;
display: block;
position: absolute;
right: 0px;
top: 0px;
width: 20px;
height: 24px !important;
background-image: url(/images/buttonArrowTab.jpg);
background-position: right;
background-repeat: no-repeat;
cursor: pointer;
background-color: #722361;
}

li.buttonTab div ul {
z-index: 1001;
position: absolute;
padding: 0px;
margin: 0px;
right: 0px;
top: 24px;
list-style: none;
background-color: #FFFFFF;
border: 1px solid #676767;
display: none;
}

li.buttonTab div ul li {
z-index: 1001;
white-space: nowrap;
padding: 5px 10px 5px 10px;
background-color: #FFFFFF !important;
font-weight: normal !important;
border: 0px !important;
}

li.buttonTab div ul li {
z-index: 1001;
background: url() !important;
}

li.buttonTab div.noitems {
display: block;
position: absolute;
right: 0px;
top: 0px;
width: 20px;
height: 24px !important;
background-image: url(/images/buttonArrowTabNoItems.jpg) !important;
background-repeat: no-repeat;
cursor: pointer;
background-color: #722361;
}

li.buttonTab div:hover ul {
z-index: 1001;
display: block;
}

li.buttonTab div.buttonListRed {
background-image: url(/images/buttonArrowTab.jpg) !important;
background-repeat: no-repeat;
background-color: #722361 !important;
}

li.buttonTab div.buttonListRed ul {
background-color: #722361 !important;
}

li.buttonTab div.buttonListRed ul li {
background-color: #722361 !important;
}

li.buttonTab div.buttonListRed ul li a {
z-index: 1001;
color: #FFFFFF;
text-decoration: none;
}

li.buttonTab div.buttonListRed ul li a:hover {
background-color: transparent !important;
text-decoration: underline;
}

li.buttonTab div.buttonListBlue {
background-image: url(/images/buttonArrowTabBlue.jpg) !important;
background-repeat: no-repeat;
background-color: #0166ff !important;
}

li.buttonTab div.buttonListBlue ul {
background-color: #FFFFFF !important;
}

li.buttonTab div.buttonListBlue ul li {
background-color: #FFFFFF !important;
}

.rightnull {
right: 0px !important;
}

/* INPUTS */
.buttonRed {
height: 22px;
background-color: #722361;
color: #FFFFFF;
border: 0px;
font-weight: bold;
padding: 0px 4px 1px 4px;
cursor: pointer;
}

html > body .buttonRed {
padding: 2px 2px 1px 2px;
}

.buttonRedTab {
background-image: url(/images/buttonShadow.gif);
background-repeat: no-repeat;
}

.buttonBlue {
height: 20px;
background-color: #0166ff;
color: #FFFFFF;
border: 0px;
font-weight: bold;
cursor: pointer;
}

.buttonBlueTab {
background-image: url(/images/buttonShadowBlue.gif);
background-repeat: no-repeat;
}

.buttonGray {
height: 21px;
background-color: #CCCCCC;
color: #FFFFFF;
border: 0px;
font-weight: bold;
padding: 0px 4px 1px 4px;
cursor: pointer;
}

html > body .buttonGray {
padding: 2px 2px 1px 2px;
}

.text {
border: 1px solid #017DE2;
}

.checkbox {
margin-right: 5px;
margin-left: -2px;
}

html > body .checkbox {
margin-left: 0px;
}

/* ERRORMESSAGE */
div#loadingBlend, div#errorBlend, div#centeredBlend, div#progressBlend {
display: none;
position: absolute;
top: 0px;
z-index: 299;
left: 0px;
background-color: #000000;
width: 100%;
height: 100%;
opacity: 10;
filter: alpha(opacity = 10);
}

/* VERKENNER LAADSCHERM */
div.verkennerBlend {
display: none;
position: absolute;
top: 0px;
z-index: 299;
left: 0px;
background-color: #FFFFFF;
width: 100%;
height: 100%;
}

div.verkennerBlendImage {
display: none;
position: absolute;
left: 50%;
width: 32px;
top: 50%;
height: 32px;
margin-top: -16px;
margin-left: -16px;
}

div.verkennerBlend, div.verkennerBlendImage {
z-index: 2000;
}

div#loadingMessage, div#errorMessage, div#centeredMessage, div#progressMessage {
display: none;
position: absolute;
left: 50%;
margin-left: -222px;
top: 50%;
z-index: 300;
width: 444px;
height: 220px;
margin-top: -70px;
border: 1px solid #025294;
background-color: #FFFFFF;
}

div#fotoMessage {
display: none;
position: absolute;
left: 50%;
margin-left: -340px;
top: 50%;
z-index: 300;
width: 680px;
margin-top: -230px;
border: 1px solid #025294;
background-color: #FFFFFF;
text-align: center;
}

div#fotoMessage div#kruisje {
float: right;
width: 25px;
height: 25px;
}

div#fotoMessage div#contentMelding {
padding: 22px;
cursor: pointer;
text-align: center;
vertical-align: middle;
height: 100%;
}

div#typeMeldingLoading, div#typeMelding, div#typeMeldingCentered, div#typeCentered, div#typeMeldingProgress {
width: 426px;
border: 1px solid #cccccc;
height: 34px;
margin-left: 8px;
margin-top: 8px;
color: #993366;
font-size: 14px;
font-weight: bold;
line-height: 34px;
text-indent: 10px;
overflow: hidden;
}

div#textMeldingLoading, div#textMelding, div#textMeldingCentered, div#textCentered, div#textMeldingProgress {
height: 50px;
margin-left: 8px;
margin-top: 10px;
margin-right: 10px;
}

div#knoppenMeldingLoading, div#knoppenMelding, div#knoppenMeldingCentered, div#knoppenCentered {
bottom: 0px;
text-align: center;
}

div.fileDetails {
position: absolute;
display: none;
width: 235px;
margin-bottom: 5px;
}

/* SLIDER STYLES */
div.slider {
margin-left: 20px;
}

div.slider select {
display: none;
}

div.sliderArea {
height: 20px;
width: 120px;
position: relative;
padding-top: 10px;
}

div.sliderLine {
height: 2px;
line-height: 2px;
font-size: 2px;
margin: 0;
background-color: #CCCCCC;
position: relative;
}

div.sliderBtn {
height: 20px;
width: 10px;
position: absolute;
left: 0;
top: 0;
background-color: #DEDEDE;
cursor: pointer;
z-index: 500;
}

/* RECHTEN TABELLEN */
table.rechtenTable {
border: 0px;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}

table.rechtenTable td {
text-align: center;
}

table.rechtenTable td.moduleTDHeader {
width: 100px;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
}

table.rechtenTable td.moduleTDHeaderBold {
width: 90px;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
font-weight: bold;
text-align: left;
padding-left: 10px;
}

table.rechtenTable td.moduleTDHeaderSmall {
font-weight: bold;
width: 80px;
border-top: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
}

table.rechtenTable td.moduleTD {
border-left: 1px solid #AAAAAA;
padding-left: 10px;
width: 90px;
text-align: left;
background-color: #DEDEDE;
font-weight: bold;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
}

table.rechtenTable td.moduleTDBorder {
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
text-align: left;
}

table.rechtenTable td.rechtenTDHeader {
width: 80px;
background-color: #DEDEDE;
font-weight: bold;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
}

table.rechtenTable td.rechtenTD {
width: 80px;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
text-align: left;
}

table.rechtenTable td.hogereRechtenTD {
background-color: #017DE2;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
width: 80px;
}

table.rechtenTable td.borderTop {
border-top: 1px solid #AAAAAA;
}

table.rechtenTable td.borderLeft {
border-left: 1px solid #AAAAAA;
}

/* VERKENNER ITEMS MET DROPDOWN (RECURSIEF) */
ul.verkennerItems {
list-style: none;
position: relative;
margin: 0;
padding: 0px;
padding-left: 2px;
margin-top: 2px;
}

ul.verkennerItems li {
margin-left: 10px;
}

ul.verkennerItems li div.itemblok {
cursor: pointer;
position: relative;
height: 22px;
border: 1px solid #FFFFFF;
}

ul.verkennerItems li div.itemblok:hover {
position: relative;
border: 1px solid #CCCCCC;
background-image: url('/images/verkennerBackgroundArrowHover.gif');
background-repeat: no-repeat;
background-position: right top;
}

ul.verkennerItems li div.itemblok div.arrowText {
position: relative;
margin: 0;
line-height: 22px;
height: 22px;
top: 0px;
left: 0px;
overflow: hidden;
white-space: nowrap;
}

ul.verkennerItems li div.itemblok div.arrowText img.bl1 {
position: relative;
float: left;
margin-left: 2px;
margin-top: 5px;
}

ul.verkennerItems li div.itemblok div.arrowText img.bl2 {
position: relative;
float: left;
margin-right: 4px;
margin-top: 5px;
}

ul.verkennerItems li div.itemblok div.arrowHover {
position: absolute;
width: 22px;
height: 22px;
right: 0px;
top: 0px;
}

ul.verkennerItems li div.itemblok div.arrowText a {
position: relative;
float: left;
display: block;
width: 80%;
line-height: 22px;
height: 22px;
border: 0px !important;
}

ul.verkennerItems li div.itemblok div ul {
position: absolute;
padding: 0px;
margin: 0px;
list-style: none;
background-color: #FFFFFF !important;
border: 1px solid #CCCCCC !important;
border-top: 1px solid #FFFFFF !important;
right: -1px;
top: 22px;
display: none;
}
* html ul.verkennerItems li div.itemblok div ul {
right: -2px;
}

ul.verkennerItems li div.itemblok div:hover {
border: 0px;
}

ul.verkennerItems li div.itemblok div:hover ul {
display: block;
}

ul.verkennerItems li div.itemblok div ul li {
border: 0px !important;
white-space: nowrap;
height: 22px;
margin-right: 8px;
margin-left: 0px;
padding-left: 14px;
width: 100%;
background-position: -12px -3px;
}

ul.verkennerItems li div.itemblok div ul li a {
display: block;
width: 100%;
height: 18px;
line-height: 18px;
}

/* OPTIES VAK ZOALS IN DE VERKENNER */
ul.optionItems {
list-style: none;
position: relative;
margin: 0;
padding: 0px;
padding-left: 2px;
margin-top: 2px;
margin-right: 0px;
width: 150px;
}

ul.optionItems li {
cursor: pointer;
position: relative;
height: 18px;
line-height: 18px;
text-indent: 14px;
padding-top: 4px;
border: 1px solid #CCCCCC;
background-image: url('/images/verkennerBackgroundArrowHover.gif');
background-repeat: no-repeat;
background-position: right top;
}

ul.optionItems li div.arrowText {
position: absolute;
margin: 0;
line-height: 22px;
height: 22px;
top: 0px;
left: 0px;
}

ul.optionItems li div.arrowHover {
position: absolute;
width: 50px;
height: 22px;
right: 0px;
top: 0px;
}

ul.optionItems li div.arrowText a {
display: block;
width: 100%;
line-height: 22px;
height: 22px;
border: 0px !important;
}

ul.optionItems li div.arrowHover ul {
position: absolute;
padding: 0px;
margin: 0px !important;
list-style: none;
background-color: #FFFFFF !important;
border: 1px solid #CCCCCC !important;
border-top: 1px solid #FFFFFF !important;
right: -1px;
top: 22px;
display: none;
}
* html ul.optionItems li div.arrowHover ul {
right: -2px;
}

ul.optionItems li div:hover {
border: 0px;
}

ul.optionItems li div:hover ul {
display: block;
z-index: inherit +5;
}

ul.optionItems li div ul li {
border: 0px !important;
white-space: nowrap;
height: 22px;
margin-right: 8px;
width: 100%;
background-image: none;
}

ul.optionItems li div ul li a {
display: block;
width: 100%;
height: 18px;
line-height: 18px;
text-indent: 0;
padding-left: 10px;
padding-right: 10px;
}

/* FILEMODULE THUMBWEERGAVE MET DROPDOWN */
div.fileBlok {
width: 185px;
height: 185px;
float: left;
position: relative;
border: 1px solid #CCCCCC;
cursor: pointer;
margin: 5px;
background-color: #FFFFFF;
}

div.fileBlok:hover {
border: 1px solid #0263B4 !important;
}

div.itemBlok {
width: 185px;
height: 185px;
float: left;
position: relative;
border: 1px solid #CCCCCC;
cursor: auto;
margin: 5px;
background-color: #FFFFFF;
}

div.fileContainer {
position: absolute;
margin-left: 15px;
text-align: center;
background-color: #FFFFFF;
height: 90px;
top: 15px;
overflow: hidden;
}

div.fileContainer img {
border: 1px solid #cccccc;
}

div.nameContainer {
position: absolute;
bottom: 5px;
padding-left: 15px;
text-align: left;
white-space: nowrap;
overflow: hidden;
width: 90px;
}

div.selectContainer {
position: absolute;
width: 100%;
height: 100%;
}

div.fileDropdownContainer {
display: block;
position: absolute;
top: 0px;
right: 0px;
}

ul.fileDropdown {
list-style: none;
margin: 0;
padding: 0px;
border: 0;
width: 20px;
height: 20px;
}

ul.fileDropdown li {
cursor: pointer;
position: relative;
background-repeat: no-repeat;
width: 19px;
height: 22px;
text-indent: 14px;
border: 0;
}

ul.fileDropdown li.fileOptions {
background: url(/images/verkennerBackgroundArrowHover.gif);
background-repeat: no-repeat;
background-position: right;
border: 0 !important;
}

ul.fileDropdown li div.arrowHover {
position: absolute;
width: 19px;
height: 27px;
right: 0px;
top: 0px;
text-align: left;
border: 0 !important;
display: block;
}

ul.fileDropdown li div ul {
position: absolute;
padding: 0px;
margin: 0px;
list-style: none;
background-color: #FFFFFF !important;
border: 1px solid #CCCCCC !important;
right: 0px;
top: 22px;
display: none;
width: 80px;
padding-top: 5px;
}
* html ul.fileDropdown li div ul {
right: -8px;
top: 17px;
}

ul.fileDropdown li div ul li {
border: 0px !important;
white-space: nowrap;
height: 22px;
padding-right: 8px;
width: 90%;
background: none;
text-align: left;
}

ul.fileDropdown li div ul li a {
display: block;
margin: 0px;
padding: 0px;
width: 100%;
height: 22px;
text-indent: 0;
padding-left: 10px;
padding-right: 10px;
}

ul.fileDropdown li div:hover ul {
display: block;
}
/* border:1px solid #676767 !important; }*/
/* MENUMODULE ITEMS MET DROPDOWN (RECURSIEF) */
ul.menuItems {
list-style: none;
position: relative;
margin: 0;
padding: 0px;
z-index: 2000;
}

ul.menuItems li {
border-left: 1px solid #E4E4E4;
border-bottom: 1px solid #E4E4E4;
border-right: 1px solid #E4E4E4;
margin: 0;
padding: 0px;
background-color: #FFFFFF;
margin-bottom: 5px;
font-size: 0;
line-height: 0;
border-top: 1px solid #E4E4E4;
}

ul.menuItems li div.itemblok {
cursor: pointer;
position: relative;
height: 22px;
font-size: 11px;
}

ul.menuItems li div.itemblok:hover {
position: relative;
background-image: url(/images/verkennerBackgroundArrowHover.gif);
background-repeat: no-repeat;
background-position: right top;
background-color: #EEEEEE;
}

ul.menuItems li div.itemblok div.arrowText {
position: relative;
margin: 0;
line-height: 22px;
height: 22px;
top: 0px;
left: 0px;
overflow: hidden;
white-space: nowrap;
padding-left: 6px;
font-size: 11px;
}

ul.menuItems li div.itemblok div.arrowText img.bl1 {
position: relative;
float: left;
margin-left: 2px;
margin-top: 5px;
}

ul.menuItems li div.itemblok div.arrowText img.bl2 {
position: relative;
float: left;
margin-right: 4px;
margin-top: 5px;
}

ul.menuItems li div.itemblok div.arrowHover {
position: absolute;
width: 50px;
height: 22px;
right: 0px;
top: 0px;
}

ul.menuItems li div.itemblok div.arrowText a {
position: relative;
float: left;
display: block;
width: 80%;
line-height: 22px;
height: 22px;
border: 0px !important;
color: #993366 !important;
}

ul.menuItems li div.itemblok div ul {
position: absolute;
padding: 0px;
margin: 0px;
list-style: none;
background-color: #FFFFFF !important;
border: 1px solid #CCCCCC !important;
border-top: 1px solid #FFFFFF !important;
right: -1px;
top: 22px;
display: none;
}
* html ul.menuItems li div.itemblok div ul {
right: -2px;
}

ul.menuItems li div.itemblok div:hover {
border: 0px;
}

ul.menuItems li div.itemblok div:hover ul {
display: block;
}

ul.menuItems li div.itemblok div ul li {
border: 0px !important;
white-space: nowrap;
height: 22px;
margin-right: 8px;
margin-left: 0px;
padding-left: 14px;
width: 100%;
background-position: -12px -3px;
font-size: 11px;
line-height: 18px;
}

ul.menuItems li div.itemblok div ul li a {
display: block;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 11px;
}

ul.menuItems li div.itemblok div ul li span {
display: block;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 11px;
}

/* EXTRA STYLES OM GENESTE UL'S NET FF IETS ANDERS WEER TE GEVEN */
ul ul.menuItems {
margin-left: 20px !important;
margin-right: 20px !important;
margin-bottom: 10px !important;
}

ul ul ul.menuItems {
border-top: 1px solid #E4E4E4;
}

ul ul ul.menuItems li {
margin-bottom: 0px !important;
border-top: 0px solid #E4E4E4;
}

/* DRAGDROPLIST RELATED */
#headerGroepbestandenGroep, #relatieGroep, #bestandenGroep, #headerGroep {
list-style: none;
padding: 0px;
margin: 0px;
text-indent: 0px;
}

#relatieGroep li.lineitem, #bestandenGroep li.lineitem {
border-bottom: 1px solid #CCCCCC;
background-color: #FFFFFF !important;
height: 26px;
line-height: 26px;
margin-top: 0px !important;
padding-top: 0px !important;
}

#relatieGroep li.lineitem:hover, #bestandenGroep li.lineitem:hover {
background-color: #F2F2F2 !important;
}

.relatieTable {
width: 95%;
height: 26px !important;
}
/* cursor: move; */
/*.relatieTable th { text-align: left; cursor: default !important;border-bottom: 1px solid #CCCCCC !important;  }*/
.relatieTable td {
text-align: left;
overflow: hidden !important;
white-space: nowrap !important;
height: 26px !important;
}

.relatieTable td div.overf {
width: 100%;
overflow: hidden !important;
white-space: nowrap !important;
background-color: red;
}

.row {
width: 100%;
height: 26px;
overflow: hidden;
}

.col_short {
height: 26px;
float: right;
width: 25px;
position: relative;
}

.col_short img {
margin-top: 4px;
}

.col_long {
height: 26px;
float: right;
width: 110px;
position: relative;
line-height: 26px;
}

.col_medium {
height: 26px;
float: right;
width: 80px;
position: relative;
line-height: 26px;
}

.col_auto {
white-space: nowrap;
height: 26px;
position: relative;
overflow: hidden !important;
padding-left: 5px;
line-height: 26px;
vertical-align: middle;
}

.borderBottom {
border-bottom: 1px solid #CCCCCC;
}

.handle {
padding: 7px;
}

ul.section {
height: 90%;
}

.rowhigh {
height: 50px !important;
line-height: 50px !important;
}

/* MODULEHOMEPAGE */
.moduleHome {
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
height: 100%;
}

.moduleHome h2 {
margin: 0;
}

.moduleHome table {
width: 100%;
height: 100%;
}

.moduleHome td {
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
vertical-align: top;
padding: 10px;
width: 50%;
}

/* SM HOMEPAGINA
div.blok_home{ width:48%; height:45%; float:left; position: relative; margin-top:25px; margin-bottom:20px;}
div.container_home{ border:1px solid #676767; background-color:#FFFFFF; width:100%; height:100%; position: relative;  }
div.container_home .content{ border:1px solid #CCCCCC; height:95%; margin:5px !important; padding:5px; position: relative; overflow:auto; display: none;  }
div.blok_shadow_home{ background-color:#000000; filter:alpha(opacity=35); -moz-opacity:.35; opacity:.35; position:absolute; height:100%; width:100%; left:6px; top:6px;  }
ul.moduleOverzicht{ list-style:none; margin:0; padding:0; left:0; }
ul.moduleOverzicht a.big{ font-size:17px; line-height:30px; color: #993366; text-decoration:underline; font-weight:bold; cursor:pointer;    }
ul.moduleOverzicht a{ font-size:12px; color: #993366; text-decoration:underline; font-weight:bold; cursor:pointer;    }
*/
div#popupLayer {
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 4000;
}

div#popupBackground {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: #FFFFFF;
filter: alpha(opacity = 85);
-moz-opacity: .85;
opacity: .85;
z-index: 1;
}

div#popupTranslucent {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 200;
}

div#popupImage {
position: absolute;
left: 50%;
top: 50%;
width: 800px;
height: 600px;
margin-left: -400px;
margin-top: -300px;
z-index: 100;
}

.disabled {
color: #c0c0c0
}

/** gejat van SM5 **/
div.blok_home {
width: 48%;
height: 45%;
float: left;
position: relative;
margin-top: 25px;
margin-bottom: 20px;
}

div.container_home {
border: 1px solid #676767;
background-color: #FFFFFF;
width: 100%;
height: 100%;
position: relative;
}

div.container_home .content {
border: 1px solid #CCCCCC;
height: 96%;
margin: 5px !important;
padding: 5px;
position: relative;
overflow: auto;
display: none;
}

div.blok_shadow_home {
background-color: #000000;
filter: alpha(opacity = 35);
-moz-opacity: .35;
opacity: .35;
position: absolute;
height: 100%;
width: 100%;
left: 6px;
top: 6px;
}

ul.moduleOverzicht {
list-style: none;
margin: 0;
padding: 0;
left: 0;
}

ul.moduleOverzicht a.big {
font-size: 17px;
line-height: 30px;
color: #03477F;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}

ul.moduleOverzicht a {
font-size: 12px;
color: #03477F;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}

#animatedLoadingImage {
margin: 0 auto;
width: 31px;
height: 31px;
background-image: url('/images/loadingRoller.gif');
background-repeat: no-repeat;
}

.image_small {
border: 0px;
}

.inactief {
/* border: 0px; */
filter: Alpha(opacity = 30);
opacity: .3;
-moz-opacity: 0.3;
zoom: 1;
}

input.hidden_fileinput {
width: 0 !important;
margin: 0 !important;
z-index: -1 !important;
}

div#fotoMessage {
background-color: #FFFFFF;
border: 1px solid #025294;
display: none;
left: 50%;
margin-left: -340px;
margin-top: -230px;
position: absolute;
text-align: center;
top: 50%;
width: 680px;
z-index: 300;
}

table.staffelprijzen {
margin: 0;
padding: 0;
font: 11px Verdana;
border-collapse: collapse;
}

table.staffelprijzen th, table.staffelprijzen td {
margin: 0;
padding: 3px 6px;
}

table.staffelprijzen th {
border-bottom: 1px solid #000000;
text-align: center;
}

table.staffelprijzen .col1 {
border-right: 3px double #000000;
}

div.staffeldescription {
padding: 2px;
background: #ffffff;
}

table.bestellingen_lijst {
width: 95%;
margin: 0;
padding: 0;
font: 11px Verdana;
border-collapse: collapse;
}

table.bestellingen_lijst th, table.bestellingen_lijst td {
margin: 0;
padding: 3px 6px;
}

table.bestellingen_lijst .col1 {
width: 50px;
text-align: left;
}

table.bestellingen_lijst .col3 {
width: 170px;
text-align: left;
}

table.bestellingen_lijst .col5 {
width: 100px;
text-align: left;
}

table.bestellingen_lijst .colcontent {
width: 150px;
text-align: left;
}

table.bestellingen_lijst table {
margin: 0 0 20px 20px;
padding: 0;
width: 95%;
border: 2px solid #eeeeee;
border-collapse: collapse;
}

table.bestellingen_lijst table th {
text-align: left;
border-bottom: 1px solid #eeeeee;
}

table.bestellingen_lijst table .col1 {
width: 15px;
}

table.bestellingen_lijst table .col1 a img {
border-width: 0;
}

table.bestellingen_lijst table .col2 {
width: 80px;
}

table.bestellingen_lijst table .col3 {
width: 150px;
}

table.bestellingen_lijst table .col4 {
width: auto;
}

table.bestellingen_lijst table .col5 {
width: 80px;
}

table.bestellingen_lijst table .col6 {
width: 80px;
text-align: right;
}

a.bewerk {
display: block;
margin: 1px;
width: 15px;
height: 21px;
overflow: hidden;
font-size: 0;
text-indent: -2000px;
background: url('/images/icons/bewerk.gif') center center no-repeat;
}

a.bewerk:hover {
background-image: url('/images/icons/bewerk2.gif');
}

a.verwijder {
display: block;
margin: 1px;
width: 15px;
height: 21px;
overflow: hidden;
font-size: 0;
text-indent: -2000px;
background: url('/images/icons/verwijderen.gif') center center no-repeat;
}

a.verwijder:hover {
background-image: url('/images/icons/verwijderen2.gif');
}

img.png {
behavior: url('library/pngstijl.htc');
}

div.moduleBlok {
float: left;
width: 210px;
height: 60px;
border: 1px solid #cccccc;
margin: 5px;
position: relative;
}

div.moduleBlok:hover {
float: left;
width: 210px;
height: 60px;
border: 1px solid #ececec;
margin: 5px;
position: relative;
text-decoration: underline;
}

div.moduleBlok div.container {
width: 50px;
height: 50px;
float: left;
position: relative;
margin: 5px;
}

div.moduleBlok div.container div.imgContainer {
position: absolute;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
}

div.moduleBlok div.txtContainer {
position: absolute;
left: 65px;
top: 5px;
width: 140px;
}

#ploink {
position: absolute;
top: -250px;
left: 20px;
width: 200px;
height: 200px;
border: 1px solid black;
z-index: 100;
background-color: #ffffff;
}

#ploink_content {
position: absolute;
top: 10px;
left: 10px;
width: 180px;
height: 180px;
}

.tr {
float: left;
clear: both;
height: 25px;
width: 800px;
}

.td {
float: left;
width: 150px;
height: 20px;
}

.td_spacer {
float: left;
width: 20px;
height: 20px;
}

.td_spacer2 {
float: left;
width: 40px;
height: 20px;
}

.welkom {
color: #FFFFFF;
font-size: 17px;
font-weight: bold;
}

/**
* 22-01-2009 | Marco Vogelaar
* Aanpassingen i.v.m. het tonen van de paginering op 1 regel in plaats van 2 regels
* De width van ul.beelden_paginering van 440px naar 100% veranderd
*
* 26-01-2009 | Marco Vogelaar
* De width van ul.beelden_paginering van 100% naar 90% veranderd
*/
/* Opmaak paginering van beelden pagina's overview.php en search.php */
ul.beelden_paginering {
width: 90%;
float: left;
margin: 0;
padding: 0;
}

div.titelRechts ul.beelden_paginering {
margin-top: 10px;
}

div#resultaatBlok1 ul.beelden_paginering {
margin-bottom: 10px;
}

ul.beelden_paginering li {
display: inline;
list-style-type: none;
padding-right: 2px;
padding-left: 2px;
}

ul.beelden_paginering li.beeldenpagina {
padding-right: 1px;
padding-left: 1px;
}

ul.beelden_paginering li#huidige_beeldenpagina {
font-weight: bold;
}

/* Opmaak pagina define_template.php t.b.v. IE6 en FF */
div.define_template_text {
float: left;
clear: both;
width: 90%;
border: 1px solid black;
padding: 20px;
}

div.clear_both_define_template_text {
float: left;
height: 20px;
width: 85%;
}

div.define_template_graphic {
float: left;
width: 90%;
border: 1px solid black;
padding: 20px;
}

div.clear_both_define_template_graphic {
float: left;
height: 20px;
width: 85%;
}

div.define_template_mixed {
float: left;
width: 90%;
border: 1px solid black;
padding: 20px;
}

div.clear_both_define_template_mixed {
float: left;
height: 20px;
width: 85%;
}

.tr_define_template {
float: left;
clear: both;
height: 25px;
width: 650px;
}

/* Stijl opmaak categorieOmschrijving bij een specifieke categorieID in overview.php */
div#categorieOmschrijving {
float: left;
width: 90%;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
}

/* Stijl t.b.v. correcte weergave afbeelding/logo selector bij Categorie beheer/Filial beheer */
div.ftab_container {
overflow-y: auto;
overflow-x: hidden;
position: relative;
}

div.fileContainer {
height: auto;
}

.status_open {
color: #e1b70f;
font-weight: bold;
}

.status_afgewezen {
color: #db2a1c;
font-weight: bold;
}

.status_akkoord {
color: #23ad30;
font-weight: bold;
}

.status_geaccordeerd {
color: #23ad30;
font-weight: bold;
}

div.formbox {
border: 1px solid #cecece;
}

div.staffelbox {
border: 1px solid #cdcdcd;
}

div.orderdeliverytime {
background: #7b7b7b;
height: 18px;
}

.orderdeliverytime h3 {
color: #ffffff;
font-weight: bold;
font-family: Verdana;
font-size: 10px;
margin: 0px;
padding: 0px;
margin-left: 5px;
padding-top: 3px;
}

.staffeltable th {
background: #cdcdcd;
color: #7b7b7b;
}

table.staffeltable {
background: #cdcdcd;
}

table.staffeltable td {
background: #ffffff;
color: #7b7b7b;
}

table.staffeltable td.delivery {
background: #e3e3e3;
}