/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; }
.bransch { width: 23%; }
.grid_special { width: 20%; } 

.gridblue1 img {
	margin-bottom:-5px;
}

.gridblue2 img {
	margin-bottom:-5px;
}

.gridblue1 {
	width: 498px;
	float: left;
	display: block;
	margin-bottom:0px;
	height:100%;
	line-height:170px;
	text-align:center;
	color:#fff;
	font-size:42px;
	font-family: GlyphaLTStd-Black;
	font-weight: normal;
	font-style: normal;
	border-left:1px solid #4083bf;
	border-right:1px solid #4083bf;
}

.gridblue1:hover {
	background-color: #1077d3;
	width: 498px;
	float: left;
	display: block;
	margin-bottom:0px;
	height:100%;
	line-height:170px;
	text-align:center;
	color:#fff;
	font-size:42px;
	font-family: GlyphaLTStd-Black;
	font-weight: normal;
	font-style: normal;
	border-left:1px solid #4083bf;
	border-right:1px solid #4083bf;
}

.gridblue2 {
	width: 498px;
	float: left;
	display: block;
	margin-bottom:0px;
	height:100%;
	line-height:170px;
	text-align:center;
	color:#fff;
	font-size:42px;
	font-family: GlyphaLTStd-Black;
	font-weight: normal;
	font-style: normal;
	border-right:1px solid #4083bf;
}

.gridblue2:hover {
	background-color: #1077d3;
	width: 498px;
	float: left;
	display: block;
	margin-bottom:0px;
	height:100%;
	line-height:170px;
	text-align:center;
	color:#fff;
	font-size:42px;
	font-family: GlyphaLTStd-Black;
	font-weight: normal;
	font-style: normal;
	border-right:1px solid #4083bf;
} 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_special,
.bransch {
	margin: 0 2% 1% 0;
	float: left;
	display: block;
}

.alpha{margin-left:0;}
.omega{margin-right:0;}

.container{
	width: 100%; /*width: 1000px;*/
	max-width: 1000px;
	margin: auto;
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}




/* Mobile */
@media screen and (max-width : 480px) {

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_special,
.bransch {
	width:100%;
}

}