@font-face {
font-family: 'fontawesome-webfont';
src: url('../font/fontawesome-webfont.eot?v=4.4.0');
src: url('../font/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../font/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

html {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
height:100%;
width:100%;
}

body {
color: #000;
font-size: 100%;
line-height:1.3em;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background: rgb(234,234,234);
background: -moz-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%, rgba(150,150,150,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(150,150,150,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
background: radial-gradient(ellipse at center,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#969696',GradientType=1 );
width:100%;
height:100%;
min-width:300px;
}

p {font-size:0.875em; margin-bottom:0.4em; color:#000;}
strong, b {font-weight: bold}
em, i {font-style:italic}
a {color: inherit; font-size:inherit;}
.no-touchevents a:hover {text-decoration: none}

div {position:relative;}

/* Login Seite */
#b_login_topbar {
background:#303030;
width:100%;
height:67px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#b_login_form {
margin:10% auto 0;
max-width:280px;
width:100%;
background:#fff;
overflow:hidden;
-webkit-box-shadow: 0px 0px 10px -5px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 10px -5px rgba(50, 50, 50, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#b_login_form_logo {
height:80px;
width:100%;
margin:40px 0;
background:url(../img/layout/logo_benno.jpg) no-repeat center;
-webkit-background-size:contain;
background-size:contain;
}
#b_login_form_language {
 width:85%;
 margin:15px auto 0;
}
#b_login_form_button {
margin-top:20px;
}
.b_login_form_wrapper {width:85%; margin:0 auto; overflow:hidden;}

#b_login_oauth2 {
    width:85%;
    margin:20px auto;
}
#b_login_oauth2_link {
    background: #fff;
    padding: 10px 16px;
    display: block;
    border:1px solid #e5e5e5;
    text-decoration: none;
    color: #666;
    font-size: 0.8125em;
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
#b_login_oauth2_link:hover {
    color: #0089d6;
    background: #e9f2f7;
    border-color: #dce7ee;
}

#b_login_oauth2_link img {
    width: 20px;
    height: auto;
    margin-right: 6px;
}

/* Hinweise */
.form_notification {font-size:0.8125em; color:#fff; background:#d4595a; box-sizing:border-box; width:100%; padding:20px 40px 20px 20px;margin-bottom:20px;}
a.close {position: absolute; top: 10px; right: 10px;}
a.close:before {display:inline-block; font-size:1em; color:#fff;font-family: 'fontawesome-webfont'; content:"\f00d";}
/* Form Elemente */
.form_input_text {background:#fff; padding:3%; height:34px; display:inline-block; float:left;color:#666; width:90%; -webkit-appearance:none; border:1px solid #e5e5e5; border-right:none; margin:0 auto 0.5em;box-sizing: border-box; border-radius:0; font-size:0.8125em;}
.form_icon {display:inline-block; border:1px solid #e5e5e5; border-left:none;height:34px; margin-bottom:0.9em;box-sizing: border-box; width:10%;}
.form_icon:before {display:inline-block; font-size:1em; color:#e5e5e5;font-family: 'fontawesome-webfont'; content:"\f007"; padding:0.4em 0.3em 0 0; text-align:center;}
.form_icon.icon_password:before {content:"\f023";}
.form_button_big {border:none;color:#ff716f; display:block; width:100%; height:80px; font-size:1.75em; text-align:center; text-transform:uppercase; cursor:pointer;
background:#ca0000;
}
.no-touchevents .form_button_big:hover {background:#e40001;}
.form_select {
width:100%;
box-sizing: border-box;
display:block;
background:#fff;
font-size:0.8125em;
border:1px solid #e5e5e5;
color:#666;
padding: 3%;
border-radius: 0;
-webkit-appearance: none;
 }
.form_select option {
font-size:1em;
border-bottom:1px solid #e5e5e5;
background:#fff;
display:block;
color:#666;
box-sizing: border-box;
}


@media screen and (max-width: 500px) {
#b_login_form {max-width:500px;margin:0 auto;}
#b_login_topbar {height:37px;}
a.close:before {font-size:1.5em;}
	
}