@charset "UTF-8";

/*============================================= CSS RESET =============================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 99%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*============================================= ALLGEMEIN =============================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%
}
body {
	display: block;
	overflow: scroll;
	overflow-x: auto;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #000000;
}
img {
	max-width: 100%;
	height: auto;
}
.wrapper {
	display: block;
	/*position: relative;*/
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	height: 100%;
	margin: 0 auto;
	background: #FFFFFF;
}

/*============================================= SLIDER =============================================*/
/*! http://responsiveslides.com v1.54 by @viljamis*/
.content_rslides {
	display: block;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	margin: 0 0 0 0;
	background-color: #0066CC;
	float: left;
}
.rslides_container {
	position: relative;
	width: 62.5%;
	margin: 0 0 0 18.75%;
	float: left;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
.rslides_container {
	position: relative;
	width: 75%;
	margin: 0 0 0 12.5%;
	float: left;
}
}

@media screen and (max-width: 768px) {
.rslides_container {
	position: relative;
	width: 87.5%;
	margin: 0 0 0 6.25%;
	float: left;
}
}

/*============================================= SLIDER ARROWS =============================================*/
.btns_nav {
	z-index: 3;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	background: url(../img/slider/_navi.png) no-repeat left 50%;
	width: 20px;
	margin-bottom: 27.5px;
}
.btns_nav.next {
	left: auto;
	background-position: right 50%;
	right: 0;
}
.btns_nav:focus {
	outline: none;
}

/*============================================= SLIDER BULLETS =============================================*/
.btns_tabs {
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: center;
}
.btns_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 6px;
}
.btns_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	_display: block;
	*display: block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #FFFFFF;
}
.btns_here a {
	background: #CCCCCC;
}

/*============================================= SLIDER TEXT =============================================*/
.caption {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/slider/_bg_text.png);
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}

/*============================================= MENU MOBILE ANSICHT =============================================*/
.header {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	height: 60px;
	background-color: #CCCCCC;
	z-index: 100;
}
.logo {
	display: block;
	overflow: hidden;
	height: 40px;
	float: left;
	margin: 10px 10px;
}
.menu {
	display: none;
}
.menu ul li {
	list-style: none;
}
.menu ul li a {
	width: 100%;
	float: left;
	background-color: #CCCCCC;
	background: rgba(204, 204, 204, 0.9);
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #666666;
	line-height: 30px;
}
.menu_line {
	display: block;
	width: 100%;
	height: 1px;
	float: left;
	background-color: #333333;
}

/*============================================= MENU HOVER ZUSTAND =============================================*/
.company:hover {
	color: #333333;
}
.products:hover {
	color: #333333;
}
.support:hover {
	color: #333333;
}
.projects:hover {
	color: #333333;
}
.partner:hover {
	color: #333333;
}

/*============================================= MENU AKTUELL ZUSTAND =============================================*/
.aktuell .company {
	color: #333333;
}
.aktuell .products {
	color: #333333;
}
.aktuell .support {
	color: #333333;
}
.aktuell .projects {
	color: #333333;
}
.aktuell .partner {
	color: #333333;
}

/*============================================= MENU CHECKBOX+LABEL BUTTON =============================================*/
input#open-menu {
	display: none;
}
input[type=checkbox]:checked ~ .menu {
	display: block;
	text-align: center;
}
label.open-menu-label {
	display: block;
	overflow: hidden;
	height: 40px;
	float: right;
	margin: 10px 10px;
}

/*============================================= MENU DESKTOP ANSICHT =============================================*/
@media only screen and (min-width: 769px) {
.menu {
	display: block;
	width: 62.5%;
	height: 60px;
	float: right;
}
.menu ul li a {
	display: inline;
	width: 20%;
	float: left;
	font-size: 20px;
	line-height: 60px;
}
.menu_line {
	display: none;
}
label.open-menu-label {
	display: none; /*MENU CHECKBOX+LABEL AUSBLENDEN*/
}
}

/*============================================= FOOTER =============================================*/
.footer {
	display: block;
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	height: 30px;
	background-color: #CCCCCC;
	z-index: 90;
}
.footer_space {
	display: block;
	width: 75%;
	height: 30px;
	float: left;
}
ul_footer li_footer a {
	display: block;
	width: 12.5%;
	height: 30px;
	float: left;
	color: #666666;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
}

