FORM { margin: 0px; }

a, a:link {
	color: #842100;
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
	color: #ff3300;
}
a.nav:link , a.nav:visited {font-family: Arial; font-weight: bold; color: #fff; font-size: 0.9em; text-decoration: underline; }
a.nav:hover, a.nav:active {font-family: Arial; font-weight: bold; color: #fff; font-size: 0.9em; text-decoration: none;  }
 

BODY
{
text-align:center;
    margin: 0px 0px 0px 10px;
    padding: 0;
    background-color: #fff; 
    font-family: Arial;
}
.example1 a{position:relative;}/* set stacking context*/
.example1 a span{
visibility:hidden;/* hide message initially*/
position:absolute;
top:0px;
left:-254px;
top:15px;
width:250px;
padding:0px;
background:#fff;
color:#000;

}
.example1 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example1 a:hover span{visibility:visible;}/* reveal image*/
/*------------fokeret------------*/
#keret { 
color: #521D1D;
font-size: 13px;
position: relative; 
display: block;
width: 760px; 
margin: 0 auto; 
padding: 0; 
overflow: hidden; 
min-height: 700px;
background: url(images/hatter/middle_sliced.jpg) left repeat-y; 
overflow: hidden; 
} 
/*-----------------------------*/
/*-----------balkeret----------*/
#balkeret { 
width: 565px; 
float: left;
text-align: justify; 
} 
/*-----------------------------*/
/*----------jobbkeret----------*/
#jobbkeret { 
width: 180px; 
float: right;
overflow: hidden; 
margin: 0px 15px 0px 0px;
font-size: 12px; 
text-align:left;

} 
/*-----------------------------*/
/*------------fomenu-----------*/
#menu {
height: 70px; 
float: left;
width: 565px;
}

#fomenu {
height: 43px; 
float: right;
}

#fomenu li, #fomenu a { 
height: 43px; 
display: block;

} 

#menu01 { 
position: absolute;
left: 15px;
width: 119px;
background: url(images/hatter/menu01_fooldal.jpg); 
}

#menu01a { 
position: absolute;
left: 15px;
width: 119px;
background: url(images/hatter/menu01_fooldal_.jpg); 
}

#menu01 a:hover, #menu01 a.active { 
background: url(images/hatter/menu01_fooldal__.jpg); 
} 

#menu02 {
position: absolute;
left: 134px;
width: 170px;
background: url(images/hatter/menu02_meheszetunk.jpg);
}

#menu02a {
position: absolute;
left: 134px;
width: 170px;
background: url(images/hatter/menu02_meheszetunk_.jpg);
}

#menu02 a:hover, #menu02 a.active { 
background: url(images/hatter/menu02_meheszetunk__.jpg); 
} 

#menu03 {
position: absolute;
left: 304px;
width: 129px;
background: url(images/hatter/menu03_mezrol.jpg); 
}

#menu03a {
position: absolute;
left: 304px;
width: 129px;
background: url(images/hatter/menu03_mezrol_.jpg); 
}

#menu03 a:hover, #menu03 a.active { 
background: url(images/hatter/menu03_mezrol__.jpg); 
} 

#menu04 {
position: absolute;
left: 433px;
width: 129px; 
background: url(images/hatter/menu04_rendeles.jpg); 
}

#menu04a {
position: absolute;
left: 433px;
width: 129px; 
background: url(images/hatter/menu04_rendeles_.jpg); 
}

#menu04 a:hover, #menu04 a.active { 
background: url(images/hatter/menu04_rendeles__.jpg); 
} 
/*-----------------------------*/
/*------------almenu-----------*/
#almenu {
width: 547px; 
height: 27px;
position: absolute;
left: 15px;
top: 113px;
background: url(images/hatter/menu_almenu.jpg); 
}

#almenu UL
{font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: bold; 
margin: 0px;
padding: 0px;
margin-left: 4px;
font-size: 11px; 
}

.chosen {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: bold; 
float: left;
margin-left: 15px;
margin-top: 3px;
height: 16px;
color: red; 
font-size: 11px; 
}

#almenu UL LI
{
display: inline;
float: left;
list-style-type: none;
}

#almenu UL LI A {
float: left;
margin-left: 15px;
margin-top: 3px;
height: 16px;
color: #000; 
}

#almenu UL LI a:hover, #almenu UL LI a.active, #almenu UL LI a.active:hover { 
color: #ff3300; 
text-decoration: none; 
} 
/*-------------------------------*/
/*------------receptmenu---------*/

#receptmenu
{font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: bold; 
margin: 0px;
padding: 0px;
margin-left: -15px;
font-size: 11px; 
}

#receptmenu LI
{
display: inline;
float: left;
list-style-type: none;
}

#receptmenu LI A {
margin-left: 15px;
float: left;
margin-top: 3px;

height: 16px;
color: #000; 
}

