@charset "utf-8";

body{
background-position: top center;
}
img { border: none; } 
.keret_hatter
{
/*background-color:rgba(00, 00, 99,0.3);*/
background-image:url('bestofcafe_hatter.jpg');  
}
.tartalmak   /*az oldal középső része*/
{
font-weight: bold;
width: 533px;
background-color: white;
}
.reklam
{
float:left;
vertical-align:baseline;
margin-right: 20px;
margin-bottom: 5px;
}
.tartalom
{
background-image:url('bestofcafe_hatter2.jpg');  
}
.cikk
{
color: #061e57;
background-color:rgba(554, 656, 242, 0.8);
font:bold 15px Arial;
text-align:justify;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffffff,endColorstr=#9ffffffff);
zoom: 1;
}

.cikkkeret
{
color: #061e57;
background-color:rgba(554, 656, 242, 0.3);
font:bold 15px Arial;
text-align:justify;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5ffffffff,endColorstr=#5ffffffff);
zoom: 1;
}
a:link
{
text-decoration: none;
color:#061E57;
}

a:visited
{
text-decoration: none;
color:#061E57;
}

a
{
text-decoration: none;
 }

#doboz     /*így lehet azt, hogy csak bizonyos elemekre vonatkozzon ez a css rész, a html-ben id-vel jelenik meg*/
a:link
{
text-decoration: none;
color: #fff126;
text-shadow: 2px 2px 2px #152047;
font:bold 19px Comic Sans MS;
}

#doboz2     /*így lehet azt, hogy csak bizonyos elemekre vonatkozzon ez a css rész, a html-ben id-vel jelenik meg*/
a:link
{
text-decoration: none;
color: #f7f7a3;
text-shadow: 2px 2px 2px #152047;
font:bold 15px auto;
background:url('linkhatter.jpg');
border: 1px;
border:solid;
}
#doboz2
a:hover
{
text-decoration: none;
color: #f7f7a3;
text-shadow: 2px 2px 2px #152047;
font:bold 15px auto;
background:url('linkhatter_on.jpg');
border: 1px;
border:solid;
}

#doboz2
a:visited
{
text-decoration: none;
color: #f7f7a3;
text-shadow: 2px 2px 2px #152047;
font:bold 15px auto;
background:url('linkhatter_on.jpg');
border: 1px;
border:solid;
}

#doboz2
{
border: 1px;
border-color: #09124c; /*a dobozok szegélye*/
border-style: solid;
background:url('dobozhatter.jpg');
text-shadow: 1px 1px 1px #406dd4;

}
#link
{
text-decoration: none;
color: #fff126;
text-shadow: 2px 2px 2px #152047;
font:bold 23px Comic Sans MS;
}

#link2
{
text-decoration: none;
color: #fff126;
font:bold 16px Comic Sans MS;
}

#linkk
{
text-decoration: none;
color: #fff126;
text-shadow: 2px 2px 2px #152047;
font:bold 19px Comic Sans MS;
}
#linkhoroszkop
{
text-decoration: none;
color: #367323;
text-shadow: 2px 2px 2px #fff126;
font:bold 23px Comic Sans MS;
}

#linkcikk
{
text-decoration: none;
text-shadow: 2px 2px 2px #fff126;
font:bold;
}

#doboz
a:hover
{
text-decoration: none;
color: #ffba19;
text-shadow: 1px 1px 1px #152047;
font:bold 19px Comic Sans MS;

}

#doboz
a:visited
{
text-decoration: none;
color: #fff126;
text-shadow: 1px 1px 1px #152047;
font:bold 19px Comic Sans MS;

}

.menu
{
font-weight: bold;
width: 533px;
background-image:url('bestofcafe_hatter.jpg');
}
.menuhatter
{
background-color:rgba(554, 656, 242, 0.7);
font:bold 15px Arial;
text-align:left;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffffff,endColorstr=#9ffffffff);
zoom: 1;
}
.menuhatter_archivum
{
background-color:rgba(554, 656, 242, 0.7);
border-style:solid;
border-color:yellow;
border-width:3px;
font:bold 15px Arial;
text-align:left;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ffffffff,endColorstr=#9ffffffff);
zoom: 1;
}
h2
{
text-decoration: none;
color:#061E57;
}
h3
{
text-decoration: none;
color:#061E57;
}
h4
{
text-decoration: none;
color:#061E57;
}
#menuszoveg
{
text-align:justify;
}
/*
#linknagy
a:link
{
text-decoration: none;
color:#061E57;
font:bold 25px Arial;
text-shadow: 1px 1px 1px #ffba19;
}
#linkkicsi
a:link
{
text-decoration: none;
color:#061E57;
font:bold 25px Arial;
text-shadow: 1px 1px 1px #ffba19;
}
*/
#doboz
{
border: 1px;
border-color: #09124c; /*a dobozok szegélye*/
border-style: solid;
background-color:rgba(54, 54, 255, 0.7);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr=#900309f99,endColorstr=#991519f50)
zoom: 1;
/*background:url('dobozhatter.jpg');*/
text-shadow: 1px 1px 1px #406dd4;
}

#doboz3
a:link
{
text-decoration: none;
color: #fff126;
text-shadow: 2px 2px 2px #152047;
font:bold 19px Comic Sans MS;
}

#doboz3
a:visited
{
text-decoration: none;
color: #fff126;
text-shadow: 2px 2px 2px #152047;
font:bold 19px Comic Sans MS;
}

#doboz3
a:hover
{
text-decoration: none;
color: #ffba19;
text-shadow: 1px 1px 1px #152047;
font:bold 19px Comic Sans MS;
}


#dobozz
{
color:#fff126;
border: 1px;
border-color: #09124c; /*a dobozok szegélye*/
border-style: solid;
background:url('tablazathatter.jpg');
text-shadow: 1px 1px 1px #406dd4;
font:bold 15px Arial;
}

#kepgaleria
{

}

#nagy
{
  width: 559px;
}

#kicsik 
img{
  width: 76px;
  margin: 2px;
  cursor: pointer;  
}
/*
#kicsik 
img:hover{
  width:99px;
}
*/
#nagy2
{
  width:500px;
}

#kicsik2 
img{
  width: 114px;
  margin: 2px;
  cursor: pointer;  
}
/*
#kicsik2
img:hover{
  width:137px;
}
*/
#hordat
{
font-style: italic;
font-size: 15px;
}
#horoszkop
{
text-align:left;
}
#horcikk
{
color: #061e57;
font:bold 15px Arial;
text-align:justify;

}
box-shadow: 3px 3px 10px 1px #000000;