body {
  background-color: black;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, 'MS Sans Serif', sans-serif;
	font-size: 10pt;
}

/* tooltip okossag */
/*a span.tip { display:none; background:; }
a:hover span.tip { display:inline; background:; }*/

div { margin:0; padding:0; }
div#kulso {
  /* minden elemet tartalmaz */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  top: 0; /* 0 lett mert a banner relative  top: 92px;  */
  left: 0;
  width: 1023px;
  height: 580px; /* banner most nincs benne! */
	background-image: url('../img/kvizbg.jpg');
	background-repeat: no-repeat;
}
div#kviz {
  /* bal felso sarok */
  position: absolute;
	top: 0;
	left: 0;
	width: 690px;
	height: 450px;
}

div.gomb1     {
  position: absolute; top: 458px; left: 212px; width: 110px; height: 18px;
	/*font-family: 'MS Sans Serif', Geneva, sans-serif;*/
	font-weight: bold;
	font-size:   0.8em;
}
div.gomb2     {
  position: absolute; top: 458px; left: 325px; width: 110px; height: 18px;
	/*font-family: 'MS Sans Serif', Geneva, sans-serif;*/
	font-weight: bold;
	font-size:   0.8em;
}
a.gomb1       { position: absolute; top: 0px; left: 33px; color: #aa4; text-decoration:none; font-size: 10pt; }
a.gomb1:hover { color: #ff8; }
a.gomb2       { position: absolute; top: 0px; left: 33px; color: #aa4; text-decoration:none; font-size: 10pt; }
a.gomb2:hover { color: #ff8; }

div#applet {
	/* div#kviz-ben */
	position: absolute; top: 30px; left: 41px; width: 564px; height: 396px;
	padding:0; margin:0; z-index:2;
}

div#applet_mogott {
	/* div#kviz-ben */
	position: absolute; top: 170px; left: 41px; width: 564px; height: 30px;
	padding:0; margin:0; z-index:1; text-align:center; color:#ff0; font-size:12pt; font-weight:bold;
}

div#start {
	position: absolute;	top: 30px; left: 41px; width: 564px; height: 396px; /* w=564-2*10  h=396-2*10 */
	color: white;
	font-size: 8pt;
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-family: Verdana,sans-serif;
	background-color: #0d1e35; /* #004000; */
	text-align: center;
}
div#start small       { font-size:0.8em;   }
div#start span#temakor  { font-size:14pt; }
div#start .datetime { font-weight:bold; }
div#start a#start   { font-weight:bold; text-decoration:none; border:none; outline:none; }

div#start a:visited { color:#eeee00; }
div#start a:link    { color:#eeee00; }
div#start a:active  { color:#eeee00; }
div#start a:hover   { color:#ffff00; }
div#start img#stopper {
  position: relative;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 10px;
	padding: 0;
	border: none;
}

div#start a#info {
	 /*font-weight:bold;*/
	 font-size: 10pt;
	 /*text-decoration:none;*/
	 /*text-align:center;
	 position:absolute;
	 top: 1em;
	 width: 500px;*/
/*	 border:none;
	 outline:none;
	 position:absolute;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
	 background-color: #000060;*/
/*	 left: 0;*/
/*	 top: 1em;*/
}


div#info {
	position: absolute;	top: 30px; left: 41px; width: 564px; height: 396px; /* w=564-2*10  h=396-2*10 */
	color: white;
	font-size: 8pt;
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-family: Verdana,sans-serif;
	background-color: #0d1e35; /*#004000;*/
	/*text-align: center;*/
	overflow:auto;
}

div#info .vissza { font-weight:bold; text-decoration:none; border:none; outline:none; color:#eeee00; }

div#info big    { font-size:12pt; font-weight:bold; color:#eeee00; }
div#info span.h { font-size:10pt; font-weight:bold; color:#eeee00; }
div#info #text  { position: absolute;	left:10px; width: 524px; }
div#info span#hely { text-align:left; position:relative; left:40%; }

#text a         { color:#4cf; }
#text a:link    { color:#4cf; }
#text a:active  { color:#4cf; }
#text a:hover   { color:#8ff; }
#text a:visited { color:#28c; }


