@charset "utf-8";
/* CSS Document */


body {
	margin: 0em;
	padding: 0em;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;}
#left {
    float:left; width:10%; background:#FFFFFF; position: absolute; left: 0;
	}

#right {
    background:#FFFFFF; position: absolute; width:10%; float: right; right: 0;
	}
		

#top{
	position:absolute; 
  	top:0; 
  	left:0; 
  	width:80%; 
    height: 123px;
	background-color:#FFFFFF;
	background-image:url(../Images/Harlekin2.jpg);
	background-position:right;
	background-repeat:no-repeat;
    color: white;
	z-index:999;
	overflow:hidden;
	margin-right:10%;
	margin-left:10%;
	border-left: solid thin #CB1B07; 
	border-right: solid thin #CB1B07; 
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0;
	padding-bottom: 0;
}

#subtop{
	
	position:fixed;    
	top: 122px;
    width: 80%;
    height: 22px;
	background-color:#CB1B07;
    color: white;
	z-index:1;
	overflow:hidden;
	border-bottom:#333333 solid thin;
	left: 10%;
	padding-right: 22px;

}
#bottom {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 50px;
    background: #FFFFFF;
    color: black;
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0;
	border-right:white solid thin;
	border-left:white solid thin;
	
}

#superbottom{
	bottom: 30px;
    height: 22px;
	background-color:#CB1B07;
    color: white;
	z-index:1;
	overflow:hidden;
	border:#CB1B07 solid thin;
	margin-right:-11px;
	margin-left: -11px;
}


#contents p {
		text-align:justify;
		padding:0 1em;
	}


#contents {
	position:absolute;
	top: 123px;
	width:80%; 
	left:10%; 
	border-left: solid thin #CB1B07; 
	border-right: solid thin #CB1B07; 
	margin-bottom: 50px; 
	min-height: 800px; 
	right:10%; 
	padding:1em 10px 5em 10px ;
    line-height: 1.5;
	text-align:justify;
	float: left;
	background:#EBE8E2;
	
	
}


.menu {font-family: arial, sans-serif;  font-size:11px; z-index:998; height:20px; margin-left: -40px; margin-top: 0; }
.menu ul { margin:0; list-style-type: none; color: white; width: 100%;}
.menu ul li {float:left; width:auto;}
.menu ul li a, .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:1px 7px 1px; height:20px; line-height:20px; color:#CCCCCC; background-color:#CB1B07;}
.menu ul li:hover a {color: #FFFFFF; background: #f73f06; filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
 -moz-opacity: 0.90; opacity:0.9;}
 
 #Fooldal a#Fooldallink, #Leiras a#Leiraslink, #Fontos a#Fontoslink, #Lattam a#Lattamlink, #Eredmenyek a#Eredmenyeklink, #Kepek a#Kepeklink, #Olvasnivalo a#Olvanivalolink, #Tortenelem a#Tortenelemlink, #Hirek a#Hireklink, #Tamogatok a#Tamogatoklink{
background-color:#333333; filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}

h1 { font-size: 16px; margin-top: 1em; text-align: left; color:#f73f06;}
h2 { margin-top: 10px; font-size:12px; font-weight:bold; text-align:left; font-family:"Courier New", Courier, monospace; color:#f73f06;}
h3 { margin-top: 10px; font-size:12px; font-style:italic; text-align:left; font-family:"Courier New", Courier, monospace; color:#EE7B59;}
.style1 {color:#666666; font-size: xx-small;}

.felsorolas{ list-style-type:circle; margin-left:5px; font-size: 12px; font-weight: bold; color: #000000; line-height:2;}


html>body #top,html>body #bottom{position:fixed}/* for moz/opera and others*/
body > #left {
    position: fixed;

}
body > #right {
    position: fixed;
}
body > #bottom {
    position: fixed;}