/*                                 */
/* Stylesheet fuer filmfoyer.ch    */
/* Winterthur, Sommer 2004         */
/* Tosi                            */

/* Hauptteil, allgemein            */

body {
  background-color : #cccccc;
  font-family : Verdana, sans-serif;
  font-size : 11px;
  text-align : center;
}

div, img, a {
  border : 0px none #ffffff;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-top : 0px;
  padding-bottom : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-top : 0px;
}

/* unsichtbarer Titel              */

h1 {
  color : #cccccc;
  display : none;
  font-size : 0px;
  line-height : 0px;
  margin-bottom : 0px;
  margin-top : 0px;
  padding-bottom : 0px;
  padding-top : 0px;
}

/* Sternen-Attraktion              */

img.shiny_star {
	left : 100px;
	position : relative;
	top : 170px;
	z-index : 22;
}


/* Haupttabelle schwarz/weiss      */

table.mainblack, table.mainwhite {
  background-color : #ffffff;
  background-image : url("../images/bg_w.gif");
  background-repeat : no-repeat;
  border : 0px none #ffffff;
  height : 504px;
  margin-bottom : 30px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 30px;
  padding-bottom : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-top : 0px;
	text-align : left;
  width : 504px;
}

table.mainblack {
  background-color : #000000;
  background-image : url("../images/bg_b.gif");
  border : 0px none #000000;
  margin-top : -74px;
}

/* einzelne Tabellenzellen         */

td {
  font-family : Verdana, sans-serif;
  font-size : 11px;
  text-align : left;
  vertical-align : top;
}

td.head {
  height : 198px;
  width : 504px;
}

td.left {
  height : 144px;
  width : 144px;
}

td.image {
  height : 144px;
  width : 180px;
}

td.inhalt {
  line-height : 12pt;
}

/* Diverse Titelstufen             */

h2, h3, h4, h5, h6 {
  display : block;
  font-family : Verdana, sans-serif;
  font-size : 11px;
  font-weight : bold;
  line-height : 12pt;
  margin-bottom : 6pt;
  margin-left : 11px;
  margin-top : 6pt;
  text-transform : uppercase;
  width : 277px;
}

h4 {
  margin-bottom : 0pt;
  margin-top : 0pt;
}

/* Abschnitte im Inhaltsbereich    */

p, ul, dl, address {
  margin-bottom : 6pt;
  margin-left : 11px;
  margin-top : 0pt;
  width : 277px;
}

form {
  margin-left : 11px;
}

/* Navigationsbereich              */

div.navigation {
  padding-left : 36px;
  margin-top : 17px;
  width : 340px;
}

div.navigation img {
  display : inline;
  vertical-align : top;
}

/* Perforationsbereich             */

div.perforation {
  height : 80px;
  padding-left : 18px;
  padding-top : 2px;
  width : 19px;
}

div.perforation img {
  display : block;
  margin-bottom : 8px;
}

/* Sitemapbereich                  */

div.sitemap {
  padding-left : 36px;
  margin-top : 84px;
  width : 73px;
}

div.sitemap img {
  display : block;
}

/* Inhaltsbereich                  */

div.inhalt {
  height : 306px;
  overflow : auto;
  width : 360px;
}

div.inhalt img {
  display : inline;
}

td.image img {
  display : block;
  height : 144px;
  width : 144px;
}

ul {
  margin-left : 24px;
  padding-left : 0pt;
}

li {
  line-height : 12pt;
}

li ul {
  margin-bottom : 0px;
}

dt {
  font-style : italic;
  margin-left : 0px;
  padding-left : 0px;
}

dd {
  margin-left : 10px;
  padding-left : 10px;
}

em {
  font-style : normal;
  font-weight : normal;
  text-transform : uppercase;
}

em.bold {
  font-weight : bold;
  text-transform : none;
}

address {
  font-style : normal;
}

a {
  color : #000000;
  text-decoration : none;
}

div.inhalt a:hover {
  background-color : #000000;
  color : yellow;
}

div.inhalt form a:hover {
  background-color : transparent;
  color : #000000;
}

table.smallcontent p, table.smallcontent h4 {
	width : auto;
}

table.smallcontent p.small {
	font-size : 10px;
	line-height : auto;
}

input.button {
	margin-left : 11px;
}

form.reservation {
	margin-left : 0px;
}

input.wrong {
	background-color : #e0a3a3;
}

div.errormessage {
	color : #a52a2a;
	font-weight : bold;
	margin-bottom : 6pt;
	margin-left : 11px;
}

p.resmark {
	float : right;
	width : 120px;
}