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

html, body {
	margin:0;
	padding:0;
	width:100%; 
	height:100%;
	}
body {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #363636;
	background: #e0e0e0 url(../images/bcg_body.gif) 1px 0px repeat-x;
	}

:-moz-any-link:focus {
	outline: none;
}

h1, h2, h3, h4, h5, h6{
 font-weight: bold;
 color: #0081c5;
 margin-top: 3px;
 margin-bottom: 3px;
 width: 514px;
 letter-spacing: 0.06em;
 text-transform: none;
 text-align:  left;
 padding: 2px 2px 2px 10px;
 border-left: 5px solid #7fc41b;

}		

h1 {
 font-size: 160%;
 padding: 0;
 margin: 0;
 border: none;
}
h2 {
 font-size: 145%;
}
h3 {
display: inline;
 font-size: 125%;
}
h4 {
display: inline;
 font-size: 110%;
}
h5 {
 font-size: 120%;
 color: #000000;
}
h6 {
 font-size: 130%;
 color: #A50000;
}
p {
 font-size: 100%;
 padding: 0;
 margin: 0;
}
td {
margin: 0;
	padding: 4px 4px 4px 4px;
	border: 1px solid #cccccc;
}

/* Site ********************************************************/
div#maincontainer{
	width: 765px;
	margin: 0 auto;
	background: transparent url(../images/container_bcg.gif) repeat-y;
	}
	div#left_row {
		width: 222px;
		float: left;
		}
	div#right_row {
		width: 543px;
		float: left;
		}
div#logo {
	height: 169px;
	background: white url(../images/logo_bcg.gif) top left no-repeat;
	}
	div#logo img {
		margin: 19px 0 0 27px;
		}
div#head_links {
	height: 61px;
	padding-left: 3px;
	background: transparent url(../images/head_links_bcg.gif) top left no-repeat;
	}
	div#head_links a {
		float: left;
		display: block;
		height: 61px;
		width: 180px;
		margin: 0;
		padding: 0;
		}
	div#head_links a.headlink_farkasautohaz {
		background: transparent url(../images/farkasautohaz.jpg) top center no-repeat;
		width: 360px;
		}
	div#head_links a.headlink_kpauto {
		background: transparent url(../images/headlink_bcg_kpauto.jpg) top left no-repeat;
		}
	div#head_links a.headlink_visszahivas {
		background: transparent url(../images/visszahivjuk_button.jpg) top left no-repeat;
		overflow: hidden;
		}
		div#head_links a.headlink_visszahivas img{
			border: none;
			}
div#head_images {
	height: 167px;
	background: transparent url(../images/head_image_01.jpg) no-repeat;
	}
div#citroeneger {
	height: 61px;
	background: #e0e0e0 url(../images/mazdafarkas.gif) bottom left no-repeat;
	}
div#menu {
	min-height: 142px;
	padding: 16px 0 0 4px;
	background: transparent url(../images/menu_bcg.gif) top left no-repeat;
	}

div#head_box {
	padding-left: 4px;
	width: 537px;
	background: white url(../images/head_box_bcg.gif) top left no-repeat;
	}
div#banner {
	float: left;
	height: 62px;
	width: 474px;
	background: #e0e0e0 url(../images/banner_bcg.gif) repeat-x;
	}
	div#text_set {
	float: right;
	height: 14px;
	width: 61px;
	padding-left: 2px;
	padding-top: 48px;
	background: #e0e0e0 url(../images/banner_bcg.gif) repeat-x;
	}
	div#text_set a {
		margin: 0;
		padding: 0;
		float: left;
		display: inline;
		height: 14px;
		text-decoration: none;
		font-size: 0px;
	}
	a#normal {
		width: 20px;
		background: url(../images/text_normal.gif) no-repeat;
	}
	a#large {
		width: 19px;
		background: url(../images/text_large.gif) no-repeat;
	}
	a#larger {
		width: 22px;
		background: url(../images/text_larger.gif) no-repeat;
	}
div#news_box,
div#infobox_box {
	clear: both;
	background: white url(../images/news_bcg.gif) repeat-x;
	height: 170px;
	width: 537px;
	padding-top: 5px;
	}
div#news_pager,
div#infobox_pager {
	clear: both;
	height: 16px;
	background: white url(../images/news_pager_bcg.gif) 138px 8px no-repeat;
}
	div#news_pager ul,
	div#infobox_pager ul{
		padding: 0;
		margin: 0;
		float: right;
		}
		div#news_pager ul li,
		div#infobox_pager ul li{
			padding: 0;
			margin: 0;
			float: left;
			list-style: none;
			}
			div#news_pager ul li a,
			div#infobox_pager ul li a{
				padding: 0;
				margin: 1px 0 0 0;
				padding: 0 2px 0 4px;
				width: 15px;
				height: 15px;
				display: block;
				}
				div#news_pager ul li a.prev_news,
				div#infobox_pager ul li a.prev_news,
				div#news_pager ul li a.prew_news{
					background: url(../images/prew_news_button.gif) no-repeat;
					}
				div#news_pager ul li a.next_news,
				div#infobox_pager ul li a.next_news,
				div#news_pager ul li a.next_news{
					background: url(../images/next_news_button.gif) no-repeat;
					}	
