/* BODY
---------------------------------------------*/
body {
	margin: 0px;
	padding: 20px;
  	font: 0.85em/1.5em "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",trebuchet,verdana,arial,sans-serif;
	color: #FFF;
	background-image: url("/images/bg/bg.jpg"); 
	background-repeat: no-repeat; 	
	background-attachment: fixed;
  	background-position: top left;
  	background-color: #FFF;
}

img {
	border: 0;
}



#chapter-news{
	background-image: url("/content/home/images/news.jpg"); 
	background-repeat: no-repeat;
	margin-top:5px;
	padding-left: 370px;
	height:400px;
}


#news-headline h2{
	display:none;
}

#news-headline{
	background: url("/images/nav/logo_news.gif") no-repeat top right;
	height:40px;
	width: 300px;
	margin-top: 20px;
}

#chapter-news p {
	color: #F0ABB8;
	width: 600px;
	display:block;
}


/* LINKS
---------------------------------------------*/
a {
	text-decoration: none;
	color:#FFF;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* CONTAINER
---------------------------------------------*/  
#container {
	float:left;
  	background-repeat: repeat-x;
  	background-attachment: scroll;
  	background-position: top left;
  	background-position: 0px 50px;
  	height:500px;
}

body.main #container {
	background-image: url("/images/bg/bg_color_main.gif"); 
}

body.catering #container {
	background-image: url("/images/bg/bg_color_catering.gif"); 
}

body.kitchen #container {
	background-image: url("/images/bg/bg_color_kitchen.gif"); 
}

body.shokuryohin #container {
	background-image: url("/images/bg/bg_color_shokuryohin.gif"); 
}

body.project #container {
	background-image: url("/images/bg/bg_color_project.gif"); 
}

/* HEADER
---------------------------------------------*/  
#header {
	width:100%;
	float:left;
}

/* LOGO
---------------------------------------------*/ 
.logo{
	float:left;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:normal;
}

.logo h1 {
	display: none;
}

.logo a {
	display: block;
	text-decoration: none;
    height: 50px;
}

body.main #logo-main a {
	width: 310px;
	background: url("/images/nav/logo_smartdeli_home.gif") no-repeat top right;
}

body.catering #logo-main a {
	width: 180px;
	background: url("/images/nav/logo_smartdeli_catering.gif") no-repeat top right;
}

body.catering #logo-category a{
	width: 190px;
	background: url("/images/nav/logo_catering.gif") no-repeat top right;
}


body.kitchen #logo-main a {
	width: 180px;
	background: url("/images/nav/logo_smartdeli_kitchen.gif") no-repeat top right;
}

body.kitchen #logo-category a{
	width: 170px;
	background: url("/images/nav/logo_kitchen.gif") no-repeat top right;
}


body.shokuryohin #logo-main  a {
	width: 180px;
	background: url("/images/nav/logo_smartdeli_shokuryohin.gif") no-repeat top right;
}

body.shokuryohin #logo-category a{
	width: 250px;
	background: url("/images/nav/logo_shokuryohin.gif") no-repeat top right;
}
body.shokuryohin #logo-category-de a{
	width: 250px;
	background: url("/images/nav/logo_shokuryohin.gif") no-repeat top right;
}


body.project #logo-main  a {
	width: 180px;
	background: url("/images/nav/logo_smartdeli_project.gif") no-repeat top right;
}

body.project #logo-category a{
	width: 170px;
	background: url("/images/nav/logo_project.gif") no-repeat top right;
}

/* LANG
---------------------------------------------*/ 
#lang {
	float: right;
}

#lang a {
	font-weight:bold;
}

body.main #lang a {
	color: #F0ABB8;
}

body.catering #lang a {
	color: #2BA9E1;
}

body.kitchen #lang a {
	color: #F0ABB8;
}

body.shokuryohin #lang a {
	color: #CBC2B0;
}

body.project #lang a {
	color: #A3D977;
}

/* INFO
---------------------------------------------*/  
#info {
	position:absolute;
	padding:20px 20px 20px 20px;
	top:70px;
	left:620px;
	margin-right:0px;
	max-width: 340px;
}

body.main #info {
	background-color: #F0ABB8;
}

body.catering #info {
	background-color: #2BA9E1;
}

body.kitchen #info {
	background-color: #F0ABB8;
}

body.shokuryohin #info {
	background-color: #CBC2B0;
}

body.project #info {
	background-color: #A3D977;
}

#info p {
	margin: 0px 0px 10px 0px;
}

