@font-face {
    font-family: "Highway";
    src: url(fonts/bluehighway.ttf) format("truetype");
}

#topbar {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 64px;
	font-family: "Highway", Verdana, Tahoma;
	font-size: 21px;
	color: #414142;
	text-align: center;
  background-image: url("images/topnavbg.png");
  background-repeat: repeat-x;

}

#top {
	height:24%;
	top: 0;
	left: 0;
		font-family: "Highway", Verdana, Tahoma;
	font-size: 21px;
	color: white;
	text-align: center;
}
#bot {
	height:25%;
	bottom:0;
	margin-top:5%;
	left: 0;
		font-family: "Highway", Verdana, Tahoma;
	font-size: 21px;
	color: white;
	text-align: center;
}

#mid {

	height:23%;
}
#mid2 {

	height:23%;
}
#toptekst{
	margin-top:8px;
}

body {
    overflow:hidden;
background-color:#1e1e1e;
background-position:center; 
height:100%;

left:0px;
padding;0;
margin:0;
} 
#defaultCountdown { width: 240px; height: 45px;
background-color: white; }

#wrap {
background: rgba(0, 0, 0, 0.6);



	width:100%;
   height:100%;
	right:0px;
	left:0px;
	bottom:0px;
	top:0px;
}


.left_col {
   float:left;
   width:50%;
      height:110px;
	  position: fixed;
	  display:table-cell
}
.right_col {

   float:right;
   width:50%;
   height:110px;
}

.left_col_mid {
   float:left;
   width:50%;
      height:122px;
	  position: fixed;
	  display:table-cell
}
.right_col_mid {

   float:right;
   width:50%;
   height:122px;
}


#lewy_liz {
	background-image:url("images/lizardred.png");
   float:right;
   width:110px;
      height:110px;
	  margin-right:25%;
	
	  display:table-cell
}
#lewy_gol {
	background-image:url("images/blueblue.png");
   float:right;
   width:110px;
      height:110px;
	  margin-right:25%;
	
	  display:table-cell
}
#prawy_gol {
	background-image:url("images/bluered.png");
float:left;
   width:110px;
      height:110px;
	  margin-left:25%;
	
	  display:table-cell
}
#prawy_liz {
	background-image:url("images/lizardblue.png");
float:left;
   width:110px;
      height:110px;
	  margin-left:25%;
	
	  display:table-cell
}
#baron {
	background-image:url("images/baron.png");
float:middle;
   width:122px;
      height:122px;
	margin: 0 auto;
	
}
#baronbt {
	width:110px;
	height:110px;
	color: white;
	font-family: "Highway", Verdana, Tahoma;
	text-align: center;
	padding-left:15%;
	padding-top:10%;
	font-size: 21px;
	background: rgba(0, 0, 0, 0);
	border: none;
	}
#dragon {
	background-image:url("images/dragon.png");
float:middle;
   width:122px;
      height:122px;
	margin: 0 auto;
  clear:both
}
#dragonbt {
	width:110px;
	height:110px;
	color: white;
	font-family: "Highway", Verdana, Tahoma;
	text-align: center;
	padding-left:15%;
	padding-top:10%;
	font-size: 21px;
	background: rgba(0, 0, 0, 0);
	border: none;
	}
#liztop {
	width:110px;
	height:110px;
	color: white;
	font-family: "Highway", Verdana, Tahoma;
	font-size: 21px;
	background: rgba(0, 0, 0, 0);
	border: none;
	}
	
#goltop {
	width:110px;
	height:110px;
	color: white;
	font-family: "Highway", Verdana, Tahoma;
	font-size: 21px;
	background: rgba(0, 0, 0, 0);
	border: none;
}
#liztop2 {
	width:110px;
	height:110px;
	color: white;
	font-family: "Highway", Verdana, Tahoma;
	font-size: 21px;
	background: rgba(0, 0, 0, 0);
	border: none;
	}
	
#goltop2 {
	width:110px;
	height:110px;
	color: white;
	font-family: "Highway", Verdana, Tahoma;
	font-size: 21px;
	background: rgba(0, 0, 0, 0);
	border: none;
}

display:table-cell
	   
   }
   #left_col, #right_col {
		margin:0;
	   padding:0;
   }
   html {
   
  height: 100%;
  padding: 0 0 0 0;
}