/* BLOCK BOXOK */
html, div, form { display: block; }
body {
	display:block;
	margin: 0;
	padding: 0;
	background: #d1e5fd url(../images/bg.jpg) repeat-x top left;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	color: #202020;
	}
p{ display:block; }
h1 { display: block; font-size:1.5em; font-family: arial, sans-serif; font-weight: normal; color: #ff0000; margin: 0; margin-top:20px; }
h2 { display:block; font-size:1.5em; font-weight:bold; margin:0.83em 0; font-weight: normal; color: #ff0000; margin: 0; margin-top:20px;   }
h3 { display: block; font-size:1.125em; font-weight:bold; margin:1em 0; font-weight: normal; color: #ff0000; margin: 0; margin-top:20px;   }
h4 { display: block; font-size:1em; font-weight:bold; margin:1.33em 0; font-weight: normal; color: #ff0000; margin: 0; margin-top:20px;   }
h5 { display: block; font-size:0.75em; font-weight:bold; margin:1.67em 0; font-weight: normal; color: #ff0000; margin: 0; margin-top:20px;   }
h6 { display: block; font-size:0.5625em; font-weight:bold; margin:2.33em 0; font-weight: normal; color: #ff0000; margin: 0; margin-top:20px;   }
hr { display: block; height: 2px; border: 2px; margin: 0.3em 0 0.3em 0; background: #202020; }
/* LISTA ELEMEK */
ul { list-style-type:disc; margin:1em 0; margin-left:10px; padding-left:0;}
ol { list-style-type:decimal; margin:1em 0; margin-left:40px; padding-left:0;}
ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dl { margin-top:0; margin-bottom:0; }
ol ul, ul ul { list-style-type:circle; }

img { margin: 0; border: 0; display: block;}
a { text-decoration: none; font-weight: bold;}
a:hover { text-decoration: underline; font-weight: bold;}

	
#container {
	width: 820px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	position: relative;
	}
	
	#header {
		width: 800px;
		height: 164px;
		margin: 0 10px 0 10px;
		background: url(../images/header.gif);
		text-align: center;
		color:#ffff00; 
		font-size: 13px;
		line-height: 28px;
		font-weight: bold;
		}

	#header p { margin: 0; padding: 0; }
		
	#loginBox {
		width: 272px;
		height: 124px;
		background: url(../images/loginBox.gif);
		position: absolute;
		top: 50px;
		right: 0;
		z-index: 1;
		overflow: hidden;
		}
		
		.loginInputContainer {
			height: 49px;
			margin: 37px 0 13px 0;
			_margin: 37px 0 8px 0;
			float: left;
			}
		
		.loginInput1 {
			display: block;
			width: 133px;
			height: 20px;
			_height: 23px;
			margin: 0 0 4px 18px;
			padding: 3px 10px 0 10px;
			_padding: 0 10px 0 10px;
			border: 0;
			background: url(../images/loginInput1.gif) top left;
			_background-attachment: fixed;
			_line-height: 23px;
			font-size: 10px;
			font-weight: bold;
			color: #a09f9f;
			}
			
		.loginInput2 {
			display: block;
			width: 133px;
			height: 20px;
			_height: 23px;
			margin: 0px 18px 0 18px;
			_margin: 0px 9px 0 9px;
			padding: 3px 10px 0 10px;
			_padding: 0 10px 0 10px;
			border: 0;
			background: url(../images/loginInput2.gif) top left;
			_background-attachment: fixed;
			_line-height: 23px;
			font-size: 10px;
			font-weight: bold;
			color: #a09f9f;
			float: left;
			}
			
		.loginSubmit {
			display: block;
			width: 74px;
			height: 27px;
			margin: 25px 0 0 0;
			border: 0;
			background: url(../images/loginSubmit.gif);
			text-indent: -1000em;
			cursor: pointer;
			}
			
			.loginSubmitHover {
				display: block;
				width: 74px;
				height: 27px;
				margin: 25px 0 0 0;
				border: 0;
				background: url(../images/loginSubmitHover.gif);
				text-indent: -1000em;
				cursor: pointer;
				}
			
		#loginBox p {
			margin: 0 0 0 18px;
			clear: left;
			font-size: 10px;
			font-weight: bold;
			color: #fff;
			}
			
			#loginBox p a {
				color: #cc4604;
				}
				
				#loginBox p a:hover {
					color: #fff}
	
	#menu {
		width: 800px;
		height: 50px;
		margin: 0 10px 0 10px;
		background: url(../images/menu.gif) top left no-repeat;
		}
		
		#menu ul {
			height: 50px;
			margin: 0 0 0 10px;
			padding: 0;
			list-style-type: none;
			overflow: hidden;
			}
			
			#menu li {
				height: 50px;
				margin-left: 5px;
				padding: 0 10px 0 10px;
				float: left;
				line-height: 50px;
				font-family: arial, sans-serif;
				font-size: 11px;
				font-weight: bold;
				}
				
				#menu li a {
					color: #fff;
					font-weight:bold;
					}
					
					#menu li a:hover {
						color: #ffc006;
						font-weight:bold;
						}
	
	#content {
		width: 760px;
		margin: 0 10px 0 10px;
		padding: 20px;
		background: #fff;
		}
		
		.formContainer {
			width: 760px;
			overflow: hidden;
			margin-bottom: 10px;
			}
			
			.textContainer {
				width: 180px;
				float: left;
				padding: 10px 0 10px 0;
				text-align: right;
				}
				
				.textContainer span {
					clear: both;
					display: block;
					height: 35px;
					width: 180px;
					}
				
			.inputContainer {
				width: 430px;
				padding: 10px 0 10px 0;
				margin-top: 0;
				float: left;
				}
				
				.formInput {
					width: 140px;
					margin: 0 0 5px 10px;
					padding: 5px;
					background: #ffbe05;
					clear: both;
					display: block;
					border: 0;
					}
					
				.formTextarea {
					width: 140px;
					margin: 0 0 5px 10px;
					padding: 5px;
					background: #ffbe05;
					clear: both;
					display: block;
					border: 0;
					}
					
				.formSelect {
					width: 145px;
					margin: 0 0 5px 10px;
					padding: 5px;
					background: #ffbe05;
					clear: both;
					display: block;
					border: 0;
					}
					
				.formSubmit {
					margin: 0 0 5px 10px;
					padding: 5px;
					background: #1b4f9f;
					clear: both;
					display: block;
					border: 0;
					color: #fff;
					}
					
			.valaszContainer {
				margin-bottom: 10px;
				line-height: 30px;
				}
				
				.valaszContainer input { float:left; }
				
				.valaszContainer p { margin: 0; padding: 0; }
				
				.formInput2 {
					width: 10px;
					margin: 0 10px 0 10px;
					padding: 5px;
					background: #ffbe05;
					float: left;
					display: block;
					border: 0;
					}
		
	#footer {
		width: 800px;
		height: 45px;
		margin: 0 10px 0 10px;
		background: url(../images/footer.gif);
		line-height: 45px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		}

		#footer a {
			font-weight: bold;
			color: #fff;
			}

		#footer a:hover {
			font-weight: bold;
			color: #fff;
			text-decoration: underline;
			}
