html {
overflow: auto;
}
body {
background: url(kepek/bg.gif);
background-repeat: repeat-x;
background-color: #000000;
margin: 0px;
padding: 0px;
overflow: auto;
}

h1 {
color: #6F2B05;
font-size: 22px; 
font-family: "Times New Roman";
font-weight: normal;
font-variant: small-caps;
}

hr {
border-top: 1px solid #956b41;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}

A:link {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #bb0000;
text-decoration: none;
font-weight: bold;
}
A:visited {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #bb0000;
text-decoration: underline;
font-weight: bold;
}
A:active {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #880000;
text-decoration: underline;
font-weight: bold;
}
A:hover {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #880000;
text-decoration: underline;
font-weight: bold;
}

#container {
position: relative;
background: url("kepek/bg.jpg");
top: 0px;
left: 0px;
padding: 0px;
margin: 0px;
width: 980px;
height: 622px;
}

#content {
position: absolute;
top: 136px;
left: 400px;
width: 500px;
height: 438px;
background-color: transparent;
color: #e7d1b2;
font-size: 11px; 
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
padding: 0px;
margin: 0px;
}












#mycustomscroll2 {
position: relative;
top: 0px;
left: 15px;
width: 520px;
height: 438px;
overflow: auto;
position: relative;
background-color: transparent;
margin: 0px;
padding: 0px;
}

.fixedwidth {
background-color: transparent;
width: 480px;
height: auto;
position: relative;
color: #3D1B00;
padding: 0px;
text-align: justify;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
cursor: n-resize;
}

.vscrollerbase {
width: 22px;
background-color: white;
}

.vscrollerbar {
width: 22px;
background-color: black;
cursor: n-resize;
}

.vscrollerbar {
background: #B15701;
width: 22px;

}

.vscrollerbar, .hscrollerbar {
padding: 18px;
z-index: 2;
}

.vscrollerbarbeg {
background: url("kepek/nyil-fel2.gif");
width: 22px;
height: 5px !important;
}

.vscrollerbarend {
background: url("kepek/nyil-le2.gif");
width: 22px;
height: 5px; 
}

.scrollerjogbox {
background: transparent;
width: 22px;
height: 15px;
top: auto;
left: auto;
bottom: 0px;
right: 0px;
}

.vscrollerbase {
background: #652E04;
width: 22px;
}

.vscrollerbasebeg {
background: url(kepek/nyil-fel.gif);
width: 22px;
height: 1px !important;
}

.vscrollerbaseend {
background: url(kepek/nyil-le.gif);
width: 22px;
height: 22px !important;
}

.alap {
display: block;
}



































#kepekhez {
position: absolute;
top: 0px;
left: 0px;
}

.kiskep {
border: 1px solid #652e04;
padding: 1px;
margin: 2px;
}

.navigationTabs {
display: hidden;
width: 0px;
height: 0px;
}

