@charset "utf-8";
/* CSS Document */



* { 
	padding: 0px; 
	margin: 0px;
	border:none;
}

a, a:hover, a:active, a:visited { text-decoration:none; outline:none;}

a, a strong {
	color:#5f0c03;
	text-decoration:none;
}

html,body  {
	margin:0;
	padding:0;  
	color:#666666;
	font-size:11px;       
	background: url(../img/annahotel-bg-body.jpg) top repeat;
	font-family: tahoma;
}


div#main_container {
	width:790px;
	margin:0px auto;
	font-family: tahoma;
}

div#container_top{
	float:left;
	width:790px;
	height:11px;
	background:url(../img/annahotel-bg-top.png) left no-repeat;
	margin-top:10px;
}

div#container_bottom{
	float:left;
	width:790px;
	height:11px;
	background:url(../img/annahotel-bg-bottom.png) left no-repeat;
	margin-bottom:20px;
}

div#container{
	float:left;
	width:790px;
	background:url(../img/annahotel-bg-main.png) center repeat-y;
	position:relative;
}

	div#container2{
		float:left;
		width:768px;
		margin:0px 11px;
		display:inline;
		background:url(../img/annahotel-bg-container.jpg) top repeat-x #ffffff;
	}

	.liliom{
		position:absolute;
		width:116px;
		height:85px;
		overflow:hidden;
		background:url(../img/liliom.png) no-repeat;
		top:-23px;
		right:15px;
	}
	
	.left{ float:left;}
	.right{ float:right;}
	
/*************************************************************************/
	#logo_box{
		float:left;
		width:343px;
		height:157px;
		padding-top:1px;
		overflow:hidden;
	}

/*************************************************************************/
	
	.flag_box{
		float:right;
		/* téli
		width:403px;
		padding-right:22px;
		*/
		
		width:270px;
		padding-right:133px;
		height:57px;
		
		overflow:auto;
	}
		/*
		.flag_box a{
			float:right;
			width:33px;
			height:33px;
			overflow:hidden;
			text-indent:-9999px;
			margin:16px 5px 0px;
			display:inline;
		}
	
		#flag_hun{ background:url(../img/flags.jpg) 0px top no-repeat}
		#flag_hun:hover{ background:url(../img/flags.jpg) 0px bottom no-repeat}
		
		#flag_eng{ background:url(../img/flags.jpg) -45px top no-repeat}
		#flag_eng:hover{ background:url(../img/flags.jpg) -45px bottom no-repeat}
		
		#flag_deu{ background:url(../img/flags.jpg) -88px top no-repeat}
		#flag_deu:hover{ background:url(../img/flags.jpg) -88px bottom no-repeat}
		*/
		
		.flag_box a{
			float:right;
			width:27px;
			height:22px;
			overflow:hidden;
			text-indent:-9999px;
			margin:24px 5px 0px;
			display:inline;
		}
	
		#flag_hun{ background:url(../img/flags.jpg) -6px -7px no-repeat}
		#flag_hun:hover{ background:url(../img/flags.jpg) -7px -40px no-repeat}
		
		#flag_eng{ background:url(../img/flags.jpg) -47px -7px no-repeat}
		#flag_eng:hover{ background:url(../img/flags.jpg) -47px -40px no-repeat}
		
		#flag_deu{ background:url(../img/flags.jpg) -85px -7px no-repeat}
		#flag_deu:hover{ background:url(../img/flags.jpg) -85px -40px no-repeat}
		
		
		
	
/*************************************************************************/
	
	.slideshow_box{
		float:right;
		width:398px;
		height:400px;
		overflow:hidden;
		padding-right:27px;
		background:url(../img/annahotel-bg-slidehow-right.jpg) right top no-repeat #FFFFFF;
		
	}
	
		.slideshow_box .top{
			float:left;
			width:100%;
			height:5px;
			background:url(../img/annahotel-bg-slidehow-top.jpg) top no-repeat;
			overflow:hidden;
		}
		
		.slideshow_box .bottom{
			float:left;
			width:100%;
			height:5px;
			background:url(../img/annahotel-bg-slidehow-top.jpg) bottom no-repeat;
			overflow:hidden;
		}
		
		.slideshow{
			float:left;
			width:386px;
			height:358px;
			padding:6px;
			overflow:hidden;
			position:relative;
		}
		
			#slideshow, #slideshow div{
				float:left;
				width:386px;
				height:322px;
				overflow:hidden;
			}
			
			.slide_navigation {
				float:left;
				width:386px;
				padding:14px 0px;
			}
				#next2{ float: left;}
				#prev2{ float:left; margin-left:20px;}
				
				.slide_navigation .nav{ float:left; text-align:center;}
				.slide_navigation #nav a.activeSlide { color:#000000 !important; }

				.slide_navigation  a{ margin:0px 5px; font-size:10px; font-weight:bold;}
