/* @override 
	http://digitest.digimaal.site/css/sommen.css
	http://digitest.digimaal.site/css/sommen.css?version=0.00.1
	http://toets.digimaal.site/css/sommen.css?version=0.00.1
	http://digitest.digimaal.dev/css/sommen.css?version=0.00.1
	http://192.168.1.11/css/sommen.css?version=0.00.1
	http://digitest.digimaal.dev/css/sommen.css?version=0.00.2
	http://toets.digimaal.dev/css/sommen.css?version=0.00.2
	http://digitest.digimaal.app/css/sommen.css?version=0.00.7 */


table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  .table td,
  .table th {
    background-color: #fff;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
table {
  max-width: 100%;
  background-color: transparent;
}
/* Hide spinners for Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #ecf3f8;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #ecf3f8;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #d9e7f1;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d6dde7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c6d0de;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 13.5px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}



p.vraag-rechts-1{
  width:480px;
  font-size:2em;
  border: 5px solid #0055CC;
  padding: 5px 10px;
  color: #fff;
  background-color: #FB8A22;
  border-radius: 15px;
}

#admin-fields{
  position:absolute;
  top:650px;
  background-color:#fff;
  float:left;
  padding:15px;
  border:2px solid #000;
  border-radius:10px;
}

#som-container{
  overflow: hidden;
  /*border: 5px solid #000;*/
  float: left;
  height: 520px;
  width: 910px;
  position: relative;
  border-left:20px solid #f22194;
  border-right:20px solid #f22194;
  border-bottom:20px solid #f22194;
  position:absolute;
  border-radius:0 0 15px 15px;
  top:60px;
}
.somtype-holder{
  position:relative;
  background-color:#f0cc37;
  height:520px;
  display:none;
}
#somtype1-holder{
}

/************SOMTYPE1**************/
#somtype1-holder img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
#somtype1-holder p{
    text-align:center;
    font-family:Helvetica;
    font-size:1.9em;
    color:#ebebeb;
    margin-top:10px;
    margin-bottom:0;
    width:580px;
    padding:10px;
}
#somtype1-holder input[type="number"],
#somtype1-holder input[type="text"]{
    font-size:3em;
    text-align:center;
    margin:10px;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    background-color: #333333;
  // background:transparent;
    border:2px solid #b2b2b2;
    border-radius:10px;
    padding:5px;
    color:#ebebeb;
}
#somtype1-holder  input[type="number"].with-dimension,
#somtype1-holder input[type="text"].with-dimension{
	width:210px;
	text-align:right;
	display: inline-block;
	margin-left: 60px;
	/*padding-right: 15px;*/
    background-color:#444;
    padding:0 10px;
    border-radius:5px;
    border: 2px solid #b2b2b2;
}
#somtype1-holder label{
	font-size: 4em;
	color:#ebebeb;
	margin-left: 10px;
}
#somtype1-holder #somarea p.boerderij{
	color: #454545;
	top: -140px;
	position: relative;
	margin-bottom: -100px;
}
#somtype1-holder #somarea input.boerderij{
	width: 100px;
	left: 100px;
	top: -30px;
	float: left;
}
#somtype1-holder label.boerderij{
	color: #929292;
}
#somtype1-holder button.boerderij{
	position: relative;
	left: -150px;
}
#somtype1-holder .nummer{
	padding: 5px 10px;
	border: 4px solid #C6986A;
	width: 60px;
	font-size: 2em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #AB272F;
	border-radius:10px;
}
 
 #somarea{
 width:510px;
 height:237px;
 left:200px;
 position:absolute;
 top:188px;
 }
 #somarea.somtype1-0{
    top: 80px;
    left: 270px;
 }
 #somarea.somtype1-0 input[type="number"]{
 	width: 150px;
 }
 button.somtype1-0{
 	position: absolute;
 	z-index: 10;
 	bottom: 10px;
 	right: 20px;
 	
 }
 #somarea.somtype1-1{
    top: 80px;
    left: 200px;
 }
 #somarea.somtype1-1 p{
  	color: #138298;
 }
 #somarea.somtype1-1 input[type="number"]{
 	width: 150px;
  color:#999;
 }
 button.somtype1-1{
 	position: absolute;
 	z-index: 10;
 	top: 365px;
 	left: 160px;
 	
 }
 #somarea.somtype1-1 label{
 	 	color: #138298;
 }
 #somarea.somtype1-2{
    top: 40px;
    left: 100px;
 }
 #somarea.somtype1-2 input[type="number"]{
 	width: 150px;
 }
 button.somtype1-2{
 	position: absolute;
 	z-index: 10;
 	bottom: 10px;
 	left: 10px;
 	
 }
 #somarea.somtype1-3{
    top: 140px;
    left: 300px;
 }
 #somarea.somtype1-3 input[type="number"]{
 	width: 150px;
 }
 button.somtype1-3{
 	position: absolute;
 	z-index: 10;
 	top: 20px;
 	right: 50px;
 	
 }
  #somarea.somtype1-4{
      top: 60px;
     	left: 280px;
  }
 #somarea.somtype1-4 input[type="number"]{
 	width: 150px;
 }
 button.somtype1-4{
 	position: absolute;
 	z-index: 10;
 	top: 350px;
 	right: 550px;
 }
 
  #somarea.somtype1-5{
      top: 10px;
     	left: 250px;
  }
 #somarea.somtype1-5 input[type="number"]{
 	width: 150px;
  color:#878787;
 }
 button.somtype1-5{
 	position: absolute;
 	z-index: 10;
 	bottom: 20px;
 	right: 390px;
 }
 #somarea.somtype1-5 p{
  	color: #138298;
  	font-size: 2.3em; 
 }
 #somarea.somtype1-5 label{
 	 	color: #138298;
 }
 
/*****************SOMTYPE2**************/
#somtype2-holder p.vraag{
    text-align:center;
    font-family:Helvetica;
    width:740px;
    color:#454545;
    margin-top:-460px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0;
    height: 130px;
}
#somtype2-holder p.normal-letter-2{
    font-size:2em;
}
#somtype2-holder p.small-letter-2{
    font-size:1.6em;
}
#somtype2-holder ul{
  position: absolute;
  margin-top: 20px;
  left: 210px;
}
#somtype2-holder li{
  position: relative;
  border: 4px solid #F22194;
  padding: 3px 5px 3px 5px;
  margin:  0 0 20px 0;
  width: 410px;
  border-radius: 10px;
  color: #454545;
  cursor:pointer;
}
#somtype2-holder li img{
    display:none;
}
#somtype2-holder li:hover{
  color: #000;
  border-color: #50C8EF;
}

#somtype2-holder li:hover img{
    display:inline;
}

#somtype2-holder li img{
  position: absolute;
  top: -55px;
  left: -30px;
}
#somtype2-holder li p{
  font-size: 1.8em;
  position: relative;
  left: 10px;
  margin: 0;
}
#somtype2-holder p.small-answer-2{
    font-size: 1.2em;
}

#somtype2-holder button{
  position: absolute;
  top: 460px;
  right: 10px;
}

/********SOMMEN-6*******************/

#somtype6-vraag-antwoord{
	display: none;
}
#biker-type6{
	position: absolute;
	top: 120px;
	left: -300px;
}
#somtype6-a-biker{
	display: block;
	margin-top: 15px;
	z-index: 10;
}
.somtype6-a-biker{
  margin-left: auto;
  margin-right: auto;
}
.somtype6-a-biker-left{
  margin-left:-40px;
}
.somtype6-plattgrond{
  position:absolute;
  top: -10px;
  left:-230px;
  width:380px;
  font-size:1.25em;
}
#somarea-type6{
	position: absolute;
	top: 220px;
	width: 408px;
	left: 50%;
	margin-left: -207px;
}
#somarea-type6 h3{
	margin-top: -15px;
}
#somarea-type6 .paardenzak{
	text-align: center;
	font-size: 2em;
	margin-top: -20px;
	color: #EF2A94;
	border-bottom: 1px solid #EF2A94;
	padding-bottom: 5px;;
}
#somarea-type6 .paardebrok-vraag{
	text-align: center;
	font-size: 1.5em;
	margin-top: -30px;
	font-weight:bold;
}
#somarea-type6 button{
	margin-top: 90px;
}
#sompicture-type6-a{
	position: absolute;
	
}
#sompicture-type6{
	position: absolute;
	left: 170px;
	max-width: 480px;
}
.img-zak{
  top: -50px;
  left: 440px;
}
.img-plattegrond{
  left: 240px;
  top:-200px;
  /*left:150px;*/
  max-height: 400px;
  max-width:500px;
  right: 0;
  position: absolute;
}
#somtype6-antwoord{
	position: absolute;
	top: 100px;
	left: 0px;
}
#som-6-label{
	font-size: 2em;
	position: absolute;
	top: 110px;
	left: 40px;
}
#somtype6-antwoord input[type="text"]{
	width:200px;
	font-size:2em;
	text-align: right;
	border-radius: 5px;
	padding:0 5px;
}
#somtype6-antwoord input[type="text"].antwoord-plattegrond{
  margin-left:-180px;
}
#somtype6-antwoord label{
	font-size:2em;
	margin-left: 5px;
}
#zak-gewicht{
	position: absolute;
	top: 125px;
	left: 495px;
	font-size:3em;
	width: 100px;
	background-color: #D6C081;
	text-align: center;
	border-radius: 15px;
	color: #882534;
}


/********SOMMEN-9********************/
#somtype9-holder img{
	left: 5px;
    position:absolute;
}
#blind-a{
    top:23px;
}
#blind-b{
    top:23px;
    height:0;
    width:900px
}
#super-woman{
    top:500px;
    left:-200px;
    z-index:10;
}
#somtype-9-vraag{
	display: none;
    position: absolute;
    z-index: 10;
    font-size: 3em;
    width: 800px;
    text-align: center;
    top: 50px;
    left: 50%;
    margin-left: -420px;
    padding: 10px;
    border: 5px solid #35C8F1;
    border-radius: 15px;
    background-color: #fff;
	box-shadow: 3px 3px 10px #5e5b5b;
}
#somtype-9-antwoorden{
	display: none;
	position: absolute;
	z-index: 10;
	top: 300px;
	border: 5px solid #EF2A94;
	border-radius: 15px;
	padding: 10px 25px;
	text-align: center;
}

#somtype9-holder input{
	padding: 5px 3px;
	font-size:2em;
	margin-right: 5px;
	text-align: center;
	border: 3px solid #55D739;
	border-radius: 5px;
}
#somtype-9-antwoorden .normal-input-9{
     width:50px !important;
 }
#somtype-9-antwoorden .wide-input-9{
    width:100px !important;
}

#somtype9-holder button{
	display: none;
	position: absolute;
	width: 200px;
	margin-left: -100px;
	left: 50%;
	top: 410px;
}

#somtype9-holder .time-table{
	display: block;
	margin:  0 auto;
	width: 300px;
}



/**********SOMTYPE11**************/

