
/* http://www.webaim.org/techniques/articles/hiddentext*/
#skip_nav a, #skip_nav a:hover, #skip_nav a:visited  
 { 
 position:absolute; 
 left:0px; 
 top:-500px; 
 width:1px; 
 height:1px; 
 overflow:hidden;
 padding:1em;
 } 
  
 #skip_nav a:active 
 { 
	top:0;
 	width:auto; 
 	height:auto;
	z-index:100;
 } 

body {
	margin:0;
	padding:0;
	
	text-align:center;
	
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:normal;
}

a {color:green;}
a:visited {color:darkgreen;}
a:hover {color:#569fd6;}


#content_wrapper {
	font-size:0.8em;
	padding:10px;/*12px*/
	
	line-height:1.3em;
}

div.clearer {
	clear:both;
}

h1 {
	font-size:1.4em;
	margin:0 0 0.5em 0;
	
	font-weight: normal; 
	color: rgb(69, 69, 69);
	
	font-style:italic;
}

h2, h3, h4 { 
	border-bottom: 1px solid rgb(238, 238, 238); 
	margin: 1em 0pt 0pt; 
	padding: 0pt 0pt 0.5em; 
	font-weight: normal; 
	line-height: 1.4em; 
	color: rgb(69, 69, 69); 
}

h2 {
	border:0;
}

h2 { 
	margin: 1em 0pt 0.5em; 
	font-size: 1.4em; 
}

h3 { font-size: 1.2em; }

h4 {
	border:0;
}
#bal ul { 
	margin: 0.5em 0 0 0; 
	padding: 0 0 0 20px; 
	list-style-image: url(bad/bullet_link.png); 
}

#bal li { 
	margin: 3px 0pt; 
	padding: 0; 
}



#jobb h3 { 
	background: transparent url(bad/bullett_cim.png) no-repeat scroll 0pt 5px; 
	padding-left: 16px; 
	font-weight:bold;
	margin-top:2em;
}


#bal_wrapper {
	width:200px;
	float:left;
}

#bal {
	margin:0 16px 0 0;
}

#jobb_wrapper {
	width:438px;
	float:left;
}

body.program #jobb_wrapper {
	width:auto;
	float:none;
}



#body_wrapper {
	border:1px solid black;
	margin:0 auto;
	padding:0;
	width:662px;
	
	text-align:left;
}


#head {
	width:662px;
	height:136px;
	background:#57A636 url(bad/fejlec.png) 0 0 no-repeat;
	position:relative;
}

#focim {
	position:absolute;
	top:11px;
	left:48px;
}

#focim, #focim a, #focim a span {
	width:445px;
	height:60px;
	display:block;	
	
	margin:0;
	background:url(bad/focim.png) 0 0 no-repeat;
	overflow:hidden;
}

#focim a {margin:0;}
#focim a span {	margin:0; position:absolute; top:0; left:0;}

/* --- [menu] --- */

#menu {
	height:40px;
	margin:0;
	padding:0 0 11px 48px;
	list-style:none;
	background:url(bad/fej_arnyek_feher.png) no-repeat left bottom;
	position:absolute;
	width:662px;
	top:85px;
	left:0;
}

body.nyito #menu {
	background:url(bad/fej_arnyek.png) no-repeat left bottom;
}

#menu li, #menu span {
	float:left;
	display:block;
	padding:0;
	margin:0 2px 0 0;
	height:40px;

	background-image:url(bad/menu.png);
	position:relative;
	top:0;
	left:0;
	overflow:hidden;	
	text-align:center;
}

#menu span {margin:0; position:absolute; float:none;}

/* IE hover shit */
#menu a { color:white;  }
#menu a:hover, #menu a:active; {	color:yellow;}

/* IE cursor shit  */
a span { cursor: pointer;}


#program, #program span {width:93px; background-position: 0 0;}
#info, #info span {width:122px;background-position: -95px 0;}
#tamogatok, #tamogatok span {width:118px;background-position: -219px 0;}
#szervezok, #szervezok span {width:106px;background-position: -339px 0;}
#sajtoszoba, #sajtoszoba span {width:117px;background-position: -447px 0;}

#program a:hover span, #program a:active span {width:93px; background-position: 0 -40px;}
#info a:hover  span, #info a:active  span {width:122px;background-position: -95px -40px;}
#tamogatok a:hover  span, #tamogatok a:active  span {width:118px;background-position: -219px -40px;}
 #szervezok a:hover  span, #szervezok a:active  span{width:106px;background-position: -339px -40px;}
#sajtoszoba  a:hover span, #sajtoszoba  a:active span {width:117px;background-position: -447px -40px;}

/* --- [szlogen] -- */

#szlogen {
	display:none;
}

