﻿@charset "utf-8";
html {
   overflow-x: hidden;
   overflow-y: hidden;
   }
body {
   /* Az index.php <BODY> részének stílusa */
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-attachment: fixed;
   margin: 0px;
   padding: 0px;
   text-align: justify;
   color: rgb(102,51,0);
   font-family: comic sans ms;
   font-size: 17px;
   z-index: 0;
   display: inline;
   overflow: hidden;
   overflow-x: hidden;
   overflow-y: hidden;
   background-color: rgb(218,182,103);
   }

#title {
   font-size: 17px;
   padding: 3px;
   }   
#top_menu {
   /* A felső menüsornak a stílusa  */
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border: 0px;
   top: 10px;
   z-index: 0;
   font-family: comic sans ms;
   font-size: 15px;
   font-weight: bold;
   color: rgb(102,51,0);
   background-color: rgb(218,182,103);
   }
   
#menu_item {
   /* Annak a menüpontnak a színe és a háttere, ami alaphelyzetben látszik nem vitte rá a user az egeret és nem kattintott rá  */
   color: rgb(218,182,103);
   }

#menu_item:visited {
   /* Annak a menüpontnak a színe és a háttere, amire a user rákattintott  */
   color: rgb(218,182,103);
   background-position: 0 0;
   }
   
#menu_item:hover {
   /* Annak a menüpontnak a színe és a háttere, amire a user rávitte az egeret */
   color: rgb(102,51,0);
   background-position: 0 0;
   }

#menu_item:active {
   /* Annak a menüpontnak a színe és a háttere, ami épp ki van választva */
   color: rgb(102,51,0);
   background-position: 0 0;
   }
   
a:link {
   /* Annak a linknek (menüpontnak)  a színe és a háttere, ami alaphelyzetben látszik nem vitte rá a user az egeret és nem kattintott rá  */
   /* Az elerhetosegek.html-ben a mailto link helyileg van formázva!!!! */
   color: rgb(218,182,103);
   text-decoration: none;
   /* IE6 nem támogatja a :hover tulajdonságot, csak az <a> tagre, ezért a <menu_item>-nél alkalmazott kép nem működik */
   display: block;
   background-image: url('cella_hatter.jpg');
  }

a:visited {
   /* Annak a linkenk (menüpontnak)  a színe és a háttere, amire a user rákattintott  */
   color: rgb(218,182,103);
   text-decoration: none;
   display: block;
   background-image: url('cella_hatter.jpg');
  }
  
a:hover {
  /* Annak a linkenek (menüpontnak)  a színe és a háttere, amire a user rávitte az egeret */
  color: rgb(102,51,0);
  text-decoration: none;
  display: block;
  background-image: url('cella_hatter_selected.jpg');
  }
 
 a:active {
   /* Annak a linknek (menüpontnak)  a színe és a háttere, ami épp ki van választva */
   color: rgb(102,51,0);
   text-decoration: none;
   display: block;
   background-image: url('cella_hatter_selected.jpg');
  }
  
#fixed_area {
   /* A bal oldali fix rész (hívjon, írjon) stílusa  */
   /* width automatikusan beállítva, alapérték: 170px */
   position: absolute;
   left: 5px;
   top: 130px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 30px;
   text-align: center;
   font-family: arial;
   font-size: 14px;
   color: black;
   }
   
#container {
   /* A megjelenő tartalom stílusa */
   position: absolute;
   top: 155px;  /*120px-nél van a page_title */
   /* left = fixed_area_width + 35px, automatikusan állítva  */
   /* height: 400px; */
   border: 0px;
   margin-left: 0px;
   margin-right: 0px;
   padding-left: 0px;
   padding-right: 15px;
   background-color: transparent;
   font-family: arial;
   font-size: 17px;
   font-weight: normal;
   color: black;
   text-align: justify;
   overflow: auto;
   text-indent: -5px;
   }

   
#bar_horiz {
   position: relative;
   margin-left: 0px;
   text-align: left;
   top: 15px;
   z-index: 0;
   }
#bar_vert {
   position: relative;
   margin-left: 0px;
   text-align: left;
   top: 10px;
   left: 180px;
   z-index: 0;
   }
 
#motto {
   background-color: transparent;
   font-family: arial;
   font-style: italic;
   font-weight: bold;
   text-align: right;
   font-size: 20px;
   height: 70px;
   }

#page_name {
   position: absolute;
   /* left = fixed_area_width + 35px  */
   left: 205px;
   top: 120px;
   width: 130px;
   display: block;
   font-family: comic sans ms;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   background-color: rgb(101,51,2);
   color: rgb(218,182,103);
   }
   
#list_service {
   list-style-image: url(coin.jpg);
   }

#googlemap {
   position: relative;
   top: 0px;
   left: 20px;
   width: 700px;
   height: 400px;
   overflow: hidden;
   }
   
#colleague_pic1 {
   position: absolute;
   top: 20px;
   left: 10px;
   width: 180px;
   height: 200px;
   text-align: left;
   }
 
 #colleague_desc1 {
   position: absolute;
   top: 20px;
   left: 180px;
   height: 200px;
   text-align: justify;
   margin-right: 15px;
   background-color: rgb(218,182,103);
   }
 
 #colleague_pic2 {
   position: absolute;
   top: 290px;
   left: 10px;
   width: 180px;
   height: 200px;
   text-align: left;
   }
 
 #colleague_desc2 {
   position: absolute;
   top: 290px;
   left: 180px;
   height: 200px;
   text-align: justify;
   margin-right: 15px;
   background-color: rgb(218,182,103);
   }

#submit_button {
   display:block;
   vertical-align: middle;
   margin-left: 0px;
   margin-right: 0px;
   text-align: center;
   }

a.reallink:link {
  color: rgb(102,51,0);
  text-decoration: underline;
  background-image: none;
  display: inline;
  }

a.reallink:visited {
  color: rgb(102,51,0);
  text-decoration: underline;
  background-image: none;
  display: inline;
  }

  a.reallink:hover {
  color: rgb(102,51,0);
  text-decoration: underline;
  background-image: none;
  display: inline;
  }
  
  a.reallink:active {
  color: rgb(102,51,0);
  text-decoration: underline;
  background-image: none;
  display: inline;
  }
  