/*
####################################################################
# DEBRECENI VIRTUÁLIS SZOBORPARK                                   #
# SZOBORPARK.CSS                                                   #
# Stíluslap az oldalak megjelenéséhez                              #
#                                                                  #
# Módosítva: 2008.05.02.                                           #
# Készítette: Lente Tamás - lentet@dbvk.hu                         #
####################################################################
*/
/* 
####################
# Oldalfelépítés   #
#################### 
*/
/* Tözs */ 
body {
  margin: 0 0 0 0;
  background-color: #EEEECC;
  font-family: "trebuchet ms",arial,sans-serif;
  scrollbar-face-color: #EEEECC;
  scrollbar-shadow-color: #800000;
  scrollbar-highlight-color:#d6d9dc;
  scrollbar-3dlight-color: #d6d9dc;
  scrollbar-darkshadow-color: #400000;
  scrollbar-track-color:#EEEECC;
  scrollbar-arrow-color:#800000;
} 

/* 
####################
# Weboldal dobozai #
#################### 
*/
/* Középső lap doboz */
#lap {
  width: 780px;   
  margin: 0px auto 0px auto;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  text-align: left;
}
/* Fejléc doboz */
#fejlec {
  width: 780px;
  height: 84px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
/* Menüsor doboz */
#menu {
  width: 780px;
  height: 16px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-image: url('../images/fejlec_menu.jpg');
  background-repeat: no-repeat;
  background-position: top left;
}
/* Tartalom hatterdoboza */
#tartalomhatter {
background-color: #FFFFDD;
  background-image: url('../images/hatter_nagytemplom.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
}
/* Tartalom doboz */
#tartalom {
  width: auto;
  height: auto;
  margin: 0 0 0 0;
  padding: 10 10 10 10;  
}
/* tartalom minimális magassága */
#minmagassag {
  height: 400px;
  float: right;
  width: 1px;
}
/* minimális magasság lezárása */
#minmagassagtorol {
  clear: both;
  height: 1px;
  overflow: hidden;
}
/* Lábléc doboz */
#lablec {
  width: 780px;
  height: auto;
  margin: 0 0 0 0 ;
  padding: 0 0 0 0;
  background-color: #FFFFBB;
  color: #000080;
  border-top: 1px solid #800000;
  font-size: 10pt;
  text-align: center;
}

/* 
#####################
# Speciális dobozok #
##################### 
*/
/* Fénykép doboz - nagyméretű fotó megjelenítésére 
    alapból rejtett, kattintásra kapcsolódik be/ki */
#photo {
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  background-color: #000000;
  color: #FFFFFF;
  border: 1px solid #800000;
  font-size: 10pt;
  text-align: center;
  visibility: hidden;
}

/* Képeslap doboz - képeslap méretű fotó megjelenítésére */
#postcard {
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  padding: 30 20 20 20;
  background-color: #EEEECC;
  color: #000080;
  border: 1px solid #800000;
  font-size: 10pt;
  text-align: center;
  visibility: hidden;
}

/* Google maps térkép doboza*/
#map_canvas {
  width: 300px; 
  height: 300px;
  right: 10px;
  border: 1px solid #808080;
  border-bottom: 2px solid #000000; 
  border-right: 2px solid #000000;
}

/* Statikus oldalak szerkesztésének doboza
  csak kiválasztás után jeleníti meg a tartalmat */
#oldaltartalom {
  width: 600px;
  font-family: "trebuchet ms",arial,sans-serif;
  font-size: 10pt;
  visibility: hidden;
}

/* Adminisztrációs oldal adatfeldolgozó kerete */
#feldolgozo {
  position: relative;
  float: right;
  right: -10px;
  top: -30px;
  z-index: 2;
  width: 100px;
  height: 25px;
  border: 0px;
  font-size: 10pt;
  text-align: center;
  visibility: hidden; 
}

/* Adminisztrációs oldal kiegészítő kerete adatmegjelenítéshez */
#kiegeszito{
  position: relative;
  float: right;
  right: -100px;
  z-index: 2;
  width: 320;
  height: 300;
  background-color: #FFFFCC;
  border: 1px double #800000;
  color: #000000;
  font-size: 10pt;
  visibility: hidden;
}

/* Adminisztrációs oldal fotók kerete műalkotás fotóinak megjelenítéséhez */
#fotok{
  position: relative;
  float: right;
  bottom: 20px;
  right: 0px;
  z-index: 3;
  width: 400;
  height: 400;
  background-color: #FFFFCC;
  border: 1px double #800000;
  color: #000000;
  font-size: 10pt;
  visibility: visible;
}

