figure, figcaption {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
	color: #999;
}

.stopp {
	height:1px;
	width: 100%;
	overflow:hidden; 
}	

	
#gallery {
	max-width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	}
	
hr { 
    width: 100%; 
    height: 5px; 
    margin: 0 auto;
    color: blue;
    background: #dfac20;
}

.small {
	font-size: 80%;	
	color: #bbb;
	}


img {
	padding: 0;
	margin: 0;
	border-radius: 0px;
	width: 100%;
	}

#box_900, #box_610, #box_1300, #headline {
	/*position: absolute;
	left: -4000px;
	clear: both;*/
	display:none;
		}

#box_900, #box_610, #box_10, #box_1300 {
	max-height:1000px;
	}
	
	
	
#xs01 {
	width: 100%;
	float:left;
	}
	
#caption {
	font-size: 80%;
	padding-left: 5px;
	text-align: left;
	margin-bottom: 8px;
	margin-top: 0;
	}
	
.small {
	font-size: 80%;	
	color: #bbb;
	}

#xs02 {
	width: 39.18%;
	float:left;
	}

#xs03 {
	width: 60.819%;
	float:left;
	}

#xs05 {
	width: 50.819%;
	float:left;
	}

#xs06 {
	width: 49.18%;
	float:left;
	}

#xs07 {
	width: 40.983%;
	float:left;
	}
	

	
#xs08 {
	width: 59.016%;
	float:left;
	}
	

	


	
@media only screen and (min-width:565px) {

i, span {
	font-size: 80%;	
	color: #bbb;
	}
	

#gallery, #intro  {
	margin-left: 6.5%;
	margin-right:6.5%;
	max-width:87%;
	}	


#caption {
	width:32%;

	}

#box_900,  #box_10, #box_1300 {
	/*position: absolute;
	left: -4000px;
	clear: both;*/
	display:none;
		}

#box_610, #headline {
	display: block;
	}
	
#m {
 	width:95%; 
 	margin:auto; 
 	overflow:hidden;
 }

.m_right {
	width:26.333%; 
	overflow:hidden; 
	float: left;
}

	
#m02 {
	width: 100%;
	float:left;
	}
	
#m01 {
	width: 73.666%;
	float:left;
	}

#m05 {
	width: 50.555%;
	float:left;
	}
		
#m06 {
	width: 49.444%;
	float:left;
	}	

#m07 {
	width: 29%;
	float:left;
	}	

#m08 {
	width: 43.111%;
	float:left;
	}
	
#m09 {
	width: 27.888%;
	float:left;
	}

#m16 {
	width: 60.444%;
	float:left;
	}
	
#m17 {
	width: 39.555%;
	float:left;
	}
	

	
}


	
@media only screen and (min-width:900px) {

#caption {
	font-size: 80%;
	text-align:center;
	display:none;
	}

#box_900 {
 	display: block;
 }
 
	
#box_610, #box_10, #box_1300 {
	/*position: absolute;
	left: -4000px;
	clear: both;*/
	display:none;
		}
 
#l {
 	width:80%; 
 	margin:auto; 
 }

.l_left {
	width:33.553%; 
	overflow:hidden; 
	float: left;
}

.l_right {
	width:24.653%; 
	overflow:hidden; 
	float: left;
}

.l_middle {
	width:25.5%; 
	overflow:hidden; 
	float: left;
}

#l02 {
	width:100%; 
	float: left;
}

#l01 {
	width:46.8%; 
	float: left;
}

#l03 {
	width:27.58%; 
	float: left;
}

#l05 {
	width:37.573%; 
	float: left;
}

#l06 {
	width:25.423%; 
	float: left;
}

#l07 {
	width:36.902%; 
	float: left;
}

#l08 {
	width:16.563%; 
	float: left;
}

#l09 {
	width:24.576%; 
	float: left;
}


#l11 {
	width:42.295%; 
	float: left;
}

#l13 {
	width:66.409%; 
	float: left;
}

#l18 {
	width:50.385%; 
	float: left;
}

#l19 {
	width:49.614%; 
	float: left;
}

}


@media only screen and (min-width:1300px) {

#caption {
	font-size: 80%;
	text-align:center;
	display:none;
	}

#box_1300 {
 	display: block;
 }
 
	
#box_610, #box_10, #box_900 {
	/*position: absolute;
	left: -4000px;
	clear: both;*/
	display:none;
		}
 
#xl {
 	width:80%; 
 	margin:auto; 
 }

.xl_middle {
	width:16.83%; 
	overflow:hidden; 
	float: left;
}

#xl01 {
	width:31.76%; 
	float: left;
}

#xl02 {
	width:38.08%; 
	float: left;
}

#xl03 {
	width:30.16%; 
	float: left;
}

#xl04 {
	width:20.28%; 
	float: left;
}

#xl05 {
	width:30.08%; 
	float: left;
}

#xl07 {
	width:19.56%; 
	float: left;
}

#xl08 {
	width:21.84%; 
	float: left;
}

#xl09 {
	width:57.12%; 
	float: left;
}

#xl10 {
	width:21.04%; 
	float: left;
}

#xl11 {
	width:33.64%; 
	float: left;
}

#xl12 {
	width:100%; 
	float: left;
}

#xl13 {
	width:49.44%; 
	float: left;
}

#xl15 {
	width:41.04%; 
	float: left;
}

#xl16 {
	width:18.68%; 
	float: left;
}

#xl17 {
	width:40.28%; 
	float: left;
}

#xl18 {
	width:50.4%; 
	float: left;
}

#xl19 {
	width:49.6%; 
	float: left;
}





}

.break {
	border-bottom: solid white 5px;
	
	}