body{

}

div#main {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 1024px;
	height: 768px;
	background-color: #20618f;
	overflow: hidden;
}

h1 {
	position: absolute;
	bottom: 0;
	right: 50px;
	z-index: 3;
}

#kod_mask {
	position: absolute;
	left: 350px;
	top: 1px;
	z-index: 1;
	opacity: 0;
}
#titel_bg {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	opacity: 0.8;
}

#scen {
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 1;
}

ul {
	position: absolute;
	top: 0;
	left: 30px;
	z-index: 5;
	padding: 0;
}
li {
	display: inline-block;
	float: left;
}
h2 {
  font-size: 24px;
  color: #FFFFFF;
  text-shadow: 1px 1px #000000;
  margin: 0;
  padding: 0 15px 10px 15px;
  opacity: 0.7;
  cursor: pointer;
}
li div {
	display: none;
	opacity: 0;
	position: absolute;
	padding: 21px;
	border-radius: 20px;
	max-width: 300px;
	/*font-family: "tekton-pro-condensed";*/
	font-family: "baker-signet-web";
	font-weight: medium;
	font-size: 20px;
	color: white;
	text-shadow: 1px 1px #000000;
	border: double 5px rgba(255,255,255, 0.5);
	background-color: rgba(44,85,114, 0.5);
}
li div a {
	color: #F8DF52;
	text-decoration: none;
}
li div a:visited {
	color: #F8DF52;
}

.nobr {
	white-space: nowrap;
}