body { font-family:arial,sans-serif; font-size:16px; background-color: #bbddff; padding: 8px 8px 8px 8px; margin: 0px 0px 0px 0px; }
table { font-size:14px; }
th { color:#bb0000; text-align:left; font-size:16px; }
a { text-decoration:none; color:0000dd; }
a:visited { color:0000dd; }

br + ul {
	margin: 0px;
	padding: 0px;
}

hr {
  border: 1px solid #bbb;
}

ul li {
	background-image: none;
	list-style-type: circle;
	list-style-position: inside;
}
			
.container {
  position: relative;
  height: 0px;
  width:100%; 
}

.menucol0 {
  position: absolute;
  left: 0;
  width: 30%;
}

.menucol1 {
  position: absolute;
  left: 450;
  width: 30%;
  text-align: left; /* depends on element width */
} 			


/* Style the list */
ul.tab {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  xbackground-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
  display: inline-block;
  xcolor: black;
  text-align: center;
  padding: 4px 8px;
  text-decoration: underline;
  transition: 0.3s;
  xfont-size: 17px;
  text-indent: -16px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #eee;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #bbb;}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  xbackground-color: #f1f1f1;
}

/* Style the tab anchor menu items */
.tab a {
  color:#bb0000;
  text-align:left;
  font-size:16px;
  font-weight: bold;
}


/* alternative to img is put in  style="width:20px;height:20px;border:0;" */
img {
	width:20px;
	height:20px;
	border:0;
}

.theme {
  xfloat:right;
  position:absolute;
  top:5px;
  right:5px;
  text-align:right;
  font-size:10px;
}

.vers {
	xfloat:right;
	position:absolute;
	bottom:5px;
	right:5px;
	text-align:right;
	font-size:10px;
}