@media screen {
/* ----------------------------- 
  ALAP HTML 
------------------------------ */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#ccc; background:#222 url(../img/body.png) repeat-x; }
a:link, a:visited { color:#d4a065; text-decoration:none; font-weight:bold }
a:hover { color:#eee; }
p { margin:4px 0 6px 0; padding:0 12px; }
strong { font-weight:bold; }
em { font-style:italic; }
h1, h2, h3, h4, h5 { font-weight:bold; padding:0 12px; font-family:Arial, Helvetica, sans-serif }
h1 { font-size:24px; margin:20px 0 10px 0; }
h2 { font-size:18px; margin:20px 0 10px 0; }
h3 { font:bold 20px/25px Arial, sans-serif; padding:0 0 0 20px; margin: 25px 0 10px 0; width:94%; background: url(../img/csik-555.gif) repeat-x 55% }
h3 span { color: #cecece; padding: 0 9px; background: #222; display: inline; }
h4 { font:italic 24px/30px Georgia, Times, serif; padding:0 0 0 20px; margin: 25px 0 10px 0; width:94% }
h4 span { color: #cecece; padding: 0 9px; background: #222; display: inline; }
h5 { font-size:16px; margin:10px 0 10px 0; background:#000; padding:5px 7px 5px 16px; border:2px #444 solid }
ul { margin:5px 0 5px 30px; list-style-type:disc; }
ol { margin:5px 0 5px 30px; list-style-type:decimal; }
ul li, ol li { margin:0 0 4px 0; }
/* ----------------------------------------- 
  OLDAL ELEMEK (Layout) 
--------------------------------------- */
#doboz { margin:0 auto; width:980px; border:1px none #454545; }
/* - fejléc ------------ */
#fejlec { width:100%; height:100px; color:#fff; }
#fejlec .hazavisz a { float:left; display: block; width: 460px; height: 86px; background: url(../img/fejlec-hazavisz.png) 0 -86px no-repeat; }
#fejlec .hazavisz a:hover { background: url(../img/fejlec-hazavisz.png) 0 0 no-repeat; }
#fejlec .hazavisz a span h1 { font:normal 40px/40px Trebuchet MS, Arial, sans-serif; text-decoration:none; padding: 0 0 0 30px; display:none; }
#fejlec-kapcsolat { float:right; display:block; width:306px; height:25px }
#fejlec-iranytu { float:left; height:20px; background:#444; clear:left; margin:15px 0 0 15px; padding:2px 15px; }
#menu1 { list-style: none; overflow: hidden; margin:19px 0 0 0; padding:0; height:40px; float: right; background: #555; width:416px; overflow:hidden }
#menu1 li { float: left; }
#menu1 a { display: block; font:bold 19px/40px Trebuchet MS, Arial, Candara, sans-serif; color: #fff; text-decoration: none; padding: 0 16px; border-right: 2px solid #666; }
#menu1 a span { color: #eee; }
#menu1 a:hover { background: #666; }
#menu1 .ittvagyunk a, #menu1 .ittvagyunk a:hover, #menu1 .ittvagyunk a span { background: #ccc; color: #000; }
#menu2 { list-style: none; margin: 0; float: right; height: 33px; }
#menu2 li { float: right; }
#menu2 a { display: block; font: 18px/33px Trebuchet MS, Arial, Candara, sans-serif; color: #555; text-decoration: none; margin: 3px 0 0 0; padding: 0 14px; border-right: 2px solid #666; background: #000; }
#menu2 a span { color: #d99d3a; }
#menu2 a:hover { background: #7f3a06; }
#menu2 a:hover span { background: #7f3a06; color:#dadada }
#menu2 .ittvagyunk a, #menu2 .ittvagyunk a:hover, #menu2 .ittvagyunk a span { background: #b78d53; color: #000; }
/* - Oszlopok ------------ */
#oszlop1 { float:left; padding:0 0 10px 0; width:576px; }
#oszlop2, #oszlop3, #oszlop4 { float:left; padding:0 0 10px 0; }
#oszlop1 img, #oszlop2 img, #oszlop3 img, #oszlop4 img { border:2px solid #c8964b; margin: 5px 13px 0 20px }
#oszlop1 a:hover img, #oszlop2 a:hover img, #oszlop3 a:hover img, #oszlop4 a:hover img { border:2px solid #eee; }
/* - Alsó rész ------------ */
#baratok, #kapcsolat { clear:both; margin:0 auto; color:#ccc; width: 960px; border-top:1px #999 dotted; }
#baratok ul, #kapcsolat ul { }
#baratok li, #kapcsolat li { list-style: none; }
#baratok a, #kapcsolat a { display: block; width:154px; height:80px; font: 16px/16px Trebuchet MS, Arial, sans-serif; background: #333; color: #e5c671; text-decoration: none; margin: 1px; padding: 10px 13px; border-right: 2px solid #666; float: right; }
#baratok a:hover, #kapcsolat a:hover { background: #000; color:#fff }
#fb { clear:both; margin:15px auto 10px auto; width:550px; height:100px; /*background:#1b1b1b;*/ text-align:center; color:#ccc; padding:30px 0 10px 0 }
.connect_widget { width:500px; }
#aljahatter { clear:both; overflow:hidden; margin:50px auto 0 auto; background: #222 url(../img/aljahatter222.jpg) top no-repeat; }
#alja { width: 980px; overflow:hidden; height:386px; margin:0 auto; color: #a6dfde; text-align: left; }
#alja a, #alja a:hover { text-decoration:none; }
#alja a:hover { color:#cecece; }
#alja ul { list-style: none; margin: 0; padding: 0; }
#alja ul li { display: inline; margin: 0; padding: 0; }
#alja ul li a { display: block; color: #a98142; background: url(../img/li-gomba.png) 6px 12px no-repeat; text-decoration: none; padding: 8px 0px 5px 27px; border-bottom: 1px solid #666; }
#alja ul li a:hover, #alja .current { background: #413211 url(../img/li-gombaOn.png) 6px 12px no-repeat; border-bottom: 1px solid #999; }
#alja .current { color:#ccc; }
#alja1 { float: left; width: 310px; height:220px; overflow:hidden; }
#alja2 { float: left; width: 155px; height:170px; padding: 55px 0 0px 12px; font: 16px/30px Trebuchet MS, Arial, Candara, sans-serif }
#alja3 { float: left; width: 180px; height:170px; padding: 55px 0 0 12px; font: 16px/30px Trebuchet MS, Arial, Candara, sans-serif }
#alja4 { float: left; width: 150px; height:170px; padding: 55px 0 0 12px; font: 16px/30px Trebuchet MS, Arial, Candara, sans-serif }
#alja5 { float: right; width: 100px; height:144px; padding: 70px 7px 0 0; }
#alja5 a { display: block; width: 80px; height: 110px; background: url(../img/alja-e3.png) 0 0 no-repeat; }
#alja5 a:hover { background: url(../img/alja-e3.png) 0 -110px no-repeat; }
#aljaalja { clear:both; float: left; width: 980px; margin: 16px 5px 0 0; font:16px/24px Georgia, Times, serif }
#aljaneve { float:left; padding:2px 0 0 326px; font:15px/23px Arial, Candara, sans-serif; color: #776d68; }
#aljaneve a { font:bold 17px/28px Trebuchet MS, Arial, Candara, sans-serif; color: #AE763E; }
#aljavalid { float:right; padding:20px 10px 0 0 }
#aljavalid a { display: block; width: 100px; height: 70px; background: url(../img/alja-valid.png) 0 0 no-repeat; }
#aljavalid a:hover { background: url(../img/alja-valid.png) 0 -70px no-repeat; }
/* - Egyéb dolgok ------------ */
.kishezag { clear:both; height:5px; }
.nagyhezag { clear:both; height:25px; }
.small { font-size: 80% }
.jobbra { float:right; }
.balra { float: left; }
/* ------------------------------------------------
  Formok
------------------------------------------------- */
.fieldwrap { color:#dadada; }
.fmtext, .fmtextarea { border: 2px solid #ccc; font:bold 14px/16px Arial, Tahoma, sans-serif; color: #000; background: #9e9e9e; padding: 3px; }
.fmtext input:focus, .fmtextarea input:focus, .fieldwrap input:focus, .fieldwrap textarea:focus { border-color:#d08861; background-color: #ffffff !important; }
/* - Ez a fix a régi böngészők miatt szükséges ------------ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
}
@media print {
/* ------------------------------------------- 
 PRINT (Nyomtatásra szánt verzió)
------------------------------------------ */
body { font-family:Georgia, Times, serif; font-size:12pt; line-height:18pt; color:#000; }
a:link, a:hover, a:visited, a:active { color:#000; text-decoration:none; font-weight:normal }
p { margin:4pt 0 6pt 0; padding:0 12pt; }
h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:16pt 0 6pt 0; padding:0 12pt; }
h1 { font-size:30pt; margin:20pt 0 30pt 0; }
h2 { font-size:24pt; }
h3 { font-size:18pt; }
h4 { font-size:15pt; }
#kepgaleria { width:99% }
#menu1, #menu2, #alja, #fejlec-kapcsolat, #fejlec-iranytu { display:none }
}