/********************************************
 Site: 			F-Trading // Fallaloon // F-Express
 URI:  			www.fallaloon.com // www.fallaloon.at // www.f-express.at
 Author: 		pixelpoint mutlimedia GmbH
 Author-URI:	www.pixelpoint.at
********************************************/

/*
** 	Reset 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {	line-height: 1;}
ol, ul {	list-style: none; }
/* remember to define focus styles! */
:focus {	outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }
table.tableFood{width:100%; padding:5px;}
table tr th, table tr td {vertical-align:top;}
table tr th.tdLeft, table tr th.tdCenter, table tr th.tdRight, table tr th.tdCenterWine {color:#e2001a; font-weight:bold;} 
table tr th.tdLeft, table tr th.tdCenter, table tr th.tdCenterWine {text-align:left;}
table tr th.tdRight, table tr td.tdSB {text-align:right;}
table tr th.tdLeft{width:60px;}
table tr th.tdCenter{width:305px;}
table tr th.tdCenterWine {width:450px;}
table tr th.tdRight{width:114px; padding-left:10px;}
table tr span{color:#666;font-weight:normal;}
table tr td.top{text-align:right; font-weight:bold; font-size:10px;}

/*
**	General Definitions & Typography
*/
body{
	font:normal 12px/1.6em Arial, Helvetica, sans-serif;
	background:#fff;
	color:#666;
	padding-bottom:30px;
}

h1{ position:relative; }
h1 span{ display:block; position:absolute; text-indent:-9999px;}
h5{font-size:12px; color:#e2001a; margin:0; padding:0;}

a:link, a:visited{ color:inherit; text-decoration:underline; color:#e2001a; }
a:hover, a:visited:hover, a:active{ color:#e2001a; text-decoration:none;}

p{ margin-bottom:20px; }
hr{margin:0; padding:0; border:0; border-bottom:1px solid #58585A; margin:10px 0;}

/*
** Structure & Global Classes
*/

.center{ width:950px; margin:0 auto; }
.thumb{ float:left;}

/*
** Index Specific Styling
*/
body#index{
	background: #d6bc76 url(images/bg/index_bg.png) repeat-x 0 -50px;
}

#index h1{ left:240px; margin-bottom:30px; width:250px;}

#index dl{
	position:relative;
	overflow:hidden;
}
	#index dt{ 
		width:600px;
		height:30px; 
		margin-bottom:20px;
	}
	#index dt.right{
		width:200px;
		height:45px;
		position:absolute;
		top:0; right:0;
	}
	
	#index dd{
		width:150px;
		height:350px;
		float:left;
	}
	#index dd.right{ float:right; position:relative;}
		
		#index dd h2{
			width:150px;
			height:80px;
			margin:-5px 0 46px 0;
		}
		#index dd a{ text-decoration:none;}
		#index dd strong,
		#index dd span{
			display:block;
			text-align:center;
			text-transform:uppercase;
		}
		#index dd strong{ font-weight:normal; }
		#index dd span{ font-size:10px;}
		
		#index span.enter{
			display:block;
			width:132px;	height:30px;
			margin:35px auto 0;
		}
		
		#index dd.right .phone{
			position:absolute;
			bottom:0; left:0;
		}
		#index #diningBar{background:url(images/replace/index_restaurant_titles.gif) no-repeat 0px 20px;}
		#index #runningSushi{background:url(images/replace/index_restaurant_titles.gif) no-repeat -150px 20px;}
		#index #dining{ background:url(images/replace/index_restaurant_titles.gif) no-repeat -300px 20px;}
		#index #diningwo{ background:url(images/replace/index_restaurant_titles.gif) no-repeat -450px 20px;}
		#index #cateringRight {width:200px;}

	#index #news p{
		margin:4px 0 0 130px;
	}
	
	#index h3.locNews
	{
		cursor:pointer; 
		font-size:12px; 
		line-height:20px;
		text-decoration:underline;
		margin-bottom:5px;
		width:100%;
		padding:7px 5px 0px 30px; 
		background:url(images/fallaloon_logo_news_ico_over_index.png) no-repeat left;
	}
	#index h3.locNews:hover 
	{
		color:#e2001a; text-decoration:none;
		background: url(images/fallaloon_logo_news_ico_over_index.png) no-repeat left;
	}
	#index .acNews img{margin-right:10px; border:1px solid #666;}
	#index .acNews {margin:0; padding:0; padding-bottom:20px; width:470px;}
	#index .acNews p {margin:0; padding:0;}
	