body.nyito #szlogen {
	width:662px;
	height:176px;
	background:#57A636 url(bad/szlogen.png) 0 0 no-repeat;
	display:block;
}

/* --- [ kult itme] --- */

p.program_link {
	text-align:right;
}

/* --- [footer] --- */

#footer {
	margin:0.5em;
	padding:0.3em;
	border-top:1px solid #eee;
}



#labmenu, #labmenu2 {
	display:block;
	list-style:none;
	margin:0.5em 0;
	padding:0;
	text-align:center;
}

#labmenu li, #labmenu2 li {
	margin:0;
	padding:0 5px;
	
	display:inline;
	
}

#mentha_logo {
		text-align:center;
}

/* --- [switcher] --- */

#switcher {
	text-align:right;
	padding-right:1em;
}

#switcher img {
	vertical-align:middle;
}

/* --- [ udvozlet ] --- */

#udvozlet {
		line-height:1.4em;
		word-spacing:0.3em;
		font-style:italic;
		font-family:arial;
}


/* ---------------------------------- */


body.program #program_menu,
body.program #program_menu_top  {
	list-style:none;
	margin:0;
	padding:0;
}

body.program #program_menu_top  {
	margin-bottom:1em;
}

body.program #program_menu li ,
body.program #program_menu_top li {
	display:inline;
	margin:5px;
	padding:0;
}

#bal #program_menu_top li.nyito {
	display:none;
}

#program_table {
	border-collapse:collapse;
	width:638px;
}
#program_table th {
	font-weight:normal;
}

#program_table th.head_cim {
	font-weight:bold;
	text-align:center;
}

#program_table th#ido_head {
	width:8em;
}

#program_table td {
	padding:4px;
}

/* --- [attekinto] --- */

div.attekinto {
	width:618px;
	clear:both;
	/*float:left;*/
	/*display:inline;	*//* http://www.positioniseverything.net/explorer/doubled-margin.html */
	position:relative;	/* oravonalakhoz */
	
	margin:0 10px;
	
	height:76.8em;			/* 21-9 ora * 4 * 1,6*/
}

div.attekinto_eloadasok {
	width:478px;
	clear:both;
	float:left;
	display:inline;	/* http://www.positioniseverything.net/explorer/doubled-margin.html */
	
	margin:0 0 0 50px;
}

div.attekinto div.muhely_de, div.attekinto div.muhely_du {
	position:absolute;
	top:9.6em;
	height:19.2em;
	width:75px;
	right:0;
		
	overflow:hidden;
}

div.attekinto div.muhely_du {
	top:36.8em;
}

div.attekinto div.muhely_belso {
	margin:0.5em;
}

body.program #jobb h3, body.program2 #jobb h3 {	
	clear:both;
	text-align:center;
	margin:1em 0;
	padding:0;
	background-image:none;
	border:0;
	font-size: 1.4em;
}

div.attekinto div.esemeny {
	width:234px;
	margin-bottom:1.6em;
	overflow:auto;
	
	position:relative;
}

div.attekinto div.esemeny_belso {
	padding:0.2em;
}

div.attekinto div.esemeny h4 {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1em;
}

div.attekinto_adatok_tipus, div.attekinto_adatok_ido, div.attekinto_adatok_eloado {
	font-size:0.9em;
}
/* --- ezek a cuccusok megegyeznek az SQL esemeny, helyszin code_string ertekevel --- */

div.helyszin_terem_1 {
	float:left;
	clear:left;
}

div.helyszin_terem_2 {
	float:right;
	clear:right;
}

div.esemeny_eloadas {
	height:6.4em;
}

div.esemeny_kerekasztal {
	height:9.6em;
}

/* ---- [valasztott] --- */

div.orarend {
	position:relative;
	width:440px;
}

div.oravonal {
	position:absolute;
	width:100%;
	left:0;
}

div.orarend div.esemeny {
	overflow:hidden;
	position:absolute;
}

div.orarend div.esemeny_belso {
	margin:0.5em;
}

div.orarend div.esemeny h4 {
	margin:0;
	padding:0;
	font-weight:bold;
}

div.csillag {
	float:left;
	width:12px;
	margin-right:4px;
}

div#magyarazat {
	padding:1em;
}
/* ----- */

#jobb .esemeny_adatok {
	margin:0 1.5em;
	padding:1em;
}

#jobb .leiras {
	margin:0 1.5em;
	padding:1em;
}

#jobb .leiras h3 {
	border:none;
	font-weight:bold;
	background-image:none;
	padding:0;
	text-align:left;
}


/* --- [ tamogatok ] --- */

body.tamogatok p {
	margin:4em;
}

/* rendeles */

a#cdbanner_link, a#cdbanner_link span {
	display:block;
	width:171px;
	height:71px;
	position:relative;
}

 a#cdbanner_link span {
	position:absolute;
	top:0;
	left:0;
}
