@charset "utf-8";

/* Author: Duy Tran */
/* Created: 28.12.2009 */		
/* Company: Euroweb Internet GmbH */


/* global tags */

* { 
	margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}


div#gradient {
	width: 100%;
	height: 100%;
	background: url(../images/bg-gradient.gif) repeat-x;
}


body {
	background:url(../images/bg-body.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	list-style-type: none;
	color: #251100;
	font-size: 14px;
	padding: 78px 0 0 0;
}

html[xmlns^="http"] { overflow-y: scroll;}

a, .escape span {
	color: #9a2100;
	outline: none;
}

a:hover, a:hover span { color: #251100;}

hr { 
	color: #41100C; 
	height: 1px; 
	border-top: solid 1px #41100C;
	border-bottom: transparent;
	clear: both;
	margin-bottom: 15px;
}


/* global classes  */

.clear { 
	clear: both; 
	height: 0; 
	width: 0;
}

.floatLeft { float: left;}

.floatRight { float: right;}

.textIndent { text-indent: -5000px;}

.highlight { 
	background: #c6a162;
	padding: 8px 8px 1px 8px;
	margin: 0 0 20px 0;
	border: 1px solid #977f54;
}

.noBorder, .noBorder a {
	border: none!important;
}




/************ layout ************/


/* branding */

h1#branding {
	position: absolute;
	width: 265px;
	height: 115px;
	top: 179px;
	left: 5px;
 }

h1#branding a {
	display: block;
	text-indent: -5000px;
	width: 265px;
	height: 115px;
	background: url(../images/bg-branding.png) no-repeat;
}

/*
h1#branding a:hover {
	background-position: 0 -115px;
}*/


blockquote {
	width: 291px;
	height: 81px;
	background: url(../images/bg-claim.png) no-repeat;
	position: absolute;
	top: 346px;
	left: 0;
	text-indent: -5000px;
}

/*  container  */


div#sakuraRight {
	position: absolute;
	right: 0;
	top: 77px;
	background: url(../images/bg-sakura-right.png) no-repeat;
	width: 378px;
	height: 259px;
	z-index: 1;
	display: none;
}

div#sakuraLeft {
	position: absolute;
	left: 0;
	top: 179px;
	background: url(../images/bg-sakura-left.png) no-repeat;
	width: 378px;
	height: 259px;
	z-index: 5;
	display: none
}

div#bird {
	width: 259px;
	height: 314px;
	background: url(../images/bg-bird.png) no-repeat;
	position: absolute;
	top: 360px;
	left: -260px;
}


div#dragon {
	background: url(../images/bg-dragon.png) no-repeat scroll 0 0;
	height:685px;
	margin:-555px 0 0 447px;
	*margin:-650px 0 0 445px;
	position:relative;
	width:195px;
	left: 0px;
	z-index:1 !important;
}



div#container {
	width: 729px;
	position: relative;
	margin: 0 auto;
	background: url(../images/bg-container.png) no-repeat top right;
	z-index: 1;
	padding: 165px 0 0 251px;
}

/*  navigation  */

ul#navi  {
	width: 277px;
	height: 295px;
	position: absolute;
	top: 480px;
	left: 0;
}


ul#navi li { 
	float: left; 
	position: relative;
}

ul#navi li a {
	display: block;
	text-indent: -5000px;
	width: 277px;
	background: url(../images/navi.png) no-repeat;
}

a.n1 { height: 41px; background-position: 0 0;}
a.n2 { height: 35px; background-position: 0 -41px!important;}
a.n3 { height: 35px; background-position: 0 -76px!important;}
a.n4 { height: 33px; background-position: 0 -111px!important;}
a.n5 { height: 37px; background-position: 0 -144px!important;}
a.n6 { height: 34px; background-position: 0 -181px!important;}
a.n7 { height: 34px; background-position: 0 -215px!important;}
a.n8 { height: 37px; background-position: 0 -252px!important;}
a.n9 { height: 44px; background-position: 0 -289px!important;}



a.n1:hover, body.naviActive01 ul#navi li a.n1 { background-position: -277px 0!important;}
a.n2:hover, body.naviActive02 ul#navi li a.n2 { background-position: -277px -41px!important;}
a.n3:hover, body.naviActive03 ul#navi li a.n3 { background-position: -277px -76px!important;}
a.n4:hover, body.naviActive04 ul#navi li a.n4 { background-position: -277px -111px!important;}
a.n5:hover, body.naviActive05 ul#navi li a.n5 { background-position: -277px -144px!important;}
a.n6:hover, body.naviActive06 ul#navi li a.n6 { background-position: -277px -181px!important;}
a.n7:hover, body.naviActive07 ul#navi li a.n7 { background-position: -277px -215px!important;}
a.n8:hover, body.naviActive08 ul#navi li a.n8 { background-position: -277px -252px!important;}
a.n9:hover, body.naviActive09 ul#navi li a.n9 { background-position: -277px -289px!important;}





/* navigation additional */

ul#naviAdd {
}

ul#naviAdd li { 
	float: left;
}

ul#naviAdd li a {
	display: block;
	text-indent: -5000px;
}


/*  flyout menu  */