/*
** Restaurant Specific Styling
*/
body#restaurant{ background:#d6bc76 url(images/bg/restaurant_bg.png) repeat; }
#restaurant #header{ background:#58585a; padding-top:30px; }
#restaurant #content{ background:#fff url(images/bg/restaurant_content_bg.png) repeat-y top center; }

#restaurant #header .center{ position:relative;}
#restaurant #switchRestaurant{ position:absolute; top:0; right:0; width:330px;}

#switchRestaurant ul{ overflow:hidden; height:65px; margin-left:20px !important;}
#switchRestaurant li,
#switchRestaurant a{ display:block; width:116px; height:72px; padding:0; margin:0;}
#switchRestaurant li{ float:left;}


#restaurant #content .center
{		
		/*background-image:url(images/bg/restaurant_content_bg.png);
		background-position:no-repeat 330px bottom;*/
}

#restaurant h1{ margin-bottom:30px; width:450px;}

#restaurant h2{
	font-size:24px;
	font-weight:normal;
	color:#58585a;
	line-height:1em;
	margin-bottom:20px;
}
#restaurant fieldset li em{color:#e2001a;}

	ul#navigation{
		background:#464649 ;
		overflow:hidden;
		position:relative;
		height:30px;
	}
	ul#navigation li{
		display:inline;
		line-height:30px;
		margin-right:20px;
	}
	ul#navigation li.home{
		display:block;
		width:30px; height:30px;
		float:left;
		padding-left:0; 
		margin-right:10px;
	}
	ul#navigation li.trading{
		display:block;
		position:absolute;
		top:0; right:40px;
	}
	ul#navigation li.facebook{
		display:block;
		width:24px; height:23px;
		position:absolute;
		right:0; top:2px;
	}
		ul#navigation a{
			display:inline-block;
			color:#999;
			font-size:11px;
			line-height:24px;
			text-decoration:none;
			text-transform:uppercase;
			padding:0 6px 0 14px;
			background:url(images/nav_arrow.png) no-repeat 4px center;
		}
		ul#navigation a:hover,
		ul#navigation a:visited:hover{
			background-color:#58585a;
		}

	#restaurant .center{
		overflow:hidden;
		position:relative;
	}
	#article, #sidebar{ float:left;}
	
	#restaurant #article ul#List {padding-left:10px;}
	#restaurant #article ul#List li{padding:5px; list-style:disc;}

	#restaurant #article{
		padding:35px 0 0 5px;
		width:495px;
		margin-right:50px;
	}
		
		
	#restaurant #news{
		width:350px;
		position:absolute;
		left:0; bottom:10px;
		margin-top:30px;
		padding-top:10px;
		border-top:1px dotted #e5e5e5;
	}
		#restaurant #news .thumb{
			border:1px solid #e5e5e5;
		}
		#restaurant #news p{
			font-size:11px;
			line-height:16px;
		}
	#restaurant h3.locNews
	{
		cursor:pointer; 
		font-size:12px; 
		line-height:20px;
		text-decoration:underline;
		margin-bottom:5px;
		width:100%;
		padding:7px 5px 3px 30px; 
		background:url(images/fallaloon_logo_news_ico_over.png) no-repeat left;
	}
	#restaurant h3.locNews:hover 
	{
		color:#e2001a; text-decoration:none;
		background: url(images/fallaloon_logo_news_ico_over.png) no-repeat left;
	}
	#restaurant .acNews img{margin-right:10px; border:1px solid #666;}
	#restaurant .acNews {padding-bottom:20px;}
	
	#restaurant .Sitemap ul li {margin-left:15px;}
	#restaurant .Sitemap ul {margin-bottom:20px;}
	
	#restaurant .list {margin-bottom:10px; border-bottom:1px dotted #e5e5e5;}
	#restaurant .list img {margin-right:10px;}	
