/* 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: 75px;
		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;
}