/* CSS BERICHTENBOX */

/**********************************************************************
=======================================================================
INBOX
=======================================================================
***********************************************************************/

.berichtenbox
{
padding:0;
margin:-10px -5px 0 -5px;
}

.berichtenbox .header_berichtenbox_inbox
{
background:#cfe1e6;
width:100%;
float:left;
border-bottom:1px solid #b6cad0;
margin-bottom:20px;
}

.berichtenbox .header_berichtenbox_inbox .nieuwbericht
{
float:right;
background:#0f9e04 !important;
color:#FFF !important;
text-decoration:none !important;
text-shadow:none !important;
border:none !important;
font-weight:bold;
margin:13px 10px 0 10px !important;
padding:6px 12px !important;
}

.berichtenbox .header_berichtenbox_inbox .nieuwbericht:hover
{
background:#19be0d;
}

.berichtenbox .header_berichtenbox_inbox .zoekveld
{
background:url(../images/berichtenbox/berichtenbox_zoekveld.png) no-repeat left top transparent;
float:right;
margin-top:13px;
}

.berichtenbox .header_berichtenbox_inbox .zoekveld input
{
border:none;
background:transparent;
line-height:28px;
height:28px;
width:185px;
padding-left:5px;
}

.berichtenbox .header_berichtenbox_inbox  .berichtentabs
{
margin-top:19px;
padding-left:10px;
}

.berichtenbox .header_berichtenbox_inbox  .berichtentabs li
{
margin-bottom:-1px;
float:left;
display:inline;
}

.berichtenbox .header_berichtenbox_inbox  .berichtentabs a
{
color:#547f94;
text-shadow:1px 1px #FFF;
padding:7px 15px;
text-decoration:none;
display:inline-block;
float:left;
}

.berichtenbox .header_berichtenbox_inbox  .berichtentabs a.active
{
border:1px solid #b6cad0;
border-bottom:1px solid #FFF;
color:#000;
background: #FFF; /* for non-css3 browsers */
/* css cross browser gradients */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#FFFFFF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#FFFFFF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F8F8F8,  #FFFFFF); /* for firefox 3.6+ */ 
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}

.berichtenbox .aantalberichten
{
margin-right:15px;
margin-left:5px;
float:right;
}

.berichtenbox .aantalberichten label
{
float:left;
margin-right:10px;
margin-top:6px;
}

.berichtenbox .berichtenstats
{
margin-top:6px;
text-align:right;
float:right;
color:#CCC;
}
.berichtenbox .berichtenstats .berichtenbox_inbox_stats
{
margin-right:5px;
}


.berichtenbox .berichtenstats .berichtenbox_inbox_pages
{
margin-left:5px;
}

