@charset "utf-8";

/* <style type="text/css"> */
#menu .menu {
	text-transform: uppercase;
	list-style: none;
	list-style-position:inside;
	display: none;
	padding-top:1px;
	padding-bottom:1px;

}

.menu a:link {
	text-transform: uppercase;
	color: #828161;
	text-decoration: none;
	list-style: none;
	padding-top:6px;
	padding-bottom:6px;
	padding-left: 6px;
	padding-right: 6px;
}

.menu a:visited {
	text-transform: uppercase;
	color: #717056;
	text-decoration: none;
	padding-top:6px;
	padding-bottom:6px;
	padding-left: 6px;
	padding-right: 6px;
}

.menu a:hover {
	text-transform: uppercase;
	color: #E9E694;
	padding-top:6px;
	padding-bottom:6px;
	padding-left: 6px;
	padding-right: 6px;
	
}

.menu a:active {
	text-decoration: none;
	text-align: center;
	color: #FFFFCC;
	padding-top:6px;
	padding-bottom:6px;
	padding-left: 6px;
	padding-right: 6px;
}

/*.menu a.current {
	color: #CC6633;
	background-position: center bottom;
	padding-top:6px;
	padding-bottom:6px;
	padding-left: 6px;
	padding-right: 6px;		
	}
*/
/*.menu a.current:hover {
	color: #333333;

	padding-top:6px;
	padding-bottom:6px;	
}*/

#menu {
	border: 0px;
	border-style: solid;
	text-align: center;
	font: small Verdana;
	width:520px;
	position: absolute;
	text-decoration:none;
	text-align: center;
	height: 35px;
	left: 259px;
	padding-top:1px;
	padding-bottom:1px;
	top: 106px;
	text-transform: uppercase;
}


#col {
	width: auto;
	position: absolute;
	text-decoration:none;
	height: auto;
	left: 185px;
	top: 230px;
	text-align: left;
}
#focim {
	width:185px;
	height: 80px;
	position: absolute;
	left: -1px;
	top: 173px;

}
#szoveg {
	width: 830px;
	position: absolute;
	text-decoration:none;
	height: 340px;
	left: 190px;
	top: 339px;
	text-align: justify;
	color: #E9E694;
	font-size: 12px;
	
}
#kep1 {
	width: 300px;
	height: 220px;
	position: absolute;
	left: 720px;
	top: 30px;
	
}
#kep2 {
	width: 70px;
	height: 220px;
	position: absolute;
	left: 882px;
	top: 28px;
	
}
#kep3 {
	width: 70px;
	height: 220px;
	position: absolute;
	left: 960px;
	top: 28px;
	
}
#cim1 {
	width: auto;
	position: absolute;
	text-decoration:none;
	height: auto;
	left: 190px;
	top: 269px;
	text-align: left;
	color: #E9E694;
	font-size: 16px;
}
#cim2 {
	width: auto;
	position: absolute;
	text-decoration:none;
	height: auto;
	left: 443px;
	top: 269px;
	text-align: center;
	color: #E9E694;
	font-size: 16px;
}
#cim3 {
	width: auto;
	position: absolute;
	text-decoration:none;
	height: auto;
	left: 719px;
	top: 269px;
	text-align: right;
	color: #E9E694;
	font-size: 16px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-image: url(../images/hatter.jpg);
	background-repeat: repeat;
	position: absolute;  
	/*innentől lefele ez határozza meg, hogy középen legyen vertikálisan is*/
	margin: auto;
}


#header {
	position:relative;
	/*text-transform: uppercase;*/
	width: 700px;
	height: 110px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#main {
	text-align: center;
	width: 1052px;
	height:900px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	background-image: url(../images/belso1.png);
	margin: 0px auto;
	left: 0px;
	top: 0px;
}


#footer {
	position: absolute;
	width: 700px;
	height: 70px;
	left: 357px;
	top: 689px;
}

.box a:link {
	color: #333333;
	text-decoration: none;
	list-style: none;
}

.box a:visited {
	color: #333333;
	text-decoration: none;
}

.box a:hover {
	color: #CCCCFF;	
	
}
.box{
	margin-top: 0px;
	margin-left: 0px;
	font: small Verdana;
	position: relative;
	padding: 0px 0px;
	height: 60px;
	float: right;
	text-decoration: none;
	top: 4px;
	width: 300px;
	text-align: right;
}