body {	
	background-color:#fff;
	font-family: helvetica, arial, sans-serif; 	
	color:#000;
	z-index: 5;
	padding: 0;
	margin: 0;
	font-size: 12pt;
	}	

form {
	z-index: 50;
}

.invisible {
	display: none;
}

.clear {
	clear: both;
}

.vspacer {
	height: 1em;
}

#bottomspacer {
	height: 2em;
}

#outerrectangle {
	position: absolute;
	z-index: 10;
	margin: 3em 0.5em 0.5em 0.5em;
	padding: 0;
}

#rectangle {
	font-size: 0.8em;
	position: relative;
	margin: 0;
	padding:0;
	background-color:#fcfcfa;
	border: none;
	text-align: left;
	width: 75em;
	}

#foo {
	z-index: -1;
	position: absolute;
	padding: 0;
	margin: 0;
	right: 0;
	bottom: 0;
	width: 27em;
	height: 5000em;
	background-color: #fff;
	border: none;
}

#bar {
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #fff;
}

.leftcolumnwrapper {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.leftcolumn {
	margin: 0;
	margin-top: 2.5em;
	margin-left:0;
	padding: 1.5em 1.5em 1.5em 1.5em;
	text-align: left;
	}
	
.rightcolumn {
	float: none;
	margin: 0;
	margin-top: 2.5em;
	padding: 1.5em 1em 1em 1em;
	text-align: left;
	width: 25em;
	background-color: #F3F3EE;
	}

.leftcolumn img {
	width: 100%;
	padding: 0.2em 0.2em 0.2em 1.2em;
	margin: 0;
	}


.rightcolumn img {
	width: 100%;
}

.rightcolumn div {
	margin: 1em;
	font-size: 1.2em;
}

div.contactheader {
	border-bottom: 1px solid black;
	margin-left: 1em;
	margin-bottom: 1em;
}

div h4 {
	margin: 0;
	display: inline;
}

div.contactheader p {
	display: block;
	width: 100%;
	right: 0;
	margin: 0;
	margin-top: -1.2em;
	text-align: right;
}


/* Version for Mac IE 5 */
.rightcolumnfilm {
	float: right;
	margin: 0;
	margin-top: 2.5em;
	text-align: left;
	background-color: #F3F3EE;
	background-color: transparent;
	padding: 3.5em 1em 1em 1em;
	width: 22em;
	}

/* Version for the rest of us \*/
.rightcolumnfilm {
	float: right;
	margin: 0;
	margin-top: 2.5em;
	text-align: left;
	background-color: #F3F3EE;
	background-color: transparent;
	padding: 1.5em 1em 1em 1em;
	width: 25em;
	}
/* end of hack */

.rightcolumnfilm p {
	margin: 0;
}

.rightcolumnfilm h3 {
	margin-left: 0;
	margin-bottom: 0;
}

.rightcolumnfilm img {
	display: block;
	width: 100%;
	margin-top:2em;
    background-color: #EFF3F3;
	}

	
.insidecontent {
	width: 50%;
	height: 100%;
	position: absolute;
}

#content {
	position: relative;
	padding: 0;
	margin: 3em 1em 1em 1em;
	margin: 0;
	z-index: 10;
	background-color: transparent;
}

.contentfooter {
	clear: both;
}

        /*MOVIECHANGER*/

#moviechanger {
	display: none;
	z-index: 50;
	padding: 0.2em;
	margin: 0;
	right: 1.2em;
	top: 2.8em;
	position: absolute;
	font-size: 1em;
	font-family: helvetica, arial, sans-serif; 
}

#moviechanger option {
	width: 10em;
	background-color: f9f9f9;
	font-size:0.9em;
	border-top: 1px dotted #ccc;
	line-height:1.4em;
}

#moviechanger option selected {
	background-color: f9f9f9;
	font-size:0.9em;
    padding:1em;
}

	
	       /*TEKSTIT*/
p { 
	font-family: helvetica, arial, sans-serif; 
	margin:0em 1em 1.3em 1.2em;
	font-size:1em;
	line-height:1.4em;
	text-align:left; 
	background-color: transparent;
	}
	
p.small
{ 
	font-family: helvetica, arial, sans-serif;
	margin:-1em 1em 1.3em 1.2em;
	font-size:0.8em;
	line-height:1.4em;
	text-align:left; 
	background-color: transparent;
	color:#996600;
	}
	
