* {margin: 0; padding: 0;}
html {overflow: hidden; height: 100%;}
body {font-family: Verdana, sans-serif; font-size: 12px; line-height: 15.6px; color: #; margin: 0; padding: 0; overflow: hidden; width: 100%; height: 100%;}
div.main {overflow: hidden; height: 100%; border: 0; background-color: #; margin: 0; padding: 0;}

a:link {text-decoration: underline; color: #;}
a:visited {text-decoration: underline; color: #;}
a:active {text-decoration: underline; color: #;}
a:hover {text-decoration: underline; color: #;}
a:active, a:focus{outline: 0;}

h1 {font-family: Verdana, sans-serif; font-size: 13px; font-weight: 900; margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px}
h2 {font-family: Verdana, sans-serif; font-size: 12px; font-weight: 400; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
h3 {font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px}
h4 {font-family: Verdana, sans-serif; font-size: 12px; font-weight: 400; border-bottom: 3px solid #ffbf00; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px}

.kop1 {font-size: 25px; font-weight:bold; margin: 0px 0px 0px 0px;color: #;}
.kop2 {font-size: 14px; font-weight:bold; }
.kop3 {font-size: 12px; font-weight:bold; margin: 0px 50px 50px 0px;}

.input, .input1, .input2, .input3, .input4, .datum, .tijd {border: 1px solid #; font-size: 12px; background-color: #; color: #; padding: 1px 2px 0px 2px;}
.input1 {width: 400px}
.input2 {width: 150px}
.input3 {width: 100px}
.input4 {width:  50px}
.datum  {width:  75px}
.tijd   {width:  50px}

.readonly, .readonly1, .readonly2, .readonly3, .readonly4 {border: 1px solid #FFFFFF; background-color: #FFFFFF; color: #;font-size: 12px;}
.readonly1 {width: 280px}
.readonly2 {width: 175px}
.readonly3 {width:  70px}
.readonly4 {width:  40px}

.select, .textarea {border: 1px solid #; font-size: 12px; background-color: #; color: #;}
.select2, .textarea {border: 1px solid #; font-size: 12px; background-color: #; color: #;}
.submit, .submit1, .submit2, .submit3 {font-weight: bold; font-size: 12px; color: #ffffff; border: 2px outset #d6f5d6; background-color: #; padding: 2px 2px 0px 2px; cursor: pointer; cursor: pointer}
.submit1 {width: 300px}
.submit2 {width: 100px}
.submit3 {width:  75px}

.onderdeel {font-size: 12px; font-weight:bold}
.huidigepagina {font-size: 20px; color:#0066CC; font-weight:bold}

.textarea {font-family: Verdana, sans-serif; font-size: 12px}
.textarea1 {font-family: Verdana, sans-serif; font-size: 12px; width:  600px; height: 200px; border: 1px solid #; background-color: #; color: #; padding: 1px 1px 1px 2px;}
.textarea2 {font-family: Verdana, sans-serif; font-size: 12px; width:  450px; height: 100px; border: 1px solid #; background-color: #; color: #; padding: 1px 1px 1px 2px;}
.textarea3 {font-family: Verdana, sans-serif; font-size: 12px; width:  250px; height:  50px; border: 1px solid #; background-color: #; color: #; padding: 1px 1px 1px 2px;}
.textarea4 {font-family: Verdana, sans-serif; font-size: 12px; width:  20px; height:   50px; border: 1px solid #; background-color: #; color: #; padding: 1px 1px 1px 2px;}
.textarea {font-family: Verdana, sans-serif; font-size: 12px}
.uitleg {font-family: Verdana, sans-serif;font-size: 12px; font-style: italic}

.vet {font-weight:bold}
.cursief {font-style: italic}

.alert {color: #; font-weight:bold}
.remark {color: #; font-weight:bold}
.error {color: #; font-weight:bold; padding: 0px 0px 10px 10px;}

.voetnoot {font-family: Verdana, sans-serif; font-size: 10px}

#inhoud   {display: block; position: absolute; overflow: auto; top: 55px; left: 0px; padding: 10px 20px 10px 20px; z-index: 10; height: 100%; width: 60%; visibility: visible; margin: 0; float: left;}
#between   {float: left;}
#inhoud2   {display: block; position: absolute; overflow: auto; top: 55px; right: 0px; padding: 10px 20px 10px 20px; z-index: 11; height: 100%; width: 40%; visibility: visible; margin: 0;}

#inhoud1-ff   {display: block; position: absolute; overflow: auto; top: 55px; left: 0px; padding: 10px 20px 10px 20px; z-index: 10; height: 100%; width: 100%; visibility: visible; background-color: yellow;}
#inhoud2-ff   {display: block; position: absolute; overflow: auto; top: 55px; right: 0px; padding: 10px 20px 10px 20px; z-index: 11; height: 100%; width: 100%; visibility: visible; background-color: grey;}

#demoinfo  {display: block; position: absolute; top: 100x; left: 40px; z-index: 20; visibility: visible; margin: 0; float: left;}
#demopwd   {display: block; position: absolute; top: 100x; left: 40px; z-index: 20; visibility: visible; margin: 0; float: left;}
#demo      {display: block; position: absolute; top: 100x; left: 40px; z-index: 20; visibility: visible; margin: 0; float: left;}

.mainlevel {font: 13px  Verdana, sans-serif; border-width: 1px; border-style: solid; border-color: #222277; margin: 0; padding: 0; white-space: nowrap;}
.sublevel {font: 13px  Verdana, sans-serif; border-width: 1px; border-style: solid; border-color: #222277; margin: 1px 0px 0px 0px; padding: 0; white-space: nowrap; display: none;}

.melding {font-weight: bold;}
.page {font-weight: bold;}

#button {padding: 3px 3px 3px 3px; margin-left: 0; text-align: center;}
#button li {list-style: none; margin: 0; display: inline}
#button li a {padding: 3px 3px 3px 3px; margin: 3px 3px 3px 3px; border: 1px solid #778; background: #aaccff; text-decoration: none}
#button li a:link a:visited   {color: #000000; background: #aaccff; border-color: #227; display: block; width: 70px}
#button li a:hover   {color: #FFFFFF; background: #152DC6; border-color: #227;}

div#logo{display: block; position: absolute; left:0px; top:0px; width: 200px; height: 50px; padding: 15px 10px 0px 20px; z-index: 10; text-align: left; border: 0;}
div#header{display: block; position: absolute; left:0px; top:0px; right: 0px; height: 50px; padding: 10px 10px 10px 10px; z-index: 11; border: 0; text-align: right;}
div#header2{display: block; position: absolute; top:0px; right: 0px; height: 50px; padding: 10px 10px 10px 10px; z-index: 11; border: 0; text-align: right;float: right; text-align: right; font-size: 14px; font-weight: bold;}

div#header1{display: block; position: absolute; top:0px; height: 50px; padding: 15px 10px 10px 30px; z-index: 11; border: 0; text-align: left; font-size: 23px; float: left;}
div#progress{display: block; position: absolute; top:0px; left: 470px; height: 30px; width: 200px; padding: 20px 20px 10px 10px; z-index: 11; border: 0; float: left; text-align: center; font-size: 11px; color: #; font-weight: bold;}
div#whoami{display: block; position: absolute; top:0px; left: 690px; height: 50px; width: 400px; padding: 10px 20px 10px 10px; z-index: 12; border: 0; float: left; text-align: left; font-size: 12px; color: #; width: 250px; white-space: nowrap;}
div#product1{display: block; position: absolute; top:12px; right: 123px; height: 30px; padding: 10px 20px 10px 10px; margin: 0; z-index: 12; border: 0; float: right; text-align: left; font-size: 12px; color: #; white-space: nowrap;}
div#product2{display: block; position: absolute; top:0px; right: 0px; height: 30px; padding: 10px 20px 10px 10px; margin: 0; z-index: 12; border: 0; float: right; text-align: left; font-size: 12px; color: #; white-space: nowrap;}
div#stop{display: block; position: absolute; top:0px; left: 950px; height: 40px; padding: 10px 20px 10px 10px; z-index: 12; border: 0; float: left; text-align: left; font-size: 12px; color: #; font-weight: bold;}
div#stopsub{display: block; position: absolute; top:0px; right: 0px; height: 40px; padding: 10px 10px 10px 10px; z-index: 13; border: 0; float: right;}

div.module
{
 position:relative;
 z-index:1; 
 position:absolute;
}

div#a1{display: block; position: absolute; border: 1px #000000 solid; padding: 10px 10px 10px 10px; margin: 10px; visibility: hidden; z-index: 20; border: none; border-collapse: collapse;}
div#weekkalender {float: left; left:280px; top:120px; right: 280px; min-width: 240px; white-space: normal; z-index: 50;}

#clientkaart  {display: block; position: absolute; top: 50px; right: 0px; left: 10px; padding: 10px; z-index: 10; height: 110px; width: 500px; border: 2px #0066CC solid; }
#clientkaartnaam1  {display: block; position: absolute; top: 0px; right: 0px; left: 110px; padding: 10px; z-index: 10; height: 110px; width: 300px; }
#clientkaartnaam  {padding: 0px 0px 0px 110px;}

div#pasfoto{display: block; position: absolute; left:  45px; top:95px; z-index: 11; text-align: center;}
div#fotorand{display: block; position: absolute; left:  35px; top:86px; z-index: 10; text-align: center;}

#img.pasfoto {
    width: 100%;
        padding:10px 25px 80px 17px;
    position: absolute;
}

#img.rand {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
        z-index: 10;
}

table {margin: 0px 0px 0px 0px; border: none;}
table th {font-family: Verdana, sans-serif; font-size: 12px; color: #; margin: 0; font-weight: bold; text-align: left; white-space: nowrap; width: 35px;}
table td {font-family: Verdana, sans-serif; font-size: 12px; color: #; margin: 0;}

table.report {margin: 10px; border-collapse: collapse; border: 1px solid #;}
table.report th  {font-family: Verdana, sans-serif; font-size: 12px; color: #; border: 1px solid #; background-color: #fef8ec; padding: 5px 5px 5px 5px; vertical-align: text-top;}
table.report td  {font-family: Verdana, sans-serif; font-size: 12px; color: #; border: 1px solid #; padding: 5px 5px 5px 5px; vertical-align: text-top;}

table.calendar {border: 1px; width: 200px;}
table.calendar td {letter-spacing:normal; line-height:normal; vertical-align: middle; font-family: Verdana, sans-serif;font-size: 10px; text-align: center; width: 20px; height: 6px; white-space: nowrap; margin: 0px; padding: 0;}
table.calendar th {letter-spacing:normal; line-height:normal; vertical-align: middle; font-family: Verdana, sans-serif;font-size: 10px; text-align: center; width: 20px; white-space: nowrap; margin: 0px; padding: 0;}
.selectcal {border: 1px solid #; background-color: #; color: #; font-family: Verdana, sans-serif; font-size: 9px;}

table.list {margin: 0px 0px 0px 0px; padding: 0; border: none; border-collapse: collapse;}
table.list th {font-family: Verdana, sans-serif; font-size: 12px; color: #; margin: 0; padding: 0px 10px 10px 2px; font-weight: bold; text-align: right;}
table.list td {font-family:  Verdana, sans-serif; font-size: 12px; color: #; line-height: 120%; margin: 0; padding: 0px 5px 0px 2px; text-align: right;}

table.lijst {margin: 0px 0px 0px 0px; padding: 0; border: none; border-collapse: collapse;}
table.lijst th {font-family: Verdana, sans-serif; font-size: 12px; color: #; margin: 0; padding: 0px 10px 10px 2px; font-weight: bold;}
table.lijst td {font-family:  Verdana, sans-serif; font-size: 12px; color: #; line-height: 120%; margin: 0; padding: 0px 10px 0px 2px;}

table.form {margin: 0px 0px 0px 0px; border: none; border-collapse: collapse;}
table.form th {font-family: Verdana, sans-serif; font-size: 12px; color: #; margin: 0; padding: 2px 10px 0px 2px; font-weight: bold; text-align: left;}
table.form td {font-family: Verdana, sans-serif; font-size: 12px; color: #; margin: 0; padding: 0px 5px 6px 5px;}

table.progresstable {border-top: 1.5px solid #; border-right: 1.5px solid #; border-bottom: 1.5px solid #; border-left: 1.5px solid #; text-align: center; height: 20px; width: 200px;}
table.progresstable th {background-color: #;}
table.progresstable td {font-family: Verdana, sans-serif; font-size: 12px; color: #; margin: 0; padding: 10px 5px 2px 2px;}

.divDragTitle
{
   position: absolute;
   height: 20px;
   width: 450px;
   top: 50px;
   background-color: #;
   padding:5px; 
   margin:0px;
   display: block;
   color: #FFFFFF;
   font-weight: bold;
   cursor: move;
   z-index:100; 
}

.divDragContent{
position:absolute;
width: 400px;
top: 50px;
background-color: #FFFFFF;
padding: 5px;
margin: 0px;
display: block;
border: 2px solid #;
}

.divDragTitle table 
{
   border-spacing:0px; width:100%;
}

.divDragTitle table tr td 
{
   padding:0px;
   font-family: Verdana, sans-serif;
   font-size:12px; font-weight:bold;
   color:#FFFFFF;
}

.divDragshadow
{
position:absolute;
background-color: #FFFFFF;
padding: 5px;
margin: 0px;
display: block;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
 font-size: 10px;
}

.tabberlive h2 
{
 font-size: 10px;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
/* margin-top:1em;*/

.tabberlive 
{
   width: 100%;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 4px 10px 3px 0px;
 border-bottom: 1px solid #;
 font: bold 10px Verdana, sans-serif;
 font-size: 12px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 font-size: 12px;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border: 1px solid #;
 border-bottom: none;
 background-color: #;

 text-decoration: none;
 font-size: 12px;
}

ul.tabbernav li a:link { color: #;}
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #;
 background: #;
 border-color: #;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
 background-color: #;
 border-bottom: 1px solid #;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #;
 background-color: #;
 border-bottom: 1px solid #;
 font-size: 12px;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  margin: 0;
 padding: 20px 50px 5px 20px;
 border:1px solid #;
 border-top:0;
 background-color: #;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 height:600px;
 overflow:auto;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive h2
{
 display:none;
}
.tabbertab h2 
{
 display:none;
}

ul
{
 margin:0;
 left-padding: 40px;
 list-style-position: inside;
 textcolor: red;
}

ul li
{
   list-style: bullet;
}

.tabberlive .tabbertab h13
{
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.innertabber
{
   padding: 5px 10px 10px 10px;
}

.briefstijlkop
{
color:#FFFFFF;
background-color:#;
width:700px;
margin-bottom:2px;
margin-top:2px;
padding-left:2px;
background-image:url('../images/bg_briefkop.gif');
background-repeat:no-repeat;
background-position:top right;  
height:20px;
cursor:pointer;
}

.briefstijl
{
border: 0px solid #;
padding:3px;
width:700px;
}
        
.briefkoptekst
{
   padding-top:2px;
   padding-left:5px;
}

.brief
{
   border: # 1px solid; color: #;  background-color: #ffffff;
   padding: 20px 20px 20px 50px;
   width: 700px;
}

.briefinhoud
{
border: 0px solid #;
padding:3px;
width:90%;
}

.menu {padding: 0px 0px 0px 15px;}

.container {position: absolute; font-family: Verdana, sans-serif; font-size: 13px; color: #; background-color: #ffffff; border: # 2px solid;}
.container img {border: none}
.container span a img {margin-left: 8px}
.container table.form {margin: 8px}
.container2 {position: absolute; font-family: Verdana, sans-serif; font-size: 13px; color: #; background-color: #ffffff; border: # 2px solid;}

.spinner {position: absolute; font-family: Verdana, sans-serif; font-size: 13px; color: #; background-color: #ffffff;}
.spinner1 {position: absolute;}

.kalender {font-family: Verdana, sans-serif; font-size: 13px; color: #; background-color: #ffffff; width: 500px; border: # 1px solid; padding: 10px; margin: 0px 10px 0px 0px;}

.kalender img {border: none}
.kalender span a img {margin-left: 8px}
.kalender table.form {margin: 8px}

.titelbalk {height: 18px; margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px; font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; background-color: #; cursor: move}
.titelbalk a {float: right}
.titelbalk a img {margin-right: 4px}
.titelbalk span {margin-left: 4px}
.inhoudsblok {padding: 3px 5px 5px 5px; width: 10px;}
.inhoudsblok_new {padding: 3px 5px 5px 5px; width: 10px; filter: progid:DXImageTransform.Microsoft.Shadow(direction=-224,color=#c0c0c0,strength=9); -moz-box-shadow: -6px 6px 1em #c0c0c0; -webkit-box-shadow: -6px 6px 1em #c0c0c0;}

.notblind {background-color: #;}
.notblindw {background-color: #FFFFFF;}
.blind, .blindw {background-color: #;}

.dagagendapp {position: relative; background-color: #; margin: 2px 0px 0px 0px; padding: 2px 2px 2px 2px;}
.dagagendapp a:link    {text-decoration: none;}
.dagagendapp a:visited {text-decoration: none;}
.dagagendapp a:active  {text-decoration: none;}
.dagagendapp a:hover   {text-decoration: none;}

.heledag {height: 20px; color: #; font-weight:bold;}
#specialedag {height: 20px; color: #; font-weight:bold;}
#dag {color: #; font-weight:bold;}
#dagkalenderuren  {color: #;}

.info a:link {text-decoration: none; font-weight: bold; color: #;}
.info a:visited {text-decoration: none; font-weight: bold; color: #;}
.info a:active {text-decoration: none; font-weight: bold; color: #;}
.info a:hover {text-decoration: none; font-weight: bold; color: #;}

.list_titel a:link {text-decoration: none; font-weight: bold; color: #;}
.list_titel a:visited {text-decoration: none; font-weight: bold; color: #;}
.list_titel a:active {text-decoration: none; font-weight: bold; color: #;}
.list_titel a:hover {text-decoration: none; font-weight: bold; color: #;}

.list_stelling a:link {text-decoration: none; color: #;}
.list_stelling a:visited {text-decoration: none; color: #;}
.list_stelling a:active {text-decoration: none; color: #;}
.list_stelling a:hover {text-decoration: none; color: #;}

.list_commentaar a:link {text-decoration: none; color: #;}
.list_commentaar a:visited {text-decoration: none; color: #;}
.list_commentaar a:active {text-decoration: none; color: #;}
.list_commentaar a:hover {text-decoration: none; color: #;}

.keuze {line-height: 18px;}

.naarvraag a:link {text-decoration: none; font-weight: bold; color: #;}
.naarvraag a:visited {text-decoration: none; font-weight: bold; color: #;}
.naarvraag a:active {text-decoration: none; font-weight: bold; color: #;}
.naarvraag a:hover {text-decoration: none; font-weight: bold; color: #;}

.hidden {color: #FFFFFF;}
#inleidingscreen {padding: 10px;}
.inleidingscreen {padding: 10px;}