#somtype11-holder img.type11-vraag{
	height: 150px;
}
#somtype11-holder img.vraag-plat{
	width: 600px;
	height: 350px;
	float: right;
	margin: 10px 20px 0 0;
	box-shadow: 0px 3px 5px #444;
}
#somtype11-holder .type11-vraag{
  max-height:200px;
  margin: 20px auto 0 auto;
  display: block;
}
#somtype11-holder p.type11-vraag, #somtype11-holder p.vraag-plat{
  font-size: 2em;
  margin: 50px;
  text-align:center;
  background-color: #F0CC37;
  border:6px solid #F22194;
  padding: 10px;
  border-radius: 15px;
}
#somtype11-holder li.vraag-plat, #somtype11-holder li.type11-vraag{
  font-size: 2em;
  font-weight: bold;
  float: left;
  padding: 20px 10px 0;
  line-height: 1em;
  background-color: #f0ca43;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(240, 39, 147)), to(rgb(240, 202, 67)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(240, 202, 67), rgb(240, 39, 147));
  background-image: -moz-radial-gradient(50% 50%, rgb(240, 202, 67), rgb(240, 39, 147));
  background-image: -o-radial-gradient(50% 50%, rgb(240, 202, 67), rgb(240, 39, 147));
  background-image: -ms-radial-gradient(50% 50%, rgb(240, 202, 67), rgb(240, 39, 147));
  background-image: radial-gradient(50% 50%, rgb(240, 202, 67), rgb(240, 39, 147));
  border: 6px solid #F22194;
  margin: 20px;
  width:150px;
  text-align: center;
  border-radius: 15px;;
  box-shadow: 0 0 10px #454545;
  cursor: pointer;
}
#somtype11-holder ul.vraag-plat, #somtype11-holder ul.type11-vraag{
  clear: both;
  display: inline-block;
  margin: 40px auto 0 0px;
}
#somtype11-holder ul.vraag-plat{
	margin-top: 10px;
}
#somtype11-holder li.vraag-plat:hover, #somtype11-holder li.type11-vraag:hover{
  border-color: #F0CC37;
}
p.vraag-plat{
	width: 250px;
	position:absolute;
	left: -40px;
	text-align: left;
}
#somtype11-holder p.vraag-plat ul{
	text-align:left;
	font-size: 0.7em;
	margin-top: 0px;
	padding: 0 0 0 25px;
	display: block;
	clear: both;
}
#somtype11-holder img.vraag-compass{
	height: 320px;
	float: left;
	margin: 10px 20px 0 30px;
	box-shadow: 5px 8px 25px #444;
	border-radius: 25px;
}
#somtype11-holder p.vraag-compass{
  font-size: 2em;
  margin: 20px 50px;
  text-align:center;
  background-color: #F0CC37;
  border:6px solid #F22194;
  padding: 10px;
  border-radius: 15px;
}
#somtype11-holder ul.vraag-compass{
  clear: both;
  display: inline-block;
  margin: 20px auto 0 0px;
	
}
#somtype11-holder li.vraag-compass{
	background-color: #ebebeb;
	color: #000;
	padding: 5px 25px;
	font-size: 1.5em;
	margin-bottom: 20px;
	border: 5px solid #0c67eb;
	border-radius: 10px;
	cursor: pointer;
}
#somtype11-holder li.vraag-compass:hover{
	background-color: #fff;
}
#somtype11-holder li.vraag-compass p{
	margin :0;
}




/********BLOKKEN WIDGET**************/
#somtype12-holder{
background-color: #4793ca;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(71, 147, 202)), to(rgb(245, 242, 254)));
background-image: -webkit-linear-gradient(top, rgb(71, 147, 202), rgb(245, 242, 254));
background-image: -moz-linear-gradient(top, rgb(71, 147, 202), rgb(245, 242, 254));
background-image: -o-linear-gradient(top, rgb(71, 147, 202), rgb(245, 242, 254));
background-image: -ms-linear-gradient(top, rgb(71, 147, 202), rgb(245, 242, 254));
background-image: linear-gradient(top, rgb(71, 147, 202), rgb(245, 242, 254));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4793ca', EndColorStr='#f5f2fe');

}
.blok-holder{
    top:-300px;
    position:relative;
    float:left;
    margin-left:auto;
    margin-right:auto;
}
#wolk-somtype12{
  position:absolute;
  /*z-index:100;*/
  top:-20px;
}
img.parachute{
    position:absolute;
    left:5px;
}

.blok{
    position:relative;
    margin-left:10px;
    border-radius:5px;
    top:65px;
    z-index:50;
}
.blok-nummer{
    width:55px;
    height:55px;
    background-color:#ffcc00;
    border:3px solid #0055cc;
    color:#0055cc;
}
.blok-day{
    width:100px;
    height:35px;
    background-color:#3c43da;
    border:3px solid #fff146;
    color:#fff146;
}
.blok-month{
    width:55px;
    height:35px;
    background-color:#873cda;
    border:3px solid #dbf443;
    color:#dbf443;
}
.blok-nummer p{
    font-size:3em;
    margin:5px 0 0 0;
    display:block;
    text-align:center;
}
.blok-day p{
    font-size:1.5em;
    margin:5px 0 0 0;
    display:block;
    text-align:center;
}
.blok-day p{
    font-size:1em;
    margin:5px 0 0 0;
    display:block;
    text-align:center;
}
.blok-month p{
    font-size:1em;
    margin:5px 0 0 0;
    display:block;
    text-align:center;
}
.blok img{
    position:absolute;
    top:3px;
    left:3px;
}
.blok-day img{
  left:30px;
}
#blok-target{
    height:100px;
    border-left:2px solid #8800cc;
    border-right:2px solid #8800cc;
    border-bottom:2px solid #8800cc;
    position:relative;
    top:280px;
    margin-left:auto;
    margin-right:auto;
    display:none;
}
#blok-target-holder{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:60px;
}
.blok-target{
    height:40px;
    border-bottom:1px solid #8800cc;
    border-left:1px solid #8800cc;
    border-right:1px solid #8800cc;
    float:left;
    margin: 0 0 0px -1px;
}
.blok-target-nummer{
    width:68px;
}
.blok-target-day{
  width:113px;
}
.blok-target-month{
  width:68px;
}
.blok-target:first-child{
  border-left:0px;
}
.blok-target:last-child{
  border-right:0px;
}
#blokken-doos{
    margin-left:auto;
    margin-right:auto;
}
#blokken-doos button{
    position:absolute;
    top:455px;
    left:350px;
}
#somtype12-holder p.vraag-rechts-1{
  position:absolute;
  display:none;
  right:10px;
  top:60px;
}

/**********SOMTYPE13**************/

#somtype13-holder{
    width:920px;
    height:550px;
    overflow:hidden;
}
#type13-train-holder{
    position:relative;
    left:900px;
    top:-135px
}
#type13-train{
}
.train-window{
    display:none;
    float:left;
    width:50px;
    padding:10px 0;
    margin-left:10px;
    text-align:center;
    font-size:1.7em;
    font-weight:bold;
    background-color:#000;
    border:2px solid #FB8A22;
    border-radius:10px;
    color:#fff;
}
#train-windows{
    position:relative;
    margin-left:95px;
    top:-85px;
}
.train-window input[type="number"]{
    width:30px;
}
#som-13-antwoord{
  display: none;
  position: absolute;
  top: 30px;
  left: 296px;
  width:40px;
  font-size: 2em;
  text-align: center;
  padding: 10px 5px;
  border-radius: 10px;
  border: 2px solid #E85039;
  background-color: #000;
  color: #fff;
}
.vraag-antwoord-13{
  width:600px;
  position:absolute;
  display:none;
  top:30px;
  right:30px;
  text-align:center;
}
#somtype13-holder .vraag-rechts-1{
	width: 840px;
	opacity: .8;
}
#somtype13-holder p.vraag-rechts-1{
  float:right;
}
.vraag-antwoord-13 button{
  font-size:1em;
}
.triangle{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #E85039 transparent transparent
}
.arrow{
    width:20px;
    height:100px;
    background-color:#E85039;
    margin-left:15px;
    border-radius: 5px 5px 0 0 ;
}
#arrow-holder{
    position:absolute;
    display:none;
    margin-top:290px;
    left: 450px;
}
/*************SOMTYPE14****************/

.te-holder{
    display:none;
    border-top:10px solid #F0CC37;
    border-left:10px solid #F0CC37;
    border-right:10px solid #F0CC37;
    border-bottom:10px solid #F0CC37;
    font-family:helvetica;
    position:absolute;
    top:-15px;
    left:70px;
    width:180px;
    overflow:hidden;
    height:0;
}
.som-14-door{
    width:90px;
    height:240px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    background-color: #c8a471;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(174, 122, 71)), to(rgb(200, 164, 113)));
background-image: -webkit-radial-gradient(50% 50%, rgb(200, 164, 113), rgb(174, 122, 71));
background-image: -moz-radial-gradient(50% 50%, rgb(200, 164, 113), rgb(174, 122, 71));
background-image: -o-radial-gradient(50% 50%, rgb(200, 164, 113), rgb(174, 122, 71));
background-image: -ms-radial-gradient(50% 50%, rgb(200, 164, 113), rgb(174, 122, 71));
background-image: radial-gradient(50% 50%, rgb(200, 164, 113), rgb(174, 122, 71));

}
#som-14-door-right{
    left:90px;
}
.te-box{
    width:80px;
    height:80px;
    float:left;
    border:5px solid #4FD929;
    font-size:3em;
    text-align:center;
}
.te-getal{
    position:relative;
    width:170px;
    height:80px;
    background-color:#30C7F2;
    color:#fff;
}
.te-holder-1, .te-holder-2{
    background-color:#F2522E;
    color:#fff;
    font-weight:bold;
    font-size:3em;
    height:50px;
}
.te-box input[type="text"]{
    font-size:.8em;
    width:70px;
    background-color:#F22194;
    border:0;
    text-align:center;
    color:#fff;
}
.te-holder-3, .te-holder-4{
    background-color:#F22194;
}
#som-14-car-holder{
    left:-400px;
    position:absolute;
    top:300px;
}
.vraag-antwoord-14{
  width:500px;
  position:absolute;
  display:none;
  top:60px;
  left:30px;
  text-align:center;
}
#somtype14-holder .vraag-rechts-1{
  width:400px;
}


/*******************SOMTYPE15*****************/

#som15-uitleg{
	position: absolute;
	top: -500px;
	z-index: 210;
	padding:80px 180px;
	background-color: #F0CA43;
	left: 20px;
	border: 5px solid #F22194;
	border-radius: 15px;
}

#plane-15, #car-15{
    position:absolute;
/*    top:60px;
    left:-340px;*/
  height:50px;
  left:-150px;
  top:250px;
}
#car-15{
}
#timer-ok{
  font-size:.7em;
}
#countdown-text, #countdown-text-car{
    position:absolute;
/*    top:8px;
    left:40px;
    color:#fff;*/
    font-size:2em;
    width:100px;
    text-align:center;
  top:25px;
  left:0px;
  color:#000;
}
#countdown-text-car{
}
#somtype15-holder .vraag-rechts-1{
	text-align: center;
}
#opgave{
    position:absolute;
    top:420px;
    font-size:2em;
    background-color:#fff;
    border:5px solid #000;
    width:300px;
    text-align:center;
    margin-left:550px;
    border-radius:15px;
}
#opgave input[type="text"], #opgave input[type="number"]{
    font-size:.8em;
    width:50px;
    text-align:center;
}
#opgave input[type="number"]{
  -webkit-appearance: none; 
  -moz-appearance:textfield;
  margin: 0; 
}

/************DIGITALE KLOK********************/
#digital-clock{
  display:inline-block;
  border:15px solid #000;
  padding:60px;
  border-radius:25px;
  background-color: #e9b90f;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(197, 33, 21)), to(rgb(233, 185, 15)));
background-image: -webkit-radial-gradient(50% 50%, rgb(233, 185, 15), rgb(197, 33, 21));
background-image: -moz-radial-gradient(50% 50%, rgb(233, 185, 15), rgb(197, 33, 21));
background-image: -o-radial-gradient(50% 50%, rgb(233, 185, 15), rgb(197, 33, 21));
background-image: -ms-radial-gradient(50% 50%, rgb(233, 185, 15), rgb(197, 33, 21));
background-image: radial-gradient(50% 50%, rgb(233, 185, 15), rgb(197, 33, 21));
width:555px;
position:absolute;
left:50%;
margin-left:-345px;
top:100px;
}

.number-container{
  width:100px;
  height:160px;
  position:relative;
  padding:15px;
  float:left;
}
.hor-line{
  width:50px;
  height:16px;
  background-color:  #454545;
  float:left;
  box-shadow: 0px 0px 20px #fff;
}
.vert-line{
  width:16px;
  height:50px;
  background-color: #454545;
  box-shadow: 0px 0px 20px #fff;
}
.top-line-container{
  position: absolute;
  left:24px;
}
.left-line-container{
  margin-top:0px;
  position:absolute;
  top:25px;
}
.right-line-container{
  margin-top:0px;
  position:absolute;
  top:25px;
  left:83px;
}
.mid-line-container{
  margin-top:0px;
  position:absolute;
  top:85px;
  left:24px;
  /*display:none;*/
}
.left-line-d-container{
  margin-top:0px;
  position:absolute;
  top:95px;
}
.right-line-d-container{
  margin-top:0px;
  position:absolute;
  top:95px;
  left:83px;
}
.bot-line-container{
  position:absolute;
  top:155px;
  left:24px;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #454545;
  position:relative;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  float:left;
  border-top: 8px solid  #454545;
  position:relative;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid  #454545;
  float:left;
  position:relative;
}

