body{
	padding: 0px;
	padding-top: 20px;
	margin: 0px;
	font-family: arial;
	font-size: 11px;	
	background-color: #121212;
	background-image:url(../img/bureaublad/app-bg.gif	);

}

.pictogramFont{
font-family:tahoma;
font-size:11px;
color:#00000;
}

a:link{
	font-family: Arial;
	color: black;
	text-decoration: none;
}

a:visited{
	font-family: Arial;
	color: black;
	text-decoration: none;
}

a:active{
	font-family: Arial;
	color: black;
	text-decoration: none;
}

a:hover{
	font-family: Arial;
	color: black;
	text-decoration: none;	
}

#contentDiv{
	background-image:url(../img/bureaublad/background1.gif);
	position: relative; 
	width: 900px; 
	height: 700px; 
	padding: 0px;
	background-color: #808080;
	z-index: 1;
}

#logonScreen{
	text-align: left;
	width: 460px;
	height: 355px;
    top: 220px;
	padding: 2px;
	z-index: 99;
	background-color: #d4d0c8;
	position: relative;
	left: 14%;
	margin-left: 220px;
}

#appDisabledDiv{
	position:absolute; 
	background-color: black; 
	filter:alpha(opacity=55); 
	opacity:0.4; 
	display:none;
	height: 835px;
	width: 904px;
	z-index: 98;
	left: 14%;
}

#contentTable{
	position:absolute; 
	border: 2px solid #d4d0c8;
	left: 14%;
}

#facturenTable{
	width: 100%;
	height: 100%;
	position: relative;
}

#factuurListDiv{
	overflow: scroll;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	table-layout: fixed;
}

#klantenListDiv{
	overflow: scroll;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	table-layout: fixed;
}

#dienstenListDiv{
	overflow: scroll;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	table-layout: fixed;
}

#addNewKlantenDiv{
	display: none;
	background-color: #d5d0c8;
	position: absolute;
	z-index: 4;
	margin-left: 150px;
	margin-top: -110px;
	border: 2px outset #8b8a8a;
	width: 500px;
	height: 576px;
	background-color: #d5d0c8;
	table-layout: fixed;
	padding: 2px;		
}

#addNewArtikelDiv{
	display: none;
	background-color: #d5d0c8;
	position: absolute;
	z-index: 4;
	margin-left: 120px;
	margin-top: 120px;
	border: 2px outset #8b8a8a;
	width: 500px;
	height: 236px;
	background-color: #d5d0c8;
	table-layout: fixed;
	padding: 2px;		
}

#addNewFactuurDiv{
	display: none;
	background-color: #d5d0c8;
	position: absolute;
	z-index: 4;
	margin-left: 40px;
	margin-top: -80px;
	border: 2px outset #8b8a8a;
	width: 620px;
	height: 570px;
	background-color: #d5d0c8;
	table-layout: fixed;
	padding: 2px;	
}

#saveStatusDiv{
	height: 17px;
	width: 157px;
	border: 1px solid #989797;
	margin-right: 3px;
	background-image: URL(../img/bureaublad/saving-bg.gif);
}	

#factuurRegelCalcDiv{
	background-color: white;
	font-size: 11px;
	font-family: arial;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;	
	width: 180px;
	margin-left: 20px;
	height: 130px;
	padding-left: 5px;
}

#factuurStatusCommentDiv{
	display: none;
	background-color: #d5d0c8;
	position: absolute;
	z-index: 4;
	border: 2px outset #8b8a8a;
	width: 270px;
	height: 100px;
	background-color: #d5d0c8;
	table-layout: fixed;
	padding: 2px;
	margin-left: 200px;
	margin-top: 180px;
}

#registratieDiv{
	position: absolute;
	z-index: 101;
	background-color: white;
	border: 1px solid black;
	width: 500px;
	height: 500px;
	left: 14%;
	margin-left: 190px;
	top: 210px;
	display: none;
}

.sTable{
	padding: 0px;
	padding-top:2px;
	margin:0px;
	position: relative;
	font-family: arial;
	font-size: 11px;		
}

.popupStandard{
	height: 500px;
	width: 700px;
	margin: 100px;
	display: none;
	position: absolute;
	background-color: #d5d0c8;
	table-layout: fixed;
	border: 1px solid black;
	padding: 2px;
}

