body {
  BACKGROUND: #A5BDBB; 
}


.center { 
position: absolute;
top: 0px;
left: 50%; 
margin-left: -488px; 
width: 976px; }

a
{
color:#CCCCB7;
font-weight:normal;
text-decoration: underline;
text-align: right;
}

a:hover
{
color:#FFFFFF; 
text-decoration: underline;
}


#hatter
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 976px;
  height: 690px;
  BACKGROUND: url(../images/hatter.jpg) #DBE4D7;
}


#alheder
{
  position: absolute;
  top: 111px;
  left: 202px;
}


/**************** Fomenu ****************/


#fomenu
{
  position: absolute; 
  width: 996px; 
  top: 82px;
  left: 19px;
  font-family:  Arial,Tahoma, Verdana, san-serif;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  color: #000000;
}

#fomenu a
{  
  padding: 1px 4px 1px 4px; 
  font-family: Verdana, San-serif, Arial, Tahoma ;
  font-size: 11px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
	color: #D6DCD0; 
  }

#fomenu a:hover 
  {
  color:#55C1DC; 
  }

#fomenu a.active
  {
  color:#55C1DC;
  }

#fomenu a.active:hover
  {
  color:#FFFFFF;
  }


  
  
  /**************** almenu ****************/


#almenu
{
  position: absolute; 
  top: 150px;
  left: 13px;
  width: 188px;
  height: 400px;
  font-family: Tahoma, Arial, Verdana, san-serif;
  font-size: 12px;
  line-height: 15px;
  cursor: pointer;
  color: #FFFFFF;
}

#almenu a
{  
  font-family: Verdana, San-serif, Arial, Tahoma ;
  font-size: 9px;
  text-decoration: none;
  font-weight: normal;
  text-align: left;
	color: #D6DCD0; 
  }

#almenu a:hover 
  { 
  text-decoration: underline;
  color:#55C1DC; 
  }

#almenu a.active
  {
  color:#55C1DC;
  }

#almenu a.active:hover
  {
  color:#FFFFFF;
  }
    

/**************** alsomenu ****************/


#alsomenu_box
{ 
  position: absolute;
  top: 680px;
  left: 4px;
  height: 20px;
  width: 1000px;
}


#alsomenu
{
  position: relative;
  top: 3px;
  left: 10px;
  font-family: Tahoma, Arial, Verdana, san-serif;
  font-size: 11px;
  color: #13576A;
}

#alsomenu a:link, #alsomenu a:visited {
	text-decoration: none;
	color: #13576A;
}
#alsomenu a:hover { color: #55C1DC; }



/**************** felsomenu ****************/


#felsomenu_box
{ 
  position: absolute;
  top: 5px;
  left: 405px;
  height: 20px;
  width: 520px;
}


#felsomenu
{
  position: relative;
  top: 3px;
  left: 10px;
  font-family: Verdana, San-serif, Arial, Tahoma ;
  font-size: 11px;
  color: #13576A;
}

#felsomenu a:link, #felsomenu a:visited {
	text-decoration: none;
	color: #13576A;
}
#felsomenu a:hover { color: #1591B0; }



#scrolledcontent
{
  position: absolute;
  top: 251px;
  left: 400px;
  width: 552px;
  height: 400px; 
 
  BACKGROUND: #3C484B;
  /* scroll */
  overflow: auto ;
  overflow-x: scroll; /*hidden; */
}


#scrolledcontent2
{
  position: absolute;
  top: 251px;
  left: 202px;
  width: 198px;
  height: 400px; 
  BACKGROUND: #345159;
  /* scroll */
  overflow: auto ;
  overflow-x:hidden; 
}


#szoveg
{
  position: absolute;
  text-align: justify;
  padding: 10px;
  font-family: Tahoma, Arial, Verdana, san-serif;
  font-size: 11px;
  color: #CCCCB7;
  letter-spacing: 0cm;
  padding-right: 18px;
}

  a.sublevel {
padding-left: 32px;
display: block;
}
.footer
{
  font-family: Tahoma, Arial, Verdana, san-serif;
  font-size: 11px;
  color: #13576A;
}
.random {
padding-top: 5px;
padding-bottom: 5px;
}