/* Adminisztrációs oldal fotókszerkesztő doboza */
#photoedit{
  position: relative;
  float: right;
  right: 20px;
  z-index: 2;
  padding: 5 5 5 5;
  width: 400;
  height: 320;
  background-color: #FFFFCC;
  border: 1px double #800000;
  color: #000000;
  font-size: 10pt;
}

/* Adminisztrációs oldal kiegészítő dobozának felső fix bezárás sorának doboza */
#bezar{
  position: fixed ! important;
  position: absolute;
  left:0px;
  width: 300px;
  top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
  background-color: #800000;
  color: #FFFFFF;
  font-size: 10pt;
}

/* 
####################
# Hivatkozások     #
#################### 
*/

/* sima hivatkozás */
a {
  text-decoration: none; 
  color: #000040;
}
a:hover {
  text-decoration: underline; 
  color: #000080;
}

/* menü hivatkozások */
a.menu {
  position: relative;
  top: -4px;
  left: 10px;
  text-decoration: none; 
  color: #000000; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
a.menu:hover {
  text-decoration: none; 
  color: #CC0000; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

/* lábléc hivatkozása */
a.lablec {
  text-decoration: none; 
  color: #000080; 
  font-size:10pt; 
}
a.lablec:hover {
  text-decoration: none; 
  color: #800000; 
  font-size:10pt; 
}

/* minden egyéb link hivatkozása */
a.link {
  text-decoration: none; 
  color: #000040; 
  font-size: 9pt; 
  font-weight: bold;
}
a.link:hover {
  text-decoration: underline; 
  color: #000080; 
  font-size: 9pt; 
  font-weight: bold;
}

/* kiemelt link pl. találati listában aktuális oldal linkje */
a.linkoldal {
  text-decoration: none; 
  color: #AA0000; 
  font-size: 9pt; 
  font-weight: bold;
}
a.linkoldal:hover {
  text-decoration: underline; 
  color: #FF0000; 
}

/* kiemelt hivatkozás keresési formák linkjáhez */
a.kiemelt {
  margin-left: 20px;
  text-decoration: none;
  color: #000080;
  font-size:10pt;
}
a.kiemelt:hover {
  text-decoration: underline; 
  color: #800000;
}

/* 
####################
# Táblázati elemek #
#################### 
*/

/* Képeslap táblázata */
table.kepeslapszoveg {
  width: 400px;
  height: auto;
}

/* Adminisztrációnál adatok táblázata */
table.adatok {
  width: 335px;
  height: auto;
}

/* Vendégkönyv bejegyzéseinek táblázata */
table.vkonyv {
  width: 600px;
  height: auto;
  border-collapse: collapse;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Adminisztrációnál különböző színű sorok a felsorolt elemeknél */
tr.bright_on {
   background-color:#ffffbb;
   color:#000000}
tr.bright_over {
   background-color:#aa8866; 
   color:#ffffff;}
tr.dark_on {
   background-color:#ccbb88;
   color:#000000}
tr.dark_over {
   background-color:#aa8866; 
   color:#ffffff;}

/* Sima szöveg és vendégkönyv szöveg a táblázatban */
td, td.vkonyvszoveg, td.szoveg {
  color: #000080;
  font-size: 10pt;
}

/* Fotók egymás utáni megjelenítéséhez */
td.galeriakep {
  width: 150px;
  height: 150px;
  /*border: 1px solid black;*/
  text-align: center;
}

/* Vendégkönyv bejegyzés fejrésze */
td.vkonyvfej {
  background: #EECC80; 
  color: #000080; 
  font-size: 10pt;
  font-weight: bold;  
}
/* Vendégkönyv dátum része */
td.vkonyvdatum {
  background: #EECC80; 
  color: #000080; 
  font-size: 10pt;
  font-style: italic;
  text-align: right; 
}

/* 
##############################
# Betű és bekezdésformázások #
##############################
*/
/* több kép vízszintesen gördíthető megjelenítéséhez */
div.fotosor {
  margin-left: 10px;
  margin-right: 10px;
  height: 140px;
  width: 375px;
  overflow:auto;
  overflow: -moz-scrollbars-horizontal; 
  overflow-x: auto;
  overflow-y: hidden;
}
/* Cím bekezdés */
div.cim {
  color: #800000; 
  font-size: 14pt; 
  font-weight: bold;
} 
/* Alcím bekezdés */
div.alcim {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000080;    
  font-size: 11pt; 
  font-weight: bold;
} 
/* Szöveg stílusú betű és bekezdés */
span.szoveg, div.szoveg {
  color: #000080; 
  font-size: 10pt;
}
/* Vastag szöveg stílusú betű és bekezdés */
span.szovegbold, div.szovegbold {
  color: #000080;
  font-size: 10pt;
  font-weight: bold;
}
/* Hiba kiírására */
div.hiba {
  color: #800000;
  font-size: 10pt;
  font-weight: bold;
}
/* Belépett felhasználó */
span.belepett {
  float: right;
  position: relative;
  text-decoration: none;
  background-color: #800000; 
  color: #FFFFFF; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
}
/* találatok száma keresésnél */
div.talalatok {
  text-align: right;
  color: #000080; 
  font-size: 10pt; 
  font-weight:bold;
}
/* alkotás bekezdése*/
div.alkotas {
  position: relative;
  left: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 500px;
  height: auto;
}
/* alkotás információ bekezdése*/
div.alkotasinfo {
  position: relative;
  left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 20px;
  width: 450px;
  height: auto;
}
/* lelőhely és alkotónév bekezdése*/
div.lelohely, div.alkotonev {
  position: relative;
  left: 30px;
  font-size: 10pt;
  color: #000080; 
}
/* mű címe kisebb betűvel */
div.mucimkicsi {
  color: #000000; 
  font-size: 11pt; 
  font-weight:bold;
}
/* mű alcím */
div.mualcim {
  color: #400000; 
  font-size: 10pt;
}
/* képeslap címzettjének neve */
div.kepeslapcimzett {
  width: 300px;
  margin-left: 50px;
  margin-top: 10px;
  border-bottom: 1px solid #000000;
  color: #400000; 
  font-size: 14pt;
  font-weight: bold;
}
/* képeslap címzettjének e-mail címe */
div.kepeslapcimzett2 {
  width: 300px;
  margin-left: 50px;
  margin-top: 10px;
  border-bottom: 1px solid #000000;
  color: #400000; 
  font-size: 12pt;
  font-weight: bold;
}
/* képeslap szövege */
div.kepeslapszoveg {
  margin-top: 20px;
  color: #400000;
  font-size: 10pt;
}
/* képeslap küldője */
div.kepeslapkuldo {
  margin-top: 20px;
  color: #400000;
  font-size: 10pt;
  font-style: italic;
}
/* Adminisztrációs oldal mentés/hiba/torles felirathoz */
span.mentes{
  background-color: #800000;
  color: #FFFFFF;
  font-size: 10pt;
}

/* 
###############
# Űrlapelemek #
###############
*/

/* legördülő listás űrlap */
form.lista {
  margin-top: -10px;
  margin-bottom: 0px;
}
/* keresés típusú beviteli mező */
input.kereses {
  background:#EECC80; 
  border: 1px solid; 
  color: #000080;
  font-size: 10pt;
}

/* keresés típusú bevitel gombja */
input.keresesgomb {
  background:#AA8040; 
  border: 1px outset; 
  color: white; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10pt;
}
/* keresés típusú választólista */
select.kereses {
  background:#EECC80; 
  border: 1px solid; 
  color: #000080; 
  font-size: 10pt;
}
/* keresés típusú beviteli szövegdoboz */
textarea.kereses {
  background: #EECC80; border: 1px solid; 
  color: #000080;   
  font-size: 10pt;
}
/* képeslap üzenetének beviteli szövegdoboza*/
textarea.uzenet {
  width: 300px;
  background:#EECC80; 
  border: 1px solid; 
  color: #000080; 
  font-size: 10pt;
}
/* statikus szövegdoboz mező */
textarea.statikus {
  width: 600px;
  font-family: "trebuchet ms",arial,sans-serif;
  background:#EECC80; 
  border: 1px solid; 
  color: #000080; 
  font-size: 10pt;
}
/* további szövegdoboz mezők */
textarea {
  font-family: "trebuchet ms",arial,sans-serif;
  background:#EECC80; 
  border: 1px solid; 
  color: #000080; 
  font-size: 10pt;
}
/* 
####################
# Képek            #
#################### 
*/
/* kisméretű fotók megjelenítése */
img.kiskep {
  border: 1px solid #808080; 
  border-bottom: 2px solid #000000; 
  border-right: 2px solid #000000;  
}
/* képeslap megjelenítése */
img.kepeslap {
  border-style: double;
  border-color: #800000; 
}

/* 
####################
# Vonalak          #
#################### 
*/
/* sima vonal */
hr {
   text-align: left;
   margin: 0 auto 0 30;
   border: dashed 1px;
 	 color: #400000;
   width: 500px;	
}
  
