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

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

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

h1, h2, h3, h4, h5, h6{
 font-weight: bold;
 color: #7fc419;
 margin-top: 0.4em;
 margin-bottom: 0.6em;
 letter-spacing: 0.06em;
 text-transform: none;
 text-align:  left;
 padding:0;
}		
		
h1 {
 font-size: 140%;
}
h2 {
 font-size: 140%;
}
h3 {
 font-size: 130%;
}
h4 {
 font-size: 110%;
}
h5 {
 font-size: 100%;
 color: #000000;
}
h6 {
 font-size: 130%;
 color: #000000;
}
p {
 font-size: 100%;
 padding: 6px 0;
}
td, th {
 font-size: inherit;
 padding: 4px 0 4px 0;
}
ul{
	font-size: 100%;
	margin: 0;
	padding: 10px 10px 10px 20px;
	text-align: left;
}
ul li{
	margin: 0;
	padding: 4px 0 4px 0;
}
ul li ul{
	padding: 0 0 0 20px;
}
ol{
padding-left: 24px;
margin: 0;
font-size: 100%;
}

/* Site ********************************************************/
div#maincontainer{
	width: 920px;
	margin: 0 auto;
	background-color: none;
	}
div#contentcontainer{
	width: 771px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: none;
	}
	div#head{
		width: 771px;
		height: 179px;
		background: white url(../images/bcg_head.gif) repeat-y;
		}
		div#logo{
			float: right;
			width: 277px;
			height: 45px;
			margin-top: 10px;
			margin-right: 20px;
			background: url(../images/dekor-invest_logo_2.jpg) no-repeat;
			color: #8080AD;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 0.2em;
			padding-top: 70px;
			text-align: center;
			}
		div#slogen_top{
			float: left;
			width: 413px;
			height: 115px;
			margin-top: 10px;
			margin-left: 20px;
			background: #f1f3f2 url(../images/slogen_01.jpg) no-repeat bottom right;
			}
		div#navigation{
			clear: both;
			width: 763px;
			height: 39px;
			margin-left: 4px;
			padding-top: 15px;
			background: #83cb12 url(../images/bcg_menu_bar.gif) repeat-x;
			}
div#container {
	width: 761px;
	margin-left: 4px;
	padding-bottom: 10px;
	background-color: white;
	border: 1px solid #e9eaeb;
	border-bottom: none;
	border-top: none;
	}
	div#slogen_bottom {
		float: left;
		width: 413px;
		height: 224px;
		margin-left: 15px;
		background: #f1f3f2 url(../images/slogen_01_bottom.gif) no-repeat bottom right;
		}
		
/* News ********************************************************/
	div#news_box_border {
		float: right;
		width: 277px;
		height: 223px;
		margin-right: 15px;
		background: url(../images/news_bcg.jpg) repeat-x;
		border: 1px solid #b0b0b0;
		border-top: none;
		color: white;
		margin-bottom: 10px;
		
		}
	div#news_box {
		border: 1px solid white;
		border-top: none;
		height: 222px;
		background: url(../images/news_more_bcg.jpg) no-repeat bottom left;
		}
			div#news_box_title {
				font-weight: bold;
				font-size: 16px;
				height: 15px;
				padding: 6px 0 0 7px;
				}
			div#news_pager {
				height: 14px;
				}
				div#news_pager ul{
					padding: 0;
					margin: 0;
					float: right;
					}
					div#news_pager ul li{
						padding: 0;
						margin: 0;
						float: left;
						list-style: none;
						}
						div#news_pager ul li a{
							padding: 0;
							margin: 0;
							padding: 0 2px 0 4px;
							width: 15px;
							height: 14px;
							display: block;
						}
						div#news_pager ul li a.prev_news{
							background: url(../images/prev_news_button.gif) no-repeat 0px 0px;
							}
						div#news_pager ul li a.next_news{
							background: url(../images/next_news_button.gif) no-repeat 0px 0px;
							}
			div#news ul{ 
				font-size: 12px;
				display: block;
				margin: 0;
				padding: 0 7px 0 7px;
				list-style: none;
				float: none;
				}	
				div#news ul li{
					height: 182px;
					padding: 0;
					margin: 0;
					list-style: none;
					float: none;
					overflow: hidden;
					}
					div#news ul li ul {
						padding: 0;
						margin: 0;
						}
						div#news ul li ul li {
							padding: 0;
							margin: 0;
							}
						
				div#news ul li .news_title {
					padding: 0 2px 0 2px;
					font-size: 12px;
					font-weight: bold;
					height: 20px;
					color: #FFCC33;
					}
					div#news ul li .news_title h2 {
						margin: 0;
						padding: 0;
						color: white;
						}
				div#news ul li .news_date {
					font-size: 11px;
					color: #dbf876;
					text-align: right;
					font-weight: bold;
					height: 12px;
					}
				div#news ul li .news_content {
					padding: 0 2px 0 2px;
					margin: 0;
					height: 129px;
					overflow: hidden;
					}
					div#news ul li .news_content p {
						padding: 2px 0 2px 0;
						margin: 0;
						}
				div#news ul li .news_link {
					margin: 0;
					padding: 0;
					height: 26px;
					text-align: right;
					}
				div#news a {
					color: #F6FF41;
					font-weight: bold;
					}

