
/*CSS Stylesheet Kitsune-Izakaya

done by Christian Geyer
Interface Creation | www.interfacecreation.com
14.10.09

*/

/*type*/ 

#container_temp {
	padding:0 70px 0 70px;
	background-image: url(../images/log_large_white.gif);
	/*background-image: url(../images/baseline.gif);  */
	background-repeat:no-repeat;
	min-height:600px;
	background-position:center top;
	margin:-10px 0 0 0; 
	
}   

#container_temp h1 a { 
	background-image: url(../images/logo_black.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:150px;
	height:164px; 
	padding:0px 0px 0 0;
	float:right;
}   

#label_gallery h1 a { 
	background-image: url(../images/logo_black.png);
	background-repeat:no-repeat;
	float:right;
	text-indent:-9999px;
	width:190px;
	height:164px; 
	padding:0px 315px 0 0;
	float:right;
	margin:0;
}

#content_nav  {
	font-size:0.8em;
	float:right;
	margin:10px -15px 0 20px;
	width:296px;
} 

#content_nav li {
	text-align:right;
	padding:5px 0 0 0;
	font-family:"Times New Roman", Times, serif;
}   

#zurueck {
	
	margin:10px 0 0 100px;
	padding-top:5px;
	width:150px;
	border-top:#666 dotted 1px;
	font-weight:bold;
}

#content_nav li a:link, #content_nav li a:visited { 
	font-size:1.15em;
	padding:0 5px 0 5px;
	color:#666;
	text-decoration:none;
}
#content_nav li a:hover {
	color:#cda500;
	
} 

#label-home  {
	background-image: url(../images/fuchs_black.gif);
	background-position:top center;
	background-repeat:no-repeat;
	padding:0 0 20px 50px;
	width:833px;
	height:500px;
	}


#label-home  p, #label-home p a {
	text-align:justify;
		width:400px;
		font-family:"Times New Roman", Times, serif;
		color:#CCC;
		margin:0 auto;
		font-size:0.85em;
		font-weight:lighter;
		line-height:1.3em;
	}

#label-home h1 {
	background-image: url(../images/logo-kitsune-homepage.gif);
	background-repeat:no-repeat;
	height:239px;
	margin:0 0 0 340px;
	text-indent:-9999px;

	
}

input {
	background:#2c2c2c;
	border:none;
	color:#cda500 !important;
	font-size:0.95em;
	font-family:"Times New Roman", Times, serif;
	border-bottom:1px dotted #cda500;

}

#vertraulich {
	color:#7c7c7c !important;
	font-size:0.65em !important;
}

input[type="submit"]{
	color:#cda500;
	font-weight:bold;
	border:none;
	display:inline;
	width:70px;
	cursor:pointer;
}

input[type="submit"]:hover {
	color:#fff;
}

#label-home form p {
	margin:0px auto 5px auto;
	text-align:justify;
}

#label-home h2 {
	color:#CCCCCC;
	margin-left:215px;
	display:inline-block;
	width:400px;
	margin-bottom:5px;	
}

#label-home #newsletter {
	margin-top:60px;
}



#label-home a:link, #label-home a:visited {
	display:block;
	margin:-50px 0 0 344px;
	color:#cda500;
	text-decoration:none;
	
}
                        
#label-home   a:hover {
	color:#fff;
}

#label_idee h1 {
	color:#cda500;
	font-size:1.5em;
	font-weight:lighter;
	padding:180px 0 20px 35px;
	}

#label_idee h2 {
	color:#cda500;
	font-size:1.5em;
	font-weight:lighter;
	padding:20px 0 20px 60px;
	}
	
#label_idee h2 p {
	color:#666;
	padding:0 35px 0 35px;
	text-align:justify;
	line-height:1.9em;
	font-size:0.85em;
	}

#label_idee p {
	color:#666;
	padding:0 35px 0 35px;
	text-align:justify;
	line-height:1.9em;
	font-size:0.85em;
	}

body {
	background-color:#2b2b2b;
	background-image:url(../images/background.jpg);
	}

#background {
	margin:0 auto 0 auto;
	padding-top:15px;
	}

#main_wrapper {
	width:896px;
	min-height:598px;
	background:#704a26 url(../images/table.jpg) repeat-y;
	margin:0 auto 20px auto;
	padding-top:65px;
 	}
	
#content_wrapper {
	width:833px;
	min-height:505px;
	margin:0 auto 0 auto;
	background-image: url(../images/fuchs_large.png);
	background-repeat:no-repeat;
	}
	
#content_wrapper_idee {
	width:833px;
	min-height:505px;
	margin:0 auto 0 auto;
	background-image: url(../images/fuchs_large.png);
	background-repeat:no-repeat;
	background-color:#f2f0ee;
	}

#label_gallery {
	margin:0 auto 0 auto;
	width:833px;
	min-height:500px;
	padding:0px 0 0 60px;
	} 
	
