/* Put everything in our 'namespace' slarischecker */

#hetbedrag{
    font-size:200%;
	margin:auto;
	font-weight:bold;
	padding:15px;
	display:block;
	border:solid 5px #94d153;
	border-radius:3px;
	width:250px;
}

.salarisbutton {
margin-top:0px;
Padding: 5px;
text-align:center;
font-size:120%;
margin:auto;
width:200px !important;
max-width:200px !important;
display:block;
background-color:#ef8317 !important;
color:#ffffff !important;
border-radius: 3px !important;
}

.salarisbuttonbepaal  {
margin-top:50px;
Padding: 10px;
text-align:center;
font-size:120%;
margin:auto;
min-width:150px !important;
display:block;
background-color:#ef8317 !important;
color:#ffffff !important;
border-radius: 3px !important;
}

.salarischeckerFE {
text-align: center;
}

#question1, #question2, #question3, #question4, #question5, #question6, #question7, #question8, #question9, #question10 {
margin: auto;
width: 80%;
padding: 10px;
text-align: center;
font-size: 16px;
line-height: 1.6;
}

#question2{

}

#question3{

}
#question4{

}
#question5{

}
#question6{
	
	}
#question7{
	
}

#top input[type="number"] {
  margin: auto !important;
  display: block;
  width: 30% !important;
  margin-bottom: 0px !important;

}

.salarischecker ul, ol{
	list-style:inside;
	padding:0.5em;
}

.salarischecker span.lisubtext{
	list-style:inside;
	display:inline-block;
	margin-left:1.2em;
}

.salarischecker .prelike{
  font-family: "Courier New", monospace;
  white-space: pre;
}


.salarischecker .salarischeckerform{

}


.salarischecker .salarischeckerform textarea{
  width:4em;
  height:4em;
}

.salarischecker .salarischeckerform input[type=button], .salarischeckerform input[type=submit]{
  border-radius: 3px;
  background-color: #99FF99;
}

.salarischecker .salarischeckerform input[type=button].formbuttondelete{
  background-color: #FF7777;
}

.salarischecker .salarischeckerformbuttondelete:hover, .salarischeckerform input[type=button]:hover, .salarischeckerform input[type=submit]:hover{
  filter: brightness(85%);
}

.salarischecker .salarischeckerform input[type=text]:hover, .salarischeckerform textarea:hover{
  background-color: #CCEEFF;
}

.salarischecker .salarischecker_table{
    display:table;
    border-collapse:collapse;
    border:1px solid grey;
}

.salarischecker .salarischecker_table form{
    display:table-row;
}

.salarischecker .salarischecker_table form DIV{
    display:table-cell;
    border:1px solid grey;
    padding:0.2em;
    vertical-align:top;
}

.salarischecker .salarischecker_th{
	font-size:120%;
	font-weight:700;
	background-color:#c9ed66;
}

.salarischecker .salarischeckerform .optie{
	background-color:#9999DD;
}

.salarischecker  #salarischeckerform #smallinput{
	width:4em;
}

.salarischecker #salarischeckerform #mediuminput{
	width:20em;
}


.salarischecker #salarischecker_alert{
	color:red;
	font-size:150%;
	border:black 1px solid;
	display:inline-block;
	padding:0.5em;
	background-color:#FFDDDD;
	margin-left: 1em;
}

.salarischecker #salarischecker_leftspacer{
	display:inline-block;
	width:15em;
	text-align:right;
	padding-right:0.5em;
	vertical-align:top;
}

.salarischecker #basictableZZ {
	border:1px solid black;
}

.salarischecker .basictableZZ td,
.salarischecker .basictableZZ th{
    border:1px solid black;
    padding:0.2em;
    vertical-align: top;
    line-height: 1;
}

.salarischecker #basictableZZ #highlighted {
	font-size: 120%;
	color:#6666CC;
	font-weight:700;
}

.salarischecker #red{
	background-color:#FFCCCC;
}

.salarischecker #green{
	background-color:#CCFFCC;
}

.salarischecker #maakvalideresultaat{
	border: 1px solid black;
	display:inline-block;
	padding:0.5em;
	background-color:#DDDDFF;
}

.salarischecker #vraag{
	color:#000000;
	margin-bottom: 0.5em;
	margin-top: 1em;
}

.salarischecker .ahrefmimic	{ text-decoration:underline; color:#012FFF; cursor:pointer; }
.salarischecker .ahrefmimic:hover { text-decoration:underline; color:#808FAA; cursor:pointer; }

.salarischecker #boxeddata {
	display:inline-block;
	border:1px solid black;
	padding:0.5em;
}