/* My styles */

a {
	text-decoration:none; 
	color: #1ABC9C;

}
a:visited {
	color: #1ABC9C;
  word-wrap : break-word;
	word-break: break-all;
}
a.cellLink {
	display: block;
	background-color: #fff;
  word-wrap : break-word;
word-break: break-all;
}
 a.cellLink:hover,
 a.cellLink:focus {
  background: #1ABC9C;
  color: #fff;
  word-wrap : break-word;
  word-break: break-all;
}

h1 {
	text-align: center;
 }
 
/* Important styles */
ul, li, li a {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;

}
li a {
  padding: 5px;
  color: #888;
  text-decoration: none;
  transition: all .2s;

}
li a:hover,
li a:focus {
  background: #1ABC9C;
  color: #fff;

}
.navigation a
 {
  background: lightgrey;

}
/* demo styles */
body {
	max-width: 21cm;
	margin-top: 0em; 
	background: white; 
	color: #555; 
	font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif; 
}

 table {
	max-width: 15cm;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
 }

 table.navigation {
	background: lightgrey;
	 
 }
 
 p.footer {
	font-size: 8pt;
	text-align: center;
	color: grey;
 }
 
.subtitle {
 	text-align: center;
 	max-width: 15cm;
    margin-left: auto;
    margin-right: auto;
	width: 90%;
}