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;
	}
	

@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_left {
  	width:33.555%; 
  	overflow:hidden; 
  	float: left;
  }	
	
#m01 {
	width: 100%;
	float:left;
	}

#m03 {
	width: 66.444%;
	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:25.115%; 
 	overflow:hidden; 
 	float: left;
 }

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


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

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

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

#l04 {
	width:50.539%; 
	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; 
 }

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

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

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

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

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


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