/*************************************************************************/
		

	h1 a{
		text-indent:-9999px;
		width:343px;
		height:157px;
		overflow:hidden;
		float:left;
		display:inline;
		background:url(../img/annahotel-logo.jpg) left top no-repeat;
	}
	
/*************************************************************************/
	
	.menu_box{
		float:right;
		width:343px;
		height:280px;
		overflow:hidden;
		margin:0px;
		background:url(../img/annahotel-bg-menu-right.jpg) right top no-repeat;
	}
	
	.menu_box ul{
		list-style: url(../img/annahotel-menu-li.png) !important;
		padding:20px 0px 0px 40px;
		float:left;
	}
	
	.menu_box li{ color:#a8a8a8; margin:10px 0px; width:250px; }
	
	.menu_box li span{
		float:left; padding:0px 10px 0px 5px;
	}
	
	.menu_box h3 a{ width:200px; }
	
	.menu_box a{
		font-size:14px;
		font-family: "trebuchet MS" !important;
		color:#8b8b8b;
		font-weight: bold;
	}
	
	.menu_box .current{ color:#5f0c03 !important; }
			
/*************************************************************************/

	.small_buttons{
		float:left;
		padding:5px 0px 0px 20px;
	}
	
		.small_buttons a{
			float:left;
			width:130px;
			height:77px;
			overflow:hidden;
			text-indent:-9999px;
			margin:0px 5px 0px 15px;
			display:inline;
		}
		
		.hun #small_button_1{ background:url(../img/annahotel-buttons.jpg) 0px 0px no-repeat;}
		.hun #small_button_2{ background:url(../img/annahotel-buttons.jpg) -140px 0px no-repeat;}
		.hun #small_button_3{ background:url(../img/annahotel-buttons2.jpg) 0px 0px no-repeat;}
		.hun #small_button_4{ background:url(../img/annahotel-buttons2.jpg) -140px 0px no-repeat;}
		
		.hun #small_button_5{ background:url(../img/panzio.jpg) left bottom no-repeat; height:88px !important; margin: 0px 5px 0px 10px;}
		.eng #small_button_5{ background:url(../img/panzio.jpg) left bottom no-repeat; height:88px !important; margin: 0px 5px 0px 10px;}
		.deu #small_button_5{ background:url(../img/panzio.jpg) left bottom no-repeat; height:88px !important; margin: 0px 5px 0px 10px;}
		
		.hun #small_button_6{ background:url(../img/rendezveny.jpg) left bottom no-repeat; height:88px !important; margin: 0px 5px 0px 10px;}
		.eng #small_button_6{ background:url(../img/rendezveny.jpg) left bottom no-repeat; height:88px !important; margin: 0px 5px 0px 10px;}
		.deu #small_button_6{ background:url(../img/rendezveny.jpg) left bottom no-repeat; height:88px !important; margin: 0px 5px 0px 10px;}
		
		.eng #small_button_1{ background:url(../img/annahotel-buttons_eng.jpg) 0px 0px no-repeat;}
		.eng #small_button_2{ background:url(../img/annahotel-buttons_eng.jpg) -140px 0px no-repeat;}
		.eng #small_button_3{ background:url(../img/annahotel-buttons2_eng.jpg) 0px 0px no-repeat;}
		.eng #small_button_4{ background:url(../img/annahotel-buttons2_eng.jpg) -140px 0px no-repeat;}
		
		.deu #small_button_1{ background:url(../img/annahotel-buttons_deu.jpg) 0px 0px no-repeat;}
		.deu #small_button_2{ background:url(../img/annahotel-buttons_deu.jpg) -140px 0px no-repeat;}
		.deu #small_button_3{ background:url(../img/annahotel-buttons2_deu.jpg) 0px 0px no-repeat;}
		.deu #small_button_4{ background:url(../img/annahotel-buttons2_deu.jpg) -140px 0px no-repeat;}


/*************************************************************************/
	
	#main_content{
		float:left;
		width:100%;	
		position:relative;
		overflow:hidden;
	}
	
	
		
/*************************************************************************/

	#ajax_loader{
		width:16px;
		height:16px;
		background:url(../img/ajax-loader.gif) no-repeat;
		position:absolute;
		bottom:11px;
		right:9px;
		display:none;
	}
	
