html, body {border: 0; margin: 0; padding: 0;}


body {
  	font: 12px arial, helvetica, sans-serif;
	background:#333 url('../images/container_bg.gif');
  	line-height: 130%;
  	width: 100%;
  	min-width: 970px;
  	color: #ccc;
}

a {
	color: #669999;
	text-decoration: none;
}

a:hover {
	color: #99CCCC;
}

a img {
  border: none;/*remove border for linked images*/
}

ul#menu li.hidden {display:none;}

/* logo */
a.catalog_logo,
a.mt_logo {
	width:180px;
	height:33px;
	display:block;
	margin-top:31px;
	border:0px;
}



h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
	margin:50px 0 0;
	color:#272727;
}

h2{
	font-size: 1.2em;
/*	height: 20px;	*/
	padding-top: 0;
}

h2.submenu {
	background-color:#212121;
	font-size:12px;
	font-weight:normal;
	height:20px;
	line-height:20px;
	margin:30px 0;
	padding:3px 3px 0;
	letter-spacing:1px;
	color:#efefef;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;
/*	background:#333 url('../images/container_bg.gif'); */
}

#content {
  	width: 940px;
  	margin: 0 auto;
  	text-align: left;
	padding: 2px 20px 20px;
	min-height:500px;
	background-color:#333;
}

/* lang selector */
ul#lang_select {
    background-color: #212121;
    float: right;
    font-size: 12px;
    list-style: none outside none;
    margin: 50px 0 0;
    padding: 3px 10px 3px 5px;
}

	ul#lang_select li{
		float:left;
		margin:0 0 0 5px;
	}

/*  main menu */
ul#menu {
	list-style:none;
	margin:50px 23px 0;
	padding:0;	
	float:right;
	font-size:12px;
}

ul#menu li {
	display:inline;
	margin:0 5px;
	line-height:16px;
}

ul#menu li a {
	letter-spacing:1px;
}


	/*  simple search */
	ul#menu li.simple_search {
		margin:0 0 0 20px;
	}

	ul#menu li input.field {
		border: 1px #1A1A1A solid;
		background: #999;
		margin: 0;
		width: 200px;
		color: #000;
		height: 16px;
		padding:0 2px;
	}

	ul#menu li input:focus.field {
		background: #ccc;
	}

	ul#menu li input.submit {
		color: #669999;
		vertical-align:bottom;
		overflow:visible; 
		font-size:1em; 
		display:inline;  
		margin:0; 
		padding:0; 
		border:0; 
		background:transparent; 
		cursor:pointer;
		letter-spacing:1px;
	}

	ul#menu li input.submit:hover {
		color: #99CCCC;
		background-color:#212121;
	}

#footer {
	background:transparent url(../images/tab_t.png) repeat-x scroll 0;
	bottom:0;
	clear:both;
	color:#CCCCCC;
	height:30px;
	padding-top:20px;
	position:absolute;
	text-align:center;
	width:100%;
	display:none;
}	

/* --------- ABOUT ----------- */

.about_content h2, h2.about_content {
    background-color: #575757;
	color:#fff;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 25px 0 0;
    padding: 0 5px;
    text-transform: uppercase;

}

.about_content p{
	margin:10px 30px 15px;
	text-align:justify;
}

.about_content ul{
	margin:5px 30px;
}




/* ------- SEARCH RESULT LISTS ---- */

#search_results_work, 
#search_results_person, 
#search_results_manifestation {
	width: 100%;
	margin:25px 0 50px;
}


.logged_in {
	background-color:#222;
	padding:5px 0;
}



/* ADATLAPOK */ 

#adatlap {
/*	background-color:#CCCCCC;
	color:#333333;	
	border:1px solid #000; */
	margin:25px 0;
	padding:0px;
	
}

#main_worktitle {
    background-color: #575757;
    color: #FFFFFF;
    font-weight: bold;
    clear: both;
	margin:10px 0 25px;
}

#main_worktitle h2{
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0;
    padding: 3px 5px;
	border-bottom:none;
}

#main_worktitle h2 span.preview{
	float:right;
	padding:0 5px;
}


#adatlap  h2.person_title {
	border-bottom: 1px solid #CCCCCC;
    clear: both;
    font-size: 18px;
    line-height: 20px;
    margin: 40px 0 25px;
    padding: 5px 0;
}

#adatlap  h4.subtitle {
    font-size: 14px;
    line-height: 16px;
    margin: -10px 0 0;
    padding: 5px;
}



#adatlap h3{
	font-size:1.2em;
}

	
.video_container {
	display: block;
	margin: 0 0 25px;
	width: 940px;	
	position: relative;
}

	.video_container:hover {
		background-color: #393939;
	}

	
	.stills_container {
		position: absolute;
		right: 0;
		top: 0;
		width: 351px;
		height: 480px;
        overflow: auto;
	}

		.stills_container h3 {
			background-color:#445D64;
			height:25px;
			line-height:25px;
			text-transform:uppercase;
			padding:0 5px;
			margin:0 0 10px;
		}

		td.still img,
		.stills_container img, 
		img.still_thumb {
			margin:0 3px 5px 0;
			border:1px solid #669999;			
		}

			td.still img:hover,
			.stills_container img:hover, 
			img.still_thumb:hover {
				border:1px solid #99CCCC;			
			}


