/* 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: 1200px;
  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 */
/* calculation tool: Expert header */
.expertwrap
{ background-color: red;
}

.expertwrap > div
{width: 150px;
 font-weight: 600;
 font-size: 14px;
 display: inline-block;
 color: yellow;
 margin-right: 20px;
 padding: 3px;
}

.expertwrap > div + div
{ color: black;
  display: inline-block;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-size: 12px;
  font-weight: 600;
  background-color: yellow;
  width: 150px;
  margin : 2px;
  margin-right: 20px;
  padding: 2px;
  float: right;
  
}

/* Result Blocks */
.ResultBlocks
{ font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-weight: 900;
  vertical-align: top;
  text-align: center;
}

.ResultBlocks th
{ background-color:  #942192;
  font-size: 15px;
  color: yellow;
  text-align: center;
}

.ResultBlocks th+th, .ResultBlocks th+th, .ResultBlocks th+th+th, .ResultBlocks th+th+th+th
{ background-color:  #D6D6D6;
  font-size: 15px;
  color: black;
  text-align: center;
}

.ResultBlocks td
{ background-color: #00A2FF;
  font-size: 15px;
  color: white;
  text-align: center;
  width :130;
}

.ResultBlocks td+td, .ResultBlocks td+td+td
{ width :110;
}

.ResultBlocks td+td+td+td
{ background-color: #f4c90d;
  color: black;
  width :110;
}

/* calculation tool: result 3box visual */
.Title
{ width: 100%;
}

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

.Results
{ border-spacing: 20px 10px; 
}

.Results col, .Results col+col+col+col+col
{   width : 220px;
}

.Results col+col+col+col
{   width : 130px;
}

.SubBox, .TotBox
{ background-color: #f4c90d;
	position: relative;
	border-radius: 25px;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  	height: 130px;
}

.BoxWrap
{ position: absolute;
  top: 0;
  width: 96%;
	padding-left: 2%;
}

.IsBox
{ 	
font: Verdana;
}

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

.BoxTitle
{ width: 100%;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-size: 15px;
  text-align: center;
  color: black;
 	top: 0px;
}

.BoxSubtitle
{ width: 100%;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  font-size: 12px;
	font-style: italic;
  text-align: center;
  color: black;
}

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

/* calculation tool: Data input form */
.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:370}
.dataform col+col
{ width:40}
.dataform col+col+col
{ width:120}
.dataform col+col+col+col
{ width:30}
.dataform col+col+col+col+col
{ width:400}
.dataform col+col+col+col+col+col
{ width:30}

.dataform input
{ background-color: LightCyan;
 }

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

.dataform11, .rates
{  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
   border-collapse: collapse;
   width: 100%;
}
.dataform11 td, .rates td
{ padding-top: 1px;
  padding-bottom: 1px;
}
.dataform11 col, .rates col
{ width:390; }
.dataform11 col+col, .rates col+col
{ width:105}
.dataform11 col+col+col, .rates col+col+col
{ width:125}

.dataform11 input, .dataform11 select
{ background-color: LightCyan;
  width :105;
 }
 
 .FormWrap
 { width: 100%;
 }

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

.expertBG, .expertBG td, .rates
{ background-color: #ffffb3;
}

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

/* no longer used
.image
{ display: block;
  width: 500px;
  margin: auto;
}

.expertMid
{  border-collapse: collapse;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
}
*/