/* ####### BASE LAYOUT START ############################################################## */

body, table, form, div
{
	margin: 0px auto;
	padding: 0px;
	font-family: cursive;
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	float: left;
	color: #000000;
}

table
{
	display: table;
}


td, th
{
	text-align: left;
	vertical-align: top;
}

ol,ul
{
	margin: 0px;
	padding: 0px;
}

#all
{
	position: absolute;
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}

#lang
{
	background: #CCCCCC;
	position: absolute;
	margin: 0px auto;
	padding: 5px;
	top: 200px;
	left: 200px;
	border: 3px solid #000000;
	text-align: center;
	z-index: 15;
}

#lang img
{
	position: relative;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	float: left;
	text-align: center;
	z-index: 16;
}

#frame
{
	display: block;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	float:left;
	z-index: 2;
}

#frame div.left
{
	display: block;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 209px;
	float: left;
	z-index: 4;
}

#frame div.right
{
	display: block;
	position: relative;
	margin: 0px auto;
	padding: 50px 50px 0px 20px;
	width: 601px;
	height: auto;
	overflow: hidden;
	float: left;
	z-index: 4;
}

#background
{
	background: url('./layout/background.jpg');
	position: fixed;
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	bottom: 0px;
	left: 900px;
	right: 0px;
	z-index: 2;
}

#background div.tape
{
	background: url('./layout/tapeBackground.jpg') repeat-y top left;
	position: fixed;
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	bottom: 0px;
	left: 850px;
	width: 84px;
	z-index: 3;
}

#background div.countdown
{
	background: url('./layout/bg.jpg') no-repeat bottom left;
	position: fixed;
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	bottom: 0px;
	left: 874px;
	right: 0px;
	z-index: 3;
}

	/* ## LEFT SIDE START ############################################################## */

#frame div.left div.logo
{
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 209px;
	height: 134px;
	z-index: 5;
}

#frame div.left div.address
{
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 209px;
	height: 86px;
	z-index: 5;
}

#frame div.left div.menu
{
	background: url('./layout/4.jpg');
	margin: 0px 19px 0px 19px;
	padding: 0px;
	width: 172px;
	height: 293px;
	z-index: 5;
}

#frame div.left div.menu ol
{
	background: url('./layout/3.jpg') no-repeat;
	position: absolute;
	margin: 0px auto;
	padding: 0px;
	top: 218px;
	width: 172px;
}
#frame div.left div.menu li
{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	left: 1px;
	width: 128px;
	height: 45px;
	border: 0px;
	list-style-type: none;
	text-align: center;
	line-height: 52px;
}

#frame div.left div.language
{
	background: url('./layout/5.jpg');
	margin: 0px 19px 0px 19px;
	padding: 0px;
	width: 172px;
	height: 42px;
	z-index: 6;
}
#frame div.left div.language li
{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	top: 0px;
	left: 0px;
	width: 126px;
	list-style-type: none;
	line-height: 30px;
	text-align: center;
}

#frame div.left div.menu li:hover, div.language li:hover
{
	background: url('./layout/block.jpg') no-repeat;
	cursor: pointer;
}

#frame div.left div.admin
{
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 209px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	z-index: 6;
}

#frame div.left div.admin a, div.copyright a
{
	text-decoration: underline;
	color: #000000;
}
#frame div.left div.admin a:hover, div.copyright a:hover
{
	text-decoration: none;
	color: #000000;
}

#frame div.left div.adds
{
	margin: 0px 19px 0px 19px;
	padding: 0px;
	width: 180px;
	z-index: 5;
}

#frame div.left div.adds li
{
	margin: 0px auto;
	padding: 0px;
	width: 50%;
	float: left;
	list-style-type: none;
	text-align: center;
	line-height: 60px;
}

#frame div.left div.copyright
{
	margin: 0px auto;
	padding: 0px;
	left: 0px;
	width: 209px;
	text-align: center;
	font-size: 10px;
	z-index: 5;
}

	/* ## LEFT SIDE END ############################################################## */

/* ####### BASE LAYOUT END ############################################################## */

/* ####### GLOBAL START ############################################################## */

img
{
	border: 0px;
	margin: 0px auto;
	padding: 0px;
}

img.calendar
{
	width: 13px;
	height: 13px;
	vertical-align: middle;
}

span.h1
{
	display: block;
	background: url('./images/arrow.jpg') no-repeat center left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 25px;
	font-size: 22px;
	font-weight: bold;
	font-family: 'Trebuchet MS';
}

span.h2
{
	display: block;
	background: url('./images/arrow.jpg') no-repeat center left;
	margin: 0px auto;
	padding: 0px 0px 0px 25px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Trebuchet MS';
}