/*============================================= FOOTER HOVER =============================================*/
.impress:hover {
	color: #333333;
}
.gtc:hover {
	color: #333333;
}

/*============================================= FOOTER AKTUELL =============================================*/
.aktuell .impress {
	color: #333333;
}
.aktuell .gtc {
	color: #333333;
}

@media screen and (max-width: 768px) {
.footer_space {
	width: 50%;
}
ul_footer li_footer a {
	width: 25%;
	font-size: 16px;
}
}

/*============================================= ADDRESS =============================================*/
.address_480 {
	display: none;
}
.address {
	display: block;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	height: 46px;
	background-color: #F2F2F2;
	position: fixed;
	bottom: 30px;
	z-index: 90;
}
.address p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
	color: #333333;
	margin: 4px 0 4px 0;
	padding: 0 10px 0 10px;
}
.address p a {
	text-decoration: none;
	color: #333333;
}
.address_line {
	display: block;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	height: 1px;
	background-color: #666666;
	z-index: 90;
}

@media screen and (max-width: 480px) {
.address {
	display: none;
}
.address_480 {
	display: block;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	height: 82px;
	background-color: #F2F2F2;
	position: fixed;
	bottom: 30px;
	z-index: 90;
}
.address_480 p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
	color: #333333;
	margin: 4px 0 4px 0;
	padding: 0 10px 0 10px;
}
.address_480 p a {
	text-decoration: none;
	color: #333333;
}
}

/*============================================= CONTENT HOME TOP =============================================*/
.home_top {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 0 0;
	background-color: #FFFFFF;
}
.home_welcome {
	display: block;
	float: left;
	width: 87.5%;
	padding: 15px 6.25% 10px 6.25%;
	background-color: #0066CC;
}
.home_welcome h1 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
}
.home_welcome h2 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	line-height: 24px;
	color: #FFFFFF;
}

/*============================================= CONTENT HOME BOTTOM =============================================*/
.home_bottom {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 0 0 106px 0;
	background-color: #FFFFFF;
}
.home_mwkh {
	display: block;
	float: left;
	width: 62.5%;
	padding: 10px 18.75% 0 18.75%;
}
.home_mwkh h1 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	line-height: 40px;
	color: #333333;
}
.home_list_left {
	display: block;
	float: left;
	min-width: 20%;
	padding: 0 5% 0 0;
}
.home_list_right {
	display: block;
	float: left;
}
.home_list_left p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	color: #333333;
}
.home_list_right p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	color: #333333;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
.home_mwkh {
	display: block;
	float: left;
	width: 75%;
	padding: 10px 12.5% 0 12.5%;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.home_mwkh {
	display: block;
	float: left;
	width: 87.5%;
	padding: 10px 6.25% 0 6.25%;
}
}

@media screen and (max-width: 480px) {
.home_bottom {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 0 0 142px 0;
	background-color: #FFFFFF;
}
.home_mwkh {
	display: block;
	float: left;
	width: 87.5%;
	padding: 10px 6.25% 0 6.25%;
}
.home_list_left {
	display: block;
	float: left;
	width: 100%;
	padding: 0 0 0 0;
}
.home_list_right {
	display: block;
	float: left;
	width: 100%;
}
}

