body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background:url(../images/kiszenede.jpg);
}

a {
	color:black;
	text-decoration:none;
}

#container {
	margin:auto;
	width:780px;
	margin-top:50px;
}

#content {
	background:url(../images/content_middle.png) repeat-y;
	position:relative;
}
	#content img#border_bottom {
		position:absolute;
		bottom:-15px;
		left:0;
	}
	#content img#border_top {
		position:absolute;
		top:-15px;
		left:0;
	}
	
#header {
	width:763px;
	height:232px;
	position:relative;
	top:46px;
	left:4px;
	z-index:10;
    background-color: white;
}
    #header #headpics img {
        position: absolute;
    }
    
.submenu {
	width:460px;
	height:35px;
	position:relative;
	top:233px;
	left:25px;
}
	.submenu ul {
		list-style-type:none;
		margin:0;
		padding:0;
	}
		.submenu ul li a#zene {
			background:url(../images/submenu1.jpg) no-repeat;
			width:112px;
			height:20px;
			margin-right:1px;
			float:left;	
		}
			.submenu ul li a#zene:hover {
				background-position:0 -20px;	
			}
		.submenu ul li a#tanc {
			background:url(../images/submenu2.jpg) no-repeat;
			width:112px;
			height:20px;
			margin-right:1px;
			float:left;	
		}
			.submenu ul li a#tanc:hover {
				background-position:0 -20px;	
			}
		.submenu ul li a#kepzo {
			background:url(../images/submenu3.jpg) no-repeat;
			width:112px;
			height:20px;
			margin-right:1px;
			float:left;	
		}
			.submenu ul li a#kepzo:hover {
				background-position:0 -20px;	
			}
		.submenu ul li a#szin {
			background:url(../images/submenu4.jpg) no-repeat;
			width:112px;
			height:20px;
			margin-right:1px;
			float:left;	
		}
			.submenu ul li a#szin:hover {
				background-position:0 -20px;	
			}

.main_menu {
	background:url(../images/topmenul_bg.png) no-repeat;
	width:235px;
	height:315px;
	position:absolute;
	right:21px;
	top:-30px;
	z-index:110;
}

#m_foot {
	background:url(../images/topmenul_bg_foot.png) top no-repeat;
	width:235px;
	height:6px;
	margin:0px;
}

	.main_menu ul {
		list-style-type:none;
		background: url(../images/topmenul_bg_futo.png) repeat-y;
		margin:130px 0 0 0;
	}
		.main_menu ul li {
			height:19px;
		}
		.main_menu ul li.m_vonal {
			height:1px;
			line-height:1px;
			font-size:1px;
			margin:0 0 0 -37px;
			background:url(../images/topmenul_bg_vonal.png) no-repeat;
		}

           .main_menu ul li a {
				line-height:21px;
			}
				.main_menu ul li a:hover {
					color:#999999;
				}

.right_side {
	background-color:black;
	width:216px;
	position:relative;
	right:46px;
	top:130px;
	float:right;
	z-index:100;
	color:white;
}
/*
.right_side {
	background-color:black;
	width:216px;
	position:relative;
	left:500px;
	top:221px;
	z-index:100;
	padding:110px 15px 0 15px;
	padding-top:132px !important;
	color:white;
}
*/

	.right_side h1 {
		background:url(../images/yellow_bullet.jpg) left no-repeat;
		font-size:18px;
		font-weight:normal;
		padding-left:15px;
		letter-spacing:1px;
	} 

.newsblock {
	border-bottom:1px dashed white;
	padding:5px 0;
}
	.newsblock a.title {
		color:#fde700;
		margin:0;
		font-weight:bold;
	}
		.newsblock a.title:hover {
			text-decoration:underline;
		}
	.newsblock p.text {
		margin:0;
	}
	
.center {
	background:url(../images/center_middle.jpg) repeat-y;
	width:437px;
	padding:5px 10px 15px 10px;
	margin:89px 0 0 26px;
	float:left;
}
	.center img#bordertop {
		left:-10px;
		position:relative;
		top:-9px;
	}
	.center p{
		margin-top:0;
	}
    .center h2 {
        margin-top: 0;
    }

/*img#borderbottomcenter {
    left:-10px;
    top:18px;
	position:relative;
}
*/
img#borderbottomcenter {
    left:26px;
    position:relative;
}


.gallery {
	margin:89px 0 0 26px;
	padding-bottom:10px;
	width:500px;
    
}
	.gallery h1 {
		font-size:18px;
		font-weight:normal;
		margin:6px 0 8px 40px;
		padding-top:6px;
		width:430px;
	}
	
