html {
    height: 100%;
    width: 100%;
}

body {
	margin:0px;
	background-color:#fff;
	font-family: Arial;

    background-image: linear-gradient(bottom, #fff 0%, #ccc 50%, #fff 100%);
    background-image: -o-linear-gradient(bottom, #fff 0%, #ccc 50%, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #fff 0%, #ccc 50%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #ccc 50%, #fff 100%);
    background-image: -ms-linear-gradient(bottom, #fff 0%, #ccc 50%, #fff 100%);
    background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0, white)
    	color-stop(0.5, grey),
    	color-stop(1, white)
    );

    height: 100%;
    width: 100%;
    box-shadow: inset 0px 0px 100px 2px rgba(10, 10, 10, 0.7)
}

#table1 {
    border: 2px solid black;
    border-radius: 5px;
    background-color: #aaa;
    box-shadow: 0px 0px 50px 2px rgba(10, 10, 10, 0.7)
}

#passwort {
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #aaa;   
    box-shadow: inset 0px 0px 2px 1px rgba(30, 30, 30, 0.5);
    margin: 4px;
    padding: 2px;
}

#passwort:hover {
    box-shadow: inset 0px 0px 3px 1px rgba(35, 35, 35, 0.6); 
}

#passwort:focus {
    box-shadow: inset 0px 0px 4px 2px rgba(40, 40, 40, 0.5);
}