#receptmenu LI a:hover, #receptmenu UL LI a.active, #receptmenu UL LI a.active:hover { 
color: #ff3300; 
text-decoration: none; 
} 

.receptunder {
text-decoration: underline; 
}

.pic {
width: 200px;
height: 150px;
float: right;
padding: 0; 
margin: 0px 0px 5px 10px;
}

.szotarkep {
width: 250px;
float: right;
padding: 0; 
margin: 0px 0px 5px 10px;
}

.video {
width: 280px;
height: 280px;
float: right;
padding: 0; 
margin: 0px 0px 5px 10px;
}

.nopic {
width: 200px;
height: 150px;
float: right;
padding: 0; 
margin: 0px 0px 5px 10px;
background: url("images/recept/nopic.png");
}
/*-------------------------------*/
/*------------fotartalom---------*/
#tartalom {
width: 500px;
min-height: 100px;
padding: 0px;
margin-left: 40px; 
}

UL
{
    margin: 0px;
    padding: 0px;
    margin-left: 3px;
}

ul li {
list-style-type: none;
}



H1{ font-family: impact; font-weight: normal; font-size: 2em; color: #cc3300; text-align: center; }
H2{font-family: Arial; font-weight: bold; color: red; font-size: 1.1em; text-align: left;}
H3 {font-family: Arial; font-weight: bold; color: #000; font-size: 1.3em; text-align: left;}
.nf {font-family: Arial; font-weight: normal; color: #000; font-size: 1.0em; text-align: left;}
.npb {font-family: Arial; font-weight: bold; color: #ff3300; font-size: 1.3em; text-align: left;}
.kbp {font-family: Arial; font-weight: normal; color: #ff3300; font-size: 1em; text-align: left; text-align: justify; }
.mpb {font-family: Arial; font-weight: normal; color: #ff3300; font-size: 1em; text-align: left;}
.normal {font-family: Arial; font-weight: normal; color: #000; font-size: 1em; text-align: left;}
.nfb {font-family: Arial; font-weight: bold; color: #000; font-size: 1.3em; text-align: left;}
.kszb{font-family: Arial; font-weight: normal; color: #000; font-size: 0.8em; text-align: left;}
.bc{font-family: arial; font-size: 13px; font-weight: bold; color: #000; text-align: center; }
.bb {width: 260px; height: 100px; padding: 5px; border:#999; border-style:solid; background-color:#FCF5ED; border-width:thin;}
.jobbkep {float: right;}
.balkep {float: left;}
.szurke{color: #842100;}
.fekete{color:#ff3300;}
/*---------------------------------*/
/*------------jobbtartalom---------*/
input.send-btn {
font-family: Arial;
font-size: 0.9em; 
width: 25px;
height: 14px;
background: #B9D3EE;
outline: none;

}

/*animacio*/
.kep {
text-align: center;
width: 180px;
height: 245px;
background: url(images/hatter/meh.jpg) 
}

/*oldaloszlop fejlec*/
.oldalfej { 
height: 50px; 
width: 173px; 
height: 50px; 
margin-left: 2px;
background: url(images/hatter/csik_jobbbbb.png) no-repeat top left; 
} 

/*oldaloszlop fejlec szoveg */
.oldalfej p { 
position: absolute; 
margin: 9px 0px 0px 35px; 
font-weight: bold; 
font-size: 12px; 
color: #cc3300;
} 

/*oldaloszlop szoveg*/
p.oldaltext { 
margin-left: 10px; 
margin-right: 10px; 
margin-top: -10px; 
} 

/*oldaloszlop link*/
p.oldaltext a { 
font-size: 12px; color: #842100; 
} 

/*oldaloszlop aktiv link*/
p.oldaltext a:hover, p.oldaltext a:active { 
color: #ff3300; TEXT-DECORATION: none; 
} 

/*jobbalso felsorolas*/
#jobbkeret UL
{
    margin: 0px;
    padding: 0px;
    margin-left: 4px;
margin-top: -15px;
}

#jobbkeret ul li {
list-style-type: none;
float: clear left;
display: block;
margin-left: 5px;
margin-right: 5px;
margin-top: 2px;
}

/*jobbalso felsorolas link*/
#jobbkeret ul li a {
font-style: normal; 
color: #842100; 
}

/*jobbalso felsorolas aktiv link*/
#jobbkeret UL LI a:hover, #almenu UL LI a.active, #almenu UL LI a.active:hover { 
color: #ff3300; 
text-decoration: none; 
}

/*-----------------------------*/
/*------------lablec----------*/
/*lablec*/
#lablec { 
margin: 0 auto; 
height: 50px; 
width: 760px; 
background: url(images/hatter/bottom_sliced.jpg) no-repeat top left; 
} 


/**** LINK-tag style sheet mama.css ****/

input.send-btn {
width: 80px;
height: 20px;
background: #B9D3EE;
outline: none;
border:2;
border-color:#666;
}


px;
background: #B9D3EE;
outline: none;
border:2;
border-color:#666;
}