/* File css/style.css */

/* --- übergeordnete Definitionen --- */
body{
	font: 15px Arial, Verdana, sans-serif;	
	margin: 0;
	padding: 0;
	border: 0;	
}
*{
	appearance: none;		
}
*:focus{
	outline: 1px solid #aaa;
}
.bold{
	font-weight: bold;	
}
#login_out{	
	padding: 1% 1%;	
	border-bottom: 1px solid #ddd;
}
#login_out span{
	margin-right: 10px;
	vertical-align: middle;
}
#login_out label{
	margin: 0 3px 0 0;
	font-size: 0.8em;
	vertical-align: middle;
}
#login_out input[type=text], #login_out input[type=password]{
	font-size: 0.8em;
	margin: 0 10px 0 0;
	padding: 2px 4px;
	border: 1px solid #bbb;
	height: 1.4em;
	width: 9em;
	vertical-align: middle;	
}
#login_out input[type=submit]{
	font-family: FontAwesome;
	font-size: 1.5em;
	border: none;	
	background: none;
	vertical-align: middle;
}
#login_out input[type=submit]:hover{
	color: #777;
}
#login_out input[type=submit]:active{
	color: #bbb;
	border: none;
}

main{
	padding: 1% 1%;
}

/* --- mobile --- */
@media only screen and (max-width: 480px) {
    #login_out{ 
        padding: 20px;
    }
    input[type="submit"]{
        margin-left: 10px;
    }
    #login_out label{
        display: block;
        margin-top: 15px;
    }
}