body {
   /* text-align: center; */
   margin: 0;
   padding: 0; 

   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   line-height: 13px;
   background-color: #c14933;
}
#nagydiv {
   /* text-align: center; */
   background: url("../imagemagazinprog/prog201510/hatter-mintana2.gif") center top fixed repeat-x; 
   margin: 0;
   padding: 0; 
   height: 7500px;
   width: 100%;

   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   line-height: 13px;
   background-color: #c14933;
}

.elotoltes {    
   position: absolute;
   display: none;
}

#hattercimtext {
   position: absolute;
   top: 18px;
   font-size: 12px;
   font-weight: bold;
   left:50% ;
   margin-left: 100px; 
   z-index: 1000;
}
/* ------------- fejkep es zoom es a rest ------------- */
#fejkepb {
   position: absolute;
   background: url("../imagemagazinprog/prog201510/fejkepb.jpg") center top fixed repeat-x; 
   top: 0px;
   left:50% ; 
   width: 1590px; 
   height: 1200px;  
   margin: 0;
   margin-left: -795px;
   padding: 0;
   z-index: 10;
}
/* ------------- fejkep es zoom es a rest ------------- */
#fejkep {
   position: absolute;
   background: url("../imagemagazinprog/prog201510/fejkep.jpg") center top fixed repeat-x; 
   top: 0px;
   left:50% ; 
   width: 1590px; 
   height: 1200px;  
   margin: 0;
   margin-left: -795px;
   padding: 0;
   z-index: 10;
}
.fejkepfoto {
   position: absolute;
   top: 245px;
   left:50% ; 
   width: 170px; 
   height: 244px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}
.bord img {
   border: 10px solid #fff;
}

#fejkepfoto1id, #fejkepfoto1 {
   top: 730px;
   margin-left: -550px;
   z-index: 100;
   cursor: pointer;
}
#fejkepfoto2id, #fejkepfoto2 {
   top: 950px;
   margin-left: 348px;
   z-index: 100;
   cursor: pointer;
   border: 0;
}
#fejkepfoto3id, #fejkepfoto3 {
   top: 235px;
   margin-left: -268px;
   z-index: 100;
   cursor: pointer;
}
#fejkepfoto4id, #fejkepfoto4 {
   top: 250px;
   margin-left: -92px;
   z-index: 100;
   cursor: pointer;
}
#fejkepfoto5id, #fejkepfoto5 {
   top: 235px;
   margin-left: 84px;
   z-index: 100;
   cursor: pointer;
}
#fejkepfoto6id, #fejkepfoto6 {
   margin-left: 260px;
   z-index: 100;
   cursor: pointer;
}
#fejkepfoto7id, #fejkepfoto7 {
   top: 40px;
   margin-left: 350px;
   z-index: 100;
   cursor: pointer;
}

#zoomimage_s {
   cursor: pointer;
}

#fejdivcim {
   position: absolute;
   background: url("../imagetema/konyv/fejcim.gif"); 
   top: 0px;
   left:50% ; 
   width: 1180px; 
   height: 550px;  
   margin: 0;
   margin-left: -590px;
   padding: 0;
   z-index: 90;
}   

#fejkepback {
   background: url("../imagetema/konyv/fejkepback.gif") #495854;
   position: absolute;
   top: 0px;
   left: 0px;
   padding: 0;
   margin: 0;
   width:100%;  
   height: 660px;
}
#zoomeverything {

}
#fejkepinfo {
   position: absolute;
   top: 305px;
   left:50% ; 
   width: 1180px; 
   height: 450px;  
   margin: 0;
   margin-left: -470px;
   padding: 0;
   color: #fff;
   font-weight: bold;
   font-size: 14px;
   z-index: 100;
}
#nap1002 {
   position: absolute;
   top: 496px;
   left: 269px ; 
   width: 50px; 
   height: 50px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}
#nap1005 {
   position: absolute;
   top: 336px;
   left: 322px ; 
   width: 50px; 
   height: 50px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}
#nap1006 {
   position: absolute;
   top: 377px;
   left: 322px ; 
   width: 50px; 
   height: 50px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}
#nap1028 {
   position: absolute;
   top: 415px;
   left: 480px ; 
   width: 50px; 
   height: 50px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}
#nap1029 {
   position: absolute;
   top: 455px;
   left: 480px ; 
   width: 50px; 
   height: 50px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}
#nap1011 {
   position: absolute;
   top: 295px;
   left: 375px ; 
   width: 50px; 
   height: 50px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}
#napk {
   position: absolute;
   top: 180px;
   left: 527px ; 
   width: 50px; 
   height: 50px;  
   margin: 0;
   padding: 0;
   z-index: 12;
}

/* ------------- felso resz hatter divizio hatterkeppel   ------------- */
#textbodyback {
   background: url("../imagetema/konyv/hatter-minta-fent.gif") center bottom repeat;
   position: absolute; 
   top: 0px;
   left: 0px;
   width:100%;  
   height:1680px; /* ezzel a FF fixed */
   margin: 0;
   padding: 0;
   background-color: #cccccc;
}
#textbodybackbelso {
   background: url("../imagetema/konyv/hatter-mintasav.gif") center bottom repeat-x; 
   position: absolute; 
   top: 0px;
   left: 0px;
   width:100%;  
   height:1680px; /* ezzel a FF fixed */
   margin: 0;
   padding: 0;
}

