@media screen and (max-width: 1000px) {}

body 
{
    background-color:  #f2f9ff;
	font-family:  arial, verdana, sans-serif; 
	font-size: 15px;
	color: #000040;
	padding:0; 
	margin-bottom:10px;
}

/* elke pagina kop */
.wrapper {
margin:  0 auto;
width:1000px;
margin-bottom:10px;
}

.bg { /* de achtergrond KAN WEG*/
margin-top:0px;
margin-left: 0px;
}


.ttitel {/* het titel block boven aan
width: 1000px;
height:80px;
margin-top:20px;
position: absolute;*/
}


.bigpagexl {
width: 800px;
height:650px;
margin-top:100px;
margin-left: 180px;
position: absolute;
}

.bigpage {
width: 800px;
height:550px;
border:1px;
margin-top:0px;
margin-left: 180px;
position: absolute;
}



.thuis  {
background-image: url('pic/hwtb.png');
background-repeat: no-repeat;
width: 270px;
height:138px;
margin-top:380px;
margin-left: 190px;
position: absolute;
z-index:+2;
}

.vpb  {
width: 600px;
margin-top:0px;
margin-left:12%;
}

table.wbordervpb {
width:600px;
height:100px;
background-image: none;
background-color:#c9feba;
box-shadow: 4px 4px 4px #333;
border-radius:5px 5px 5px 5px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}


.blogo {/* het logo block boven aan de pagina 
background-image: url('pic/pagelogo.png');
background-repeat: no-repeat;
width: 845px;
height:124px;
margin-top:-20px;
margin-left: 80px;
position: absolute;*/
}

.botban {/* het titel blok onder aan */
width: 800px;
height:80px;
margin-top:700px;
margin-left: 180px;
position: absolute;
}

.otext {/* text onder de page 1*/
color: #000040;
font-size: 17px;
font-weight: normal;
width: 100%;
margin-bottom:15px;
}

.botban2 {
background-image: none;
width: 90%;
text-align:center;
vertical-align:middle;
padding:5px;
margin-left: 10px;
}

.bottomspacer {/* kan weg*/
border:0;
padding-top:100px;
width: 1000px;
height:5px;

}

.rightpacer {
background-image: none;
border:0;
margin-left:1150px;
width: 100px;
height:900px;
position: absolute;
}
.ptitle {/* de titel text boven aan elke pagina*/
width: 100%;
text-align: center;
letter-spacing: 3px;
color: #035fa3;
font-size: 22px;
font-weight: bold;
padding-top:15px;
padding-bottom:5px;
}

.thr {
width: 100%;
text-align: center;
padding-top:4px;
padding-bottom:10px;
}

hr.tp {
width: 100%;
border:1px;
border-style: inset;
border-color: #ff0000;
box-shadow: 2px 2px 2px #333;
}

.infor {
width: 100%;
text-align: left;
padding-top:0;
padding-left:30px;
}


hr.sep {
width: 100%;
border:1px;
border-style: inset;
border-color:  #8ccdfd;
}

/* menu*/
.dmenu {
width: 160px;
height:650px;
margin-top:75px;
position: absolute;
}
table.tablemenu{
 width:100%;
 border-spacing: 0; 
}
td.tdmenuh {
font-size: 15px;
color: #035fa3;
font-weight:bold; 
height:22px;
border-left:0px;
border-right: 0px;
border-bottom:2px;
border-bottom-style: solid;
border-bottom-color: #ff0000;
text-align:center;
}

td.tdmenu {
	height:20px;
	width: 60px;
	border-left:0px;
	border-right: 0px;
	border-bottom:1px;
	border-bottom-style: solid;
	border-bottom-color: #ff0000;
padding-top:5px;
}

