@charset "utf-8";

body {
background-image:url(Images/Bg2.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#e7e7e7;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


#Container {
	width:900px;
	height:484px;
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-450px;
}

#CenterPicture {
width:900px;
height:250px;
margin-top:18px;
}

#Logo {
background-image:url(Images/logo.png);
background-repeat:no-repeat;
background-position:left;
width:120px;
height:31px;
float:left;
margin-top:-5px;
#margin-top:0px;
}

*html #Logo {
background-image:url(Images/logo.jpg);
}

#ContentArea {
width:900px;
height:484px;
background-color:#f0f0f0;
margin-top:-7px;
#margin-top:18px;
background-image:url(Images/ContentBg.jpg);
background-repeat:no-repeat;
background-position:left;

}


#Menu {
width:780px;
height:15px;
margin-top:5px;
margin-left:120px;
background-color:#94bd17;
padding-top:2px;
text-align:right;
}

*html #Menu {
margin-top:-26px;
}

.KO_Pic {
width:90px;
height:90px;
border:#CCCCCC solid 5px;
padding:3px;
margin:12px;
}


.IR_Pic {
width:90px;
height:90px;
border:#CCCCCC solid 5px;
padding:3px;
margin:4px;
}



a{
text-decoration:none;
color:#333333;
cursor:pointer;
}

a:hover{
color:#ffffff;
}

table a{
text-decoration:none;
color:#586D30;
}

#Menu a{
margin-left:20px;
margin-right:20px;
font-variant:small-caps;
font-size:10px;
letter-spacing:2pt;
}


#TartalomAblak {
position:absolute;
background-color:#dedede;
left:50%;
top:40px;
margin-left:-130px;
margin-top:0px;
width:560px;
height:465px;
padding:10px;
}

#TartalomAblak table {
width:560px;
height:465px;
text-align:right;
vertical-align:middle;
}


#TartalomAblak p {
padding:12px;
}


#TartalomAblak img{
border:4px #9bb666 solid;
margin-left:12px;
}

#Description {
position:relative;
width:180px;
}


#KisszovegAblak {
width:165px;
padding:10px;
}

#TumbnailAblak {
position:absolute;
left:50%;
top:110px;
margin-left:-330px;
width:190px;
height:285px;
}

#TumbnailAblak img{
width:60px;
height:60px;
border:5px #cccccc solid;
padding:8px;
cursor:pointer;
margin-left:5px;
margin-bottom:7px;
}

#KisKepek img{
cursor:pointer;
border:4px #9bb666 solid;
float:left;
}

#KisKepek {
position:absolute;
top:245px;
#top:235px;
left:50%;
width:280px;
margin-left:-50px;
}


#KisKepek2 {
position:absolute;
top:245px;
#top:235px;
left:50%;
width:280px;
margin-left:35px;
}


#KisKepek3 {
position:absolute;
top:245px;
#top:235px;
left:50%;
width:240px;
margin-left:-232px;
}

#KisKepek4 {
	position:absolute;
	top:285px;
	#top:335px;
	left:50%;
	width:250px;
	margin-left:-292px;
}


#KisKepek4 img {
width:55px;
height:55px;
}


#Tippek {
background-image:url(Images/tipp.jpg);
background-position:right;
background-repeat:no-repeat;
position:absolute;
top:0px;
left:50%;
width:160px;
height:28px;
margin-left:130px;
}


*html #Tippek {
top:-8px;
}

#Tippek a{
line-height:32px;
font-size:10px;
color:#669900;
cursor:pointer;
}

*html #Tippek a{
line-height:48px;
}


#TippSzam {
color:#999999; 
position:relative; 
top:-27px; 
left:138px;
}


#TippSzam2 {
color:#999999; 
position:relative; 
top:-27px; 
left:135px;
}



#TippAblak1, #TippAblak2, #TippAblak3, #TippAblak4, #TippAblak5, #TippAblak6, #TippAblak7, #TippAblak8, #TippAblak9  {
	width:200px;
	background-color:#FFFFFF;
	border:#d1dfa6 double 8px;
	display:none;
	color:#336600;
	padding:10px;
	position:absolute;
	top:100px;
	left:50%;
	margin-left:240px;
	z-index:1000;
}




#Submenu {
margin-top:10px;
}

#Submenu1 {
margin-top:80px;
}

*html #Submenu1 {
margin-top:10px;
}


#Impresszum {
	font-size:9px;
	color:#999999;
	line-height:20px;
	width:900px;
	position:absolute;
	top:524px;
	left:50%;
	margin-left:-450px;
	z-index:3;
}

#Impresszum a {
	font-size:9px;
	color:#999999;
	line-height:20px;
}

/*#Footer {
background-image:url(Images/BgFooter.jpg);
background-repeat:repeat-x;
background-position:bottom;
position:fixed;
bottom:0px;
height:74px;
width:100%;

}*/

#Container #Content #Refbtn img{
margin-top:-31px;
}

*html #Container #Content #Refbtn img{
margin-top:-102px;
}

/*--------------uj referencia oldal--------------*/



#ContentText {
	width:270px;
	height:420px;
	margin-top:25px;
	margin-left:25px;
	padding-top:8px;

#padding-top:0px;
}

#ContentText2 {
	width:380px;
	height:420px;
	margin-top:25px;
	margin-left:25px;
	padding-top:8px;

#padding-top:0px;
}



/*--------------flash--------------*/

#Flash {
position:absolute;
margin-left:100px;
left:50%;
top:55px;
float:left;
}

#Flash2 {
position:absolute;
margin-left:-454px;
left:50%;
top:100px;
float:left;
}



#Slider {
position:relative;
left:25px;
top:-265px;
float:left;
}



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


#kisAblak {
position:absolute;
top:70px;
left:50%;
margin-left:232px;
z-index:1000;
visibility:hidden;
}


html>/**/body #kisAblak {
visibility:visible;
}

#kisAblak p {
position: relative;
top: -280px;
}






#DecorPic {
position:absolute; 
top:57px;
#top:55px; 
left:50%; 
margin-left:-50px;
}

#DivFuggetlenKepek {
position:relative;
width:400px;
top:-205px;
left:50px;
}


.Lapozos {
	text-align:center;
	font-size:8px; 
	color:#669900;
	position:absolute;
	bottom:12px;
	left:325px;
}

/*-------------MODAL POPUP--------------*/

#modalPage1, #modalPage2, #modalPage3, #modalPage4
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground
{
	filter: Alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 500;
}

*html .modalBackground
{
	width:1500px;
	height: 1000px;
}



.modal_vertical
{
    background-color: white;
    border: solid 3px white;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-250px;
    margin-left:-161px;
    width: 333px;
    height: 500px;
    padding: 0px;
    z-index: 1000;
}

.modal_horizontal
{
    background-color: white;
    border: solid 3px white;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:-250px;
    margin-left:-375px;
    width: 750px;
    height: 500px;
    padding: 0px;
    z-index: 1000;
}

*html .modalContainer {
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top:50px;
    margin-left:-375px;
    width: 750px;
    height: 500px;
    padding: 0px;
    z-index: 1000;
}



.modalTop
{
position:relative;
top:-19px;
left:-3px;
	width: 14px;
	height:14px;
	cursor:pointer; 
	border:#ffffff solid 3px;	
}

*html .modalTop
{
position:relative;
top:3px;
left:-3px;
}


.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}

.modalBody
{
}