.berichtenbox .berichtenstats .berichtenbox_inbox_pages a
{
margin-left: 2px;
display:inline-block;
border:1px solid #CCC;
background:#FFF;
padding:2px 8px;
text-decoration:none;
color:#8e8e8e;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.berichtenbox .berichtenstats .berichtenbox_inbox_pages a:hover
{
border:1px solid #000;
color:#000;
}

.berichtenbox .ongelezen_berichten,
.berichtenbox .gelezen_berichten
{
clear:both;
margin:10px;
}

.berichtenbox .ongelezen_berichten h1,
.berichtenbox .gelezen_berichten h1
{
font-weight:bold;
font-size:16px;
}


.berichtenbox .ongelezen_berichten table,
.berichtenbox .gelezen_berichten table
{
width:100%;
}

.ongelezen_berichten table th,
.gelezen_berichten table th
{
background:#f6f6f6;
color:#979797;
line-height:20px;
font-size:10px;
font-weight:normal;
border-bottom:1px solid #CCC;
}


.berichtenbox .th_selectmulti
{
width:8%
}

.berichtenbox .th_aan
{
width:20%;
}

.berichtenbox .th_onderwerp
{
width:42%;
}

.berichtenbox .th_attachment,
.berichtenbox .th_gelezen_door
{
width:2%;
}

.berichtenbox .th_attachment div
{
width:20px;
height:20px;
background:url(../images/berichtenbox/berichtenbox_th_attachment.png) no-repeat left top transparent;
}

.berichtenbox .th_datum
{
width:10%;
}

.berichtenbox .th_type
{
width:12%;
}


.berichtenbox  table th.th_selectmulti .dropdown
{
width:50px;
border:1px solid #F8F8F8;
background:url(../images/berichtenbox/berichtenbox_dropdown_arrow.png) no-repeat 30px 0 #FFF;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
position:relative;
}

.berichtenbox  table th.th_selectmulti .dropdown .uitklap
{
display:none;
position:absolute;
background:#FFF;
border:1px solid #CCC;
top:20px;
left:-1px;
-moz-border-radius:0 4px 4px 4px;
-webkit-border-radius:0 4px 4px 4px;
border-radius:0 4px 4px 4px;
width:100px;
padding:10px;
font-size:11px;
z-index:1;
-webkit-box-shadow: 0px 0px 3px #CCCCCC; 
-moz-box-shadow: 0px 0px 3px #CCCCCC; 
box-shadow: 0px 0px 3px #CCCCCC;
}

.berichtenbox  table th.th_selectmulti .dropdown .uitklapgeklapt
{
  position:absolute;
  top:17px;
  left:0px;
  display:none;
  width:50px;
  height:5px;
  background:#FFF;
  z-index:2;
}
.berichtenbox  table th.th_selectmulti .dropdown .uitklap ul
{
list-style:none;
padding:0;
margin:0;
margin-top:-4px;
}

.berichtenbox  table th.th_selectmulti .dropdown .uitklap ul li a
{
display:block;
padding-left:25px;
line-height:30px;
text-decoration:none;
color:#000;
border-bottom:1px solid #EEE;
}

.berichtenbox  table th.th_selectmulti .dropdown .uitklap ul li a:hover
{
  text-decoration:underline;  
}

.berichtenbox  table th.th_selectmulti .dropdown .uitklap a.conversatie_archiveer
{
background:url(../images/berichtenbox/berichtenbox_conv_archive.png) no-repeat left center transparent;
}

.berichtenbox  table th.th_selectmulti .dropdown .uitklap a.conversatie_verwijder
{
background:url(../images/berichtenbox/berichtenbox_conv_trash.png) no-repeat left center transparent;
}

.berichtenbox  table th.th_selectmulti .dropdown:hover
{
z-index:2;
border:1px solid #CCC;
-webkit-box-shadow: 0px 0px 3px #CCCCCC; 
-moz-box-shadow: 0px 0px 3px #CCCCCC; 
box-shadow: 0px 0px 3px #CCCCCC;
background-position: 30px -25px;

}

.berichtenbox  table th.th_selectmulti .dropdown:hover .uitklap,
.berichtenbox  table th.th_selectmulti .dropdown:hover .uitklapgeklapt
{
display:block;
}

.berichtenbox .ongelezen_berichten table td,
.berichtenbox .gelezen_berichten table td
{
background:#f8f9f9;
border-top:1px solid #FFF;
border-bottom:1px solid #dadada;
}

.berichtenbox .ongelezen_berichten table tr:hover td,
.berichtenbox .gelezen_berichten table tr:hover td

{
background:#fdffe8;
cursor:pointer;
}

.berichtenbox td.onderwerp span
{
width:400px;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap; 
overflow:hidden; 
}

.berichtenbox .ongelezen_berichten table td
{
background:#FFF;
font-weight:bold;
}

.berichtenbox table td .naam
{
width:120px;
display:inline-block;
text-overflow:ellipsis;
white-space:nowrap; 
overflow:hidden; 
}

.berichtenbox table td .aantalberichten
{
vertical-align: top;
}


.berichtenbox table td.attachment div
{
width:16px;
height:15px;
background:url(../images/berichtenbox/berichtenbox_attachment.png) no-repeat left top transparent;
}

.berichtenbox table td.gelezen_door div
{
width:20px;
height:20px;
background:url(../images/berichtenbox/berichtenbox_gelezen_door.png) no-repeat left top transparent;
}
.berichtenbox table td.gelezen_door div:hover
{
background-position:left bottom;
}
.berichtenbox table .type
{
  text-align:center;
  padding:2px 3px;
  background:#CCC;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  vertical-align:middle;
  width:79px;
  text-transform:uppercase;
  font-size:10px;
}

.berichtenbox table .type.type_actie
{
  background:#f7e2b5;
  color:#a67b1d;
  text-shadow:1px 1px #fefbf5;
}

.berichtenbox table .type.type_schade
{
  background:#f2c9cb;
  color:#6c3227;
  text-shadow:1px 1px #faecec;
}

.berichtenbox table .type.type_mededeling
{
  background:#b7d0e2;
  color:#327eb6;
  text-shadow:1px 1px #c6dae8;
}

.berichtenbox table .type.type_vraag
{
  background:#b9e2b7;
  color:#417d3e;
  text-shadow:1px 1px #d9efd7;
}



/**********************************************************************
=======================================================================
NIEUW BERICHT
=======================================================================
***********************************************************************/

.berichtenbox .header_berichtenbox
{
background:#f8f8f8;
float:left;
width:100%;
border-bottom:1px solid #d8d8d8;
}

.berichtenbox .header_berichtenbox .terugnaarinbox
{
background:url(../images/berichtenbox/berichtenbox_terug_grijs.png) no-repeat left center transparent;
margin:20px 17px;
padding-left:20px;
color:#9a9a9a;
font-size:10px;
text-shadow:1px 1px #FFF;
text-decoration:none;
float:right;
display:inline-block;
}

.berichtenbox .header_berichtenbox .breadcrumb
{
margin:20px 17px;
float:left;
}

.berichtenbox .header_berichtenbox .breadcrumb,
.berichtenbox .header_berichtenbox .breadcrumb a
{
color:#000;
font-weight:bold;
text-decoration:none;
font-size:18px;

}

.berichtenbox .filterbalk
{
border-top:1px solid #c4eaff;
border-bottom:1px solid #f4f9fa;
background:#cfe1e6;
float:left;
width:100%;
color:#6994a0;
padding:12px 0;
}

.berichtenbox .filterbalk span
{
line-height:30px;
float:left;
margin-right:5px;
}

/* ========== custom select Uniform =================*/
.berichtenbox .filterbalk div.selector,
.berichtenbox .aantalberichten div.selector
{
*float:left;
padding-left:0px;
}

.berichtenbox .filterbalk div.selector, 
.berichtenbox .filterbalk div.selector span,
.berichtenbox .opstellen_aan div.selector, 
.berichtenbox .opstellen_aan div.selector span
{
  background-image: url(../images/berichtenbox/sprite.png);
  background-repeat: no-repeat;
  color:#4a7c89;
  text-shadow:none;
  height: 30px;
  line-height: 30px;
  padding-left:0;
  width:170px;
  min-width:170px;
}

.berichtenbox .aantalberichten div.selector,
.berichtenbox .aantalberichten div.selector span
{
  background-image: url(../images/berichtenbox/sprite_medium.png);
  background-repeat: no-repeat;
  background-position:top left;
  color:#CCC;
  text-shadow:none;
  height: 28px;
  line-height: 30px;
  padding-left:0;
  width:74px;
  min-width:74px;
}

.berichtenbox .aantalberichten div.selector.focus span, 
.berichtenbox .aantalberichten div.selector.hover span, 
.berichtenbox .aantalberichten div.selector:hover span
{
    background-position: left -30px;
}

.berichtenbox .filterbalk div.selector span,
.berichtenbox .opstellen_aan div.selector span,
.berichtenbox .aantalberichten div.selector span
{
padding:0;
text-indent:10px;
}

.berichtenbox .filterbalk div.selector.focus span, 
.berichtenbox .filterbalk div.selector.hover span, 
.berichtenbox .filterbalk div.selector:hover span,
.berichtenbox .opstellen_aan div.selector.focus span, 
.berichtenbox .opstellen_aan div.selector.hover span, 
.berichtenbox .opstellen_aan div.selector:hover span {
    background-position: right -30px;
}

.berichtenbox .filterbalk div.selector.focus:active span, 
.berichtenbox .filterbalk div.selector.hover:active span, 
.berichtenbox .filterbalk div.selector:hover:active span,
.berichtenbox .opstellen_aan div.selector.focus:active span, 
.berichtenbox .opstellen_aan div.selector.hover:active span, 
.berichtenbox .opstellen_aan div.selector:hover:active span {
    background-position: right -60px;
}
/* ========== /custom select Uniform =================*/

.berichtenbox .filterbalk .keuze_aan_wie
{
margin-right: 202px;
margin-right:202px\9;
margin-left:14px;
float:left;
}

.berichtenbox .filterbalk .keuze_zichtbaar_voor
{
margin-right:20px;
float:left;
line-height:30px;
}

.berichtenbox .filterbalk .keuze_zichtbaar_voor label,
.berichtenbox .filterbalk .keuze_zichtbaar_voor input
{
  float:left;
  vertical-align:middle;
}

.berichtenbox .filterbalk .keuze_zichtbaar_voor input
{
  margin:10px 10px 0 0;
  margin:5px 5px 0 0 \9;
}

.berichtenbox .filterbalk .keuze_type
{
	margin-left:15px;
}

.berichtenbox .opstellen_berichtcontainer
{
padding:10px 17px;
background:#e3eff3;
color:#2c4d5e; 
}

.berichtenbox .opstellen_berichtcontainer label
{
float:left;
line-height:24px;
margin-right:10px;
font-weight:bold;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_onderwerp
{
float:left;
padding:15px 0;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_onderwerp input
{
line-height:25px;
height:25px;
width:420px;
border:1px solid #cfe1e6;
}

.hsMijnpagina .berichtenbox .opstellen_berichtcontainer .opstellen_onderwerp input
{
width:400px;
}


.berichtenbox .opstellen_berichtcontainer #berichtenbox_new_form
{
    float: right;
    padding: 15px 0;
    width: 44%;
}

.berichtenbox .opstellen_berichtcontainer.opstellen_reply_container #berichtenbox_conversatie_form
{
    float: right;
    padding: 10px 0 2px;
    width: 44%;

}


.berichtenbox .opstellen_berichtcontainer .opstellen_bijlage input
{
float:left;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_bijlage .file
{
height:23px;
}



.berichtenbox .opstellen_berichtcontainer #berichtenbox_new_form_file_container
{
width:auto;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_bijlage input[type="text"]
{
line-height:25px;
height:25px;
border:1px solid #cfe1e6;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_bericht
{
clear:both;
background:#FFF;
border:1px solid #cfe1e6;
width:98.6%;
}
.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_buttons
{
background:#f9f9f9;
border-bottom:1px solid #FFF;
padding:2px;
*float:left;
*width:100%;
}


.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_buttons .hswysiwyg_bold,
.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_buttons .hswysiwyg_italic,
.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_buttons .hswysiwyg_underline
{
display:inline-block;
width: 33px;
height:23px;
text-decoration:none;
cursor:pointer;
text-indent:-9999px;
*float:left;
}


.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_buttons .hswysiwyg_bold
{
background:url(../images/berichtenbox/berichtenbox_editor_bold.png) no-repeat right center transparent;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_buttons .hswysiwyg_italic
{
background:url(../images/berichtenbox/berichtenbox_editor_italic.png) no-repeat right center transparent;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_buttons .hswysiwyg_underline
{
background:url(../images/berichtenbox/berichtenbox_editor_underline.png) no-repeat right center transparent;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_bericht .hswysiwyg_editor
{
border-top:1px solid #e5e5e5;
}





.berichtenbox #berichtenbox_new_form_attachments,
.berichtenbox #berichtenbox_conversatie_form_attachments
{
background:url(../images/berichtenbox/berichtenbox_attachment_blauw.png) no-repeat left center transparent;
padding-left:20px;
float:right;
margin-right:15px;
margin-bottom:10px;
line-height:20px;
color:#12354f;
clear:right;
}

.berichtenbox .opstellen_berichtcontainer .annuleren
{
color: #8BA4AB;
display: inline-block;
padding: 12px 0;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_verstuur 
{
float:right;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_verstuur input,
.berichtenbox .opstellen_berichtcontainer .opstellen_verstuur label
{
 vertical-align: middle;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_verstuur label
{
line-height:50px;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_verstuur .opstellen_verstuur_button
{
background:#0f9e04 !important;
color:#FFF !important;
text-decoration:none;
text-shadow:none !important;
font-weight:bold;
margin:10px;
padding:6px 15px !important;
border:none !important;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_verstuur .opstellen_verstuur_button:hover
{
background:#19be0d !important;
}

/**********************************************************************
=======================================================================
CONVERSATIE
=======================================================================
***********************************************************************/

.berichtenbox .conversatie_opties
{
border-bottom:1px solid #e9e9e9;
text-align:right;
margin-bottom:20px;
}

.berichtenbox .conversatie_opties a
{
display:inline-block;
padding-left:22px;
font-size:11px;
margin: 8px 20px 8px 5px;
color:#5a5a5a;

}

.berichtenbox .conversatie_opties a.conversatie_archiveer
{
background:url(../images/berichtenbox/berichtenbox_conv_archive.png) no-repeat left center transparent;
}

.berichtenbox .conversatie_opties a.conversatie_verwijder
{
background:url(../images/berichtenbox/berichtenbox_conv_trash.png) no-repeat left center transparent;
}


.berichtenbox .opstellen_reply_container 
{
padding-top:0;
}

.berichtenbox .hoekje
{
background:url(../images/berichtenbox/berichtenbox_reply_hoekje.png) no-repeat left top transparent;
width:23px;
height:23px;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_aan
{
background:url(../images/berichtenbox/berichtenbox_terug_blauw.png) no-repeat left center transparent;
float:left;
padding:15px 25px;
}

.berichtenbox .opstellen_berichtcontainer .opstellen_aan > span
{
float:left;
margin:6px 10px 0 0;
}

.berichtenbox .conversatie_lijst .conversatie
{
padding-left:18px;
margin-bottom:20px;
}

.berichtenbox .conversatie_lijst .conversatie .conversatie_afzender
{
background:url(../images/berichtenbox/berichtenbox_conversatie_user.png) no-repeat left top transparent;
color:#010101;
padding-left:30px;
font-weight:bold;
margin-bottom:15px;
}

.berichtenbox .conversatie_lijst .conversatie .conversatie_afzender span
{
color:#585858;
font-weight:normal;
display:inline;
margin-left:5px;
}

.berichtenbox .conversatie_lijst .conversatie .conversatie_bericht
{
padding:15px;
margin-left:20px;
margin-right:30px;
background:#fcfcfc;
color:#919191;
line-height:22px;
text-shadow:1px 1px #FFF;
}

.berichtenbox .conversatie_lijst .conversatie.laaste_bericht .conversatie_bericht
{
background:#eff7fa;
color:#000000;
}


.berichtenbox .conversatie_lijst .conversatie .conversatie_bericht.tekst_is_zichtbaar
{
color:#000;
}

.berichtenbox .conversatie_lijst .conversatie .conversatie_bericht .leesverder
{
background:#FCFCFC;
color:#404040;
border:1px solid #e4e4e4;
padding:2px 8px;
color:#8e8e8e;
display:block;
margin:5px 0;
text-decoration:none;
outline:0 none;
line-height:18px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
.berichtenbox .conversatie_lijst .conversatie .conversatie_bericht .leesverder:hover
{
background:#FFF;
}

.berichtenbox .conversatie_lijst .conversatie .conversatie_attachments
{
margin-left:20px;
margin-right:30px;
border-top:2px dashed #FFF;
background:#fcfcfc;
padding:5px;
}

.berichtenbox .conversatie_lijst .conversatie.laaste_bericht .conversatie_attachments
{
background:#eff7fa;
}

.berichtenbox .conversatie_lijst .conversatie .conversatie_attachment
{
    background: url("../images/berichtenbox/berichtenbox_th_attachment.png") no-repeat scroll 2px -16px #FFFFFF;
    height: 20px;
    padding: 5px 5px 5px 25px;
    width: 96.5%;
	cursor:pointer;
	position:relative;
}

.berichtenbox .conversatie_lijst .conversatie .conversatie_attachment:hover
{
    background: url("../images/berichtenbox/berichtenbox_th_attachment.png") no-repeat scroll 2px -16px #F8F8F8;
}
.berichtenbox .conversatie_lijst .conversatie.laaste_bericht .conversatie_attachment:hover
{
    background: url("../images/berichtenbox/berichtenbox_th_attachment.png") no-repeat scroll 2px -16px #afc9d0;
}

.berichtenbox .conversatie_lijst .conversatie .hoekje
{
margin-top:-20px;
margin-left:20px;
background:url(../images/berichtenbox/berichtenbox_conversatie_hoekje.png) no-repeat left top transparent;
width:11px;
height:11px;
}

.berichtenbox .conversatie_lijst .conversatie.laaste_bericht .hoekje
{
background:url(../images/berichtenbox/berichtenbox_conversatie_hoekje_blauw.png) no-repeat left top transparent;
}

/**********************************************************************
=======================================================================
BERICHTENBOX KLEIN WIDGET
=======================================================================
***********************************************************************/
.berichtenbox_klein
{

}

.berichtenbox_klein .berichtenbox_klein_header 
{
font-weight:bold;
}


.berichtenbox_klein .berichtenbox_klein_header span
{
display:inline-block;
}
.berichtenbox_klein .berichtenbox_klein_header span.ongelezen_berichten_counter
{
color:#CCC;
}
.berichtenbox_klein .berichtenbox_klein_item
{
border-bottom:1px solid #CCC;
padding:4px 0;
cursor:pointer;
color:#333;
}

.berichtenbox_klein .berichtenbox_klein_item.ongelezen
{
font-weight:bold;
color:#000;
}

.berichtenbox_klein .berichtenbox_klein_item:hover
{
background:#fbfbfb;
}

.berichtenbox_klein .berichtenbox_klein_item span
{
padding-left:12px;
border-left: 5px solid #B7D0E2;
display: block;
width: 100%;
}

.berichtenbox_klein .berichtenbox_klein_item #tiptip_content
{
text-align:center;
}

.berichtenbox_klein .berichtenbox_klein_item .actie
{
  border-left:5px solid #f7e2b5;
}

.berichtenbox_klein .berichtenbox_klein_item .schade
{
  border-left:5px solid #f2c9cb;
}

.berichtenbox_klein .berichtenbox_klein_item .mededeling
{
  border-left:5px solid #b7d0e2;
}

.berichtenbox_klein .berichtenbox_klein_item .vraag
{
  border-left:5px solid #b9e2b7;
}