/**
* Reset css by Yahoo!
* http://developer.yahoo.com/yui/reset/
*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
    margin:0;
    padding:0;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

fieldset, img { 
    border:0;
}

address, caption, cite, code, dfn, em, th, var {
    font-style:normal;
    font-weight:normal;
}

caption, th {
    text-align:left;
}

h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}

q:before, q:after {
    content:'';
}

abbr, acronym { 
    border:0;
}

/**
* Site styles
*/
body {
	font-family: Verdana;
	font-size: 12px;
	color: #878787;
	margin-top: 15px;	
}

#container {
	width: 961px;
	margin: auto;	
}

#header {
	background: url('../images/header.jpg') no-repeat;
	height: 234px;
	position: relative;
	left:5px;	
}

#header #logo_box {
	width: 230px;
	height: 90px;
	position: relative;
	left: 52px;
	top:63px;	
	cursor: pointer;
}

#header-bottom {
	background: url('../images/header-bottom.jpg') no-repeat;
	height: 30px;
	width: 961px;
	left: -5px;
	position: absolute;
	bottom: 0;	
}

#header #sendform {
	width: 355px;
	position: absolute;
	left: 612px;
	top:0px;
}

#header #sendform h3 {
	color:#3b8ff3;
	font-size: 18px;
	/*font-weight: bold;*/
	margin-bottom: 3px;
}

#header #sendform textarea {
	border: none;
	background: url('../images/textarea-bg.jpg') no-repeat;	
	width: 326px;
	height: 79px;
	padding: 7px;
	color: #767676;
}

#header #sendform input {
	background: url('../images/input-m.jpg') repeat-x;	
	height: 16px;
	padding:4px 0 5px;
	border: none;
	float: left;
	width: 145px;
	margin-top: 4px;
	color: #767676;
}

#header #sendform .left {
	background: url('../images/input-l.jpg') no-repeat;	
	width: 10px;
	height: 24px;
	float: left;
	margin-top: 4px;
}

#header #sendform .right {
	background: url('../images/input-r.jpg') no-repeat;	
	width: 10px;
	height: 24px;
	float: left;
	margin-top: 4px;
}

button {
	border: none;
	color: #fff;
	margin-top: 4px;
	padding-bottom: 2px;	
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}

button#blue {
	background: url('../images/header-button-blue.jpg') no-repeat; 
	width: 102px;
	height: 24px;
	padding-left:5px;
	padding-right:5px;
}

button#green {
	background: url('../images/header-button-bg.jpg') no-repeat; 
	width: 340px;
	height: 30px;
	padding-left:5px;
	padding-right:5px;
	margin-top: 16px;
}

#content {
	background: url('../images/site-bg.jpg') repeat-y; 
}

#left_side {
	float: left;
	width: 240px;
	margin: 0 0 0 23px;	
}

#left_side #menu-container {
	background: url('../images/sidebar-top.jpg') no-repeat;	
	position: relative;
}

#left_side #menu-container #menubottom {
	background: url('../images/sidebar-bottom.jpg') no-repeat;
	height: 40px;
	position: relative;
	top:21px;
	left: -2px;
}

#left_side #menu-container ul#menu {
	position: relative;
	top:25px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	width: 196px;
	padding: 8px 0 0 30px;
	margin: 0;
}

#left_side #menu-container ul#menu li {
	list-style-image: url("../images/arrow-green.jpg");
	padding: 2px 0;
	list-style-type: none;
}
    
#left_side #menu-container ul#menu li .separator {
	background: url("../images/dot.gif") center bottom repeat-x;
	width: 180px;
	height: 6px;	
}

#left_side #menu-container ul#menu li a {
	font-size: 14px;
	font-weight: bold;	
	color: #878787;
	text-decoration: none;
}

#left_side #menu-container ul#menu li a:hover {
	color:#666;	
}

#left_side #menu-container ul#menu li ul {
	margin: 0;
	padding: 0;	
}

#left_side #menu-container ul#menu li ul li {
	list-style-image: none;
	background: none
}

#left_side #menu-container ul#menu li ul li a {
	font-size: 12px;
	font-weight: normal;
	color: #6ea513;	
}

#right_side {
	float: left;
	width: 660px;
	position: relative;
}

#right_side #textcontent {
	position: relative; 
	left: 15px;
	top:2px;
	text-align: justify;
}

#right_side #textcontent form table tr td {
	padding:5px 0;
}

#right_side #textcontent h1 {
	font-size: 14px;
	color: #878787;
	font-weight: bold;	
	background: url("../images/arrow-blue.jpg") no-repeat;
	padding-left: 25px;
	margin-bottom: 15px;
}

#right_side #textcontent h2,
#right_side #textcontent h3 {
	color: #88CB16;
	font-weight: bold;
	margin: 3px 0;	
}

#right_side #textcontent br {
	/*clear: both;*/	
}

#right_side #textcontent ul {
		
}

#right_side #textcontent ul li {
	list-style-image:url("../images/bekezdesjel.gif");	
}

#right_side #textcontent a {
	text-decoration: none;
	color: #878787;	
}

#right_side #textcontent a:hover {
	text-decoration:underline;	
}

#content_bottom {
	background: url("../images/site-bg-bottom.jpg") left bottom no-repeat; 
	clear: left;
	height: 40px;
	width: 961px;
}

.frameborder {
	position: relative;
	border: 1px solid #d2d2d2;
	z-index: 1;	
	margin: 5px 14px 0 14px;
}

.frameborder img {
	z-index: 3;
	position: relative;
	margin: 6px;	
}

.frameborder .frameborder-topleft {
	position: absolute;
	left: -3px;
	top:-3px;
	z-index: 2;
	background: url("../images/frameborder-tl.jpg") no-repeat;
	width: 25px;
	height: 25px;
}
	
.frameborder .frameborder-topright {
	position: absolute;
	top: -3px;
	right:-3px;
	z-index: 3;
	background: url("../images/frameborder-tr.jpg") no-repeat;
	width: 25px;
	height: 25px;
}
	
.frameborder .frameborder-bottomleft {
	position: absolute;
	left: -3px;
	bottom:-3px;
	z-index: 2;
	background: url("../images/frameborder-bl.jpg") no-repeat;
	width: 25px;
	height: 25px;
}
	
.frameborder .frameborder-bottomright {
	position: absolute;
	right: -3px;
	bottom:-3px;
	z-index: 2;
	background: url("../images/frameborder-br.jpg") no-repeat;
	width: 25px;
	height: 25px;	
}

ul.error li {
	color: #cd0000;	
}

#footer {
	padding-top: 10px;
}

#footer a {
	text-decoration: none;
	font-size: 12px;
	color: #78b3f0;
}

#footer #left {
	float: left;
	background: url("../images/footer-left.jpg") no-repeat;	
	width: 16px;
	height: 101px;
}

#footer #middle {
	float: left;
	background: url("../images/footer-middle.jpg") repeat-x;
	height: 101px;
	width: 930px;
	position: relative;
	text-align:center;
}

#footer #middle ul {
	margin: 16px 0 0 0;	
	padding: 0;	
}

#footer #middle ul li {
	display: inline;
}

#footer #middle ul li.separator {
	font-size: 12px;
	color: #fff;
	margin: 0 8px;
}

#footer #middle ul li a {
	text-decoration: none;
	font-size: 12px;
	color: #fff;	
}

#footer #middle #bottom {
	position: absolute;
	bottom: 15px;
	font-size: 12px;
	color: #78b3f0;
	width: 925px;	
}

#footer #right {
	float: left;
	background: url("../images/footer-right.jpg") no-repeat;
	height: 101px;
	width: 15px;
}