.arrow-left {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right:8px solid  #454545;
  float:left;
  position:relative;
}
.divider-container{
  float:left;
  position:relative;
  padding:50px 10px 0;
  text-align:center;
}
.point{
  width:15px;
  height:15px;
  background-color: #454545;
  margin-top:20px;
  box-shadow: 0px 0px 10px #fff;
}

.number-container button{
  border:0;
  border-radius:10px;
  font-size:1.1em;
  position:absolute;
  width:82px;
  color:#b2b2b2;
  background-color: #797979;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(121, 121, 121)), to(rgb(55, 55, 55)));
background-image: -webkit-linear-gradient(top, rgb(121, 121, 121), rgb(55, 55, 55));
background-image: -moz-linear-gradient(top, rgb(121, 121, 121), rgb(55, 55, 55));
background-image: -o-linear-gradient(top, rgb(121, 121, 121), rgb(55, 55, 55));
background-image: -ms-linear-gradient(top, rgb(121, 121, 121), rgb(55, 55, 55));
background-image: linear-gradient(top, rgb(121, 121, 121), rgb(55, 55, 55));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#797979', EndColorStr='#373737');
  box-shadow: 0px 0px 15px #fff;
  cursor:pointer;
}

.number-container button:hover{
    color:#fff;
  }
.number-container button:active{
  box-shadow: 0px 0px 0px #fff;
}
.number-container button.up{
  top:-35px;
}
.number-container button.down{
  top:190px;
}

#somtype16-holder .vraag-rechts-1{
    position:absolute;
    width:590px;
    left:50%;
    margin-left:-305px;
    top:20px;
    text-align:center;
}

#somtype16-holder button.answer{
    position:relative;
    top:460px;
}

#digiklok-multi-holder{
 	position: absolute;
 	top: 450px;
 	/*width: 100%;*/
 	text-align: center;
 	float: left;
 	left: 10px;
 	/*border: 1px solid #000;*/
 	margin 0 auto;
}

.digiklok-multi{
	width: auto;
	float: left;
	font-size: 1.9em;
	padding: 10px 30px;
	border: 3px solid #000;
	border-radius: 10px;
	margin-right: 10px;
	text-align: center;
	background-color: #c93313;
	color: #fff;
	cursor: pointer;
}
.digiklok-multi:hover{
	color: #000;
	background-color: #de8c19;
}

/*************SOMTYPE17***********************/
.somtype-holder{
    height:520px;
    width:920px;
    overflow:hidden;
    position:relative;
    z-index:20;
}
#crane-holder{
    position:absolute;
    float:left;
    top:30px;
    left:-700px;
}
#crane-holder img{
    position:absolute;
}
#crane-rope{
    top:50px;
    left:610px;
    height:113px;
    width:11px;
}
#crane-hook{
    left:600px;
    top:163px;
}
#som-17-holder{
    width:300px;
    height:30px;
    position:absolute;
    top:530px;
    left:500px;
    background-color:#bab643;
    overflow:hidden;
    border: 10px solid #8D7E77;
    border-radius: 15px;;
}
#som-17-holder img{
    float:left;
    position:relative;
    z-index:10;
}
#som-17{
    position:absolute;
    top:0;
    left:0;
}
.weight-holder-start{
  width:300px;
  text-align: center;
  font-size: 2em;
  font-weight:bold;
  padding-top:20px;
  border-bottom:6px solid #EDCD52;
  background-color: #EDCD52;
}
.weight-holder{
    width:290px;
    height:35px;
    float:left;
    padding:30px 10px 10px;
    border-bottom:4px solid #EDCD52;
    font-size: 1.7em;
    font-weight: bold;
}

.weight-holder input[type="text"]{
    width:80px;
    font-size: 1em;
    border:2px solid #454545;
    text-align: center;
    border-radius: 5px;
    margin-right: 10px;
    margin-top: -10px;
}
#som-17 button{
  position: relative;
  top: 15px;
  background-color: #5E7461;
  color: #EDCD52;
  border-color: #CD6970;;
}

/****************BALLON GETALLENRIJ*******************/


#float-balloon{
  position:absolute;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  top:52px;
  left:690px;
  opacity:0;
  z-index: 10;
}
#balloon-number{
    font-size:4em;
    position:absolute;
    left:10px;
    top:15px;
    font-weight:bold;
    text-shadow: 1px 1px #b2b2b2;
}
#balloon:active{
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
#balloon-clown{
  position:absolute;
  left:670px;
  top:135px;
}
#getallen-lijn{
	position: relative;
}
#getallen-lijn{
  float:left;
  border-left:2px solid #000;
  border-right:2px solid #000;
  border-bottom:2px solid #000;
  top:440px;
  position:relative;
  height:40px;
  margin-left:10px;
}
.getal-lijn{
  float:left;
  width:49px;
  height:20px;
  border-left:1px solid#000;
  position:relative;
  top:20px;
  margin-left:auto;
  margin-right:auto;
}
.getal-lijn:first-child{
    margin-left:50px;
}
#getallen-lijn label{
  width:50px;
  float:left;
  left:-6px;
  top:25px;
  position:relative;
  font-size:1.6em;
  color:#0055CC;
}
#background-18{
    position:absolute;
    top:0;
    left:0;
}
#som-18-vraag-antwoord{
  position:absolute;
    top:10px;
    left:350px;
    z-index:10;
    display:none;
}
#som-18-vraag-antwoord p.vraag-rechts-1{
    text-align:center;
}

/************SOMTYPE-19*****************/


.nummer-plaat{
    font-family: Helvetica, Arial;
    font-size:7em;
    width:150px;
    height:150px;
    float:left;
    border:5px solid #354E0C;
    border-radius:15px;
    margin:10px;
    font-weight:bold;
    text-align:center;
    background-color: #8f9931;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(64, 95, 17)), to(rgb(143, 153, 49)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(143, 153, 49), rgb(64, 95, 17));
  background-image: -moz-radial-gradient(50% 50%, rgb(143, 153, 49), rgb(64, 95, 17));
  background-image: -o-radial-gradient(50% 50%, rgb(143, 153, 49), rgb(64, 95, 17));
  background-image: -ms-radial-gradient(50% 50%, rgb(143, 153, 49), rgb(64, 95, 17));
  background-image: radial-gradient(50% 50%, rgb(143, 153, 49), rgb(64, 95, 17));
  color:#ebebeb;
   cursor:pointer;
}
.nummer-plaat:hover{
    color:#fff;
    border-color:#909940;
}
 p{
    margin-top:10px;

}
audio{
    width:600px;
    position:absolute;
    top:460px;
    left:170px;
}
#somtype18-holder audio{
  width:250px;
  top:50px;
  left:10px;
}
#somtype12-holder audio{
  width:250px;
  left:10px;
}
#somtype13-holder audio{
  width:250px;
  left:10px;
  top:250px;
}
#somtype14-holder audio{
  width:250px;
  left:80px;
  top:10px;
}
#back-19{
    position:absolute;
}
#nummer-holder-19{
    position:relative;
    top: 190px;
    left: 100px;
}
#somtype19-holder{
   float:left;
    height:520px;
    width:920px;
    background-color: #e9e1ba;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 225, 186)), to(rgb(254, 250, 217)));
    background-image: -webkit-linear-gradient(top, rgb(233, 225, 186), rgb(254, 250, 217));
    background-image: -moz-linear-gradient(top, rgb(233, 225, 186), rgb(254, 250, 217));
    background-image: -o-linear-gradient(top, rgb(233, 225, 186), rgb(254, 250, 217));
    background-image: -ms-linear-gradient(top, rgb(233, 225, 186), rgb(254, 250, 217));
    background-image: linear-gradient(top, rgb(233, 225, 186), rgb(254, 250, 217));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e9e1ba', EndColorStr='#fefad9');
}
#somtype19-holder .vraag-rechts-1{
  position: absolute;
  top: 40px;
  left: 50%;
  width: 600px;
  text-align:center;
  margin-left: -300px;;
}

/*************SOM20************/

#somtype21-holder{
  height:520px;
  width:920px;
  background-color: #49c8f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(73, 200, 245)), to(rgb(185, 227, 252)));
  background-image: -webkit-linear-gradient(top, rgb(73, 200, 245), rgb(185, 227, 252));
  background-image: -moz-linear-gradient(top, rgb(73, 200, 245), rgb(185, 227, 252));
  background-image: -o-linear-gradient(top, rgb(73, 200, 245), rgb(185, 227, 252));
  background-image: -ms-linear-gradient(top, rgb(73, 200, 245), rgb(185, 227, 252));
  background-image: linear-gradient(top, rgb(73, 200, 245), rgb(185, 227, 252));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#49c8f5', EndColorStr='#b9e3fc');

}

.ei{
  float:left;
  display:block;
  width: 46px; height: 60px;
  background-color: #fff2c2;
  margin:10px;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(255, 203, 139)), to(rgb(255, 242, 194)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(255, 242, 194), rgb(255, 203, 139));
  background-image: -moz-radial-gradient(50% 50%, rgb(255, 242, 194), rgb(255, 203, 139));
  background-image: -o-radial-gradient(50% 50%, rgb(255, 242, 194), rgb(255, 203, 139));
  background-image: -ms-radial-gradient(50% 50%, rgb(255, 242, 194), rgb(255, 203, 139));
  background-image: radial-gradient(50% 50%, rgb(255, 242, 194), rgb(255, 203, 139));

 border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  position:relative;
  z-index:10;
  cursor: pointer;
}
#destination{
    width:350px;
    height:365px;
    border-radius:10px;
    padding:10px;
    position:absolute;
    left:540px;
    top: 100px;
}
#source{
    width:350px;
    height:230px;
    border-radius:10px;
    padding:10px;
    float:left;
    left:210px;
    position:absolute;
    top: 100px;;
}
#somtype21-holder img{
    position:absolute;
     top:173px;
}
#type21-audio{
  position:absolute;
  z-index:100;
}
.egg-box{
    width:350px;
    height:160px;
    border-radius:15px;
    position:absolute;
    background-color: #bad14b;
    background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(255, 163, 59)), to(rgb(186, 209, 75)));
    background-image: -webkit-radial-gradient(50% 50%, rgb(186, 209, 75), rgb(255, 163, 59));
    background-image: -moz-radial-gradient(50% 50%, rgb(186, 209, 75), rgb(255, 163, 59));
    background-image: -o-radial-gradient(50% 50%, rgb(186, 209, 75), rgb(255, 163, 59));
    background-image: -ms-radial-gradient(50% 50%, rgb(186, 209, 75), rgb(255, 163, 59));
    background-image: radial-gradient(50% 50%, rgb(186, 209, 75), rgb(255, 163, 59));


}
#egg-box-2{
    top:175px;
}
#somtype21-holder p{
  position: absolute;
  top: 20px;
  left: 110px;
  width: 760px;
}
#somtype21-holder button{
  position: absolute;
  top: 120px;
  left:10px;
  padding-left: 10px;
  padding-right: 10px;;
}
#somtype21-holder audio{
  margin-top:-30px;
  width: 370px;
}

/**********************SOMTYPE22******************/


