#content{
	display: inline-block;
	width: 1000px;
	margin: 50px auto;
}
#t-wrap{
	display: block;
	width: 100%;
    background-image: radial-gradient(hsl(200, 85%, 50%) 20%, transparent 0%);
    background-position: 0 0, 2px 2px;
    background-size: 5.8px 5.8px;
	background-color: hsl(200, 85%, 46%);
	border-radius: 10px;
	text-align: left;
	color: #fff;
}
#cell-1{
	width: 35%;
	padding: 20px;
	box-sizing: border-box;
}
#cell-2{
	width: 65%;
	padding: 20px 20px 20px 0;
	box-sizing: border-box;
}
form{
	width: 100%;
}
label{
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
}
input[type=text]{
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
	border: none;
	border-radius: 5px;
	margin: 2px 0 8px 0;
}
#submit, #bewerk{
	float: right;
	cursor: pointer;
	background-color: #fff;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	padding: 6px 16px;
	color: hsl(200, 85%, 30%);
	transition: all 0.15s ease;
	margin-top: 20px;
	display: inline-block;
}
#submit:hover, #bewerk:hover{
	background-color: hsl(200, 85%, 30%);
	color: #fff;
}
#bewerk{
	display: none;
}
#result{
	background-color: hsl(200, 85%, 98%);
	width: 100%;
	color: #000;
	box-sizing: border-box;
	border-collapse: collapse;
}
#result td{
	padding: 5px;
	border: 1px solid hsl(200, 85%, 46%);
}
#result th{
	padding: 5px;
	color: #fff;
	background-color: hsl(200, 85%, 35%);
}
#res{
	font-size: 14px;	
}
#res td:last-child{
	width: 45px;	
}
.del, .edit{
	cursor: pointer;
	color: hsl(200, 85%, 36%);
	margin-left: 6px;
}
.del:hover, .edit:hover{
	color: hsl(200, 85%, 46%);
}
td .fa{
	color: hsl(200, 85%, 36%);
}