body  {
  font-family: Tahoma,Arial,Garamond;
 font-size: 13px;
}  
 
a:link {
color : #000000;
text-decoration : none;
}
a:visited {
color : #000000;
text-decoration : none;
}
a:hover {
color : #990000;
text-decoration : none;
}
a:active {
color : #990000;
text-decoration : none;
} 

.gallery{
position: relative;
z-index: 1;
font-family: Tahoma,Arial,Garamond;
font-size: 13px;
color: #000000;
text-decoration: none;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail img{
border: 1px solid #000000;
margin: 0 5px 5px 0;

}

.thumbnail:hover{
background-color: transparent;
color: #000000;
text-decoration: none;
}

.thumbnail:hover img{
border: 1px solid #000000;
}

.thumbnail span{
width:350px;
position: absolute;
top: -90px;
left: 410px;
background-color: #e6e2c9;
padding: 5px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
text-align: left ;
font-family: Tahoma,Arial,Garamond;
font-size: 13px;
z-index: 1;

}

.thumbnail span img{
border-width: 0;
padding: 2px;
float: left;
z-index: 1;
}

.thumbnail:hover span{
visibility: visible;
top: -90px;
left: 410px;
z-index: 1;
text-decoration:none;
}




.thumbnail2 img{
border: 1px solid #000000;
margin: 0 5px 5px 0;

}

.thumbnail2:hover{
background-color: transparent;

}

.thumbnail2:hover img{
border: 1px solid #000000;
}

.thumbnail2 span{
width:350px;
position: absolute;
top: -90px;
left: 310px;
background-color: #e6e2c9;
padding: 5px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
text-align: left;
font-family: Tahoma,Arial,Garamond;
font-size: 13px;
z-index: 1;

}

.thumbnail2 span img{
border-width: 0;
padding: 2px;
float: left;
z-index: 1;
}

.thumbnail2:hover span{
visibility: visible;
top: -90px;
left: 310px;
z-index: 1;
}



.thumbnail3 img{
border: 1px solid #000000;
margin: 0 5px 5px 0;

}

.thumbnail3:hover{
background-color: transparent;

}

.thumbnail3:hover img{
border: 1px solid #000000;
}

.thumbnail3 span{
width:350px;
position: absolute;
top: -90px;
left: 205px;
background-color: #e6e2c9;
padding: 5px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
text-align:left;
font-family: Tahoma,Arial,Garamond;
font-size: 13px;
z-index: 1;

}

.thumbnail3 span img{
border-width: 0;
padding: 2px;
float: left;
z-index: 1;
}

.thumbnail3:hover span{
visibility: visible;
top: -90px;
left: 205px;
z-index: 1;
}



.thumbnail4 img{
border: 1px solid #000000;
margin: 0 5px 5px 0;

}

.thumbnail4:hover{
background-color: transparent;

}

.thumbnail4:hover img{
border: 1px solid #000000;
}

.thumbnail4 span{
width:350px;
position: absolute;
top: -90px;
left: 100px;
background-color: #e6e2c9;
padding: 5px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
text-align: left;
font-family: Tahoma,Arial,Garamond;
font-size: 13px;
z-index: 1;

}

.thumbnail4 span img{
border-width: 0;
padding: 2px;
float: left;
z-index: 1;
}

.thumbnail4:hover span{
visibility: visible;
top: -90px;
left: 100px;
z-index: 1;
}



.keptabla{
font-family: tahoma;
font-size: 13px;
text-align: justify;
vertical-align: top;  	
}






.tartalom{
 font-family: Tahoma,Arial,Garamond;
 font-size: 13px;
 background-color:#e6e2c9; /*doboz háttérszíne*/
 color: #000000; /*szöveg színe a dobozban*/
 border: 1px solid #000000; /*keret színe*/
 padding: .5em 2ex;
 position: relative;
 bottom: 4px;
 right: 4px;
 z-index:0;
 text-align: left;
}


.oldalcim{
 margin-top: 5px;
 margin-left: 240px; 
 position: absolute; 
 display :inline; 
 font-size: 18px;
 font-family:'Tahoma'; 
 color: #000000;
}

#css_menu {
  
    line-height: 14px;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#css_menu a {
    line-height: 14px;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	display: block;
	color: #ffffff;
		border: 0;
	text-decoration: none;
}
#css_menu a.active {
    line-height: 14px;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	display: block;
	color: yellow;
		border: 0;
	text-decoration: none;
}
#css_menu a:hover {
    line-height: 14px;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	display: block;
	color: yellow;
	border: 0;
	text-decoration: none;
}




#css_menu2 {
    height: 20px;  
    background: black; 
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	list-style-type: none;

}
#css_menu2 a {    
    padding-top: 2px;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	display: block;
	color: yellow;
		border: 0;
	text-decoration: none;
}
#css_menu2 a.active {
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	display: block;
	color:orange;
		border: 0;
	text-decoration: none;
}
#css_menu2 a:hover {
    font-family: Tahoma,Arial,Helvetica;
    font-size: 14px; 
	display: block;
	color: orange;
	border: 0;
	text-decoration: none;
}


#css_menu3 {
    height: 20px;  
    background: black; 
    font-family: Tahoma,Arial,Helvetica;
    font-size: 13px; 
	list-style-type: none;

}
#css_menu3 a {    
    padding-top: 2px;
    font-family: Tahoma,Arial,Helvetica;
    font-size: 13px; 
	display: block;
	color: white;
		border: 0;
	text-decoration: none;
}
#css_menu3 a.active {
    font-family: Tahoma,Arial,Helvetica;
    font-size: 13px; 
	display: block;
	color:yellow;
		border: 0;
	text-decoration: none;
}
#css_menu3 a:hover {
    font-family: Tahoma,Arial,Helvetica;
    font-size: 13px; 
	display: block;
	color: yellow;
	border: 0;
	text-decoration: none;
}