.somtype-holder{
  position:absolute;
  background-color: #fbe138;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(252, 221, 118)), to(rgb(251, 225, 56)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(251, 225, 56), rgb(252, 221, 118));
  background-image: -moz-radial-gradient(50% 50%, rgb(251, 225, 56), rgb(252, 221, 118));
  background-image: -o-radial-gradient(50% 50%, rgb(251, 225, 56), rgb(252, 221, 118));
  background-image: -ms-radial-gradient(50% 50%, rgb(251, 225, 56), rgb(252, 221, 118));
  background-image: radial-gradient(50% 50%, rgb(251, 225, 56), rgb(252, 221, 118));


  height:520px;
  width:920px;
}
#somtype22-holder img{
    position:absolute;
    top:0;
}
#somtype22-holder p.vraag-rechts-1{
  position: absolute;
  top: 50px;
  left: 50%;
  margin-left: -400px;
  text-align: center;
  width:800px;
  font-size:3em;
  background-color: #f3d560;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(16, 162, 170)), to(rgb(243, 213, 96)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: -moz-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: -o-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: -ms-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  border-color:#F02793;
  color:#000;
  font-weight:bold;
}
#somtype22-holder audio{
  margin-top:-30px;
}
#somtype22-holder button.answer-22-block{
  width:150px;
  height:150px;
  border-radius:25px;
  float:left;
  top:280px;
  font-size:6em;
  position:relative;
  left:70px;
  margin-left:170px;
  background-color: #f3d560;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(16, 162, 170)), to(rgb(243, 213, 96)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: -moz-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: -o-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: -ms-radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  background-image: radial-gradient(50% 50%, rgb(243, 213, 96), rgb(16, 162, 170));
  font-weight:bold;
  box-shadow: 0 0 35px #DE7081;
  cursor:pointer;
}
#somtype22-holder button.answer-22-block:hover{
  border-color:#F0CC37;

}
#somtype22-holder button.answer-22-block:active{
  border-color:#F0CC37;
  box-shadow: 0px 0px 0px #ff;
}

/**************HOUSE-SOMMEN*************/


#somtype7-holder{
  background-color: #15a5dd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(21, 165, 221)), to(rgb(255, 255, 255)));
  background-image: -webkit-linear-gradient(top, rgb(21, 165, 221), rgb(255, 255, 255));
  background-image: -moz-linear-gradient(top, rgb(21, 165, 221), rgb(255, 255, 255));
  background-image: -o-linear-gradient(top, rgb(21, 165, 221), rgb(255, 255, 255));
  background-image: -ms-linear-gradient(top, rgb(21, 165, 221), rgb(255, 255, 255));
  background-image: linear-gradient(top, rgb(21, 165, 221), rgb(255, 255, 255));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#15a5dd', EndColorStr='#ffffff');
  width:920px;
  height:520px;
  position:relative;
}
#somtype7-holder input[type="text"]{
  width:30px;
  text-align:center;
  border:0;
  font-weight:bold;
  padding:0;
  font-size:1.1em;
}
.houses-container{
  position:relative;
  top:160px;
  float:left;
  z-index:100;
  left:20px;
}
.house-holder{
  position:realtive;
  float:left;
  margin-right:5px;
}
.house-roof{
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid #fc2e5a;
}
.house-body{
  height:130px;
  width:100px;
  background-color:#fc2e5a;
  position:relative;
}
.house-window{
  position:relative;
  border:2px solid #000;
  width:30px;
  height:30px;
  top:30px;
  margin-left:10px;
  float:left;
}
.house-glass{
  width:13px;
  height:13px;
  border:1px solid #000;
  float:left;
  background-color:#9EDAF0;
}
.house-door{
  position:absolute;
  width:25px;
  height:50px;
  border-top:3px solid #000;
  border-left:3px solid #000;
  border-right:3px solid #000;
  left:60px;
  top:77px;
  border-radius:5px 5px 0 0;
}
.house-number{
  background-color:#fff;
  position:relative;
  top:43px;
  left:10px;
  float:left;
  padding:3px 5px;
  border-radius:10px;
  font-size:1.1em;
  font-weight:bold;
}
.road-holder{
  height:150px;
  width:920px;
  background-color:#545454;
  top:150px;
  position:relative;
  border-top:35px solid #b2b2b2;
  border-bottom:45px solid green;
  background-color: #545454;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(84, 84, 84)), to(rgb(134, 134, 134)));
  background-image: -webkit-linear-gradient(top, rgb(84, 84, 84), rgb(134, 134, 134));
  background-image: -moz-linear-gradient(top, rgb(84, 84, 84), rgb(134, 134, 134));
  background-image: -o-linear-gradient(top, rgb(84, 84, 84), rgb(134, 134, 134));
  background-image: -ms-linear-gradient(top, rgb(84, 84, 84), rgb(134, 134, 134));
  background-image: linear-gradient(top, rgb(84, 84, 84), rgb(134, 134, 134));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#545454', EndColorStr='#868686');
  float:left;

}
.road-stripes{
  width:60px;
  height:10px;
  background-color: #ebebeb;
  position:relative;
  top:50px;
  margin-right:50px;
  display:inline-block;
}
.rainy-weather {
  margin: 3em auto;
  width: 350px;
  height: 400px;
  position: absolute;
  left:40px;
}

.cloud-main {
  width: 350px;
  height: 130px;
  background: #f2f2f2;
  border-radius: 100em;
  position: absolute;
  z-index: 100;
  top: 50px;
  box-shadow: 0 3px 5px rgba(0,0,0, 0.3);
  background: linear-gradient(#F2F2F2 70%, #E5E5E5);
}

.cloud-center {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  background: #F2F2F2;
  position: absolute;
  border-radius: 100em;
  top: -30px;
  right: 50px;
}

.cloud-left {
  width: 130px;
  height: 130px;
  margin: 0 auto;
  background: #F2F2F2;
  position: absolute;
  border-radius: 100em;
  top: 0;
  right: 160px;
}
.sun{
  width:75px;
  height:75px;
  border-radius:40px;
  background-color: #fdfb62;
  position:absolute;
  left:750px;
  top:55px;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(255, 216, 32)), to(rgb(253, 251, 98)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(253, 251, 98), rgb(255, 216, 32));
  background-image: -moz-radial-gradient(50% 50%, rgb(253, 251, 98), rgb(255, 216, 32));
  background-image: -o-radial-gradient(50% 50%, rgb(253, 251, 98), rgb(255, 216, 32));
  background-image: -ms-radial-gradient(50% 50%, rgb(253, 251, 98), rgb(255, 216, 32));
  background-image: radial-gradient(50% 50%, rgb(253, 251, 98), rgb(255, 216, 32));
  box-shadow:0 0 25px #FA9505;
}

.lorry{
  position:absolute;
  z-index:100;
}
#lorry-1{
  left:950px;
  top:270px;
}
#lorry-2{
  left:1170px;
  top:170px;
}
#house-vraag{
  display:none;
  position:absolute;
  top:180px;
  width:210px;
  font-size:2em;
  z-index:120;
  left:670px;
  text-align:center;
  font-weight:bold;
}
#house-vraag button{
  font-size:.7em;
  margin-top:10px;
}

/***************SOM4***************/

#somtype4-holder p.vraag{
  position:absolute;
  top: 50px;
  font-size:2em;
  width: 600px;
  left: 50%;
  margin-left: -300px;
  text-align: center;
  background-color: #fff;
  border-radius:15px;
  border: 5px solid #F02793;
  font-weight: bold;
}

#multiples-4{
  position: absolute;
  top :150px;
  left: 50%;
  margin-left: -375px;
  width: 750px;
  height: 300px;

}
#multiples-4 li{
  float: left;
  margin:0px;
}
#multiples-4 div.euros{
  float: left;
  width: 180px;
  height: 100px;
  opacity: .8;
  cursor: pointer;
}
#multiples-4 div.euros:hover{
  opacity: 1;
}
#multiples-4 div.winkelwagen{
  margin:10px;
  padding:10px;
  margin-bottom:30px;
  float:left;
  background-color: #F9F5CD;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 0 0 15px #323232;
}
#multiples-4 div.winkelwagen:hover{
  background-color: #fff;
}
#multiples-4 img.winkelwagen{
  height:70px;
}
#multiples-4 div.maatglas{
  margin:80px 40px 40px 40px;
  padding:10px;
  float:left;
  background-color: #F9F5CD;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 0 0 15px #323232;
}
#multiples-4 div.maatglas:hover{
  background-color: #fff;
}
#multiples-4 img.maatglas{
  height:150px;
}


#multiples-4 div.aardappelen{
  margin:80px 40px 40px 40px;
  padding:5px;
  float:left;
  background-color: #F9F5CD;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 0 0 15px #323232;
}
#multiples-4 div.aardappelen:hover{
  background-color: #fff;
}
#multiples-4 img.aardappelen{
  height:220px;
}


#multiples-4 div.meetkundig{
  margin:40px;
  padding:10px;
  float:left;
  background-color: #F9F5CD;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 0 0 15px #323232;
}
#multiples-4 div.meetkundig:hover{
  background-color: #fff;
}
#multiples-4 img.meetkundig{
    max-height:80px;
    max-width:80px;
}
#multiples-4 div.vergelijk{
  margin: 10px 70px 0;
  padding:10px;
  float:left;
  background-color: #F9F5CD;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 0 0 15px #323232;
}
#multiples-4 img.vergelijk{
  height:220px;
}
#multiples-4 div.vergelijk:hover{
  background-color: #fff;
}
#multiples-4 div.dik-dun{
  margin: 0px 80px 0;
  padding:10px;
  float:left;
  background-color: #F9F5CD;
  border-radius:10px;
  cursor:pointer;
  box-shadow: 0 0 15px #323232;
}
#multiples-4 img.dik-dun{
  max-heightheight:210px;
}
#multiples-4 div.dik-dun:hover{
  background-color: #fff;
}




/***********SOMMENTYPE23****************/

#clock-holder{
    width:450px;
    height:450px;
    position:relative;
    left:50%;
    margin-left:-25px;
    top:50px;
}
#clock-image{
    width:450px;
    height:450px;
    background-image:url('../sompictures/somtype23-a.png');
}
.pointer-holder{
    top:0px;
    height:450px;
    position:absolute;
}
.pointer-holder:active{
    background-color:transparent;
}
#minute-pointer-holder{
    width:12px;
    left:219px;
}
#hour-pointer-holder{
    width:20px;
    left:215px;
    z-index: 10;
}
#hour-pointer{
    background-color: #000;
    height:180px;
    margin-top:90px;
    box-shadow:2px 2px 3px #454545;
    border-radius:10px 10px 0 0;
}
#minute-pointer{
    margin-top:40px;
    height:250px;
    background-color:#000;
    border-radius:5px 5px 0 0;
    box-shadow:3px 3px 4px #454545;
}
.grabber{
    border-radius:20px;
    cursor: move;
    background-color:red;
}
#grabber-hour{
    width:20px;
    height:20px;
}
#grabber-minute{
    width:12px;
    height:12px;
}
#som23-vraag{
	position: absolute;
	top: 0;
}
#somtype23-holder .vraag-rechts-1{
	width: 400px;
	margin-top: 60px;
	margin-left: 20px;
}
#somtype23-holder li{
	font-size: 2em;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 5px solid #35C8F1;
	border-radius: 10px;
	background-color: #F0CA43;
	cursor: pointer;
}
#somtype23-holder li:hover{
	border-color: #55D739;
	background-color: #EF5337;
	color: #fff;
}
#somtype23-holder li p{
	padding: 5px 0px 5px 10px;
	margin: 0;
}
#somtype23-holder input{
	width: 50px;
	font-size:2em;
	padding: 3px 10px 3px 5px;
	text-align: right;
	border-radius: 10px;
	border: 3px solid #0D59C9;
	margin-left: 20px;;
}
#somtype23-holder  label{
	font-size: 2em;
	color: #0D59C9;
}
#somtype23-holder button{
	position:absolute;
	top: 400px;
	margin-top: 50px;
	float: left;
	margin-left: 20px;
}
#som23-vraag audio{
	width: 350px;;
}


/*************SOMTYPE24**************/

#maand-container{
    float: left;
    width: 497px;
    border: 5px solid #DBB000;
    margin: 20px;
}
#maand-container h2{
    text-align: center;
    background-color: #EB355A;
    color: #ECDBA8;
    margin: 0;
    padding: 0px 0 5px 0;
    font-size: 3em;
}
#week-dagen{
    height: 60px;
    background-color: #4A4A4A;
    color: #EDDCAD;
}
#week-dagen span{
    float: left;
    width: 70px;
    height: 60px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
}
#week-dagen span p{
    padding: 0;
    margin: 0;
}
.dummy-day{
	width: 70px;
	height: 55px;
	float: left;
	border: 1px solid #DBB000;
	margin-left: -1px;
	margin-left: -1px;
	margin-top: -1px;
}

