/*******************************************************************************
az oldal altalanos elrendezesenek designe, alapveto pozici meghatarozaas,  
objektumok elrendezese, menu, stb...
*******************************************************************************/

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/*
 oks kafedik logot felteszem, cimek stb.. 
 megcsinalom, nagyitasi gondok, ha lesz kedvem esetleg:) 
 szamlalo megoldhatoo es ezel ma majd azszem design teren szarok raa:)
*/



body {
  margin: 0;
  padding: 0;
  text-align: center; 
  font-family: Arial, sans-serif;
  background: #b0b0b0;
}

/*header azaz fejleec formalasa - BEGIN*/
#topbox {
  position: relative;
  width: 900px;
  margin-left: auto;
  margin-right: auto; 
  text-align: left;
  font-size: 80%;
  color: #808080;
}

#topbox .language {
 /*display: none;*/
 position: absolute;
 top: 193px;
 right: 15px; 
 padding: 3px;
 padding-bottom: 0px;
 background-color: black;
}


#topbox .language img {
  border:  1px solid #808080;  
}

#time_pos { /*az ora*/
 position: absolute;
 top: 10px;
 left: 15px;
 color: black;
}

#top {
  width: 900px;
  height: 217px;
}

/*header azaz fejleec formalasa - END*/


/* az alalpobjektumok elemek elhejezesenek meghatarozaasa, oszlopok, stb... formalasa - BEGIN*/
#minden {
  position: relative;
  width: 900px;
  background-image: url(../pics/boxbackground.gif); 
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto; 
  text-align: left;
}

#boxline {
  width: 900px;
  height: 40px;
}

#column {
  margin: 0px 10px 0px 10px;  
  width: 880px;
  text-align: left;
  font-size: 10pt;
  border-top:  1px solid #808080;
}

#left-column {
 float: left;
 width: 155px;
 padding-top: 10px;
}

#right-column {
  position: relative;
  background: url(../pics/logo_vizjel.gif);
  background-repeat: no-repeat;
  text-align: justify;
  float: right;
  font-size: 11.5pt;
  width: 725px;
  min-height: 786px;
  _height: 800px; /* a  ket ertek direkt elteroo, mert a IE szarakszik*/
  padding: 10px 20px 10px 20px;
  border-left: 1px solid #808080;
}

#bottom {
  position: relative;
  margin: 0px 10px 0px 10px;  
  width: 880px;
 /* height: 40px; */
  font-size: 10pt;
  clear: both;
  text-align: center;
  border-top:  1px solid #808080;
}
/* az alalpobjektumok elemek elhejezesenek meghatarozaasa, oszlopok, stb... formalasa - END*/


/*a bal menuresz designe - BEGIN*/

#left-column .topmenu {
  background-image: url(../pics/button.gif); 
  background-color: #ffffff;
  width: 155px;
  height:24px;
  font-weight: bold;
  font-style: normal;
  font-size: 110%;
  color: #ffffff;
  padding-left: 15px;
  padding-top: 3px;
  margin-top: 5px;
}

#left-column .topmenu a{
  display: block;
  width: 138px;
  text-decoration: none;  
  color: #ffffff;  
} 

#left-column .topmenu a:hover {
  display: block;
  width: 138px;
  color: #ffcc00;
}

#left-column .topfelirat {
  margin-top: 2em;
  border-top: 1px solid #808080;
}

#left-column .almenu {
  padding-left: 1.5em;
  font-weight: bold;
}
 
#left-column .almenu a{
  text-decoration: none;  
  color: #555555; 
}

#left-column .almenu a:hover  {
  display: list-item;
  color: #ffcc00;
  background: #339933;
}

/*a bal menuresz designe - END*/



#bottomlinks {
  padding: 5px 0px 5px 0px;
  border-bottom: 1px solid #808080;
}

#bottom a {
  text-decoration: none;  
  color: #7d7d7d; 
}

#bottom a:hover {
  text-decoration: none;  
  color: #000000; 
}

#bottom .orient {
 position: absolute;
 left: 0px;
 bottom: 103%;
}

#absolutebottom {
  text-align: right;
  padding: 5px 10px 10px 5px;
}

#absolutebottom .legalright {  
  float: left;
  text-align: left;
  color: #7d7d7d;
  font-size: 80%;
}

#absolutebottom .latogatotsag {
  clear: none;
  text-align: right;
  color: #7d7d7d;
  font-size: 80%;
}