﻿body {
	font-family: 'Comic Sans MS';
	font-size: small;
	font-weight: normal;
	font-style: normal;
	height:100%;
	margin:0;
	padding:0;
}

table tr td a:link {
    color:Black;
}

table tr td a:visited {
    color:Black;
    text-decoration:none;
}

h1 {
    color:#fff;
    font-size:30px;
    font-weight:bold;
}

h2 {
    color:#fff;
    font-size:25px;
    font-weight:bold;
    text-transform:uppercase;
    vertical-align:bottom;
}

h3 {
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-transform:uppercase;
    vertical-align:bottom;
}

h4 {
    color:#fff;
    font-size:13px;
    font-weight:bold;
    text-transform:none;
    vertical-align:bottom;
}

a.goTop:link {
    color:#fff;
    text-decoration:none;
}

a.goTop:visited {
    color:#fff;
}

a.goTop:hover {
    color:#000;
}

a.footerLink:link {
    color:#fff;
    text-decoration:none;
}

a.footerLink:visited {
    color:#fff;
    text-decoration:none;
}

a.footerLink:hover {
    color:#fff;
    text-decoration:none;
}

a.gvHyperlink:link {
    color:#000;
}

a.gvHyperlink:visited {
    color:#000;
    text-decoration:none;
}

a.gvHyperlink:hover {
    color:#000;
}

table {
/*    width:100%; */
}

.linkButtonMenu {
    color:#000;
    font-size:15px;
    text-transform:uppercase;
    text-decoration:none
}

.linkButtonDossierMenu {
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    text-decoration:none
}

.linkButtonSearchMenu {
    font-size:11px;
    text-decoration:none;
    color:#fff;
}

img#bg {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
} 

#content {
    position:relative;
    z-index:1;
    width:100%;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    color:#fff;
} 

#mainTable {
/*    border-width:1px;
    border-style:solid;
    border-color:Black; */
	margin-left: auto;
	margin-right: auto;  
/*	border: 1px solid #000000;
	border-collapse: collapse; */
}

#navigation {
	height: 100%;
	text-align:left;
}

#errormsg {
	font-size: medium;
	font-weight: bold;
	color: #FF0000;
}

.style1 {
    width: 240px;
}
        
.style2 {
    width: 240px;
    height: 125px;
}

.style3 {
    height: 125px;
}

.style4 {
    height: 16px;
}

.style5 {
    height: 16px;
    width: 862px;
}

.style6 {
    background-color: #D8E4E2;
}

.smalltitle {
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

.inventaireCollapsePanel {
	background-color: #EBEBEB;
	margin-bottom: 5px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.printBackGround {
	background-color: #FFFFFF;
	font-family: 'Courier New' , Courier, monospace;
	font-size: 12px;
}

.modalPopup {
     background-color:#ffffdd;
     border-width:3px;
     border-style:solid;
     border-color:Gray;
     padding:3px;
     width:250px;
} 

p.MsoNormal {
    margin-top:0cm;
    margin-right:0cm;
    margin-bottom:10.0pt;
    margin-left:0cm;
    line-height:115%;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";
    width: 369px;
}

.modalBackground {
    background-color:Gray;
  filter:alpha(opacity=70);
    opacity:0.7;
}

#pageTitle {
    text-align:center;
}

.PageTitel 
{
    font-size:x-large;
    font-weight:bold;
    text-transform:uppercase;
    color:#fff;
}

.logo {
    width:200px;
/*    height:128px; */
}

.noResult {
    font-weight:bold;
}

.error {
    font-weight:bold;
    color:Red;
}

td.footerCopyright {
    text-align:center;
    font-size:12px;
    color:#fff;
    text-decoration:none;    
}

td.footerLeft {
    width:100px;
}

td.footerRight {
    width:100px;
    text-align:right;
}

td.alignRight {
    text-align:right;    
}

#navTreeview {
    text-align:left;
}

#pnlTopMenu {
    padding-left:100px;
}

.topMenuImg {
    height:75px;
    width:75px;
}

.imgBtnSmall {
    width:40px;
    height:40px;
}

.imgBtnVerySmall {
    width:30px;
    height:30px;
}

.menuLabels {
    color:#fff;
    font-size:14px;
    text-transform:uppercase; 
}

#confirmTitle {
    font-size:16px;
    text-align:center;
}

#exportExcel {
    text-align:center;
    color:#000;
    font-size:12px;
}

/* ************************************************************************
Instellingen voor tabel met dossiersinfo
*************************************************************************** */
table.DossierInfo 
{
    background-color:#569AA2;
    border-color:#39676C;
    border-style:solid;
    border-width:3px;
    color:#000;
    text-align:left;
}