.maand-dag{
	width: 70px;
	height: 55px;
    float: left;
    text-align: center;
    border: 1px solid #DBB000;
    margin-left: -1px;
    margin-top: -1px;
    background-color: #32B888;
    cursor: pointer;
}
.maand-dag:hover{
	background-color: #EB355A;
	color: #ECDBA8;
}
.maand-dag p{
    font-size: 1.5em;
}
.non-day{
    background: #ECDBA8;
    color: #ECDBA8;
    border-top-color: #000;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.this-day{
    background-color: #DBB000;
}
#somtype24-holder .vraag-rechts-1{
	float: right;
	width: 300px;
	margin-right: 30px;
}

/**********SOMTYPE25 meten***************/

#liniaal{
    float:left;
    background-color:#ebebeb;
    padding:0 0 20px 20px;
    opacity:.7;
    position:absolute;
    top:400px;
   	left: 220px;
   	widht:600px;
}
.meet-lengte{
    float:left;
    width:3px;
    border-right: 1px solid #000;
    border-bottom:1px solid #000;
}
.meet-lengte:first-child{
    border-bottom:0px solid #000;
}
.centimeter{
    height:20px;
}
.half-centi{
    height:15px;
    margin-top:5px;
}
.milimeter{
    height:10px;
    margin-top:10px;
}
.liniaal-dimensie{
    margin-left:-18px;
    margin-right:18px;
    text-align:center;

    float:left;
    width:40px;
}
#somtype25-holder img{
    margin-left:30px;
}
#som-25-vraag-antwoord{
	position: absolute;
	top:0;
	left: 560px;
}
#somtype25-holder .vraag-rechts-1{
	width: 300px;
}
#som-25-vraag-antwoord input{
	font-size: 2em;
	width: 70px;
	border: 3px solid #3CC8F0;
	border-radius: 10px;
	padding: 3px 10px 3px 5px;
	text-align: right;
}
#som-25-vraag-antwoord label{
	font-size:2em;
	margin-left: 10px;
}
#som-25-vraag-antwoord button{
	float: left;
	margin-top: 30px;;
}
#som25-multi-holder{
	margin-top: 70px;
	
}
.som25-line-holder{
	padding: 30px;
	background-color: #fff;
	width: 600px;
	margin-bottom: 10px;
	margin-left: 20px;
	border: 5px solid #333;
	border-radius: 15px;;
}


/*************SOMTYPE26 SNEEUWPOP*************/


#somtype26-holder img{
    position:absolute;
}

#big-snowball{
    width:0px;
    height:0px;
    background-color:#fff;
    position:absolute;
    border-radius:200px 200px 150px 150px;
    top:530px;
    left:500px;
}
#small-snowball{
    width:0px;
    height:0px;
    background-color:#fff;
    position:absolute;
    border-radius:200px 200px 150px 150px;
    top:330px;
    left:480px;
}
#somtype26-holder .glass{
    display:none;
    width:60px;
    height:60px;
    margin-left:20px;
    margin-top:30px;
    border:3px solid #000;
    border-radius:100px;
    float:left;
    text-align:center;
    font-size:3em;
}
#somtype26-holder .nose{
    display:none;
    width:30px;
    height:30px;
    float:left;
    margin-left:80px;
    border-radius:20px 20px 15px 15px;
    background-color: red;
    background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(253, 0, 17)), to(rgb(255, 255, 255)));
    background-image: -webkit-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(253, 0, 17));
    background-image: -moz-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(253, 0, 17));
    background-image: -o-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(253, 0, 17));
    background-image: -ms-radial-gradient(50% 50%, rgb(255, 255, 255), rgb(253, 0, 17));
    background-image: radial-gradient(50% 50%, rgb(255, 255, 255), rgb(253, 0, 17));

}
#somtype26-holder .mouth-holder{
    display:none;
    margin-left:40px;
    margin-top:20px;
}
#somtype26-holder .mouth{
    width:10px;
    height:10px;
    border-radius:10px;
    background-color:#000;
    float:left;
    margin-left:10px;
    position:relative;
}
#somtype26-holder .mouth.nth-child(1){
    top: 7px;
}
#somtype26-holder .mouth.nth-child(5){
    top: 7px;
}
#hat {
    width: 0;
    height: 0;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    position:absolute;
    top: 0;
    border-bottom: 125px solid #009900;
    left:410px;
    top:40px;
    z-index:10;
    top:-200px;
}
#node-holder{
    margin-left:140px;
    margin-top:40px;
}
#somtype26-holder .node{
    display:none;
    width:15px;
    height:15px;
    background-color:#000;
    margin-top:30px;
    border-radius:10px;
}
#somtype26-holder .eye{
    width:20px;
    height:20px;
    border-radius:10px;
    margin-left:25px;
    margin-top:25px;
    position:relative;
    background-color: #1b1b1c;
    background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(253, 0, 17)), to(rgb(27, 27, 28)));
    background-image: -webkit-radial-gradient(50% 50%, rgb(27, 27, 28), rgb(253, 0, 17));
    background-image: -moz-radial-gradient(50% 50%, rgb(27, 27, 28), rgb(253, 0, 17));
    background-image: -o-radial-gradient(50% 50%, rgb(27, 27, 28), rgb(253, 0, 17));
    background-image: -ms-radial-gradient(50% 50%, rgb(27, 27, 28), rgb(253, 0, 17));
    background-image: radial-gradient(50% 50%, rgb(27, 27, 28), rgb(253, 0, 17));

}
#somtype26-holder .bezem{
    position:absolute;
    display:none;
    left:350px;
    top:320px;
}
#top-split{
    position:absolute;
    top:90px;
    font-size:3em;
    left:470px;
    color:#fff;
    z-index:21;
}
#somtype26-holder .antwoord{
    width:50px;
    font-size:35px;
    border:0;
    text-align:center;
    background:transparent;
    position: relative;
    top:-5px;
}
#somtype26-holder button{
	position: absolute;
	top: 150px;
	right: 170px;
	display: none;
}
#somtype26-holder .vraag-rechts-1{
	position: absolute;
	width: 350px;
	top: 40px;
	left: 20px;
  display:none;
}


/***************SOMTYPE27**************/

#somtype27-holder img{
    position:absolute;
}
#som27-auto-1{
    top:400px;
    left:-200px;
}
#som27-auto-2{
    top:430px;
    left:-600px;

}
#som27-hijs-1{
    top:120px;
    left:174px;
    height:10px;
    width:10px;
}
#som27-hijs-2{
    top:100px;
    left:140px;
}
#som27-hijs-3{
    top:90px;
    left:170px;
}
#som27-blocks{
    position:absolute;
    float:left;
    top:384px;
    /*left:-600px;*/
    width:0px;
    height:60px;
    overflow:hidden;
    padding:18px 20px 0 20px;
    border-top:2px solid transparent;
    border-left:2px solid transparent;
    border-right:2px solid transparent;
    border-radius:15px 15px 0 0;
}
.som27-block{
    border:2px solid #662845;
    margin:1px;
    border-radius:5px;
    float:left;
    width:30px;
    height:30px;
    background-color: #edce82;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(237, 206, 130)), to(rgb(214, 134, 68)));
    background-image: -webkit-linear-gradient(top, rgb(237, 206, 130), rgb(214, 134, 68));
    background-image: -moz-linear-gradient(top, rgb(237, 206, 130), rgb(214, 134, 68));
    background-image: -o-linear-gradient(top, rgb(237, 206, 130), rgb(214, 134, 68));
    background-image: -ms-linear-gradient(top, rgb(237, 206, 130), rgb(214, 134, 68));
    background-image: linear-gradient(top, rgb(237, 206, 130), rgb(214, 134, 68));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#edce82', EndColorStr='#d68644');
    
}
#som-27-vraag-antwoord{
    display:none;
    margin-right:120px;
    margin-top: 320px;
    position: absolute;
    right: 20px;
}
#som-27-vraag-antwoord p{
	width: 200px;
	text-align: center;
	font-size: 2.5em;
}
#som-27-vraag-antwoord input{
	font-size: 2em;
	width: 30px;
	position: absolute;
	top: 18px;
	left: 175px;
	padding: 0px 0 0 5px;
	border-radius: 5px;;
}

/****************SOM28****************/
#somtype28-holder ul{
	margin-top: -30px;
	margin-left: 100px;
}
.animal-holder{
  float:left;
  padding:0 10px;
  margin:10px;
  border:2px solid #EF5337;
  border-radius:10px;
  background-color:#FEF3D1;
  cursor:pointer;
}
.animal-holder:hover{
	background-color:#fff;
}
.animal-holder:active{
	background-color:#EF5337;
	box-shadow: 4px 4px 5px #454545;
	cursor: move;
}
.animal-holder label{
  display:block;
  text-align:center;
  font-size:1.2em;
  background-color:#EF5337;
  border-radius: 8px 8px 0 0;
  margin: -0px -10px 10px -10px;
  padding: 5px;
  color: #fff;
}
#somtype28-holder .vraag-rechts-1{
	width: 840px;
	margin-left: 20px;
	margin-top: 30px;
	text-align: center;
}
#somtype28-holder button{
  position:absolute;
	top: 440px;
  left:350px;
}

/***********SOMTYPE29************/

#somtype29-holder img{
	position: absolute;
}

#somtype29-holder ul{
	position: absolute;
	top: 400px;
	left: 370px;
}
#somtype29-holder li{
	width: 60px;
	height: 60px;
	float: left;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	border: 3px solid #0088ff;
	margin-right: 5px;
	background-color: #a9e3ec;
	color: #000000;
	box-shadow: 3px 3px 5px;
	border-radius: 10px;;
}
#somtype29-holder li span{
	margin-top: 15px;
	display: block;
}
#somtype29-holder li input{
	width: 50px;
	font-size: 1em;
	margin-top: 15px;
	text-align: center;
}

#somtype29-holder .vraag-rechts-1{
	position: absolute;
	right: 40px;
	top: 40px;
	text-align: center;
}
#somtype29-holder button{
	position: absolute;
	right: 230px;
	top: 130px;
}

/**********SOMTYPE30************/
#somtype30-holder p.vraag-rechts-1{
	position: absolute;
	top: 370px;
	left:15px;
}
#money-bag{
  float:left;
  position: relative;
  width:400px;
  padding-top:15px;
  margin-right:50px;
  top: 40px;
}
#money-bag div, #saved-money div{
  float:left;
  width:110px;
  height:110px;
}
#money-bag img, #saved-money img{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
#money-pig-holder{
  position:relative;
  height:500px;
  width:400px;
  float:left;
}
#money-pig{
  position:absolute;
}
#saved-money{
  position:absolute;
  top:60px;
  left:130px;
  width:400px;
}
#somtype-30-grass{
	z-index: 200;
	position: absolute;
	top: 470px;
	left: 0;
}
#somtype30-holder button{
	position: absolute;
	right: 20px;
	top: 440px;
}
#somtype30-holder audio{
	/*position: relative;*/
	width: 500px;
	margin-left: -150px;
	z-index: 200;
}

/************SOMTYPES31******************/

.foot-boy-girl{
  position:absolute;
  left:0px;
  top:180px;
}
#somtype31-beach{
  display:none;
  position:absolute;
  top:400px;
  width:1000px;
}
.foot{
  width:50px;
  height:25px;
  float:left;
  padding-left:100px;
  background-repeat:no-repeat;
}
.foot-left{
  background-image:url('../sompictures/somtype31-a.png');
}
.foot-right:nth-child(1){
  margin-left:80px;
}
.foot-right{
  background-image:url('../sompictures/somtype31-b.png');
  margin-top:10px;
}
#somtype31-holder .vraag-rechts-1{
  position:absolute;
  top:10px;
  right:20px;
  width:800px;
}
#somtype31-antwoord{
    position:absolute;
    top:150px;
    right:40px;
}

