body { background: url('../images/headerbg.jpg') repeat-x 0 0;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666; margin: auto; } 
img { border: none 0; }
#maindiv { width: 1000px; margin: 0 auto; position: relative;}

a {color: #FF3300;}

hr { border: none; border-bottom: 2px #747474 dotted; } 

H1 {font-size: 18px; color: grey;}
H2 {font-size: 14px; margin: 0 0 0 0;}
H4 {margin: 0 0 0 0; color: black;}
H5 {margin: 0; color: grey;}
H6 { font-size: 12px; margin:0; height: 35px; font-weight: normal;}
#hattercsik { position: absolute; height: 63px; background: url('../images/varfok_fejlec.png'); width: 100%; top: 10px; left: 0; z-index: -1; } 

#fejlecdiv { background: transparent url('../images/varfok_fejlec_csik.png') no-repeat right 10px; padding: 20px 0 0 5px; z-index:0} 
	#fejlecdiv li { float: left; list-style:none; width: 110px; text-align: center; height: 60px; padding-top:35px; position: relative; left: 170px; } 
	#fejlecdiv li a { color: #000; text-decoration: none; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  } 
	#fejlecdiv li.active, #fejlecdiv li:hover { background: url('../images/menuaktivbg.png') no-repeat; } 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 


#balmenudiv { position: absolute; top: 200px; left: 10px; width: 200px; z-index: 99;} 
	#balmenudiv ul { padding: 0; margin: 0; }
	#balmenudiv li { list-style: none; padding: 0 0 10px 0; font-size: 18px; }
	#balmenudiv li a{ color: #666; font-size:10px; text-transform: uppercase; text-decoration: none; } 
	#balmenudiv li a.active { background: 0px -3px url('../images/jobb.png') no-repeat; color: #000; padding-left: 20px; height: 30px; padding-bottom: 18px;} 


#oldweb { float: left; width: 1000px; text-align:center; color: #000; font-size: 10px; margin: 30px 0 0 0;  }

#lablecdiv { float: left; width: 1000px; text-align:left; color: #000; font-size: 10px; margin: 30px 0 30px 0; border-top: 2px dotted grey; }
	#lableccontent p { float: left; padding: 5px 0 0 0px; width: 36	0px; }
	#lablecpartners { float: right; width: 640px; }
	#lableccontent img { float: left; padding: 8px 0 0 8px; }

#main_contents { float: left; width: 800px; margin-left: 200px;} 

#hirlista { float: right; width: 200px; position: relative; top: -10px; } 
#hirlista h1 { font-size: 15px; } 
div.hir { overflow: hidden; cursor: pointer; } 

#hircontents { float: left; width: 580px; overflow: hidden;}
#hircontents img {max-width: 580px !important;}

div.muvesz { float: left; margin-right: 15px; margin-bottom: 15px; width: 185px; height: 145px; text-align:center; cursor:pointer; position:relative; } 
div.muvesznev { position: relative; width: 100%; z-index: 3; font-size: 11px;} 
div.muvesz img{ margin-top: 15px;}  
div.muveszablak { width: 185px; height: 185px; position: absolute; top: 0; left: 0; background: url(../images/muvesz_ablak.png) no-repeat; z-index: 2; } 

#festoikon { height:100px; position:absolute; right:-130px; text-align:right; top:70px; width:300px; z-index:-1; } 
div.table { display: table; } 
div.tr { display: table-row; } 
div.td { display:table-cell; padding: 5px; } 
div.th { background-color: #000; color: #fff; } 
#egyikterem { text-align:justify; } 
#masikterem { width: 175px; position: absolute; left: 0; top: 320px; background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; text-align: center; } 
#masikterem img { max-width: 175px; } 

#muveszfoto { width: 220px; position: absolute; left: 0; top: 230px; background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; text-align: center; } 
#muveszfoto img { border: 1px solid #FFD000; display: block; float: left; margin-right: 10px; } 
#muveszfoto a { color: #666; } 

#muveszfoto { width: 220px; position: absolute; left: 0; top: 230px; background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; text-align: center; } 


#muveszKorszakValaszto { width: 220px; position: absolute; left: 0; top: 380px;  background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; text-align: center;}
#muveszKorszakValaszto a { color: #666; } 

.pici { font-size: 11px; } 


#xo { float: left; width: 580px; text-align:justify; margin-right: 20px; } 
#varfok { float: left; width: 200px; text-align:justify;} 

.kepszoveg { text-align: center; float: left; width: 100%; } 

.thumbnail { padding: 4px; background-color: #e6e6e0; border: 1px solid #d6d6d0; margin-right: 10px; margin-bottom: 10px; max-width: 750px; max-height: 400px; }
.korszaktn {max-height: 100px; max-width: 120px;}

#muveszeletrajz { background-color: white; padding: 15px; width: 500px; text-align: justify; border: 1px solid #d6d6d0; position: absolute; z-index: 55; visibility: hidden; } 
#muveszeletrajz img {position: absolute; right: 15px; top: 15px; } 
#muveszleiras { background-color: white; padding: 15px; width: 500px; text-align: justify; border: 1px solid #d6d6d0; position: absolute; z-index: 55; visibility: hidden; } 
#muveszleiras img {position: absolute; right: 15px; top: 15px; } 
#esemenykepek .thumbnail { max-width: 100px; max-height: 100px; }  
#esemenykepek2 .thumbnail {	max-height: 150px; max-width: 200px;} 

div.tnholder { display: block; visibility:hidden; margin-bottom: 15px; overflow: hidden; } 

#mainxo, #mainvarfok { width: 215px; float: left; padding: 0 15px 0 15px; } 
#mainxo img, #mainvarfok img { border: 1px solid #ffcc00; width: 200px; max-height: 180px;} 
#mainxo img { border: 1px solid #ffcc00; width: 200px; float: right;} 

#mainvarfok { border-left: 2px dotted #666; height: 239px; } 
#mainvarfok H4, #mainvarfok h6 { text-align: right;} 
#mainxo h6 { text-align: left;} 

#maincont { background-color: #e9e9e9; width: 500px; padding: 15px 0 15px 0; float:left; height: 240px; } 

#hirek { float: right; background-color: #e9e9e9; padding: 15px 15px 15px 15px; width: 260px; height: 240px; overflow: hidden; text-align:justify !important; position: relative; } 

#kiemeltHir { float: left; margin-top: 20px; background-color: #e9e9e9; padding: 15px 15px 15px 15px; width: 390px; height: 300px; overflow: auto; } 
#kiemeltHir h1 { border-bottom: 2px dotted #666; width: 365px; padding: 0 0 7px 0; margin: 0 0 15px 15px; font-size: 15px; color: #444; text-transform: uppercase; font-family: Verdana; } 
#kiemeltHir h5 { text-align: center; margin: 0 0 3px 0; font-weight: normal; font-style: italic; color: black;}
#portalGaleria { text-align: justify; float: left; margin-top: 20px; background-color: #e9e9e9; padding: 15px 15px 15px 15px; width: 390px; height: 300px; overflow: hidden; }
#portalGaleria h1 { border-bottom: 2px dotted #666; width: 365px; padding: 0 0 7px 0; margin: 0 0 5px 15px; font-size: 15px; color: #444; text-transform: uppercase; font-family: Verdana; } 
#portalGaleria h5 { text-align: center; margin: 0 0 3px 0; font-weight: normal; font-style: italic; color: black;}
#portalGaleria img { text-align: center; margin: 5px auto; display: block; max-width: 250px; max-height: 160px;}
#portalKep { margin: 10px auto; display: block; background-color: black; width: 250px}
#portalKep img {opacity: .2}
#portalTalpnyom {border: 1px dotted #666;  background-color: #999}


#bevezeto { padding: 0 0 15px 0; height: 118px; overflow: hidden;}
#head p {text-align: center; margin: 0; font-weight: bold; padding-left: 20px; font-size: 13px; font-style: italic; color: black;}
#bevezeto p {padding: 0; margin: 0;}

#datum {text-align: center; clear: both;}

#bal, #jobb { float: left; margin-top: 220px; } 
#bal2 { position: absolute; left: 5px; top: 110px; z-index: 10; } 
#jobb2 { position: absolute; right: 5px; top: 110px; z-index: 10; } 
#kepholder { display: block; width: 100%; } 
#xokepek, #varfokkepek { height: 550px; width: 770px; float: left; } 
#archivumkepek { height: 530px; width: 550px; float: left; }
.activeEv {color: #000; font-weight: bold; background: #ffcc00; background-color: #FFD000; padding: 0px; border-left: #FFDB1E 1px solid; border-top: #FFDB1E 1px solid; border-bottom: #c69d00 1px solid; border-right: #c69d00 1px solid;}

#xoszoveg { height: 45px; overflow: hidden; width: 800px;} 
a.archivelink { color: black; text-decoration: none; font-size: 11px; } 
#naptar {position: fixed; top: 220px; left: 0; height: 270px; width: 200px; z-index: 99; padding: 5px; border: #d6d6d0 1px solid; background-color: #e9e9e9;}
#facebook {position: absolute; left: 120px; top: 169px; z-index: 99;}

#videok { float: right; background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; width: 350px; height: 300px; overflow: hidden; text-align:justify !important; margin-top: 20px; position: relative; } 


.videoklist { padding: 15px 5px 15px 15px; width: 700px; height: 170px; margin: 20px 0 0 0; float: left; position: relative;} 
#videoklistvid H2, .videoklistvid H6 { float: left; border: 1px solid black; display: block;}
#videoklistvid {  background-color: #e9e9e9; padding: 20px; float: left; } 
.videoklisttext { margin: 20px; float: right; width: 341px; } 

.playbutton { position: absolute; top: 85px; left: 140px; } 
.playbuttonvid { position: absolute; top: 75px; left: 100px; } 

#navi { height: 15px; width: 100%; position: absolute; top: 300px; left: 0; text-align: center; } 
#navi2 { height: 15px; width: 100%; position: absolute; top: 300px; left: 0; text-align: center; top: 250px; z-index: 0; background-color: #e9e9e9; opacity: .9; } 
#navi3 {background-color: #e9e9e9; height: 15px; width: 100%; position: absolute; top: 300px; left: 0; text-align: center;}

#evnavi {width: 100%; display: block;}
.evNaviItem {border:  #d6d6d0 1px solid; float: left; padding: 2px; margin: 2px; height: 15px; width: 40px; text-align: center; cursor: pointer;}

.tovabb { color: black; display: block; float: right; background-color: #FFD000; padding: 3px 13px; border-left: #FFDB1E 1px solid; border-top: #FFDB1E 1px solid; border-bottom: #c69d00 1px solid; border-right: #c69d00 1px solid; font-style:italic; text-decoration: underline; margin-top: 15px; } 
.tovabb a { color: black; }

#esemenykepek { height: 200px; width: 565px; float: left; background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; position: relative; } 
#esemenykepek2 { height: 200px; width: 100%; float: left; background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; position: relative; } 

#videotn { height: 200px; width: 200px; float: left; background-color: #e9e9e9; padding: 5px; padding-top: 15px; padding-bottom: 15px; margin-left: 15px; text-align: right; } 
#videotn img { max-width: 200px; max-height: 200px; } 

#contact { width: 1000px; float: right; } 
#contactTulaj { float: left; width: 200px; margin-left: 125px; } 
#contactMuvtori { float: right; }
#contactTulaj .muvesznev { top: -13px;}
#contactMuvtori .muvesznev { top: -13px;}
#szurkeseg { width: 100%; float: left; margin-top: 20px; } 

#cimblokk { height: 270px; width: 270px; float: left; background-color: #e9e9e9; padding: 15px; position: relative; margin-right: 15px; } 
#cimblokkjobb { height: 270px; width: 270px; float: right; background-color: #e9e9e9; padding: 15px; position: relative; margin-right: 10px; } 

#terkep { height: 270px; width: 326px; float: left; background-color: #e9e9e9; padding: 15px; position: relative; margin-right: 15px; } 

#languages {position: absolute; left: 0; top: 80px; display: block; z-index: 99;}
#languages a { color: #000; text-decoration: none;  }

#hirlevel {position: absolute; left: 0; top: 170px; width: 85px; text-align: center; display: block; z-index: 99; text-transform: uppercase; background-color: #e9e9e9; padding: 5px 15px;  border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}
#hirlevel a {color: black; text-decoration: none;}

.activelang, .okgomb {color: #000; font-weight: bold; background: #ffcc00; padding: 0px; border-left: #FFDB1E 1px solid; border-top: #FFDB1E 1px solid; border-bottom: #c69d00 1px solid; border-right: #c69d00 1px solid;}
.firstLang, .midLang, .lastLang {width: 80px; height: 25px; text-align: center; padding-top: 4px;}
.paging {color: #000; background: #ffcc00; padding: 5px; border-left: #FFDB1E 1px solid; border-top: #FFDB1E 1px solid; border-bottom: #c69d00 1px solid; border-right: #c69d00 1px solid; float: left; margin-right: 5px; width: 15px; height: 15px; text-align: center;}
.paging a { color: #000; text-decoration: none; }
.pagingActive {font-weight: bold; }

#fly {position: fixed; right: 20px; top: 220px; width: 80px; height: 84px; display: block; background-image: url('../images/fly-on-the-wall.jpg');}
#konnektor {position: relative; float: right; right: 120px; top: 20px; width: 207px; height: 210px; display: block; background-image: url('../images/konnektor.jpg');}
#newsletterform {float: left; width: 400px;}
#newsletterform label {float: left; width: 180px;}
#newsletterform input {float: left; width: 180px;}

#history img {padding: 5px; border: 1px solid #ffcc00; margin: 8px 0 8px 0;}
#history img.left {float: left; margin-right: 15px; }
#history img.right {float: right; margin-left: 15px;  }
#history p {text-align: justify;}

#szurke {background-color: #e9e9e9;}
.formerrors {background-color: #eee; color: red; margin: 0px; }
.formerrors li {padding: 6px; }

.ux-carousel-container {max-height: 1100px !important;}

.delikateszImageTn img {max-width: 113px};