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

html, body {
	margin:0;
	padding:0;
	width:100%; 
	height:100%;
	}
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #363636;
	background: #f6f4f5 url(../images/body_bcg.gif) top left repeat-x;
	}
:-moz-any-link:focus {
	outline: none;
}
.clear { clear: both; }
/* Site ***********************************************************************/
div#maincontainer {
	width: 994px;
	margin: 0 auto;
	background: transparent url(../images/maincontainer_bcg.gif) top right repeat-y;
	}
div#head {
		width: 994px;
		height: 217px;
	}
	div#logo {
		width: 193px;
		height: 217px;
		overflow: hidden;
		float: left;
		}
/* News ***********************************************************************/
	div#news_box {
		float: left;
		width: 612px;
		height: 159px;
		margin-top: 28px;
		background: white url(../images/news_shadow_bcg.gif) top left no-repeat;
	}
	.newsline {
		float: left;
		height: 159px;
		width: 306px;
		overflow: hidden;
	}
	.news_title {
		height: 32px;
		overflow: hidden;
		}
		.news_title h2 {
			color: #ff4200;
			font-size: 14px;
			font-family: Lucida Sans Unicode, Verdana;
			padding: 10px 0px 0px 10px;
		}
		.news_title h2 a {
			text-decoration: none;
			color: #ff4200;
		}
		.news_content {
			height: 106px;
			overflow: hidden;
			font-family: arial;
			letter-spacing: 1px;
			}
			.news_content p {
				padding: 0px 5px 5px 5px;
				margin: 0;
			}
		.news_link a {
			display: block;
			height: 20px;
			width: 140px;
			float: left;
			text-decoration: none;
			color: #ff4200;
			font-weight: bold;
			padding-left: 10px;
		}
		.news_date {
			float: right;
			height: 20px;
			width: 140px;
			font-size: 11px;
			color: #888581;
			text-align: right;
			padding-right: 10px;
		}
/* Contact box *****************************************************************/
	.contact_box {
		float: left;
	}
	div#contact_box {
		float: left;
		width: 186px;
		height: 159px;
		padding: 0;
		margin: 0;
		overflow: hidden;
		}
		div#contact_box p {
			padding: 30px 0 0 8px;
			margin: 0;
			font-size: 13px;
			font-family: Lucida Sans Unicode, Verdana;
		}
		div#contact_box a {
			color: black;
			text-decoration: none;
			}
		div#contact_box a {
			text-decoration: underline;
			}
	div#textset {
		width: 610px;
		height: 30px;
		float: left;
		margin-left: 1px;
		background-color: black;
		}
		.textset {
			padding: 0 0 0 8px;
			margin: 0;
		}
		.textset li {
			display: inline;
			padding: 0 2px 0 2px
			}
			.textset li a {
				color: white;
				font-weight: bold;
				text-decoration: none;
				}
			.textset #normal {
				font-size: 16px;
			}
			.textset #large {
				font-size: 20px;
			}
			.textset #larger {
				font-size: 24px;
			}

/* Navigaton ******************************************************************/
	div#navigation {
		display: inline;
		margin: 1px 0 0 4px;
		width: 189px;
		float: left;
	}
	div#menu ul {
		padding: 0px;
		margin: 0;
		list-style: none;
		}
		div#menu ul li {
			background-color: #888581;
			color: white;
			padding: 0;
			margin: 0;
			}
			div#menu ul li.parent a {
				background: #888581 url(../images/menu_close.gif) top right no-repeat;
			}
			div#menu ul li a {
				border-bottom: 1px solid #f6f4f5;
				width: 153px;
				min-height: 20px;
				height: auto !important;
				height: 20px;
				padding: 6px 15px 0px 21px;
				margin: 0;
				display: block;
				background-color: #888581;
				color: white;
				text-decoration: none;
			}

/* ooo */
div#menu ul li#openroot a{
	background: #33322d url(../images/menu_open.gif) no-repeat top right;
}
div#menu ul li#openroot ul li a {
	background: white;
	color: black;
}
div#menu ul li ul li#open a {
	background-color: #C7C3B8;
}
div#menu ul li#openroot ul li a:hover {
	background-image: none;
}


			div#menu ul li a:hover,
			div#menu ul li#openroot a:hover,
			div#menu ul li#openroot ul li a:hover
			div#menu ul li#openroot ul li#open a:hover {
				background-color: #c7c3b8;
			}
			div#menu ul li.parent a:hover {
				background: #c7c3b8 url(../images/menu_close.gif) top right no-repeat;
			}
			

			.menu li ul li ul, .menu li ul{
				display: none;
			}
			li#openroot ul{
				display: block;
			}
			li#openroot ul li ul{
				display: none;
			}




