/* CSS Document */


body {
	margin:0;
	padding:0;
	
	/*text-align:center;*/
	
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color:black;
  background:black url(../images/2col_bg.png) 0 50% repeat-y ;
}

a {
  color:purple;
}

h1, h2, h3, h4 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:normal;
}

h2 {
  margin-top:10px;
}

div.msg {
  margin:1em 0;
  padding:0.5em;
  border:1px solid black;
}

div.ok {
  background-color:lightgreen;
  color:green;
  border-color:green;
}

form div.row {
  margin:0.5em 0;
}

div.clearer {
	clear:both;
}

#body_wrapper {
  /*margin:0 auto;*/
  text-align:left;
	font-size:0.8em;
	line-height:1.3em;
	width:800px;
  background:url(../images/2col_bg.png) 0 50% repeat-y ;	 
}
  
  #header {
    height:230px;
    background:url(../images/head.jpg) 0 0 no-repeat;	
    position:relative;
    z-index:200;
  }

  #text {
    float:right;
    width:588px;
    /*padding-left:152px;*/
    margin-right:25px;
    background-color:#FFF1FD;
    color:black;
    margin-left:20px;
    display:inline;
    padding-bottom:20px;
    
  }


/* menu */

ul.menu {
  margin:0;
  padding:0;
  list-style:none;
  font-size:0.8em;
}


  ul.menu li {
    margin:0;
    padding:0;
  
    position:relative;
  }

  ul.fekvo li {
    float:left;
  }

    ul.menu a {
      display:block;
      color:white;
      font-style:italic;
      font-weight:bold;
      text-decoration:none;
      overflow:hidden;
      
      cursor:pointer;
    }
    
    ul.menu a:hover {
      color:#FB9C96;
    }

      ul.menu a span {
        position:absolute;
        top:0;
        left:0; 
        display:block;
      }

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

#fomenu {
  position:absolute;
  top:190px;
  left:0;
  z-index:100;
  width:800px;
}
      
#fomenu ul, #fomenu li, #fomenu span {
  height:27px;
  background-image:url(../images/fomenu.png);
  background-repeat:no-repeat;
}

#fomenu li {
  text-align:center;
}
#fomenu li li {
  text-align:left;
}



#program {  
  margin-left:90px;
  display:inline; /* IE hack */
}
#program, #program a span    {width:100px; background-position:-90px 0;}
#napibontas, #napibontas a span {width:130px;background-position:-190px 0;}
#informaciok, #informaciok a span {width:135px;background-position:-320px 0;}
#rolunk, #rolunk     a span {width:95px;background-position:-455px 0;}
#tamogatok, #tamogatok  a span {width:120px;background-position:-550px 0;}
#sajtoszoba, #sajtoszoba a span {width:130px;background-position:-670px 0;}

#program a:hover span    {width:100px; background-position:-90px -27px;}
#napibontas a:hover  span {width:130px;background-position:-190px -27px;}
#informaciok a:hover  span {width:135px;background-position:-320px -27px;}
#rolunk   a:hover    span {width:95px;background-position:-455px -27px;}
#tamogatok  a:hover  span {width:120px;background-position:-550px -27px;}
#sajtoszoba  a:hover  span {width:130px;background-position:-670px -27px;}

/* lehullo menuk */

#fomenu ul {
  position:relative;
}

#fomenu li {
  behavior: url(hover.htc);
}

#fomenu ul ul {
  position:absolute;
  top:27px;
  left:20px;
  background:black;
  margin:0;
  padding:5px;
  height:auto;
  z-index:100;
  width:170px;
  
  display:none;
}

#fomenu #sajtoszoba ul {
  right:0;
  left:auto;
}

#fomenu #sajtoszoba li {
  text-align:right;
}

#fomenu ul ul li {
  float:none;
  display:block;
  background:black;
  height:1%;
}

#fomenu ul li:hover ul, #fomenu ul li.hover ul {
  display:block;
}

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

#oldalmenu {
  margin-left:4px;
  width:158px;
  float:left;
  display:inline;
}
      
#oldalmenu li, #oldalmenu span {
  background-image:url(../images/menu.png);
  background-repeat:no-repeat;
}

#oldalmenu a, #oldalmenu li, #oldalmenu span {
  height:19px;
  width:158px;
  vertical-align:top;
}

#oldalmenu #irjnekunk a, #oldalmenu #irjnekunk, #oldalmenu #irjnekunk span
 {
  height:24px;
}

#oldalmenu #english a, #oldalmenu #english, #oldalmenu #english span {
  height:20px;
  width:98px;
}

#oldalmenu #kontraszt a, #oldalmenu #kontraszt, #oldalmenu #kontraszt span {
  height:22px;
}


#kezdolap, #kezdolap a span {background-position: 0 0px;}
#orarend, #orarend  a span {background-position: 0 -19px;}
#irjnekunk, #irjnekunk a span { background-position: 0 -38px;}
#forum, #forum a span {background-position: 0 -62px;}
#galeria, #galeria a span {background-position: 0 -81px;}
#cddvdrendeles, #cddvdrendeles a span {background-position: 0 -98px;}
#aktualishirek, #aktualishirek a span {background-position: 0 -119px;}
#megkozelites, #megkozelites a span {background-position: 0 -138px;}
#english, #english a span {background-position: 0 -157px;}

#kontraszt, #kontraszt a span {background-position: 0 -178px;}
#faq, #faq a span {background-position: 0 -199px;}
#normal {
  display:none;
}


