/* CSS Document */

html, body
{
height: 100%;
}

body
{
text-align: center; /* Centers all divs */
background: url(hatter2010ok.jpg) repeat-x;
background-color: #EEDFCC;
}

*{
  padding:0;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;
  margin-top:0;
  }

#honlap
{
width: 960px;
margin: 0 auto 0 auto;
text-align: left;
background: url(hatter08-2.jpg) repeat;
}

A
{
color: #A0522D;
text-decoration: none;
font: 13 arial;}

#fejlec
{
width:960px;
height: 150px;
margin: 0 auto 0 auto;
background: url(fejlec2010ok.jpg) no-repeat top left;
}

#fejlec2
{
width:960px;
height: 143px;
margin: 0 auto 0 auto;
background: url(fejlec2010ok2.jpg) no-repeat top left;
overflow: auto;

}

#lap
{
width: 960px;
margin: 0 auto 0 auto;
text-align: center;
background: url(hatter08-2.jpg) repeat;
}

#baloldal
{
width: 170px;
margin-left: 10px;
margin-right: 0px;
float: left;
color: green;
font: 13 arial;
}

#adatlap
{
width: 770px;
max-width: 770px;
_height: 400px;
min-height: 400px;
background: url(hatter08-3.jpg) repeat;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
text-align: center;
}

#fkerek
{
width: 770px;
height:16px;
max-height:16px;
_height:16px;
background: url(hatter08-4a.jpg) repeat;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
}

#akerek
{
width: 770px;
height:16px;
max-height:16px;
_height:16px;
background: url(hatter08-4b.jpg) repeat;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
}

#adatok
{
width: 740px;
max-width: 740px;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
background: transparent;
text-align: justify;
}

#elvalaszt
{
width: 740px;
height: 30px;
background: url(../images/elvalaszt.jpg) repeat;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
}

#navigacio
{
width: 960px;
height: 20px;
margin: 0;
text-align: left;
}

#navigacio li
{
display: inline;
list-style-type: none;
font: 16 arial;
} 

#alul
{width: 960px;
height: 30px;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
background: transparent;
color: #A0522D;
text-decoration: none;
font: 9 arial;}

#sajtodoboz
{
width: 220px;
height: 240px;
background: url(sajtohatter.jpg) no-repeat top left;
}

#naptardoboz
{
width: 300px;
height: 200px;
padding:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
margin-top:0;
background: url(naptardoboz.jpg) no-repeat top left;
}

.jmenu
{
        font-family: arial;
	font-size: 12px;
        font-weight:bold;
	color: #A52A2A;
	text-decoration: none;
}

a.jmenu:link {color: #A52A2A; }
a.jmenu:visited {color: #A52A2A; }
a.jmenu:hover  {color: #D2691E; }
a.jmenu:active {color: #D2691E;}

.cmenu
{
        font-family: arial;
	font-size: 14px;
        font-weight:bold;
	color: #A52A2A;
	text-decoration: none;
}

a.cmenu:link {color: #A52A2A; }
a.cmenu:visited {color: #A52A2A; }
a.cmenu:hover  {color: #D2691E; }
a.cmenu:active {color: #D2691E;}

.mmenu
{
        font-family: arial;
	font-size: 14px;
        font-weight:bold;
	color: #A52A2A;
	text-decoration: none;
}

a.mmenu:link {color: #F2691E; }
a.mmenu:visited {color: #D2691E; }
a.mmenu:hover  {color: #C2691E; }
a.mmenu:active {color: #D2691E;}

.ujmenu
{
        font-family: arial;
	font-size: 14px;
        font-weight:bold;
	color: #FAEBD7;
	text-decoration: none;
}

a.ujmenu:link {color: #FAEBD7; }
a.ujmenu:visited {color: #FAEBD7; }
a.ujmenu:hover  {color: #F5DEB3; }
a.ujmenu:active {color: #F5DEB3;}

.ujmenu2
{
        font-family: arial;
	font-size: 14px;
        font-weight:bold;
	color: #FAEBD7;
	text-decoration: none;
}

a.ujmenu2:link {color: #FAEBD7; }
a.ujmenu2:visited {color: #FAEBD7; }
a.ujmenu2:hover  {color: #FFFFF0; }
a.ujmenu2:active {color: #FFFFF0;}

.adalmenu
{
    font-family: arial;
	font-size: 12px;
    font-weight:bold;
	color: #FAEBD7;
	text-decoration: none;
}

a.adalmenu:link {color: #FAEBD7 }
a.adalmenu:visited {color: #FAEBD7; }
a.adalmenu:hover  {color: #FFFFF0; }
a.adalmenu:active {color: #FFFFF0;}

.adfomenu
{
    font-family: arial;
	font-size: 13px;
    font-weight:bold;
	color: #FAEBD7;
	text-decoration: none;
}

a.adfomenu:link {color: #FAEBD7; }
a.adfomenu:visited {color: #FAEBD7 }
a.adfomenu:hover  {color: #FFFFF0; }
a.adfomenu:active {color: #FFFFF0;}

#doboz
{
width: 175px;
height: 230px;
background: transparent;
margin: 0;
float:left;
}

#mappanev
{
width: 175px;
height: 55px;
background: transparent;
margin: 0;
float:left;
color: #A0522D;
text-decoration: none;
font: 12 arial;
}

#mappakep
{
width: 175px;
height: 175px;
background: url(mappakepback.jpg) no-repeat top left;
margin: 0;
float:left;
}