/*
ul#navi  li ul,ul#navi  li#sub1 ul  {
	display: none;
 	list-style: none;
}

ul#navi  li ul li {
	background: none;
	display: block;
	position: relative;
	float: none;
	text-indent: 0;
}

ul#navi li ul a {
	font-size: 12px !important;
	display: block;
	color: #fff!important;
	width: 90px;
	height: 15px;
	text-indent: 0;
	padding-left: 26px;
	text-decoration: none;
}

ul#navi li ul a:hover { text-decoration: underline;}

ul#navi li#sub1 ul {
	position: absolute;
	padding-bottom: 12px;
	z-index: 1;
	background: #0e0000;
	top: 0;
	left: 0;
}

ul#navi li#sub1:hover ul {display: block;}
*/


/*  header  */

div#header { 
	width: 100%;
	height: 532px;
	background: url(../images/bg-header.jpg) no-repeat top center;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

object#flash {
	width: 100%;
	height: 409px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}


/*  slideshow  */

div#slideshow {
	margin-top:40px;
	width: 460px;
	height: 346px;
	background: url(../images/slideshow/01.png) no-repeat;
	}

div#noSlide {
	position: absolute;
	width: 100px;
	height: 20px;
	background: ;
	color: #fff;
	padding: 5px;
	top: 0;
	left: 0;
	line-height: 16px;
	font-size: 12px;
}



/*  content container  */

div#contentContainer {
	width: 729px;
	background: url(../images/bg-content-container.png) repeat-y top;
}


div#contentMain {
	width: 469px;
	background: url(../images/bg-content-main.png) no-repeat top right;
	min-height: 650px;
	height:auto !important;
	height: 650px;
   padding: 0 158px 5px 102px;
}



/* footer */

div#footerContainer {
	background: url(../images/bg-footer.png) no-repeat top center;
	height: 305px;
	position:relative;
	width: 100%;
	z-index: 2;
}

div#footer {
	position: relative;
	width: 637px;
	height: 256px;
	margin: 0 auto;
	padding: 49px 0 0 353px;
	font-family: Arial, Helvetica, sans-serif;
	color: #684d26;
}


div.footerContent01 {
	width: 168px;
	height: 95px;
	float: left;
	position:relative;
	z-index: 2;
}

div.footerContent02 {
	width: 200px;
	height: 95px;
	float: left;
	position:relative;
	z-index: 3;
}


div#footer p {
	font-size: 11px;
	line-height: 17px;
}


/************ CONTENT ************/


/*  headlines  */


h2 {
	background: url(../images/bg-h2.png) no-repeat 0 0;
	margin: 0 0 40px 0;
	font-size: 59px;
	font-weight: lighter;
	text-indent: -5000px;
	width: 477px;
	height: 85px;
}

h2.index { background-position: 0 0;}
h2.buffetAngebot { background-position: 0 -85px!important;}
h2.chinaRestaurantSonne { background-position: 0 -170px!important;}
h2.speisekarte { background-position: 0 -255px!important;}
h2.galerie { background-position: 0 -340px!important;}
h2.kontakt { background-position: 0 -425px!important;}
h2.danke { background-position: 0 -510px;}
h2.anfahrt { background-position: 0 -595px;}
h2.gaestebuch { background-position: 0 -680px;}
h2.impressum { background-position: 0 -765px;}
h2.fehler404 { background-position: 0 -850px;}
h2.newsletter { background-position: 0 -935px;}

/*h3 {
	font-size: 14px;
	color: #251100;
	padding: 8px 8px 8px 8px;
	background: #ffedcb;
	width: 455px;
	margin: 0 0 15px 0;
}*/


h3 {
	font-size: 14px;
	color: #251100;
	margin: 0 0 23px 0;
	text-transform: uppercase;
	line-height: 21px;
	border-bottom: 1px solid #8d613c;
	padding: 0 0 5px 0;

}


div#contentMain h4 {
	font-size: 14px;
	color: #251100;
	padding: 0 0 0 0;
	text-transform: uppercase;
	line-height: 21px;
	border-bottom: 1px solid #8d613c;
	margin: 0 0 15px 0;
}

div#footer h4 {
	font-size: 12px;
	padding: 0 0 15px 0;
	color: #3e2e17;
}



/*  links  */

#euroweb a {
	border: none!important;
}


div#contentMain a {
	border-bottom: 1px solid #9a2100;
}


div#contentMain a:hover {
	color: #251100;
	border: none;
}

div#footer a {
	text-decoration: underline;
	color: #4a5526;
	position: absolute;
	bottom: 10px;
	right: 70px;
	font-size: 11px;
}

div#footer a:hover {
	color: #292f15;
	text-decoration: none;
}
	


/*  p  */

div#contentMain p { 
	margin: 0 0 20px 0; 
	line-height: 25px;
}

	
/*  images  */

/*.image {
	background:# url(../images/progress.gif) no-repeat center center;
	margin: 4px 8px 8px 20px;
	cursor: url(../images/zoomin.cur), pointer;
   outline: none;
}
*/

.image {
	background: #fff0d1;
	padding: 4px;
	border-bottom: 2px solid #b99b5a;
	margin: 4px 15px 15px 0;
	background:# url(../images/progress.gif) no-repeat center center;
	cursor: url(../images/zoomin.cur), pointer;

}



.imageNoHover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/*  png fix  */

*html div#xxx {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/xxx.png', sizingMethod='crop');
}


.tca {
	display: none!important;
}

.tci { padding: 0 10px 0 0;}