#somtype31-antwoord{
  display:none;
}
#somtype31-antwoord input[type="text"]{
    font-size:3em;
    text-align:center;
    margin:10px;
    width:100px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    background:#fff;
    border:2px solid #b2b2b2;
    border-radius:10px;
    padding:5px;
    color:#454545;
    float:left;
    margin-right:10px;
}
#somtype31-antwoord label{
  margin-top:10px;
  font-size:3em;
  color:#ffff66;
  display:inline-block;
  padding:0px 5px;
  border-radius:15px;
  background-color: #0d45e2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(13, 69, 226)), to(rgb(46, 133, 240)));
  background-image: -webkit-linear-gradient(top, rgb(13, 69, 226), rgb(46, 133, 240));
  background-image: -moz-linear-gradient(top, rgb(13, 69, 226), rgb(46, 133, 240));
  background-image: -o-linear-gradient(top, rgb(13, 69, 226), rgb(46, 133, 240));
  background-image: -ms-linear-gradient(top, rgb(13, 69, 226), rgb(46, 133, 240));
  background-image: linear-gradient(top, rgb(13, 69, 226), rgb(46, 133, 240));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0d45e2', EndColorStr='#2e85f0');
}

/****************FLYING BIRD***********************/

#turf-blok{
  position:absolute;
  top: 400px;
  background-color: #EFCB47;
  padding: 20px 10px 0;
  left: 10px;
  border-radius: 10px;
  border: 4px solid #333;
  min-height: 50px;
}
.turf{
  width:6px;
  height:36px;
  background-color:#000;
  float:left;
  margin-right:6px;
  transform:rotate(7deg);
  -ms-transform:rotate(7deg); /* IE 9 */
  -webkit-transform:rotate(7deg); /* Safari and Chrome */
  border-radius:3px 2px 3px 2px
}
.turf:nth-child(5n){
  transform:rotate(70deg);
  -ms-transform:rotate(70deg); /* IE 9 */
  -webkit-transform:rotate(70deg); /* Safari and Chrome */
  height:70px;
  margin-left:-30px;
  margin-top:-15px;
}
.turf:nth-child(5n + 1){
  margin-left:20px;
}
#flying-bird-holder{
  width:915px;
  position:absolute;
  overflow:hidden;
  height:520px;
}
#flying-bird{
  left:-300px;
  position:absolute;
  width:200px;
}
#som32-answer-block{
  position:absolute;
  top: 380px;
  right: 20px;
}
#turf-button-32{
	display: none;
}
#tweede-vraag-som-32{
	display: none;
	display: absolute;
	top: -30px;
}
#tweede-vraag-som-32 input[type="text"]{
	font-size: 3em;
	width: 150px;
	float: left;
	margin-bottom: 0;
	margin-top: 0px;
	border: 3px solid #EF2A94;
	border-radius: 10px;
	text-align:center;
}
#tweede-vraag-som-32 button{
	float: left;
	margin-left: 10px;
}
#tweede-vraag-som-32 .vraag-rechts-1{
	margin-bottom: 10px;
}

/*************SOMTYPE33 GETALBEELDEN***************/

#dice-holder{
  position:relative;
  background-color:#ebebeb;
  /*float:left;*/
  padding:50px;
  font-family:helvetica;
  height:180px;
  width:450px;
  overflow:hidden;
  top:150px;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid #EF2A94;
  border-radius:10px;
}
#dice-holder p{
	text-align:center;
	font-size:2em;
	font-weight: bold;
	/*border: 1px solid #333;*/
	width: 400px;
	margin-left: 30px;
}
.dicer{
  position:absolute;
  height:220px;
  top:-220px;
 	width: 500px;; 
 }
.dice{
  width:180px;
  height:180px;
  border:4px solid #000;
  border-radius:10px;
  position:relative;
  float:left;
  margin-left:20px;
  background-color:#fff;
}
#vraag-text-som-33 input[type="text"]{
	font-size: 3em;
	float: left;
	width: 150px;
	margin-left: 65px;
	margin-right: 20px;
	margin-top: 0;
	border: 3px solid #EF2A94;
	border-radius: 10px;
	text-align: center;
}
#vraag-text-som-33  button{
	float: left;
}
#re-animate{
	position: absolute;
	top: 450px;
	left: 50%;
	margin-left:-100px;
	background-color: #EFCB47;
}



.dice-dot{
  position:absolute;
  width:50px;
  height:50px;
}
.dice-one img:nth-child(1){
  top:60px;
  left:60px;
}

.dice-two img:nth-child(1){
  top:10px;
  left:10px;
}
.dice-two img:nth-child(2){
  top:110px;
  left:110px;
}

.dice-three img:nth-child(1){
  top:10px;
  left:10px;
}
.dice-three img:nth-child(2){
  top:60px;
  left:60px;
}
.dice-three img:nth-child(3){
  top:110px;
  left:110px;
}

.dice-four img:nth-child(1){
  top:10px;
  left:10px;
}
.dice-four img:nth-child(2){
  top:10px;
  left:110px;
}
.dice-four img:nth-child(3){
  top:110px;
  left:10px;
}
.dice-four img:nth-child(4){
  top:110px;
  left:110px;
}

.dice-five img:nth-child(1){
  top:10px;
  left:10px;
}
.dice-five img:nth-child(2){
  top:10px;
  left:110px;
}
.dice-five img:nth-child(3){
  top:110px;
  left:10px;
}
.dice-five img:nth-child(4){
  top:110px;
  left:110px;
}
.dice-five img:nth-child(5){
  top:60px;
  left:60px;
}

.dice-six img:nth-child(1){
  top:10px;
  left:10px;
}
.dice-six img:nth-child(2){
  top:10px;
  left:110px;
}
.dice-six img:nth-child(3){
  top:110px;
  left:10px;
}
.dice-six img:nth-child(4){
  top:110px;
  left:110px;
}
.dice-six img:nth-child(5){
  top:60px;
  left:110px;
}
.dice-six img:nth-child(6){
  top:60px;
  left:10px;
}

/***************TELRAAM****************/

#telraam{
  margin-top:70px;
  margin-left:20px;
}

.kraal-container{
  position:relative;
  padding:40px 0;
}
.kraal-container label{
  position:absolute;
  z-index:100;
  left:-25px;
  top:40px;
  font-family:helvetica;
  font-size:1.2em;
  color:#fff;
  font-weight:bold;
}
#telraam-kralen{
  float:left;
  width:600px;
}
.telraam-poot{
  width:30px;
  float:left;
  height:300px;
  background-color:#929292;
  border-radius:8px 8px 0 0;
}
.kraal-lijn{
  position:absolute;
  top:50px;
  height:5px;
  width:600px;
  background-color:#000;
}
.kraal{
  width:25px;
  height:60px;
  border-radius:10px;
  float:left;
  margin-left:2px;
  position:relative;
  top:-15px;
  cursor:pointer;
  left: 320px;
}
.kraal:first-child(){
  margin-left:3px;
}
.kraal-geel{
background-color: #fffab1;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(181, 189, 98)), to(rgb(255, 250, 177)));
background-image: -webkit-radial-gradient(50% 50%, rgb(255, 250, 177), rgb(181, 189, 98));
background-image: -moz-radial-gradient(50% 50%, rgb(255, 250, 177), rgb(181, 189, 98));
background-image: -o-radial-gradient(50% 50%, rgb(255, 250, 177), rgb(181, 189, 98));
background-image: -ms-radial-gradient(50% 50%, rgb(255, 250, 177), rgb(181, 189, 98));
background-image: radial-gradient(50% 50%, rgb(255, 250, 177), rgb(181, 189, 98));

}
.kraal-rood{
  background-color: #ea8e77;
  background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(248, 69, 54)), to(rgb(234, 142, 119)));
  background-image: -webkit-radial-gradient(50% 50%, rgb(234, 142, 119), rgb(248, 69, 54));
  background-image: -moz-radial-gradient(50% 50%, rgb(234, 142, 119), rgb(248, 69, 54));
  background-image: -o-radial-gradient(50% 50%, rgb(234, 142, 119), rgb(248, 69, 54));
  background-image: -ms-radial-gradient(50% 50%, rgb(234, 142, 119), rgb(248, 69, 54));
  background-image: radial-gradient(50% 50%, rgb(234, 142, 119), rgb(248, 69, 54));
}
.kraal-rood label{
	position: relative;
	left: 3px;
	top: 15px;
}
#answer-area-som-8{
	margin-top: 30px;;
}
#answer-area-som-8 p{
	float: left;
	margin-left: 20px;
	text-align: center;
}
#answer-area-som-8 button{
	float: left;
	margin-left: 20px;
	margin-top: 15px;
}

/*************SOMTYPE34********************/

#voorwerp-box{
	width: 370px;
	height: 295px;
	padding: 10px;
	border: 5px solid #EF2A94;
	border-radius: 10px;
	background-color: #3CC8F0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
#voorwerp-box img{
	width: 50px;
	padding: 10px;
}
#somtype34-holder .vraag-rechts-1{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 10px;
}
#somtype34-holder input{
	font-size: 3em;
	width: 100px;
	border: 5px solid #EF2A94;
	border-radius: 10px;
	margin-top: 0px;
	float: left;
	text-align: center;
}
#answer-area-34{
	width: 270px;
	margin-left: auto;
	margin-right: auto;
}
#somtype34-holder button{
	margin-top: 3px;
	margin-left: 10px;
	float: left;
}


#som-goed-fout{
	position: absolute;
	z-index: 100;
	background-color: #fff;
	padding: 20px;
	border: 5px solid #EF2A94;
	border-radius: 10px;
	top: -370px;
}

#som-goed-fout img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	display: none;
}


#som-fout{
	position: relative;
}
	
#som-fout p{
	font-size: 1.6em;
      /*ls */
      font-weight: 400;

}
#som-fout img{
	/*position: absolute;*/
	top: 0;
	display: block;
	width: 150px;
	right: 0;
}
#som-fout tr.fout{
	background-color: #ff853e !important;
}
#som-fout tr.goed{
	background-color: #d4ffa3 !important;
}
#som-fout td{
	background-color: transparent;
}



        .pest_wrap {
            height: 200px;
            margin-bottom: 2em;
        }

        .pest {
            position: absolute;
            left: 215px;
            top: 77px;
            /*background-color: #000;*/
            width: 20px;
            height: 300px;
        }
        .minute-pointer-x{
        	
        	height: 220px;
        	width: 20px;
        	background-color: #000;
        }

        .rotate {
        }
        
        .resize {
          bottom: 10px;
          right: 10px;
          background: yellow;
        }
        
        .rotate {
          position: absolute;
          width: 40px;
          height: 40px;
          top: -10px;
          right: -10px;
          background: red;
          border-radius: 50%;
        }
        
        .centre_mark,
        .origin_mark,
        .phantom_mark {
            position: absolute;
            top: 0;
            left: 0;
            background: orange;
            width: 8px;
            height: 8px;
            margin-left: -4px;
            margin-top: -4px;
            -webkit-border-radius: 4px;
               -moz-border-radius: 4px;
                    border-radius: 4px;
            line-height: 8px;
            text-transform: uppercase;
            font-size: 10px;
            font-family: Helvetica;
            color: rgba(128,128,128,0.6);
            text-indent: 8px;
            border: 1px solid black;
        }
        
        .origin_mark {
            background: rgba(128,128,128,0.6);
        }

        .phantom_mark {
            background: rgba(128,128,128,0.6);
        }

		#hour-pointer-x{
			width: 25px;
			height: 230px;
			background-color: transparent;
			/*background-color: #000;*/
			position: absolute;
			top: 110px;
			left: 212px;
/*			transform:rotate(90deg);
			-ms-transform:rotate(90deg);  IE 9 
			-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */*/
			
		}
		#hour-pointer-y{
			height: 155px;
			background-color: #000;
			border-radius: 15px 15px 0 0;
		}

/**********SOMTYPE35**************/