p.spaced{ 
	font-family: helvetica, arial, sans-serif;
	margin-top:2em;
	background-color: transparent;
	color:#996600;
	}

h1 {
	display: none;
}

h2.normal {
	display: none;
}

h3 {
        font-family: arial narrow, arial, helvetica, sans-serif;
        margin-left: 1em;
        font-size: 1.1em;
        text-transform:uppercase;
	border-bottom:solid 1px #999999;
	border-bottom: none;
        }

h3.blue {
        display:block;
        padding: 0.2em 0em 0.2em 0.2em;
        margin:  1em 0.5em 1em 1em;
        color:#555555;
        background-color:#ccc;
        line-height:1.2em;
        letter-spacing: 0em;
        text-align:left;
	padding-left:0.3em;
	padding-right:0.3em;
	border-bottom:solid 3px #BBB6AC;
	border-bottom: none;
}
	
h4 {
	font-family: helvetica, arial, sans-serif;
	font-size:1em;
	padding: 0;
	margin: 0 0 0 1.2em;
}

ul.normal {
	font-family: helvetica, arial, sans-serif;
	font-size:1em;
	line-height:1.5em;
	padding: 0;
	margin: 0.5em 0 0 3em;
	display: list-item;
	list-style-image: url("images/list_item.gif")
}

/* News. */
.newsitem {
	margin-top: 0.5em;
}
.newsitem h4 {
	display: block;
	margin: 0 0 0 1.2em;
	color:#555555;
	font-family: arial, helvetica, sans-serif;
	font-size:1em;
}
.newsitem p.newsitemp {
	margin: 0;
	padding: 0 0.5em 1em 1.2em;
	text-align: left;
}
.newsitem .date {
	color: #333333;
}
.newsitem .title {
	padding-left: 0.5em;
	border-left: 1px solid #333;
}


/* Screening */

.screenings{
	width: 100%;
    display: table;
    table-layout: auto;
    border-spacing: 5px;
    empty-cells: hide;
	margin: 0;
	margin-left: -0.5em;
}

.screenings td {
    padding: 0.5em;
    border: dashed 1px #999;
    text-align: left;
    vertical-align: top;
    line-height:1.2em;
	margin: 0;
}

.screenings td.col1 {
	width: 3em;
}
.screenings td.col1 {
}
.screenings td.col1 {

}

.screenings tr.even {
	background-color: ##EFF3F3;
	color: #333;
    font-size: 1.1em;
	font-weight:bolder;
    padding: 0.5em;
}

.screenings tr.odd {
	background-color: ##EFF3F3;
	color: #333;
	font-size: 1.1em;
	font-weight:bolder;
	display: table-row;
    vertical-align: top;
}
.screenings tr.eveneven {
	background-color: #;
    vertical-align: top;
}
.screenings tr.evenodd {
	background-color: #;
}
.screenings tr.oddeven {
	background-color: #;
}
.screenings tr.oddodd {
	background-color: #;
}



/* Movies */

.movies {
	margin: 0;
	margin-left: 0.55em;
	padding: 0;
	list-style-image: url("images/list_item.gif")
}

.movies li {
        display: block;
        float: left;
        border: 1px solid #B59A53;
        background-color:#F5F1E5;
        margin: 0.5em;
        padding:0;
        text-align: left;
        width: 9em;
        height: 11em;
        font-size: 0.9em;
}

.movies a {
        z-index: 100;
        line-height:1.1em;
        padding: 0;
}

.movies a:hover {
        background-color: #E7CF80;
}
.movies li:hover {
        background-color: #E7CF80;
}

.movies li img {
        margin: 0;
        padding: 0;
        height: 6em;
}
.movies li a img {
        border-width: 0px;
}
.movies .director {
        background-color: #f00;
} 
.movies .title {
        display: block;
        font-weight: bold;
        margin-left:0.5em;
}
.movies .rest {
        font-size: 1em;
        margin-left:0.5em;
}



        /*grafiikka*/

#logo {
	margin: 0;
	padding: 0;
	z-index: 55;
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	display: block;
	width: 75em;
	}

#logopic {
	display: block;
        position: absolute;
        left: 0.5em;
        width: 153px;
        height: 2em;
        top:2.0em;
        padding: 0;
        margin: 0;
}

#logo a {
        width: 153px;
        height: 32px;
        padding: 0;
        margin: 0;
}

#logo img {
	display: block;
	position: absolute;
	bottom: 0;
        padding: 0;
        margin: 0;
	border: 0;
        }