td.tdmenus {
	width: 32px;
	border-left:0px;
	border-right: 0px;
	border-bottom:1px;
	border-bottom-style: solid;
	border-bottom-color: #ff0000;
padding-top:5px;
	text-align:center;
}
td.prenum {
	width: 5px;
	border-left:0px;
	border-right: 0px;
	border-bottom:1px;
	border-bottom-style: solid;
	border-bottom-color: #ff0000;
}
/* einde menu */

table.border {
background-image: none;
background-color:;
padding-top:2px;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
}
table.wborder {
background-image: none;
background-color:#ffffff;
border:0px;
box-shadow: 4px 4px 4px #333;
border-radius:5px 5px 5px 5px;
padding-top:2px;
padding-left:10px;
padding-right:10px;
padding-bottom:2px;
}


.today {/*de text in de button off*/
text-align:center;
cursor:pointer;
}

.klick {
cursor:pointer;
}

td.onofuitleg{
height:35px;
	text-align:center;
	font-size: 16px;
	font-weight:bold;
	color: #035fa3;
}



.textoff  {
	/*text-align:center;*/
	font-size: 16px;
	font-weight:bold;
	color: #035fa3;
letter-spacing: 0.5px;
margin-top: -375px;
margin-left: -20px;
width: 500px
cursor:pointer;

}

/*table.inpdt {
width: 800px;
height:550px;
}

table.linpdt {
width: 800px;
height:650px;
}

*/
table.linpdt {
background-image: none;
width: 750px;
height:100%;
border:0;
padding-left:30px; 
}

table.inpdt {
background-image: none;
width: 750px;
height:100%;
border:0;
padding-left:30px; 
}

table.inner {
background-image: none;
width: 750px;
height:100%;
border:0;
padding-left:30px; 
}
table.parts {
background-image: none;
width: 750px;
border:0;
padding-left:30px
}
table.ipbg {/*de achtergrond van invoer regels*/
background-image: none;
background: #ffffff;
border:2px;
border-color:#b5b7bb;
border-style:  solid;
border-radius:3px;
/*box-shadow: 5px 5px 5px #333;*/
width: 100%;
}

.sbutton {
color:#3d3d7a;
font-size: 16px; 
text-align: center;
background:#fdfeff;
cursor:pointer;
width:150px;
height:30px;
border-color:#b5b7bb;
border-style:  solid;
border: 1px;
border-radius:5px;
box-shadow: 4px 4px 4px #333;
padding-top:10px;
}
.tbutton {
color:#3d3d7a;
font-size: 16px; 
text-align: center;
background:#fdfeff;
border: 0;
cursor:pointer;
width:150px;
height:20px;
border-radius:5px;
box-shadow: 4px 4px 4px #333;
}


textarea.memoblok {
text-align:left;
width:275px;
max-width:275px;
min-width: 275px;
height:100px;
min-height:75px;
max-height:150px;
box-shadow: 4px 4px 4px #333;
border:1px solid #808080;
border-radius:3px;
padding: 3px;
margin-left: -15px;
}





textarea.berichtblok {
text-align:left;
color:#3d3d7a;
font-size: 14px; 
width:705px;
max-width:705px;
min-width: 705px;
height:315px;
min-height:315px;
max-height:315px;
box-shadow: 4px 4px 4px #333;
border:1px solid #808080;
border-radius:3px;
padding: 3px;
margin-left: 0;
}

textarea.berichttoon {
text-align:left;
color:#3d3d7a;
font-size: 14px; 
width:705px;
max-width:705px;
min-width: 705px;
height:200px;
min-height:200px;
max-height:200px;
box-shadow: 4px 4px 4px #333;
border:1px solid #808080;
border-radius:3px;
padding: 3px;
margin-left: 0;
}

select.pulb { 
background-image: none;
box-shadow: 1px 1px 1px #333;
background-color:#ffffff;
border:1px solid #808080;
font-size: 13px;
padding-left:3px;
height:22px;
width:250px;
border-radius:3px;
}
select.pul { 
background-image: none;
box-shadow: 1px 1px 1px #333;
background-color:#ffffff;
border:1px solid #808080;
font-size: 13px;
padding-left:3px;
height:22px;
width:95px;
border-radius:3px;
}

