body
{
	background-color: #b2b093;
	margin: 0;
	padding: 0;
	behavior: url("csshover3.htc"); /* htacces -> AddType text/x-component .htc */
}

img { border: 0 none; }

/* firefox border hack*/
:focus {  -moz-outline-style: none; }

#container /* wird mit jquery x und y zentriert */
{
	width: 860px;
	height: 560px;
	margin: 0;
	padding: 0;
}

#logo 
{
	top:0;
	left:0;
	width:179px;
}

#menu
{
	position: absolute;
	top: 0px;
	right: 3px;
	width: 148px;
	height: 138px;
}

/********** start ***********/

#tschingg
{
	position: absolute;
	z-index: 2;
	height: 11px;
	overflow: hidden;
	left: 546px;
	top: 187px;
}
#buonaserra
{
	position: absolute;
	z-index: 2;
	height: 11px;
	overflow: hidden;
	left: 636px;
	top: 293px;
}
#kontakt
{
	position: absolute;
	z-index: 2;
	height: 11px;
	overflow: hidden;
	left: 136px;
	top: 355px;
}
#eventi
{
	position: absolute;
	z-index: 2;
	height: 11px;
	overflow: hidden;
	left: 290px;
	top: 352px;
	/* Letzte Zeile einfügen, wenn nicht sichtbar:  display:none; */
}

#negozio
{
	position: absolute;
	z-index: 2;
	height: 11px;
	overflow: hidden;
	left: 351px;
	top: 242px;
}
#philo
{
	position: absolute;
	z-index: 2;
	height: 11px;
	overflow: hidden;
	left: 95px;
	top: 312px;
}
#speciale
{
	position: absolute;
	z-index: 2;
	height: 11px;
	overflow: hidden;
	left: 402px;
	top: 291px;
}
#takeaway
{
	position: absolute;
	z-index: 2;
	height: 25px;
	overflow: hidden;
	left: 651px;
	top: 206px;
}

#amici
{
	position: absolute;
	z-index: 2;
	height: 25px;
	overflow: hidden;
	left: 139px;
	top: 247px;
}

.white img 
{
	position:relative;
	top: -25px;
}

.white img:hover 
{
	position:relative;
	top: 0px;
}

.black img:hover  
{
	position:relative;
	top: -25px;
}

.black img
{
	position:relative;
	top: 0px;
}



/********** kontakt ***********/

#new
{
	top:143px;
	left:218px;
	position:absolute;
	z-index:2;
}

#kontaktL
{
	width: 213px;
	float: left;
	text-align: right;
	margin: 10px 38px 0px 0px;
	/*background-color: #F90;*/
}

#kontaktR
{
	width: 213px;
	margin: 10px 0px 0px 38px;
	float: left;
}

#jobs
{
	width: 137px;
	float: left;
	margin: 180px 0px 0px 42px;
}

#kontaktR p, #kontaktL p { margin: 12px 0px 12px 0px; }


/********** take away ***********/
#bag
{
	position: absolute;
	width: 300px;
	height: 300px;
	top: 236px;
	left: 5px;
	z-index: 5;
}
		
#bag img { margin: 79px 0px 0px 86px; }

#besteck
{
	position: absolute;
	top: 171px;
	left: 436px;
	z-index: 6;
}

#love
{
	position: absolute;
	top: 171px;
	left: 731px;
	z-index: 7;
}


#tatop
{
	position: absolute;
	top: 90px;
	left: 220px;
	width: 510px;
}
#tabottom
{
	position: absolute;
	top: 343px;
	left: 338px;
	width: 460px;
}
/********** negozione ***********/

#negotxt
{
	position: absolute;
	top: 277px;
	left: 352px;
}
		
/********** buona serra ***********/

#buono01
{
	width: 260px;
	position: absolute;
	top: 365px;
	left: 378px;
}

/********** tschingg tv ***********/
		#tvlogo
		{
			top: 37px;
			left: 37px;
			position: absolute;
		}
		#tvnav
		{
			top: 196px;
			right: 46px;
			width: 71px;
			position: absolute;
			text-align: center;
		}
		#tvprog
		{
			top: 486px;
			right: 46px;
			width: 71px;
			position: absolute;
		}
		#tvtxt
		{
			width: 526px;
			height: 425px;
			position: absolute;
			top: 60px;
			left: 164px;
			text-align: center;
		}

#tvtxt.txtw
{
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}

#tvtxt.txtw p
{
	margin: 10px 0px 8px 10px;
	padding: 0;
}


.txtw h2
{
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0;
}


#tvcol1
{
	position: absolute;
	top: 60px;
	left: 166px;
	width:256px;
	overflow:hidden;
	margin-top:12px;
}
#tvcol2
{
	position: absolute;
	top: 60px;
	left: 432px;
	width:256px;
	overflow:hidden;
	margin-top:12px;
}

#tvcol1 a, #tvcol2 a
{
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-decoration: none;
}

#tvcol1  { text-align:right; }
#tvcol2  { text-align: left; }

#tvcol1 a:hover, #tvcol2  a:hover { color: #999; }

#tvimg
{
	width: 526px;
	height: 170px;
	position: absolute;
	top: 280px;
	left: 164px;
	text-align: center;
}


/********** txt ***********/
.txtb, .txt a, .txt ul li
{
	color: #000;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}

.txt a:hover { color: #fff; }
.txt ul li:hover { color: #fff; }

.txt ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.txtb h2, .txt h2
{
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0;
}
.txtb h3
{
	color: #000;
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 12px 0px 0px 0px;
	padding: 0;
}

.txtb ul
{
	margin: 0;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}

.txtw
{
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
}



.txtb a
{
	color: #000;
	text-decoration: underline;
}


/* ****** soundplayer ********* */
body #sm2-container object,
body #sm2-container embed {
 /*
  flashblock handling: hide SWF off-screen by default (until blocked timeout case.)
  include body prefix to ensure override of flashblock.css.
 */

 left:-9999em;
 top:-9999em;
}

.txtb a:hover
{
	color: #fff;
	text-decoration: underline;
}

/********** subnav ***********/

#meta
{
	position: absolute;
	bottom: 8px;
	left: 72px;
	overflow: hidden;
	height: 8px;
	padding-top: 2px;
/*	background-color:#fff;	*/
}

#meta a
{
	position:relative;
	overflow: hidden;
	height: 5px;
	padding: 3px;
	margin: 0 9px 0 0;
}

#meta a:hover, #meta a.active
{
	top:-9px;
}