#logo0 {
        position: absolute;
        top:1.1em;
        left: 0;
        padding: 0;
        margin: 0;
        margin-left: 0.3em;
        font-family:arial narrow, helvetica, sans-serif;
        font-stretch:ultra-condensed;
        font-weight: bold;
        color:#9C6D0D;  
        letter-spacing: 0em;
        font-size:1em;
}

#logo1 {
	display: inline;
	text-transform: uppercase;
        padding: 0;
        margin: 0;
        margin-left: 0.5em;
        font-family:arial narrow, helvetica, sans-serif;
        font-stretch:ultra-condensed;
        font-weight: bold;
        color:#555555;
        letter-spacing: 0em;
        font-size:1.1em;
	width: 10em;
}

#logo2 {
	display: inline;
        padding:0;
        margin: 0;
        margin-left: 0.5em;     
        font-family:arial narrow, helvetica, sans-serif;
        font-stretch:ultra-condensed;
        font-weight: bold;
        color:#8d8d8d;
        letter-spacing: 0em;
        font-size:12pt;
	width: auto;
}

#logotext {
	position: absolute;
        top:4em;
        left:0em;
}

        /*LINKIT*/

a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: #2B91A7;
	}
	
a.strong:link, a.strong:visited, a.strong:hover, a.strong:active { 
	font-weight: bolder; 
	color: #2B91A7;
	}

a:visited  { 
	font-weight: normal; 
	text-decoration: none; 
	color: #f13cda;
	}
	
a:hover { 
	font-weight:normal; 
	text-decoration:none; 
	background-color: #cccccc;
	}



		/*NAVI*/

.navcontainer {
	display: none;
        position: absolute;
        width: 100%;
      z-index: 30;
        background-color:#705910;
        border-bottom: none;
        border-top:none;
        padding: 0.5em 1em 0.5em 1em;
        padding: 0;
        margin: 0;
        margin-top: 1px;
        height: 1.9em;
        }


.navcontainer ul {
        line-height: 1em;
        list-style-type: none;
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 0.4em;
        border: 0;
    display: block;
        }

.navcontainer ul li {
        list-style-type: none;
        list-style: none;
        display: inline;
        text-align: center;
        margin: 0;
        border: 0;
}

.navcontainer ul li span {
        padding: 0.45em 1.5em 0.45em 1.5em;
        margin: 0;
        border-top: none;
        border-bottom: 3px solid #f9f9f9;
        border-left: none;
        border-right: none;
        background-color: #F9f9f9;
        display: inline;
        font-size:0.9em;
}
.navcontainer ul li span.first {
        border-left: 0;
}

.navcontainer ul li a {
        background-color:#705910;
    padding: 0.45em 1.5em 0.45em 1.5em;
        margin: 0;
        border: 0;
        color: #FCF9EF;
        text-decoration: none;
        text-align: center;
        display: inline;
        font-size:0.9em;
        }

#links {
    border-right: none;
}

.navcontainer ul li a:hover{
        color: #705910;
	background-color:#fcfcfa;
        border-bottom:3px solid #f9f9f9;
        }

.navcontainer a:active{
        color: #333333;
        background-color: #cccccc;
        }

.navcontainer ul li a.special {
        background-color: #fcfcfa;
        color:#2B91A7;
}

.navcontainer a:visited {
        color: #FCF9EF;
}
	
             /*KIELIVALINTA*/
.langsel {
	display: none;
        text-align: right;
        font-size: 0.9em;
        z-index: 100;
        padding: 0.2em 0 0 0;
        margin: 0em 0 0 0;
    position: absolute;
    right: 0px;
    top: 0em;
    }

.langsel ul {
        display: inline;
        list-style-type: none;
        list-style: none;
        padding: 0;
        margin: 0;
        }

.langsel ul li {
        width: 10em;
        list-style-type: none;
        list-style: none;
        display: inline;
        padding: 0;
        margin: 0;
        border: 0;
    }

.langsel ul li span {
    margin: 0;
    padding: 0.2em 1.2em;
        border-left: 1px solid #B59A53;
        border-bottom: 1px solid #B59A53;
        background-color:#fff;
    color: #705910;
    font-size:0.8em;
}

.langsel ul li a {
    margin: 0px 0px 0px 0px;
        border-left: 1px solid #B59A53;
        border-bottom: 1px solid #B59A53;
        background-color:#705910;
    padding: 0.2em 1.2em;
    line-height: 1em;
    text-decoration: none;
    font-size:0.8em;
    color:#FCF9EF;
    }