/* puldown menu*/
select.onepul { 
background-image: none;
box-shadow: 1px 1px 1px #333;
background-color:#ffffff;
border:1px solid #808080;
font-size: 13px;
color: #009b7c;
padding-left:3px;
height:22px;
width:95px;
border-radius:3px;
}

select.twopul { 
background-image: none;
box-shadow: 1px 1px 1px #333;
background-color:#ffffff;
border:1px solid #808080;
font-size: 13px;
color: #007bb7;
padding-left:3px;
height:22px;
width:95px;
border-radius:3px;
}
select.apul { 
background-image: none;
box-shadow: 1px 1px 1px #333;
background-color:#ffffff;
border:1px solid #808080;
font-size: 13px;
color: #ff0000;
padding-left:3px;
height:22px;
width:95px;
border-radius:3px;
}

input.datpic { 
height:20px;
width:93px;
word-spacing: -1px;
padding-left: 3px;
color:#003871;
background: #ffffff;
background-position:right;
background-image: url('pic/ical.png');
background-repeat: no-repeat;
box-shadow: 1px 1px 1px #333;
border:1px solid #808080;
font-size: 13px;
padding-left:3px;
border-radius:3px;
}

td.puld {
width: 250px;
min-width: 250px;
}

td.omsr {
font-size: 12px;
font-weight: bold;
padding-left:5px;
padding-right:2px;
white-space:nowrap;
}


/* hier feq */
td.feq {
font-size: 16px;
padding-left:10px;
}