div#osszesito {
	/* felhasznalo eredmenyei (kviz helyen) */
	position: absolute;	top: 30px; left: 41px; width: 544px; height: 326px; /* w=564-2*10  h=396-60-10 */
	padding: 10px;
	padding-top: 60px;
	text-align: center;
	color: #c0c060;
	background-color: #0d1e35; /*#004000;*/
}
* html div#osszesito {  /* IE fix */
	\top: 30px;
	t\op: 30px;
	\left: 41px;
	l\eft: 41px;
	\width: 564px;
	w\idth: 564px;
	\height: 396px;
	h\eight: 396px;
}

span.vmiddle {
	/*margin-top: 110px;
	vertical-align: middle;*/  /* vertical alignment */
}

div#banner {
	/* fent */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;

  /*position: absolute;*/
  left: 0;
  top: 0;  /*top: 580;*/
  width: 1023px;
	height: 92px;
	border: none; /*solid 2px #ffff80;*/
	background-color: #222; /*#406080;*/
	text-align: center;
}
div#banner #q1 {
	position: absolute;
	margin: 0;
	border: 0;
	left: 0px;
	height: 92px;
	/*background-image: url('../img/banner/banner1.jpg');*/
}
div#banner #q2 {
	position: absolute;
	margin: 0;
	border: 0;
	left: 341px;
	height: 92px;
	/*background-image: url('../img/banner/banner2.jpg');*/
}
div#banner #q3 {
	position: absolute;
	margin: 0;
	border: 0;
	left: 682px;
	height: 92px;
	/*background-image: url('../img/banner/banner3.jpg');*/
}


div#guestform_div {
  /* position: absolute;	top: 30px; left: 41px; width: 544px; height: 375px; /-* w=564-2*10  h=395-2*10 */
	position: absolute;	top: 200px; left: 41px; width: 544px; height: 150px; /* w=564-2*10  h=395-2*10 */
	padding: 10px;
	color: #c0c060;
}

div#guestform_div table#guestform_table {
	color: #c0c060;
	font-size: 9pt;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
}
div#guestform_div table#guestform_table tr { }
div#guestform_div table#guestform_table th { }
div#guestform_div table#guestform_table td { text-align:center; }

span.small     { font-size: 0.8em; }
span.eredm_cim { font-size: 1.5em; }
span.helyes    { color: #00d000;   }
span.helytelen { color: #ff0000;   }

/* TOP 10 */
div#top10, div#top50 {
	position: absolute;
  top: 40px;
	left: 653px;
	width: 336px;
	height: 293px; /*400px;*/
	overflow: auto;
}
span.top10_cim {
	padding-left: 10px;
	font-size: 12pt;
	font-weight: bold;
}
span.legutobbi {
	padding-left: 10px;
	font-size: 12pt;
	font-weight: bold;
}
table.top10 {
	font-family: 'MS Sans Serif', Geneva, sans-serif;
	font-size: 10pt;
	position: absolute;
	top:20px; left:10px; width: 325px;
	border: none; /*outset black 1px;*/
	border-spacing: 0px;
	border-collapse: collapse;

}
div#top50 {
	height: 270px;
 /* background-color: #ffffaa;*/
	/*border-bottom: solid gray 1px;*/
}
div#top50foot {
	position: absolute;
  top: 310px;
	left: 663px;
	width: 326px;
	height: 0;
	border-top: solid gray 1px;
	overflow: none;
	padding: 0;
	margin: 0;
}
table#top50 {
	width: 305px;
/*  background-color: #aaffaa;*/
}
table.top10 tr, table.top50 tr { }
table.top10 th, table.top50 th { border: solid black 1px; }
table.top10 td, table.top50 td {
	border: solid black 1px;
	width: 77px; max-width: 77px;
}

table.top10 td.hely { width:  20px; max-width:  20px; text-align:right; padding-right:3px;  }
table.top10 td.nev  { width:  90px; max-width:  90px; } /* 105 */
table.top10 td.ceg  { width:  90px; max-width:  90px; } /* 100 */
table.top10 td.orsz { width:  30px; max-width:  30px; text-align:center;  }
table.top10 td.pont { width:  30px; max-width:  30px; text-align:center;  } /* 35 */
table.top10 td.ido  { width:  45px; max-width:  45px; text-align:right;  }

table.top10 th.eco1  { padding-top: 1em; border:none; }
table.top10 th.eco2  { padding-top: 1em; border:none; }

table.top10 td.hely2 { width:  20px; max-width:  20px; text-align:right; padding-right:3px;  }
table.top10 td.nev2  { width: 120px; max-width: 120px; }
table.top10 td.ceg2  { width: 115px; max-width: 115px; }
table.top10 td.pont2 { width:  50px; max-width:  50px; text-align:center;  }

