@charset "utf-8";
/* CSS Document */

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

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('roboto/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('roboto/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('roboto/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('roboto/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('roboto/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('roboto/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('roboto/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('roboto/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('roboto/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('roboto/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('roboto/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

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


body {
    background-image: url(../images/login-background.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
	
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}

.page-content {   
margin: auto;
padding:10px;
}

.login-content { 
width:100%;
height:auto;
min-width:400px;
min-height:300px;
background:rgba(255,255,255,1);
margin-left: 10px;
margin-right: 10px;
}

.login a
{
width:100%;
background: rgba(35,35,35,1.00);
color:#ffffff;
text-align:center;
padding:8px;
display: inline-block;
margin-bottom:5px;
text-decoration:none;
font-family:Arial;
font-size:15px;
}


.register a
{
width:100%;
background: rgba(241,241,241,1.00);
color:#000;
text-align:center;
padding:8px;
display: inline-block;
margin-bottom:5px;
text-decoration:none;
font-family:Arial;
font-size:15px;
}

.tab .col-md-6
{
padding-right: 0px;
padding-left: 0px;	
}

.formcontent .col-md-12
{
padding-right: 20px;
padding-left: 20px;	
padding-bottom:10px;
}

.formcontent
{
font-family:Arial;
color:#000;
font-size:15px;
}

@media(max-width:767px){
	
.login-content {
	width:95%;
min-width:95%!important;
min-height:95%!important;
background:rgba(255,255,255,1);
margin-left: 10px;
margin-right: 10px;
}	
}