td.feqoms {
font-size: 12px;
font-weight: bold;
padding-left:40px;
}
input.textzoek { 
height:15px;
width:100px;
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.zsend
{
color:#3d3d7a;
font-size: 14px; 
text-align: center;
border-color:#b1b1b1;
background:#fdfeff;
border-style:  solid;
border-width: 0;
cursor:pointer;
width:71px;
height:20px;
border-radius:5px;
box-shadow: 4px 4px 4px #333;
padding-bottom: 2px;
}

input.textfeq { 
height:15px;
width:400px;
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;
}

textarea.feqblok {
text-align:left;
font-family: arial, helvetica, sans-serif;
width:400px;
max-width:400px;
min-width: 400px;
height:60px;
min-height:60px;
max-height:60px;
box-shadow: 4px 4px 4px #333;
border:1px solid #004891;
border-radius:3px;
padding: 3px;
margin-left: -15px;
}

hr.sortline {
width: 90%;
border:1px;
border-style: inset;
border-color: #004891;

}



/* einde feq */

td.uitleg {
font-size: 12px;
padding-left:5px;
padding-right:2px;
}

a:link.attklik  { font-weight:bold; cursor:pointer; text-decoration: underline;}

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.nodec       {font-weight:normal; cursor:pointer; text-decoration: none;}
a:visited.nodec  {font-weight:normal;cursor:pointer; text-decoration: none;}
a:hover.nodec   {font-weight:normal; cursor:pointer; text-decoration: none;}
a:active.nodec  { font-weight:normal; cursor:pointer; text-decoration: none;}

a:link.menu       {color: #0468b3; font-weight:bold; font-size: 13px;cursor:pointer; text-decoration: none;}
a:visited.menu {color: #0468b3;  font-weight:bold; font-size: 13px;cursor:pointer; text-decoration: none;}
a:hover.menu   {color: #024b82; font-weight:bold;  font-size: 14px;cursor:pointer; text-decoration:none;}
a:active.menu  {color: #0468b3; font-weight:bold; font-size: 13px;cursor:pointer;text-decoration: none;}




a:link.nounderline     {color: #0468b3; font-weight:normal; font-size: 16px;cursor:pointer; text-decoration: none;}
a:visited.nounderline {color: #0468b3;  font-weight:normal; font-size: 16px;cursor:pointer; text-decoration: none;}
a:hover.nounderline   {color:  #024b82; font-weight:bold;  font-size: 16px;cursor:pointer; text-decoration:none;}
a:active.nounderline  {color:  #0468b3; font-weight:normal; font-size: 16px;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;}


h1 {color: #035fa3;font-family: arial, helvetica, sans-serif;font-size: 8px;font-weight:normal; }
h2 {color: #035fa3;font-family: arial, helvetica, sans-serif;font-size: 10px;font-weight:normal; }
h3 {color: #035fa3;font-family: arial, helvetica, sans-serif;font-size: 14px;font-weight:normal; }
h4 {color: #035fa3;font-family: arial, helvetica, sans-serif;font-size: 16px;font-weight:normal; }

h5 {color: #ff0000;font-family: arial, helvetica, sans-serif;font-size: 8px;font-weight:normal; }
h6 {color: #ff0000;font-family: arial, helvetica, sans-serif;font-size: 12px;font-weight:normal; }


td.err {
color: #ff0000;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight:normal; 
}


span.credits {
color: #035694;
text-align: center;
font-size: 9px;
font-weight: bold;
}
.center {
text-align: center;
}
td.center {
text-align: center;
}
td.left {
text-align: left;
}

td.right {
text-align: right;
}


td.wijd {
width:100%;
}
.clickdiv {
cursor:pointer; 
}
td.spacers {
width:10px;
}
td.vpacers {/*vertikale ruimte */
min-height: 100%;
max-height: 100%;
height:100%;
}
td.vtop {
vertical-align:top;
}
span.rdt {
color: #ff0000;
font-size: 14px;
font-weight:bold;
}
span.brdt {
color: #ff0000;
font-size: 16px;
font-weight:bold;
}

span.wbrdt {
color: #ffffff;
font-size: 16px;
font-weight:bold;
}
td.centerpic {
width:40px;
text-align: center;
}

td.onofrega {
width:255px;
max-width:255px;
white-space:nowrap;
}
td.onofregb {
width:400px;
max-width:400px;
white-space:nowrap;
}

#tooltip {
position:absolute;
visibility:hidden;
width:200px;
z-index: +1;
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;
}
input.bsend
{
color:#3d3d7a;
font-size: 17px;
 text-align: center;
border-color:#b1b1b1;
background:#fdfeff;
border-style:  solid;
border-width: 0;
cursor:pointer;
width:300px;
height:30px;
border-radius:5px;
box-shadow: 4px 4px 4px #333;
}

input.ssend
{
color:#3d3d7a;
font-size: 17px; 
text-align: center;
border-color:#b1b1b1;
background:#fdfeff;
border-style:  solid;
border-width: 0;
cursor:pointer;
width:150px;
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.linvcorr { 
height:20px;
width:35px;
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;
}


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;
}

input.ginvcorr {
height:20px;
width:80px;
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;
}

img{
border:0;
}
img.eff {
border-radius:20px;
	/*border:0;
	border-style: solid;
	border-color:  #f4f4f4;*/
box-shadow: 4px 4px 4px #333;
}
	div.iDeal {
			position: absolute;
			right: 5px;
			top: 15px;
			height: 46px;
			width: 136px;
			background: url('pic/iDeal.png') no-repeat;
		}

li.avw {
font-size: 10px;
padding-left:10px;
padding-right:10px;
}

input.datumbalk {
background: inherit;
word-spacing: -2px;
font-family:  arial, verdana, sans-serif; 
font-size: 12px;
color: #035fa3;
border:0;
width:680px;
margin-left:5px;
margin-top:25px;
padding:5px;

}
.del {
background: url("pic/delsmall.gif") no-repeat; /* kleine knop delete achter velden*/
width:15px;
height:15px;
vertical-align: middle;
}
.atbox{
background-image: none;
background-color:#ffffff;
width: 100px;
border:1px;
border-color:#b5b7bb;
border-style:  solid;
box-shadow: 4px 4px 4px #333;
border-radius:5px;
margin-top:70px;
margin-left:850px;
position: absolute;
}
.atboxl {
background-image: none;
background-color:#ffffff;
width: 120px;
border:1px;
border-color:#b5b7bb;
border-style:  solid;
box-shadow: 4px 4px 4px #333;
border-radius:5px;
margin-top:70px;
margin-left:840px;
padding-top:2px;
position: absolute;
}

.atboxxl {
color:#000000;
font-size: 12px; 
text-align: center;
background:#fdfeff;
width: 300px;
border-color:#b5b7bb;
border-style:  solid;
border:1px;
border-radius:5px;
box-shadow: 4px 4px 4px #333;
padding-top:5px;
}


.sb {
background-image: none;
width: 22px;
margin-top:72px;
margin-left:810px;
position: absolute;
z-index:1;
}
.sbtekst {
background-image: none;
width:500px;
margin-top:72px;
margin-left:450px;
position: absolute;
z-index:1;
}

.swarning {
background-image: none;
width: 22px;
margin-top:72px;
margin-left:788px;
position: absolute;
z-index:1;
}

span.countdown {
background-image: none;
background-color: #dbdbdb;
border:3px;
border-color:#ffffff;
border-style:  solid;
/*border-style: inset;*/
border-radius:2px;
padding:7px;
margin-top:5px;
margin-bottom:5px;
}

td.alatt {
	font-weight: bold;
	font-size: 14px;
	color: #ff6f6f;
}
.ptitlei {/* de uitleg tekst a*/
width: 100%;
text-align: center;
letter-spacing: 3px;
color: #d50000;
font-size: 22px;
font-weight: bold;
padding-top:0px;
padding-bottom:15px;
white-space:nowrap;
}

td.ptitlet {/* de uitleg tekst */
color: #d90000;
font-size: 18px;
}

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


a:link {
  color:#414141;
  text-decoration: none;
 cursor:pointer;
}
a:hover {
  color: #414141;
 text-decoration: none;
cursor:pointer;
}
a:visited {
 color: #414141;
 text-decoration: none;
cursor:pointer;
}



a:link.dtt {
  color:#414141;
  text-decoration: none;
}
a:hover.dtt {
  color: #414141;
 text-decoration: none;
}
a:visited.dtt {
color: #3366ff;
text-decoration: none;
}

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;
text-decoration:none;
}

.arr {
width: 800px;
max-width:600px;
min-width: 600px;
margin-left:3px;
margin-right:3px;
padding-top:5px;
padding-bottom:5px;
}

a:link.lrarr {
color:#676767;
text-decoration: none; 
font-size: 16px;
cursor:pointer;
text-align:center;
margin-left:40px;
font-weight:bold;
}
a:hover.lrarr {
color:#676767;
text-decoration: none; 
font-size: 16px;
cursor:pointer;
text-align:center;
margin-left:40px;
	font-weight:bold;
}
a:visited.lrarr {
color:#676767;
text-decoration: none; 
font-size: 16px;
cursor:pointer;
text-align:center;
margin-left:40px;
	font-weight:bold;
}
p.tlrarr {
color:#676767;
font style;opacity:.3; 
font-size: 16px;
text-align:center;
margin-left:40px;
font-weight:bold;
display:inline;
}

.arr {
width: 800px
max-width:800px
min-width: 800px
margin-left:3px;
margin-right:3px;
padding-top:5px;
padding-bottom:5px;
}

@media only screen and (max-width: 600px) {

body 
{
    background-color:  #ffffff;
	font-family:  arial, verdana, sans-serif; 
	font-size:1em;
	color: #000040;
	padding:0; 
}


.wrapper {
margin:  0 auto;
width:20em;
max-width:20em;

}

.logo {
width: 20em;
margin-top:1em;
text-align:center;
}

img.logo {
width: 15em;
height:auto;
margin: 0 auto;
}


}