/*-----------------------------------------------------------------------------
Film Zone Screen Stylesheet

version:   1.0
date:      20/04/07
author:    Pascal Greuter
email:     sub@subdesign.ch
website:   www.subdesign.ch

version history: [location of file]
-----------------------------------------------------------------------------*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/

@import url("lightbox.css");


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}



.left
	{
	float: left;
}

.innertube{
	margin: 12px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top:12px;
}

.trennergrau {
	background-image: url(../img/trennergrau.gif);
	background-repeat: repeat-x;
}

.trennerrot {
	background-image: url(http://www.filmzone.ch/img/trennerrot.gif);
	background-repeat: repeat-x;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body
	{
	font: 100.01%/1.4 Arial, Helvetica, sans-serif;
	background-image: url(../img/bg_grau.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	color: #666;
}

#maincontainer{
	width: 860px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	margin-top: 15px;
	border: 1px solid #ccc;
	background-image: url(../img/bg_header.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}
#maincontainer_faq{
	width: 500px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	margin-top: 15px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 20px;
}

#contentwrapper{
	float: left;
	width: 100%;
	margin-top: -15px;
}

#contentcolumn{
	margin-right: 225px; /*Set right margin to RightColumnWidth*/
}

#left {
	font-size: 0.8em;
	width: 150px;
	position: relative;
	float:left;
}
#left a {
	padding:2px;
	font-weight: bolder;
	color: #666;
	text-decoration: none;
}

#left a:hover {
	background: #E2001A;
	color: #fff;
}

#center {
	margin-left: 160px;
	margin-top: 20px;
}



#rightcolumn{
	float: left;
	width: 225px; /* Width of right column*/
	margin-left: -225px; /* Set left margin to -(RightColumnWidth) */
	margin-top: -15px; /* Muss Identisch sein mit margin-top in #contentwraper */
}

/* Typography
-----------------------------------------------------------------------------*/

h1	{
	background-image: url(http://www.filmzone.ch/img/title_back.jpg);
	background-repeat: no-repeat;
	font-size: 1.0em; /* Equivalent to 12pt */
	letter-spacing: 0.5px;
	line-height: 2.0em;
	color: #E2001A;
	padding-left: 5px;
}
	
h2	{
	font-size: 1.0em; /* Equivalent to 10pt */
	color: #666;
}
	
h3	{
	font-size: 0.8em; /* Equivalent to 18pt */
	font-weight: bold;
	line-height: 1.8;
	
}

/* wird als Titel bei Filmen verwendet */	
h4	{
	font-size: 1.2em; /* Equivalent to 12pt */
	font-weight: bold;
}
	
h5	{
	font-size: 0.8em; /* Equivalent to 8pt */
	color: #999;
	font-weight:normal;
}
h6 {
	font-size: 1.0em;
	font-weight: bold;
	color: #E2001A; 
}
	
p
	{
	
	}

ul, ol, dl
	{
	list-style: none;
	
}

li, dd, dt
	{
	
}

a:link, a:visited {
	color: #E2001A;
	text-decoration: none;
}
a:hover, a:active {
	color: #999;
}
.bold {
	font-weight: bold;
}

.red {
	color: #E2001A;
}
.redbold {
	color: #E2001A;
	font-weight: bold;
}
.small {
	font-size: 0.8em;
	/*line-height: 1.5em;*/
}
.smallbold {
	font-size: 0.8em;
	font-weight: bold;
}
.verysmall {
	font-size: 0.6em;
	/*line-height: 1.5em;*/
}
.warning {
	background: yellow;
	color: black;
	font-weight: bold;
}
.underline {
	border-top: 1px solid #ccc;
	line-height: 0.5em;
}
.borderbot {
	border-bottom: 1px solid #ccc;
}


/* Navigation
-----------------------------------------------------------------------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	margin-top: 90px;
	width:860px;
	position:relative;
	font-size: 0.7em;
	z-index:100;
	background-image: url(../img/bg_navig.jpg);
	background-repeat: repeat-x;
	background-color: #CACACA;
	height: 25px;
	
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;

}

.menu ul ul {
width:120px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:120px;
position:relative;
}
/* style the links for the top level */
.menu a:link, .menu a:visited {
display:block;
text-decoration:none; 
color:#fff; 
width:109px; 
height:25px; 
border:1px solid #fff; 
border-width:0 1px 1px 0;
/*background:#666; */
padding-left:10px; 
line-height:24px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a:link, * html .menu a:visited {
width:120px;
w\idth:109px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:26px;
left:0; 
width:120px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:25px;
t\op:26px;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */

.menu ul ul a:link, .menu ul ul a:visited {
background-color: #ccc; 
color:#000; 
height:auto; 
/*line-height:1em; */
/*height:25px;*/
padding:0 5px 0 10px; 
width:104px;
opacity:0.9;
filter:alpha(opacity=90);
-moz-opacity:.9;

/* yet another hack for IE5.5 */
}

* html .menu ul ul a:link, * html .menu ul ul a:visited{
width:115px;
w\idth:104px;
}

/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background-color: #E2001A;
}

.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background-color: #E2001A;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
visibility:visible; 
}

/* Header
-----------------------------------------------------------------------------*/

.imagemap a, .imagemap a:hover, .imagemap a:active, .imagemap a:visited {
	position: absolute;
	top: -80px;
	left: 680px;
	border: 0px;
	background-color: transparent;
}
/*.imagemap a:hover {
	background-color: transparent;
*/	
		
}

