/* CSS Document */

body {
	text-align:center;
	font-family:verdana;
	font:normal 12px/1.6em Arial, Helvetica, sans-serif;
	color:#2a3845;
	margin:10px;
	padding:0;
	background:#f7f7f7;
	background-color: #000000;
	background-image: url(pics/roughbg.jpg);
	background-repeat: repeat-x;
}

#pagewrapper,#page { width:760px; margin:auto; text-align:left; display:block; }
#page {
	border:1px solid #333333;
	color:#CCCCCC;
	background:#000;
}

#header 
{
	display:block;
	height:100px;
	padding:0px;
	clear:both;
	background-image: url(pics/nagyterasz_bkg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	background-color: white;
}
#header h1 {
	margin:0;
	padding:0;
	margin-top:30px;
	margin-left:10px;
	font-family: Georgia, serif;
	font-size: 25px;
	color: black;
}
#header h2 {
	padding:0;
	margin-left:10px;
	font-family: Georgia, serif;
	font-size: 14px;
	color: #666666;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	font-weight: normal;
}

#topnav 
{
	color:#f0bf5e;
	padding:5px;
	background:url(topnav_bg.gif) #333333;
	float: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align: right;
	font-family: georgia;
	font-size: 13px;
	font-weight: bold;
}

#topnav ul { list-style-type:none; margin:0; padding:0px; }
#topnav ul li { display:inline; margin-right:6px; margin-left:6px; }


#main
{
margin:5px;
border:0px solid #CCCCCC;
clear:both;
display:block;
margin-bottom:40px;
} 

#left { width:25%; float:left; margin:10px; }
#body {
	width:70%;
	float:right;
	margin-bottom:20px;
	margin:10px;
	margin-left:0px;
	overflow:hidden;
}

#footer { clear:both; margin:5px; vertical-align:middle; text-align:center; font-size:12px; display:block; }
.bcol { color:#f0bf5e; }


/****************************************************************/

#main h2 {
	color:#f0bf5e;
	margin:10px 0 6px;
	padding-bottom:10px;
	font:normal 17px Georgia, serif;
	border-bottom : 1px solid #e2dfdb;
}

#main { font:12px verdana; line-height:15px; }
p { padding:0; margin-left:10px; margin-right:5px; margin-top:0px; margin-bottom:8px; }
/******************************************************************/

#footer { background:#333333; color:#FFFFFF; padding:5px 0px 10px 0px; }
#header{ border-top:3px solid #666666; border-bottom:0px solid #666666; }

a { color:#a27a2a; }
a:hover { color:#666666 }
#topnav a , #footer a{ color:#f0bf5e; text-decoration:none; font-weight:500;;  }
#topnav a:hover, #footer a:hover {  text-decoration:underline; }

.nav ul { margin-left:4px; list-style:inside; margin-top:10px;padding:0; }
.nav li { margin-bottom:2px;padding:0; }
.x {float:right; color:white; margin:2px;border:2px solid white;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;padding:0px 1px 1px 1px;}
#Layer1 a:hover, #Layer2 a:hover, #Layer3 a:hover, #Layer4 a:hover, #Layer5 a:hover, #Layer6 a:hover, #Layer7 a:hover, #Layer8 a:hover, #Layer9 a:hover,#Layer11 a:hover, #Layer10 a:hover{cursor:pointer;text-decoration:none;}
#pointer:hover{cursor:pointer; text-decoration:none;}
#pictures, #furdo, #kisfur, #gard, #nter, #szoba2, #bej2, #vsz, #szoba3, #pn {border:2px solid white;margin-top:20px;padding:3px;margin-left:15px;}
#Layer1, #Layer2, #Layer3, #Layer4, #Layer5, #Layer6, #Layer7, #Layer8, #Layer9, #Layer10, #Layer11{
	position:absolute;
	text-align:center;
	width:800px;
	height:auto;
	z-index:3;
	background:black;
	padding:0px;
	left: 0px;
	top: 0px;
	color:white;
	border:1px solid #333333;
	
}

#alaprajz {
	background-image:url(pics/alaprajz_vegso.jpg);
	text-align:center;
	height:341px;
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 40px;
}
#apDiv1 {
	position:relative;
	width:66px;
	height:79px;
	z-index:2;
	
	float:left;
	margin-left:-2px;
	top:21px;
}
#apDiv2 {
	position:relative;
	width:46px;
	height:77px;
	z-index:2;
	float:left;
	margin-left:5px;
	top:23px;
}
#apDiv3 {
	position:relative;
	width:66px;
	height:23px;
	z-index:2;
	float:left;
	margin-left:63px;
	top:22px;
}
#apDiv4 {
	position:relative;
	width:80px;
	height:91px;
	z-index:2;
	float:left;
	margin-left:-200px;
	top:27px;
}
#apDiv5 {
	position:relative;
	width:126px;
	height:62px;
	z-index:2;
	float:left;
	margin-left:-119px;
	top:85px;
}
#apDiv5a {
	position:relative;
	width:40px;
	height:39px;
	z-index:2;
	float:left;
	margin-left:-9px;
	top:87px;
}
#apDiv6 {
	position:relative;
	width:101px;
	height:110px;
	z-index:2;
	float:left;
	margin-left:-236px;
	top:118px;
	
	
}
#apDiv7 {
	position:relative;
	width:77px;
	height:83px;
	z-index:2;
	float:left;
	margin-left:-132px;
	top:149px;
}
#apDiv8 {
	position:relative;
	width:170px;
	height:115px;
	z-index:2;
	float:left;
	margin-left:-55px;
	top:125px;
}
#apDiv9 {
	position:relative;
	width:83px;
	height:40px;
	z-index:2;
	float:left;
	margin-left:0px;
	top:125px;
	
	
}
#apDiv10 {
	position:relative;
	width:80px;
	height:80px;
	z-index:2;
	float:left;
	margin-left:4px;
	top:126px;
	
	
}
#apDiv11 {
	position:relative;
	width:430px;
	height:65px;
	z-index:2;
	float:left;
	margin-left:53px;
	top:115px;
	
	

}
#apDiv1, #apDiv2, #apDiv3, #apDiv4, #apDiv5, #apDiv5a, #apDiv6, #apDiv7, #apDiv8, #apDiv9, #apDiv10, #apDiv11{
	filter: Alpha(Opacity=0);
	opacity:0.0;
	background-color:#f0bf5e;
}