.zoomimage {
	position: absolute;
	display: none;
	z-index: 5000000;
	outline: none;
	cursor: url(kepek/zoomout.cur), default;
}
.zoomimage_focused {
	z-index: 51000;
}
.zoomimage_s {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}
.zoomimage_st {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 6px;
	overflow: hidden;
}
.zoomimage_stl {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background:transparent url(kepek/shadow.png) no-repeat scroll 0 0;
}
.zoomimage_stc {
	overflow: hidden;
	height: 6px;
	margin: 0 6px;
	background: transparent url(kepek/shadow.png) repeat-x scroll 0 -30px;
}
.zoomimage_str {
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 6px;
	overflow: hidden;
	background:transparent url(kepek/shadow.png) no-repeat scroll 0 -18px;
}
.zoomimage_sc {
	position: absolute;
	top: 6px;
	width: 100%;
	left: 0;
	overflow: hidden;
}
.zoomimage_scl {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 6px;
	background: transparent url(kepek/shadow-lr.png) repeat-y scroll 0pt;
}
.zoomimage_scr {
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	height: 100%;
	width: 6px;
	background:transparent url(kepek/shadow-lr.png) repeat-y scroll -6px 0pt
}
.zoomimage_scc {
	margin: 0 6px;
	height: 100%;
	background:transparent url(kepek/shadow-c.png);
	overflow: hidden;
}
.zoomimage_sb {
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
}
.zoomimage_sbl {
	position: absolute;
	overflow: hidden;
	width: 6px;
	height: 6px;
	left: 0;
	top: 0;
	background:transparent url(kepek/shadow.png) no-repeat scroll 0pt -12px;
}
.zoomimage_sbc {
	height: 6px;
	overflow: hidden;
	margin: 0 6px;
	background:transparent url(kepek/shadow.png) repeat-x scroll 0pt -36px;
}
.zoomimage_sbr {
	position: absolute;
	overflow: hidden;
	width: 6px;
	height: 6px;
	right: 0;
	top: 0;
	background:transparent url(kepek/shadow.png) no-repeat scroll 0pt -6px;
}
.zoomimage img {
	position: absolute;
	top: 6px;
	left: 6px;
	display: none;
	border: 20px solid #000;
}
.zoomimage_caption {
	position: absolute;
	background-color: #000000;
	color: #ffffff;
	width: 100%;
}
.zoomimage_caption p {
	padding: 10px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
}
.zoomimage_loading {
	background-image: url(kepek/ajax_small.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	position: absolute;
	background-color: #fff;
	width: 100%;
	top: 0;
	left: 0;
}
.zoomimage_move {
	cursor: move;
}
.zoomimage_controls {
	position: absolute;
	background: #fff;
	height: 30px;
	overflow: hidden;
}
.zoomimage_prev {
	background: #fff url(kepek/zoomimage_prev.gif) no-repeat center;
	width: 39px;
	height: 29px;
	position: absolute;
	bottom: 1px;
	left: 10px;
}
.zoomimage_next {
	background: #fff url(kepek/zoomimage_next.gif) no-repeat center;
	width: 39px;
	height: 29px;
	position: absolute;
	bottom: 1px;
	right: 10px;
}















.rolam a:link{ color: #A24601; font-size: 6px; position: absolute; top: 105px; left: 321px; float: left; width: 65px; height: 30px; background: transparent; display: block;}
.rolam a:visited{ color: #A24601; font-size: 6px; position: absolute; top: 105px; left: 321px; float: left; width: 65px; height: 30px; background: transparent; display: block;}
.rolam a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 321px; float: left; width: 65px; height: 30px; background: url(kepek/rolam.gif); display: block;}
.rolam a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 321px; float: left; width: 65px; height: 30px; background: url(kepek/rolam.gif); display: block;}

.zene a:link{ color: #A64901; font-size: 6px; position: absolute; top: 105px; left: 384px; float: left; width: 55px; height: 30px; background: transparent; display: block;}
.zene a:visited{ color: #A64901; font-size: 6px; position: absolute; top: 105px; left: 384px; float: left; width: 55px; height: 30px; background: transparent; display: block;}
.zene a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 384px; float: left; width: 55px; height: 30px; background: url(kepek/zene.gif); display: block;}
.zene a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 384px; float: left; width: 55px; height: 30px; background: url(kepek/zene.gif); display: block;}

.koncertek a:link{ color: #AA5001; font-size: 6px; position: absolute; top: 105px; left: 437px; float: left; width: 94px; height: 30px; background: transparent; display: block;}
.koncertek a:visited{ color: #AA5001; font-size: 6px; position: absolute; top: 105px; left: 437px; float: left; width: 94px; height: 30px; background: transparent; display: block;}
.koncertek a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 437px; float: left; width: 94px; height: 30px; background: url(kepek/koncertek.gif); display: block;}
.koncertek a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 437px; float: left; width: 94px; height: 30px; background: url(kepek/koncertek.gif); display: block;}

.fotok a:link{ color: #B25901; font-size: 6px; position: absolute; top: 105px; left: 529px; float: left; width: 59px; height: 30px; background: transparent; display: block;}
.fotok a:visited{ color: #B25901; font-size: 6px; position: absolute; top: 105px; left: 529px; float: left; width: 59px; height: 30px; background: transparent; display: block;}
.fotok a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 529px; float: left; width: 59px; height: 30px; background: url(kepek/fotok.gif); display: block;}
.fotok a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 529px; float: left; width: 59px; height: 30px; background: url(kepek/fotok.gif); display: block;}

.videok a:link{ color: #B96001; font-size: 6px; position: absolute; top: 105px; left: 586px; float: left; width: 69px; height: 30px; background: transparent; display: block;}
.videok a:visited{ color: #B96001; font-size: 6px; position: absolute; top: 105px; left: 586px; float: left; width: 69px; height: 30px; background: transparent; display: block;}
.videok a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 586px; float: left; width: 69px; height: 30px; background: url(kepek/videok.gif); display: block;}
.videok a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 586px; float: left; width: 69px; height: 30px; background: url(kepek/videok.gif); display: block;}

.sajto a:link{ color: #BF6601; font-size: 6px; position: absolute; top: 105px; left: 653px; float: left; width: 57px; height: 30px; background: transparent; display: block;}
.sajto a:visited{ color: #BF6601; font-size: 6px; position: absolute; top: 105px; left: 653px; float: left; width: 57px; height: 30px; background: transparent; display: block;}
.sajto a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 653px; float: left; width: 57px; height: 30px; background: url(kepek/sajto.gif); display: block;}
.sajto a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 653px; float: left; width: 57px; height: 30px; background: url(kepek/sajto.gif); display: block;}

.hangszerbolt a:link{ color: #C46D01; font-size: 6px; position: absolute; top: 105px; left: 708px; float: left; width: 114px; height: 30px; background: transparent; display: block;}
.hangszerbolt a:visited{ color: #C46D01; font-size: 6px; position: absolute; top: 105px; left: 708px; float: left; width: 114px; height: 30px; background: transparent; display: block;}
.hangszerbolt a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 708px; float: left; width: 114px; height: 30px; background: url(kepek/hangszerbolt.gif); display: block;}
.hangszerbolt a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 708px; float: left; width: 114px; height: 30px; background: url(kepek/hangszerbolt.gif); display: block;}

.kapcsolat a:link{ color: #CD7701; font-size: 6px; position: absolute; top: 105px; left: 820px; float: left; width: 92px; height: 30px; background: transparent; display: block;}
.kapcsolat a:visited{ color: #CD7701; font-size: 6px; position: absolute; top: 105px; left: 820px; float: left; width: 92px; height: 30px; background: transparent; display: block;}
.kapcsolat a:active{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 820px; float: left; width: 92px; height: 30px; background: url(kepek/kapcsolat.gif); display: block;}
.kapcsolat a:hover{ color: #D27D05; font-size: 6px; position: absolute; top: 105px; left: 820px; float: left; width: 92px; height: 30px; background: url(kepek/kapcsolat.gif); display: block;}

.chromeball a:link{ position: absolute; top: 495px; right: 20px; float: right; width: 15px; height: 115px; background: transparent; display: block;}
.chromeball a:visited{ position: absolute; top: 495px; right: 20px; float: right; width: 15px; height: 115px; background: transparent; display: block;}
.chromeball a:active{ position: absolute; top: 495px; right: 20px; float: right; width: 15px; height: 115px; background: url(kepek/chromeball.gif); display: block;}
.chromeball a:hover{ position: absolute; top: 495px; right: 20px; float: right; width: 15px; height: 115px; background: url(kepek/chromeball.gif); display: block;}

.myspace a:link{ position: absolute; top: 582px; left: 15px float: left; width: 105px; height: 26px; background: transparent; display: block;}
.myspace a:visited{ position: absolute; top: 582px; left: 15px; float: left; width: 105px; height: 26px; background: transparent; display: block;}
.myspace a:active{ position: absolute; top: 582px; left: 15px; float: left; width: 105px; height: 26px; background: url(kepek/myspace.gif); display: block;}
.myspace a:hover{ position: absolute; top: 582px; left: 15px; float: left; width: 105px; height: 26px; background: url(kepek/myspace.gif); display: block;}

.facebook a:link{ position: absolute; top: 582px; left: 124px; float: left; width: 82px; height: 26px; background: transparent; display: block;}
.facebook a:visited{ position: absolute; top: 582px; left: 124px; float: left; width: 82px; height: 26px; background: transparent; display: block;}
.facebook a:active{ position: absolute; top: 582px; left: 124px; float: left; width: 82px; height: 26px; background: url(kepek/facebook.gif); display: block;}
.facebook a:hover{ position: absolute; top: 582px; left: 124px; float: left; width: 82px; height: 26px; background: url(kepek/facebook.gif); display: block;}

.youtube a:link{ position: absolute; top: 582px; left: 210px; float: left; width: 68px; height: 26px; background: transparent; display: block;}
.youtube a:visited{ position: absolute; top: 582px; left: 210px; float: left; width: 68px; height: 26px; background: transparent; display: block;}
.youtube a:active{ position: absolute; top: 582px; left: 210px; float: left; width: 68px; height: 26px; background: url(kepek/youtube.gif); display: block;}
.youtube a:hover{ position: absolute; top: 582px; left: 210px; float: left; width: 68px; height: 26px; background: url(kepek/youtube.gif); display: block;}

.herflisuli a:link{ position: absolute; top: 528px; left: 15px; float: left; width: 138px; height: 17px; background: transparent; display: block;}
.herflisuli a:visited{ position: absolute; top: 528px; left: 15px; float: left; width: 138px; height: 17px; background: transparent; display: block;}
.herflisuli a:active{ position: absolute; top: 528px; left: 15px; float: left; width: 138px; height: 17px; background: url(kepek/herflisuli.gif); display: block;}
.herflisuli a:hover{ position: absolute; top: 528px; left: 15px; float: left; width: 138px; height: 17px; background: url(kepek/herflisuli.gif); display: block;}

.pribojszkiband a:link{ position: absolute; top: 545px; left: 15px; float: left; width: 138px; height: 17px; background: transparent; display: block;}
.pribojszkiband a:visited{ position: absolute; top: 545px; left: 15px; float: left; width: 138px; height: 17px; background: transparent; display: block;}
.pribojszkiband a:active{ position: absolute; top: 545px; left: 15px; float: left; width: 138px; height: 17px; background: url(kepek/pribojszkiband.gif); display: block;}
.pribojszkiband a:hover{ position: absolute; top: 545px; left: 15px; float: left; width: 138px; height: 17px; background: url(kepek/pribojszkiband.gif); display: block;}

.harmonicashop a:link{ position: absolute; top: 560px; left: 15px; float: left; width: 138px; height: 17px; background: transparent; display: block;}
.harmonicashop a:visited{ position: absolute; top: 560px; left: 15px; float: left; width: 138px; height: 17px; background: transparent; display: block;}
.harmonicashop a:active{ position: absolute; top: 560px; left: 15px; float: left; width: 138px; height: 17px; background: url(kepek/harmonicashop.gif); display: block;}
.harmonicashop a:hover{ position: absolute; top: 560px; left: 15px; float: left; width: 138px; height: 17px; background: url(kepek/harmonicashop.gif); display: block;}

.gohome a:link{ position: absolute; top: 0px; left: 0px; float: left; width: 980px; height: 80px; background: transparent; display: block;}
.gohome a:visited{ position: absolute; top: 0px; left: 0px; float: left; width: 138px; height: 80px; background: transparent; display: block;}
.gohome a:active{ position: absolute; top: 0px; left: 0px; float: left; width: 980px; height: 80px; background: url(kepek/gohome.png); display: block;}
.gohome a:hover{ position: absolute; top: 0px; left: 0px; float: left; width: 980px; height: 80px; background: url(kepek/gohome.png); display: block;}

.copyright{ line-height: 1; text-align: right; position: absolute; top: 593px; right: 45px; float: right; color: #A25F0A; font-size: 10px; font-family: arial;}
.copyright a:link{ color: #5E2701; text-align: right; font-size: 10px; font-family: arial;}
.copyright a:visited{ color: #5E2701; text-align: right; font-size: 10px; font-family: arial;}
.copyright a:active{ color: #F99F2A; text-align: right; font-size: 10px; font-family: arial;}
.copyright a:hover{ color: #F99F2A; text-align: right; font-size: 10px; font-family: arial;}






#zaszlo {
position:absolute;
top: 86px;
right: 60px;
}
.eng {
float: left;
background: url('kepek/english.png') right;
border: 0px;
width: 16px;
height: 16px;
}
.eng:hover {
background: url('kepek/english.png') left;
border: 0px;
width: 16px;
height: 16px;
}
.hu {
float: left;
margin-right: 3px;
background: url('kepek/magyar.png') right;
border: 0px;
width: 16px;
height: 16px;
}
.hu:hover {
background: url('kepek/magyar.png') left;
border: 0px;
width: 16px;
height: 16px;
}









div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content {
background:url(images/contentPattern.png) top left repeat;
}
div.dark_square .currentTextHolder {
color:#787878
}
div.dark_square .pp_description {
color:#cccccc;
font-size: 14px;
font-weight: bold;
font-family: arial;
}
div.dark_square .pp_loaderIcon {
background:url(images/loader2.gif) center center no-repeat
}
div.dark_square .pp_expand {
background:url(images/sprite.png) -31px -26px no-repeat;
cursor:pointer
}
div.dark_square .pp_expand:hover{
background:url(images/sprite.png) -31px -47px no-repeat;
cursor:pointer
}
div.dark_square .pp_contract{
background:url(images/sprite.png) 0 -26px no-repeat;
cursor:pointer
}
div.dark_square .pp_contract:hover{
background:url(images/sprite.png) 0 -47px no-repeat;
cursor:pointer
}
div.dark_square .pp_close{
width:95px;
height:22px;
background:url(images/sprite.png) -1px -1px no-repeat;
cursor:pointer;
}
div.dark_square .pp_arrow_previous{
background:url(images/sprite.png) 0 -71px no-repeat
}
div.dark_square .pp_arrow_previous.disabled{
background-position:0 -87px;cursor:default
}
div.dark_square .pp_arrow_next{
background:url(images/sprite.png) -22px -71px no-repeat
}
div.dark_square .pp_arrow_next.disabled{
background-position:-22px -87px;
cursor:default
}
div.dark_square .pp_next:hover{
background:url(images/btnNext.png) center right no-repeat;
cursor:pointer
}
div.dark_square .pp_previous:hover{
background:url(images/btnPrevious.png) center left no-repeat;
cursor:pointer
}
div.pp_pic_holder a:focus{
outline:none
}
div.pp_overlay{
background:#000;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9500
}
div.pp_pic_holder{
display:none;
position:absolute;
width:100px;
z-index:10000
}
div.pp_pic_holder a:focus{
outline:none
}
div.pp_overlay{
background:#000;
left:0;
position:absolute;
top:0;
width:100%;
z-index:9500
}
div.pp_pic_holder{
display:none;
position:absolute;
width:100px;
z-index:10000
}
.pp_top{
height:4px;
position:relative
}
* html .pp_top{
padding:0 0px
}
.pp_top .pp_left{
height:4px;
left:0;
position:absolute;
width:4px
}
.pp_top .pp_middle{
height:4px;
left:4px;
position:absolute;
right:4px
}
* html .pp_top .pp_middle{
left:0;
position:static
}
.pp_top .pp_right{
height:4px;
left:auto;
position:absolute;
right:0;
top:0;
width:4px
}
.pp_content{
height:30px;
position:
relative;
text-align:left;
width:100%
}
.pp_content .pp_details{
display:none;
margin:10px 15px 2px 20px;
}
.pp_description{
display:none;
float:left;
margin:0
}
.pp_nav{
float:left;
margin:3px 0 0 0
}
.pp_nav p{
float:left;
margin:2px 4px
}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{
display:block;
float:left;
height:15px;
margin-top:3px;
overflow:hidden;
text-indent:-10000px;
width:14px
}
.pp_hoverContainer{
left:0;
position:absolute;
top:0;
width:100%;
z-index:2000
}
a.pp_next{
background:url(images/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:right;
height:100%;
text-indent:-10000px;
width:49%
}
a.pp_previous{
background:url(images/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:left;
height:100%;
text-indent:-10000px;
width:49%
}
a.pp_expand,a.pp_contract{
cursor:pointer;
display:none;
height:20px;
position:absolute;
right:30px;
text-indent:-10000px;
top:10px;
width:20px;
z-index:20000
}
a.pp_close{
display:block;
float:right;
text-indent:-10000px
}
.pp_loaderIcon{
display:none;
height:24px;
left:50%;
margin:-12px 0 0 -12px;
position:absolute;
top:50%;
width:24px
}
#pp_full_res{
display:none;
line-height:1 !important;
margin:0 auto;
text-align:center;
width:100%
}
div.ppt{
color:#fff000;
display:none;
font-size:14px;
left:0;
position:absolute;
top:0;
z-index:9999
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix{
display:inline-block
}
* html .clearfix{
height:1%
}
.clearfix{
display:block
}

#thickfilm {
width: 24px;
height: 24px;
border: 0px solid #ffffff;
cursor: pointer;
float: left;
margin-right: 5px;
}

.kiskep {
border: 1px solid #000000;
margin:3px;
}