td.DossierInfoLabel 
{
    width:15%;
}

td.DossierInfoText 
{
    width:35%;
    font-weight:bold;
}
    
/* ************************************************************************
Instellingen voor Gebruikersinfo
*************************************************************************** */
.pnlUserInfo {
    background-image:url('images/klant_achtergrond.png');
    background-repeat:no-repeat;
    background-position:right;
    width:267px;
    height:80px;
    margin-top:-6px;
}

.UserInfo 
{
    padding-top:10px;
    padding-right:10px;
    text-align:center;
}

a.LogOut:link {
    color:#fff;
    text-decoration:none;
}

a.LogOut:visited {
    color:#fff;
    text-decoration:none;
}

a.LogOut:hover {
    color:#fff;
    text-decoration:none;
}

/* ************************************************************************
Instellingen voor loginpanel
*************************************************************************** */

#loginPanel {
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-align:left;
}

.loginTextBoxes {
    width:300px;
    height:25px;
    font-size:20px;
    border:none;
    padding:3px;
}

.loginLabels {
    font-size:22px;
    font-weight:bold;
    color:#fff;
    text-align:left;
    text-transform:uppercase;
}

.loginBtn {
    width:300px;
    font-size:20px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
}

.welcomeInfo {
    font-size:12px;
    color:#fff;
    line-height:20px;
    margin-top:120px;
    text-align:justify;
}

/* ************************************************************************
Instellingen voor zoekpanel
*************************************************************************** */
/*
#searchPanel {
    background-image:url('images/zoekpanel_achtergrond.png');
    background-repeat:no-repeat;
    background-position:left; 
}
*/
td.tableTitle {
    padding-top:10px;
}

.searchTitle {
    margin-top:20px;
    text-transform:uppercase;
    font-size: 15px;
    font-weight:bold;
    color: #fff;
}

/*
.searchPanelZoekCriteria {
    height:0px;
    overflow: hidden;
}
*/
.searchLabel {
    margin-left:10px;
    text-transform:uppercase;
    color:#000;
    font-size:15px;
}

#searchExecute {
    width:80px;
    text-align:center;
}

#searchOtherCriteria {
    width:80px;
    text-align:center;
}

.searchTextBox {
    margin-left:15px;
    width:160px;
    border-style:solid;
    border-width:0.5px;
}

/* ************************************************************************
Instellingen voor scherm SearchResult
*************************************************************************** */

#searchResultTitle {
    color:#fff;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
}

.searchResultSubTitle {
    color:#000;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-transform:none;
}

#listOverview {
    width:100%;
}

/* ************************************************************************
Instellingen voor rapporten & down/upload
*************************************************************************** */

.rapportenLoad 
{
    background:#becbc9;
    border:solid 1px black;
    width:213px;
    box-shadow: 5px 5px 0px #0c2e38;
    /*
    background-image:url('images/rapportenload_achtergrond.png');
    background-repeat:no-repeat;
    background-position:left;
    padding-left:5px;
    padding-top:5px;
    */
}

.labelRapportenMenu {
    color:#000;
    font-size:15px;
    text-transform:uppercase; 
}

/* ************************************************************************
Instellingen voor logo dossier of klant
*************************************************************************** */

.customerLogo {
    width:70px;
    height:50px;
    padding-left:5px;
}

/* ************************************************************************
Instellingen voor dossiermenupanel
*************************************************************************** */

.dossiermenuPanel 
{
    /*
    height:360px;
    background-image:url('images/dossiermenu_achtergrond.png');
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:5px;
    padding-top:5px;
*/
}

a.hlDossierMenu:link {
    color:#fff;
    font-size:14px;
    text-transform:uppercase; 
    text-decoration:none;   
}

a.hlDossierMenu:visited {
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    text-decoration:none;   
}

a.hlDossierMenu:hover {
    color:#fff;
    font-size:14px;
    text-transform:uppercase;
    text-decoration:none;   
}

td.dossierTitel {
    font-weight:bold;
    font-size:14px;
    text-transform:uppercase;
    text-align:center;   
}

td.dossierClose {
    padding-top:5px;
    padding-left:10px;
}

/* ************************************************************************
Instellingen voor Gridview
*************************************************************************** */
.defaultGridview {width:100%;}
.defaultGridview td {vertical-align:top;}

