body {
    background-color:  #f2f9ff;
    font-family:  arial, verdana, sans-serif; 
    font-size: 1em; /* Basis font size */
    color: #000040;
    padding:0; 
    margin:0;
}

.top { /*grijze balk*/
    min-width: 68em; /* 1024px / 15px = 68em */
    height: 11.67em; /* 175px / 15px = 11.67em */
    background-color: #bfbfbf;
    margin-top: 1em;
}

.wrapper {
    width: 68em; /* 1024px / 15px = 68em */
    margin:  0 auto;
}

.googlet {
    width: 13.33em; /* 200px / 15px = 13.33em */
    margin-top: 0;
    margin-left: 0.67em; /* 10px / 15px = 0.67em */
}

.tpic { /* logo wissel systeem boven aan */
    width: 23.33em; /* 350px / 15px = 23.33em */
    height: 6em; /* 90px / 15px = 6em */
    margin-top: -0.67em; /* -10px / 15px = -0.67em */
    margin-left: 0.67em; /* 10px / 15px = 0.67em */
}

.btext { /* de text titel blok boven */
    width: 64em; /* 960px / 15px = 64em */
    height: 4em; /* 60px / 15px = 4em */
    margin-top: -0.13em; /* -2px / 15px = -0.13em */
    margin-left: 1.33em; /* 20px / 15px = 1.33em */
}

.inlog { /* inlog */
    color: #035fa3;

    margin-top: -9em; /* -145px / 15px = -9.67em */
   margin-left: 17em; /* 535px / 15px = 35.67em */
    width: 28.67em; /* 430px / 15px = 28.67em */
	height: auto;
}

table.inlog {
    border: 0;
}

td.tdinlog {
    padding-left: 0.33em; /* 5px / 15px = 0.33em */
}

input.inlogsend {
    color: #3d3d7a;
    font-size: 0.8em; /* 12px / 15px = 0.8em */
    text-align: center;
    border-color: #b1b1b1;
    background: #fdfeff;
    border: 1px solid #b5b7bb;
    cursor: pointer;
    width: 6.67em; /* 100px / 15px = 6.67em */
    height: 1.53em; /* 23px / 15px = 1.53em */
    border-radius: 0.13em; /* 2px / 15px = 0.13em */
    box-shadow: 0.27em 0.27em 0.27em #333; /* 4px / 15px = 0.27em */
}

input.loginvcorr {
    width: 9.33em; /* 140px / 15px = 9.33em */
    word-spacing: -0.07em; /* -1px / 15px = -0.07em */
    color: #7e7163;
    background: #ffffff;
    border-top-color: #ff0000;
    border-top-style: solid;
    border-top-width: 0.13em; /* 2px / 15px = 0.13em */
    border-left-color: #ff0000;
    border-left-style: solid; 
    border-left-width: 0.13em; /* 2px / 15px = 0.13em */
    border-bottom-color: #ff0000;
    border-bottom-style: dotted;
    border-bottom-width: 0.07em; /* 1px / 15px = 0.07em */
    border-right-color: #ff0000;
    border-right-style: dotted;
    border-right-width: 0.07em; /* 1px / 15px = 0.07em */
    border-radius: 0.2em; /* 3px / 15px = 0.2em */
    padding: 0.2em; /* 3px / 15px = 0.2em */
}

input.logmtextinv {
    width: 9.33em; /* 140px / 15px = 9.33em */
    word-spacing: -0.07em; /* -1px / 15px = -0.07em */
    color: #7e7163;
    background: #ffffff;
    border-top-color: #808080;
    border-top-style: solid;
    border-top-width: 0.07em; /* 1px / 15px = 0.07em */
    border-left-color: #808080;
    border-left-style: solid; 
    border-left-width: 0.07em; /* 1px / 15px = 0.07em */
    border-bottom-color: #acacac;
    border-bottom-style: solid;
    border-bottom-width: 0.07em; /* 1px / 15px = 0.07em */
    border-right-color: #acacac;
    border-right-style: solid;
    border-right-width: 0.07em; /* 1px / 15px = 0.07em */
    border-radius: 0.2em; /* 3px / 15px = 0.2em */
    padding: 0.2em; /* 3px / 15px = 0.2em */
}




table.headtekst {
 width:100%;
}

td.headtekstr {
   letter-spacing: 1px;
	font-size: 20px;
	color: #ffffff;
}

.bodytekst{
margin-top:-370px;
margin-left:15px;
width: 630px;
height:380px;
}

.ptitlei {/* de uitleg tekst indexpagina*/
width: 450px;
text-align: center;
letter-spacing: 3px;
color: #d50000;
font-size: 22px;
font-weight: bold;
padding-top:-15px;
padding-bottom:15px;
}

.spoorz {
background-image: url('pic/hwtb.png');
background-repeat: no-repeat;
width: 270px;
height:138px;
margin-top:-60px;
margin-left: 350px;
}

