img {
	border: 0;
}

#gallery_1 {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-direction: column;
	
	
	heigth: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #222322;
	margin: 0px;
}





div#bigimage_container {
	-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 2;         /* OLD - Firefox 19- */
	-webkit-flex: 2;          /* Chrome */
	-ms-flex: 2;              /* IE 10 */
	flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*max-width: 340px;
	height: auto;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-color: transparent;
	
}


div#bigimage, div#bigimage img, div#smallimages, div#smallimages a, div#smallimages img, div#smallimages p {
    border: 0;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

div#smallimagecontainer {
	float: left;
	width: 95%;
	background-color: transparent;	
}

div#image_description {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;

	margin-left: 0px;
	background-color: #222322;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

div#navinext{
	float: left;
	width: 10px;
	margin-top: 2px;

}

a#next {
 padding-left: 0.5em;
}

div#naviprevious{
	float: left;
	width: 10px;
	margin-top: 2px;

}

a#previous {
 padding-right: 0.5em;
}

div#smallimages{
	/*width: 328px;
	margin: 0 auto 0 auto;
	background-color: #6C9;*/
}

div#smallimages a{
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 1px;
    margin: 0px;
    font-size: 0.9em;
}

div#bigimage img {
	width: 95%;
	margin: 0px;
	padding: 0px;	
	 }

div#smallimages a.gallery_active,
a:link.gallery_active,
a:visited.gallery_active,
a:hover.gallery_active,
a:active.gallery_active {
	text-decoration:underline;color:#FFF;
}

div#smallimages a.gallery_inactive,
a:link.gallery_inactive,
a:visited.gallery_inactive,
a:hover.gallery_inactive,
a:active.gallery_inactive {
	text-decoration:none;color:#696969;
}

/* 
-------------------------------------------------
Test Galerie Beschriftung
-------------------------------------------------*/
.beschriftung {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-direction: row;
	background-color: #6FF;	
	max-width: 400px;
}

.zurueck {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	float: left;
	
}

.vor {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	float: left;
	
}

.vor img {
	float: right;
	padding: 0px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.zahlen {
	-webkit-box-flex: 6;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 6;         /* OLD - Firefox 19- */
	-webkit-flex: 6;          /* Chrome */
	-ms-flex: 6;              /* IE 10 */
	flex: 6;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	float: left;
	-webkit-justify-content: space-around;
	/* Safari 6.1+ */
	
	justify-content: space-around;
	white-space: nowrap;	
}

.zahlen p {
	letter-spacing: 0.5em;
	background-color: #3F6;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
	
	
div#bigimage_container {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*max-width: 340px;
	height: auto;*/
	min-width: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-color: transparent;
	
}

div#image_description {
	-webkit-box-flex: 2;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 2;         /* OLD - Firefox 19- */
	-webkit-flex: 2;          /* Chrome */
	-ms-flex: 2;              /* IE 10 */
	flex: 2;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #222322;
	padding: 0px;
}

	
	div#bigimage img {

	margin: 0px;
	padding: 0px;	
	 }
	 
div#smallimagecontainer {
	float: left;
width: 95%;
	
}
	 
/*	 div#smallimagecontainer {
	float: left;
	width: 320px;
	background-color: transparent;
	
}
div#smallimages a{
    float: left;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 1px;
    margin: 0px;
    font-size: 0.9em;
}*/

}
@media screen and (max-width: 767px) {
	
	
div#bigimage_container {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	/*max-width: 340px;
	height: auto;*/
	max-width: 400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-color: transparent;
	
}
		div#bigimage img {
	max-width: 400px;
	margin: 0px;
	padding: 0px;	
	 }
	 
div#smallimagecontainer {
	float: left;
	max-width: 400px;
		
}
}