.popupSmall{
	height: 350px;
	width: 500px;
	margin: 150px;
	display: none;
	position: absolute;
	background-color: #d5d0c8;
	table-layout: fixed;
	border: 1px solid black;
	padding: 2px;
}


.popupMaximize{
	border: 1px solid black;
	height: 690px;
	width: 892px;
	display: none;
	position: absolute;
	background-color: #d5d0c8;
	table-layout: fixed;
	padding: 2px;	
}

.popupHeader{
	background-color: #203c7d;
	width: 700px;
	height: 22px;
	font-family: arial;
	font-size: 11px;
	color: white;
}

.popupHeaderSmall{
	background-color: #203c7d;
	width: 500px;
	height: 22px;
	font-family: arial;
	font-size: 11px;
	color: white;
}

.popupHeaderSub{
	background-color: #203c7d;
	width: 500px;
	height: 22px;
	font-family: arial;
	font-size: 11px;
	color: white;
}

.popupHeaderSubLarge{
	background-color: #203c7d;
	width: 630px;
	height: 22px;
	font-family: arial;
	font-size: 11px;
	color: white;
}


.popupHeaderMaximize{
	background-color: #203c7d;
	width: 894px;
	height: 22px;
}

.popupContent{
	height: 476px;
	width: 700px;
	background-color: #d5d0c8;
}

.popupContentSmall{
	height: 346px;
	width: 498px;
	background-color: #d5d0c8;
}

.popupContentSub{
	width: 500px;
	font-family: arial;
	font-size: 11px;
	color: white;	
}

.popupContentSubLarge{
	width: 630px;
	height: 100%;
	font-family: arial;
	font-size: 11px;
	color: white;
}

.popupContentMaximize{
	height: 672px;
	width: 894px;
	background-color: #d5d0c8;
}

.inputText{
	font-size: 11px;
	font-family: arial;
	width: 132px;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
}

.inputTextLarge{
	font-size: 11px;
	font-family: arial;
	width: 232px;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
}

.inputTextLarge2{
	font-size: 11px;
	font-family: arial;
	width: 350px;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
}

.selectBox{
	font-size: 11px;
	font-family: arial;
	width: 85px;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
}

.inputTextFactuur{
	font-size: 11px;
	font-family: arial;
	width: 100px;
	height: 18px;
	border: 1px solid white;
	margin-left: 1px;	
}

.inputTextTextarea{
	font-size: 11px;
	font-family: arial;
	border: 1px solid white;
	padding: 0px;
}

.inputTextFactuurSelected{
	font-size: 11px;
	font-family: arial;
	width: 100px;
	height: 18px;
	border: 1px solid red;
	margin-left: 1px;
}

.inputTextTextareaSelected{
	font-size: 11px;
	font-family: arial;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	padding: 0px;
	padding: 0px;
}


.inputButton{
	font-size: 11px;
	background-color: #d4d0c8;
}

.inputCheckBox{
	border: 0;
}

.bgLine{
	background-image: URL(../img/bg_line.gif);
}

.tabToTop{
	display: none; 
	width: 80px; 
	background-color: #b2b0b0;
	font-size: 10px;
	font-family: ariel;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 2px solid #eaeaea;
	border-bottom: 2px solid #eaeaea;
}

.tabToBack{
	display: none; 
	width: 80px; 
	background-color: #d4d0c8;
	font-size: 10px;
	font-family: ariel;
	border-right: 2px solid #808080;
	border-bottom: 2px solid #808080;
	border-left: 2px solid #eaeaea;
	border-top: 2px solid #eaeaea;	
}

.menuHeader{
	background-color: #203c7d;
	width: 700px;
	height: 20px;
	font-family: arial;
	font-size: 11px;
	color: white;
	padding-left: 3px;
	font-weight: bolder;
}

.mOptions{
	padding-left: 3px;
}

.popupTitel{
	padding-left: 10px;
	color: white;
	font-family: tahoma;
	font-size: 11px;
}

.inputOverDiv{
	overflow: hidden;
	margin-left: 4px;
	height: 17px;
	background-color: transparent;
	cursor: hand;
}

.contentListDiv{
	overflow: scroll;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
	table-layout: fixed;
}