/*
	.tekst {
     font-size:22px;
          color: yellow;

	}
*/
input[type="text"] {
     font-size:22px;
     width: 250px;
    height: 50px;
     //display: block;
     //margin-bottom: 10px;
}



input[type="password"] {
     font-size:22px;
    width: 250px;
    height: 50px;
    //display: block;
     //margin-bottom: 10px;
     //background-color: yellow;
}


    .midden { 
		display: block;
		width: 300px; 
		//border: 1px solid black;
		position: relative;
	}
	
	.midden table { 
		width: 100%; 
		//border: 2px solid black;
	}
	.midden table td{ 
		padding-left: 5px; 
		padding-right: 5px; 
	}
	
	.txt_alg {
		font-size:18px;
	}
	

	
	.button {
	//display: block;
	//position: relative;
-webkit-appearance: none;
     border-radius: 0;

     border: 3px solid #1982d1;
     background: white;
     width: 243px;
     height: 50px;
     margin-top: 20px;
   //  margin-right: 20px;
 }	
 
 .toetsenbord {
	display:block;
	width:95%;
	height:290px;
	//border: 5px solid orange;
	//float:left;
}


.toetsenbord_l {
	display:block;
	width:95%;
	height:290px;
	//border: 1px solid red;
	//float:left;
}

 .toetsenbord_r {
	display:block;
	width:70px;
	height:290px;
	//border: 8px solid red;
	float:left;
}

.toets_klein {
-webkit-appearance: none;
     border-radius: 0;
	display:block;
	border: 0px;
	width: 30%;
	height: 60px;
	background-color:gray;
	font:bold 40px verdana;
	color:white;
	padding-top:0px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	//border: 4px solid red;
}


#notification {
        font-size:0;
        display: inline-block;
        height: 90px;
        width: 100%;
        margin-bottom:15px;
		//border: 4px solid red;
    }

    .sterretje {
        font-size:80px;
        display: inherit;
        height: 100%;
        width:15%;
   // background-color:blue;
    	margin-right:5px;

    }







		
 
    @media only screen and (max-width: 767px) {
    .midden { 
		width: 90%; 
		//border: 1px solid blue;
	}

	
}