#info a {
	font-weight: bold;
	text-decoration: underline;
}


/* CONTENT Background
---------------------------------------------*/  
#content {
	width:780px;
	float:left;
	padding-top: 60px;
	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-position: top left;
  	background-position: 0px 0px;
}

#home #content{
	background-image: url("/content/home/images/bg_home.jpg"); 
}

/* KITCHEN */
#kitchen #content {
	background-image: url("/content/kitchen/images/bg_kitchen.jpg"); 
}
#kitchen_menue #content {
	background-image: url("/content/kitchen_menue/images/bg_kitchen_menue.jpg");
}
#kitchen_goods #content {
	background-image: url("/content/kitchen_goods/images/bg_kitchen_goods.jpg"); 
}
#kitchen_contact #content {
	background-image: url("/content/kitchen_contact/images/bg_kitchen_contact.jpg"); 
}

/* CATERING */
#catering  #content{
	background-image: url("/content/catering/images/bg_catering.jpg"); 
}
#catering_samples #content {
	background-image: url("/content/catering_samples/images/bg_catering_samples.jpg"); 
}
#catering_reference #content {
	background-image: url("/content/catering_reference/images/bg_catering_reference.jpg"); 
}
#catering_contact #content {
	background-image: url("/content/catering_contact/images/bg_catering_contact.jpg"); 
}

/* SHOKURYOHIN */
#shokuryohin #content {
	background-image: url("/content/shokuryohin/images/bg_shokuryohin.jpg"); 
}
#shokuryohin_berlin #content {
	background-image: url("/content/shokuryohin_berlin/images/bg_shokuryohin_berlin.jpg"); 
}
#shokuryohin_hamburg #content {
	background-image: url("/content/shokuryohin_hamburg/images/bg_shokuryohin_hamburg.jpg"); 
}
#shokuryohin_hannover #content {
	background-image: url("/content/shokuryohin_hannover/images/bg_shokuryohin_hannover.jpg"); 
}
#shokuryohin_contact #content {
	background-image: url("/content/shokuryohin_contact/images/bg_shokuryohin_contact.jpg"); 
}
#flow h2{
	padding: 20px 0 0;
	font-size: 16px;
}
#flow p{
	margin-top: 5px;
}

#dvd #content {
	background-image: url("/content/shokuryohin/images/bg_dvd.jpg"); 
}

/* PROJECT */
#project #content {
	background-image: url("/content/project/images/bg_project.jpg"); 
}
#project_friends #content {
	background-image: url("/content/project_friends/images/bg_project_friends.jpg"); 
}
#project_taken #content {
	background-image: url("/content/project_taken/images/bg_project_taken.jpg"); 
}
#project_contact #content {
	background-image: url("/content/project_contact/images/bg_project_contact.jpg"); 
}


/* NAVIGATION
---------------------------------------------*/  

#nav-category {
	width:100%;
	margin: 0px 0px 80px 0px;
	min-height:100px;
}
 
.nav ul {
  	margin: 10px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;

}
  
.nav li { 	
  	margin: 0px 0px 20px 0px;
  	padding: 0px 0px 10px 0px;
}

.nav li a {
	font-size: 1.6em;
  	font-weight: bold;
  	margin: 0px 0px 50px 0px;
  	padding: 5px 7px 5px 7px;
}

/* CATERING */

body.catering #nav-category li a {
  	background-color: #2BA9E1;
}

body.catering #nav-category li a:hover{
  	background-color: #6BC3EA;
}

#catering_samples #nav-category #tap-catering-samples a,
#catering_reference #nav-category #tap-catering-reference a,
#catering_contact #nav-category #tap-catering-contact a {
  	color: #2BA9E1;
  	background-color: transparent;
} 
.catering-sample-table1{width:900px;overflow:hidden; margin-bottom:10px;}
.catering-sample-table2{width:600px; float:left;}
.catering-sample-text{width:330px; background-color:#2BA9E1; font-size:18px; float:right; padding:5px;}
.catering-sample-img{float:left;}

/* KITCHEN */

body.kitchen #nav-category li a {
  	background-color: #F0ABB8;
}

