/*   Version number 2015.1.2   */



@font-face {
  font-family: 'OlsenWebPro';
    font-style: normal;
  font-weight: 200;
  src: local('OlsenWebPro'), local('OlsenWebPro-Light'), url(OlsenWebPro-Light.woff) format("woff");
}

@font-face {
  font-family: 'OlsenWebPro';
    font-style: italic;
  font-weight: 200;
  src: local('OlsenWebPro'), local('OlsenWebPro-LightItalic'), url(OlsenWebPro-LightItalic.woff) format("woff");
}

@font-face {
  font-family: 'OlsenWebPro';
    font-style: normal;
  font-weight: 500;
  src: local('OlsenWebPro'), local('OlsenWebPro-Italic'), url(OlsenWebPro.woff) format("woff");
}

@font-face {
  font-family: 'OlsenWebPro';
    font-style: italic;
  font-weight: 500;
  src: local('OlsenWebPro'), local('OlsenWebPro-Italic'), url(OlsenWebPro-Italic.woff) format("woff");
}

@font-face {
  font-family: 'OlsenWebPro';
    font-style: normal;
  font-weight: 700;
  src: local('OlsenWebPro'), local('OlsenWebPro-Bold'), url(OlsenWebPro-Bold.woff) format("woff");
}

@font-face {
  font-family: 'OlsenWebPro';
    font-style: italic;
  font-weight: 700;
  src: local('OlsenWebPro'), local('OlsenWebPro-BoldItalic'), url(OlsenWebPro-BoldItalic.woff) format("woff");
}

html { 
  background: url(quirin-login-screen_background_01.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}

body {
    font-family: "OlsenWebPro", arial, sans-serif;
    font-size: 14px;
    font-weight: 100;
}

h1 {
	color: #e61d50 !important;
	font-weight: 100;
}

#errorBoxEn, #errorBoxDe {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 12px 36px 50px;
    width: 330px;
    position: relative;
}

#errorBoxDe {
  display: none;
}

#logo {
    background: url("Logo_Quirin.png") no-repeat scroll center center / 204px auto transparent;
    height: 100px;
    margin-bottom: 0;
    padding-bottom: 110px;
}

.titleMessage {
  font-weight: 700;
}

.idMessage {
  color: #999;
}


@media (max-width: 460px) {

    #errorBoxEn, #errorBoxDe {
      background-color: #fff;
      margin-top: 20px;
      padding: 0 20px 15px;
      width: 80%;
    }
    
}