/* Content ********************************************************************/
	div#content {
		padding: 0;
		margin: 1px 0 0 1px;
		width: 611px;
		float: left;
	}
	div#content_title {
		background-color: white;
		height: 53px;
		}
		div#content_title h1 {
			padding: 20px 0 0 10px;
			margin: 0;
			font-size: 23px;
			color: #2c2b27;
			font-family: Lucida Sans Unicode, Verdana;
			}
	div#content_body {
		padding: 10px;
		}
		div#content_body p {
			padding: 5px 0 10px 0;
			margin: 0;
			font-size: 13px;
			font-family: arial, verdana;
		}
	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: Lucida Sans Unicode, Verdana;
	}
	h2 { font-size: 145%; }
	h3 { font-size: 125%; }
	h4 { font-size: 110%; }
	h5 { font-size: 120%; color: #000000; }
	h6 { font-size: 130%; color: #000000; }
	
	div#content_body img {
		border: none;
		}
	div#content_body ul {
		padding-left: 20px;
		padding-top: 2px;
		}
		div#content_body ul li {
			list-style: disc;
			}
			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.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;
			}
		div#content .quotecenter {
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 10px;
			background-color: #f6f6f6;
			quotes: "\201C" "\201D";
			}
			div#content .quotecenter:before {
				content: open-quote; 
				font-weight: bold;
				}
			div#content .quotecenter:after {
				content: close-quote; 
				font-weight: bold;
				}
		div#content .quoteleft {
			width: 250px;
			float: left;
			margin: 8px;
			margin-left: 0px;
			display: block;
			padding: 10px;
			background-color: #f6f6f6;
			quotes: "\201C" "\201D";
			}
			div#content .quoteleft:before {
				content: open-quote; 
				font-weight: bold;
				}
			div#content .quoteleft:after {
				content: close-quote; 
				font-weight: bold;
				}
		div#content .quoteright {
			width: 250px;
			float: right;
			margin: 8px;
			margin-right: 0px;
			display: block;
			padding: 10px;
			background-color: #f6f6f6;
			quotes: "\201C" "\201D";
			}
			div#content .quoteright:before {
				content: open-quote; 
				font-weight: bold;
				}
			div#content .quoteright:after {
				content: close-quote; 
				font-weight: bold;
				}
		div#content .importantcenter {
			color: white;
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 10px;
			background-color: #a40000;
			}
		div#content .importantleft {
			color: white;
			width: 250px;
			float: left;
			margin: 8px;
			margin-left: 0px;
			display: block;
			padding: 10px;
			background-color: #a40000;
			}
		div#content .importantright {
			color: white;
			width: 250px;
			float: right;
			margin: 8px;
			margin-right: 0px;
			display: block;
			padding: 10px;
			background-color: #a40000;
			}

/* Banner *********************************************************************/
	div#banner {
		float: right;
		width: 189px;
		margin-top: -30px;
		}
		div#banner img {
			border: none;
			display: block;
		}
		div#banner a {
			display: block;
			padding: 10px 0 10px 0;
			margin: 0;
			border-bottom: 1px solid #bfbdbb;
			width: 189px;
			background-color: #d7d7d6;
			text-align: center;
		}
		div#banner a img {
			display: inline;
		}

/* QUICK LINKS ****************************************************************/
#quicklinks {
	background: #797470;
	display: block;
	height: 42px;
	padding-top: 8px;
	text-align: center;
	font-size: 10px;
	}
	#quicklinks a {
		color: white;
		margin: 0 0.2em 0 0.2em;
		line-height: 3.5em;
		font-size: 90%;
	}
	#quicklinks a:hover {
		text-decoration: underline;
	}
/* FOOTER *********************************************************************/
#footer {
	background: white;
	display: block;
	color: #a5a09c;
	width: 100%;
	height: 60px;
	}
	#foot {
		width: 994px;
		margin: 0 auto;
	}
	#footer img {
		border: none;
	}
	#rivendel_logo {
		display: block;
		width: 169px;
		float: left;
		padding-top: 10px;
		padding-left: 20px;
	}
	#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: left;
		padding-top: 10px;
		padding-left: 10px;
	}