/*
 * written by Rivendel Kft.
 * http://www.rivendel.hu
 * Rivendel
 */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}
body {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #363636;
	background: #f8f9f3 url(../images/body_bcg.gif) top left repeat-x;
	behavior:url("../js/csshover.htc");
	}

:-moz-any-link:focus {
	outline: none;
}
.clear {
	clear: both;
}
div#maincontainer{
	width: 990px;
	margin: 0 auto;
}
/*---------------SEARCH----------------*/
div#search {
	float: right;
	clear:  both;
	height: 24px;
	width: 202px;
	padding: 1px 0px 0px 3px;
	background: transparent url(../images/search_bcg.gif) bottom right no-repeat;
	}
	div#search span {
		display: block;
		float: left;
		margin: 0;
		padding: 0px 0px 0px 3px;
		height: 19px;
		width: 170px;
		background: #ffffff url(../images/input.gif) top left no-repeat;
	}
	div#search input {
		float: left;
		margin: 0;
		padding: 1px 0 0 0;
		border: 0;
		color: #707070;
		width: 167px;
		background: transparent;
	}
	div#search button {
		display: block;
		float: left;
		width: 24px;
		height: 19px;
		margin: 0;
		padding: 0;
		border: 0;
		background: #f8f9f3 url(../images/search_btn.gif) top left no-repeat;
		cursor:pointer;
		cursor:hand;
	}
/*---------------HEAD----------------*/
div#head {
	clear: both;
	width: 990px;
	height: 196px;
	}
	div#logo {
		float: left;
		width: 330px;
		height: 94px;
		}
		div#logo img {
			float: left;
			margin: 25px 0 0 9px;
			padding: 0;
			}
	div#slogen_container {
		width: 660px;
		height: 135px;
		float: right;
		margin-top: 25px;
	}
	div#vcard_contact {
		float: left;
		height: 73px;
		width: 330px;
		font-size: 11px;
		position: relative;
	}
	span.v_label {
		display: block;
		float: left;
		padding-left: 10px;
		width: 95px;
	}
/* MENU ***********************************************************************/
	div#navigation {
		clear: both;
		height: 30px;
		width: 990px;
		background: #fff url(../images/head_bcg.gif) bottom left no-repeat;
	}
	ul.menu {
		position: absolute;
		top: 193px;
		padding: 0px 0px 0px 4px;
		margin: 0;
		list-style: none;
		width: 986px;
		}
		.menu li {								/* ul li */
			padding: 0px;
			list-style: none;
			float: left;
			margin: 0px;
			display: block;
			height: 22px;
			}
			.menu li a, .menu li span {
				display: block;
				height: 19px;
				margin: 0px;
				padding: 3px 10px 0px 10px;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size: 13px;
				font-size: 1.1em;
				letter-spacing: 2px;
				font-weight: bold;
				float: none !important; /*For Opera*/
				float: left; /*For IE*/
				color: #fff;
				text-decoration: none;
				background-color: #737373;
				border-right: 1px solid #ababab;
			}
			.menu li.first a, .menu li.first span {
				background: #737373 url(../images/menu_first_btn.gif) bottom left no-repeat;
			}
			.menu li.last a, .menu li.last span {
				background: #737373 url(../images/menu_last_btn.gif) bottom right no-repeat;
				border: none;
			}
			.menu li.first a:hover, .menu li.first span:hover {
				background: #107cc7 url(../images/menu_first_on_btn.gif) bottom left no-repeat;
			}
			.menu li.last a:hover, .menu li.last span {
				background: #107cc7 url(../images/menu_last_on_btn.gif) bottom right no-repeat;
				border: none;
			}
			.menu li a:hover, .menu li span:hover { 
				color: #fff;
				background-color: #107cc7;
			}
			.menu li:hover ul  { 
				display: block;
			}
			.menu li#open a { 
				color: #ff7a04;
				background: none;
			}

/* almenuk */
			.menu li ul {								/* ul li ul */
				display: none;
				position: absolute;
				z-index: 20;
				padding: 0 0 0 5px;
				margin: 0;
				top: 22px;
				left: 0;
				width: 985px;
				height: 30px;
				background: #fff url(../images/submenu_bcg.gif) bottom left no-repeat;
				}
				.menu li ul li a {								/* ul li ul */
					font-size: 12px;
					background: none;
					border: none;
					padding-top: 8px;
					color: #737373;
				}
				.menu li ul li a:hover {								/* ul li ul */
					background: none;
					color: #107cc7;
				}
