div.wrapper { width: 980px; margin: auto; }
div.container {	padding: 20px;	background-color: #ffffff;	border-right: 4px #ebebeb solid; border-bottom: 4px #ebebeb solid; }
div.footer { text-align:center; margin-left: 7px; margin-top: 7px; color:#bcc2d0;}
body{ background-color: #EFF3FB;font-family: Arial, Helvetica, sans-serif;font-size: 11px; margin-left:20px; margin-right:20px; }
.companyLogo { width:247px;height:30px; background-image:url(images/SGLogoNw.jpg); }
h1,h2,h3{ color: #003353; }
a { color:#00b5e8; }
textarea, textbox, td, input, select { font-family: Arial, Helvetica, sans-serif;font-size: 11px; }
#progname { width:247px; text-align:right; color:#003353; }
#DivDeurwaarder { text-align: right;padding: 5px 5px 5px 0px; }
#gridDossiers th { height:24px; background-image:url(images/header_bg_nw.jpg); background-repeat:repeat-x;  background-position:left top; text-align: left; color:#FFF; padding:0px 0px 0px 5px;}
#gridDossiers th a { text-decoration:none; color:#FFF; }
#gridDossiers td { height:18px; padding:3px 5px;} 
.logo { background-image: url("images/SGLogo.jpg"); background-color:Transparent; display:block; width:247px; height:28px; }
.divError {margin:auto; background-color:#FFF; padding: 10px;width:500px; text-align:center; margin-top:50px;border-right: 2px solid black; border-bottom: 2px solid black;}
.panel { background-color:#EFF3FB; padding:5px; vertical-align:top; }
.panelRegeling, .panelContract, .panelMedehuurders, .panelAanmaningen ,.panelFactuurgegevens, .panelHistorie, .panelSaldoHistorie, .panelDossiers { background-color:#EFF3FB; padding: 0px 5px; vertical-align:top; }

.melding{ color:Red; }
.meldingLaden {}
.navigatie{ text-decoration:none; color:#000;}
.zoekHeader{width:82px; text-align:right;padding-right:5px; padding-left:5px;}
.header{ width:120px;text-align:right;padding-right:5px; }
.data{ background-color:#FFF; padding-left:5px; width:400px;}
.sectieHeader { width:150px; height:40px; font-weight:bold; font-size:12px; }
.sectieSpinner { width:150px; }
.uitloggen {color:#003353; text-decoration:none;}
.uitloggen:hover {text-decoration:underline;}

/* login control */
.Login_tabel{ width:350px; font-family:Arial; font-size:12px; color:#003353;}
.Login_lblMessage{ color: Red; }
.Login_Titel{ font-family:Arial; font-weight:bold; font-size:24px;}
.Login_SubTitel{}
.Login_lblLoginName { font-weight:bold; }
.Login_txtLoginName { width:130px; }
.Login_lblPassword { font-weight:bold; }
.Login_txtPassword { width:130px; }
.Login_btnLogin {}
.Login_image { }

/* overzicht */
.grid { width:100%; }
.grid_alternate { background-color: #EFF3FB; }
.grid_DossierNummer {width:70px;vertical-align:top;}
.grid_Naam {vertical-align:top;}
.grid_Startdatum {width:90px;vertical-align:top;}
.grid_Einddatum {width:90px;vertical-align:top;}

/* contract gegevens */
.gridSaldi { background-color:#FFF; }
.grid_openstaand { background-color: #003353; color:#FFF;}
.grid_vordering { background-color: #003353; color:#FFF;}
.grid_item { width:300px; text-align:left; padding: 1px 5px; }
.grid_bedrag { width:100px; text-align:right; padding: 1px 5px; }
.grid_total { border-top: 2px solid #BBB; width:100px; text-align:right; padding: 1px 5px; }

/* grid aanmaningen */
.gridAanmaningen_Header{ font-size:10px; background-color:#003353; color:#FFF; height:15px; }
.gridAanmaningen_Alternate { background-color: #FFF;}
.gridAanmaningen_Datum { width:80px; padding: 2px 5px; vertical-align:top;}
.gridAanmaningen_Code{ padding: 2px 5px; vertical-align:top; }
.gridAanmaningen_Bedrag{ width:90px; text-align:right; padding: 2px 5px; vertical-align:top; }

/* grid medebewoner/huurder */
.gridMedeBewonerHuurder_Header{ font-size:10px; background-color:#003353; color:#FFF; height:15px; }
.gridMedeBewonerHuurder_Alternate { background-color: #FFF;}
.gridMedeBewonerHuurder_IsMedeBewoner { width:100px; padding: 2px 5px; vertical-align:top;}
.gridMedeBewonerHuurder_Naam { width:200px; padding: 2px 5px; vertical-align:top;}
.gridMedeBewonerHuurder_Adres{ padding: 2px 5px; vertical-align:top; }

/* grid historie */
.gridHistorie_Header{ font-size:10px; background-color:#003353; color:#FFF; height:15px; }
.gridHistorie_Alternate { background-color: #FFF;}
.gridHistorie_BoekDatum { width:80px; padding: 2px 5px; vertical-align:top;}
.gridHistorie_Soort{ width:90px; padding: 2px 5px; vertical-align:top; }
.gridHistorie_Betreft{width:100px; padding: 2px 5px; vertical-align:top; }
.gridHistorie_OntvangstDatum{ width:80px; padding: 2px 5px; vertical-align:top; }
.gridHistorie_Omschrijving{ padding: 2px 5px; vertical-align:top; }
.gridHistorie_Bedrag{ width:100px; text-align:right; padding: 2px 5px; vertical-align:top; }

/* grid factuurhistorie */
.gridFactuurHistorie_Header{ font-size:10px; background-color:#003353; color:#FFF; height:15px; }
.gridFactuurHistorie_Alternate { background-color: #FFF;}
.gridFactuurHistorie_BoekDatum{ width:80px; padding: 2px 5px; vertical-align:top;}
.gridFactuurHistorie_VervalDatum{ width:80px; padding: 2px 5px; vertical-align:top; }
.gridFactuurHistorie_Nummer{ width:100px; padding: 2px 5px; vertical-align:top; }
.gridFactuurHistorie_Omschrijving{ padding: 2px 5px; vertical-align:top; }
.gridFactuurHistorie_Bedrag{ width:100px; text-align:right; padding: 2px 5px; vertical-align:top; }
.gridFactuurHistorie_Saldo{ width:100px; text-align:right; padding: 2px 5px; vertical-align:top; }

/* grid saldohistorie */
.gridSaldoHistorie_Header{ font-size:10px; background-color:#003353; color:#FFF; height:15px; }
.gridSaldoHistorie_Alternate { background-color: #FFF;}
.gridSaldoHistorie_Periode{ width:80px; padding: 2px 5px; vertical-align:top;}
.gridSaldoHistorie_Verschuldigd{ width:80px; text-align:right; padding: 2px 5px; vertical-align:top; }
.gridSaldoHistorie_Soort{ padding: 2px 5px; vertical-align:top; }
.gridSaldoHistorie_Ontvangen{ width:100px; text-align:right; padding: 2px 5px; vertical-align:top; }
.gridSaldoHistorie_BoekDatum{ width:80px; padding: 2px 5px; vertical-align:top; }
.gridSaldoHistorie_Saldo{ width:100px; text-align:right; padding: 2px 5px; vertical-align:top; }

.panelTreeView { width:400; float:left; margin-top: 10px;}
.panelDossierView { float:left; margin-top: 20px; }
.DossierViewHeader { font-weight:bold;}
.GridMouseOver { background-image:url(images/row_hover_nw.jpg);background-repeat:repeat-x;background-position:left bottom; }
.GridMouseOutAlternate { background-color:#EFF3FB; }
.GridMouseOut { background-color:#FFF;}

/* alternatieve betalingsregeling */
.termijnheader { font-weight: bold; }
.termijn_Item { display:none; }
.termijn_Alternate { background-color: #EFF3FB;display:none; }
.regeling_Alternate { background-color: #EFF3FB; cursor:pointer;height:18px; }
.regeling_item { cursor:pointer;height:18px; }
.regeling_expander { width: 15px; text-align:center; }
.regeling_BedragTotaal { text-align:right; }
.regeling_BedragHuur { text-align:right; }
.regeling_BedragOverig { text-align:right; }
.regeling_BedragVervallen { text-align:right; }
.regeling_SaldoRegeling { text-align:right; }
.regeling_AantalTermijnen { text-align:center; }
.regeling_Incassowijze { }
.regeling_BankrekeningNummer { text-align:left; }
.regeling_Vervaldag { text-align:center; }
.regeling_Incassodag { text-align:center; }
.regeling_Startdatum { text-align:left; }
.regeling_Status { text-align:left; }

.factuur {text-align:left;color:Red;}
.betaling {text-align:right;color:Blue; }