/*Digital dossier css*/
td.ifileTitle {font-size:15px;color:#000;text-transform:uppercase;vertical-align:middle;}
.boldLabels {color:#000;font-size:12px;font-weight:bold;text-transform:uppercase;vertical-align:top;}
.inputTextBox {font-size:15px;}
td.upload {height:30px;}
.labelsSmall {color:#000;font-size:12px;font-weight:bold;vertical-align:top;}
.savesucces {font-size:30px;text-align: center;}

/*Messages*/
table.berichten {width:100%;}
table.titel {width:100%;border-style:solid;border-width:1px;border-color:#39676C;border-spacing:0px;}
td.msgtitelmidden {background-color:#39676C;height:30px;border-style:solid;border-width:1px;border-color:#39676C;border-spacing:0px;}
.labeltekst {font-size:15px;font-weight:bold;text-align:left;text-transform:uppercase;}
.labelError {font-weight:bold;text-align:left;color:Red;}
.imgBtnRechts {text-align:right;}
.boldLabels {color:#000;font-size:12px;font-weight:bold;text-transform:uppercase;}
.boldLabelsTop {color:#000;font-size:12px;font-weight:bold;text-transform:uppercase;vertical-align:top;}
td.centeredLabels {color:#000;font-size:12px;font-weight:bold;text-transform:uppercase;text-align:center;vertical-align:top;}
.textBox {font-size:15px;background-color:#CBCDCF;}
.textBoxToewijzen {font-size:15px;}
table.msgCriteria {margin-left:10px;}
table.msgCriteria td {height:30px;vertical-align:top;}
#PopupToewijzen {background-image:url('images/gradientsite2.jpg');background-repeat:no-repeat;background-position:right;width:750px;}
#btnToewijzenBevestigen {text-align:right;}
#popupBeantwoorden {background-image:url('images/gradientsite2.jpg');background-repeat:no-repeat;background-position:right;width:750px;}
#beantwoordenTitel {text-align:center;}
.ucTitel {font-size:large;font-weight:bold;text-transform:uppercase;color:#000;}

/*MFile*/
td.mfileTitel {font-size:15px;color:#000;text-transform:uppercase;text-align:left;vertical-align:middle;}

/*Pfile*/
.Titel {font-size:15px;font-weight:bold;color:#fff;text-transform:uppercase;text-align:left;vertical-align:middle;}
.veldBold {font-weight:bold;}

/*Searchcriteria*/
table.searchCriteria {width:100%;}
table.searchCriteria td {height:30px;}
table.normal td {height:10px;}
.lblSearchCriteriaTitle {font-size:20px;font-weight:bold;}
.imgBtnSmall {width:40px;height:40px;}
.labels {color:#000;font-size:15px;font-weight:bold;text-transform:uppercase;}
.rechtsAligneren {text-align:right; }
.textBoxSearch {width:500px;font-size:15px;background-color:#fff;}
.errorMessage {color:#990000;font-weight:bold;font-size:15px;text-align:center;}
.dropDownList {width:508px;height:23px;font-size:15px;}

.mesa_bericht{border-collapse:collapse;border:solid 1px white;color:black;}
.mesa_bericht th{padding:5px 0;}
.mesa_bericht .header{color:White;background-color:#569AA2;font-weight:bold;}
.mesa_bericht .inside{background-color: #CBCDCF;font-family: Verdana;font-size: 9pt;}

.mesa{color:black;background-color:white;width:100%;border-spacing: 1px;}
.mesa tr{background-color:#CBCDCF;font-family:Verdana;font-size:9pt;text-decoration:none;}
.mesa tr:nth-child(odd){background-color:#E7E8E9;font-family:Verdana;font-size:9pt;text-decoration:none;}
.mesa tr td{padding-left:5px;}
.mesa tr:hover{background-color:#5e5e5e;color:white;cursor:pointer;}

.print_message{display:none;}

@media print 
{
   body{font-family:arial;font-size:12px;}
   a{color:black;}
   .style1{display:none;}
   img{display:none;}
   #ctl00_ContentPlaceHolder1_pnlMenuButtons{display:none;}
   .topper{display:none;}
   #ctl00_ContentPlaceHolder1_txtMessage{display:none;}
   .print_message{display:block;font-family:arial;font-size:12px;color:black;}
   #ctl00_lblPageTitel{text-align:left;color:black;}
   #pageTitle{text-align:left;padding:30px 0 15px 10px;}
   .DossierInfo{border:none !important;padding-left:10px;}
   #ctl00_ContentPlaceHolder1_pnlAfrekening{display:none;}
   #ctl00_ContentPlaceHolder1_gvSearchResult,
   #ctl00_ContentPlaceHolder1_GridView1,
   .defaultGridview{border:solid 1px black !important;}
   #ctl00_ContentPlaceHolder1_gvSearchResult td,
   #ctl00_ContentPlaceHolder1_GridView1 td,
   .defaultGridview td{color:black !important;}
   #saldi_table {height:200px !important;color:black !important;font-family:arial;font-size:12px;}
   table tr th{color:black !important;}
}
