html,
body {
    margin:0;
    padding:0;
    height:100%;
    background-image:url("http://informatica.ghlyceum.nl/users/34671/ApertureLaboratories/data/bg1.png");
	background-size: 1px 5px;
    background-attachment: fixed;
	padding:0px;
}
#container {
   min-height:100%;
   position:relative;
}
#containerFooter {
   position:absolute;
   bottom:0px;
   left:0px;
   right:0px;
   height:80px;   /* Height of the footer */
}
#header {
   	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:80px;
	border-bottom:1px solid black;
	padding:10px;
	background-color:white;
	background: radial-gradient(white 55%, #EEEEEE 70%, #BBBBBB);
	z-index:1;
}
#body {
    position:relative;
	top:124px;
	margin:auto;
	width:75%;
	background-color:white;
	padding:10px;
	margin-bottom:100px;
}
#footer {
	margin:auto;
	height:60px;
	max-width:700px;
	min-width:400px;
	/*background-color:gray;*/
	clear:both;
	border-radius:10px;
	padding:2px;
	margin:auto;
	border: 3px solid gray;
	background-color:white;
	background: radial-gradient(white 40%, #EEEEEE 70%, #BBBBBB);
}

#options {
	display:none;
	position:fixed;
	top:110px;
	right:10px;
	background-color:#f2f2f2;
	width:200px;
	height:calc(100% - 130px);
	z-index:3;
	border:3px outset blue;
	float:right;
	padding:5px;
	font-family: "Lucida Console", Monaco, monospace;
	color:black;
}

#options a {
	font-family: "Lucida Console", Monaco, monospace;
	color:black;
	text-decoration:none;
}

#options a:hover {
	font-family: "Lucida Console", Monaco, monospace;
	color:#dd6600;
	text-decoration:none;
}

#options form input {
	margin: 2px;
}

#options p {
	margin-bottom:2px;
}

#loginManu {
	display:none;
	position:absolute;
	top: 5px;
	left: calc(50% - 200px);
	width:400px;
	height:600px;
	background:white;
	border:3px solid blue;
	margin-bottom:5px;
	box-shadow:5px 5px 10px rgba(0,0,0,0.7);
}

#loginManu iframe {
	border:none;
	border-top:3px solid blue;
	width:100%;
	height:577px;
}

#loginManu p {
	margin:0px;
	padding:0px;
	height:20px;
	display:inline;
}

#loginContainer {
	position:fixed;
	top:100px;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}

.left {
	float:left;
	margin:0px;
}

.right {
	float:right;
	margin:0px;
}

div.bg {
	position:fixed;
	top:80px;
	left:0;
	bottom:0px;
	width:100%;
	background: radial-gradient(circle, rgba(0,0,0,0.05) 70%, rgba(0,0,0,0.25));
}

ul.manu li {
	display:inline;
	float:right;
	margin-bottom:9px;
	margin-top:5px;
}

ul.manu li a {
	margin:5px;
	padding:0px 1px 1px 1px;
	border-bottom: 3px solid blue;
	font-size:20px;
	font-family: "Lucida Console", Monaco, monospace;
	color:black;
	text-decoration: none;
}

ul.manu li a:hover {
	border-bottom: 3px solid orange;
}

ul.manu li button {
	margin:0px;
	padding:0px;
	font-size:20px;
	font-family: "Lucida Console", Monaco, monospace;
	color:black;
	border: none;
	background-color: rgba(0,0,0,0);
}

ul.manu {
	position:absolute;
	bottom:-7px;
	right:25px;
	margin-left:260px;
}

#footer > img {
	position:relative;
	top:0px;
	margin:3px;
}

#footer > p {
	text-align:center;
	margin:10px;
	font-family: "Lucida Console", Monaco, monospace;
}

#footer > p > a {
	/*text-decoration:none;*/
	color:black;
}

#footer > p > a:hover {
	color:orange;
}

.user {
	position:absolute;
	bottom:3px;
	left:3px;
	border:none;
	height:54px;
	width:202px;
	border:1px solid gray;
	border-radius:5px;
}