body {
    _background-image:url(Logo.jpg);
    background-position:center top;
    background-repeat:no-repeat;
	background-color:black;

	color:silver;
	font-family: Raleway, Arial, Helvetica;
}
h1{
  font-family: Raleway; 
  font-weight:100;
  text-align:left;
}

h4{
  font-family: Raleway; 
  font-weight:100;
  text-align:left;
}


select, input {
	font-family: Raleway, Arial, Helvetica;
  font-size: 12pt;
	background-color:black;
	color:white;
}



.menu {
  z-index:2;
}

.frame { 
  width:100%;
  min-width:500px;
  overflow:hidden; 
}

#toplogo{ 
  display:none;
  margin-bottom:-40px;
} 

tr.menuspace {
  height:50;
}

@media screen and (max-width: 700px) {
  #midlogo{ display:none; } 
  #toplogo{ display:block; } 
  tr.menuspace { height:20;} 
  #aadress{ display:none; }
}

.flag { 
  float:right;
  position:absolute;
  right:0;
  margin-right:10;
  margin-top:10;
}

.legend { 
  position:relative; 
  color:Black;
  font-weight:bold;
  width:50%;
  padding-left:50;
  _margin:-950 -120% -700 -110%;
  _padding: 950 120% 700 110%;
  text-align:left;
}

.legendbg { 
  position:absolute;
  top:-150%;
  left:-200%;
  z-index:-1;
  height:350%;
  width:530%;
  background: url(img/legendbg.jpg) no-repeat;
  background-size: 100% 100%;
  overflow:no-content;
}

.videobg { 
  position:absolute;
  top:0;
  left:50%;
  z-index:-1;
  height:500;
  margin-left:-50vw;
  width:100vw;
  margin-top:0;
  _overflow:no-content;
}

.section { 
  max-width:800px;
  min-width:500px;
  text-align:left; 
}

#videobg{
  background: url(img/concrete.jpg) no-repeat;
  background-size: 100% 100%;
  width:100%;
  padding-top:150;
  padding-bottom:150;
}

#videoframe{
  background: url(img/raam.png) no-repeat;
  background-size: 100% 100%;
  padding-top:28;
  padding-left:2;
  padding-right:2;
 
  width:848;
  height:476; 
}

#video{
  position:relative;
  max-width:800;
  height:0;
  padding-bottom:56.25%;
}

#videobox{ 
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	margin:-3.3%; 
	padding:3.3%;
    background: url(img/raam.png) no-repeat;
    background-size: 100% 100%;
}

.more {
  padding-top:10; 
  text-align:right;
}

th {
  text-align:center;
  width:200;
  font-size:20;
}

a:link, a:visited {
  text-decoration:none;
  color:white;
}


table {
    border-collapse: collapse;
}

table.bron, th.bron, td.bron {
  border: 1px solid silver;
}

td.brondate{
  height:70px; 
}

.brontime, .brondate, .brondateWE, .topTuba, .topTubaSel { 
  font-size:24; 
  text-align:center;
}


.brondate{
  color:#808080;
}

.brondate a {
  font-weight:bold; 
}

.brontime {
  font-weight:regular; 
}

tr.brontime{
  height:70px; 
}

.brondate a {
  color:silver; 
}

a:hover,.more:hover,.brontime a:hover {
  color:white;
  text-shadow: 0.1em 0.1em 0.3em white;
	font-weight:bold;
}

.brondateWE {
  color:#800000; 
}

.brondateWE a{
  color:#D00000; 
  font-weight:bold; 
}

.brondateWE a:hover {
  color:red;
  text-shadow: 0.1em 0.1em 0.3em red
}

.topTubaSel, a.topTubaSel, a.topTubaSel:visited  {
  color:white;
  text-shadow: 0.1em 0.1em 0.3em white
}


table.top, th.top, td.top {
    border: 1px solid silver;
}

.bron_narrow{
  display:none; 
}

@media screen and (max-width: 700px) {
  .bron_wide{display:none}
  .bron_narrow{display:table-cell}
}

table.bron{
  font-size:18px; 
}

th.bron{
  font-size:35px;
}

th.top{
    font-size: 16px;
}

.button,.sbutton,.fbbutton,.bronbutton,.pnbutton,.bbutton,.pnbuttondis {

    background: url(img/nupp_suur.svg) no-repeat top right;
    background-size: 100% 100%;
	width:174px;

    color: black; 

    border:none;
	height:58px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	font-weight: 900;
	font-family: Raleway, Arial, Helvetica;
	border-radius: 8px;
}

.sbutton,.pnbutton,.pnbuttondis {
    background: url(img/nupp_vaike.svg) no-repeat top right;
	width:63px;
}

.pnbutton,.pnbuttondis {
    font-size: 34px;
	margin:20px;
}

.pnbuttondis {
    opacity:0.4;
}

.bbutton{
  font-size:24px;
}
.fbbutton {
    background: url(img/nupp_fb.svg) no-repeat top right;
	width:63px;
}

.bronbutton {
    background: url(img/nupp_bron.png) no-repeat top right;
	width:200px;
	height:76px;
	font-size:20px; 
}

.button:hover, .bbutton:hover, .sbutton:hover, .pnbutton:hover, .bronbutton:hover, .fbbutton:hover, .kk:hover {
    box-shadow: 0 0px 45px white;
}

.flag:hover {
    box-shadow: 0 0px 25px white;
}

.button:focus,.sbutton:focus,.fbbutton:focus,.bronbutton:focus,.bbutton:focus,.pnbutton:focus,.pnbuttondis:focus  {outline:0;}

#bronbutton{
  height:100; 
  padding-top:50;
}



/* Dropdown Button */
.dropbtn {
    color: white;
    font-size: 24px;
    border: none;
		background:none; 
		outline:0;
}

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

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    outline:0;
    display: none;
		right:0;
		border-width:1;
		border-color:silver; 
		border-style:solid; 
    position: absolute;
    background-color: black;
    font-size: 24px;
		opacity:0.9;
    min-width: 160px;
    _box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	outline:0;
    color: silver;
    padding: 12px 16px;
    text-decoration: none;
		font-weight:bold; 
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {  
	color:white;
	opacity:1;
  text-shadow: 2px 2px 5px white
	box-shadow: 0 0px 45px white;
}

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


#TB_window {
	font: 12px Raleway, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#TB_secondLine {
	font: 10px Raleway, Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link { color: #336699; text-decoration: none; }
#TB_window a:visited { color: #336699; text-decoration: none; }
#TB_window a:hover { color: #3399FF; text-decoration: underline; }
#TB_window a:active { color: #3399FF; text-decoration: underline; }
#TB_window a:focus { color: #336699; text-decoration: none; }

#TB_overlay {	
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_overlay2 {	
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	width:100%; 
	height:100%;
	opacity:0.6;
	text-align:center; 
	display:none;
}


#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
    left:50%;
	top:25%;
	transform: translate(-50%, -25%);
	
}

#TB_window img {
/*
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
*/
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: raleway,tahoma, arial, serif;
}

#TB_ajaxContent{
	clear:both;
	padding:20px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	background:black;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}

.greendot{
     background: green;
     border-radius: 50%;
     display: inline-block;
     height: 20px;
     margin-left: 4px;
     margin-right: 4px;
     width: 20px;
}