﻿html{
	height: 100%;
    
}

body{	
    height:100%;
    font-family: Georgia, Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 110%;
    margin:0;
    padding:0;    
	text-align: center;           
}

#container {    
	
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px auto; /* the bottom margin is the negative value of the footer's height */ 
    min-width: 1050px;
    background: #c4db0e url(../kepek/design/bg_body.jpg) repeat-y top center; 
}
#container #wrapper{
    background: transparent url(../kepek/design/bg_body_top.jpg) no-repeat top center;     
}

#push{
    height: 100px;    
}

#footer{
    height: 100px;  
    background: transparent url(../kepek/design/bg_footer.jpg)  repeat-x 0 0;   
}
#footer #footer_content{
    width: 1050px;
    height: 100px;
    margin: 0 auto;
    background: transparent url(../kepek/design/bg_footer_content.jpg)  no-repeat 0 0;
    position: relative; 
}
#footer_content #logo_link{
  position: absolute; /* a pozicionális típusa. Egy link esetében megfelel a relatív elhelyezés is, viszont nagyszámú link esetében érdemes abszolut módon meghatározni a kattintható felület határait, pl.: egy fénykép részeire kattintható felületeket létrehozni */
  left: 25px;
  top: 62px;
  width: 220px;
  height: 30px;
  display: block; 
  text-decoration: none; 
  border: 0;
  /*border: 1px solid red; */ /* a beállítások ideje alatt */
}

#content{
    width: 1050px;
    margin: 0 auto;
     
}
#content_box{
    width: 1050px;
    background: transparent url(../kepek/design/bg_content_top.jpg) no-repeat 0 0;
    min-height: 300px;
    height:auto !important;
    height: 300px;
    margin: 0;
    padding: 0;
}
#header{
    width: 1050px;
    height: 155px;
    margin: 0;
    padding: 0;
    display: block;
    background: transparent url(../kepek/design/header.jpg) no-repeat 0 0;
    text-align: left;
}
#top_search_box_above{ height: 15px; margin: 0; padding: 0;}
#top_search_box{
    margin: 0 0 0 765px;
    width: 240px;
    height: 20px;
}
#top_search_box a.kereso{
    color: #AFE2FB;
    font-weight: bold;    
}
#top_search_box a.kereso:hover{
    color: #ffffff;
    font-weight: bold;    
}
#top_search_form{
    width: 240px; 
    height: 20px;
    margin: 0;
    padding: 0;
}
#top_search_form input.textfield{
    border: 0px solid #ffffff;
    color: #234567;
    font-weight: bold;
    width: 200px;
    margin: 0;
    padding: 0;
    float: left;    
}
div#ingatlan_kereso{width:240px;height: 200px; background: transparent url(../kepek/design/bg_ingatlankereso.png) no-repeat 0 0; margin: 10px 0; overflow:hidden;}
/* menu */
#hormenu{
    width: 1050px;
    height: 35px;
    display: block;
    background: transparent url(../kepek/design/bg_hormenu.jpg) no-repeat 0 0;
    text-align: left;
}

#hor_menu{
	height: 35px;
    width: 1050px;
    list-style: none;
	padding: 0;
	margin: 0;
    position: relative;
}
#hor_menu li{
	height: 35px;
    float: left;
    padding: 0;
	margin: 0;
    display: block;
}
#hor_menu a {
	display: block;
	text-indent: -9000%;
	/*position: absolute; */
	outline: none;
}
#hor_menu a:hover {
	background-position: left bottom;
}

#hor_menu a.t {
	display: block;
	text-indent: 0;
	/*position: absolute; */
	outline: none;
}
#hor_menu a.t:hover {
	display: block;
	text-indent: 0;
	/*position: absolute; */
	outline: none;
}