/*************************************************************************/
	
	
	#content{
		float:left;
		width:708px;
		overflow:hidden;
		padding: 10px 30px 20px; 
		text-align:justify;
	}
	
		#content a{ font-weight:bold; }
	
		#content h2{
			font-family: "trebuchet MS";
			font-size:20px;
			padding:10px 0px 10px 30px;
			background:url(../img/anna_icon.jpg) left no-repeat;
			/*color:#352929;*/
			color:#480a0a;
			text-align:left;
			float:left;
			width:100%;
		}
		
		#content h3{
			font-family: "trebuchet MS";
			font-size:14px;
			padding:10px 0px 10px 30px;
			background:url(../img/anna_icon.jpg) left no-repeat;
			/*color:#352929;*/
			color:#480a0a;
			float:left;
			width:100%;
		}
		
		#content p{ padding-bottom:10px; }
		
		#content ul{
			padding:0px 0px 10px 15px;
			list-style:url(../img/arrow_right.jpg);
		}
		
		#content ul li{ margin:5px 0px; }
		
		.two_col{
			float:left;
			width:100%;
			background:url(../img/bg_two_col.jpg) center repeat-y;
			margin:0px 0px 15px 0px;
			overflow:hidden;
		}
		
		.left_col{
			float:left !important;
			width:334px !important;
			padding:0px 20px 0px 0px !important;
			overflow:hidden;
		}
		
		.right_col{
			float:left !important;
			width:334px !important;
			padding:0px 0px 0px 20px !important;
			overflow:hidden;
		}

/*************************************************************************/	
		
		.gallery, .gallery2{ float:left;}
		
		.gallery img{
			padding:4px;
			border:1px solid #adadad;
			margin:10px 16px;
		}
		
		.gallery2 img{
			padding:4px;
			border:1px solid #adadad;
			margin:10px 14px;
		}
	
/*************************************************************************/	

	.guestbook_record{
		float:left;
		background:url(../img/arrow_right.jpg) left 8px no-repeat;
		padding:5px 0px 8px 15px;
		margin:0px 22px 5px 0px;
		display:inline;
		width:315px;
		border-bottom:1px dotted #A8A8A8;
		
	}
	
	.guestbook_record div{
		float:left;
		color:#5f0c03;
		font-weight:bold;
		padding-right:10px;
		
	}
	
	.guestbook_record .date{
		float:right;
		padding:0px;
	}

/*************************************************************************/	
	
	.vcard{
		padding-bottom:10px;
		border-bottom:1px dotted #d1d1d1;
		margin-bottom:10px;
	}
	
	.vcard .type, .vcard_label, .vcard_label2{
		font-weight:bold;
		font-size:12px;
		padding-left:15px;
		background:url(../img/arrow_right.jpg) left 5px no-repeat;
		float:left;
		width:55px !important;
	}
	
	.latitude{ float:left; height:15px; }
	.longitude{ float:left;  height:15px; }
	
	.vcard_label2{ font-weight:normal; width:100px !important;}
	
	.vcard .adr_label{ height:50px; }
	.vcard .e_type{ height:30px; }
	
	.vcard, .vcard span, .vcard div, .vcard a{ float:left;}
	.vcard .adr{ width:260px;}

	.vcard .email, .vcard .adr span, .vcard .adr div, .vcard .tel{
		width:260px;
		margin:2px 0px;
	}
	
	.vcard .email:hover{ text-decoration:underline;}
	
	.vcard .org{
		color:#352929;
		font-family:"trebuchet MS";
		font-size:16px;
		padding:10px 0 10px 0px;
		font-weight:bold;
	}
/*************************************************************************/
		
	.contact_box{
		float:left;
		width:410px;
	}
	.contact_small_box{
		float:left;
		width:190px;
		height:220px;
		padding:0px 5px 0px 0px;
		margin: 0px 10px 10px 0px;
	}
		.contact_small_box div{
			padding:5px 0px 5px 30px;
		}
		
