@charset "utf-8";
#page {
	float: left;
	width: 1020px;
	background-image: url(Hatter.jpg);
	background-color: #636363;
}
#headerimg {
	width: 1020px;
	height: 104px;
}
#logo{
	width: 250px;
	height: 100px;
	text-align: left;
	border: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	float: left;
	background-image: url(Hatterlogo.jpg)not repeat left;
}
#szek1{
	width: 80px;
	height: 80px;
	background-color:#A8A8A8;
	margin: 12px;
	float: left;
	margin-left: 53px;
}
#szek2{
	width: 80px;
	height: 80px;
	background-color:#A8A8A8;
	margin: 12px;
	float: left;
	margin-left: 53px;
}
#szek3{
	width: 80px;
	height: 80px;
	background-color:#A8A8A8;
	margin: 12px;
	float: left;
	margin-left: 53px;
}
#szek4{
	width: 80px;
	height: 80px;
	background-color:#A8A8A8;
	margin: 12px;
	float: left;
	margin-left: 53px;
}
#szek5{
	width: 140px;
	height: 80px;
	background-color:#A8A8A8;
	margin-top: 12px;
	float: left;
	margin-left: 40px;
}

.kapcsolat{
	float: left;
}

.email{
	    float: left;
		 width: 250px;
		 height: 150px;
}
#headerjpg{
	width: 450px;
	height: 340px;
	background: #fff url("area.jpg") no-repeat top left;
	float: right;
    margin-right:3 px;
       
}
#content {
	width: 1000px;
	padding: 5px;
	margin: 30px 0px 0px 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
#footer {
	width: 1020px;
	height: 20px;
	background-color: Gray;
	text-align: center;
	float: left;
	color: #A8A8A8;
}
	
#leftbox {
	width: 150px;
	float: left;
	text-align: center;
	clear: left;
	font-family: Arial;
	font-style: italic;
	font-variant: small-caps;
	font-weight: bold;
	
}
#tartalom {
	margin-left: 15px;
	padding: 0px;
	width: 800px;
	float: right;
	font-style: inherit;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.link{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link2{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link4{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link5{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link6{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link7{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link8{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link9{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link10{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link11{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
}
.link12{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	border: none;
	text-decoration: none;
}
.leftbox{
	width: 150px;
	background-color: Gray;
}
.header{
	width: 150px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
}
#oldaljpg{
	width: 150px;
	height: 170px;
	background: #fff url("area2.jpg") no-repeat top left;
	float: left;
        
}
#oldaljpg1{
	width: 150px;
	height: 170px;
	background: #fff url("quadra.jpg") no-repeat top left;
	float: left;
}
#oldaljpg2{
	width: 150px;
	height: 170px;
	background: #fff url("area3.jpg") no-repeat top left;
	float: left;
}
/*linkek*/
a:link, a:visited{
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
}
a:link{
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
}
a:visited{
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;
}
a:hover{
	color: black;
	text-decoration: underline;
}
a:active{
	color: black;
	text-decoration: underline;
}