#label_idee {
	background-image: url(../images/label_idee.png);
	background-repeat:no-repeat;
	background-position:323px 20px;
	margin:0 auto 0 auto;
	width:833px;
	height:505px;
	
	}
#content_top {
	width:835px;
	height:160px;
}

#map {
	background-image:url(../images/map.png);
	background-position:400px top; 
	width:800px;
	height:400px;
	background-repeat:no-repeat;
	}

/*Navigation main*/

#navigation {
	width:390px;
	float:right;
	margin-left:12px;
	margin-top:-49px;
}
	
#navigation_top {
		float:left;
		margin-top:-42px;
}

ul #nav_footer, ul #nav_top {
	padding:0;
	margin:0;
	}

#nav_footer li {
	float:left;
	display:inline;
	width:194px;
	padding-right:8px;
	} 
	
#nav_top li {
		float:left;
		display:inline;
		padding-right:8px;
		}

#karte {
	width:192px;
	padding:0 0 0 40px;      	
	}
	
#bilder, #idee, #neues {
	width:92px;	
	}
#idee {
	padding-left:325px;
}

#finden {
	width:194px;
	margin-left:197px;
	}

#karte a:link, #karte a:visited {
	background-image:url(../images/karte.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:194px;
	height:42px;
	display:block;
	}
	
#karte a:hover {
	background-position:0 -55px;
	}

#bilder a:link, #bilder a:visited {
	background-image:url(../images/bilder.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:92px;
	height:42px;
	display:block;
	}
	
#bilder a:hover {
	background-position:0 -55px;
} 
	
#idee a:link, #idee a:visited {
	background-image:url(../images/idee.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:92px;
	height:42px;
	display:block;
}

#idee a:hover {
	background-position:0 -55px;
	}
	

	  
#neues a:link, #neues a:visited {
		background-image:url(../images/neues.png);
		background-position:top left;
		background-repeat:no-repeat;
		float:right;
		width:92px;
		height:42px;
		display:block;
}

#neues a:hover {
		background-position:0 -55px;
}

#finden a:link, #finden a:visited {
	background-image:url(../images/finden_d.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:194px;
	height:47px;
	display:block;
	}
	
#finden a:hover {
	background-position:0 -50px;
	height:55px;
	}
 
/* =======================================active tabe for menu ===============================*/ 

 #idee_active  {
		
		margin-left:325px;
		background-image:url(../images/idee_active.png);
		background-position:0 -55px;   
		background-repeat:no-repeat;
		float:right;
		width:92px;
		height:42px;
		display:block;
	}   
	
#neues_active a:link, #neues_active a:visited {
		background-image:url(../images/neues_active.png);
		background-position:0 -55px;   
		background-repeat:no-repeat;
		width:92px;
		height:42px;
		display:block;
} 

#bilder_active  {
		background-image:url(../images/bilder_active.png);
		background-position:0 -55px;   
		background-repeat:no-repeat;
		width:92px;
		height:42px;
		display:block;
}

	 #karte_active a:link, #karte_active a:visited {
		background-image:url(../images/karte_active.png);
		background-position:0 -55px;
		background-repeat:no-repeat;
		width:194px;
		height:42px;
		display:block;
		margin:0 0 0 39px;    
}                    



/*=====================================navigation tab========================================*/
#menu-karte {
	margin:30px 30px 25px 30px;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #000;
	width:731px;
}
#menu-karte li {
	display:inline;
	margin:0 0 0 0px;
	font-style:italic;
	font-size:1.05em;
}

#menu-karte li a:link, #menu-karte li a:visited {
	text-decoration:none;
	padding:3px;

}

#menu-karte li a:hover {
	color:#fff;
	background-color:#cda500;
}

#menu-karte .active a {
	background-color:#cda500;
	color:#fff;
	
}

#tab_nav {
	float:right;
	padding-right:40px;
	}
#tab_nav li {
	display:inline;
}

#tab_nav a {
	text-decoration:none;
	}
#tab_nav a:active {
	color:#cda500;
	}
	
#code_byline {
	width:898px;
	margin:-20px auto 0 auto;
	height:20px;
	text-align:left;
	color:#777;
	font-size:0.7em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}
	
#code_byline a {
	text-decoration:none;
	color:#888;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-style:italic;

}
#code_byline a:hover {
color:#cda500;
font-size:100%
}           

/*----------------------------extra---------------------*/

#top {
	height:46px;
	margin-left:-50px;
	margin-bottom:-10px;
	background-image:url(../images/top_bg.png);
	width:907px;
}
#middle {
	margin-left:-50px;
	width:907px;
	background-image:url(../images/middle_bg.png);
}
   
#bottom {
	margin-left:-50px;
	width:907px;
	background-image:url(../images/bottom_bg.png); 
	height:49px;
	background-repeat:no-repeat;   
} 


#top_temp {
	height:46px;
	margin-left:-50px;
	background-image:url(../images/top_bg_temp.png);
	width:920px;
}
#middle_temp {
	margin-left:-50px;
	width:907px;
	background-image:url(../images/middle_bg_temp.png);
}
   