#hor_menu .home {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_01_hun.jpg) no-repeat;
	top: 0px;
}
#hor_menu .home_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_01_hun.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .szallasok {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_02_hun.jpg) no-repeat;
	top: 0px;
}
#hor_menu .szallasok_akt {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_02_hun.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .ingatlanok {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_03_hun.jpg) no-repeat;
	top: 0px;
}
#hor_menu .ingatlanok_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_03_hun.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .hitel {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_04_hun.jpg) no-repeat;
	top: 0px;
}
#hor_menu .hitel_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_04_hun.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .kapcsolat {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_05_hun.jpg) no-repeat;
	top: 0px;
}
#hor_menu .kapcsolat_akt {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_05_hun.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .info {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_06_hun.jpg) no-repeat;
	top: 0px;
}
#hor_menu .info_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_06_hun.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .home_ger {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_01_ger.jpg) no-repeat;
	top: 0px;
}
#hor_menu .home_ger_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_01_ger.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .szallasok_ger {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_02_ger.jpg) no-repeat;
	top: 0px;
}
#hor_menu .szallasok_ger_akt {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_02_ger.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .ingatlanok_ger {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_03_ger.jpg) no-repeat;
	top: 0px;
}
#hor_menu .ingatlanok_ger_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_03_ger.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .hitel_ger {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_04_ger.jpg) no-repeat;
	top: 0px;
}
#hor_menu .hitel_ger_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_04_ger.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .kapcsolat_ger {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_05_ger.jpg) no-repeat;
	top: 0px;
}
#hor_menu .kapcsolat_ger_akt {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_05_ger.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .info_ger {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_06_ger.jpg) no-repeat;
	top: 0px;
}
#hor_menu .info_ger_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_06_ger.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .home_eng {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_01_eng.jpg) no-repeat;
	top: 0px;
}
#hor_menu .home_eng_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_01_eng.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .szallasok_eng {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_02_eng.jpg) no-repeat;
	top: 0px;
}
#hor_menu .szallasok_eng_akt {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_02_eng.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .ingatlanok_eng {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_03_eng.jpg) no-repeat;
	top: 0px;
}
#hor_menu .ingatlanok_eng_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_03_eng.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .hitel_eng {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_04_eng.jpg) no-repeat;
	top: 0px;
}
#hor_menu .hitel_eng_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_04_eng.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .kapcsolat_eng {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_05_eng.jpg) no-repeat;
	top: 0px;
}
#hor_menu .kapcsolat_eng_akt {
	width: 136px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_05_eng.jpg) no-repeat left bottom;
	top: 0px;
}

#hor_menu .info_eng {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_06_eng.jpg) no-repeat;
	top: 0px;
}
#hor_menu .info_eng_akt {
	width: 135px;
	height: 35px;
	background: url(../kepek/design/hormenu/hor_menu_06_eng.jpg) no-repeat left bottom;
	top: 0px;
}

/* menu vege */
div.clearleft{ clear: left;}
div.clearboth{ clear: both;}

div#tartalom{
    width: 980px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
#tartalom a{ color: blue; text-decoration: none;}
#tartalom a:hover{ color: #FF6600; text-decoration: none;}


#tartalom #bal{
    width: 690px;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: left;
    float: left;
}

#tartalom #jobb{
    width: 250px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: left;
    float: right;
}

#tartalom #szallasok_left{
    width: 680px;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: left;
    float: left;
}

#tartalom #szallasok_right{
    width: 260px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: left;
    float: right;
}

#tartalom #egyszallas_left{
    width: 745px;
    float: left;
    margin: 0;
    padding: 0;    
}
#tartalom #egyszallas_right{
    width: 220px;
    float: right;
    margin: 0;
    padding: 0;        
}
#egyszallas_right img{
    width: 210px;
    border: 0px solid white;
    display: block;
}
#egyszallas_right .er_inner{
    width: 210px;
    margin-bottom: 8px;
}

h1{
    font-weight: bold;
    font-size: large;
    color: #333333;
    text-align: center;
    margin: 12px 0 20px;
    line-height: 120%;
}
h3{
    font-weight: bold;
    font-size: larger;
    color: #000000;
    text-align: left;
    margin: 8px 0;
    line-height: 120%;
}
p{ margin: 8px 0; line-height: 110%;}

a.bottomlink{
    text-decoration: none;
    color: #3366FF;
}
a.bottomlink:hover{
    text-decoration: none;
    color: #FF6600;
}

div.szlista_row_wrapper{ width: 680px; margin-bottom: 12px;}
div.szlista_row{
    width: 680px;
    background: transparent url(../kepek/design/bg_szlista_row_02.png) repeat-y 0 0;   
    text-align: left;
}