/*============================================= CONTENT COMPANY TOP =============================================*/
.company_top {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 0 0;
	background-color: #FFFFFF;
	border-left: 15px solid #FFFFFF;
	border-right: 15px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.company_img_frame {
	display: block;
	float: left;
	width: 50%;
	border-top: 30px solid #FFFFFF;
	border-bottom: 45px solid #FFFFFF;
	border-left: 15px solid #FFFFFF;
	border-right: 15px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.company_img {
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.company_top {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 0 0;
	background-color: #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.company_img_frame {
	display: block;
	float: left;
	width: 50%;
	border-top: 20px solid #FFFFFF;
	border-bottom: 30px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.company_img {
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}	
}

@media screen and (max-width: 480px) {
.company_top {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 0 0;
	background-color: #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.company_img_frame {
	display: block;
	float: left;
	width: 50%;
	border-top: 10px solid #FFFFFF;
	border-bottom: 15px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	border-right: 5px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.company_img {
	display: block;
	float: left;
	width: 100%;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
}

/*============================================= CONTENT COMPANY BOTTOM =============================================*/
.company_bottom {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 0 0 106px 0;
	background-color: #FFFFFF;
}
.company_copy {
	display: block;
	float: left;
	width: 62.5%;
	max-width: 1920px;
	min-width: 250px;
	padding: 45px 18.75% 0 18.75%;
	background-color: #FFFFFF;
}
.company_copy p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	color: #333333;
}
.company_copy p a {
	text-decoration: none;
	color: #333333;
}
.company_color{
	color: #0066CC;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.company_copy {
	display: block;
	float: left;
	width: 81.25%;
	max-width: 1920px;
	min-width: 250px;
	padding: 30px 9.375% 0 9.375%;
	background-color: #FFFFFF;
}
}

@media screen and (max-width: 480px) {
.company_bottom {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 0 0 142px 0;
	background-color: #FFFFFF;
}
.company_copy {
	display: block;
	float: left;
	width: 87.5%;
	max-width: 1920px;
	min-width: 250px;
	padding: 15px 6.25% 0 6.25%;
	background-color: #FFFFFF;
}
}

/*============================================= CONTENT PRODUCTS MAIN-PAGE =============================================*/
.products_main_content {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 30px 0;
	background-color: #FFFFFF;
	border: 15px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.products_main_box {
	display: block;
	float: left;
	width: 25%;
	border: 15px solid #FFFFFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.products_main_img {
	display: block;
	overflow: hidden;
	width: 100%;
	background-color: #0066CC;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.products_main_text a {
	text-decoration: none;
}
.products_main_text a p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	line-height: 32px;
	color: #333333;
	background-color: #CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
.products_main_box {
	display: block;
	float: left;
	width: 33.333%;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.products_main_box {
	display: block;
	float: left;
	width: 50%;
}
}

@media screen and (max-width: 480px) {
.products_main_box {
	display: block;
	float: left;
	width: 100%;
}
}

/*============================================= CONTENT PRODUCTS SUB-PAGES =============================================*/
.products_sub_content {
	position: relative;
	display: table;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	min-height: 100%;
	margin: 0 auto 0 auto;
	background-color: #0066CC;
}
.products_sub_box_left {
	position: relative;
	float: left;
	width: 81.25%;
	min-height: 100%;
	background-color: #FFFFFF;
	padding: 60px 0 30px;
}
.products_sub_box_left_in {
	width: 54%;
	margin: 0 23% 0 23%;
	padding: 45px 0 30px 0;
	background-color: #FFFFFF;
}
.products_sub_box_left_in img {
	width: 100%;
}
.products_sub_box_left_in h1 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	color: #0066CC;
	width: 100%;
}
.products_sub_box_left_in p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	color: #333333;
	width: 100%;
}
.products_sub_box_left_in ul li {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	color: #333333;
	width: 100%;
	list-style-type: disc;
}
.products_sub_box_left_in a {
	display: block;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	line-height: 24px;
	color: #333333;
	width: 100%;
}
.products_sub_box_left_line {
	display: block;
	width: 59%;
	margin: 0 20.5% 0 20.5%;
	height: 1px;
	float: left;
	background-color: #333333;
}
.products_sub_box_right_small {
	display: none;
}
.products_sub_box_right {
	display: block;
	position: relative;
	float: left;
	width: 18.75%;
	min-height: 100%;
	background-color: #0066CC;
	padding: 60px 0 30px;
}
.products_sub_box_right ul {
	margin: 45px 0 30px 0;
}
.products_sub_box_right ul li a {
	width: 100%;
	float: left;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 60px;
}
.products_sub_box_right_line {
	display: block;
	width: 90%;
	margin: 0 5% 0 5%;
	height: 1px;
	float: left;
	background-color: #FFFFFF;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.products_sub_box_left {
	position: relative;
	float: left;
	width: 75%;
	min-height: 100%;
	background-color: #FFFFFF;
	padding: 60px 0 30px;
}
.products_sub_box_left_in {
	width: 75%;
	margin: 0 12.5% 0 12.5%;
	padding: 45px 0 30px 0;
	background-color: #FFFFFF;
}
.products_sub_box_left_line {
	display: block;
	width: 90%;
	margin: 0 5% 0 5%;
	height: 1px;
	float: left;
	background-color: #333333;
}
.products_sub_box_right {
	display: none;
}
.products_sub_box_right_small {
	display: block;
	position: relative;
	float: left;
	width: 25%;
	min-height: 100%;
	background-color: #0066CC;
	padding: 60px 0 30px;
}
.products_sub_box_right_small ul {
	margin: 45px 0 30px 0;
}
.products_sub_box_right_small ul li a img{
	width: 50%;
	float: left;
	margin: 10px 25% 15px 25%;
}
.products_sub_box_right_line {
	display: block;
	width: 85%;
	margin: 0 7.5% 0 7.5%;
	height: 1px;
	float: left;
	background-color: #FFFFFF;
}
}

@media screen and (max-width: 480px) {
.products_sub_box_left {
	position: relative;
	float: left;
	width: 75%;
	min-height: 100%;
	background-color: #FFFFFF;
	padding: 60px 0 30px;
}
.products_sub_box_left_in {
	width: 75%;
	margin: 0 12.5% 0 12.5%;
	padding: 45px 0 30px 0;
	background-color: #FFFFFF;
}
.products_sub_box_left_line {
	display: block;
	width: 90%;
	margin: 0 5% 0 5%;
	height: 1px;
	float: left;
	background-color: #333333;
}
.products_sub_box_right {
	display: none;
}
.products_sub_box_right_small {
	display: block;
	position: relative;
	float: left;
	width: 25%;
	min-height: 100%;
	background-color: #0066CC;
	padding: 60px 0 30px;
}
.products_sub_box_right_small ul {
	margin: 45px 0 30px 0;
}
.products_sub_box_right_small ul li a img{
	width: 62.5%;
	float: left;
	margin: 10px 18.75% 15px 18.75%;
}
.products_sub_box_right_line {
	display: block;
	width: 85%;
	margin: 0 7.5% 0 7.5%;
	height: 1px;
	float: left;
	background-color: #FFFFFF;
}
}

/*============================================= BUTTON BACK-TOP PRODUCTS SUB-PAGES =============================================*/
.top_box {
	display: none;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	height: 76px;
	position: fixed;
	bottom: 30px;
	z-index: 90;
}
.top_space {
	display: block;
	width: 81.25%;
	height: 76px;
	float: left;
}
.top_text a {
	display: block;
	width: 18.75%;
	height: 76px;
	float: left;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 76px;
}

@media screen and (max-width: 768px) {
.top_space {
	display: block;
	width: 75%;
	height: 76px;
	float: left;
}
.top_text a {
	display: block;
	width: 25%;
	height: 76px;
	float: left;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 76px;
}
}

/*============================================= CONTENT SUPPORT =============================================*/
.support_content {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 106px 0;
	background-color: #FFFFFF;
}
.support_box_h {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	margin: 30px 18.75% 0 18.75%;
}
.support_box_h h1{
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	text-align: left;
	text-decoration: none;
	color: #0066CC;
}
.support_box_h h2 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #0066CC;
}
.support_box_h h3 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #666666;
}
.support_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	margin: 0 18.75% 0 18.75%;
}
.support_box p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: justify;
	text-decoration: none;
	color: #333333;
}
.support_box a {
	text-decoration: none;
	color: #0066CC;
}
.support_box table {
	width: 100%;
}
.support_box table tr td {
	border: 1px solid #666666;
	padding: 3px 6px 3px 6px;
	background-color: #F2F2F2;
}
.large {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
	color: #666666;
	vertical-align: middle;
}
.small {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: right;
	text-decoration: none;
	color: #666666;
	vertical-align: middle; 
}
.support_line {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	height: 1px;
	margin: 0 18.75% 0 18.75%;
	background-color: #333333;
}
.support_space_1 {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	height: 1px;
	margin: 0 18.75% 0 18.75%;
	background-color: #FFFFFF;
}
.support_space_30 {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	height: 30px;
	margin: 0 18.75% 0 18.75%;
	background-color: #FFFFFF;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.support_box_h {
	display: block;
	float: left;
	width: 100%;
	max-width: 81.25%;
	margin: 30px 9.375% 0 9.375%;
}
.support_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 81.25%;
	margin: 0 9.375% 0 9.375%;
}
.support_line {
	display: block;
	float: left;
	width: 100%;
	max-width: 81.25%;
	height: 1px;
	margin: 0 9.375% 0 9.375%;
	background-color: #333333;
}
.support_space_1 {
	display: block;
	float: left;
	width: 100%;
	max-width: 81.25%;
	height: 1px;
	margin: 0 9.375% 0 9.375%;
	background-color: #FFFFFF;
}
.support_space_30 {
	display: block;
	float: left;
	width: 100%;
	max-width: 81.25%;
	height: 30px;
	margin: 0 9.375% 0 9.375%;
	background-color: #FFFFFF;
}
}

