/* CSS Document */
/*@charset "utf-8";*/

/*deze css toon lijsten met tekst NAAST foto*/


.lijst > div {height:auto; min-height:100px;
 display:flex;/*zorgt ervoor dat hieronder tekst ruimte naast foto volledig kan benutten*/
 min-width:360px;
 }
.lijst > div > a {float:left;width:125px;margin-right:10px; height:90px;}
.lijst_foto {width:125px; max-height:83px; flex: 0 0 125px; /* do not grow, do not shrink, start at 125px */ }
.lijst_tekst{display:inline-block;width:inherit; margin-top:0px; padding-top:0px; height:35px; }
.lijst_tekst a {padding-top:0px; font-size:13px; padding:0px;}
.lijst_info {float:right;height:110px; flex: 1;  /* grow */}
.lijstbutton {margin-top:7px; padding:3px; padding-top:4px;  width:20px; height:20px; line-height:20px;}
.lijstbutton > i {font-size:14px;}

.lijst_overlay {position:relative;margin:0px;margin-top:0px;margin-left:0px;width:125px;padding:0px;padding-left:5px; font-size:10px;height:20px;line-height:20px; border:none;
display:none;}/*gewoon recht onder foto*/

.lijst_picture { width:125px;height:83px;}
.lijst_picture img{ width:125px;height:83px;}

/*test lijstUL*/
.lijstUL > li {height:auto; min-height:100px;
 display:flex;/*zorgt ervoor dat hieronder tekst ruimte naast foto volledig kan benutten*/
 min-width:360px; height:106px;
 }
.lijstUL > li > a {float:left;width:125px;margin-right:10px; height:90px;}
/*end: test lijstUL*/

/*#lt_0 {color:#777;}
#lt_1 {color:#DD8E2F;}
#lt_2 {color:#777;}*/
#lt_0 {color:#bbb;}
#lt_1 {color:#555;}
#lt_2 {color:#bbb;}

@media only screen and (max-width: 500px) {	/*hieronder vanuitgaan dat het een telefoon is mobile*/
.lijst > div {border:1px solid #fff;border-bottom:1px dotted #ccc; min-width:280px;}
.lijst_overlay {margin-top:0px;margin-left:0px;bottom:0px;left:0px;}
/*test lijstUL*/
.lijstUL > li {border:1px solid #fff;border-bottom:1px dotted #ccc; min-width:280px; }
/*end:test lijstUL*/

}