#ht {
	position:fixed;
	background:url(images/ht.jpg);
	background-size:cover;
	width:100%;
	height:100%;
	bottom:0px;
	right:0px;
	z-index:1;
}

.link, .link:link, .link:visited, .link:active {
 font-family:Ubuntu-R;
 color:#dfdbd2;
 text-decoration:none;
 cursor:pointer;
}

.menu_link {
	position:absolute;
	width:100%;
	height:100%;
}

@font-face {
	font-family:Ubuntu-B;
	src: url('font/Ubuntu-B.ttf');
}

@font-face {
	font-family:Ubuntu-L;
	src: url('font/Ubuntu-L.ttf');
}

@font-face {
	font-family:Ubuntu-M;
	src: url('font/Ubuntu-M.ttf');
}

@font-face {
	font-family:Ubuntu-R;
	src: url('font/Ubuntu-R.ttf');
}


#content {
	font-family:Ubuntu-M;
	/*color:#000;*/
	color:white;
	position:absolute;
	background:#3d3c38;
	width:750px;
	height:432px;
	top:32px;
	left:10px;
	padding:20px;
	z-index:200;
	overflow:auto;
}

#felso {
	position:absolute;
	background:url(images/felso.png);
	width:100%;
	height:34px;
	top:0px;
	left:0px;
	color:#fff;
	z-index:10;
}

#login_menu {
	position:absolute;
	background:url(images/login_menu.png);
	width:31px;
	height:24px;
	top:0px;
	right:0px;
	z-index:11;
}

#login_menu_ht {
	font-family:Ubuntu-R;
	position:absolute;
	color:#dfdbd2;
	top:24px;
	right:0px;
	padding:10px 10px; 
	background:#3d3c38;
	width:auto;
	height:auto;
	box-shadow: 2px 2px 1px #000;
	z-index:12;
	visibility:hidden;
}

#login_menu:hover #login_menu_ht {
	font-family:Ubuntu-R;
	position:absolute;
	color:#dfdbd2;
	top:24px;
	right:0px;
	padding:10px 10px; 
	background:#3d3c38;
	width:auto;
	height:auto;
	box-shadow: 2px 2px 1px #000;
	z-index:12;
	visibility:visible;
}

#ip {
	position:absolute;
	background:url(images/ip.png);
	width:34px;
	height:24px;
	top:0px;
	right:90px;
	z-index:11;
}

#ip_ht {
	font-family:Ubuntu-R;
	position:absolute;
	color:#dfdbd2;
	top:24px;
	left:-20px;
	padding:10px 10px; 
	background:#3d3c38;
	width:auto;
	height:auto;
	box-shadow: 2px 2px 1px #000;
	z-index:12;
	visibility:hidden;
}

#ip:hover #ip_ht {
	font-family:Ubuntu-R;
	position:absolute;
	color:#dfdbd2;
	top:24px;
	left:-10px;
	padding:10px 10px; 
	background:#3d3c38;
	width:auto;
	height:auto;
	box-shadow: 2px 2px 1px #000;
	z-index:12;
	visibility:visible;
}

#runtime {
	position:absolute;
	background:url(images/runtime.png);
	width:34px;
	height:24px;
	top:0px;
	right:125px;
	z-index:11;
}

#runtime_ht {
	font-family:Ubuntu-R;
	position:absolute;
	color:#dfdbd2;
	top:24px;
	left:0px;
	padding:10px 10px; 
	background:#3d3c38;
	width:auto;
	height:auto;
	box-shadow: 2px 2px 1px #000;
	z-index:12;
	visibility:hidden;
}

#runtime:hover #runtime_ht {
	font-family:Ubuntu-R;
	position:absolute;
	color:#dfdbd2;
	top:24px;
	left:-60px;
	padding:10px 10px; 
	background:#3d3c38;
	width:190px;
	height:auto;
	box-shadow: 2px 2px 1px #000;
	z-index:12;
	visibility:visible;
}

#facebook {
	position:absolute;
	width:34px;
	height:24px;
	top:0px;
	right:260px;
	z-index:11;
	padding-top:1px;
}

#ts3vw {
	position:absolute;
	width:34px;
	height:24px;
	top:0px;
	right:615px;
	z-index:11;
	padding-top:2px;
}

#mail {
	position:absolute;
	background:url(images/mail.png);
	width:34px;
	height:24px;
	top:0px;
	right:160px;
	z-index:11;
}