#thumbnail {
	border-top:1px dashed #c9c9c9;
	width:447px;
	padding:10px 0 0 4px;
	margin:5px 0 0 4px;
}
	#thumbnail img{
		border:1px solid #c9c9c9;
		padding:3px;
		margin-left:1px;
	}
	#thumbnail a.pager_right {
		width:16px;
		height:16px;
		background:url(../images/pager_right.jpg) no-repeat;
		position:absolute;
		top:396px;
		left:475px;
	}
		#thumbnail a.pager_right:hover {
			background-position:0px -16px;
		}
	#thumbnail a.pager_left {
		width:16px;
		height:16px;
		background:url(../images/pager_left.jpg) no-repeat;
		position:absolute;
		left:15px;
		top:396px;
	}
		#thumbnail a.pager_left:hover {
			background-position:0px -16px;
		}
	
#photo {
	background:url(../images/center_middle.jpg) repeat-y;
	margin-top:10px;
	padding:5px 7px 28px;
	position:relative;
	width:444px;
}
	#photo img#bordertop {
		position:absolute;
		top:-4px;
		left:0;
	}
	#photo img#borderbottom {
		position:absolute;
		bottom:-3px;
		left:0;
	}
	#photo a#pager_left {
		float:left;
		width:16px;
		height:16px;
		background:url(../images/pager_left.jpg) no-repeat;
		margin:7px 0pt 0pt -3px;
	}
		#photo a#pager_left:hover {
			background-position:0px -16px;
		}
	#photo a#pager_right {
		float:left;
		width:16px;
		height:16px;
		background:url(../images/pager_right.jpg) no-repeat;
		margin:7px 0pt 0pt 412px;
	}
		#photo a#pager_right:hover {
			background-position:0px -16px;
		}

.newsitem {
	background:url(../images/center_middle.jpg) repeat-y;
	width:437px;
	padding:5px 10px 15px 10px;
	position:relative;
}
	.newsitem img#bordertop {
		left:-10px;
		position:relative;
		top:-9px;
	}
	.newsitem img#borderbottom {
		bottom:-16px;
		left:-10px;
		position:relative;
	}
	.newsitem p#text {
		position:relative;
		width:385px;
		left:48px;
		margin-top:0px;
	}
	.newsitem img#note {
		left:10px;
		position:absolute;
		top:6px;
	}

.galleryitem {
    background:url(../images/center_middle.jpg) repeat-y;
    width:437px;
    padding:5px 10px 15px 10px;
    margin:10px 0pt 0pt 0px;
    position:relative;
}
    .galleryitem img.bordertop {
        left:-10px;
        position:relative;
        top:-9px;
    }
    .galleryitem img.borderbottom {
        bottom:-16px;
        left:-10px;
        position:relative;
    }
    .galleryitem h2 {
        position:absolute;
        width:340px;
        left:100px;
        margin-top:0px;
        font-size: 14px;
        font-weight: normal;
    }
    .galleryitem h2 a:hover {
        text-decoration: underline;
    }
	
#map {
    width: 420px;
    height: 580px;    
}

#toptext {
    background-color:white;
    left:240px;
    padding-top:9px;
    position:absolute;
    top:0px;
    text-align:right;
}
    #toptext h3, #toptext p {
        margin: 0;
        padding: 0;
    }
    
.teacher {
    background:url(../images/center_middle.jpg) repeat-y;
    width:437px;
    padding:5px 10px 15px 10px;
    margin-bottom: 10px;
    position:relative;
}
    .teacher img.bordertop {
        left:-10px;
        position:relative;
        top:-9px;
    }
	
    .teacher img.borderbottom {
        bottom:-16px;
        left:-10px;
        position:relative;
    }
    .teacher p.text {
        
        width:340px;
        left:100px;
        margin:20px 0 0 90px;
        top:35px;
    }
    .teacher h3 {
        position:absolute;
        width:340px;
        left:100px;
        margin-top:0px;
        font-weight: normal;
    }
    .teacher img#note {
        left:10px;
        position:absolute;
        top:6px;
    }
    
p#footer {
	color:#4d4e50;
	font-size:10px;
	padding:5px;
	letter-spacing:0.5px;
}
/*********************************/	
#main_image{
width:460px;
height:410px;
text-align:center;
vertical-align:middle;
}

#main_image img{
padding:2px;
border:1px solid #aaaaaa;
}

.nav{
  text-align:center;	
width:460px;
clear:both;
}
.gallery_ul
{
	margin:0px;
	padding:0px;
}

.gallery_ul li
{
  list-style:none;
  margin:5px;
  width:90px;
  height:90px;
  float:left;
  display:block;
  text-align:center;
  line-height:90px;
}

.gallery_ul li img
{
  border: 1px solid #aaaaaa;
  padding:5px;
  vertical-align:middle;
 }

#galthumbcontainer{
  height:100px;
  width:400px;
  overflow:hidden;
  float:left;

}

#galscl{
  height:100px;
  width:20px;
  margin-right:5px;
  cursor:pointer;
float:left;
  background:url(../images/arrow_l.jpg) no-repeat center;
}
#galscr{
  height:100px;
  width:20px;
float:left;
cursor:pointer;
margin-left:5px;
  background:url(../images/arrow_r.jpg) no-repeat center;
}	
#cc {float:left;width:440px;}