/*************************************************************************/

	.datepicker{
		width: 70px;
	}
		
		
		
		
/*************************************************************************/	
	
	.news_box{
		float:left;
		width:231px;
		margin-bottom:20px;
		background:url(../img/annahotel-bg-news_box.jpg) repeat-y;	
	}
	
	.news_box h4{
		color:#1a8ee0;
		padding:2px 20px 0px 4px;
		background: url(../img/annahotel-hirei.jpg) left bottom no-repeat #FFFFFF;
		font-size:14px;
		height:39px;
		text-indent:-9999px;
	}
	
	.news_box_content{
		float:left;
		width:201px;
		padding:10px 15px;
		background:url(../img/annahotel-bg-box.jpg) bottom no-repeat;
	}
	
	.news_box_content a{
		color:#FFFFFF;
		
	}
	
	.news_box_content a:hover{ text-decoration:underline; }
	
	.news_box ul{ list-style:none;}
	.news_box li {margin-bottom:3px;}

/*************************************************************************/	

	.package{
		float:left;
		width:700px;
		margin:0px 14px 20px 0px;
		display:inline;
		color:#fdd8a3;
		background:url(../img/package_content.jpg) left repeat-y;
	}
	
		.christmas{
			width:334px !important;
			background:url(../img/package_content2.jpg) left repeat-y !important;
			font-style: italic !important;
		}
		
		.christmas h3{ padding:30px 2px 0 10px !important; }
		
		.christmas .package_content{ width: 290px !important; padding:5px 16px 5px 27px; }
		.christmas .top .left {background: url(../img/package_icon_christmas.jpg) left no-repeat !important;}
		
	.package h4{ font-size:13px; }
	
	.package_link{
		font-size:13px;
		text-align:left !important;
		margin-bottom:5px;
	}
	
	.package_link:hover{ text-decoration:underline }
	
	.package ul{
		list-style-image:url(../img/arrow_right2.jpg) !important;
		text-align:left;
	}
	.package .top{
		float:left;
		background:url(../img/package_top.jpg) top repeat-x;
		width:100%;
	}
	
	
		.package .top .left{
			float:left;
			width:21px;
			height:78px;
			background: url(../img/package_top_left.jpg) left no-repeat;
		}
		
		.package .top .right{
			float:right;
			width:8px;
			height:78px;
			background: url(../img/package_top_right.jpg) left no-repeat;
		}
		
	.package_content{
		float:left;
		width:655px;
		padding:5px 18px 5px 27px;
	}
	
	.package .bottom{
		float:left;
		background:url(../img/package_bottom.jpg) top repeat-x;
		width:100%;
	}
	
		.package .bottom .left{
			float:left;
			width:9px;
			height:10px;
			padding-left:13px;
			background: url(../img/package_bottom_left.jpg) right no-repeat #FFFFFF;
		}
		
		.package .bottom .right{
			float:right;
			width:9px;
			height:10px;
			background: url(../img/package_bottom_right.jpg) left no-repeat;
		}

	.package h3{
		color:#fdd8a3 !important;
		padding:33px 2px 0px 10px !important;
		background:none !important;
		float:left;
		width:600px !important;
		text-align:left;
		font-size:16px !important;
	}
	
	.package h4{
		padding:5px 0px;
	}

