body { 
margin:0 auto 0 auto; 
color:#000000; 
font-family:Georgia, Arial, Helvetica, sans-serif; 
font-size:16px; 
background-color:#000000;
}

body.kek { 
margin:0 auto 0 auto; 
color:#000000; 
font-family:Georgia, Arial, Helvetica, sans-serif; 
font-size:16px; 
background-color:#191970;
}

a:link {text-decoration:none;color:#000000;}      /* unvisited link */
a:visited {text-decoration:none;color:#000000;}  /* visited link */
a:hover {text-decoration:none;color:#000000;}  /* mouse over link */
a:active {text-decoration:none;color:#000000;}  /* selected link */ 
 
.page { /* középre igazított belső konténer, ebben van minden más */ 
margin:10px auto 10px auto; 
width:950px;

}

.innerpage { /* belső konténer a függőleges középre igazítás miatt, ebben van minden más   */
position:absolute;
height: 600px;
top:50%; 
margin-top:-300px;
} 

 
#outcontent { /* menü melletti konténer két elemmel: content és loading  */
background-color:#808080; 
display: inline;
float: left;
width: 845px;
}

.terkep_pontok_listaja { /* láthatatlan div a felhasználónak megjeleníthető térkép pontokkal */
display:none;
}	

.content {  /* ebben jelenik meg minden tartalom  */
display: block;
background-color:#808080; 
padding-top:5px;
padding-bottom:0px;
padding-right:10px;
padding-left:35px;
height:584px; 
margin:0;
border: 0;
overflow:auto;  
}

.content2 {  /* ebben jelenik meg a térkép  */
display: block;
background-color:#808080; 
padding-top:0px;
padding-bottom:0px;
padding-right:10px;
padding-left:10px;
height:589px; 
margin:0;
border: 0;
overflow:auto;  
display: none;
}

#loading { /* ajax betöltés alatt látszódó várakozó ikon konténere */
clear:both; 
background-color:#808080; 
/* background:url(images/wait.gif) center top no-repeat; */ 
text-align:center;
padding:33px 0px 0px 0px; 
font-size:16px;
display:none;
}

 
/* -------------------------------------- MENÜ START --------------------------------------
                - ld. még http://www.jeremymartin.name/projects.php?project=kwicks */
.menu {
     display: inline;
     float: left;
     margin: 0;  
     padding: 0; 
     border: 0;     
}

.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0; 
     border: 0;
     text-align: center;    
 }  
.kwicks li{  
     display: block;
     overflow: hidden;  
     padding: 0; 
     border: 0 ;      
     width: 104px;  
     height: 117px;  
     margin: 0;  
}

.kwicks .kwicks_inner {  
     height: 180px;
     margin: 0;
     border: 0;
     padding: 0;  
 } 

.kwicks .menukep {  
     width: 100px;  
     height: 120px;  
     margin: 0;
     border: 0;
     padding: 0;
     cursor: pointer;      
 }  
 
.kwicks .menukep img {  
     margin: 0;
     border: 0;
     padding-top: 5px; 
 }
  
.kwicks .menuszoveg {  
     display: none;  
     text-align: center;  
     width: 100px;  
     color: #000000;  
     font-size: 16px; 
     font-weight:700; 
     margin-top: 1px;  
 }  
.kwicks li.active .menuszoveg {  
     display: block;  
 }  

#kwick1 {   
     background-color: #dc143c;  
 }  
#kwick1.active {   
     background-color: #808080;  
 }  
#kwick2 {  
     background-color: #6495ed;  
 }  
#kwick2.active {  
     background-color: #808080;  
 }  
#kwick3 {  
     background-color: #ff7f50;  
 }  
#kwick3.active {  
     background-color: #808080;  
 } 
#kwick4 {   
     background-color: #FFD000;  
 }  
#kwick4.active {   
     background-color: #808080;
 }  
#kwick5 {  
     background-color: #8cce52; 
 }  
#kwick5.active {  
     background-color: #808080;  
 } 
/* -------------------------------------- MENÜ END ----------------------------------- */

/*  ------------------------------főoldal stílus vége ----------------------------------------  */

/*  ------------------------------  toc oldalak stílus kezdete ----------------------------------------  */

.toc_table {
width: 100%;
height: 100%;
border: 0;
margin: 0;
padding: 0;
}

.toc_table td {
text-align:center;
vertical-align:middle;
border: 0;
margin: 0;
}

.toc_4x4 td {  /* 4x4-es tábla esetén */
padding-left: 68px;
padding-right: 88px;
padding-top: 36px;
padding-bottom: 36px;
}

.toc_4x4 th {  /* 4x4-es tábla esetén */
padding: 0;
color: maroon;
text-align: center; 
font-size:	32px;
font-weight:	bold;
height: 40px;
}

.toc { /* ez csak a click lekezelés miatt hozzáadott class a toc oldalakon belüli .kepdiv elemekhez */
/* ilyenkor nem egy képet kell megnyitni, hanem betölteni a megfelelő xml-t */
}

