* {
 margin:0;
 padding:0;
}

body {
 font: 100.01% Verdana, Arial, Helvetica, sans-serif;
 min-width: 400px;
 line-height: 1.5;
} 

img {
 max-width: 100%;
 height: auto;
}

#header {
 background-color:#0000C0;
 position: fixed;
 top: 0;
 left: 0; 
 right: 0;
}

#content {
 background-color: white;
 
 padding: 10px;
 margin: 10px;
}

#foot {   
 width: 100%;
 background-color: #0092C3;
 height: 3em;
 color:white;
 vertical-align:bottom;
 text-align: center;
 font-size: small;
 position: fixed;
 padding: 10px;
 bottom: 0;
 left: 0;
 right: 0;
}

ul.ul-grey{ 
list-style-position: inside; 
background: #EEEEEE; 
text-indent: 5px;
padding-right: 10px;
}


ul.ul-green{ 
list-style-position: inside; 
background: #CCCCCC; 
text-indent: 5px;
padding-right: 10px;
}


<------------------------------------------------------------------------------------- >
 /* Dropdown Button */
.delete-dropbtn {
  background-color: #0092C3;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.delete-dropdown {
   position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #0092C3;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 5px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #66CCCC;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  top:50px;
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { 
  
  background-color: #0092C3;
}