body { font-family: sans-serif; background-color:#282828; padding-top: 0;margin: 0px 0px 0px 0px; background-image: url("elemek/fo_hatter.gif"); }

#fejlec { text-align:center; background-image: url("elemek/fejlec.png"); background-repeat:no-repeat;  height: 100px;
width: 800px; top:0;  position:fixed; margin-left:110px; background-color: #000; z-index: 90;}

#ArchTartCont {position:absolute; top:100px; width: 792px; vertical-align: top;
 left:110px; background-color: transparent; border:dotted 4px #232323; z-index: 80;}
	#ArchTart {width: 26%; background-color: #5A5A5A; left: 0px; top: 10px; text-align: center; float:left; border: 2px inset #140000;}
		#Achivum { width: 100%; background-color: #505050; left: 0px; top: 10px; text-align: center; float:left; border-bottom: 1px dotted #D50000;}
		#TartaLom {width: 100%; background-color: #555555; padding-top: 4px; text-align: left; float: left; position: static;}
	#Content { width: 70%; background-color:#C8C8C8; padding: 1ex; padding-bottom: 2ex; float: right; margin-top:0px; right:1px; margin:0 auto; max-height: 500px; overflow: auto;}
	#Content p {font-size:10pt;}

	#DImpress { width: 98%; clear: both; background-color: #0A0A0A; position: static; border: dotted 2px #000; margin-bottom: 2px; margin-left: 0.5%; margin-top: 2px; padding:3px;}
		#OfImpr { text-align: left; color: #F4F4F4; font-size: 11px; width: 47%; background-color: #696969; padding: 5px; border: dashed 1px #000; float:left; left:0;  top:0; margin:1px; }
		#OnIpr { text-align: left; color: #FAFAFA; width: 47%; background-color: #646464; padding: 5px; border: dashed 1px #000; float: right; top:0; right:0;  margin:1px; font-size: 11px;}
		#reklam { clear:both; background-image: url("elemek/fo_hatter.gif");background-color: black; color: white; padding-top: 15px; padding-left: 10px; }


#TartaLom h2 { background-color: #4A4A4A; width: 96%; margin-left: 2%; color: #F4F4F4; font-size: 14px; text-align:center; margin-top: 2px; background-image: url("elemek/fo_hatter.gif");}

#TartaLom a {  font-size: 11px; color: #DEDEDE; font-weight: bold; text-decoration: none;}
#TartaLom a:hover { color: #2C2C2C; background-color:#E9E9E9; text-decoration: none; font-weight: bold;}



p { text-align:justify; font-family: serif; text-indent: 20px; margin: 0px; font-size: 1.2em; }
strong { font-weight: normal; letter-spacing: 3px;  }
.endinfo { text-align: right; margin-right: 10px; margin-top: 10px;}



#Evf { margin-top: 0px; color:green; text-align: center;}
#Evf:first-line {font-size: 15px; font-family: serif; color: blue;}

h2 { text-align: center; font-size: 14px; font-style: italic;}
h2:first-line { font-weight: bold; font-style:normal;}
.alcim {text-align:center; margin-bottom: 20px; font-size: 13px;  font-style:italic; margin-left:80px; margin-right:80px; }
.alcim:first-line { font-style:italic; font-size: 13px; }

hr {width: 40%; }



h3 { background-color: #D5D5D5; font-size: 14px; margin-bottom: 10px;}
h4 {text-align: justify; margin-left: 50px; font-size: 15px; font-style: normal; font-weight:bold; margin-bottom: 10px; margin-top: 25px;}
h5 {text-align: justify; margin-left: 50px; font-size: 14px; font-style: italic; font-weight:normal; margin-bottom: 15px; margin-top: 0px;}


/* Archivum stilus */

#Achivum h2 {background-image: url("elemek/fo_hatter.gif"); background-color: #4A4A4A; width: 96%; margin-left: 2%; color: #E9E9E9; font-size: 14px; text-align:center; margin-top: 2px;}
#Achivum ul { float: left; margin-left: 10px; padding: 0; max-width: 180px; list-style: none;}
#Achivum li { float: left; border: outset 1px black; margin: 2px; padding: 2px;  min-width: 20px; }
#Achivum li:active { border: inset 1px black;}

.archszam {

color:#DCDCDC; text-decoration: none; font-weight:bold; font-size: 11px; margin-left:2px; margin-right:2px; }

/*stilus 'gombok' :)*/

#css_gombok { font-size: 10px; color: white; width: auto; white-space: nowrap; float: right; margin-top: 50px; margin-right: 16px; text-align: right;}

.gomb1 { margin-right: 2px; font-size: 16pt; background-color:/*#FAFAFA*/; color: #FAFAFA; text-decoration:none; }
.gomb2 { margin-right: 2px; font-size: 16pt; background-color:/*#EBEBEB*/; color: #EBEBEB; text-decoration:none; }
.gomb3 { margin-right: 2px; font-size: 16pt; background-color:/*#D7D7D7*/; color: #D7D7D7; text-decoration:none; }

.gomb4 { margin-right: 2px; font-size: 16pt; background-color:/*#C8C8C8*/; color: #C8C8C8; text-decoration:none; }

.gomb5 { margin-right: 2px; font-size: 16pt; background-color:/*#B9B9B9*/; color: #B9B9B9; text-decoration:none; }
.gomb6 { margin-right: 2px; font-size: 16pt; background-color:/*#AAAAAA*/; color: #AAAAAA; text-decoration:none; }
.gomb7 { margin-right: 2px; font-size: 16pt; background-color:/*#9B9B9B*/; color: #9B9B9B; text-decoration:none; }
.meret {margin-left:3px; margin-right: 3px; margin-top: 0px;}

/*jegyzetek*/

#JegyzetTarto { position:fixed; top: 200px; left:300px;  visibility: hidden; background-color: #dedede; font-size: 80%; text-align: justify; width: 330px;  padding: 5px; border: 2px solid; border-bottom-color: #323232; border-right-color: #323232; border-top-color: #eeeeee; border-left-color: #eeeeee; top:0px; }

.csuk { color: #000000; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #000064; border-right: 1px solid #000064; background-color: transparent;  text-decoration: none; }
.csuk:hover { border-top: 1px solid #640000; border-left: 1px solid #640000; border-bottom: 1;}



/*uj tartalom*/
#navlist
{
padding: 0 1px 1px;
margin-left: 2px;
font-family: serif; background: transparent;
width: 98%;
}

#navlist li
{
list-style: none;
margin: 0;
border-bottom: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block; font-size: 0.7em; font-weight: normal;
padding: 1px  2px 2px 3px;
border-left: 1em solid #828282;
background: transparent;
text-decoration: none;
}

#navlist li a:link { color: white; }
#navlist li a:visited { color: #E9E9E9; }

#navlist li a:hover
{
border-color: #DEDEDE;
color: #FFF; font-weight: normal;
background-image:url("elemek/fo_hatter.gif");
}



.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#C8C8C8; padding: 2ex;  border:0 solid #08c; border-width:0 1px;}


sup { line-height: 0; }
sup:before { content: '['; }
sup:after { content: ']'; }

dfn.tooltip_a {color:#d20808; text-decoration: none; font-style: normal; font-weight: bold;}
dfn.tooltip_a b {display:none;}
dfn.tooltip_a:hover {border:0; position:relative; z-index:500; text-decoration:none;}
dfn.tooltip_a:hover b {display:block; position:absolute; top:12px; left:-70px; padding:5px; font-weight:normal; color:#000; border:1px solid #d20808; background: #E9E9E9; width:250px; font-size: 0.9em; text-indent: 1ex; }
dfn.tooltip_a:hover b em {position:absolute; left:70px; top:-6px; width:11px; height:6px; background:transparent url(elemek/tooltip_a.png) 0 0; display:block; font-size:1px;}

dfn.tooltip_b {color:#0808D2; text-decoration: none; font-style: normal; font-weight: bold;}
dfn.tooltip_b b {display:none;}
dfn.tooltip_b:hover {border:0; position:relative; z-index:500; text-decoration:none;}
dfn.tooltip_b:hover b {display:block; position:absolute; top:12px; left:-70px; padding:5px; font-weight:normal; color:#000; border:1px solid #0808D2; background: #E9E9E9; width:250px; font-size: 0.9em; text-indent: 1ex; }
dfn.tooltip_b:hover b em {position:absolute; left:70px; top:-6px; width:11px; height:6px; background:transparent url(elemek/tooltip_b.png) 0 0; display:block; font-size:1px;}

