/* Optionele stylesheet voor thumbnails */

.logo {
	width:auto;
	height:128px;
}

nav, nav * {
	font-weight:bold;
}

/* Code-block margin */
.code {
	border:4px dashed blue !important;
	margin:1rem 0 1rem 0 !important;
}

article {
	display:block;
	width:100%;
	
	margin:0 auto 0.64rem auto;
	border-radius:0.32rem;
	padding:2.4rem !important;
	margin:1rem 0;
}

article:nth-child(even) {
	background-color: #555;
	background-image: linear-gradient(to right, #999 , #555);
	color:#fff;
}

article:nth-child(odd) {
	background-color: #eee;
	background-image: linear-gradient(to right, #eee , #aaa);
	color:#333;
}

.header_gallerij_achtergrond {
	background-image: linear-gradient(to right, #ff0088 , #660033);
	padding:1rem;
}

.gallerij_thumbnail_container {
	display:block;
	margin:1rem auto;
	
	width:100%;
	height:auto;
	
	padding:2rem;
}

/*

Dropdown style

.keuze_menu {
	position:absolute;
	top:0.24rem;
	right:0.24rem;
}

*/

.thumbnail {
    padding: 16px 8px;
    position: relative;
    margin-bottom: 20px;
	margin-right:0 !important;
}

.thumb_container:hover,.thumb_container:focus  {
	background-color:#eee;
}

.thumb_container  {
	display:block;
	margin:1rem auto !important;
	width:97%;
	
	height:auto;
	
    text-align: center;
	
	border:4px dashed blue;
	border:1px solid #777;
    border: 1px solid #777;
    border-radius: .32rem;
	box-shadow: 4px 4px 32px #555;
	
	padding:0.64rem;
}

.thumb_container img {
    
	display:block;
	margin:1rem auto 0 auto;
	
	width:100%;
	
	max-width:128px;
	
	height:auto;
	
	border-radius:0.32rem;
}

.thumb_info_container {
	display:block;
	width:100%;
	margin-top:6rem;
}

.thumb_info_bestand {
	display:block;
	width:90%;
	
	text-align:right !important;
	
	font-size:0.8rem;
	margin:-6.4rem auto -3.2rem auto;
}

.thumb_info_grootte {
	display:block;
	width:100%;
	width:auto;
	text-align:right;
	
	height:auto;
	
	margin-top:4rem;
	
	font-size:0.6rem;
}



/* GROTER dan 1400 (XL) */
@media only screen and (min-width: 1401px) {
  .thumbnail, .thumbnail * { margin-right:0.64rem; }
}

/* kleiner dan 1400px (XXL) */
@media only screen and (max-width: 1400px) {
	.thumbnail, .thumbnail * { margin-right:0.64rem; }
}

/* kleiner dan 1200px (XL) */
@media only screen and (max-width: 1200px) {

  .thumbnail, .thumbnail * { margin-right:0.64rem; }
}

/* kleiner dan 992px (LG) */
@media only screen and (max-width: 992px) {

  .thumbnail, .thumbnail * { margin-right:0.64rem; }
}

/* kleiner dan 768px (MD) */
@media only screen and (max-width: 768px) {

  .thumbnail, .thumbnail * { margin-right:1rem; }
}

/* kleiner dan 576px (S) */
@media only screen and (max-width: 576px) {
  .thumbnail, .thumbnail * { margin-right:0; }
}