div.szlista_row .szlista_row_left{
    width: 335px;    
    float: left;
}

div.szlista_row .szlista_row_right{
    width: 335px;    
    float: right;    
}
div.szlista_iteminner{width: 325px; margin-left: 5px; overflow: hidden;}
div.szlista_iteminner .szallasnev{ text-align: center; font-weight: bold; margin-bottom: 8px;}
div.szlista_iteminner .szlista_iteminner_left{width: 120px; overflow: hidden; float: left;}
div.szlista_iteminner .szlista_iteminner_left img{width: 120px;}
div.szlista_iteminner .szlista_iteminner_right{width: 200px; overflow: hidden; float: right;}

div.cimkelista_wrapper{ width: 240px; margin-bottom: 12px;}
div.cimkelista_header{
    width: 240px;
    height: 20px;
    background: transparent url(../kepek/design/cimkek_box_01.png) no-repeat 0 0;   
    text-align: center;
    overflow: hidden;
    color: #123456;
    font-weight: bolder;
    /*padding-top: 3px;*/
    margin: 0;
}
div.cimkelista{
    width: 240px;
    background: transparent url(../kepek/design/cimkek_box_02.png) repeat-y 0 0;   
    text-align: left;
    margin: 0;
}
div.cimkelista_inner{   
    width: 230px;
    padding-top: 5px;      
    margin-left: 5px;
}
div.cimkelista_inner a{
    white-space: nowrap;
    color: #3366FF;
    text-decoration: none;   
}
div.cimkelista_inner a:hover{
    white-space: nowrap;
    text-decoration: underline;
    color: #3366FF;   
}
.city_name{ color: #234567;}
.rightalign {text-align: right;}
div.cimkekbox_kicsi{
    margin: 12px 0 12px 0;
    background: transparent url(../kepek/design/cimke_ikon.jpg) no-repeat 0 0; 
    padding-left: 45px;    
    overflow: hidden;
    min-height: 20px;
}
.nowrap {white-space: nowrap;}

div.pager{
  text-align: center;
  height: 18px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  display: block;
}
div.pager li{ display: inline; margin: 0; padding: 0; vertical-align: top;}
div.kepek_box {display: block; width: 240px; text-align: center; margin-bottom: 12px;}
div.kepek_box img{width: 240px; display: block; margin-bottom: 5px;}

div.box_w220{ width: 220px; margin: 0 0 12px 0; padding: 0; overflow: hidden;}
div.box_w220 .inner{ padding: 0 5px; }

div.szallasbox{
    width: 220px;
    background: transparent url(../kepek/design/szallasbox/szobak_box_02.png) repeat-y 0 0;
    overflow: hidden;
    margin: 0;
}
div.furdobox{
    width: 220px;
    background: transparent url(../kepek/design/szallasbox/furdok_box_02.png) repeat-y 0 0;
    overflow: hidden;
    margin: 0;
}
div#foglalas_box{
    width: 510px;
    margin: 12px 0;
    padding: 0;
    background:  transparent url(../kepek/design/foglalas_box_03.jpg) repeat-y 0 0;
}
div#kereses_box{
    width: 510px;
    margin: 12px 0;
    padding: 0;
    background:  transparent url(../kepek/design/kereses_box_03.jpg) repeat-y 0 0;
}
div.inner{ padding: 5px;}
form#ing_search{width:200px; margin: 20px auto 0 auto; overflow: hidden;}
form#ing_search select{width: 200px;}


form#urlap{
    width: 100%;
    
}
#urlap label.lab{
    float: left;
    width: 120px;
    text-align: right;
    margin: 4px 0;
    vertical-align: bottom;
}
#urlap input.textfield, #urlap select.textfield{
    width: 210px; 
    float: left; 
    margin: 4px 0 4px 5px;
    border: 1px solid #afafaf;  
}
#urlap input.textfield2{
    width: 150px; 
    float: left; 
    margin: 4px 0 4px 5px;
    border: 1px solid #afafaf;  
}
#urlap input.textfield3{
    width: 50px; 
    float: left; 
    margin: 4px 0 4px 5px;
    border: 1px solid #afafaf;  
}
#urlap textarea{
    width: 210px;
    height: 80px; 
    float: left; 
    margin: 4px 0 4px 5px;
    border: 1px solid #afafaf; 
}
			