#map_canvas { /* ebben van a térkép maga */
width: 100%; 
height: 100%;
}


.map_info_box { /* popup infowindow a térképen  */
max-width: 250px;
}

.map_info_box a:link {text-decoration:underline;color:blue;}      /* unvisited link */
.map_info_box a:visited {text-decoration:underline;color:blue;}  /* visited link */
.map_info_box a:hover {text-decoration:underline;color:red;}  /* mouse over link */
.map_info_box a:active {text-decoration:underline;color:red;}  /* selected link */
 
/*  ------------------------------  toc oldalak stílus vége ----------------------------------------  */

/*  ------------------------------  beszámoló oldalak stílus kezdete ----------------------------------------  */

.beszamolo {/* beszámoló oldalak fő konténere (a .content -en belül) */
width: 100%; 
height: 100%;
}

.beszamolo h1 { /* beszámoló cím */
 color: maroon;
 text-align: center; 
 font-size:	32px;
 font-weight:	bold;
}

.alcim  { /* beszámoló oldalak alcímének konténere */
  margin-top:2px;
  margin-bottom:2px;
  margin-left:0;
  margin-right:0;
  border-top:1px;
  border-top-style:solid;
  border-color:#000000;
  border-bottom:0;
  border-left:0;
  border-right:0;
  padding-top:5px ;
  padding-bottom:2px;
  padding-left:0;
  padding-right:0;
  height:auto;
  width:100%;
  text-align:left;
  color: maroon; 
  font-size:	18px;
  font-weight:	bold;   
  float:left;
  display: block;
  }


.alcim_szoveg  { /* beszámoló oldalak alcím alatti leírásának konténere */
  margin-top:2px;
  margin-bottom:2px;
  margin-left:0;
  margin-right:0;
  border:0;
  padding-top:5px ;
  padding-bottom:2px;
  padding-left:0;
  padding-right:0;
  height:auto;
  width:100%;
  text-align:left;
  display: block;
  float:left;  
  }

.beszamolo storykep {
  display:inline;
  margin:2px;
  border:1px solid #ffffff;
}

.story_kep_div {/* beszámoló oldalak kezdő rövid leírása melletti képének konténere */
  margin:2px;
  display: block;
  border:0 ;
  padding:5px 1px 1px 1px; /* top, right, bottom, left*/
  height:auto;
  width:auto;
  max-width:370px;
  float:left;
  text-align:center;  
}

.story_text_div  { /* beszámoló oldalak kezdő rövid leírásának konténere */
  margin:2px;
  display: block;
  border:0;
  padding:5px ;
  height:auto;
  width:auto;
  float:left;
  text-align:left;  
  }

.story_text_div_max  {
  max-width:430px;
}

.kepdiv  { /* beszámoló és toc oldalak képelőzetesének + kép rövid leírásának konténere */
  margin:2px 2px 2px 22px; /* top, right, bottom, left*/
  display: block;
  border:1px solid #0000ff;
  border-color: #808080;
  padding:1px ;
  height:auto;
  width:216px; /* 2+1+1+216+1+1+2 = 224px a teljes külsõ méret */
  float:left;
  text-align:center;
  cursor: pointer;
  }
  
.kepdiv img  {
  display:inline;
  margin:2px 7px 2px 7px; /* top, right, bottom, left*/
  border:1px solid #ffffff;
  height: 150px;
  max-width: 200px;
  }
  
.kepdiv a:hover img  {
  border:1px solid #0000ff;
  }
  
.kepleiras  {
  text-align:center;
  font-weight:normal;
  height:20px;
  margin:2px;
  }
  
/*  ------------------------------  beszámoló oldalak stílus vége ----------------------------------------  */
/*  ------------------------------  start oldal stílus kezdete ----------------------------------------  */

#myTable {
border: 0;
width: 950px;
height: 589px;
background-color: #cccccc;
}

#myTable td.cim {
text-align:center;
font-weight: bold;
vertical-align:middle;
border: 0;
padding:15px;
}

#myTable td.leiras {
text-align:justify;
vertical-align:middle;
border: 0;
padding:15px 20px 15px;
}

#myTable td h1 { /* beszámoló cím */
 color: maroon;
 text-align: center; 
 font-size:	32px;
 font-weight:	bold;
}

#myTable a:link {text-decoration:underline;color:red;}      /* unvisited link */
#myTable a:visited {text-decoration:underline;color:red;}  /* visited link */

.login_td {
	font-weight: normal;
	text-align: center;
}

input[type=password], input[type=text]
{
    font-family: Georgia, Arial, Helvetica, sans-serif;
}

#kz_ajax_error {
	font-weight: bold;
	
 	text-align: center; 
 	/* font-size:	32px; 
 	 color: maroon; */
}

#kz_ajax_error a:link {text-decoration:underline;color:darkblue;} /* unvisited link */
#kz_ajax_error a:link {text-decoration:underline;color:darkblue;} /* visited link */