/*********************************************************************************************************/
/********* rayngap layout css file base part, DO NOT CHANGE UNTIL YOU REALLY KNOW WHAT YOU DO ************/
/* Copyright 2014-2018 Dominik Hofer, provided under GNU General Public License, see GNU GPL LICENSE.txt */
/*********************************************************************************************************/

/************* MAIN SITE wrapper with intermediate div for positioning *************/
.ray_W11_0o {
	clear: both;
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:12px;
	box-sizing:border-box;
}

.ray_W11_1o {
	margin: 0px auto;
	box-sizing:border-box;
}

.ray_W11_1i {
	width: 100%;
	/*min-width: 500px;*/
	position:relative;
	box-sizing:border-box;
}

/************* layout type with 1 column, subtype 1 *************/
.ray_T11_0o {
	clear: both;
	position:relative;
	width:100%;
	height:100%;
	min-height:12px;
	box-sizing:border-box;
}

.ray_T11_1o {
	position:relative;
	width: 100%;
	height:100%;
	box-sizing:border-box;
}

.ray_T11_1i {
	position:relative;
	box-sizing:border-box;
}

/*************** layout type with 3 columns, subtype 1: floated  ********************/
.ray_T31_0o {
	clear: both;
	position:relative;
	width:100%;
	height:100%;
	min-height:12px;
	box-sizing:border-box;
}

.ray_T31_1o {
	width: 150px;
	float:left;
	height:100%;
	box-sizing:border-box;
}
.ray_T31_1h {
	display:none;
	line-height:1.5rem;
	vertical-align:middle;
}
.ray_T31_2o {
	width: 150px;
	float:right;
	height:100%;
	box-sizing:border-box;
}
.ray_T31_2h {
	display:none;
	line-height:1.5rem;
	vertical-align:middle;
}
.ray_T31_3o {
	margin-left:150px;
	margin-right:150px;
	height:100%;
	box-sizing:border-box;
}
.ray_T31_3h {
	display:none;
}
.ray_T31_1i, .ray_T31_2i, .ray_T31_3i {
	position:relative;
	box-sizing:border-box;
	min-height:12px;
}
.ray_T31_1t, .ray_T31_2t{
}

/******** layout type with 4 columns, subtype 1 **********/
.ray_T41_0o {
	clear: both;
	position:relative;
	width:100%;
	height:100%;
	min-height:12px;
	box-sizing:border-box;
}

.ray_T41_1o, .ray_T41_2o, .ray_T41_3o, .ray_T41_4o {
	display:inline-block;
	vertical-align:top;
	width: 25%;
	height:100%;
	box-sizing:border-box;
}

.ray_T41_1i, .ray_T41_2i, .ray_T41_3i, .ray_T41_4i {
	position:relative;
	box-sizing:border-box;
	min-height:12px;
}

/******** layout type with 5 columns, subtype 1: floating divs **********/
.ray_T51_0o {
	clear: both;
	position:relative;
	width:100%;
	height:100%;
	min-height:12px;
	box-sizing:border-box;
}
.ray_T51_1o {
	float:left;
	width: 100px;
	height:100%;
	box-sizing:border-box;
}
.ray_T51_1h {
	display:none;
	line-height:1.5rem;
	vertical-align:middle;
}
.ray_T51_2o {
	float:left;
	width: 100px;
	height:100%;
	box-sizing:border-box;
}
.ray_T51_2h {
	display:none;
	line-height:1.5rem;
	vertical-align:middle;
}
.ray_T51_3o {
	float:right;
	width: 100px;
	height:100%;
	box-sizing:border-box;
}
.ray_T51_3h {
	display:none;
	line-height:1.5rem;
	vertical-align:middle;
}
.ray_T51_4o {
	float:right;
	width: 100px;
	height:100%;
	box-sizing:border-box;
}
.ray_T51_4h {
	display:none;
	line-height:1.5rem;
	vertical-align:middle;
}
.ray_T51_5o {
	margin-left:200px;
	margin-right:200px;
	height:100%;
	box-sizing:border-box;
}
.ray_T51_5h {
	display:none;
}
.ray_T51_1i, .ray_T51_2i, .ray_T51_3i, .ray_T51_4i, .ray_T51_5i {
	position:relative;
	box-sizing:border-box;
	min-height:12px;
}
.ray_T51_1t, .ray_T51_2t, .ray_T51_3t, .ray_T51_4t{
}
/****************** FOLLOWING LAYOUT TYPES ARE NOT IN USE AND NOT MAINTAINED ****************/
/************ layout type with 3 columns, subtype 3, relative/absolute logic ****************/
.ray_T33_0o {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
	min-height:12px;
}

.ray_T33_1o {
	width: 150px;
	position: absolute;
	left:0px;
}

.ray_T33_2o {
	width: 150px;
	position:absolute;
	right:0px;
}

.ray_T33_3o {
	margin-left:150px;
	margin-right:150px;
}

/********************* flexbox is sadly not in use due to compatibility issues ****************/
.ray_T32_0o, .ray_T32_1o, .ray_T32_2o, .ray_T32_3o {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

/************ flexbox layout type with 3 columns, subtype 2 ****************/
.ray_T32_0o {
	clear: both;
	margin: 0px auto;
	padding: 0px;
	width:100%;
	overflow: hidden;
	min-height:12px;
}

.ray_T32_1o {
	width: 150px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.ray_T32_2o {

}

.ray_T32_3o {
	width: 150px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}