/* Content ********************************************************/
	div#title{
		clear: both;
		width: 698px;
		height: 30px;
		border-left: 5px solid #7fc419;
		background-color: white;
		padding: 2px;
		padding-left: 10px;
		padding-top: 10px;
		margin-left: 15px;
		}
		div#title h1 {
			float: left;
			padding: 0;
			margin: 0;
			color: #2b77a8;
			font-weight: bold; 
			font-size: 130%;
			background-color: white;
			}
	div#content{
		font-size: 14px;
		width: 714px;
		min-height: 400px;
		background-color: white;
		margin-left: 15px;
		margin-top: 10px;
		padding: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-left: 5px solid #0168aa;
		}
		div#content li{
			}
		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;
			}
/********************************************************
* Menu
********************************************************/
ul#menu {
	float: right;
	margin: 0;
	border: 0 none;
	padding: 0;
	list-style: none;
	}
	ul#menu li {
		margin: 0;
		padding: 0;
		border: 0 none;
		float: left; /*For Gecko*/
		display: inline;
		list-style: none;
		position: relative;
		height: 39px;
		background: url(../images/menu_selector.gif) no-repeat top left;
		}
		ul#menu li#open {
	  	}
		ul#menu li#open:last-child {
		}
		ul#menu li.selector span{
			margin : 0;
			font-size: 8pt;
			font-weight: bold;
			float: none !important; /*For Opera*/
			float: left; /*For IE*/
			display: block;
			color: white;
			text-decoration: none;
			padding: 10px 10px 0px 10px;
/*			cursor: pointer;  hand-shaped cursor */
/*			cursor: hand;  for IE 5.x */
			}
		ul#menu ul {
			margin: 0;
			border: 0 none;
			padding: 0;
			width: 150px;
			list-style: none;
			display: none;
			position: absolute;
			top: 38px;
			left: 0;
			}
		ul#menu ul:after /*From IE 7 lack of compliance*/{
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
			}
			ul#menu ul li {
				padding: 0;
				padding-top: 1px;
				width: 150px;
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				height: auto !important;
				background: none;
				}
				ul#menu ul li ul li{
					padding-right: 1px;
					}
/* Root Menu */
ul#menu li a {
	padding: 0;
	margin : 0;
	font-size: 8pt;
	font-weight: bold;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	color: white;
	text-decoration: none;
	padding: 10px 10px 0px 10px;
	}
	ul#menu li a.ingatlan{
		color: yellow;
		}
ul#menu ul li a {
	padding: 3px 6px;
	padding-left: 17px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background-color:  white;
	color: #689bc3;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
   float: none;
   background-color:  #7ec21b;
   color: white;
   }
/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
   background-color:  white;
   color: #7ec21b;
   }
/* 3rd Menu */

ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
   background: #c9e47a;
   color:  #555555;
}
/* 3rd Menu Hover Persistence */
ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
  background: #c9e47a;
  color: #555555;
}
/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
  background: #c9e47a;
  color: #555555;
}
/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
  background: #c9e47a;
  color: #555555;
}
ul#menu ul ul,
ul#menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: -130px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
  display: none;
}
ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
  display: block;
}
/* Footer ********************************************************/
div#footer{
	clear: both;
	height: 54px;
	background: #83cb12 url(../images/bcg_menu_bar.gif) repeat-x;
	font-size: 10px;
	margin: 0 4px 0 4px;
	}
	div#penna{
		color: #b1b5b8;
		height: 15px;
		width: 763px;
		text-align: right;
		}
	div#rivendel_logo{
		width: 244px;
		height: 33px;
		clear: left;
		float: right;
		}
	div#rivendel_logo img{
		padding-right: 4px;
		margin: 0;
		border: none;
		}
	div#licence{
		padding-left: 10px;
		font-size: 11px;
		color: white;
		}
	div#licence a{
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 11px;
		}
	div#licence img{
		border: none;
		float: left;
		margin-right: 6px;
		}
