/****************************************** Copyright 2011 China Restaurant Jade ***************************/
/****************************************** By Felix Duong *************************************************/
/****************************************** Tested Browser: IE 7,8,9, Opera, Safari, Google Chrome *********/
/* Default Settings */
body {
	background-color: #560606;
	font-family: Verdana, Arial, Helvetica;
	margin: 0 auto;
	padding: 0px;
}

a, tbody {
	text-decoration: none;
	font-size: 12px;
	border: 0px;
}

hr{
	/* Für Firefox und Opera */
	border: 0px; 
	border-top: solid 2px #b5a6a6;
	border-bottom: transparent;
	margin-top: 0px;
	margin-left:20px;
	width: 95%;
	height:1px;
}

img {
border: 0px;
}

#siteLeftBorder, #siteRightBorder {
width: 9px;
height: 100%;
background: white;
position: absolute;
background-image: url(images/layout/border_image.gif);
}

#siteRightBorder {
right: 0px;
}

#siteNoJavascript, #siteContent, #siteContentmenucart, #siteContentphotoexample, .AppPhotoShow_Menu img, #AppMenuCart_Pager a, #siteInfo {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

#siteNoJavascript {
color: white;
background: #cc0000;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}


/****************************************** Header */
/* Navigationsbar*/

#siteHeader {
top: 0px;
background: white;
height: 168px;
position: relative;
}

#siteChinese {
position: absolute;
top: 0px;
width: 100%;
text-align: center;
}

#siteChineseImg {
margin-right: 800px;
}

#siteNavigationBackground {
top: 130px;
background: url(images/layout/navigation_background.png);
height: 70px;
width: 100%;
position: absolute;
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}

#siteNavigationbar img {
PADDING-TOP: 8px;
width: 40px;
height: 40px;
}

#siteNavigationbar img.naviImgRoutenplaner {
width: 50px
}

#siteNavigationbar img.naviImgOrtschaft {
width: 70px;
}

#siteNavigationbar img.naviImgKontakt {
width: 55px;
}

#siteNavigationbar ul {
bottom: 0px;
height: 70px;
position: absolute;
float: left;
margin: 0px;
PADDING: 0px;
text-align: center;
}

#siteNavigationbar li {
border-right: #560606 3px solid;
height: 100%;
float: left;
list-style: none;
PADDING: 0px 15px 0px 15px;
/*
PADDING-LEFT: 15px;
PADDING-RIGHT: 15px;
*/
}

#siteNavigationbar li a {
font-weight: bold;
font-size: 14px;
color: #ffffff;
}

#siteNavigationbar li:hover {
background: #560606;
}

#siteLang {
float: right;
padding-top: 50px;
padding-right: 10px;
line-height: 20px;
}

#siteLang img {
width: 20px;
height: 12px;
border: black 1px solid;
}

/****************************************** Header End*/

/****************************************** Body */

#siteContainer {
width: 768px;
margin: 0 auto 0 auto;
height: 800px;
/* Debug: background: black;*/
}

#siteBody {
PADDING: 20px;
PADDING-TOP: 50px;
background: white url(images/layout/border_body_image.gif) repeat-y;
}

#siteInfo {
margin-bottom: 20px;
}

#siteInfo a {
color: #560606;
}

#siteInfo a:visited {
color: #560606;
}

#siteContent, #siteInfo {
height: auto;
border: #560606 1px solid;
PADDING-LEFT: 10px;
}

#siteContenttitle {
color: #560606;
height: 30px;
width: 200px;
PADDING-TOP: 20px;
PADDING-LEFT: 40px;
background: url(home_small.png) left no-repeat;
}

#siteContentBoth {
margin: 30px;
}



/* Appslinks */

#siteAppslinks {
height: 230px;
margin-top: 20px;
}

#siteContentmenucart {
float: left;
background: url(images/Appslinks/apps_menucard.jpg) left no-repeat;
background-position:-50px -40px;
width: 354px;
height: 220px;
border: #560606 1px solid;
}

#siteContentmenucart img {
/*padding-top: 15px; */
/*padding-left: 110px; */
}

