/*  --------------------------------------  */

body{
	margin: 0 auto;
	width: 750px;
}

form{
	padding:10px 0px;
}

h1{margin:30px 0px;}

#intro{
/*	background-color:#DAECFF;*/
	padding:30px;
}

#examples{
	padding:0px 30px 30px 30px;
}

#exercises{
	background-color:#FFFFDD;
	padding:30px;
}
#exercise_intro{
	text-align:justify;
	padding-bottom:20px;
}

#stat{
	text-align:center;
	padding-top:10px;
}

#foot{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}

#result{
	margin:0 auto;
	text-align:left;
	background-color:lightyellow;
	font-family:arial,sans-serif;
	font-size:12px;
}

#feedingback{
	padding:5px;
	color:red;
/*	background-color:yellow;*/
	font-family:arial,sans-serif;
	font-size:12px;
}

#date{
	font-size:10px;
	padding-bottom:10px;
}

/*  -----------------------------------------  */

.but{
	padding: 5px;
}
.but img{
	cursor:pointer;
}

.showbut{
	cursor:pointer;
}

.help{
	color:green;
	padding-bottom:10px
}

.red{	color:red;}
.green{	color:green;}
.blue{	color:blue;}
.black{	color:black;}

.large{	font-size:16px;}
.medium{font-size:14px;}
.small{	font-size:12px;}

.right{	text-align:right;}
.left{	text-align:left;}
.center{text-align:center;}
.top{vertical-align:top;}

.absolute{position:absolute;}
.relative{position:relative;}

.leftskip30{padding-left:30px;}
.leftskip50{padding-left:50px;}
.leftskip100{padding-left:100px;}
.rightskip50{padding-right:50px;}

.floatleft{float:left;}
.floatright{float:right;}

.listdecimal{list-style-type:decimal;}

.ib2{width:20px;}

.columns {
	padding-top:1px;
	overflow: hidden;
	width: 100%;
}
.column1 {
	width: 80%;
	float: left;
}
.column2 {
	width: 20%;
	float: right;
}

/*  ------------------------------------------  */

.example{
	color:blue;
	position:relative;
}

.question{
	color:blue;
	padding:20px;
}

.question input{
	margin:3px 10px;
}

.question td{
	padding:5px 5px;
}

.subq_name{
	float:left;
}

.subq_body{
	padding:0px 0px 20px 30px;	
}

.ex{
	width:300px;
	background-color:#FFFF9C;
	color:red;
	font-family:arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:0px 5px;
	line-height:20px;
	cursor:default;
}

.show td{
	padding:5px 10px 5px 10px;
}

.floatbox{
	position:absolute;
	border:4px solid #FFFF90;
	visibility:hidden;
	z-index:5;
}

.solution{
	display:none;
	color:black;
	border-top:2px solid #05d;
	border-bottom:2px solid #05d;
	padding:10px 20px;
	margin:0pt auto;
	width:90%;
	background-color:white;
}

.fraction{
	text-align:center;
}

.fraction td{
	padding:2px 5px;
}

.fraction .fn{
	border-top:1px solid blue;
}
/* -------------------------------------------------------------- */

.type-rel{	border:2px solid #FFFFDD;}	/* relacio alap hatterszin */

.w{
	border:2px solid red;
}


/* ----- sect1 ------------------------------------------------- */

#intro1_1{
	margin:0 auto;
	padding:10px 0px;
	text-align:center;
	border:1px solid black;
	width:90%;
}

.example1_1{
	margin:0 auto;
	font-size:30px;
	border-collapse:collapse;
}
.example1_1 td{
	padding:1px 6px;
}
.example1_1 span{
	border:1px solid black;
	padding:0px 6px;
}
#example1_1 td{
	border:1px solid black;
}

#sect1 .ex{
	width:600px;
}

#sect1 .e2 .ex{
	text-align:center;
	padding:0px;
	width:78px;
}

#sect1 .note{
	padding:20px 0px 0px 0px;
}

#pictures{
	position:relative;
}
#pictures div{
	position:absolute;
	visibility:hidden;
	left: 47px;
}
#sect1 .e3 .ex{
	padding:0px 20px;
	width:auto;
}

#sect1 #q2intro{
	padding:20px 0px 0px 100px
}

#sect1 .nopad{padding:0px;}

#sect1 .s1q6{
	padding-bottom:30px;
}

#sect1 .s1q6 .absolute{
	z-index:5;
}

#sect1 .s1q6img{
	position:relative;
	padding-left:120px;
}

/* ----- sect2 ------------------------------------------------- */

.cards td{
	font-size:26px;	
	text-align:center;
	width:40px;
	height:50px;
	padding:0px;
	color:black;
}
.allcards{
	padding-left:0px;
	margin:0 auto;
}
.allcards td{
	background-image:url('kartya.gif');
	background-repeat:no-repeat;
}

.card{
	background-image:url('kartya.gif');
	background-repeat:no-repeat;
}

.card input{
	font-size:22px;
	margin:3px 0px;
	width:30px;
}

.cardib{
	font-size:22px;
	margin:3px 0px;
	width:50px;
}

#sect2 .floatright{
	float:right;
	padding:15px 80px 0px 0px;
}

/* ----- sect3 ------------------------------------------------- */

#sect3 .ex{
	width:150px;
}
#sect3 .e1 .ex{
	width:300px;
}

#sect3 .note img{
	border-top:2px solid #6b0;
	border-bottom:2px solid #6b0;
	margin-top:20px;
}

#sect3 #t15_1{
	margin:0 auto;
	width:360px;
}
#sect3 #t15_1 td{
	text-align:center;
}

#sect3 #i16_1{
	text-align:center;
}
#sect3 #t16_1{
	margin:0 auto;
	width:300px;
	border-collapse:collapse;
}
#sect3 #t16_1 td{
	text-align:center;
	border:1px solid black;
	padding:7px;
}

#sect3 .szinez table{
	border-collapse:collapse;
	margin:0 auto;
}
#sect3 .szinez td{
	padding:0px;
	background-image:url('kept.gif');
	cursor:pointer;
}
#sect3 .szinez img{
	width:16px;
	height:17px;
}

/* ----- sect4 ------------------------------------------------- */

#sect4 #q14_1{
	padding-left:200px;
}

#sect4 .q17{
	width:33%;
	border:1px solid black;
	padding:10px 20px;
	line-height:30px;
}
#sect4 #q17{
	width:65%;
	margin:0 auto;
	padding:20px 0px;
}
#sect4 #q17_1{

}
#sect4 #q17_2{

}

#sect4 #t9 td{vertical-align:top;}

/* ------------------------------------------------ */

.solution2{
	position:absolute;
	width:60%;
	left:20%;
	top:77%;
	display:none;
	background-color:white;
	color:black;
	padding:10px 20px;
	border:10px solid #ddb;
	cursor:pointer;
}

.solution3{
	position:absolute;
	width:60%;
	left:20%;
	top:98%;
	display:none;
	background-color:white;
	color:black;
	padding:10px 20px;
	border:10px solid #ddb;
}

#sect4 .question{
	position:relative;
}