/*----------------------------------------------------------------------------------------------------------------------------------*/
  *{
    margin: 0;
    padding: 0;
  }
  body{
    text-align: center;
    font: 11px Trebuchet MS, Trebuchet, Verdana, sans-serif;
    color: #ccc;
    background: #333 url(../images/body_top_bg.jpg) repeat-x;
    line-height: 140%;
  }
   
  #header{
    width: 100%;
    text-align: left;
  }
    
  #container{
    margin: 0 auto;
    width: 720px;
    text-align: left;
    background: transparent url(../images/eubg.gif) center 20px no-repeat; 
  }

/*----------------------------------------------------------------------------------------------------------------------------------*/

a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}

a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/
    .pageflags {
    margin-top: -20px; 
    display: block;
    text-align: right;
    color: #ff0000;
    text-decoration: none;
    list-style: none;
  }
    .pageflags img {
    border: none;
    text-decoration: none;
    color:#940c10;
    background-color: none ;
}  
  h1#pageflags a:hover{
    color: #ff0000;
    text-decoration: underline;
  }

  #pageLogo a{
    width: 600px;
    height: 53px;
    display: block;
    background: transparent url(../images/template_logo.gif) no-repeat;
  }
    
/*----------------------------------------------------------------------------------------------------------------------------------*/
  ul#mainNav{
    margin-top: 20px;
  }
  ul#mainNav li.link{
    margin-right: 40px;
    padding-bottom: 10px;
    width: 200px;
    float: left;
    background: transparent url(../images/link_list_dot.gif) repeat-y;
    list-style: none;
  }
  ul#mainNav li.link a{
    padding-left: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }
  ul#mainNav li.link a:hover{
    text-decoration: underline;
  }
  ul#mainNav li ul{
    margin-top: 15px;
    padding-left: 30px;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #content{
    clear:both;
    padding-top: 30px;
  }
  
  #content div{
    background-color:#812828; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.45;
    color: #fff;
    cursor: help;
    text-decoration: none;
    /*opacity: 0.25;
    filter: alpha(opacity=45);
    -moz-opacity:0.45;
    -khtml-opacity: 0.45; */

  }
  
  #content div:hover{
  /* background-color: #580000; */
   border: 0px solid black;
   text-decoration: none;
   filter:alpha(opacity=100);
   opacity:.85;
    /* -moz-opacity:1;
    -khtml-opacity:1; 
   cursor: help;
    -moz-opacity:1;
    -khtml-opacity:1; */
    /* color: #fff;
    background-color: transparent !important;
    filter:alpha(opacity=50); */
  }

  #content div p {
  margin:7px;
  }

  .section1, .section2, .section3 {
    margin-right: 28px;
    width: 200px; /* oszlop szelessege */
    height: 320px; /* oszlop magassaga */
    float: left;
  }

  /*
  .section2 {
    margin-right: 40px;
    width: 200px;
    float: left;
  }
  .section3 {
    margin-right: 40px;
    width: 200px;
    float: left;
  } */

  .section1 h2{
    background: transparent url(../images/title_bg1.jpg) no-repeat;
  } 
  .section2 h2{
    background: transparent url(../images/title_bg2.jpg) no-repeat;
  }
  .section3 h2{
    background: transparent url(../images/title_bg3.jpg) no-repeat;
  }
  
  .section1 h2, .section2 h2, .section3 h2{
    padding: 20px 10px;
    width: 180px;
    height: 60px;
    font-size: 24px;
    line-height: 90%;
  }

  h3{
    margin: 14px 5px; /* kozepso tartalom behuzasa */
    font-size: 14px;
  }
  h1, h2, h3{
    color: #fff;
  }
  
/*----------------------------------------------------------------------------------------------------------------------------------*/
  #footer{
    padding-top: 20px;
    clear: both;
    width: 660px;
    color: #666;
    font-size: 9px;
  }
  #footer a{
    color: #999;
    text-decoration: none;
  }
  #footer a:hover{
    color: #ccc;
  }
  #footer ul{
    padding-bottom: 60px;
    padding-top: 2px;
    background: transparent url(../images/footer_dot.gif) repeat-x;
    list-style: none;
  }
  li.validate{
    padding-right: 10px;
    float: left;
  }
  li.copyright{
    float: right;
  }
  li.copyright a{
    padding-right: 18px;
    background: transparent url(../images/inhead_logo.gif) right center no-repeat;
  }
  
/*
div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
div.trans25 {width: 100%; background-color: silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }
*/