/* raleway-100 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: url('/fonts/raleway-v12-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Raleway Thin'), local('Raleway-Thin'),
       url('/fonts/raleway-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/raleway-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v12-latin-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/raleway-v12-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: url('/fonts/raleway-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'),
       url('/fonts/raleway-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/raleway-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/raleway-v12-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }


/* Ende Reset */


body, html {width: 100%;height:100%;background: #3c3c3b;}

#background {
	background: #3c3c3b; 
	background: linear-gradient(to bottom, #3c3c3b 0%,#505050 100%); 	
	z-index: 100;
	position: fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}

#group_ident {
	position: fixed;
	z-index: 110;
	top:0;
	left:0;
	width: 100%;
	height: 5px;
	background-color: #057F90;
}

#content {width: 600px;top: 40px;margin-left: auto;margin-right: auto;z-index: 1000;position: relative;height:420px;}
#logo {height: 159px;width: 600px;}
#text {padding: 20px 70px 20px 75px;display: block;}
h1,p {color: #fff;font-family: "Raleway",Helvetica,Arial,sans-serif;font-size: 13px;line-height: 1.5em;font-weight: 100;}
h1 {font-size: 34px;margin-bottom: 25px;font-weight: 200;}
strong {font-weight: 200;}
#text a,
#text a:link,
#text a:visited {
	color: #fff;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 100;
    text-decoration: none;
}
#text a:active,
#text a:hover {
	color: #057F90;
}
.marginBottom {margin-bottom: 1.5em;}
.textLeft {float:left; width: 215px;}
.textRight {float:left; width: 240px;}
.clear {clear: both;}



/* IOS + MOBILE */

.ua-mobile #content {top: 20px;margin:0;}
.ua-mobile #text {display: block;}
.ua-mobile #logo img {display: none;}
.ua-mobile #logo {background-image: url('../img/logo@2x.png'); background-repeat: no-repeat; background-size: 600px 138px; display: block; width:600px; height: 138px;}
.ua-mobile .textLeft {width:600px;}
.ua-mobile .textRight {width:600px;margin-top: 25px;margin-bottom: 75px;}
.ua-mobile h1 {font-size: 40px;}
.ua-mobile p {font-size: 25px;}
.ua-mobile a,
.ua-mobile #text a:link,
.ua-mobile #text a:hover,
.ua-mobile #text a:visited,
.ua-mobile #text a:active {font-size: 25px;}