@charset "utf-8";
/* CSS Document */
[class^="flex"]{
	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+ */
}
/* absolute Mitte, Zellen vertikal */
.flex-center-col{
	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+ */
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	justify-content:center;
}
/* absolute Mitte, Zellen horizontal */
.flex-center-row{
	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+ */
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	justify-content:center;
}
/* Zellen horizontal, center top */
.flex-center-row-top{
	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+ */
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: flex-start;
	justify-content:center;
}
/* Zellen horizontal, center bottom */
.flex-center-row-bottom{
	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+ */
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: flex-end;
	justify-content:center;
}

.flex-col {
	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+ */
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-col-between {
	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 */
	           /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-pack: justify;
	display: flex;  	
	flex-direction: column;
    justify-content: space-between;
}
.flex-col-center {		/*untereinander, horizontal center*/
	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 */
	           /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-align: center;
	display: flex;  	
	flex-direction: column;
	align-items: center;
	
}
.flex-center{
	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 */
	
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-align: center;
	
	-webkit-box-pack: center;
	align-items: center;
	display: flex;  	
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.h_between {
  -webkit-box-pack: justify;
  justify-content:space-between;
}
.v-center {
	justify-content:center;
	-webkit-box-pack: center;
}
.h-center{
	align-items:center;
	-webkit-box-align: center;
}
.h-end{
	-webkit-box-align: end;
	justify-content:flex-end;
}
.v-end {
	align-items: flex-end;
	-webkit-box-align: end;
}
.flex-col-center-between {
	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 */
	           /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	display: flex;  	
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.flex-row,.flex-row2col {
	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 */
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-webkit-box-align: start;
	-webkit-box-pack: start;
	display: flex; 
	flex-direction: row;
	justify-content: start;
	
	
}
.flex-row-center {
	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 */
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	
	-webkit-box-align: center;
	align-items: center;
}
.flex-row-between  {
	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+ */
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-box-align:start;
  flex-direction: row;
  justify-content:space-between;
}
.flex-row-end {
	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+ */
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  flex-direction: row;
  justify-content:flex-end;
}
.flex-col-end{
	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+ */
	-webkit-box-orient: vertical;  /* Safari	*/
	-webkit-flex-orient: vertical;  /* Safari	*/
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: flex-end;
	-webkit-box-pack: flex-end;
	align-items: center;
	justify-content:flex-end;
}
.wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.nowrap{
	-webkit-flex-wrap: no-wrap;
	-ms-flex-wrap: no-wrap;
	flex-wrap:no-wrap;
}