@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, #Vedekezes a#Vedekezeslink, #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;}
	
#result {
	height:20px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	padding:5px;
	margin-bottom:10px;
	background-color:#FFFF99;
}
#Megtalalasi_hely{
	padding:3px;
	border:1px #CCC solid;
	font-size:17px;
}

#Faj{
	padding:3px;
	border:1px #CCC solid;
	font-size:17px;
}
.suggestionsBox {
	position: absolute;
	left: 0px;
	top:5px;
	margin: 26px 0px 0px 0px;
	width: 200px;
	padding:0px;
	background-color: #000;
	border-top: 3px solid #000;
	color: #fff;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #666;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #FC3;
	color:#000;
}

#suggest ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding:0;
	margin:0;
}

.suggestionsBox_faj {
	position: absolute;
	left: 0px;
	top:5px;
	margin: 26px 0px 0px 0px;
	width: 200px;
	padding:0px;
	background-color: #000;
	border-top: 3px solid #000;
	color: #fff;
}
.suggestionList_faj {
	margin: 0px;
	padding: 0px;
}
.suggestionList_faj ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px dotted #666;
	cursor: pointer;
}
.suggestionList_faj ul li:hover {
	background-color: #FC3;
	color:#000;
}

#suggest_faj ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding:0;
	margin:0;
}

.load{
background-image:url(loader.gif);
background-position:right;
background-repeat:no-repeat;
}

#suggest {
	position:relative;
}

#suggest_faj {
	position:relative;
}



/* Horizontal Tabbed Panels */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 10px sans-serif;
	background-color: #DDD;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
.TabbedPanelsTabHover {
	background-color: #CCC;
}
.TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #EEE;
}
.TabbedPanelsContent {
	padding: 4px;
}
.TabbedPanelsContentVisible {
}

textarea {
    resize: none;
}