#urlap label.error{float: none; color: red; padding-left: 0.5em; vertical-align: top; height: 15px;}
		
#urlap input.error, #urlap select.error{
	border: 1px dotted red;
	background-color: #FED6D9;
}
ul#error_box_ul li{ color: red;}

/*690x225 box*/
div#kiemelt_ajanlatok_box{
    width: 690px;
    height: 225px;
    background:  transparent url(../kepek/design/bg_kiemeltajanlatok.png) no-repeat 0 0;
    position:relative; 
}
div#kab_inner{
    width: 670px;
    height: 180px;    
    margin-left: 10px;
    
}
/*simple text*/
#slider p.img {
    position:absolute;
    top:0px;
    left:0;
    padding:0;
    line-height:0;
    width:250px;
    height:180px;
}
#slider p.img img { padding:0; margin:0; border:0; width: 240px; height: 180px;}
#slider h2 {
    font:bold 20px Arial, Helvetica, sans-serif; color:#2a2a2a;
    position:absolute; top:0px; left:250px;
    margin:0px; padding:0px; line-height:1.2em;
    text-align: center;}
#slider p {font:normal 14px Arial, Helvetica, sans-serif; color:#5f5f5f;
   position:absolute; top:80px; left:250px; width: 410px;    
   margin:0; padding:0px; line-height:1.2em;}



#slider div.button { position:absolute; bottom:0px; left:250px;}
#slider div.button img { display:inline}
#slider div.button .right_but { margin:0 0 0 170px;}

#slider { margin:0; padding:0; position:relative;  }

#slider ul { position:absolute;  }
#slider ul, #slider li { margin:0; padding:0; list-style:none;  }
#slider li { width:670px; height:180px;  text-align:left; position:relative;}
p#controls { height:30px; margin:0; position:relative; z-index:10; }
#prevBtn, #nextBtn { z-index:10; display:block; margin:0; overflow:hidden; width:60px; height:25px; position:absolute; left:500px; top:-25px;}
#nextBtn { left:560px; }
#prevBtn a { display:block; width:60px; height:25px; background:url(../kepek/design/spacer.gif); outline:none;  }
#nextBtn a { display:block; width:60px; height:25px; background:url(../kepek/design/spacer.gif); outline:none;  }
/**/
.vastag{ font-weight: bold; }
.kiemelt{ font-weight: bold; color: #99CC00; }
.alahuzott { text-decoration: underline;}
.sorkizart{ text-align: justify; }

img.fekvo_thumb{ width: 120px; height: 90px; }

ul.marketing{ margin: 20px 15px 10px 15px; }
ul.marketing li{ padding: 8px 0 8px 28px; background: transparent url(../kepek/design/ok.gif) no-repeat 0 0; font-weight: bold;}
div.marketing{ position: relative; }
div.marketing .title{
    /*color: #8ca322;*/
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    left: -1px;
    top: -1px;
    position: absolute;
    z-index: 1;
}
div.marketing .shadow{
    /*color: #8ca322;*/
    font-weight: bold;
    font-size: 16px;
    color: #cccccc;    
    position: absolute;
    z-index: 0;
}
/** tabs **/
	div.tabs {text-align: left;}
	UL.tabNavigation { list-style: none; margin: 0; padding: 0; text-align: left; }
	
	UL.tabNavigation LI { display: inline; }
	
	UL.tabNavigation LI A { padding: 3px 5px; background-color: #C4DB0E; color: #000 !important; text-decoration: none; }
	
	UL.tabNavigation LI A.selected,
	UL.tabNavigation LI A:hover { padding: 8px 5px 3px 5px; background-color:#FF6600; color: #fff !important; text-decoration: none; font-weight: bolder; }
	
	UL.tabNavigation LI A:focus { outline: 0; }
	
	div.tabs > div { padding: 5px; margin-top: 3px; border: 1px solid #dddddd; font-size: 12px; line-height: normal;}
	
	div.tabs > div h2 { margin-top: 0; }