#kezdolap a:hover span {background-position: -158px 0;}
#orarend  a:hover span {background-position: -158px -19px;}
#irjnekunk a:hover span {background-position: -158px -38px;}
#forum a:hover span {background-position: -158px -62px;}
#galeria a:hover span {background-position: -158px -81px;}
#cddvdrendeles a:hover span {background-position: -158px -98px;}
#aktualishirek a:hover span {background-position: -158px -119px;}
#megkozelites a:hover span {background-position: -158px -138px;}
#english a:hover span {background-position: -158px -157px;}

#kontraszt a:hover span {background-position: -158px -178px;}
#faq a:hover span {background-position: -158px -199px;}
/* ------------------------------------------------------------------------- */

#footer {
  clear:both;
  height:20px;
  /*position:absolute;*/
  bottom:0;
  background:url(../images/impresszum.png) 0 0 no-repeat;
  width:100%;
}
 
#footer ul {
  margin-left:380px;
  overflow:hidden;
}

#footer li, #footer a, #footer span {
  width:120px;
  height:20px;  
  background:url(../images/impresszum.png) 0 0 no-repeat;
}

#footer span {
  background-position:-380px 0;
}
#footer a:hover span {
  background-position:-380px -20px;
}

#hirekbox {
  float:right;
  width:200px;
  margin:0 0 10px 10px;
  border-left:1px solid #eee;
  padding-left:10px;
  
}


/*- Menu Tabs D--------------------------- */

    #tabs1, #tabs2 {
      float:left;
      width:100%;
      background:#FCF3F8;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #F4B7D6;
      }
    #tabs1 ul, #tabs2 ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
      }
    #tabs1 li, #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a, #tabs2 a {
      float:left;
      background:url("../images/tableftD.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span, #tabs2 a span {
      float:left;
      display:block;
      background:url("../images/tabrightD.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#C7377D;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span, #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs1 a:hover span, #tabs2 a:hover span {
      color:#C7377D;
      }
    #tabs1 a:hover, #tabs2 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span, #tabs2 a:hover span {
      background-position:100% -42px;
      }  

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

.program_table {
  margin-top:1em;
	border-collapse:collapse;
	width:100%;
}
.program_table th {
	/*font-weight:normal;*/
	text-align:center;
}

.program_table th.head_cim {
	font-weight:bold;
	text-align:center;
}

.program_table th.ido_head {
	width:8em;
}

.program_table td {
	padding:4px;
}

/* fixed vacak */

body {
  padding:230px 0 20px  0;
}

 div#header{
  position:absolute;
  top:0;
  left:auto;
  right:auto;
  width:100%;
  height:230px;
 }
 div#footer{
  position:absolute;
  bottom:-1px;
  left:auto;
  right:auto;
  width:100%;
  height:20px;
 }

 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 
 div#oldalmenu{
  position:absolute;
  top:230px;
  left:0;
  width:152px;
 }
 
 @media screen{
  body>div#oldalmenu{
   position:fixed;
  }
 }
 
 * html body{
  overflow:hidden;
 } 
 * html div#body_wrapper{
  height:100%;
  overflow:auto;
  width:798px;
 }
#header {
  position:absolute;
  top:0;
}

#footer {
  position:absolute;
  bottom:0;
}

/* LISTA */
ul.speaker_list, ul.room_list, ul.category_list {
  margin:1em 0 1em 2em;
  padding:0;
  list-style:none;
}

ul.speaker_list li, ul.room_list li, ul.category_list li {
  margin:0;
  padding-left:15px;
}

ul.speaker_list li {
  background:url(../images/list_speaker.png) 0 2px no-repeat;
}

ul.room_list li {
  background:url(../images/list_room.png) 0 2px no-repeat;
}

ul.category_list li {
  background:url(../images/list_category.png) 0 2px no-repeat;
}

/* galeria */
table.galeria {
  border-collapse:collapse;
}

td.galeriaimg {
  border:1px solid #fff1fd;
  text-align:center;
  vertical-align:middle;
  background-color:#F4B7D6;
  padding:10px;
}
/*
td.galeriaimg div {
  width:100%;
  height:100%;
  
  display:block;
  padding:5px;
}*/

td.galeriaimg img {
  padding:0px;
  border:3px solid #450046;
}

/* program */

table.szakmai_attekinto {
  border-collapse:collapse;
  margin:1em 0;
}
table.szakmai_attekinto td, table.szakmai_attekinto th {
  padding:5px;
  border:1px solid #F4B7D6;
}
table.szakmai_attekinto th.day {
  text-align:center;
  font-weight:bold;
  padding:1em 0 0.5em 0;
}

table.szakmai_attekinto th.oraperc {
  vertical-align:middle;
  font-weight:bold;
  width:20%;
}


table.szakmai_attekinto td {
  width:40%;
}

#logok {
  margin:0 -5px;
  background-color:white;
}

.sponsor_row {
 margin:1em;
 text-align:center;
}

.sponsor_row img {
  margin:1px;
  padding:0;
  border:0;
  vertical-align:middle;
}

.sponsor_text {
 margin:3em;  
 font-weight:bold;
 font-size:16px;
}

a.doc {
  padding-left:15px;
  background:url(../images/word_icon.png) 0 2px no-repeat;
}

/* valaszto */

span.valaszto {
	display:block;
	width:12px;
	height:12px;
	border:0;
	float:left;
}

span.valaszto img {
	border:0;
	width:100%;
	height:100%;
}

span.valasztott {
	background:url("../images/normal/valasztott.gif");
}

span.nem_valasztott {
	background:url("../images/normal/nem_valasztott.gif");
}