@charset "utf-8";

#inhoud 
{
  font-size: 13px;
}

#inhoud A
{
  color: #14589f;
  text-decoration: underline;
}

#inhoud P
{
  line-height: 19px;
  text-align: justify;
  margin-bottom: 15px;
}

#inhoud EM
{
  font-weight: bold;
  font-style: normal;
}

#inhoud H2
{
  color: #14589f;
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
}

#inhoud H2.notfirst
{
  margin-top: 20px;
}


#inhoud H3
{
  color: #14589f;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 17px;
}

#inhoud #probleemregistratieform
{
  margin: 0px;

}


#inhoud #probleemregistratieform LABEL
{
  display: block;
  margin: 0px;
  height: 24px;
  line-height: 24px;
}


#inhoud #probleemregistratieform LABEL.textlabel
{
  width: 130px;
  float: left;
}

#inhoud #probleemregistratieform LABEL.checkboxlabel
{
  display: inline;
}

#inhoud #probleemregistratieform LABEL.textarealabel
{
  display: block;
  margin: 0px;
  width: 150px;
  float: left;
  height: 24px;
  line-height: 24px;
}

#inhoud #probleemregistratieform LABEL.radiolabel
{
  display: inline;
  margin: 0px;
  height: 24px;
  line-height: 24px;
}

#inhoud #probleemregistratieform #field_probleemomschrijving
{
  width:681px;
  height:200px;
  font: 12px Arial, Helvetica, Verdana, sans-serif;
  
}

#inhoud #probleemregistratieform .uploadbox
{

}

#inhoud #probleemregistratieform button
{
  margin-top: 20px;
  padding: 4px 6px;
}





#inhoud #probleemhistoriek H3
{
  margin-bottom: 20px;
}

#inhoud #probleemhistoriek .filters
{
  margin-bottom: 10px;
  font-size: 12px;
}  

#inhoud #probleemhistoriek .filters LABEL
{
  padding-left: 5px;
  padding-right: 5px;
}  

#inhoud #probleemhistoriek .plusmin
{
  padding-top: 6px;
  padding-right: 10px;
  float: left;
}

#inhoud #probleemhistoriek .status
{
  padding-right: 10px;
  float: left;
}

#inhoud #probleemhistoriek .probleem 
{
  float: left;
  margin-bottom: 20px;
}

#inhoud #probleemhistoriek .probleemtitel
{
  color: #14589f;
  font-weight: normal;
}

#inhoud #probleemhistoriek .probleemtitel .klantnaam
{
  font-weight: bold;
}

#inhoud #probleemhistoriek .probleemonderschrift
{
  color: #14589f;
  margin-top: 3px;
  font-style: italic;
}

#inhoud #probleemhistoriek .probleemdetail
{
  margin-top: 10px;
  background-color: #ebf5ff;
  padding: 20px 10px 10px 20px;
  width: 750px;
  display:none;
  min-height: 60px;
  height: auto !important;
  height: 60px;
}