#som-35-vraag-antwoord{
	position: absolute;
	top: 260px;
	right: 40px;
	width: 400px;
	float: left;
	padding-right: 40px;
	display: none;
}
#som-35-vraag-antwoord .vraag-rechts-1{
	width: 420px;
	background-color: #376a0d;
	border: 10px solid #e74122;
	top: -150px;
	position: absolute;
}
#som-35-vraag-antwoord label{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	font-size: 3em;
	color: #376a0d;
}
#som-35-vraag-antwoord input[type="text"]{
	font-size: 2em;
	padding: 4px;
	width: 80px;
	text-align: center;
	float: left;
	border-radius:10px;
	border: 5px solid #3b7505;
}
#som-35-vraag-antwoord button{
	margin: 10px 0 0 30px;
	float: left;
}
#som35-label-holder{
	float: left;
	height: 50px;
	width:100%;
	margin-bottom: -10px;
}
#som-35-vraag-antwoord .vraag-label{
	margin: 0 15px;
}
#school-yard{
	position: absolute;
	top: -400px;
	left: 20px;
	background-color: #376a0d;
	float: left;
	padding-right: 30px;
	padding-bottom: 30px;
	border-radius:10px;
	border: 15px solid #e74222;
}
.left-coordinaat{
  margin-top:25px;
  float:left;
	color: #b3ce20;
}

.coordinaat{
  	text-align:center;
  	font-size: 2em;
  	font-weight: bold;
	color: #f6fbff;
	width:30px;
	height: 30px;
	
}
.coordinaat-top{
  float:left;
}
.coordinaat-left{
  padding-right:5px;
}
#cube-holder{
  width:300px;
  height:300px;
  backkground-color:#555;
  float:left;
}
.cube{
  width:28px;
  height:28px;
  border:1px solid #000;
  float:left;
  background-color:#b2b2b2;
  
}
.chosen{
  background-color:red;
}
.my{
	background-color: #f45f34;
}
.juf{
	background-color: #00afbd;
}

/****************SOMTYPE36****************/
#month-container{
	position: absolute;
	top: 50px;
	left: 20px;
	font-size: 2em;
	top: -400px;
}
.month{
  width:266px;
  float:left;
  margin-left:10px;
  border:5px solid #DC2836;
  border-radius:15px 15px 0 0;
  background-color: #fff;
  opacity: .9;
  font-size: .7em;
  height:300px;
}
.month-name{
  font-size:1.3em;
  text-align:center;
  height:35px;
  background-color:#DC2836;
  color:#fff;
  padding-top:10px;
}
.dag{
  width:38px;
  float:left;
  text-align:center;
  height:28px;
  font-weight:bold;
  padding-top:10px;
  background-color:#2823bf;
  color:#fff;
}
.dag-no{
  width:36px;
  float:left;
  text-align:center;
  height:28px;
  border:1px solid #ebebeb;
  padding-top:5px;
  cursor:pointer;
  font-size: 1em;
}
.current-day{
  background-color:tomato;
  border-radius: 50%;
  color:#fff;
  font-weight:bold;
  cursor:default;
}
.dag-no:hover{
  background-color: #ebebeb;
}
.current-day:hover{
  background-color:tomato;
}
#somtype36-holder .vraag-rechts-1{
	position: absolute;
	top: 370px;
	left: -570px;
	background-color: #e03d4b;
	border-color: #3d3ac6;
}

/*****************SOMTYPE37********************/
  .rekensom-onder-holder{
    position:relative;
  }
  .rekensom-onder{
    position:absolute;
    top:-540px;
    left:180px;
    /*font-family: 'Droid Sans Mono' ;*/
    width:400px;
    font-size:6em;
    padding:20px;
    color:#ededed;
  }
  .reken-getal{
    text-align:right;
    letter-spacing:10px;
    
  }
  .reken-getal-2{
    margin-top:-30px
  }
  .reken-divider{
    text-align:right;
    border-top:3px solid #ededed;

  }
  .reken-divider span{
    position:relative;
    top:-80px;
    right:-50px
    
  }
  .reken-antwoord-container{
    margin-right:10px;
    float:right;
    
  }
  .reken-antwoord-holder{
    position:relative;
    top:-17px;
    margin-left:10px;
    float:left;
  
  }
  .reken-antwoord{
    text-align: center;
    float:right;
    margin-right:10px;
    margin-top:-20px;
    font-size:.9em;
    padding:0 2px;
    position:relative;
    top:-120px;
    width:45px;
    border-radius:10px;
  }
#somtype37-holder button{
  position: absolute;
  top:250px;
  right: 50px;
}


/*****************SOMTYPE38********************/

#somtype38-holder button{
  position: absolute;
  border-color: #BB8F51;
  background-color: #C9C9C9;
}
  .hte-schema-builder{
    font-size:6em;
    position:absolute;
    top:115px;
    left:100px;
    border:5px solid #8f8ceb;
    padding:15px;
    border-radius:15px;
  }
  .hte-block{
    float:left;
    width:50px;
    margin-left:25px;
    width:60px;
  }
  .hte-block-label{
    color:#ebebeb;
  }
  .hte-block input{
    text-align:center;
    font-size:1em;
    width:60px;
    border-radius:10px;
  }
  .hte-vraag-getal{
    text-align:center;
    font-size:4em;
    position: relative;
    top:-500px;
    left:-50px;
    color:#ebebeb;
  }

/****************SOMTYPE38*********************/
#kassa{
  float:left;
  border:5px solid pink;
  padding:15px;
  border-radius:15px;
  position: relative;
}
#repay-area{
  position:absolute;
  top:0;
  left:430px;
  float:left; 
  margin-left:5px;
}
#kassa button{
	position: absolute;
	top: 190px;
	left:170px;
	padding: 10px;
}
#kassa-la{
  width:366px;
  height:220px;
  margin-left:10px;
  margin-top:-5px;
  margin-bottom:-20px;
  position:relative;
}
#counter-price-1{
  position: absolute;
  top:20px;
  font-size: 2em;
  left:75px;
  text-shadow: 0px 0px 10px yellow;
}
#counter-price-2{
  position: absolute;
  top:75px;
  font-size: 2.4em;
  left:265px;
  text-shadow: 0px 0px 10px yellow;
}
.biljet{
  width:140px;
}
.munt{
  width:50px;
  float:left;
}
#centen-bak{
	position: absolute;
	width: 500px;
	left :-20px;
}
.cent-munt{
  float:left;
  position:relative;
}
.munt-label{
  position:absolute;
  top:0px;
  left:20px;
  font-size:2.5em;
  color:#b53333;
}
#somtype38-holder p{
  margin-top:0;
  width:430px;
  left:400px;
  font-size:1.3em;
  padding:15px;
  border:5px solid pink;
  border-radius:15px;
  background-color: azure;
  color:marine;
  margin-bottom:-5px;
}
#terug-betaal-biljet{
  position:relative;
  width:430px;
  height:230px;
  border:5px solid pink;
  float:left;
  padding:15px;
  border-radius:15px;
}
#terug-betaal-munt{
  margin-top:-5px;
  position:relative;
  width:430px;
  height:130px;
  border:5px solid pink;
  float:left;
  padding:15px;
  border-radius:15px;
}
.repayed{
  position: relative;
  float:left;
  width: 140px;
  height:75px;
  margin-bottom: 5px;
}
.repayed-munt{
  float:left;
}

/************SOMTYPE39*******************/

#stable-indicator-holder{
  position:absolute;
  top:440px;
  right:120px;
  z-index: 10;
}
.stable-indicator{
  width:20px;
  height:20px;
  border-radius:50%;
  float:left;
  margin-right:10px;
  background-color: #e9e1e5;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(130, 141, 143)), to(rgb(233, 225, 229)));
background-image: -webkit-radial-gradient(50% 50%, rgb(233, 225, 229), rgb(130, 141, 143));
background-image: -moz-radial-gradient(50% 50%, rgb(233, 225, 229), rgb(130, 141, 143));
background-image: -o-radial-gradient(50% 50%, rgb(233, 225, 229), rgb(130, 141, 143));
background-image: -ms-radial-gradient(50% 50%, rgb(233, 225, 229), rgb(130, 141, 143));
background-image: radial-gradient(50% 50%, rgb(233, 225, 229), rgb(130, 141, 143));
-webkit-box-shadow: 0px 0px 3px 10px #f2e1f2;
-moz-box-shadow: 0px 0px 3px 5px #f2e1f2;
box-shadow: 0px 0px 3px 5px #f2e1f2; 
margin-left: 70px;;
}
.wrong-weight{
  background-color: #ea9ca3;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(255, 74, 82)), to(rgb(234, 156, 163)));
background-image: -webkit-radial-gradient(50% 50%, rgb(234, 156, 163), rgb(255, 74, 82));
background-image: -moz-radial-gradient(50% 50%, rgb(234, 156, 163), rgb(255, 74, 82));
background-image: -o-radial-gradient(50% 50%, rgb(234, 156, 163), rgb(255, 74, 82));
background-image: -ms-radial-gradient(50% 50%, rgb(234, 156, 163), rgb(255, 74, 82));
background-image: radial-gradient(50% 50%, rgb(234, 156, 163), rgb(255, 74, 82));
box-shadow: 0px 0px 3px 5px rgb(234, 156, 163); 
}
#at-weight{
  position:relative;
  top:-40px;
}
.at-weight{
  background-color: #97e6a7;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(33, 141, 60)), to(rgb(151, 230, 167)));
background-image: -webkit-radial-gradient(50% 50%, rgb(151, 230, 167), rgb(33, 141, 60));
background-image: -moz-radial-gradient(50% 50%, rgb(151, 230, 167), rgb(33, 141, 60));
background-image: -o-radial-gradient(50% 50%, rgb(151, 230, 167), rgb(33, 141, 60));
background-image: -ms-radial-gradient(50% 50%, rgb(151, 230, 167), rgb(33, 141, 60));
background-image: radial-gradient(50% 50%, rgb(151, 230, 167), rgb(33, 141, 60));
box-shadow: 0px 0px 3px 5px rgb(151, 230, 167); 

}
.bascule{
  position:absolute;
}
#bascule-a{
  bottom:0;
  right:10px;
}
#bascule-b{
  bottom:150px;
  right:86px;
}
#bascule-c{
  bottom:150px;
  right:10px;
  z-index:10;
}
#bascule-d{
  bottom:150px;
  right:275px;
  width:220px;
  height:62px;
}
#bascule-e1{
  right:88px;
  bottom:110px;
  height:42px;
  width:9px;
}
#bascule-e2{
  bottom:110px;
  right:385px;
  height:42px;
  width:9px;
}
#bascule-f{
  width:170px;
  right:10px;
  bottom:690px;
}

#weight-collector{
  position:absolute;
  /*   border:1px solid #000; */
  width:200px;
  height:100px;
  bottom:250px;
  right:330px;
}



#weight-holder-39{
  position: absolute;
  bottom:0;
  cursor:pointer;
}
.weight-holder-39{
  float:left;
  position:relative;
}
.g-100{
  bottom:-22px;
  left:10px;
}
.g-10{
  bottom:-44px;
  left:15px;
}
.g-1{
  bottom:-53px;
  left:20px;
}
.g-100 img{
  width:75px;
}
.g-10 img{
  width:50px;
}
.g-1 img{
  width:40px;
}
.weight-txt-39{
  position: absolute;
  color:#ebebeb;
  top:50px;
  left:30px;
  font-size:1.3em;
  font-weight:bold;
}
.g-100 .weight-txt-39, #g100 .weight-txt-39{
  font-size:1em;
  top:40px;
  left:20px;
}
.g-10 .weight-txt-39, #g10 .weight-txt-39{
  font-size:.8em;
  top:25px;
  left:15px;
}
.g-1 .weight-txt-39, #g1 .weight-txt-39{
  font-size:0.8em;
  top:18px;
  left:13px;
}

.kg-1-added{
  left:-390px;
  bottom:-250px;
  position:absolute;
  z-index: 10;
}
#g100 img{
  width:75px;
}
.g-100-added{
  left:-280px;
  bottom:-240px;
  position:absolute;
}
#g10 img{
  width:50px;
}
.g-10-added{
  left:-180px;
  bottom:-240px;
  position:absolute;
  z-index: 10;
}
#g1 img{
  width:40px;
}
.g-1-added{
  left:-140px;
  bottom:-240px;
  position:absolute;
}

