/* Style-Sheet - www.im-spycher.ch */


/*------------Layoutdefinition---------------*/
body {
	color: #000000;
	background:#FFFFFF;
	padding:10px 30px 10px 0;
	margin:0;
	width:960px;
/*	margin-left:auto;
	margin-right:auto;
*/	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
}

/*---------------Navigation---------------*/
/* Navigation Layout */
#navigation{
	float:left;
	width:200px;
	padding: 30px 0px 0px 30px;
	margin:0;
}

/* Navigation Links */
#navigation a {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #000000;
	background-color:#FFFFFF;
	text-decoration: none;
}
#navigation a:visited {  	color:#000000; 	}
#navigation a:hover { 		color:#999999;	}

/* Navigation Selektoren */
#navigation ul{
	margin: 0;
	padding:0;
	list-style:none;
	width:200px;
}

/* Navigation Liste */
#navigation li{
	padding:0 0 15px 0;
	margin:0;
}

/* Navigation - Liste Kontakt */
#navigation li.kontakt{
	padding:30px 0 15px 0;
	margin:0;
}

/* Navigation - Liste layout */
#navigationLinks{
	position:absolute;
	top:230px;
}

/* copyright Schrift */
#copyright {
	font-size:10px;
	margin-top:40px;
}


/*---------------Inhalt---------------*/
#inhalt{
	margin:0 0 0 240px;
}

/* Schriftgrösse Titel */
#inhalt h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

/* Schriftgrösse Untertitel */
#inhalt h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

/* Schriftgrösse Text */
#inhalt p {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;	
	text-decoration: none;
	color: #000000;
}

/* Schriftgrösse Text "fett" */
#inhalt p.fett {
	font-weight: bold;
}
/* Auftragssendebestätigung */
#inhalt div.anfragebestätigung {
	text-align:center;
	margin-top:200px;
}


/* Schriftgrösse Links auf pdf-file */
#inhalt a {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	color: #000000;
	text-decoration: none;
}

#inhalt a:visited {  color:#000000; }
#inhalt a:hover { 	 color:#999999; }

/* Speisekarte anzeigen */
p.gericht{
	margin-top:2em;
	font-weight: bold;
}

p.beschreibung{
	margin-top:1.2em;
}


/* Bilder ohne Rand */
img {
	border: 0;
}

#oeffnungszeiten {
	padding:0px;
	width:300px;
}
td.uhrzeit {
	text-align:right;
	width:100px;
}

/* 2 Bilder nebeneinander, 2 Bilder untereinander */
p#bilder{
	width:734px;
}

/*--------------- Tabelle Reservation.php---------------*/
/* --------------- Layouts --------------- */
ul.boxy li {
	margin: 0px;
	width: 600px;
	cursor:move;
	padding: 2px 2px;
	border: 1px solid #ccc;
	background-color: #eee;
}

#phoneticlong {
	margin-bottom: 1em;
}

#phoneticlong li, #buttons li {
	margin-bottom: 0px;
	margin-top: 4px;
}

ul.boxy {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 10em;
	font-size: 1em;
	font-family: Arial, sans-serif;
}

/* Tabelle - Spalte */
#inhalt td { 
	vertical-align:top; 
	overflow:hidden;
	padding:2px;
}

/* Tabelle - Spalte Speise */
#inhalt td.speise {
	width:300px;
}

/* Tabelle - Spalte Kategorie */
#inhalt td.kat {
	width:100px;
}

/* Tabelle - Spalte Preis */
#inhalt td.preis {
	width:50px;
	text-align:right;
}

/* Tabelle - Spalte "entfernen" */
#inhalt td.del {
	width:80px;
	text-align:center;
}

/* Tabelle - Spalte "Verschiebungspfeilen" */
#inhalt td.pfeile {
	width:50px;
}

/* Tabelle - Zeile Total "fett" */
tr.total {
	font-weight:bold;
}

/*--------------- Tabelle ---------------*/
/* Tabelle - Text rechtsbündig */
#inhalt th {
	text-align:left;
}


/* Mitteilung an dem Admin */
p.mitteilung {
	border:thin solid #FFCC66;
	font-weight: bold;
	padding: 1em;
	background-color:#FFC;
	
}