body.kitchen #nav-category li a:hover {
  	background-color: #F5C4CD;
}
#kitchen_angebot .top {overflow: visible; width:750px; height:240px;}
#kitchen_angebot .left{background-repeat:no-repeat; padding-top:340px; width:450px; height:80px;float:left;}
#kitchen_angebot .right_veg{float:left;padding:20px;width:260px;background-color:#A3D977;min-height:100px;}
#kitchen_angebot .right_non{float:left;padding:20px;width:260px;background-color:#2BA9E1;min-height:100px;}
#kitchen_angebot p{margin: 0px;}
#kitchen_angebot .veg_name{color:#A3D977; font-size: 40px; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Std', 'ヒラギノ角ゴ Std W8'; font-weight: bold; padding: 8px;}
#kitchen_angebot .non_name{color:#2BA9E1; font-size: 40px; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Std', 'ヒラギノ角ゴ Std W8'; font-weight: bold; padding: 8px;}
#kitchen_angebot .item1{background-image:url("/content/kitchen/images/vegetarisch.jpg");}
#kitchen_angebot .item2{background-image:url("/content/kitchen/images/nonvegetarisch.jpg");}

#kitchen_menue #nav-category #tap-kitchen-menue a,
#kitchen_goods #nav-category #tap-kitchen-goods a,
#kitchen_contact #nav-category #tap-kitchen-contact a {
  	color: #F0ABB8;
  	background-color: transparent;
} 

#kitchen_goods_item {overflow: visible; width:750px; height:240px;background-color:#F0ABB8;}
#kitchen_goods_item .left{background-repeat:no-repeat; padding-top:340px; width:450px; height:80px;float:left;}
#kitchen_goods_item .right{float:left;padding:20px;width:260px;}
#kitchen_goods_item .name{background-color:#F0ABB8; color:#fff; font-size: 40px; font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Std', 'ヒラギノ角ゴ Std W8'; font-weight: bold; padding: 8px;}
#kitchen_goods_item .item1{background-image:url("/content/kitchen_goods/images/megu_ceramic1.jpg");}
#kitchen_goods_item .item2{background-image:url("/content/kitchen_goods/images/chromshirts1.jpg");}
#kitchen_goods_item .item3{background-image:url("/content/kitchen_goods/images/chuuu_t_shirt.jpg");}
#kitchen_goods_item .item4{background-image:url("/content/kitchen_goods/images/kyokostuch.jpg");}
/* SHOKURIOHIN */

body.shokuryohin #nav-category li a {
  	background-color: #CBC2B0;
}

body.shokuryohin #nav-category li a:hover {
  	background-color: #DBD4C8;
}

#shokuryohin_list #nav-category #tap-shokuryohin-list a,
#shokuryohin_order #nav-category #tap-shokuryohin-order a,
#shokuryohin_contact #nav-category #tap-shokuryohin-contact a {
  	color: #CBC2B0;
  	background-color: transparent;
} 

/* PROJECT */

body.project #nav-category li a {
  	background-color: #A3D977;
}

body.project #nav-category li a:hover {
  	background-color: #BFE4A0;
}

#project_friends #nav-category #tap-project-friends a,
#project_taken #nav-category #tap-project-taken a,
#project_contact #nav-category #tap-project-contact a {
  	color: #A3D977;
  	background-color: transparent;
} 

#project_member{width:620px;}
#project_member .shadow{width:267px;background-image: url(/images/shadow_001.gif);background-repeat: no-repeat;background-position: right bottom;margin: 15px 0px 20px 15px;padding: 0px;color:#000000;float:left; font-size:12px;line-height: normal;}
#project_member .photo{border: 1px solid #CCCCCC;position: relative; padding:10px 10px 10px 10px;margin: -5px 5px 5px 0px; background:#FFFFFF;}
#project_member .photo img{margin-bottom:10px; border:#cccccc 1px solid;}
#project_member .photo .name{float:right;}

#project_link{width:620px;}
#project_link .box{width:270px; background-image:url(/content/project_friends/images/link.gif); background-repeat:no-repeat; background-position: 0px 2px;padding:0px 0px 5px 20px;float:left;border-bottom: solid #A3D977 1px;margin:0px 10px 5px 0px;color:#000000;font-size:12px;}
#project_link strong{font-size:14px;color:#333333;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */


/* HEADLINES & TEXT
---------------------------------------------*/  

h1, h2, h3 , h4 , h5 ,h6 {
	font-size:3.6em;
	margin: 0;
	padding: 0;	
	padding:0px 0px 0px 7px;
	text-transform:lowercase;
}

.jp-text {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8";
	font-weight:bold;
}

#content p {
	line-height: 1.6em;
	margin: 5px 0 0 0;
	padding: 0;	
	width:500px;
}

span {
	margin: 0px;
	padding:3px 0px 3px 0px;
}


.kitchen h1{
	color: #F0ABB8;
}

.kitchen p span {
	background-color: #F0ABB8;
}

