/* TWO COLUMN LAYOUT */

body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	background-color:#000;
	}
.main_wrapper {
	max-width:960px; /* sets max layout width */
	min-width:720px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	padding-top:4%;
	}
.header {
    height:120px;	 
	}
.nav {
	width:140px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */	
	}
.content {
	/* default auto width */
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html .content { 
	float:left; 
	}
/* end of hack - don't remove this comment */
.footer {
	clear:both; /* makes the footer sit below whichever column is longest */
	}
.header_inner, .nav_inner, .content_inner, .promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
.header_inner { 
	padding:1em 2em; /* creates space between the box  and the content */
	}
.nav_inner {
	padding:1em 0; /* creates space between the box and the content */
	}
.content_inner { 
	padding:1em 1em 1em 1.5em; /* creates space between the box and the content */
	}
.footer_inner {
	padding:.5em 0em; /* creates space between the box and the content */
	text-align:center;
	}
div#homediv {
	height:990px;
	background:#000 url("../kepek/buddha1.jpg") no-repeat left top;
}
div#homediv .content {
	padding-left:100px;
    padding-right:100px;
}
div#homediv .content_inner {
	padding-left:0.5em;
    padding-right:0.5em;
}
div#middlediv {
	height:990px;
	background:#000 url("../kepek/buddha2.jpg") no-repeat left top;
}
div#middlediv div.content_inner {
	overflow:hidden;
	height:430px;
	position:relative;
}
div#middlediv div.content_inner ul#tartalom {
	list-style-type:none;
	position:absolute;
	top:20px;
	left:-20px;
	/*z-index:333;*/
}
div#middlediv div.content_inner ul#tartalom li {
	width:695px;
	height:400px;
	border:2px solid #58261d;
	margin-bottom:40px;
	padding-top:1em;
    padding-left:1em;
    overflow:auto;
}

div#middlediv div.content_inner ul#tartalom li p {
	padding: .5em 1.4em;
}
div#middlediv div.content_inner ul#tartalom li p img {
	border:2px solid #433d25;
	margin:0 10px 10px 0;
	cursor:pointer;
}
div#middlediv div.content_inner ul#tartalom li h3 {
    line-height:1.6;
    margin-bottom:0;
    padding-bottom:0;
}
div#middlediv div.content_inner ul#tartalom li ul.innerlist li,ul.innerlist li {
    border: none;
    width:auto;
    height:auto;
    margin:.2em 2em;
    padding:0;
    list-style-type:none;
}
div#middlediv div.content_inner ul#tartalom li#nav_1 ul#dotted li {
    list-style-position:inside;
    list-style-type:disc;
    margin-left:20px;
    padding-left:20px;
}
div#footerdiv ul.innerlist li  {
    list-style-type:none;
}
div#middlediv div.nav {
	width:235px;
}

div#footerdiv {
	height:990px;
	background:#000 url("../kepek/buddha3.jpg") no-repeat left top;
}
div#footerdiv p {
    padding-top:5px;
}
.header ul {
	overflow:auto;
	margin-top:10px;
}
.header ul li {
	float:left;
	width:200px;
	height:30px;
	list-style-type:none;
}
.header ul li a {
	display:block;
	line-height:20px;
	border:1px solid #2a4f23;
	padding:.2em;
	padding-left:1em;
	color:#2a4f23;
}
.header ul li a:hover {
	color:#000;
	background-color:#2a4f23;

}
.menubutton{
	width:120px;
	float:left;
	border: 0px solid black;
	padding: 2px 2px 2px 2px;
	margin-top:6px;
	margin-left:3px;
	text-align:center;
}
.menubutton:hover{
	#background-color:#433d25;
}