#inhoud #probleemhistoriek .probleemdetail .illustratie
{
  padding-top: 4px;
  float: left;
  width: 50px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving
{
  float: left;
  margin-bottom: 10px;
  width: 660px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving.aanpasbaar
{
  border-top: 1px dotted #14589f;
  padding-top: 10px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving.owndetail .titel
{
  color: #1458AB;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .titel
{
  font-weight: bold;
  margin-bottom: 5px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .onderschrift
{
  margin-top: 3px;
  margin-bottom: 5px;
  font-style: italic;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .onderschrift ul
{
  margin:0px;
  padding: 6px 0px 6px 20px;
}
#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .onderschrift li
{
  list-style: none;
  padding: 2px 0px;
}

.withicon
{  
  /* padding-left: 20px; */

}

.withicon:before
{
  content:'';
  vertical-align: text-bottom;
  display:inline-block;
  width:20px;
  height:26px;
  margin-right:10px;
  background-image: url('../images/inhoud/filetypes.png');
  background-size: 125px 107px;
  background-position: 0px 0px;
}

.withicon.docicon:before, .withicon.docxicon:before 
  { background-position: -21px 0px; }
.withicon.txticon:before 
  { background-position: -42px 0px; }
.withicon.zipicon:before, .withicon.zipxicon:before 
  { background-position: -63px 0px; }
.withicon.raricon:before 
  { background-position: -84px 0px; }
.withicon.htmicon:before, .withicon.htmlicon:before 
  { background-position: -105px 0px; }

.withicon.xmlicon:before 
  { background-position: 0px -27px; }
.withicon.psdicon:before 
  { background-position: -21px -27px; }
.withicon.msgicon:before 
  { background-position: -42px -27px; }
.withicon.emlicon:before 
  { background-position: -63px -27px; }
.withicon.xlsicon:before, .withicon.xlsxicon:before 
  { background-position: -84px -27px; }
.withicon.ppticon:before, .withicon.pptxicon:before 
  { background-position: -105px -27px; }
  
.withicon.jpgicon:before, .withicon.jpegicon:before 
  { background-position: 0px -54px; }
.withicon.pngicon:before 
  { background-position: -21px -54px; }
.withicon.gificon:before 
  { background-position: -42px -54px; }
.withicon.mp3icon:before 
  { background-position: -63px -54px; }
.withicon.mp4icon:before, .withicon.mpgicon:before, .withicon.mpegicon:before 
  { background-position: -84px -54px; }
.withicon.movicon:before
  { background-position: -105px -54px; }

.withicon.aviicon:before 
  { background-position: 0px -81px; }
.withicon.wmvicon:before 
  { background-position: -21px -81px; }
.withicon.pdficon:before 
  { background-position: -42px -81px; }



#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .omschrijving
{
  margin-bottom: 20px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .omschrijving.aanpasbaar
{ 
  margin-bottom: 10px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .omschrijving.aanpasbaar TEXTAREA
{ 
  width: 655px;
  height: 100px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .omschrijving P
{
  margin: 0px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .omschrijving .extraveld
{
  display: inline;
}


#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .omschrijving .extraveld INPUT
{
  width: 50px;
}

#inhoud #probleemhistoriek .probleemdetail .probleemdetailomschrijving .knoppen
{
  margin-bottom: 20px;
}


#inhoud #probleemhistoriek .probleemdetail .totalminutes
{
  width: 23px;
}

#inhoud .planningtabel
{
  width: 100%;
  border-spacing: 0px;
  border: 0px;
}

#inhoud .planningtabel TR
{
  color: black;
}

#inhoud .planningtabel TR.uneven
{
  color: black;
  background-color:#ebf5ff;
}

#inhoud .planningtabel TR.even
{
  color: black;
  background-color:white;
}

#inhoud .planningtabel TH
{
  color: #14589f;
  text-align: left;
}

#inhoud .planningtabel TH 
{
  padding: 3px 0px 6px 12px;  
  margin: 0px;
}
#inhoud .planningtabel TD
{
  padding: 8px 0px 8px 12px;  
  margin: 0px;
  font-size: 12px;
}

#inhoud .planningtabel LABEL
{
  font-style: italic;
  font-weight: normal;
  color: #14589f;
}

#inhoud .planningtabel label.klanten
{
  display: block;
  float: left;
  width: 80px;
  margin-bottom: 5px;
}

#inhoud .planningtabel label.vertegenwoordigers
{
  display: block;
  float: left;
  width: 60px;
  margin-bottom: 5px;
  
}


#inhoud .planningtabel SELECT
{
  font-size: 10px;  
}

#inhoud .planningtabel INPUT
{
  font-size: 10px;  
  width: 150px;
}

#inhoud #statistiekminutetable TABLE
{
  border-collapse:collapse;
}

#inhoud #statistiekminutetable TABLE TD, #inhoud #statistiekminutetable TABLE TH
{
  border: 1px solid #14589F;
}

#inhoud #statistiekminutetable TABLE TH
{
  background-color: #EBF5FF;
}

#inhoud #statistiekminutetable TABLE TH.noborder
{
  border: 0px;
  background-color: white;
}

.kolom
{
  float: left;
  width: 400px;
}