td.ptitlet {/* de uitleg tekst indexpagina*/
color: #d90000;
font-size: 18px;
padding-top:0px;
padding-bottom:12px;
}
td.vpacers {/*vertikale ruimte */
min-height: 100%;
max-height: 100%;
height:100%;
}
.aamnbutton {
position:static;
text-align: center;
letter-spacing: 1px;
color: #3d3d7a;
font-size: 22px;
font-weight: bold;
background-color:#fdfeff;
cursor:pointer;
width:950px;
height:30px;
border-radius:5px;
border: 1px;
border-style:  solid;
border-color:#b5b7bb;
box-shadow: 4px 4px 4px #333;
margin:  0 auto;
margin-top:3%;
padding-top:5px;
}

.center {
text-align: center;
}

td.center {
text-align: center;
}

td.passchk_result {
font-size: 12px;
font-weight: bold;
text-align: center;
}

span.smt {
color: #035694;
text-align: center;
font-size: 12px;
}

.reg {
margin-top:150px;
margin-left:680px;
width: 270px;
height:380px;
}

table.tabreg {
width:270px;
}
input.bsend
{
color:#3d3d7a;
font-size: 17px;
 text-align: center;
border-color:#b1b1b1;
background:#fdfeff;
border-style:  solid;
border-width: 0;
cursor:pointer;
width:270px;
height:30px;
border-radius:5px;
box-shadow: 4px 4px 4px #333;
}

input.invcorr {
width:210px;
word-spacing: -1px;
color:#7e7163;
background: #ffffff;

border-top-color:#ff0000;
border-top-style:  solid;
border-top-width: 2px;

border-left-color: #ff0000;
border-left-style: solid; 
border-left-width: 2px;

border-bottom-color: #ff0000;
border-bottom-style: dotted;
border-bottom-width: 1px;

border-right-color: #ff0000;
border-right-style: dotted;
border-right-width: 1px;
border-radius:3px;
padding: 3px;
}


input.textinv { 
height:20px;
width:210px;
word-spacing: -1px;
color: #7e7163;
background-color: #ffffff;

border-top-color:#808080;
border-top-style:  solid;
border-top-width: 1px;

border-left-color:#808080;
border-left-style:solid; 
border-left-width: 1px;

border-bottom-color:#acacac;
border-bottom-style: solid;
border-bottom-width: 1px;

border-right-color:#acacac;
border-right-style: solid;
border-right-width: 1px;
border-radius:3px;
padding: 3px;
}


input.ltextinv { 
height:20px;
width:35px;
word-spacing: -1px;
color: #7e7163;
background-color: #ffffff;

border-top-color:#808080;
border-top-style:  solid;
border-top-width: 1px;

border-left-color:#808080;
border-left-style:solid; 
border-left-width: 1px;

border-bottom-color:#acacac;
border-bottom-style: solid;
border-bottom-width: 1px;

border-right-color:#acacac;
border-right-style: solid;
border-right-width: 1px;
border-radius:3px;
padding: 3px;
}


input.gtextinv { 
height:20px;
width:80px;
word-spacing: -1px;
color: #7e7163;
background-color: #ffffff;

border-top-color:#808080;
border-top-style:  solid;
border-top-width: 1px;

border-left-color:#808080;
border-left-style:solid; 
border-left-width: 1px;

border-bottom-color:#acacac;
border-bottom-style: solid;
border-bottom-width: 1px;

border-right-color:#acacac;
border-right-style: solid;
border-right-width: 1px;
border-radius:3px;
padding: 3px;
}

#tooltip {
visibility:hidden;
width:100%;
z-index: +2;
border-radius:5px;
}
table.tooltab {
background-image: none;
box-shadow: 5px 5px 5px #333;
background-color:#ffffff;
margin: 0;
padding:5px;
width:150px;
border:1px solid #aba195;
}


a {
  color:#414141;
  text-decoration: none;
}

a:hover {
  color: #414141;
  position: relative;
}

a[datatitle]:hover:after {
  content: attr(datatitle);
  padding: 4px 8px;
  position: absolute;
  left: -100px;
  top: 100%;
  min-width:200px;
 /* white-space: nowrap;*/
  z-index: 2;
  background-color: #ffffff;
  color: #414141;
border-color:#409bf7;
border-style:  solid;
border-width: 2px;
border-radius:5px
}


a:link.lost       {font-weight:normal; font-size: 12px; cursor:pointer; text-decoration: none;}
a:visited.lost  {font-weight:normal; font-size: 12px; cursor:pointer; text-decoration: bold;}
a:hover.lost   {font-weight:normal;  font-size: 12px;cursor:pointer; text-decoration: underline;}
a:active.lost  { font-weight:normal;  font-size: 12px; cursor:pointer; text-decoration: none;}

a:link        {color: #0468b3; font-weight:normal; font-size: 16px;cursor:pointer; text-decoration: none;}
a:visited {color: #0468b3;  font-weight:normal; font-size: 16px;cursor:pointer; text-decoration: none;}
a:hover   {color:  #024b82; font-weight:bold;  font-size: 16px;cursor:pointer; text-decoration:underline;}
a:active  {color:  #0468b3; font-weight:normal; font-size: 16px;cursor:pointer;text-decoration: none;}
h6 {color: #ff0000;font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight:normal; }

.fullpage {
width: 100%;
height:550px;
margin-top:130px;
margin-left: 0px;
position: absolute;
}