BODY {
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	background-color: #123238;
}

h1 { font-size: 24px; font-style: bold; }
h2, h3, h4, h5 { font-size: 21px; font-style: bold; }
p { font-size: 16px; }

a, a:visited, a:active {
	font-size: 16px;
	color: #ea5b0c;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #ea5b0c;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}



.simpleline {
	border: 0px;
    height: 1px;
	background-color: #ea5b0c;
}

.page {
	background-color: #ffffff;
	width: 100%;
}

.container {
	width: 90%;
}

.mywell {
	border: 0px;
	padding: 0px;
}


.wrapper {
  width: 100%;
  display: inline-block;
  position: relative;
  
}
.wrapper:after {
  padding-top: 58.4%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.main {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;

  background-image: url("/images/german_chat_bg_header.jpg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

.footerbar {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;

  padding-right: 10%;
  text-align: right;

  color: #265a62;
  background-color: #123238;
}


.button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 393px;
  max-width: 50%;
}

.menu_lang, .menu_lang_s {
	color: #b0b0b0;
	font-size: 18px;
	font-style: bold;
	margin-right: 25px;
}

.menu_lang:hover, .menu_lang_s:hover {
	color: #ea5b0c;
}

.menu_lang_active, .menu_lang_s_active, .menu_lang_nohover {
	color: #ea5b0c;
	font-size: 18px;
	font-style: bold;
	margin-right: 25px;
}