* { margin: 0px; padding: 0px; } 
html 		{ min-height: 100%; }

body { text-align: center; font-family: times new roman; font-size: 12px; color: #333; background:white url(../images/bg_page.gif) no-repeat 50% 0; line-height:18px; }
p, h1, h2, h3, ol, ul, dl { padding:2px 6px 8px; }
ol,ul,dl 
h1, h2, h3, ol, ul, dl { padding:8px 6px 3px; }
table, th, td { font-family: times new roman; font-size: 12px; font-style:italic; color: #333; }
ol, ul, dir, menu, dd       		{ margin-left: 40px }
ol              					{ list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol    		{ margin-top: 0; margin-bottom: 0 }
blockquote { width:80%; margin:10px auto; padding:0 26px;  background:#FFF url() no-repeat 0 50%; }
#skip 				{ display: none; }
a img, :link img, :visited img { border: none; }
img 				{ display: block; }
a:link 				{ color: #C74848; text-decoration: underline; }
a:visited 			{ color: #333; text-decoration: underline; }
a:hover, a:active 	{ color: #DB7C7C; }

.alignright		{ text-align: right !important; }
.floatright		{ float: right; }
.inline			{ display: inline; }

.clear	{ clear: both;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix 		{ display:inline-block; } 
/*\*/ .clearfix { display:block; } /**/ 

h1		{ font-size: 20px; line-height: 18px;  }
h2 		{ font-size:18px; }
h3		{ font-size: 16px; color: #666; }

#wrapper 		{ width:800px; margin:0 auto; }
#header 		{ position:relative; display:block; width:800px; height:102px; background:#FFF url(http://users.atw.hu/szdpbudapest/kepek/hatter_nagy_alap.jpg) repeat-x; }
#header .logo 	{ position:absolute; left:10px; top:0px; }

#nav 			{ display:block; width:800px; height:26px; margin:0; padding:0; list-style:none; text-align:center; background:#A13D3D url(../images/bg_nav.gif) repeat-x; }
#nav li 		{ float:left; width:150px;  }
#nav li a 		{ text-decoration:none; display:block; padding:0; padding:0; height:1%; line-height:26px; color:#FFF; font-style:italic; font-size: 16px; font-weight:bold }
#nav li.on 		{ display:block; padding:0; width:120px; height:26px; line-height:26px; background:url(../images/bg_nav_on_2.gif) no-repeat 50% 0; color:#EFEFEF; }
#nav li a:hover { background:url(../images/bg_nav_on.gif) no-repeat 50% 0; }

#content { width:780px; padding:50px 10px 0; min-height:543px; background:#FFF url(http://users.atw.hu/szdpbudapest/kepek/hatter_nagy_rozsas.jpg) repeat 0 0; text-align:left;  }
* html #content, * html #content #col_1 { height:543px; }

#content #col_1 { width:22%; float:left; min-height:543px; background:url() no-repeat 100% 50%; }
#content #col_1 h2 { color:#999999; font-size:16px; font-weight:normal; }
#subnav, #subnav ul { margin:0; padding:0; list-style:none; }
#subnav li { }
#subnav li a { display:block; padding:5px 10px 5px 10px; height:1%; background:url(../images/bg_subnav2.jpg) repeat 100% 100%; font-style:italic; font-size:16px; font-weight:bold; text-decoration:none }
#subnav li a:hover { background:#E9D1D1 url(../images/bg_left_nav_on.gif) no-repeat 100% 0; text-decoration:none; }
#content #col_2 { width:78%; float:left; }

#footer { display:block; width:680px; padding: 10px 40px; margin:0 auto; background:#EEE9E8; -moz-border-radius:6px; }
#footer small {  }

.t_form { margin:20px; }
.t_form th { background:#efefef; }
.t_form td, .t_form th { padding:5px; border-bottom:1px solid #666; }

#Layer1 {
	position:absolute;
	left:179px;
	top:71px;
	width:115px;
	height:23px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:310px;
	top:71px;
	width:80px;
	height:23px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:405px;
	top:71px;
	width:137px;
	height:22px;
	z-index:3;
}
#Layer4 {
	position:absolute;
	left:559px;
	top:71px;
	width:66px;
	height:22px;
	z-index:4;
}
#Layer5 {
	position:absolute;
	left:638px;
	top:71px;
	width:98px;
	height:22px;
	z-index:5;
}
#Layer6 {
	position:absolute;
	left:179px;
	top:108px;
	width:750px;
	height:27px;
	z-index:6;
	overflow: auto;
}
#Layer7 {
	position:absolute;
	left:789px;
	top:71px;
	width:152px;
	height:22px;
	z-index:7;
}
#Layer9 {	position:absolute;
	left:30px;
	top:379px;
	width:132px;
	height:89px;
	z-index:9;
}
#Layer8 {
	position:absolute;
	left:178px;
	top:105px;
	width:119px;
	height:29px;
	z-index:10;
}
#Layer10 {
	position:absolute;
	left:173px;
	top:153px;
	width:141px;
	height:25px;
	z-index:11;
}
#Layer11 {
	position:absolute;
	left:327px;
	top:105px;
	width:607px;
	height:485px;
	z-index:12;
	overflow: auto;
}
#Layer12 {
	position:absolute;
	left:173px;
	top:194px;
	width:86px;
	height:25px;
	z-index:13;
}
#Layer13 {
	position:absolute;
	left:173px;
	top:236px;
	width:119px;
	height:25px;
	z-index:14;
}
#Layer14 {
	position:absolute;
	left:173px;
	top:278px;
	width:113px;
	height:23px;
	z-index:15;
}