/* CONTENT *********************************************************************/
div#content {
	min-height: 200px;
  height: auto !important; /* For Saf/Fx */
  height:  200px; /* IE6 expands this if needed */
	font-size: 12px;
	font-family: Arial, Verdana;
	margin: 0px 10px 0px 10px;
}
	div#content_title h1 {
		padding: 20px 0 8px 10px;
		margin: 0;
		font-size: 200%;
		color: #117dc8;
		}
	div#content_body { padding: 10px; }
	div#content_body p {
		padding: 5px 0 10px 0;
		margin: 0;
		font-size: 13px;
		color: #363636;
		}
	div#content_body a {
		text-decoration: none;
		color: #ff4200;
	}
	div#content_body a:hover {
		text-decoration: underline;			
	}
	
	h2, h3, h4, h5, h6 {
		padding: 0;
		margin: 0;
		color: #ff4200;
		font-family: Arial, Verdana;
	}
	h2 { font-size: 180%; }
	h3 { font-size: 160%; }
	h4 { font-size: 140%; }
	h5 { font-size: 140%; color: #000000; }
	h6 { font-size: 120%; color: #000000; }

	div#content_body ul {
		padding-left: 20px;
		padding-top: 2px;
		}
		div#content_body ul li {
			list-style-image: url('../images/ball.gif');
			color: #117dc8;
			}
			div#content_body ul li li{
				list-style: circle;
				}
		div#content_body ol {
			padding-left: 25px;
			padding-top: 2px;
			}
		div#content_body ol li{
			list-style: decimal;
			}

		div#content img { border: none; }
		div#content img.center, 
		div#content img.right, 
		div#content img.left{
			padding: 8px;
			background-color: #bfbdbb;
			}
		div#content img.left, 
		div#content img.left_nb{
			margin: 8px;
			margin-left: 0px;
			padding: 8px;
			float: left;
			}
		div#content img.right,
		div#content img.right_nb{
			margin: 8px;
			margin-right: 0px;
			padding: 8px;
			float: right;
			}
		div#content img.center, 
		div#content img.center_nb{
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 8px;
			}
/* NEWS ***********************************************************************/
div#news {
	width: 970px;
	overflow: hidden;
}
div#news ul {
	padding: 0;
	margin: 0;
	width: 990px;
	list-style: none;
	}
	div#news ul li {
		float: left;
		width: 320px;
		height: 155px;
		padding: 0px;
		margin: 5px 10px 0px 0px;
		overflow: hidden;
		}
		div#news ul ul {
			list-style: none;
			}
			div#news ul li ul li {
				float: none;
				margin: 0;
				padding: 0;
				height: auto;
				}
				li.news_title h2 {
					font-size: 16px;
					margin: 0;
					padding: 0 0 10px 0;
				}
				li.news_title h2 a {
					margin: 0;
					padding: 0;
					text-decoration: none;
					color: #016fbc;
				}
				li.news_content {
					line-height: 18px;
				}
				li.news_date {
					display: block;
					height: 10px;
					position: absolute;
					top: 397px;
					font-size: 10px;
					color: #737373;
				}
				li.news_more {
					display: block;
					height: 10px;
					position: absolute;
					top: 388px;
				}
				li.news_more a {
					display: block;
					width: 75px;
					height: 17px;
					padding: 2px 0px 0px 9px;
					margin: 0 10px 0 0;
					float: right;
					clear: both;
					color: #333333;
					font-size: 12px;
					text-decoration: none;
					font-family: arial;
					font-weight: bold;
					background: transparent url(../images/more_btn.gif) top right no-repeat;
					}
				li.news_more a:hover {
					color: #ffffff;
					background: transparent url(../images/more_btn.gif) bottom right no-repeat;
				}
/* REF BOX ********************************************************************/
div#ref_box {
	clear: both;
	min-width: 990px;
	background: #fff url(../images/ref_box_bcg.gif) top left repeat-x;
}
div#refboxborder {
	position: relative;
	top: -4px;
	width: 990px;
	margin: 0 auto;
	height: 204px;
	padding-top: 11px;
	overflow: hidden;
	background: #fff url(../images/content_bcg.gif) top left no-repeat;
}

/* FOOTER *********************************************************************/
#footer {
	display: block;
	min-width: 990px;
	color: #a5a09c;
	height: 60px;
	clear: both;
	background: #f8f9f3 url(../images/footer_bcg.gif) top left repeat-x;
	}
	#foot {
		width: 990px;
		margin: 0 auto;
	}
	#footer img {
		border: none;
	}
	#rivendel_logo {
		display: block;
		width: 169px;
		float: left;
		padding-top: 10px;
		padding-left: 10px;
	}
	#licence {
		display: block;
		width: 611px;
		float: left;
		}
		#licence p {
			margin: 0;
			padding: 5px 0 0 20px;
			font-size: 10px;
		}
	#licence a {
		color: #a5a09c;
	}
	#w3c_logo {
		display: block;
		width: 169px;
		float: right;
		padding-top: 10px;
		padding-right: 10px;
		text-align: right;
	}