@charset "utf-8";

/* Allgemein
----------------------------------------------- */
* {
	margin: 0;
	padding:0;
}
html,
body {
	height: 100%;
	min-width: 0!important;
}
body {
	background: #f6f6f6;
	color: #333;
	font-size: 12px;
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}
img,
a img {
	border: 0;
}
.clear {
	clear: both;
	font-size: 1%;
	height: 1px;
	line-height: 1px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
	display:block;
}
header{
	width:100%;
	height:100%;
}

:lang(de){
	font-family:Tahoma,Helvetica, Arial, sans-serif;
}

:lang(cn){
	font-family:"Microsoft YaHei",微软雅黑;
}

/* Links
----------------------------------------------- */
a,
a:visited,
a:focus {
	color: white;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/* Typo
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	line-height: normal !important;
	margin: 0;
	padding: 0;
}
.bottomtext h3 {
		margin-top: 30px;
}
p {
	margin: 0 0 1em 0;
	padding: 0;
}
p.logo {
	float: left;
	margin: 18px 0 0 0;
	padding: 0;
}
ul {
	margin: 0 0 1em 15px;
	padding: 0;
}
ul li {
	margin: 0;
	padding: 0;
}

/* Layout
-----------------------------------------------*/ 
header{
	min-width:1102px;
}
.top-header{
	width:100%;
	position:absolute;
	top:0px;
	height:115px;
	background-color:#faf7e6;
	border-bottom:3px solid #a0802d;
	z-index:999;
	min-width:1102px;
}
.top-header >p{
	text-align:center;
	padding-top:15px;
}
footer{
	position:absolute;
	bottom:0px;
	color:white;
	background-color:black;
	height:60px;
	width:100%;
	line-height:60px;
	font-size:12px;
	min-width:1102px;
	z-index:999;
}
footer > p{
	margin:0 auto;
	text-align:center;
}
.h-left,.h-right{
	width:50%;
	height:100%;
	float:left;
	display:table-cell;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:80% 0px;
	background-size:cover;
}

/* .h-left:hover{
	background-position:70% 100%;
}
.h-right:hover{
	background-position:95% 100%;
}  */
.h-left{
	background-image:url('beijing_bg.jpg');
	background-position:40% 0px;
}

.h-right{
	background-image:url('berlin_bg.jpg')
}

.h-container{
	height:100%;
	width:551px;
	/* position:relative;
	z-index:99; */
}
.h-left .h-container{
	float:right;
}
.h-right .h-container{
	float:left;
}
.h-left:hover .h-container{
	margin-right:10%;
}
.h-right:hover .h-container{
	margin-left:10%;
} 
#img-or{
	position:relative;
	left:-27px;
	top:300px;
	float:left;
	opacity:1!important;
	z-index:999
}
.h-left:hover+.h-right #img-or,:hover #img-or{
	display:none;
}
.h-container>p{
	color:white;
	text-align:center;
}
.title-container{
	margin-top:55%;
	font-size:90px;
	margin-bottom:20px;
	line-height:90px;
}
.content-container{
	font-size:22px;
	line-height:28px;
	padding:0px 60px;
}
.botton-container{
	font-size:24px;
	text-transform:uppercase;
	line-height:40px;
	font-weight:bold;
}
.bottomtext {
	background: #f6f6f6;
	color: #333;
	margin:auto;
	padding: 25px 0;
	width: 940px;
}
.border-white{
	border:3px solid white;
	display:inline-block;
	padding:0px 30px;
	background-color:rgba(0,0,0,0.2);
}
.shadow{
	position:relative;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.15);
	z-index:1;
}
.shadow:hover{
	background-color:rgba(0,0,0,0.15);
}
.transition{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#boxen {
	margin: 0 auto;
	text-align: left;
	width: 940px;
}
.box1 {
	float: left;
	margin: 0 35px 0 0;
	width: 255px;
}
.box2 {
	float: left;
	margin: 0 50px 0 0;
	width: 300px;
}
.box3 {
	float: left;
	margin: 0;
	width: 300px;
}