/* sidebar */


	#restaurant #sidebar{
		width:400px;
		background:#e5e5e5;
	}
		#sidebar #media{
			position:relative;
			width:400px;
		}
		#sidebar #media.image .sub{
			display:block;
			width:280px; height:30px;
			position:absolute;
			bottom:32px; left:26px;
			line-height:15px;
			padding:10px 10px 10px 64px;
			background:url(images/bg/bildunterschrift.png) no-repeat; 
			color:#d6bc76;
			font-style:italic;
		}
		
		#sidebar #media .description{
			background:#58585a;
			color:#e5e5e5;
			padding:12px;
			margin-top:-5px;
			
		}
		
			#sidebar #media.image.slideshow ul{
				height:350px;	width:400px;
				overflow:hidden;
				 position:relative;
				
				}
			#sidebar #media.image.slideshow li{ position:relative; }
			
			#sidebar #media.image.slideshow img {width:400px; height:350px;}
				
			/* ORGINAL
			#sidebar #media.image.slideshow .description ul{
				height:70px;
				padding:10px 0 0;
			}
			#sidebar #media.image.slideshow .description li{
				display:block;
				float:left;
				width:70px;
				height:61px;
				margin:0 2px;
			}*/
			#sidebar .descriptionTwo 
			{
				background:#58585a;
				color:#e5e5e5;
				padding:15px 10px 2px 10px;
				}
			#sidebar ul#nav{
				height:70px;
				padding:15px 0 5px 4px;
				background:#58585a;
				color:#e5e5e5;
			}
			#sidebar ul#nav li{
				display:block;
				float:left;
				width:70px;
				height:61px;
				margin:0 4px;
				overflow:hidden;
			}
		
		#sidebar #fallalexikon{
			padding:0 11px 0 11px;
			font-size:11px;
			z-index:3;
			line-height:15px;
			position:relative;
		}
		#sidebar #fallalexikon .thumb{	margin-right:12px;	}
		#sidebar #fallalexikon h5{ font-size:12px; margin-bottom:2px; }
		#sidebar #fallalexikon a{ color:#e2001a;}
		
		#sidebar #fallalexikon #flip{
			width:32px; height:18px;
			position:absolute;
			overflow:auto;
			top:0; right:10px;
		}
		#sidebar #flip a{
			display:inline-block;
			float:left;
			width:15px; height:16px;
		}
		
		#sidebar #fallalexikon ul{
			position:relative;
			overflow:hidden;
			width:378px;
			height:100px;
		}
			#sidebar #fallalexikon li{
				position:absolute;
				overflow:hidden;
				display:none;
				width:378px;
			}
			#sidebar #fallalexikon li.current{
				display:block !important;
				background:#e5e5e5;
			}
			
/* 
** Form 
*/

div#UpdatePanel{
	margin-bottom:10px;
}

form{ background:#e5e5e5; padding:10px; }
#restaurant form h3{
	font-weight:normal;
	font-size:16px; line-height:36px; margin-bottom:0;
	border-bottom:1px solid #c5c5c5;
}
form fieldset{
	border-bottom:1px solid #c5c5c5;
	padding:0 10px 20px;
	position:relative;

}
form fieldset h4{
	font-weight:normal;
	color:#333;
	background:none;
	padding:3px 0 10px;
	text-transform:uppercase;
	font-size:10px; 
	letter-spacing:0.1em;
}
form ul{
	overflow:hidden;
}
form ul li{
	overflow:hidden;
	float:left;
	width:220px;
	margin-bottom:4px;
}
form ul li.nl{ clear:left; }
form ul li label{
	float:left;
	width:70px;
	text-align:right;
	margin-right:2px;
}
form ul li input{
	float:left;
	width:120px;
}
textarea{
	width:400px;
	height:70px;
	margin-left:10px;
}

fieldset.checkboxes li{
	float:none;
}
fieldset.checkboxes label{
	width:150px;
}
fieldset.checkboxes input{
	width:30px;
}
input, textarea{
	padding:2px 3px;
	border:1px solid #c5c5c5;
	background:#fff;
	color:#666;
}
input:hover, textarea:hover{ border-color:#999; }
input:focus, textarea:focus{
	border-color:#333;
	background:#fff;
	color:#333;
}

#lbl_Error{
	padding:3px 10px;
	text-align:center;
	display:block;
}
#submit_Button{
	cursor:pointer;
	padding:3px 7px;
	margin-left:170px;
}


/*
** Footer
*/

#footer{ 
	padding-top:10px;
	overflow:hidden;
	}
	
#footer div.right{
	width:400px;
	overflow:hidden;
	float:right; 
}
	
/* Index */
#index #footer{ padding-top:20px;}

	#news{ width:510px;}
	#news .thumb{
		float:left;
		margin-right:10px;
		border:1px solid #fff;
	}
	#news h4{ font-size:14px; margin-bottom:5px; }
	

/* Restaurant */
#restaurant #footer div.right{
	/*padding-right:12px;*/
}
#restaurant #footer h4{ height:20px; margin-bottom:10px;}

	#footer #open{ overflow:hidden; font-size:12px; line-height:18px;}
	#footer #open dt{
		float:left;
	}
	#footer #open p{ margin-bottom:0; }
	#footer #open blockquote{ margin-left:10px; margin-bottom:5px;}
	#footer ul#ai{text-align:center; }
	#footer ul#ai li{display:inline; margin-right:20px;}
	#footer ul#ai a{color:#666;}
	#footer ul#ai a:hover{color:#e2001a;}