/* News ********************************************************/							
			div#news ul, 
			div#infobox ul{ 
				font-size: 12px;
				display: block;
				margin: 0;
				padding: 0;
				list-style: none;
				float: none;
				height: 154px;
				}	
				div#news ul li,
				div#infobox ul li{
					padding: 0;
					margin: 0;
					list-style: none;
					float: left;
					}
					div#news ul li ul,
					div#infobox ul li ul {
						height: 154px;
						width: 268px;
						padding: 0;
						margin: 0;
						float: none;
						}
						div#news ul li ul li,
						div#infobox ul li ul li {
							padding: 0;
							margin: 0;
							float: none;
							}

				div#news ul li .news_title,
				div#infobox ul li .infobox_title {
					padding: 0 0 0 5px;
					font-size: 12px;
					font-weight: bold;
					height: 16px;
					color: #0081c5;
					border-left: 5px solid #7fc419; 
					}
				div#news ul li .news_date,
				div#infobox ul li .infobox_date {
					font-size: 10px;
					padding: 0 5px 0 0;
					color: #767676;
					text-align: right;
					font-weight: bold;
					height: 19px;
					font-family: verdana, arial;
					}
				div#news ul li .news_content,
				div#infobox ul li .infobox_content {
					padding: 0 7px 0 9px;
					margin: 0;
					height: 104px;
					overflow: hidden;
					border-left: 1px solid #cccccc; 
					}
					div#news ul li .news_content p,
					div#infobox ul li .infobox_content p {
						padding: 0;
						margin: 0;
						}
				div#news ul li .news_link, 
				div#infobox ul li .infobox_link {
					margin: 0;
					padding: 0 10px 0 0;
					height: 15px;
					text-align: right;
					}
					div#news ul li .news_link a, 
					div#infobox ul li .infobox_link a {
						color: #7fc41b;
						text-decoration: none;
						font-size: 11px;
						font-weight: bold;
						height: 15px;
					}

/* Infobox ********************************************************/
			div#infobox ul{ 
				width: 530px;
				padding-left: 0;
				}	
				div#infobox ul li ul {
					width: 530px;
					border-top: 1px dotted #aaaaaa;
					margin: 0;
					padding-top: 10px;
					height: auto;
					}
					div#infobox ul li ul li {
						padding-left: 0;
						float: left;
						}
				div#infobox ul li .infobox_img img {
					padding: 3px;
					border: 1px solid #FC7D00;
					}
				div#infobox ul li .infobox_title {
					padding: 0 0 0 5px;
					margin: 5px;
					width: 340px;
					}
					div#infobox ul li .infobox_title a{
						font-size: 12px;
						font-weight: bold;
						height: 16px;
						color: #0081c5;
						border-left: none;
						text-decoration: none;
						} 
				div#infobox ul li .infobox_date {
					width: 240px;
					}
				div#infobox ul li .infobox_content {
					padding-left: 5px;
					height: auto;
					width: 320px;
					}
				div#infobox ul li .infobox_more {
					width:240px;
					text-align: right;
					}
				div.listlink {
					padding-right: 6px;
					text-align: right;
					}
					div#infobox ul li .infobox_more a,
					div.listlink a{
						color: #FC7D00;
						text-decoration: none;
						font-family: verdana, arial;
						font-size: 10px;
						}
						div#infobox ul li .infobox_more a:hover{
							color: #FC7D00;
							text-decoration: underline;
							}
						
	div.infobox_detail {
		padding-bottom: 10px;
		}
		img.infobox_detail_img {
			padding: 3px;
			border: 1px solid #FC7D00;
			float: left;
			margin-right: 6px;
			}