/*----------------------------css article + dynamic content---------------------*/     
#content { 
   font-family:"Times New Roman", Times, serif;        
	width:840px;
	clear:both;
	text-align:left; 
}  
#content h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.18em;
	padding:8px 0 15px 30px;
	color:#cda500;
	clear:both;
}  
#content h3 {
	border-top:1px dotted #666;
	padding:12px 0 0px 60px;
	font-size:1.2em; 
}
#content h3 a:link, #content h3 a:visited {
	text-decoration:none;
	font-size:0.9em;
}
#content h3 a:hover {
	color:#cda500;
}

#content p {
	font-size:0.95em;
	line-height:1.6em;
	color:#666;
	padding:0 95px 10px 60px;
}    

.article_all {
	width:720px;
	margin-left:30px;
	
	padding: 0 20px 0 0px;
}   

#content_body {
	margin-top:20px;
}    

#content #publish {
	font-size:0.8em;
}
 
/*----------------------------css speisekarte---------------------*/  
.gang, .wein {
	float:left;
    width:700px;
	padding:0 0 0 30px;
} 

.menu {
	padding:0 0 0 60px;
	float:left;
}    

.header_meal {
	font-weight:bold;
	font-size:0.9em;
    padding:0 30px 5px 0;
	display:block;
	float:left;
	width:550px;
} 

.header_sake {
	font-weight:bold;
	font-size:1.0em;
    padding:0 0 5px 0;

	float:left;
	width:400px;
}
.descrip_meal, .descrip_wein {
	float:left; 
	color:#666;
	font-size:0.93em;
	font-style:italic;
	width:500px;
	padding:0 0 20px 10px;
	line-height:1.3em;
}

.descrip_wein {
	width:450px;
}

.price {
	float:right;
	margin:2px 20px 0 0;
	font-size:0.93em;
		color:#666;
	
} 

#space {
	height:50px;
	clear:both;
}  

#impressum {
	font-size:0.85em !important;
	line-height:0.95em;
	margin:20px 0 0px 0;
}   

#gallery {
   margin:0 0px 0 30px;

}

#mehr a:link, #mehr a:visited {
	padding:0 0 0 10px;
	color:#cda500;
	font-weight:normal;
}   

#mehr a:hover {
  	color:#333;
	font-size:1.0em;
} 

#clear {
	clear:both;
} 


#h2_print {
  
	margin-top:20px;
} 

#h1_print { 
	background-image: url(../images/logo_black.png);
	background-repeat:no-repeat;
	
	text-indent:-9999px;
	width:190px;
	height:164px; 
	padding:0px 0px 0 0;
	
} 

#h3_print {
	padding-top:20px;
	text-decoration:underline;
} 

#reserv {
	font-size:0.85em;
	color:#cda500;
}


/*extras silvestermenu */

#extra {
	padding:12px 0 0 0px;
	text-align:center;
	margin:0 0 20px 0;
}

#extra h4 {
	padding:0 0 0px 0;
	font-size:1.2em;
}
#extra h6 {
	font-style:italic;
	font-size:0.9em;
	padding:20px 0 5px 0px;
	color:#666;
}

#extra h5 {
	margin:25px auto 0 auto;
	width:400px;
	padding:10px 0 5px 0;
	border-top:dotted #666 1px;
}
#extra p {
	line-height:1.1em;
	padding:5px 30px 0 30px;
}

#img-art {
	padding:0 0 0 60px;

}

.descrip_sake {
	float: left;
	color: #666666;
	font-size: 0.93em;
	font-style: italic;
	width: 370px;
	padding:0 0 20px 10px;
	line-height:1.3em;
}

.price_sake {
	float:right;
	font-size:0.88em;
	margin:0 0 0 5px;
	color:#666;
}

.div-sake {
		color:#cda500;
		font-weight:bold;
		padding:0 0 0 5px;
}

.price_wein {
	float:right;
	margin:-2px 105px 0 0;
	font-size:0.93em;
	color:#666;
}
/*----------------------------Hinweis--------------------*/  

#hinweis {
	background:url(../images/scroll.gif) no-repeat;
	position:relative;
	top:2px;
	left:65px;
	float:left;
	width:160px;
	height:230px;
	overflow:hidden;
	padding:40px 30px 30px 20px;
}

#hinweis p {
	font-size:0.75em;
	line-height:1.3em;
	padding:15px 17px 10px 0px;
}

#menu {
	text-align:center;
	margin-bottom:15px;
}

#menu dd, #menu dt {
	width:550px;
	padding-left:0px;
}

#menu h2 {
	width:670px;
	padding-left:0px !important;
}

.sake-menu {
	padding-right:80px;
}

#welcome {
	margin-top:30px;
	margin-bottom:30px;
}

#welcome h2 {
	margin-left:250px;
}

#main_wrapper #mehrlesen {
	display:inline;
	font-size:1em;
	margin:0;
	padding:0;
	width:100%;
}