@media screen and (max-width: 480px) {
.support_content {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 142px 0;
	background-color: #FFFFFF;
}
.support_box_h {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	margin: 30px 6.25% 0 6.25%;
}
.support_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	margin: 0 6.25% 0 6.25%;
}
.support_line {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	height: 1px;
	margin: 0 6.25% 0 6.25%;
	background-color: #333333;
}
.support_space_1 {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	height: 1px;
	margin: 0 6.25% 0 6.25%;
	background-color: #FFFFFF;
}
.support_space_30 {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	height: 30px;
	margin: 0 6.25% 0 6.25%;
	background-color: #FFFFFF;
}
}

/*============================================= CONTENT PROJECTS =============================================*/
.projects_copy_480 {
	display: none;
}
.projects_content {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 30px 0;
	background-color: #FFFFFF;
}
.projects_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	margin: 30px 18.75% 30px 18.75%;
}
.projects_img {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.projects_headline {
	display: block;
	float: left;
	width: 100%;
}
.projects_copy {
	display: block;
	float: left;
	width: 48.75%;
}
.projects_copy_space {
	display: block;
	height: 1px;
	float: left;
	width: 2.5%;
	background-color: #FFFFFF;
}
.projects_headline h1 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	margin: 19px 0 21px 0;
}
.projects_headline h2 {
	margin: 20px 0 10px 13px;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #333333;
}
.projects_copy ul {
	margin: 0 0 20px 13px;
}
.projects_copy ul li {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #333333;
	list-style-type: disc;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
.projects_copy_480 {
	display: none;
}
.projects_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 75%;
	margin: 30px 12.5% 30px 12.5%;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.projects_copy_480 {
	display: none;
}
.projects_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	margin: 30px 6.25% 30px 6.25%;
}
}

