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;
	}
	
#caption {
	font-size: 80%;
	padding-left: 5px;
	text-align: left;
	margin-bottom: 8px;
	margin-top: 0;
	}	

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

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

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

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

#xs04 {
	width: 69.836%;
	float:left;
	}
	
#xs05 {
	width: 30.163%;
	float:left;
	}


#xs14 {
	width: 50.819%;
	float:left;
	}
	
#xs15 {
	width: 49.18%;
	float:left;
	}

#xs30 {
	width: 66.557%;
	float:left;
	}
	

#xs31 {
	width: 33.442%;
	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;
 }
	
	
#m01 {
	width: 100%;
	float:left;
	}

#m02 {
	width: 31.555%;
	float:left;
	}	

#m03 {
	width: 68.444%;
	float:left;
	}
	
#m05 {
	width: 24.111%;
	float:left;
	}

#m06 {
	width: 52.888%;
	float:left;
	}	

#m07 {
	width: 23%;
	float:left;
	}
	
#m08 {
	width: 50.555%;
	float:left;
	}

#m09 {
	width: 49.444%;
	float:left;
	}	

#m14 {
	width: 25.333%;
	float:left;
}

#m15 {
	width: 25.222%;
	float:left;
}	


#m23 {
	width: 34%;
	float:left;
}

#m24 {
	width: 66%;
	float:left;
}

#m25 {
	width: 33.777%;
	float:left;
}
	
#m26 {
	width: 33.555%;
	float:left;
}	

#m27 {
 	width: 32.666%;
	float:left;
}

#m28 {
	width: 37%;
	float:left;
}

#m29 {
	width: 32%;
	float:left;
}

#m30 {
	width: 31%;
	float:left;
}	

#m37 {
	width: 69.555%;
	float:left;
}	

#m38 {
 	width: 30.444%;
	float:left;
}

#m41 {
	width: 24.333%;
	float:left;
}

#m42 {
	width: 52.777%;
	float:left;
}

#m43 {
	width: 22.888%;
	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; 
 }


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

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

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

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

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

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

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

#l10 {
	width:31.355%; 
	float: left;
}

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

#l14 {
	width:25.192%; 
	float: left;
}

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

#l17 {
	width:24.191%; 
	float: left;
}

#l20 {
	width:40.986%; 
	float: left;
}

#l21 {
	width:18.721%; 
	float: left;
}

#l22 {
	width:40.292%; 
	float: left;
}

#l23 {
	width:33.744%; 
	float: left;
}

#l24 {
	width:66.255%; 
	float: left;
}

#l25 {
	width:33.59%; 
	float: left;
}

#l27 {
	width:32.819%; 
	float: left;
}

#l28 {
	width:41.371%; 
	float: left;
}

#l29 {
	width:21.725%; 
	float: left;
}

#l30 {
	width:18.798%; 
	float: left;
}

#l31 {
	width:18.104%; 
	float: left;
}

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

#l36 {
	width:69.491%; 
	float: left;
}

#l37 {
	width:30.508%; 
	float: left;
}

#l41 {
	width:24.036%; 
	float: left;
}

#l42 {
	width:52.85%; 
	float: left;
}

#l44 {
	width:41.063%; 
	float: left;
}

#l46 {
	width:17.873%; 
	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_right {
 	width:24.8%; 
 	overflow:hidden; 
 	float: left;
}

.xl_up {
 	width:35.2%; 
 	overflow:hidden; 
 	float: left;
}

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

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

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

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

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

#xl06 {
	width:15.72%; 
	float: left;
}

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

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

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

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

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

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

#xl14 {
	width:25.32%; 
	float: left;
}

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

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

#xl23 {
	width:16.96%; 
	float: left;
}

#xl24 {
	width:33.08%; 
	float: left;
}

#xl26 {
	width:16.84%; 
	float: left;
}

#xl27 {
	width:16.16%; 
	float: left;
}

#xl28 {
	width:41.4%; 
	float: left;
}

#xl29 {
	width:21.72%; 
	float: left;
}

#xl30 {
	width:18.8%; 
	float: left;
}

#xl31 {
	width:18.08%; 
	float: left;
}

#xl34 {
	width:32.4%; 
	float: left;
}

#xl38 {
	width:33.6%; 
	float: left;
}

#xl40 {
	width:32.8%; 
	float: left;
}

#xl41 {
	width:24%; 
	float: left;
}

#xl42 {
	width:52.8%; 
	float: left;
}

#xl43 {
	width:23.2%; 
	float: left;
}

#xl46 {
	width:17.92%; 
	float: left;
}


}

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