table.top10 .hely3 { width:  20px; max-width:  20px; text-align:right; padding-right:3px;  }
table.top10 .ceg3  { width: 205px; max-width: 205px; }
table.top10 .pont3 { width:  35px; max-width:  35px; text-align:center;  }
table.top10 .ido3  { width:  45px; max-width:  45px; text-align:right;  }

table.top10 .hely4 { width:  20px; max-width:  20px; text-align:right; padding-right:3px;  }
table.top10 .ceg4  { width: 235px; max-width: 235px; }
table.top10 .pont4 { width:  50px; max-width:  50px; text-align:center;  }

table.top10 tr.maga {	font-weight: bold; }

/* kvizlista elemei */
table.top10 td.sorszam { width:  5%;  text-align: right;  }
table.top10 td.kerdes  { width: 20%;  text-align: center; }
table.top10 td.temakor { width: 55%;  text-align: left;   padding-left: 1em; }
table.top10 td.top50   { width: 20%;  text-align: center; }

/* stopper melletti linkek */
div#top50link {
	position: absolute;
  top: 316px;
	left: 670px;
	width: 200px;
	height: 15px;
/*	overflow: auto;*/
}

/*div#kvizlistalink {
	position: absolute;
  top: 400px;
	left: 700px;
	width: 200px;
	height: 30px;
	overflow: auto;
}*/

div#top10linkek {
	position: absolute;
  top: 345px;
	left: 670px;
	width: 230px;
	height: 100px;
	/*background-color: #ccccff;*/
	overflow: auto;
}

div#login_helyett {
	position: absolute;
	top: 370px;
	left: 680px;
	width: 199px;
	height: 64px;
	font-size: 8pt;
	z-index: 5;
	/*padding-left: 20px;*/
	/*background-color: #9090ff;*/
	background-image: url('../img/webklublogo.png');
	background-repeat: no-repeat;
}

div#login {
	position: absolute;
	top: 335px;
	left: 670px;
	width: 230px;
	height: 120px;
	font-size: 8pt;
	z-index: 5;
	/*padding-left: 20px;*/
	/*background-color: #9090ff;*/
}

div#login table   { border: solid 1px black; }
div#login td      { font-size: 10pt; }
div#login #felejt { font-size:  8pt; }
div#login input   { font-size: 10pt; }

div#loginfailed {
	position: absolute;
	top: 315px;
	left: 670px;
	width: 310px;
	height: 20px;
	font-size: 8pt;
	color: white;
	background-color: red;
	font-weight: bold;
	z-index: 5;
}


div#email {
	position: absolute;
	top: 529px;
	left: 604px;
	width: 262px;
	height: 42px;
	z-index: 5;
}

div#lang_hu {
	position: absolute;
	top: 520px;
	left: 920px;
	width: 60px;
	height: 40px;
	z-index: 4;
  background-image: url('../img/lang_hu.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

div#lang_en {
	position: absolute;
	top: 520px;
	left: 920px;
	width: 60px;
	height: 40px;
	z-index: 4;
  background-image: url('../img/lang_en.png');
	background-repeat: no-repeat;
	cursor: pointer;
}

div#list {
	/* kvizlista */
	position: absolute;	top: 30px; left: 41px; width: 544px; height: 376px; /* w=564-2*10  h=396-2*10 */
	overflow: auto;  /* itt bizony jol johet a scrollbar... */
	padding: 10px;
	text-align: center;
	color: #c0c060;
	background-color: #004000;
}
table.list {
	width: 100%;
  /*border: solid black 1px;*/
	border-spacing: 2px;
	border-collapse: collapse;
	/*background-color: #ffffee;*/
	color: #c0c060;
}
table.list th {  border: none; font-weight:bold; padding: 2px; }
table.list td {  border: solid black 1px;  padding: 0; }
table.list td.sorszam { width:  5%;  text-align: right;  }
table.list td.kerdes  { width: 20%;  text-align: center; }
table.list td.temakor { width: 60%;  text-align: left;   padding-left: 1em; }
table.list td.top50   { width: 15%;  text-align: center; }
table.list a          { text-decoration: none; }
table.list a:visited  { color: #c0a040; }
table.list a:link     { color: #c0c060; }
table.list a:active   { color: #c0c060; }
table.list a:hover    { color: #f0f080; }

a.fulldiv {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	outline: none;
	border: none;
}