@media screen and (max-width: 480px) {
.projects_copy {
	display: none;
}
.projects_copy_space {
	display: none;
}
.projects_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	margin: 30px 6.25% 30px 6.25%;
}
.projects_copy_480 {
	display: block;
	float: left;
	width: 100%;
}
.projects_copy_480 ul {
	margin: 0 0 20px 13px;
}
.projects_copy_480 ul li {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #333333;
	list-style-type: disc;
}
}

/*============================================= LOGIN PAGE (PARTNER AREA) =============================================*/
.login_main {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 30px 0;
	background-color: #FFFFFF;
}
.login_frame {
	display: block;
	width: 62.5%;
	margin: 30px 18.75% 30px 18.75%;
	background-color: #0066CC;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login_img {
	display: block;
	width: 10%;
	margin: 30px 45% 0 45%;
}
.button {
	display: block;
	width: 62.5%;
	height: 45px;
	margin: 30px 18.75% 0 18.75%;
	background-color: #F2F2F2;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	line-height: 30px;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login {
	display: block;
	width: 62.5%;
	height: 45px;
	margin: 60px 18.75% 30px 18.75%;
	background-color: #F2F2F2;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.login_frame {
	display: block;
	width: 75%;
	margin: 30px 12.5% 30px 12.5%;
	background-color: #0066CC;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login_img {
	display: block;
	width: 10%;
	margin: 30px 45% 0 45%;	
}
.button {
	display: block;
	width: 75%;
	height: 45px;
	margin: 30px 12.5% 0 12.5%;
	background-color: #F2F2F2;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	line-height: 30px;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login {
	display: block;
	width: 75%;
	height: 45px;
	margin: 60px 12.5% 30px 12.5%;
	background-color: #F2F2F2;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
}