.hdrimg {
	margin-left: -4px;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer{
	clear: left;
	padding: 2px 0 0 12px;
	background: #DCDCDC;
	color: #666;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #ccc;
	letter-spacing: 1px;
	
}

#footer a{
	
}


/* Homepage
-----------------------------------------------------------------------------*/
.animationbox {
	/*margin-left:-13px;*/
	border: 0px solid #ccc;
	opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
}

.tipp {
	margin-top: 12px;
	padding: 3px;
	width: 190px;
	/*height: 193px;*/
	border: 1px solid #ccc;
}

.aquabutton {
	width: 200px;
	float: left;
	margin-left: -2px;
}

/* Für einzelne Filmbilder auf der Startseite */
.filmcover {
	margin-left: -20px;
	padding: 20px;
}

.filmcover img {
	border: 1px solid #ccc;
}

/* Concitional Comment für diese beiden Klassen bei filme.asp im Header-Bereich !!! */
.filminfo {
	font-size: 0.7em;
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #F8F8F8;
}
.filminfo:hover, div.filminfo-hover {
	background-color: #F0F0F0;
}

.filminfo img {
	margin-right: 5px;
}
.filminfo td {
	vertical-align: top;
}
.filminfo td fett {
	font-weight: bold;
}
#centerfilialen {
	font-size: 0.8em;
	margin-left: 160px;
	margin-top: 20px;
	width: 445px;
	}
	
/* Concitional Comment für diese beiden Klassen bei shops.asp im Header-Bereich !!! */
.greyboxsmall {
	font-size: 0.7em;
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #F8F8F8;
	width: 205px;
	float:left;
}
.greyboxsmall:hover, span.greyboxsmall-hover {
	background-color: #F0F0F0;
}

.greyboxlarge {
	font-size: 1.0em;
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #F8F8F8;
	width: 430px;
	float:left;
}
/*.greyboxultrasmall {
	font-size: 0.8em;
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #F8F8F8;
	width: 185px;
	float:left;
}
*/
.quicklinks {
	margin-left: -2px;
	padding: 15px;
	background-image: url(../img/bg_quicklinks.jpg);
	background-repeat: no-repeat;
	background-position: top;
	}

.helpclose {
	cursor: help;
}
.helpopen {
	cursor: help;
}
.helpwindow {
	background-color: #F8F8F8;
	position: absolute;
	border: 1px solid black;
	padding: 5px;
	vertical-align: text-bottom;
	margin: -10,10 px;

}

/* Your template
-----------------------------------------------------------------------------*/


/* Forms
-----------------------------------------------------------------------------*/
input {
margin: 0 0 2px 0;
font-size: 1.0em;
}

/*
input {

	padding: 3px;
	border: 1px solid #666;	
}
*/

.textfeldmtext { 
	border: 1px #ccc solid;
	color: #000000;
	}

/* Tables 
-----------------------------------------------------------------------------*/



table
 	
	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 
	
	{
  	text-align: left;
	font-weight: normal;
}
.td0
	{
		background-color: #F8F8F8;
		padding: 3px;
	}
.td1
	{
		background-color: #fff;
		padding: 3px;
	}