/* ------------- Nagy szoveg divizio benne a zoomeverything kepek is   ------------- */
#textdiv {
   position: absolute; 
   top: 400px;
   left:50% ; 
   width:800px;  
   margin-left: -400px;
   z-index: 1000;
   background-color: #789089;
}
#kattdiv {
   position: absolute; 
   font-family: "Cousine",sans-serif;
   font-style: oblique;
   font-weight: lighter;
   top: 380px;
   left:50% ; 
   width:800px;  
   margin-left: -400px;
   z-index: 1000;
   text-align: right;
}
#kattnap {
   position: absolute; 
   font-family: "Cousine",sans-serif;
   font-style: oblique;
   font-weight: lighter;
   top: 23px;
   left:50% ; 
   width:800px;  
   margin-left: -295px;
   z-index: 1000;
   text-align: right;
}
#textdivbelso {
   position: absolute;
   top: 0px;
   left: 0px;
   width:800px;
   margin: 0 0 0 0;  
   padding: 0 0 0 0;
   
   font-family: Helvetica,  Arial, sans-serif;
   font-size: 14px;
   line-height: 18px;
   color: #222;
   text-align: justify;
   
   border-width: 10px;
   border-color: #5a362f;
   border-style: solid;
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 2px 2px 2px #5a362f inset;
}
/* ------------------- jobb es baloldal divizokat egyesito divizio ------------ */
#szovegresz {
   /* background: url("../imagetema/konyv/hatter-minta-bent.gif") center bottom repeat; */
   background-color: #789089;
   margin: 0 0 20px 0;
   padding: 0;
   width:780px; 
   /*
   border-width: 10px 5px;
   border-color: #520c01;
   border-style: solid;
   -moz-border-radius: 15px 10px;
   border-radius: 15px 10px;
   box-shadow: 5px 5px 5px #520c01 inset;
   /* background-color: #fff; */
}
#szovegreszback {
   position: absolute; 
   background: url("../imagetema/konyv/szovegback.gif") center top repeat; 
   top: 390px;
   left:50% ; 
   width:840px;
   height: 1080px; 
   margin-left: -410px;
   z-index: 1000;
}
/* ------------- szovegoszlopok bal es jobb oldalon ------------- */
.plefttxt {
   position: relative; 
   float: left;
   width: 465px;
   margin: 0;
   padding: 16px 12px 0 20px;
}
.prighttxt {
   position: relative; 
   float: right;
   width: 275px;
   margin: 0;
   padding: 20px 15px 0 15px;
   border-width: 0 0 0 3px;
   border-color: #642813;
   border-style: dotted;
   
}
.pclear {
   clear: both;
}
.pleft {
   position: relative; 
   float: left;
   margin: 0 10px 0 0;
   padding: 0;
}
.pright {
   position: relative; 
   float: right;
   margin: 0 0 0 10px;
   padding: 0;
}
.cikkdiv {
   width: 477px;
   margin: 0;
   padding: 0;
}
.cimdiv {
   width: 477px;
   margin: 0;
   padding: 0;
}
.txtleft {
   text-align: left;
}
.txtright {
   text-align: right;
}

/* ---------------- default ertekek ------------------ */
a {
   text-decoration: none;	
   cursor: pointer;  
}
a img {
   text-decoration: none;	
   border: none;
}

/* ------------- szoveg stilus ------------- */
.kiemel {
   color: #ffcc00;
}
.doltbetu {
   font-style: italic;
   font-family: "Times New Roman";
   font-size: 18px;
}
.textcenter {
   text-align: center;
}
.noborder, .noborder img {
   text-decoration: none;	
   border: none;
   cursor: pointer;  
}
.noborder1 {
   text-decoration: none;	
   border: none;
   cursor: pointer;  
}
/* zoom reszere */
.temporary {
   text-decoration: none;	
}
.kurzortip {
   text-decoration: none;	
   cursor: pointer;
   color: #fff;
   border: #fff solid 1px;
}

/* ------------------ kisebb elemek ----------------- */
.bezaras a {
   text-decoration: none;	
   cursor: pointer;  
}
.bezaras a img {
   text-decoration: none;	
   border: none;
   cursor: pointer;  
}
#bezar2 {
   position: absolute;
   width:50px;  
   height:80px;
   left:50% ; 
   top:  25px;
   margin-left:  420px;
   cursor: pointer;  
}

#copyright {
   position: absolute; 
   top:750px ; 
   width: 100% ; 
   height:32px;
    
   margin: 20px 0;
   text-align: center;
   font-family: Verdana, Arial, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #999;
}
#laplink {
   text-decoration: underline;	
   cursor: pointer;
   color: #880000;
}
#laplink:hover  {
   text-decoration: none;	
   cursor: pointer;
   color: #ff0000;
}