.catering h1{
	color: #2BA9E1;
}
.catering p span {
	background-color: #2BA9E1;
}

.shokuryohin h1{
	color: #CBC2B0;
}

.shokuryohin p span {
	background-color: #CBC2B0;
}

.project h1{
	color: #A3D977;
}

.project p span {
	background-color: #A3D977;
}


/* SITE "home"
---------------------------------------------*/ 
#home #content{
	padding-top: 100px;
}

/* CATEGORY-LINKS 
---------------------------------------------*/ 

.chapter-link  {
	width: 300px;
	height: 40px;
	margin: 30px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	line-height:normal;
}

.chapter-link h2 {
	display: none;
}

.chapter-link a {
	display: block;
	width: 300px;
    height: 40px;
	text-decoration: none;
}

.chapter-link a:visited {
	background-position: 0px 0px;
}

#chapter-catering .chapter-link a:hover,
#chapter-kitchen .chapter-link a:hover,
#chapter-shokuryohin .chapter-link a:hover,
#chapter-project .chapter-link a:hover,
#chapter-shokuryohin-de .chapter-link a:hover{
	background-position: 0px -40px;
}

#chapter-catering .chapter-link  a {
	background: url("/images/nav/link_catering.gif") no-repeat top right;
}

#chapter-kitchen .chapter-link  a {
	background: url("/images/nav/link_kitchen.gif") no-repeat top right;
}

#chapter-shokuryohin .chapter-link  a {
	background: url("/images/nav/link_shokuryohin.gif") no-repeat top right;
}

#chapter-shokuryohin-de .chapter-link  a {
	background: url("/images/nav/link_shokuryohin.gif") no-repeat top right;
}


#chapter-project .chapter-link  a {
	background: url("/images/nav/link_project.gif") no-repeat top right;
}

#chapter-catering span {
	padding:2px 7px 2px 7px;
	background-color: #2BA9E1;
}

#chapter-kitchen span {
	padding:2px 7px 2px 7px;
	background-color: #F0ABB8;
}

#chapter-shokuryohin span,#chapter-shokuryohin-de span {
	padding:2px 7px 2px 7px;
	background-color: #CBC2B0;
}

#chapter-project span {
	padding:2px 7px 2px 7px;
	background-color: #A3D977;
}


/* CONTACT FORM
---------------------------------------------*/

#contactform {
	margin-top:6px;
	width:400px;
}

#contactform p {
	width:auto;
	margin:0 0 1px 0;
	padding:7px;
}

#contactform #p-submit {
	margin:0 0 1px 0;
	padding:0px;
}

#contactform .textfield { 
font: 1.0em/1.5em "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",trebuchet,verdana,arial,sans-serif;
	width:379px;
	color: #333333;
	padding:3px;
	background-color:#F9F9F9;
	border:0;
}

#contactform .textarea {  
	font: 1.0em/1.5em "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",trebuchet,verdana,arial,sans-serif;
	width:379px;
	color: #333333;
	padding:3px;
	background-color:#F9F9F9;
	border:0;
}

#contactform .textfield_jp { 
	width:379px;
	color: #333333;
	padding:3px;
	background-color:#F9F9F9;
	border:0;
}

#contactform .textarea_jp {  
	width:379px;
	color: #333333;
	padding:3px;
	background-color:#F9F9F9;
	border:0;
}

#contactform .button { 
	font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",trebuchet,verdana,arial,sans-serif;
	font-weight:bold;
	font-size: 1.4em;
	width:100%;
	color: #FFFFFF;
	text-align:left;
	padding: 5px;
	border:0;
	background-color: transparent;
}

#contactform .button_jp { 
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Std W8";
	font-weight:bold;
	font-size: 1.4em;
	width:100%;
	color: #FFFFFF;
	text-align:left;
	padding: 5px;
	border:0;
	background-color: transparent;
}

body.catering #contactform p {
	background-color: #2BA9E1;

}

body.catering #contactform .button:hover,
body.catering #contactform .button_jp:hover{ 
	background-color: #6BC3EA;
}

body.kitchen #contactform p {
	background-color: #F0ABB8;
}

body.kitchen #contactform .button:hover,
body.kitchen #contactform .button_jp:hover{ 
	background-color: #F5C4CD;
}

body.shokuryohin #contactform p{
	background-color: #CBC2B0;
}

body.shokuryohin #contactform .button_jp:hover{ 
	background-color: #DBD4C8;
}

body.project #contactform p{
	background-color: #A3D977;
}

