/* css voor alles, general style */
body
{ background-color: black;
}

/* Top bar with logo and menu */
.logo, .topwrap > img
{width: 150px;
 display: inline-block;
 vertical-align: top;
}

.topwrap > div
{width: 150px;
 display: inline-block;
 vertical-align: top;
 float: right;
 padding: 10px;
}

.topwrap > div div
{ color: black;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-size: 12px;
  font-weight: 600;
  background-color: lightgrey;
  width: 150px;
  margin-bottom: 10px;
  margin-right: 20px;
  padding: 3px;
  
}

/*wrap around all payload & disclaimer */
.wrap
{ background-color: white;
  display: block;
  width: 750px;
  padding-left: 10px;
  padding-right: 10px;
   margin: auto; 
}

.disclaim
{ font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-size: 12px;
  font-style: italic;
  color: grey;
  width: 100%;
}

.footX
{display: inline-block;
vertical-align: top;
 float: right;
}

/* css voor Index pagina */
.restitle
{ width: 100%;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-size: 30px;
  font-weight: 900;
  text-align: left;
  color: black;
}

.reslink
{ width: 100%;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  color: black;
}

/* css voor calculation tool */


.dataform
{  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
   border-collapse: collapse;
  /* width: 100%;*/
}
.dataform td
{ padding-top: 1px;
  padding-bottom: 1px;
}


.dataform col
{ width:250; }
.dataform col+col
{ width:250}
.dataform col+col+col
{ width:100}
.dataform col+col+col+col
{ width:150}

.dataform input, .dataform select
{ background-color: LightCyan;
  width :105;
 }


.dataform div
{ xfont-size: 12px;
} 
.dataform .req
{ background-color: #f4c90d;
} 


 .FormWrap
 { width: 100%;
   margin-bottom: 0;
 }

.dataform input.GO
{ width: 100%;
  color: black;
  background-color: LightCyan;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-weight: 900;
	border: solid 1px;
	  	border-radius: 5px;
}