/*
** Image Replacements
*/
#index dt,
#index #diningBar h2,
#index #runningSushi h2,
#index #dining h2,
#index #diningwo h2,
#index span.enter,
.btn_trading, 
.btn_catering, 
.btn_fexpress,
#navigation .home a,
#restaurant #footer h4,
#sidebar #fallalexikon h4,
#flip a,
#navigation li.trading a,
ul#navigation li.facebook a,
#switchRestaurant li,
#switchRestaurant a{
	text-indent:-9999px;
}

#index dt{ background:url(images/replace/index_restaurants.png) no-repeat center 10px; }
#index dt.right{ background:url(images/replace/index_zustellservice-catering.png) no-repeat top center;}

#index #diningBar h2{ background:url(images/replace/index_restaurant_titles.gif) no-repeat 0px 0px;}
#index #runningSushi h2{ background:url(images/replace/index_restaurant_titles.gif) no-repeat -150px 0px; }
#index #dining h2{ background:url(images/replace/index_restaurant_titles.gif) no-repeat -300px 0px; }
#index #diningwo h2{ background:url(images/replace/index_restaurant_titles.gif) no-repeat -450px 0px; }

#index span.enter{ background:url(images/replace/eintreten.png) no-repeat 0px 0px;}

.btn_trading, .btn_catering, .btn_fexpress{
	display:block; float:left;
	width:188px;	height:88px;
	margin-left:8px;
	background: url(images/replace/buttons.png) no-repeat;
}
#index .btn_trading, #index .btn_catering, #index .btn_fexpress{ margin-left:10px;}

.btn_trading:hover{ background-position:0px -88px; }

.btn_catering{ background-position:0px -176px;}
.btn_catering:hover{ background-position:0px -264px;}

.btn_fexpress{ height:106px; background-position: 0px -352px; }
.btn_fexpress:hover{ background-position: 0px -458px; }

#navigation .home a{ display:block; padding:0; width:30px; height:30px; line-height:30px; background:url(images/fallaloon_logo-small.png) no-repeat top left;}
#navigation li.trading a{ display:block; padding:0; margin-top:3px; width:114px; background:url(images/replace/nav_f-trading.png) no-repeat right center;}
ul#navigation li.facebook a{ width:24px; padding:0; height:24px; background:url(images/fb.png) no-repeat right center;}

#restaurant #footer h4{ background:url(images/replace/open.png) no-repeat top left;}

#sidebar #fallalexikon h4{ margin:9px 0 8px; background:url(images/replace/fallalexikon.png) no-repeat top left;}

#flip a.prev,
#flip a.next{ background:url(images/replace/flip.png) no-repeat;}
#flip a.prev:hover{ background-position:0 -16px;}
#flip a.next{ background-position:-15px 0;}
#flip a.next:hover{ background-position:-15px -16px;}

#switchRestaurant li,
#switchRestaurant li a{ background:url(images/replace/switchRestaurant.png) no-repeat;}
#switchRestaurant #diningBar{background-position:0px 0;}
#switchRestaurant #runningSushi{background-position:-116px 0;}
#switchRestaurant #dining{ background-position:-232px 0; width:96px !important; overflow:hidden;}
#switchRestaurant #diningwo{ background-position:-328px 0; width:100px !important;}

#switchRestaurant #diningBar a{background-position:0px -72px;}
#switchRestaurant #runningSushi a{background-position:-116px -72px;}
#switchRestaurant #dining a{ background-position:-232px -72px;}
#switchRestaurant #diningwo a{ background-position:-328px -72px;}



/*
** Javascript
*/ 

/* NO-JS Fallback */
#index.nojs dd:hover{ background-color:#e5e5e5 !important;}

#index.nojs #diningBar:hover h2{ background-position: 0px -80px; }
#index.nojs #runningSushi:hover h2{ background-position: -200px -80px; }
#index.nojs #dining:hover h2{ background-position: -400px -80px; }

#index span.enter{ visibility:hidden;}
#index.nojs dd:hover span.enter{ visibility:visible; }




/*
** EVIL WEBKIT HACKING
*/

@media screen and (-webkit-min-device-pixel-ratio:0){
	#index dd h2{ margin: 0 0 46px; }
}