span.h3
{
	display: block;
	background: url('./images/arrow.jpg') no-repeat center left;
	margin: 0px auto;
	padding: 0px 0px 0px 25px;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Trebuchet MS';
}
span.h4
{
	display: block;
	background: url('./images/arrowSmall.jpg') no-repeat center left;
	margin: 0px auto;
	padding: 0px 0px 0px 18px;
	font-size: 15px;
	font-weight: bold;
}

a
{
	color: #FF0000;
	text-decoration: underline;
}

a:hover
{
	color: #000000;
	text-decoration: underline;
}

a.arrow
{
	background: url('./images/arrowSmall.jpg') no-repeat center left;
	padding: 0px 0px 0px 15px;
	color: #FF0000;
	text-decoration: none;
}

a.arrow:hover
{
	background: url('./images/arrowSmallBlack.jpg') no-repeat center left;
	padding: 0px 0px 0px 15px;
	color: #000000;
	text-decoration: none;
}

input[type=text], input[type=password], select
{
	margin: 0px auto;
	padding: 2px;
	width: 200px;
	font-size: 12px;
	background: #F0F0F0;
	border: thin solid #000000;
}

textarea
{
	margin: 0px auto;
	padding: 2px;
	width: 400px;
	height: 200px;
	font-size: 12px;
	background: #F0F0F0;
	border: thin solid #000000;
}

input[type=submit]
{
	margin: 0px auto;
	padding: 0px 15px 0px 15px;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

#eleven, #thirteen, #nine, #seven, #three, #four, #six, #fifteen, #fourteen
{
	margin: 0px 0px 0px 30px;
	padding: 0px;
	text-align: left;
}

/* ####### GLOBAL END ############################################################## */

/* ####### LOCAL START  ############################################################## */
/*
		one				Veckans program
		two				 P� kommande
		three			Om filmen
		four			  Admin login
		five			   Admin sektion
		six				   Ta bort film
		seven		   �ndra film
		eight			 Startsida
		nine			 Kontaktinformation
		ten
		eleven		   Historia
		twelve			Sidan finns inte
		thirteen	    Biografen
		fourteen	   �ndra sidorna
		fifteen			  �ndra sidtext

*/

#one div.movie, #two div.movie
{
	min-height: 150px;
	width: 531px;
	line-height: 20px;
	
}

#one div.cover, #two div.cover
{
	display: block;
	position: relative;
	width: 150px;
	height: 100px;
	float: left;
}

#one div.cover img, #two div.cover img
{
	max-width: 100px;
	max-height: 100px;
	border: thin solid #000000;
}

#one div.text, #two div.text
{
	display: block;
	position: relative;
	max-width: 350px;
    float: left;
	margin: 0px auto;
}

#three img.cover
{
	max-width: 300px;
	max-height: 300px;
	border: thin solid #000000;
	margin: 0px 10px 10px 0px;
	float: left;
}

#three div.movieDesc
{
	margin: 10px 0px 0px 0px;
}

#five table.addMovie
{
	margin: 0px 0px 0px 30px;
	width: 531px;
}

#five table.addMovie td
{
	vertical-align: top;
}

#five table.listMovie
{
	margin: 20px 0px 20px 0px;
	width: 581px;
}

#five table.listMovie td.tdDark
{
	background: #E8E8E8 ;
}

#five table.listMovie td.tdLight
{
	background: #FFFFFF;
}

#seven table.editMovie
{
	margin: 0px 0px 0px 30px;
	width: 550px;
}

#seven table.editMovie th, #five table.addMovie th, #fifteen table.editText th
{
	background: url('./images/arrowSmall.jpg') no-repeat center left;
	text-indent: 20px;
	font-weight: bold;
}

#eight img.cinema
{
	max-width: 400px;
	border: 4px solid #000000;
}

#nine #zoomInMap
{
	background: url('./images/map2.jpg') no-repeat;
	position: absolute;
	top: 80px;
	left: 310px;
	width: 300px;
	height: 300px;
	visibility: hidden;
	border: 2px solid #000000;
	z-index: 12;
}

#nine #zoomOutMap
{
	position: relative;
	background: url('./images/map1.jpg') no-repeat;
	margin: 0px auto;
	width: 550px;
	height: 360px;
	border: 2px solid #000000;
	z-index: 11;
}

#nine div.contact
{
	margin: 3px 0px 0px 18px;
}

#nine div.googleCopyright
{
	margin: 0px 40px 0px 0px;
	font-size: 10px;
	float: right;
}

#thirteen img
{
	margin: 0px 20px 20px 0px;
	max-width: 250px;
	border: 2px solid #000000;
	float: left;
}

/* ####### LOCAL END  ############################################################## */