* {
	margin:0;
	padding:0;
}

body {
	margin:auto;
	background-color:#FFFAF0;
	font-family:'Trebuchet MS';
	font-size: 16px;
	color:#000;
	overflow-y:scroll;
}


#keret {
  	position: absolute;
  	top: 0px;
  	left: 50%;
	margin-left: -500px; //-375px; 
	width:940px;
	float:left;
//	border:1px solid #2d2d2d; 
//	overflow:auto;
}

#fejlec {
	width:750px;
	height:148px;
	font-family:'Trebuchet MS';
	font-size:12px;	
}

#urlap {
	position: relative;
	bottom: 6px;
	left: 80px;
}

 
  
#content {
    display: inline-block;
	position: relative;
	float:left;
	top: 10px;
	left: 50%;
	margin-left: -368px; 
	width:520px;
	font-family:'Trebuchet MS';
	font-size:16px;
	text-align: justify;
	color:#000;
	padding: 0px 0px 0px 12px;
//	border:1px solid #ff0000; 	
}

#menu {
    z-index:0;
 	position: fixed	;
	float: left;
 	left: 50%;
	margin-left: 180px; 
	width:180px; //320px;
  	top: 20px;//100px;
	max-height: 90%;
 	font-family:'Trebuchet MS', Arial;
    overflow-y: auto;
//	border:1px solid #2d2d2d;
}


.button {
	background-color: #444;
	width: 75px;
	border: 3px solid #fff;
	border-radius:25px;
	box-shadow: 0 3px #aa5;
    color: white;
    text-align: center;
	font-size: 20px;
    text-decoration: bold;
    display: inline-block;
	cursor: pointer; 
	
}

canvas {
max-width: 95%;	
	
}

img {	
  max-width: 90%;
  height: auto;
}

video {
	max-width: 60%;
}

iframe {
	max-width: 60%;
}

table {
	max-width: 100%;
}

#content a {
	font-family:'Trebuchet MS';
	font-size:16px;
	color:#696969;
	font-weight: bold;
	text-decoration: underline;
}

#szurke {
	position: relative;
	background-color:#FFF;
	text-align:center;
}


#content li {
	list-style-type:none;
	font-size:13px;
	padding:6px 0px 4px 10px;
   color:#696969;
}

#content p {
	padding: 8px 0px 0px 0px;
}

#lezar {
	width:750px;
	clear: both;
}


@media screen
  {
  body>div#lab1
    {
    position: fixed;
    }
} 


#lab1 {
  z-index:20;
  position: absolute;
  bottom: 0px;
  	left: 50%;
	margin-left: -400px; 
	width:780px;
	padding:10px;
	height:18px;
	background-color:#c0c0c0;
	font-family:'Trebuchet MS';
	font-size:12px;

}


a:link	{ color: #696969; text-decoration: none;}
a:visited	{ color: #696969; text-decoration: none;}
a:active	{ color: #8dc73f; text-decoration: none;}
a:hover	{ color: #000; text-decoration: none; background-color: #b08d00;} 


#menu p {
	padding: 4px 0px 4px 0px;
}

#menu ul {
	list-style-type:none;
	font-size:16px;
} 

#menu ol {
	list-style-type:none;
	font-size:16px;

} 


	
#menu li {
	padding: 3px 0px 16px 16px;
	font-family:'Trebuchet MS';
	font-weight: bold;
	text-indent: -12px;
	}
	
.cim {
	margin:22px 10px 22px 10px;
	font-family:'Trebuchet MS';
	font-size:22px;
	font-weight: bold;
	color:#b08d00;
	text-align: left;
	border-bottom:2px solid #b08d00;
}

.cim2 {
	margin:16px 10px 16px 10px;
	font-family:'Trebuchet MS';
	font-size:16px;
	font-weight: bold;
	color:#b08d00;
	text-align: left;
}


.kozepre {
	text-align: center;
}

.kihagy {
	margin:22px 10px 22px 10px;
}

.jobbra {
	text-align: right;
}