/* 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: #7fc419;
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		}
ul#lang {
	display: block;
	float: right;
	width: 100px;
	margin: 0;
	border: 0 none;
	padding: 0;
	padding-top: 4px;
	list-style: none;
	}
	ul#lang img{
		border: none;
		}
	ul#lang li {
		margin: 0;
		padding: 2px 6px 0 0;
		border: 0 none;
		float: right; 
		display: block;
		list-style: none;
		font-size: 11px;
		text-align: right;
		}
/********************************************************
* banner
********************************************************/
div#banner_right{
	float: left;
	text-align: left;
	color: white;
	width: 140px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	}
	div#estatesearch{
		height: 180px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		}
		div#estatesearch h1{
			font-size: 100%;
			color: white;
			text-align: center;
			letter-spacing: 0;
			}
		div#estatesearch select{
			width: 140px;
			border-color: #040052;
			border-style: solid solid ridge;
			border-width: 1px 1px 4px;
			margin: 3px 0px 0px;			
			}
		div#estatesearch input{
			width: 60px;
			border-color: #040052;
			border-style: solid solid ridge;
			border-width: 1px 1px 4px;
			margin: 4px 0px 0px;			
			}
			div#estatesearch input.button{
				width: 140px;
				font-weight: bold;
				}

			
div#banner_right img{
	margin-top: 5px;
	border: none;
	}
	
/********************************************************
* ingatlankinalat
********************************************************/
.table, .table td,
.estatelist, .estatelist td{
	font-size: 12px;
	}
	td.estatefooter{
		background-color: #85CD11;
		color: white;
		padding: 6px;
		}
	td.estatelinks{
		color: #85CD11;
		padding: 6px;
		}
		td.estatelinks a{
			color: #85CD11;
			font-size: 14px;
			}
		td.estatefooter a{
			color: #F6FF41;
			}
		td.estatelinks a.detail_list,
		td.estatefooter a.detail_list{
			font-weight: bold;
			}
		td.estatelinks span.strong,
		td.estatelinks div.gotop,
		td.estatefooter span.strong,
		td.estatefooter div.gotop{
			text-align: right;
			}
			
div#search_input input{
	width: 100px;
	margin-left: 10px;;
	}
div#search_input input.mapsearch{
	width: 280px;
	margin-left: 30px;;
	}
	
fieldset#select03 p{
	float: left;
	width: 200px;
	}
	fieldset#select01,
	fieldset#select02{
		float: left;
		clear: none;
		width: 170px;
		border: none;
		}
		fieldset#select01 select,
		fieldset#select02 select{
			width: 100px;
			}
			fieldset#select01 option,
			fieldset#select02 option{
				width: 200px;
				}
	fieldset#select01{
		padding-left: 30px;
		}
	fieldset#select02{
		padding-left: 10px;
		}

div.urlap_link{
	border: 1px solid #FF3600;
	color: #FF3600;
	font-weight: bold;
	text-align: center;
	padding: 3px;
	cursor: pointer;
	}
div.urlap_link:hover{
	border: 1px solid #FF3600;
	color: white;
	background-color: #FF3600;
	}

div.urlap p.comment{
	font-style: italic;
	text-align: center;
	padding-top: 10px;
	}
	
ul.infobox li {
	list-style: none;
	clear: left;
}

.infobox_detail img {
	border: 1px solid #d1d1d1;
	padding: 5px;
	margin: 5px 10px 3px 0px;
	float: left;
}
.infobox_detail em {
	display: block;
	padding: 3px 10px 5px 0px;
}

div.listlink {
	display: block;
	float: right;
	height: 24px;
	padding: 0 5px 0 0;
	width: 120px;
}

.content_left{
	float: left;
	padding-right: 20px;
	}