body {
	margin:10px;
	background-color: #FFFFFF;
	/*color: #5F5F5F; too pale?*/
	color: #4F4F4F;
	font-size: 11pt;
	font-family: "Times New Roman", Times, serif;
}

a {
	color: #6985BD;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
	text-decoration: none;
}

a:active {
	color: #ff00ff;
}

a:visited {
	color: #6985BD;
}

hr {
	border-top: solid 1px #898989;
	border-left: none;
	border-right: none;
	border-bottom: none;
	height: 0;
}

img {
	border: none;
}

h1 {
	font-weight: normal;
	font-size: 22pt;
	font-family: "Times New Roman", Times, serif;
}

#body.popup h1 {
	font-size: 18pt;
}


#body.popup h1 span.first-letter {
	font-size: 26pt;
}


h1 .subheading {
	font-weight: normal;
	font-size: 14pt;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

p span.first-letter {
	font-size: 18pt;
}

h1 span.first-letter {
	font-size: 30pt;
}

h1 span.first-word {
	font-size: 36pt;
}

h1 span.first-word span.first-letter {
	font-size: 46pt;
}

h2 {
	font-weight: normal;
	font-size: 13pt;
	font-family: "Times New Roman", Times, serif;
}

h2 span.first-letter {
	font-size: 16pt;
}

ul {
	/* IE ant mozilla behave differently.  This seems to work for both.*/
	margin-left: 10px;
	padding-left: 10px;
}

ul li {
	padding-left: 0.5em;
	padding-bottom: 1em;
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(image/bullet_1.gif);
	/*font-weight: bold;*/
}

table {
	border: none;
	padding: 0;
	margin: 0;
}

table tr td {
	border: none;
	padding: 0;
	margin: 0;
}

table tr td.number {
	text-align: right;
}

#body {
	width: 748px;
}

#body.popup {
	width: 374px;
}

#header {
	position: relative;
	/* XXX Added because language div is commented out */
	/* margin-bottom: 24px; */
}

#header_home {
	position: absolute;
	z-index: 2;
	left: 393px;
	top: 125px;
	width: 61px;
	height: 26px;
}

#header_filme {
	position: absolute;
	z-index: 2;
	left: 484px;
	top: 125px;
	width: 57px;
	height: 26px;
}

#header_studio {
	position: absolute;
	z-index: 2;
	left: 567px;
	top: 125px;
	width: 66px;
	height: 26px;
}

#header_ueberuns {
	position: absolute;
	z-index: 2;
	left: 657px;
	top: 125px;
	width: 78px;
	height: 26px;
}

#language {
	color: #cccccc;
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: right;
	font-size: 9pt;
}

#language a {
	/* color: #AFCCD8; */
}

#main {
	position: relative;
}

#main-column {
	/* width: 100%; */
	width: 516px;
}

.column-header {
	text-align: center;
	background-color: #EBEBEB;
}

/* Styles for showing news */
#news-column {
	position: absolute;
	/* top: 0; */
	right: 0;
	width: 200px;
	border-left: solid 1px #898989;
	padding-left: 16px;
	/* margin-left: 16px; */
}

.news-item {
	margin: 1em 0;
}

.news-item h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	font-weight: bold;
	font-style: italic;
	margin: 1em 0 0;
}

.datetime {
	font-style: italic;
	font-size: 11pt;
}

img.logo {
	vertical-align: middle;
}

#contact-column {
	position: absolute;
	/* top: 0; */
	right: 0;
	width: 200px;
	border-left: solid 1px #898989;
	padding-left: 16px;
	/* margin-left: 16px; */
}

.contact-item {
	margin: 1em 0;
}

address {
	display:block;
	margin: 1em 0;
	font-style: italic;
}

/* Styles for film pages */
#main.film-view #main-column {
	margin-left: 232px;
	width: 516px;
}

table.film-grid tr td {
	width: 33%;
	/*height: 100px;*/
	margin: 0;
	padding: 10px 25px;
	font-size: 9pt;
	vertical-align: top;
	text-align: center;
}

table.film-grid tr td.odd {
	background-color: #EAEAF3;
}

table.film-grid tr td.even {
	background-color: #F3F3FA;
}

table.film-grid tr td img {
	width: 168px;
	height: 117px;
}

#film-list-column {
	position: absolute;
	z-index: 2;
	/* top: 0; */
	/* Hack: IE doesn't respect !important, so the second rule is used. */
	left: 0 !important;
	left: -232px;
	width: 200px;
	border-right: solid 1px #898989;
	padding-right: 16px;
	/*margin-right: 16px;*/
}

#film-list {
	font-size: 10pt;
}

.film-details {
	float: right;
	background-color: #EFEFEF;
	color: #A0A0A0;
	width: 176px;
	/*height: 159px;*/
	padding: 15px 19px 12px;
	font-size: 11pt;
	font-style: italic;
	margin-bottom: 12px;
	margin-left: 12px
}

.film-details .details1 {
	font-weight: bold;
}

.film-details .credits {
	margin-top: 0.6em;
}

.film-details .what {
	font-weight: bold;
}

.film-details .who {
	padding-left: 0.6em;
}

.film-image {
	width: 268px;
	text-align: center;
	font-size: 8pt;
	margin: 12px 0;
	line-height: 16pt;
}

/* Styles for "About us" page */
.biography {
	/*height: 84px;*/
	margin: 18px 0;
	clear: left;
}

.biography img {
	float: left;
	padding-right: 5px;
}

.biography .name {
	font-size: 13pt;
	font-weight: bold;
}

.biography .roles {
	font-size: 9pt;
	font-style: italic;
}

.biography p {
	font-size: 9pt;
}

.biography div.text {
	padding-left: 75px;
}

/* Styles for "In Vorbereitung" page */
.invorb {
        margin: 18px 0;
        clear: left;
}

.invorb img {
        float: left;
        padding-right: 5px;
}

.invorb p {
        font-size: 9pt;
}

.invorb div.text {
        padding-left: 130px;
}