body.project #contactform .button:hover,
body.project #contactform .button_jp:hover{ 
	background-color: #BFE4A0;
}




/* MENUE
---------------------------------------------*/



#kitchen_menue .menue-category{
	width: 700px;
	margin-left:200px;
	margin-bottom: 50px;
	padding-top:10px;
}

#kitchen_menue #menue-sushi_menue{
	background-image: url("/content/kitchen_menue/images/menue_sushi_menue.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;
}

#kitchen_menue #menue-sushi_carte{
	background-image: url("/content/kitchen_menue/images/menue_sushi_carte.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-traditional_rolls{
	background-image: url("/content/kitchen_menue/images/menue_traditional_rolls.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-inside_out_rolls{
	background-image: url("/content/kitchen_menue/images/menue_inside_out_rolls.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-appetizers{
	background-image: url("/content/kitchen_menue/images/menue_appetizers.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-vegetarian_soups{
	background-image: url("/content/kitchen_menue/images/menue_vegetarian_soups.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-fried_noodles{
	background-image: url("/content/kitchen_menue/images/menue_fried_noodles.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-rice_plates{
	background-image: url("/content/kitchen_menue/images/menue_rice_plates.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-desserts{
	background-image: url("/content/kitchen_menue/images/menue_desserts.jpg");
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}

#kitchen_menue #menue-drinks{
	background-image: url("/content/kitchen_menue/images/menue_drinks.jpg"); 
	background-repeat: no-repeat;
	background-position: 400px 0px;	
}


#kitchen_menue .menue-category h1{
	margin-bottom: 5px;
}


#kitchen_menue .menue-category dl {
	background-color: #F0ABB8;
	margin: 1px 0 0 0;
	padding:5px;
	width: 390px;
	overflow: hidden
}

#kitchen_menue .menue-category dt{
	float: left;
}

#kitchen_menue .menue-category dd{margin:0}

#kitchen_menue .menue-category dd.price{
	float: right;
	padding-left: 3px;
}

#kitchen_menue .menue-category dd.description{
	float: left;
	width: 100%;
	color: #F9DDE3;
}

#kitchen_menue .menue-category h1 a {
	color: #F0ABB8;
	margin: 0px;
	font-size: 40px;
	padding: 5px;
}

#nav-kitchen-menue,
#nav-kitchen-goods {
	position:fixed!important;
	position:absolute;
	padding:0px;
	top:300px;
	left:20px;
	margin-top:10px;
	margin-right:20px;
	max-width: 340px;
	width: 200px;
	float:left;
}

#nav-kitchen-menue ul ,
#nav-kitchen-goods ul{
  	list-style:none;
  	margin:0;
  	padding:0;
}

#nav-kitchen-menue li,
#nav-kitchen-goods li{
  	margin:2px 0 0 0;
  	padding:0;
}

#nav-kitchen-menue li a,
#nav-kitchen-goods li a {
	margin: 0;
	padding:3px 5px 3px 5px;
	font-size:1em;
  	background-color: #F0ABB8;

}

#nav-kitchen-menue li a span,
#nav-kitchen-goods li a span {
  	font-weight:normal;
}

#nav-kitchen-menue li a:hover,
#nav-kitchen-goods li a:hover{
  	background-color: #F5C4CD;
}


body.shokuryohin div.pdf{
	background-color: #CBC2B0;
	width: 400px;
	margin: 1px 0 0;
	padding: 7px;
	clear: both;
	overflow: auto;
	font-weight: bold;
}

body.shokuryohin div.pdf a{
	font-weight: bold;
}

body.shokuryohin div.pdf img{
	float: left;
}

body.project div.pdf{
	background-color: #A3D977;
	width: 400px;
	margin: 1px 0 0;
	padding: 7px;
}

body.project div.pdf a{
	font-weight: bold;
}

body.project div.pdf img{
	vertical-align: middle;
}

/*
#news-tumblr p,.tumblr_caption {
color:#F0ABB8;
display:block;
}
*/
.tumblr_caption {
color:#FF6699;
display:block;
width: 500px;
}

.tumblr_caption a{
color:#FF6699;
font-weight: bold;
}

.tumblr_post{
margin-bottom: 20px;
}

#container_flow{
color:black;
width: 820px;
float: left;
}

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

#news-content{
width: 600px;
float: left;
}
#news-ad{
width: 180px;
float: left;
margin-top: 73px;
}

#archive{
	font-size: 12px;
	float: right;
	margin-top: 15px;
}
#archive a{
	color: #FF6699;
}