/* common styling */

a:link {
	color: #996633;
}
a:visited {
	color: #FFFF99;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}

.menu {font-family: arial, sans-serif; width:749px; height:30px; position:relative; margin:0; font-size:13px; margin: 0 0 60px 9em; position:relative; z-index:100;}
.menu ul {padding:0; margin:0; list-style-type: none; color:#FFFFFF; background: #990000;}
.menu ul li {float:left;}
.menu ul li a, .menu ul li a:visited {display:block; float:left; width:auto; margin: 1px; text-decoration:none; padding:1px 1px 1px; border:1px solid white; height:30px; line-height:30px; color: #FFFFFF; background: transparent; filter: alpha(opacity=30);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity: 0.30; opacity:0.3;}
.menu ul li ul {display: none;}
/* A fooldal formazasai */
body {
	margin: 0em;
	padding: 0em;
	background:#333333;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}/* for ie mac*/
/* commented backslash hack v2 \*/ 

html, body{height:100%;padding:0} 
* html, * html body{
	overflow:hidden;
	padding:50px 0;
	margin:-50px 0;
	padd\ing:0;
	ma\rgin:0;
}
* html #contents{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:1;
}
/* end hack */ 

#top{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.5em;
    background: #670001;
    color: white;
	padding:0;
	z-index:999;
	overflow:visible;
}
#left {
    position: absolute;
    top: 4em;
    left: 0;
    width: 7.5em;
    height: 100%;
    background-image:url(../Images/hatter3.jpg);
    color: white;
	}
#right {
    position: absolute;
    top: 4em;
    right: 0;
    width: 7.5em;
    height: 100%;
    background-image:url(../Images/hatter3.jpg);
    color: white;
}
#bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2em;
    background: #670001;
    color: white;
}

p{margin-top:5em}
html>body #top,html>body #bottom{position:fixed}/* for moz/opera and others*/
body > #left {
    position: fixed;
}
body > #top {
    position: fixed;
}
body > #right {
    position: fixed;
}
body > #bottom {
    position: fixed;
}

#contents {
    margin-left: 7.5em;
	margin-top: 2.5em;
    margin-right: 7.5em;
	margin-bottom: 2em;
	padding: 1em; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    line-height: 1.5;
	top: 20px;
	
}


code, pre {
    font-family: monospace;
    font-size: large;
    font-weight: bold;
    background: transparent none;
    color: yellow;
}

.center { text-align: center; }
h1 { font-size: 2em; margin-top: 1em; text-align: left; color:#FFFF00}
h2 { margin-top: 2em; }
a:link { background: transparent none; color: aqua; }
a:visited { background: transparent none; color: aqua; }
a:active { background: transparent none; color: aqua; }
a:hover { background: transparent none; color: fuchsia; }

/* specific to non IE browsers */
.menu ul li:hover a {color: #FFFFFF; background: #990000; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;}
.menu ul li:hover ul {display:block; position:absolute; width:749px; top:45px; left:0; color: #FFFFFF; background: transparent; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;}

.menu ul li:hover ul.right_side li {float:right;}
.menu ul li:hover ul.left_side li {float:left;}
.menu ul li:hover ul.infobox {position:absolute; left: -8em; top:10em; width:10em; height:auto; color:white; text-decoration:none; display:block; padding:3px; border:1px solid white; background-color:#660000; filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1.0;}

.menu ul li:hover ul li a.hide {background: #990000; color:#fff; filter: alpha(opacity=30);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity: 0.30; opacity:0.3;}
.menu ul li:hover ul li:hover a.hide {background: #990000; color:#fff; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; position:relative; left:0; top:5px; color: #FFFFFF; background: transparent; filter: alpha(opacity=30);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity: 0.30; opacity:0.3;}
.menu ul li:hover ul li a:hover {color: #FFFFFF; background: #990000; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:35px; color: #FFFFFF; background: transparent; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;}
.menu ul li:hover ul.right li {float:right;}
.menu ul li:hover ul li:hover a.hide {color: #FFFFFF; background: #990000; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;}
.menu ul li:hover ul li:hover ul li a {color: #FFFFFF; background: transparent; filter: alpha(opacity=30);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity: 0.30; opacity:0.3;}
.menu ul li:hover ul li:hover ul li a:hover {color: #FFFFFF; background: #990000; filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.80; opacity:0.8;}
 
span {font:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; top:3px}
h3 {
  margin:0 2px; 
  padding:0; 
  font-size:0.8em; 
  color:#fc0;
  }
#Bevezetes a#Bevezeteslink, #Bogarak a#Bogaraklink, #Irodalom a#Irodalomlink, #Levbog a#Levboglink, #Termeszet a#Termvedlink, #Linkek a#Linklink, #Szerzo a#Szerzolink{
background-color:#333333; filter: alpha(opacity=50);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 -moz-opacity: 0.50; opacity:0.5;}

#kepbox {position:fixed; top:10px; right:10px; z-index:1000; filter: alpha(opacity=30);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity: 0.30; opacity:0.3;}
div.balrakep {
float:left;
margin-top:0.5em;
margin-right:1em;
border: thin solid;
width: 300px;}
div.jobbrakep {
float:right;
margin-top:0.5em;
margin-left:1em;
border: thin solid;
width: 300px;}
.style1 {color:#666666; margin-left: 14em; margin-right:12em; font-size: xx-small}

a.hid {color:#000; text-decoration:none; outline-style:none; position:relative; z-index:500;}
a.hid em {display:none;}
a.hid:hover em{display:block; background-color:#666666; color:#000; width:300px; padding:5px 5px 5px 5px; position: absolute; left:-6px; top:2em; border:1px solid #ddd; font-size: 0.7em;}
.clear {clear:both;}
span.hivat {
font-weight:bold; font-size:inherit;}:bold; font-size:inherit;}ont-size:inherit;}