.langsel ul li a:hover {
    color: #ffffff;
        background-color: #E7CF80;
    }

    /*TAUSTA*/

#background {

}


#kolmio {
	display: none;
	z-index: 5;
        position: absolute;
	left:0em;
	right:0;
	top: 0em;
    width:100%;
	height:;
	line-height: 0;
	border: 0;
}

#kolmio img {
	width: 100%;
}

#suorakaide {
	display: visible;
	z-index: 4;
        position: absolute;
	left:0;
	top: 6em;
	right:0;
	bottom:;
    width:100%;
	height:25em;
	background-color:#ffe599;
	border: 0;
}


#div1 {
    display: none;
	z-index: 50;
        position: absolute;
	left: 12em;
	top: 0em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 3em 6em 3em 6em;
	border-color: #fff #fc6 #fc6 #fff;
}

#div2 {
    display: none;
	z-index: 50;
        position: absolute;
	left: 24em;
	top: 0em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 3em 1em 3em 1em;
	border-color: #fc6 #fc6 #fc6 #fc6;
}

#div3 {
    display: none;
	z-index: 50;
        position: absolute;
	left: 26em;
	top: 0em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 3em 2em 3em 2em;
	border-color: #fc6 #fff #fff #fc6;
}

#div4 {
    display: none;
	z-index: 2;
        position: absolute;
	left: 0em;
	top: 6em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 3em 6em 3em 6em;
	border-color: #ffe599 #fc6 #fc6 #ffe599;
}

#div5 {
    display: none;
	z-index: 2;
        position: absolute;
	left: 12em;
	top: 6em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 3em 5em 3em 5em;
	border-color: #fc6 #fc6 #fc6 #fc6;
}

#div6 {
    display: none;
	z-index: 2;
        position: absolute;
	left: 22em;
	top: 6em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 3em 2em 3em 2em;
	border-color: #fc6 #ffe599 #ffe599 #fc6;
}

#div7 {
    display: none;
	z-index: 2;
        position: absolute;
	left: 0em;
	top: 12em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 16.5em 11em 16.5em 11em;
	border-color: #fc6 #fff #fff #fc6;
}


#div8 {
    display: none;
	z-index: 1;
        position: absolute;
	right: 0em;
	top: 6em;
	background-color: #ffe599;
	width: 100%;
	height: 18em;
}

#div9 {
    display: none;
	z-index: 2;
        position: absolute;
	left: 14em;
	top: 12em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 6em 4em 6em 4em;
	border-color: #fc6 #ffe599 #ffe599 #fc6;
}


#diva {
	display: none;
	z-index: 2;
        position: absolute;
	left: 15em;
	top: 15em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 5em 7.5em 5em 7.5em;
	border-color: #fc6 #ffe599 #ffe599 #fc6;
}

/*#divb {
	z-index: 0;
        position: fixed;
	right: 0em;
	bottom: -1em;
	width: 0;
	height: 0;
	line-height: 0;
	border-style: solid;
	border-width: 20em 12em 20em 12em;
	border-color: #fff #FFB035 #FFB035 #fff;
}*/

/* white rectangle to cover right column colour on space above the rectangle */
#divc {
	display: none;
	z-index: 30;
    position: absolute;
	left: 0em;
	top: 0em;
	background-color: white;
	width: 100%;
	height: 6em;
}

input {
	background-color:#E2F5FA;
}


input.inputtext {
	width: 100%;
	border: 1px solid black;
}

label {
	display: block;
}

textarea {
	background-color:#E2F5FA;
	width: 100%;
	border: 1px solid black;
}

input:focus {
	background-color: #ee2;
}

textarea:focus {
	background-color: #ee2;
}

fieldset {
	margin-bottom: 1em;
}

form table {
	width: 100%;
	border-collapse: collapse;
	margin-left: 1em;
	margin-bottom: 1em;
}

form table tr.odd {
	background-color: #ddd;
}

form td {
	border-left: 1px solid gray;
	text-align: center;
}

form th {
	padding: 0.5em 1em 0.5em 1em;
}

form tr.toprow th {
	text-align: center;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
}

form tr.toprow th.toprowfirst {
	border-left: none;
}

.messagebox {
	border: 0.5em solid black;
	text-align: center;
	margin: 1em;
	padding: 1em;
	-moz-border-radius: 1em;
}

.messagebox p {
}

.messagebox h1 {
	display: block;
}