#mail_ht {
 font-family:Ubuntu-R;
 position:absolute;
 color:#dfdbd2;
 top:24px;
 left:0px;
 	padding:10px 10px; 
 background:#3d3c38;
 width:auto;
 height:auto;
 box-shadow: 2px 2px 1px #000;
 z-index:12;
 visibility:hidden;
}

#mail:hover #mail_ht {
 font-family:Ubuntu-R;
 position:absolute;
 color:#dfdbd2;
 top:24px;
 left:0px;
 	padding:10px 10px; 
 background:#3d3c38;
 width:auto;
 height:auto;
 box-shadow: 2px 2px 1px #000;
 z-index:12;
 visibility:visible;
}

#felirat {
	position:absolute;
	background:url(images/felirat.png);
	width:200px;
	height:24px;
	top:0px;
	left:0px;
	z-index:11;
}

#oldal {
	position:absolute;
	background:url(images/oldal_ht.png);
	width:65px;
	height:100%;
	top:0px;
	left:0px;
	z-index:9;
}

#logo {
	position:absolute;
	background:url(images/logo.png);
	width:52px;
	height:52px;
	top:35px;
	left:5px;
	z-index:11;
	cursor:pointer;
}

#letoltesek {
	position:absolute;
	background:url(images/letoltesek.png);
	width:52px;
	height:52px;
	top:275px;
	left:5px;
	z-index:11;
	cursor:pointer;
}

#menuelem_2 {
	position:absolute;
	background:url(images/menuelem_2.png);
	width:52px;
	height:52px;
	top:95px;
	left:5px;
	z-index:11;
	cursor:pointer;
}

#menuelem_3 {
	position:absolute;
	background:url(images/menuelem_3.png);
	width:52px;
	height:52px;
	top:155px;
	left:5px;
	z-index:11;
	cursor:pointer;
}

#menuelem_4 {
	position:absolute;
	background:url(images/menuelem_4.png);
	width:52px;
	height:52px;
	top:215px;
	left:5px;
	z-index:11;
	cursor:pointer;
}

#kuka {
	position:absolute;
	background:url(images/kuka.png);
	width:52px;
	height:52px;
	bottom:10px;
	left:5px;
	z-index:11;
	cursor:pointer;
}

#menu_felirat_linux {
	visibility:hidden;
}

#menu_felirat_win {
	visibility:hidden;
}

#menu_felirat_egyeb {
	visibility:hidden;
}

#menu_felirat_letoltes {
	visibility:hidden;
}

#menuelem_2:hover #menu_felirat_linux {
	position:absolute;
	background:url(images/menu_felirat_linux.png);
	width:200px;
	height:100px;
	top:-25px;
	left:70px;
	z-index:11;
	visibility:visible;
}

#menuelem_3:hover #menu_felirat_win {
	position:absolute;
	background:url(images/menu_felirat_win.png);
	width:200px;
	height:100px;
	top:-25px;
	left:70px;
	z-index:11;
	visibility:visible;
}

#menuelem_4:hover #menu_felirat_egyeb {
	position:absolute;
	background:url(images/menu_felirat_egyeb.png);
	width:200px;
	height:100px;
	top:-25px;
	left:70px;
	z-index:11;
	visibility:visible;
}

#letoltesek:hover #menu_felirat_letoltes {
	position:absolute;
	background:url(images/menu_felirat_letoltes.png);
	width:200px;
	height:100px;
	top:-25px;
	left:70px;
	z-index:11;
	visibility:visible;
}

#content_ht {
	font-family:Ubuntu-B;
	color:#dfdbd2;
	position:absolute;
	background:url(images/content_ht.png);
	width:735px;
	height:514px;
	top:50px;
	left:150px;
	padding-left:80px;
	padding-top:10px;
	z-index:10;
}

#codebox  {
	border:4px solid #1d1d1b;
	padding:10px 40px; 
	background:#8f8e88;
	width:650px;
	height:auto;
	border-radius:5px;
	font-family:"Courier New", monospace;"
}

.quote {
	border:4px solid #1d1d1b;
	padding:10px 40px; 
	background:#8f8e88;
	width:650px;
	height:auto;
	border-radius:5px;
	font-family:"Courier New", monospace;"
}

