/*
<div class="waarneming">
	<div class="head">
		<div class="datum">Datum</div>
		<div class="soort">Soort</div>
		<div class="gebied">Gebied</div>
		<div class="info">Info</div>
	</div>
	<div>
	<div class="datum">Datum</div>
		<div class="soort">Soort</div>
		<div class="gebied">Gebied</div>
		<div class="info">Info</div>
	</div>
</div>
*/

div.waarneming{
	/*width:463px;;*/
	width:99%;
	border:1px solid rgb(255,0,101);
	margin-top:5px;
	margin-bottom:5px;
}

div.waarneming .title{
	color:white;
	background-color:rgb(255,0,101);
	background-image:url('../../img/waarneming_kijker.png');
	background-repeat:no-repeat;
	font-size:1.3em;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:50px;
}

div.waarneming .title img{
	float:left;	
}

div.waarneming .head{
	border-bottom:1px solid rgb(255,0,101);
	font-weight:bold;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:7px;
}

div.waarneming div div{
	float:left;
	padding-left:5px;
	padding-right:5px;
	
	font-size:1.2em;
}

div.waarneming div div.datum{
	/* totaal:90px (2x5padding)*/
	width:70px;
	padding-left:10px;
		
}

div.waarneming div div.soort{
	/* totaal: 170px (2x5padding) */
	width:110px;	
	padding-left:20px;
	padding-right:20px;
}

div.waarneming div div.gebied{
	/* totaal: 205px (2x5padding) */
	/* width:205px; */
	width:150px;
}

div.waarneming div div.info{
	/* totaal: 25px; */
	/*width:25px; */
	width:27px;
}

div.waarneming div div.info img{
	float:right;
}