@charset "ISO-8859-2";
/* CSS Document */

body{overflow:hidden;
}

#site {
	
	overflow-x:hidden;
	overflow-y:auto;
	position:inherit ;
	right:0;
	width:753px;
	height:398px;
    top: 253px;
	background-color:#FFF;
}

#programterv{overflow:hidden;
	width:750px;
	height:395px;

}

#lev{overflow:hidden;
	width:750px;
	height:395px;
	background-image:url(../levbg.png);
	background-repeat:no-repeat;
}
#levideo{overflow:hidden;
	width:750px;
	height:395px;
		background-image:url(../levbg.png);
	background-repeat:no-repeat;

	
}
#kal{overflow:hidden;
width:750px;
height:395px;
	background-image:url(../kalbg.png);
	background-repeat:no-repeat;
}



#naptar{width:181px;
height:218px;
	background-image: url(../images/felni.jpg);
	background-repeat:no-repeat;
	background-position: bottom;


}

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
	z-index:100;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-6px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}

a:focus {
    outline: 0px;
}
body {
	background-color: #E0E0E0;
	background-image: url(../bg.gif);
}


#kossuth{
	width:730px;
}

#let{
	width:750px;
	height:395px;
		overflow:hidden;
}
#tablazat{
	position:relative;
	top:50%;
	left:50%;
	width: 317px;
	height:70px;
	margin-left:-158.5px;
	margin-top:-70px;
}

#progtablazat{
	position:relative;
	top:50%;
	left:50%;
	width: 360px;
	height:70px;
	margin-left:-180px;
	margin-top:-70px;
}
#levideotablazat{
	position:relative;
	top:50%;
	left:50%;
	width: 353px;
	height:130px;
	margin-left:-176.5px;
	margin-top:-65px;
}


#szal{overflow:hidden;
	width:750px;
	height:395px;
}
#linkek{		position:relative;
	left: 50%;
	top: 50%;
	width:600px;
	height:100px;
	margin-left: -300px; 
	margin-top: -100px; 
}

#kossuthlink{ display:table-cell;
	width:200px;
	text-align:center;
}
#tancsicslink{	text-align:center;
	display:table-cell;
width:200px;
}

#oroslink{	text-align:center;
display:table-cell;
	width:200px;
}
a.koslink{background-image:none;}
a.koslink:hover{ text-decoration: underline;
}

a.oroslink:hover{ text-decoration:underline;}
a.tanlink:hover{ text-decoration:underline;}

#tancsics{
	width:730px;
}

#tec{
	position:relative;
	top:100px;
	margin: 0 auto;
	width: 50%;
}
 

.szer{
	float:left;
width:150px;
height:110px;

}
.tt:hover{ float:left;
position:relative;
top:2px;
height:115px;
width:156px;
background-image:url(../images/hoover.png)
}



.ver{float:right;
width:150px;
height:110px;

}

.ver:hover{ 
float:right;
position: relative;
top:2px;
background-image:url(../images/hoover.png);
height:115px;
width:156px;
left:6px;
}

a.tt{
   float:left;
   position:relative;
    z-index:24;
    color: #333;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #333; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #333;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	position:relative;
		top:-20px;
	left:53px;
	font-size:13px;
		writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);

}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #333;
}

a.ver{
   float:right;
   position:relative;
    z-index:24;
    color: #333;
	font-weight:bold;
    text-decoration:none;
}
a.ver span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.ver:hover{ z-index:25; color: #333; background:;}
a.ver:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #333;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.ver:hover span.top{
	display: block;
	padding: 30px 8px 0;
}
a.ver:hover span.middle{ /* different middle bg for stretch */
	display: block;
	position:relative;
	top:-20px;
	left:53px;
	font-size:13px;
		writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
}
a.ver:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #333;
}