body {
	background-image: url('images/background.gif');
	background-repeat: repeat;
	margin: 0px 0px 0px 0px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

#main
{
	margin-left: auto;
	margin-right: auto;
	text-align:center;	
	width: 802px;	
	background:#ffffff;
}

img {
	border:0px;
}
#menu {
	width:800px;
	height:130px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;		

}

#body2 {
	width:800px;	
	top: 130px;
	background-image: url('images/background4.jpg');
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

#bal{
	width:170px;
	z-index:1;
	float:left;
	text-align:left;
}

#kozep {
	width:460px;
	z-index:2;
	float:left;
	text-align:left;
}

#jobb {
	width:170px;
	z-index:3;
	top: 0px;
	float:right;
	text-align:left;
}

.box1 {
	background:#339966;
	padding:0px 0px 5px 0px;
	font-family: verdana;
	width:160px;
}

.box1 a {
	text-decoration: none; 
	color:#ffffff; 
	font-weight: normal;
	font-size:10px;
	padding:3px 5px;
	width:160px;
	}
.box1 a:link {color:#ffffff; }
.box1 a:visited {color:#ffffff; }
.box1 a:active {color:#ffffff; }
.box1 a:hover {color:#ffffff; text-decoration: none;}

.box11 {
	background:#339966;
	padding:0px 0px 5px 0px;
	font-family: verdana;
	width:158px;
}

.box11 a {
	text-decoration: none; 
	color:#ffffff; 
	font-weight: normal;
	font-size:10px;
	padding:3px 5px;
	width:160px;
	}
.box11 a:link {color:#ffffff; }
.box11 a:visited {color:#ffffff; }
.box11 a:active {color:#ffffff; }
.box11 a:hover {color:#ffffff; text-decoration: none;}


.box2 {	
	line-height:18px;
}

.box3 {
	width:160px;
}

.box3:hover {
	background:#1d8445;
}

#lab {
	width:800px;
	padding:5px 0px;
	background-image: url('images/lab.jpg');
	color:#ffffff;
	font-family: verdana;
	font-size:11px;
}

#lab img {
	vertical-align:middle;
}
#lab a {
	text-decoration: none; 
	color:#ffffff; 
	font-weight: normal;
	}
#lab a:link {color:#ffffff; }
#lab a:visited {color:#ffffff; }
#lab a:active {color:#ffffff; }
#lab a:hover {color:#ffffff; text-decoration: none;}


.style1 {
	color: #674075;
	font-size: 14px;
	font-family: verdana;
}
a:link {
	color: #674075;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #674075;
}
a:hover {
	text-decoration: none;
	color: #674075;
}
a:active {
	text-decoration: none;
}
.style9 {font-size: 18px}


div.sep {				
	height: 1px; display:block; clear:both;	margin:auto;
	padding:0px;
}

div.sep2 {				
	height: 10px; display:block; clear:both;	margin:auto;
	padding:0px;
}

div.sep5 {				
	height: 5px; display:block; clear:both;	margin:auto;
	padding:0px;
}

div.sep10 {				
	height: 10px; display:block; clear:both;	margin:auto;
	padding:0px;
}


div.sep-line {				
	height: 3px; 
	display:block; 
	clear:both;	
	margin:0px auto 10px auto;
	padding:0px;
	background: url('images/valaszto2.png');
}

#header_01 {
	width:171px;
	height:130px;
	background-image: url('images/header2_01.jpg');
	background-repeat: no-repeat;
	text-align:left;
	float:left;
	border:0px solid red;
}

.date {
	background:#dac8e2;
	color:#4a135b;
	border:0px;
	font-size:11px;
	padding:0px;
}

p {
	margin:8px 0px 8px 0px; 
}

.style2 {
	color: #674075;
	font-family: verdana;
	font-size: 13px;
	line-height:18px;
}
.style3 {
	font-family: verdana;
	font-size: 14px;
}
.style4 {color: #674075}

h1 {
	color: #674075;
	font-family: verdana;
	font-size: 14px;
	margin:10px 0px;
}

h2 {
	color: #674075;
	font-family: verdana;
	font-size: 14px;
	margin:10px 0px;
}

#content {
	padding:10px 20px;
	color: #674075;
	font-family: verdana;
	font-size: 12px;
	line-height:18px;
}

#content2 {
	padding:10px 25px;
	color: #674075;
	font-family: verdana;
	font-size: 12px;
}

#content h1 {
	color: #674075;
	font-family: verdana;
	font-size: 16px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.input {
	border: #674075 1px solid;
	font-size: 90%; 
	margin-left: 0px; 
	color: #674075; 
	font-family: verdana, verdana; 
	background-color: #ffffff;
}

.button {
	border: #58c082 2px solid; 
	font-size: 90%;
	margin-left: 0px; 
	color: #ffffff; 
	font-family: verdana, verdana; 
	padding:2px 5px;
	background-color: #674075;
}


textarea {
	overflow:auto;
}

label {
	width:110px;
	padding-right: 20px;
	float: left;
}
.bottom {
	color: #674075;
	font-size: 10px;
	font-family: verdana;
	padding: 5px 0px;
}



/* scrollable */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 450px;
	height:216px;
}
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {
	/* this cannot be too large */ 
    width:20000em;
	position:absolute;
}
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div {
	float:left;
}
/* you may want to setup some decorations to active the item */ 
div.items div.active {
	border:1px inset #ccc;
	background-color:#fff;
}
.navi {
	position:absolute;
	left:298px;
	top:180px;
	width:152px;
	z-index:1000;
	height: 20px;
}
/* items inside navigator */ 
.navi a {
	background:url('images/bg-navi.png') 0 -29px no-repeat;
	cursor:pointer;
	color:#ffffff;
	display:block;
	font-size:14px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:0px;
	padding-top:6px;
	text-align:center;
	width:29px;
}
/* mouseover state */ 
.navi a:hover, .navi a.active {
	background-position:0 0;
	color:#009e59;
}



.title {
	background:#018f47;
	padding:2px 0px 2px 10px;
	font-family: verdana;
	color:#ffffff;
}

.title2 {
	background:#beddce;
	padding:2px 0px 2px 10px;
	font-family: verdana;
	color:#018f47;
}


.px11 {
	font-size:11px;
	line-height:15px;
}

.content-inner {
	padding:10px 0px;
}

.content-inner2 {
	padding:5px 0px;
}

.content-inner2 img {
	margin:5px 0px;
}

.style-link a {
	text-decoration: none; 
	color:#379259; 
	font-weight: normal;
	}
.style-link a:link {color:#379259; }
.style-link a:visited {color:#379259; }
.style-link a:active {color:#379259; }
.style-link a:hover {color:#379259; text-decoration: none;}

.termekkep {
	margin-right:20px;
}


div.sep-line2 {				
	height: 3px; 
	display:block; 
	clear:both;	
	margin:15px auto 15px auto;
	padding:0px;
	background: url('images/valaszto2.png');
}

.title3 {
	background:#a275b6;
	padding:2px 0px 2px 10px;
	font-family: verdana;
	color:#ffffff;
}
.title4 {
	background:#b896c8;
	padding:2px 0px 2px 10px;
	font-family: verdana;
	color:#ffffff;
}

.content-inner2 {
	padding:10px 10px;
}

.f2 {
	color:#ccc;
}


#content-table table tr td {
	border-bottom:1px dashed #aaaaaa;
	border-right:1px dashed #aaaaaa;
	padding:10px;
}