#txt {
	position:absolute;
	color:#dfdbd2;
	font-family:Ubuntu-L;
	background:url(images/felso.png);
	width:50px;
	height:20px;
	top:0px;
	padding-top:3px;
	right:30px;
	z-index:30;
}

#admin_menu {
	position:absolute;
	font-family:Ubuntu-R;
	background:url(images/admin_menu.png);
	width:180px;
	height:229px;
	padding:35px;
	top:300px;
	right:10px;
	z-index:15;
}



/*Loading*/

#load_screen {
	position:absolute;
	background:#060523;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:100;
	visibility:hidden;
}

#loading {
	position:absolute;
	background:url(images/loading_1.png);
	width:200px;
	height:120px;
	left:50%;
	margin-left:-100px;
	top:200px;
	z-index:101;
	visibility:hidden;
}

/*Login*/

#login_window {
	position:absolute;
	background:url(images/login_window.png);
	width:312px;
	height:276px;
	top:150px;
	left:50%;
	margin-left:-156px;
	z-index:11;
}


.beviteli_mezo_user_name {
	position:absolute;
	border:0px;
	background:url(images/beviteli_mezo.png);
	width:180px;
	height:22px;
	top:145px;
	left:90px;
}

.beviteli_mezo_pass {
	position:absolute;
	border:0px;
	background:url(images/beviteli_mezo.png);
	width:180px;
	height:22px;
	top:187px;
	left:90px;
}

.login_gomb {
	position:absolute;
	width:80px;
	height:30px;
	top:215px;
	left:50%;
	margin-left:-40px;
	
}

/*Linkek*/

.forget_pass, .forget_pass:link, .forget_pass:visited, .forget_pass:active {
 position:absolute;
 color:#000;
 font-family:Ubuntu-L;
 width:180px;
 height:30px;
 top:250px;
 left:50%;
 margin-left:-90px;
}

a:link, a:visited, a:active {
 font-family:Ubuntu-R;
 color:#3984ff;
 text-decoration:underline;
 cursor:pointer;
}

a:hover {
 font-family:Ubuntu-R;
 color:#dfdbd2;
 text-decoration:underline;
 cursor:pointer;
}

/* Táblázat Admin nál*/

.hand { 
cursor: pointer;
cursor: hand;
}
.tb1 {
	font-size:12px;
	color:#C0C0C0;
	padding:4px;
}
.tb2{
	font-size:12px;
	color:#000000;
	background-color:#C0C0C0;
	padding:4px;
}
.tb3{
	font-size:12px;
	color:#FFFFFF;
	background-color:#1d1d1d;
	padding:4px;
}

.table{
	color:white;
}

/*Message*/

#message {
    position:absolute;
    background:#3d3c38;
    width:auto;
    height:auto;
    top:150px;
    left:400px;
    z-index:400;
}

#message_bf {
    position:absolute;
    background:url(images/message/message_bf.png);
    width:74px;
    height:34px;
    top:-34px;
    left:-20px;
    z-index:401;
}

#message_f {
    position:absolute;
    background:url(images/message/message_f.png);
    width:100%;
    height:34px;
    top:-34px;
    left:0px;
    z-index:400;
}

#message_jf {
    position:absolute;
    background:url(images/message/message_jf.png);
    width:20px;
    height:34px;
    top:-34px;
    right:-20px;
    z-index:400;
}

#message_j {
    position:absolute;
    background:url(images/message/message_j.png);
    width:20px;
    height:100%;
    top:0px;
    right:-20px;
    z-index:400;
}

#message_ja {
    position:absolute;
    background:url(images/message/message_ja.png);
    width:20px;
    height:34px;
    bottom:-34px;
    right:-20px;
    z-index:400;
}

#message_a {
    position:absolute;
    background:url(images/message/message_a.png);
    width:100%;
    height:34px;
    bottom:-34px;
    left:0px;
    z-index:400;
}

#message_ba {
    position:absolute;
    background:url(images/message/message_ba.png);
    width:20px;
    height:34px;
    bottom:-34px;
    left:-20px;
    z-index:400;
}

#message_b {
    position:absolute;
    background:url(images/message/message_b.png);
    width:20px;
    height:100%;
    top:0px;
    left:-20px;
    z-index:400;
}

#message_x {
    position:absolute;
    background:url(images/message/message_x.png);
    width:21px;
    height:21px;
    top:8px;
    left:14px;
    z-index:402;
    cursor:pointer;
}