@media screen and (max-width: 480px) {
.login_frame {
	display: block;
	width: 90%;
	margin: 30px 5% 30px 5%;
	background-color: #0066CC;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login_img {
	display: block;
	width: 10%;
	margin: 30px 45% 0 45%;	
}
.button {
	display: block;
	width: 90%;
	height: 45px;
	margin: 30px 5% 0 5%;
	background-color: #F2F2F2;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #333333;
	line-height: 30px;
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.login {
	display: block;
	width: 90%;
	height: 45px;
	margin: 60px 5% 30px 5%;
	background-color: #F2F2F2;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #333333;	
	border: 1px solid #333333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
}

/*============================================= CONTENT IMPRESS & GTC =============================================*/
.impress_gtc_content {
	display: block;
	float: left;
	width: 100%;
	max-width: 1920px;
	min-width: 250px;
	padding: 60px 0 30px 0;
	background-color: #FFFFFF;
}
.impress_gtc_box_h {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	margin: 30px 18.75% 0 18.75%;
}
.impress_gtc_box_h h1{
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	text-align: left;
	text-decoration: none;
	color: #0066CC;
}
.impress_gtc_box_h h2 {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #0066CC;
}
.impress_gtc_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	margin: 0 18.75% 0 18.75%;
}
.impress_gtc_box p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: justify;
	text-decoration: none;
	color: #666666;
}
.impress_gtc_line {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	height: 1px;
	margin: 0 18.75% 0 18.75%;
	background-color: #666666;
}
.impress_gtc_space_1 {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	height: 1px;
	margin: 0 18.75% 0 18.75%;
	background-color: #FFFFFF;
}
.impress_gtc_space_30 {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	height: 30px;
	margin: 0 18.75% 0 18.75%;
	background-color: #FFFFFF;
}
.impress_gtc_box td {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	text-align: left;
	text-decoration: none;
	color: #666666;
}
.impress_gtc_box_q {
	display: block;
	float: left;
	width: 100%;
	max-width: 62.5%;
	margin: 5px 18.75% 30px 18.75%;
}
.impress_gtc_box_q p {
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	text-decoration: none;
	color: #666666;
}
.impress_gtc_space_last {
	display: block;
	float: left;
	width: 100%;
	height: 18px;
	max-width: 62.5%;
	margin: 5px 18.75% 30px 18.75%;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
.impress_gtc_box_h {
	display: block;
	float: left;
	width: 100%;
	max-width: 75%;
	margin: 30px 12.5% 0 12.5%;
}
.impress_gtc_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 75%;
	margin: 0 12.5% 0 12.5%;
}
.impress_gtc_line {
	display: block;
	float: left;
	width: 100%;
	max-width: 75%;
	height: 1px;
	margin: 0 12.5% 0 12.5%;
	background-color: #666666;
}
.impress_gtc_space_1 {
	display: block;
	float: left;
	width: 100%;
	max-width: 75%;
	height: 1px;
	margin: 0 12.5% 0 12.5%;
	background-color: #FFFFFF;
}
.impress_gtc_space_30 {
	display: block;
	float: left;
	width: 100%;
	max-width: 75%;
	height: 30px;
	margin: 0 12.5% 0 12.5%;
	background-color: #FFFFFF;
}
.impress_gtc_box_q {
	display: block;
	float: left;
	width: 100%;
	max-width: 75%;
	margin: 5px 12.5% 30px 12.5%;
}
.impress_gtc_space_last {
	display: block;
	float: left;
	width: 100%;
	height: 18px;
	max-width: 75%;
	margin: 5px 12.5% 30px 12.5%;
}
}

@media screen and (max-width: 480px) {
.impress_gtc_box_h {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	margin: 30px 6.25% 0 6.25%;
}
.impress_gtc_box {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	margin: 0 6.25% 0 6.25%;
}
.impress_gtc_line {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	height: 1px;
	margin: 0 6.25% 0 6.25%;
	background-color: #666666;
}
.impress_gtc_space_1 {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	height: 1px;
	margin: 0 6.25% 0 6.25%;
	background-color: #FFFFFF;
}
.impress_gtc_space_30 {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	height: 30px;
	margin: 0 6.25% 0 6.25%;
	background-color: #FFFFFF;
}
.impress_gtc_box_q {
	display: block;
	float: left;
	width: 100%;
	max-width: 87.5%;
	margin: 5px 6.25% 30px 6.25%;
}
.impress_gtc_space_last {
	display: block;
	float: left;
	width: 100%;
	height: 18px;
	max-width: 87.5%;
	margin: 5px 6.25% 30px 6.25%;
}
}