/* pictures */	
#work_pictures {
   width: 940px;
	margin:25px 0;
}	

	#work_pictures h3 {
		background-color:#445D64;
		height:25px;
		line-height:25px;
		text-transform:uppercase;
		padding:0 5px;
		margin:0 0 6px;
	}

	#work_pictures #work_pictures_stills_container{
		height:135px;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}	
	
		#work_pictures #work_pictures_stills_container a.shutterset {
			/*float:left;
			display:block;*/
			width:80px;
			height:60px;
		}
#work_pictures img.still_thumb {
    width: 160px;
	height: 120px;
}		



		
#adatok {
	margin: 25px 0;
}	

#adatok h3 {
    background-color: #575757;
    height: 25px;
    line-height: 25px;
    margin: 0 0 10px;
    padding: 0 5px;
    text-transform: uppercase;	
}

#adatok h3.moreinfo {
    background-color: transparent;
    border-top: 1px solid #575757;
    font-size: 12px;
    font-weight: normal;
    height: 29px;
    line-height: 24px;
    margin: 30px 0 10px;
    padding-left: 15px;
    text-transform: inherit;
}

	#adatok h3.moreinfo a {
		background: url("../images/bt_open.png") no-repeat scroll right 0 transparent;
		height: 30px;
		line-height: 30px;
		outline: 0 none;
		padding: 5px 27px 2px 0	
	}

	#adatok h3.moreinfo a:hover {
		background: url("../images/bt_open.png") no-repeat scroll right -22px transparent;
		padding: 5px 27px 2px 0;
	}




	#adatok h3.moreinfo a.open {
		background: url("../images/bt_close.png") no-repeat scroll right 0px transparent;
		padding: 5px 27px 2px 0;
	}

	#adatok h3.moreinfo a:hover.open {
		background: url("../images/bt_close.png") no-repeat scroll right -22px transparent;
		padding: 5px 27px 2px 0;
	}


#moreInfo {
	border-bottom: 1px solid #575757;
	display: none;
	margin-bottom: 45px;
	padding-bottom: 10px;
}
	
.work_data,
.person_data {
    display: block;
    margin: 10px 0;
    padding: 1px 0 1px 185px;
}	
	
.work_data:hover,
.person_data:hover {
	background-color: #393939;
}	
	.data_title {
		clear: both;
		float: left;
		margin: 0 0 0 -170px;
		width: 170px;
	}	

	.data_content {

	}	



/* ---------- BROWSE ---------------- */

#browse_container {
	width: 100%;
	margin:25px 0;
}


.jump_menu {
	width: 100%;
	padding: 0;
}

	.jump_menu  .letter {
		display: inline;
		float:left;
		margin-right: 10px;
		color:#575757;
	}

		.jump_menu  .letter a{
			text-transform:uppercase;
			margin:0 1px;
		}

.table_label {
    clear: both;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 50px 0 0;
	padding:3px;
    text-transform: uppercase;
    width: 936px;
}

table.browse,
table.search_results {
	border-collapse:collapse;
	width:100%;	
}

	table.browse tr,
	table.search_results tr {
		border-bottom:1px dashed #575757;
		width:100%;
	}

	table.browse tr.labels,
	table.search_results tr.labels{
		border-bottom:0 dashed #575757;
		width:100%;
	}

	table.browse tr:hover,
	table.search_results tr:hover	{
		background-color:#415F5F;
		color:#999;
	}

	table.browse tr:hover a,
	table.search_results tr:hover a {
		color:#fff;
	}

	table.browse tr:hover a:hover,
	table.search_results tr:hover a:hover {
		text-decoration:underline;
		color:#fff;
	}

	table.browse tr.labels,
	table.search_results tr.labels	{
		background-color:#575757;
	}

	table.browse tr.labels:hover,
	table.search_results tr.labels:hover	{
		background-color:#393939;
		color:#efefef;
	}

		table.browse tr td,
		table.search_results tr td {
			padding:6px 3px;
		}

		table.browse tr td.td_still {
			padding:6px 6px 6px 0;
		}

		table.browse tr td.td_still {
			width: 80px;
		}
		
		td.td_still a img {
		  border: 1px solid #669999;
		}

		td.td_still a img:hover {
		  border: 1px solid #99CCCC;
		}
	
		table.browse tr td.td_title {
			width: 331px;
		}
	
		table.browse tr td.td_person {
			width: 150px;
		}
	
		table.browse tr td.td_type {
			width: 110px;
		}
	
		table.browse tr td.td_date {
			width: 100px;
		}
	
		table.browse tr td.td_length {
			width: 80px;
		}
	
		table.browse tr td.td_public {
			width: 35px;
			text-align:center;
		}
	
.keyword_letter {
	display:block;
	font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
	
/* ---------- MEDIATORTENTI SZOVEGGYUJTEMNY ------------------------- */ 
 
 table.szoveggyujtemeny {
	width:100%;
	border-collapse:collapse;
	border:none;
 }

	 table.szoveggyujtemeny  td.still{
		width:90px;
		padding:5px 0;
		text-align:left;
	 }

	 table.szoveggyujtemeny  td.adatok{
		padding:5px 0;		
		text-align:left;		
	 }

		 table.szoveggyujtemeny  td.adatok .title{
			display:block;
			margin-top:0px;
		 }

		 table.szoveggyujtemeny  td.adatok .link{
			
		 }


	#content.mt p {
		text-align:justify;
	}

	
		.footnotes {
			border-top: 1px solid #fff;
			margin:50px 0 0;
		}
		
			.footnotes .footnote-anchor {
				font-size:12px;
			}

			.footnotes .footnote {
				font-size:11px;
			}