#siteContentphotoexample {
background: url(images/photos/menu_7.jpg) left no-repeat;
background-position:-200px -90px;
float: right;
width: 354px;
height: 220px;
border: #560606 1px solid;
position: relative;
}

#siteContentphotoexample img {
display:none;
}

/* Apps */

#AppPhotoShow, #AppGoogleMaps, #AppFeedback, #AppMenuCart, #AppPhotoShow_Aboutus {
display:none;
}

#AppPhotoShow_AboutusPicture {
width: 353px;
height: 220px;
margin: auto;
border-top: #560606 5px solid;
border-bottom: #560606 5px solid;
}

#AppPhotoShow_AboutusText {
margin-top: 20px;
text-align: justify;
}

#AppPhotoShow_PhotoContainer {
width: 637px;
height: 434;
border-top: #560606 5px solid;
border-bottom: #560606 5px solid;
}

#AppPhotoShow_Description {
padding-top: 5px;
float: left;
font-size: 12px;
color: #666666;
font-weight: bold;
}

#AppPhotoShow_Navigation {
text-align: right;
padding-right: 50px;
}

#AppPhotoShow_Navigation a {
margin: auto;
padding-left: 5px;
text-decoration: none;
font-size: 11px;
color: #560606;
font-weight: bold;
}

table.AppGoogleMaps_forminput {
border: #560606 1px solid;
height: 112px;
}
.AppGoogleMaps {
width: 100%;
height: 300px;
margin-top: 30px;
border-top: #560606 5px solid;
border-bottom: #560606 5px solid;
}
.AppGoogleMaps_directions {
width: 600px;
font-size:12px;
}
.AppGoogleMaps_start {
margin-left: 40px;
}

div.AppPhotoShow_Menu {
  /* Set it so we could calculate the offsetLeft */
margin-top: 10px;
height: 145px;
width: 637px;
/* Add scroll-bars */
overflow: auto;
}

ul.AppPhotoShow_Menu {
display: block;
height: 110px;
/* Max width here, for users without Javascript */
width: 2300px;
padding: 15px 0 0 15px;
/* Remove default margin */
margin: 0;
background: url('navigation.png');
list-style: none;
}

.AppPhotoShow_Menu li {
display: block;
float: left;
padding: 0 4px;
}

.AppPhotoShow_Menu img {
border: #560606 5px solid;
}

.AppPhotoShow_Menu a {
display: block;
text-decoration: none;
}

.AppPhotoShow_Menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: black;
}
.AppPhotoShow_Menu a:hover span {
  display: block;
}

#AppFeedback_name {
float: left;
line-height: 25px;
margin-top: 10px;
}

#AppFeedback_inputs {
padding: 0px;
margin-left: 150px;
margin-top: 10px;
}

#AppFeedback_inputs input {
width: 400px;
}

#AppFeedback_inputs textarea {
width: 400px;
height: 200px;
}

#AppFeedback_title {
color: #560606;
font-weight: bold;
}

#AppMenuCart_Cart {
border-top: #560606 5px solid;
border-bottom: #560606 5px solid;
width: 100%;
}

#AppMenuCart_Pager a {
background: #560606;
color: white;
text-decoration: none;
font-weight: bold;
padding: 4px;
margin: 3px;
}

#AppMenuCart_Pager a.activeSlide {
color: #f26060;
}

/****************************************** Body Ende */

/****************************************** Footer */

#siteFooter {
padding-top: 10px;
height: 40px;
width: 100%;
background: white url(images/layout/border_body_image.gif) repeat-y;
}

#siteFooterContent {
float: left;
margin-left: 20px;
margin-top: 3px;
}

#siteFooterContentlinks {
float: right;
margin-right: 35px;
}

#siteFooterContent, #siteFooterContentlinks a {
color: #560606;
font-size: 12px;
}

#siteFooterContentlinks a:hover {
text-decoration: underline;
}

/****************************************** Footer Ende */

/*
#siteContentImage {
margin-right: 10px;
height: 124px;
width: 142px;
border: black 1px solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
*/