#schaal-aflezer{
	position: absolute;
	width: 150px;
	height: 50px;
	border: 5px solid green;
	bottom: 30px;
	right: 160px;
	overflow: hidden;
	border-radius: 10px;
	z-index: 20;
}
#schaal-meetlijnen{
	width: 1300px;
	height: 50px;
	background-color: #ebebeb;
	position: absolute;
	left: -575px;}
#schaal-indicator{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid green;
	position: absolute;
	z-index: 50;
	left: 65px;
	opacity:.7
}
.schaal-line{
	height:15px;
	width: 9px;
	border-left: 1px solid #333;
	float: left;
}
.schaal-line-penta{
	height: 25px;
}
.schaal-line-deca{
	height: 35px;
}
.schaal-line-mid.schaal-line-penta{
	height: 50px;
	line-color:green;
}
.schaal-deca-holder.schaal-line-mid{
	float: left;
	background-color: #e39d20;
}
#som-39-question-holder{
	position: absolute;
	top: 30px;
	left: 30px;
}
#som-39-question-holder p{
	font-size: 1.5em;
	text-align: center;
	border-color: green;
	margin-bottom: 25px;;
}
#som-39-question-holder input[type="text"]{
	font-size: 2em;
	width: 80px;
	padding: 2px 5px;
	text-align: right;
	border: 3px solid green;
	border-radius: 10px;
	margin-right: 10px;
	margin-left: 25px;
	margin-bottom: 40px;
}
#som-39-question-holder label{
	font-size: 2em;
	color: green;
}
#som-39-question-holder button{
	float: left;
}
#input-39-answer{
	padding: 10px 10px 0 10px;
	background-color: #F0FFFF;
	border-radius: 15px;
	border: 5px solid green;
	margin-bottom: 25px;
}

/***************SOMPTYPE 40 ************************/
#somtype40-holder{
background-color: #fbadae;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgb(173, 88, 72)), to(rgb(251, 173, 174)));
background-image: -webkit-radial-gradient(50% 50%, rgb(251, 173, 174), rgb(173, 88, 72));
background-image: -moz-radial-gradient(50% 50%, rgb(251, 173, 174), rgb(173, 88, 72));
background-image: -o-radial-gradient(50% 50%, rgb(251, 173, 174), rgb(173, 88, 72));
background-image: -ms-radial-gradient(50% 50%, rgb(251, 173, 174), rgb(173, 88, 72));
background-image: radial-gradient(50% 50%, rgb(251, 173, 174), rgb(173, 88, 72));

}
#bucket{
  width:300px;
  height:410px;
  border-left:3px solid #000;
  border-right:3px solid #000;
  border-bottom:3px solid #000;
  margin-top 100px;
  position:relative;
  top:60px;
  left:100px;
  border-radius:0 0 10px 10px
}
.deca-l{
  position:relative;
  z-index:10;
  height:9px;
  border-bottom:1px solid #000;
  width:15px;
  font-size:1.2em;
}
.mid-l{
  position:relative;
  z-index:10;
  height:9px;
  border-bottom:1px solid #000;
  width:10px;
}
.l{
  position:relative;
  z-index:10;
  height:9px;
  border-bottom:1px solid #000;
  width:5px;
}
.deca-l div{
  width:80px;
  left:15px;
  top:-5px;
  padding:3px 5px;
  background-color: #FECA3B;
  border-radius:10px;
  color:#6A5DE2;
  border:1px solid #000;
  float:left;
  position:relative;
}
.deca-l span{
  float:left;
  padding:0 3px;
  font-size:1.1em;
}
#level{
  position:absolute;
  width:100%;
  height:0px;
  top:410px;
  border-radius:0 0 7px 7px
}
#laborant{
  position:relative;
  top:60px;
  left:50px;
}
.bubble{
position: absolute;
width: 255px;
height: 150px;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
border: #7F7F7F solid 5px;
  left:530px;
  top:30px;
  font-size:2em;
 background-color: #ECDBC3;
  color:#6A5DE2;
  box-shadow: 3px 3px 5px #444;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 36px 12px 0;
border-color: transparent #ECDBC3;
display: block;
width: 0;
z-index: 1;
left: -36px;
top: 125px;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 16px 40px 16px 0;
border-color: transparent #7F7F7F;
display: block;
width: 0;
z-index: 0;
left: -45px;
top: 121px;
}


#level-changer-holder{
  position:absolute;
  top:200px;
  font-size:3em;
  left:30px;
  text-align:center;
  border:3px solid #000;
  padding:3px 10px;
  border-radius: 10px;
  background-color: #151634;
  color:#fff;
}
#level-changer-holder div{
  cursor: pointer;
}
#som-40-answer{
  position:absolute;
  right:40px;
  bottom:10px;
}
#label-40-answer{
  background-image: url('../sompictures/somtype40-c.png');
  padding:30px 30px 5px;
  border:5px solid #7F7F7F;
  border-radius:15px;
  float:left;
}
#label-40-answer input[type="number"]{
  font-size:2.5em;
  background-color: transparent;
  padding:2px 10px;
  text-align:right;
  border:3px solid #999;
  width:80px;
  border-radius: 10px;
  display: block;
}

#som-40-answer label{
  font-size:3em;
  padding-left:10px;
  color:#000;
  line-height:1em;
}
#som-40-answer button{
	display: block;
	margin-top: 20px;;
}

/***************SOMPTYPE 41 ************************/


#plattegrond-41{
    background-image: url('../sompictures/somtype41-a.png');
    width:470px;
    height:520px;
    background-repeat: no-repeat;
    float: left;
    position: absolute;
    top: 50px;
}
#legenda-holder{
	margin-left: 500px;
	margin-top: 350px;
	padding: 10px;
	background-color: #E6C8D8;
	position: absolute;
	top: 0;
}
.grid-41{
	width: 117px;
	height: 117px;
	opacity: .2;
	background-color: #444;
	cursor: pointer;
	float: left;
}
.grid-41:hover{
	opacity: .0;
}
#somtype41-holder p{
    font-size: 1.5em;
    padding: 10px;
    border: 8px solid #30c7f2;
    border-radius: 15px;;
    position :absolute;
    right: 40px;
    top: 50px;
    width: 330px;
    text-align: center;
    background-color: #F0CA43;
    
}


/***************SOMPTYPE 41 ************************/
#plattegrond-42{
    background-image: url('../sompictures/somtype41-a.png');
    width:470px;
    height:520px;
    background-repeat: no-repeat;
    float: left;
    position: absolute;
    top: 50px;
    left: 40px;
}
#somtype42-holder p{
    font-size: 1.3em;
    padding: 10px;
    border: 8px solid #30c7f2;
    border-radius: 15px;;
    position :absolute;
    right: 30px;
    top: 10px;
    width: 330px;
    text-align: center;
    background-color: #F0CA43;
	
}
#legenda-holder-42{
	margin-left: 525px;
	margin-top: 350px;
	padding: 10px;
	background-color: #E6C8D8;
	position: absolute;
	top: 0;
}

.grid-42{
	position: relative;
	width: 116px;
	height: 116px;
	border: 1px solid #555;
	margin-left: -1px;
	float: left;
	font-size: 4em;
	padding:0px;
	font-weight: bold;
}
.som42-letter{
	position: absolute;
	top: -60px;
	left:50px;
}
.som42-cijfer{
	position: absolute;
	top: 30px;
	left:-30px;
}

#som-42-antwoord-holder{
	position: absolute;
	right: 20px;
	padding: 5px 10px;
	width:300px;
	top: 180px;
}

#som-42-antwoord-holder label{
	width:100px;
	float: left;
	font-size: 2em;
	text-align: center;
}
#som-42-antwoord-holder input{
	font-size: 1.5em;
	width: 100px;
	padding: 5px;
	text-align: center;
	border: 3px solid #f2522e;
	border-radius: 10px;
}

.som-42-antwoord{
	display: block;
}
#som-42-antwoord-holder button{
	margin-top: 10px;
	margin-left: 40px;
}

/*****************SOMTYPE43******************/


	#sompic-43{
		position:absolute;
		top:220px;
	}
	#sompic-43-b{
		position:absolute;
		top:-440px;
		left:200px;
	}
	#digital-scale{
		position:absolute;
		top:300px;
		left:180px;
	}
	.scale-08{
		width:60px;
	    -webkit-transform: scale(.6);
	    -moz-transform: scale(.6);
	    -ms-transform: scale(.6);
	    -o-transform: scale(.6);
	    transform: scale(.6);
	}
	#som-43-kg{
		position:absolute;
		font-size:4em;
		font-weight:bold;
		top:80px;
		right:-60px
	}
	#som-43-komma{
		float:left;
		position:relative;
		font-size:4em;
		font-weight:bold;
		top:80px;
	}
	#som-43-answer{
		position:absolute;
		font-size:1.5em;
		width:330px;
		top:0px;
		right:20px;
		
	}
	#somtype43-holder p{
		border:4px solid #4ed928;
		padding:10px;
		border-radius:15px;
		background-color: #fff;
	}
	#somtype43-holder input{
		font-size:1.5em;
		width:100px;
		margin:0 10px;
		border:4px solid #4ed928;
		border-radius:10px;
	}
/*************SOMTYPE-44**************/

#somtype44-holder p{
    width:500px;
    font-size:2em;
    border:4px solid #4ed928;
    margin:30px auto;
    padding:20px;
    border-radius:25px;
    background-color: #e3e3e3;
    text-align:center;
}
#button-holder-4{
    width: 500px;
    margin:0 auto;
}
.button-holder-44{
    float:left;
    padding:20px;
    position:relative;
}
.som-44-button{
    margin-bottom:10px;
    font-size:1.5em;
    width:200px;
}
#measurement-44-a{
    position:absolute;
}
#measurement-44-b{
    position:absolute;
    right:20px;
    bottom:10px;
}


/***********SOMPTYPE45***************/


#maatglas-45{
    border-left:3px solid #000;
    border-right:3px solid #000;
    border-bottom:3px solid #000;
    height:300px;
    width: 150px;
    float:left;
    position:absolute;
    bottom:10px;
    left:10px;
    z-index: 5;
}
#maatglas-fill{
    width:150px;
    bottom:0;
    height: 0;
    background-color: aqua;
    position:absolute;
}
#pic-45-a{
    position: absolute;
    right:10px;
    bottom:10px;
}
.measure-45{
    background-color: #71c5f2;
    width:100px;
    padding:3px;
    font-size:1.5em;
    border-color: maroon;
    box-shadow: 5px 4px 5px #999;
}
.measure-45-counter{
    font-size:2em;
    width:90%;
    text-align: center;
    float:left;
    margin:5px;
    border:2px solid maroon;
    background-color: #fff;
    border-radius:5px;
}
#measure-container{
    position: absolute;
    top:50px;
    left:190px;
}
.measure-holder{
    float:left;
    width:110px;
}
#somtype45-holder p{
    position:absolute;
    padding:10px;
    font-size:2em;
    left:190px;
    top:150px;
    background-color:#c9ccd0;
    border:4px solid #aab1b7;
    border-radius:15px;
    width:420px;
    box-shadow: 5px 5px 5px #444;
}
#som45-setanswer{
    position:absolute;
    bottom:50px;
    left:300px;
}


div.breuk-som-container{
	position:relative:
	left:50%;
	float: left;
	border: 1px solid #000;
	margin: 30px 0 0 300px;
}


div.breuk-multiple-container{
	/*position:relative:*/
	left:50%;
	float: left;
	/*border: 1px solid #000;*/
	margin: 30px 0 0 300px;
}


div.breuk-som{
	/*border: 1px solid #000;*/
	margin: 0;
	line-height: em;
	width:50px;
	position: relative;
	float: left;
}

div.breuk{
	/*border: 1px solid #000;*/
	margin: 0;
	line-height: .6em;
	width:20px;
	position: relative;
	float: left;
}

div.breuk hr{
	border: 1px solid #000;
	width: 15px;
	height: 0px;
	background-color: #000;
	margin: 0;
	position: relative;
	left: 2px;
	top: 1px;
}

.teller, .noemer{
font-size:.6em;
}