@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@0,300..800;1,300..800&display=swap');



body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
	background-color: #e6e6e6;
	text-rendering: optimizeLegibility;
    color: #444;
}


h1, h2, h3, h4{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	margin-top:20px;
	font-size:22px;
	font-weight:normal;
	clear:both;
}
h2{
	font-size:18px;
}
h3{
	font-size:16px;
	font-weight:bold;
}
a{
	text-decoration:none;
	color: #006599;
}
#header{
	background-color:#000;
	color:#FFFFFF;
	height:40px;
}
#wrapper{
	background-color:#FFFFFF; /*#FFFFE1;*/
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    
}
#topmenu{
	color:#A3A3A3;
	width: 100%;
	background-color: #CCE0EB;
	border-bottom: solid 1px #cecece;
	clear: both;
}
#topmenu a {
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	color:#000000;
	 white-space: nowrap;
}
#topmenu a:hover {
		color:#006599;
}

#page{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
	min-height:600px;
}
.langbox{
	width:30px;
	height:25px;
	float:left;

}
.activelang{
	border: solid 1px white;
}
#logo{
	float:left;
	width:326px;
	height:40px;
	background-color: #006599;
	font-family: "Dancing Script", serif;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
/*	background-image:url(/images/logo_small.png); */
}
#title{
	color:#FFFFFF;
	float:left;
	padding:7px;
	padding-left:25px;
	font-size:10px;
}
#rightcol{
	float:right;
}
#usermenu{
	float:right;
}

#wrapper{
	width:100%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}
#page input[type=text],#page input[type=password], #page select{
	font-size:18px;
	min-width:300px;
}
.textbox p, .textbox li {
	font-size:14px;
	margin:0;
	padding:0;
}
.error{
	color:#F00;
}
.navButtonContainer{
	text-align:center;
	margin-top:30px;
}


.button, .vissza {
background: #3D94F6;
background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #FFFFFF;
font-family: Arial, Open Sans;
font-size: 30px;
font-weight: 100;
padding: 20px;
box-shadow: 1px 1px 20px 0px #000000;
-webkit-box-shadow: 1px 1px 20px 0px #000000;
-moz-box-shadow: 1px 1px 20px 0px #000000;
text-shadow: 1px 1px 20px #000000;
border: solid #337FED 1px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}

.button:hover, .vissza:hover {
background: #1E62D0;
background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
text-decoration: none;
}

.button:disabled {
    background: #dddddd;
	box-shadow:none;
	border:none;
}

input[type=submit], input[type=reset] {
	min-width: 200px;
}

.vissza{
	margin-top:40px;
}
.answers input{
	font-size:36px !important;
}
.smaller{
	font-size:14px;
}
.teacherinstruction{
	color:#FF0000;
}
body.kutatas_2 #wrapper{
	background-color:#F3F3F3;
}
body.kutatas_2 #header{
	height:80px;
	background-color:#F3F3F3;
}
body.kutatas_2 #logo{
	float:none;
	width:800px;
	height:55px;
	background-image:url(/images/sakkpalota_logo.jpg);
}
body.kutatas_2 #title{
	float:none;
	width:800px;
	height:55px;
	color:#333333;
}
body.kutatas_2 #page{
	clear:both;
}

img.left{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	width:250px;
}



table.lista {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
/*  width: 100%; */
}

table.lista td, table.lista th {
  border: 1px solid #ddd;
  padding: 8px;
}

table.lista tr:nth-child(even), td.odd{background-color: #f2f2f2;}
table.lista tr:nth-child(odd){background-color: #ffffff;}

table.lista tr:hover {background-color: #ddd;}

table.lista th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #006599;
  color: white;
}
table.lista td span{
	font-size:11px;
}

.red {
	color: #F00;
}
#footer{
	padding:20px;
	text-align:center;
}