/* for blue layout substitute #900 with #24c and #cc9 with #ccf and adjust tablecloth_xxx.gif in main.tpl */

/* body */
body {
	margin:0;
	margin-bottom:25px;
	padding:0;
	background-color:#FFF;
}

html, body, span, a {
	font-family: arial, helvetica, sans-serif;
	font-size: 11pt;
}

/* containers */
div.container500 {
	position:relative; 
	left:50%; 
	width:500px; 
	margin:25px -250px;
}

div.container750 {
	position:relative; 
	left:50%; 
	width:750px; 
	margin:25px -375px; 
}

div.footer {
	/*	position:absolute;
	bottom:0;
	left:0;
	width:100%; */
	position:relative;
	width:750px;
	left:50%;
	margin:50px -375px 25px;
	text-align:center;
}

h1 {
	text-align:center;
	font-size:16pt;
	color:#900;
	margin-bottom:3ex;
}

/* generic */
.center { text-align:center }

/* navigation bar */
.nav {
	background-color:#900;
	/*background-image:url(./images/logo/pizza_stripe_900.jpg);*/
	color:#cc9;
	/* position:absolute ;
	top:0;
	left:0;
	z-index:50; */
}

.nav table td {
	/* border-width:0 1px 0 0;
	border-style:solid;
	border-color:#cc9; */
	/* height:36px;
	vertical-align:bottom; */
}

.nav a {
	color:#cc9;
	text-decoration:none;
}

.nav a:hover {
	color:#fff;
}

.nav td {
	padding:0 .375em;
}

/* links */
a {
	color:#900;
	text-decoration:none;
}

a:hover {
	color:#000;
}

/* google maps font size */
div#map {
	width:100%;
	height:200px;
}

div#map span {
	text-align:right;
	font-size:5pt;
}

/* table in general */
table {
	table-layout:auto;
	border-collapse:collapse;
	border-spacing:auto;
}

/* table headers */
th {
	text-align:left;
}


/* list of restaurants */

table.list th, table.list td {
	padding:5px;
	border-width:0; 
	border-bottom-style:solid; 
	border-color: #fff;
}

table.list th { 	
	vertical-align:bottom;
}

table.list td {
	vertical-align:top;
}

table.list .odd td {
	background-color:#fff;
}

table.list th, table.list .even td {
	background-color:#cc9;
}

/* inputs */
table.input th, table.input td {
	padding:3px 7px;
}

table.input input, table.input textarea, table.input select {
	border:solid 1px #cc9;
	background-color:#cc9;
	padding:3px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
}

table.input.add th, table.input.add td {
	padding:0;
	padding-bottom:0.5ex;
}

/* doesn't work on IE
input[type=submit], input[type=button], input[type=reset], table.input input[type=submit], table.input input[type=button], table.input input[type=reset] {
	border:0;
	color:#cc9;
	background-color:#900;
	padding:3px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
}
*/

input.button, table.input input.button {
	border:0;
	color:#cc9;
	background-color:#900;
	padding:3px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
}

table.input input.radio {
	border:none;
	background-color:#fff;
}


/* error messages */
div.error {
	margin:1ex 25px;
}

div.error li {
	color:#900;
}

/* search */
table.search td {
	text-align:center;
}

/* ratings */
table.rating td {
	line-height:100%;
	padding:3px 7px;
}
  
/* things I always forget...

margin:Wert;
Für Wert einen oder mehrere Werte zu margin-top, margin-bottom, margin-left und margin-right notieren.
Eine Angabe = alle vier Ränder des Elements erhalten den gleichen Außenabstand.
Zwei Angaben = erste für oben/unten, zweite für rechts/links.
Drei Angaben = erste für oben, zweite für rechts/links, dritte für unten.
Vier Angaben = erste für oben, zweite für rechts, dritte für unten, vierte für links.

font:Wert;
Für Wert eine Mischung aus erlaubten Werten für font-style, font-variant, font-weight, font-size, line-height 
und font-family notieren. Einzelwerte durch Leerzeichen trennen, die Reihenfolge ist einzuhalten.
z.B. font:italic bold 13px Times;

*/