/* Menu ********************************************************/
	#menu ul {
		margin: 0;
		padding: 0;
		list-style:none;
		font-size: 12px;
		}
		#menu li {
			margin: 0;
			padding: 0;
			list-style:none;
			}
			#menu a {
				display: block;
				color: #ff6200;
				text-decoration: none;
				text-align: left;
				font-weight: bold;
				background: white url(../images/menu_btn_bcg.gif) bottom left no-repeat;
				margin: 0;
				padding: 4px 30px 4px 25px;
				height: 15px;
				}
				#menu li ul a {
					color: #727272;
					background: white url(../images/submenu_btn_bcg.gif) bottom left no-repeat;
					padding: 2px 30px 2px 10px;
					margin-left: 25px;
					height: 15px;
					}
					#menu li ul li ul a{
						padding-left: 20px;
						margin-left: 25px;
						overflow: hidden;
						}
						#menu li ul li ul li ul a{
							}
					#menu li ul a:hover {
						color: #727272;
						background: white url(../images/submenu_btn_h_bcg.gif) bottom left no-repeat;
						}		

			#menu .selector span{
				display: block;
				color: #ff6200;
				font-weight: bold;
				text-align: left;
				background: white url(../images/menu_btn_bcg.gif) bottom left no-repeat;
				margin: 0;
				padding: 4px 30px 4px 25px;
				height: 15px;
				}
				div#menu ul li ul li.selector span{
					color: #727272;
					margin-left: 25px;
					padding: 2px 0px 2px 10px;
					background: white url(../images/submenu_btn_bcg.gif) bottom left no-repeat;
					}
					div#menu ul li ul li.selector ul li.selector span{

						}
						div#menu ul li ul li.selector ul li ul li.selector span{

							}
/* Content ********************************************************/					
div#content {
	background-color: white;
	width: 537px;
	padding-left: 3px;
	margin-bottom: 5px;
	}
	div#content p{
		padding: 4px 4px 4px 14px;
	}
div#content ol, div#content ul{
	padding-left: 30px;
}
div#content ol ol, div#content ul ul{
	border-left: none;
}

div#content img.center, 
		div#content img.right, 
		div#content img.left{
			border: 1px solid #fc7d00;
			background-color: white;
			}
		div#content img.left, 
		div#content img.left_nb{
			margin: 8px;
			margin-left: 0px;
			padding: 3px;
			float: left;
			}
		div#content img.right,
		div#content img.right_nb{
			margin: 8px;
			margin-right: 0px;
			padding: 3px;
			float: right;
			}
		div#content img.center, 
		div#content img.center_nb{
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 3px;
			}
		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: #ff1919;
			}
		div#content .importantleft {
			color: white;
			width: 250px;
			float: left;
			margin: 8px;
			margin-left: 0px;
			display: block;
			padding: 10px;
			background-color: #ff1919;
			}
		div#content .importantright {
			color: white;
			width: 250px;
			float: right;
			margin: 8px;
			margin-right: 0px;
			display: block;
			padding: 10px;
			background-color: #ff1919;
			}

div#content_title {
border-left: 5px solid #7fc41b;
padding: 10px 10px 10px 9px;
margin-bottom: 10px;
}
div#footer {
	margin: 0 2px 0 4px;
	clear: both;
	border-top: #0081c5 3px solid;
	height: 58px;
	background: white url(../images/footer_bcg.gif) repeat-x;
	font-size: 10px;
	color: #969696;
	}
	div#footer img {
		border: none;
		}
	div#rivendel_logo {
		margin-top: 10px;
		padding: 4px 36px 0px 36px;
		border-right: 1px solid #cccccc;
		float: left;
		}
	div#w3c_logo {
		padding: 4px 15px 0 14px;
		margin-top: 10px;
		float: left;
		}
	div#licence {
		padding: 14px 0 0 0;
		float: left;
		line-height: 11px;
		}
		div#licence a {
			color: #0081c5;
			text-decoration: none;
		}

/* sendmail ********************************************************/
div#sendmail_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #000000;
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 999;
	}
div#sendmail {
	display: none;
	position: absolute;
	top: 210px;
	left: 103px;
	width: 600px;
	height: 360px;
	background-color: #434343;
	color: #ffffff;
	border: 2px solid #ffffff;
	z-index: 1000;
	padding: 0;
	}
	div#sendmail a {
		color: #666666;
		}		
		div#sendmail a:hover {
			color: #000000;
			}
	span#showemail {
			display: block;
			margin: 0;
			padding: 0;
			padding-top: 6px;
		}
	#sendmailheader {
		width: 600px;
		height:27px;
		margin: 0 0 6px 0;
		background-color:#e8e8e8;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;
		border: none;
		}
		#sendmailtitle{
			float:left;
			padding:7px 0 5px 10px;
			margin-bottom:1px;
			}
		#sendmailclose {
			padding:5px 10px 7px 0;
			margin-bottom:1px;
			text-align:right;
			float:right;
			}

a, 
span.email {
	color: #0081c5;
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		}


ul#lang {
	float: right;
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	}
	ul#lang li {
		margin: 0;
		padding: 2px 6px 0 0;
		border: 0 none;
		float: right; /*For Gecko*/
		display: inline;
		list-style: none;
		font-size: 11px;
		}
h2#carlist{
	text-align: center;
	border: none;
	background-color: #0081c5;
	color: white;
	width: auto;
	}
	h2#carlist a{
		color: white;
		text-decoration: none;
		}
		
.tablewithoutborder,
.tablewithoutborder td{
	border: none;
}