/*************************************************************************/	
	
	.gallery_box{
		float:left;
		width:210px;
		margin:5px 25px 8px 25px;
		display:inline;
	}
	
	.gallery_box_content{
		float:left;
		width:180px;
		padding:15px;
		background:url(../img/annahotel-bg-gallery-box.jpg) bottom left no-repeat;
		text-align:center;
		overflow:hidden;
	}
	
	.gallery_box_content img{ border:1px solid #FFFFFF; }
	
	
	.gallery_box h4{
		color:#033C93;
		padding:2px 20px 0px 5px;
		font-size:14px;
	}
	
/*************************************************************************/
	
	.reservations table td{ padding:3px;}
	
	.reservations table th{ 
		padding:3px 5px 3px 10px;
		background:url(../img/arrow_right.jpg) left no-repeat;
	}
	
	.reservation_data_table{ width:330px !important;}

/*************************************************************************/
	.form{ width:100%; float:left;}
	
	
	.form table{ width:400px;}
	
	.form div{
		padding:3px 0px 3px 12px;
		float:left;
		width:100%;
	}
	
	.red{ color:#cd0a0a !important;}
	
	.required{ padding-left:12px !important; background:url(../img/csillag.jpg) left 7px no-repeat;}	
	
	input{
		background:#EAEAEA;
		padding:2px;
		border:1px solid #796d52;
		width:60%;
		font-size:12px;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
	
	input:focus, textarea:focus, select:focus{
		border:1px solid #352929;
	}
	
	textarea{
		background: #EAEAEA;
		padding:3px;
		border:1px solid #796d52;
		width:59%;
		height:100px;
		font-size:12px;
		font-family: tahoma;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
	
	select{
		background: #EAEAEA;
		padding:3px;
		border:1px solid #796d52;
		width:62%;
		font-family: tahoma;
		font-size:12px;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
	
	label{ 
		width:100px; 
		float:left;
		padding:0px 0px 0px 0px;
		font-weight:bold;
		color:#352929;
		text-align:left;
	}
	
	
	.submit input{
		width:auto;
		padding:2px 14px 3px 4px;
		text-align:center;
		border:none;
		background:url(../img/submit.jpg) right no-repeat #510603;
		margin:12px 30px 2px 0px;
		float:right;
		font-size:10px;
		color:#fdd8a3;
		cursor:pointer;
	}
	
	.submit input:hover{
		margin:10px 30px 4px 0px;
	}
	
	.error_box, .error-message {
		color:#cd0a0a; font-weight:bold; padding:4px 0px 4px 20px !important;
		background: url(../img/error.jpg) left center no-repeat;
	}
	
	#ContactAddForm .checkbox input{ width:auto !important;}
	#ReservationAddForm .checkbox input{ width:auto !important;}
/*************************************************************************/
	
	/* Paging */
	div.paging {
		background:#fff;
		color: #ccc;
		margin-bottom: 2em;
		float:left;
		width:100%;
		text-align:center;
	}
	div.paging div.disabled {
		color: #ddd;
		display: inline;
	}
	div.paging span {
		margin:0px 0px 0px 4px;
	}
	div.paging span.current {
		color: #000;
	}
	div.paging span a {
	}
	
	.paging span.current,.paging span a {
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}

	.paging{font-size:10px; padding:13px 0px; margin:0px !important;}
	.paging a{font-size:10px; text-decoration:none;}
	.disabled{ margin:0 5px 0 0;}
	.paging span a{
		border:1px solid #DDDDDD;
		text-decoration:none;
	}
	
	.paging a {
		margin:0 5px 0 0;
		padding:3px 6px;
		font-size:10px;
	}
	
	.paging span.current {
		background:#469400 url(../img/bg_blue_link.jpg) center top !important;
		border:1px solid #004a95 !important;
		color:#FFFFFF !important;
		margin:0 5px 0 0;
		padding:3px 6px;
		font-size:10px;
	}
	
/*************************************************************************/
	
	/*
	#footer{
		float:left;
		width:100%;
		height:100px;
		background:url(../img/annahotel-bg-footer.jpg) left bottom repeat-x;
		color:#727272;
		text-align:left;
		font-family: tahoma;
	}
	*/
	
	#footer{
		float:left;
		width:100%;
		height:100px;
		padding:109px 0px 0px 0px;
		background:url(../img/bg_footer.jpg) left bottom repeat-x;
		color:#727272;
		text-align:left;
		font-family: tahoma;
	}
	
	#footer .logo{
		float:left;
		width:183px;
		height:90px;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../img/annahotel-bg-footer-logo.png) left no-repeat;
		margin:0px 20px 0px 30px;
		display:inline;
	}
	

	
	#footer a{ font-size:11px; font-weight:bold; color:#727272;}
	
	#footer ul{ list-style:none; margin:0px; padding:5px 30px 10px 0px; float:left; width:350px; }
	#footer li{ display:inline; }
	
	#footer p{ padding:25px 0px 0px 0px; font-size:11px; float:left;  }
	
	#footer span { color:#4c4128; margin:0px 15px;}
	
	#sharky{
		float:right;
		width:75px;
		height:30px;
		background:url(../img/sharky.jpg) 0px 0px no-repeat;
		overflow:hidden;
		text-indent:-9999px;
		display:inline;
		margin:30px 16px 0px 0px;
	}

