/*
	Includer
---------------------------------------- */

@import url("reset.css");
@import url("structure.css");
@import url("header.css");
@import url("sidebar.css");
@import url("scroll.css");
@import url("slider.css");


/*	Clear Method
---------------------------------------------*/
.clear {
	clear:both;
}
.clearfix {
	display:inline-table;
	/* Hides from IE-mac \*/
	height: 1%;
	display: block;
	/* End hide from IE-mac */
}
html>body .clearfix {
	height:auto;
}
.clearfix:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}


/*
	Startsidan = Search
----------------------------------------------- */

.error {color:red;font-weight:700;}
.success {color:green;font-weight:700;}
#RegularExprSendTo {display:none;}
#RequiredSendTo {display:none;}

#startsearch {
	background:#000;
	border:1px solid #c9c7c7;
	margin:5px 0;
	width:718px
	}

#startsearch h2 {
	color:#fff;
	font-size:1.5em;
	font-weight:bold;
	margin:1px 0 5px;
	padding:4px 0 0;
	}

#startsearch fieldset#advanced {
	background:#000 url(../img/advancedSearch_bg.gif) top right repeat-y;
	float:left;
	padding:5px 0 10px 14px;
	width:526px
	}

#startsearch fieldset#advanced select {
	background:#fff;
	float:left;
	font-size:1.1em;
	font-weight:700;
	line-height:1.8em;
	margin:0 34px 0 0;
	border:1px solid #000;
	}

#startsearch fieldset#advanced .sortera {
	float:left;
	margin:2px 0 0;
	}

#startsearch #simple {
	float:right;
	padding:5px 0 7px 14px;
	width:164px;
	}

#startsearch #simple fieldset {
	border:0;
	margin:4px 0 0;
	}

#startsearch #simple input {
	background:#fff;
	border:0;
	color:#000;
	font:700 1.2em Arial, Helvetica, Verdana, sans-serif;
	padding:1px 2px;
	width:113px;
	}

#startsearch #simple input.search_button {
	background:#000;
	border:0;
	height:16px;
	margin:0 0 2px 8px;
	padding:0;
	vertical-align:bottom;
	width:16px;
	}


/*
	Undersidor = Filmfokus & Biografer
----------------------------------------------- */

#subPage {
	background:#fff url(../img/subPage_bg.gif) repeat-y;
	padding:0 1px;
	}

.subPageTop {
	background:#cdcdcd url(../img/subPage_top_bg.gif) no-repeat;
	display:block;
	height:3px;
	overflow:hidden;
	}

.subPageHeadline {
	background:url(../img/subPageHeadline_bg.gif) repeat-x;
	}

#subPage h2 {
	float:left;
	font-size:16px;
	height:19px;
	padding:4px 0 3px 14px;
	padding-top:8px;
	width:500px;
	font-weight:bold;
	}


/*
	Filmfokus
----------------------------------------------- */

a.oversikt:link,#subPage a.oversikt:visited,#subPage a.oversikt:hover {
	background:url(../img/circle_arrow_up.gif) center right no-repeat;
	color:#000;
	float:right;
	font-size:1.2em;
	font-weight:700;
	margin:6px 14px 0 0;
	padding:1px 23px 0 0;
	text-align:right;
	text-decoration:none;
	}

#subPage .filmFokusExt {
	background:#fff url(../img/startpuff_footer_bg.gif) left bottom repeat-x;
	padding:7px 0 4px 15px;
	}

#subPage .filmFokusExt ul.trailer {
	float:left;
	line-height:1.6em;
	list-style:none;
	}

#subPage .filmFokusExt ul.trailer a {
	background:url(../img/link_arrow.gif) 0 4px no-repeat;
	color:#000;
	font-size:1.2em;
	font-weight:700;
	padding:0 0 0 11px;
	text-decoration:none;
	}

#subPage .filmFokusExt ul.tipsa {
	float:right;
	list-style:none;
	margin:0 0 7px;
	}

#subPage .filmFokusExt ul.tipsa li {
	display:inline;
	margin:0 14px 0 0;
	}

#subPage #oversikt {
	padding:20px 14px;
	}

#subPage .oversikt_headline {
	border-top:1px solid #c9c7c7;
	background:url(../img/oversikt_headline.gif) 0 8px no-repeat;
	height:38px;
	padding:9px 0 0;
	display:block;
	}

#subPage #oversikt h3 {
	font-size:12px;
	line-height:12px;
	margin:0 0 3px;
	font-weight:bold;
	}

#subPage #oversikt #filminformation {
	color:#212121;
	float:left;
	font-size:1.2em;
	line-height:1.2em;
	width:300px;
	}

#subPage #oversikt #filminformation p {
	margin:0 0 15px;
	}

#subPage #oversikt #filminformation ul {
	list-style:none;
	margin:0 0 15px;
	}

#subPage #oversikt #forestallningar {
	float:right;
	width:370px;
	}

#subPage #oversikt fieldset {
	border:0;
	margin:0 0 6px;
	}

#subPage #oversikt fieldset select {
	background:#fff;
	float:left;
	font-size:1.1em;
	font-weight:700;
	line-height:1.8em;
	width:171px;
	margin-right:6px;
	margin-bottom:6px;
	}

#subPage #oversikt fieldset select.city {
	margin:0 12px 0 0;
	}

#subPage #oversikt #forestallningar .foregaende {
	display:block;
	float:left;
	margin:6px 0 14px;
	}

#subPage #oversikt #forestallningar .nasta {
	display:block;
	float:right;
	margin:6px 21px 14px 0;
	}

#subPage #oversikt #x360 {
	background:#fff;
	font-size:1.2em;
	font-weight:400;
	height:323px;
	line-height:1.5em;
	overflow:auto;
	width:360px;
	position:relative;
	}

#subPage #oversikt #x360 .popupcontent {
	position: absolute;   
	visibility: hidden;   
	left: 20px;
	border:1px solid #CCC;   
	background-color:#F9F9F9;   
	border:1px solid #333;   
	padding:5px;
	z-index:99;
	}
	
#subPage #oversikt #x360 ul li.odd {
	background:#f0f0f0;
	}

#subPage #oversikt #x360 .boka {
	right:11px;
	position:absolute;
	}

/*
	Om Bioguiden =omBioguiden
---------------------------------------- */

#omBioguiden {
	padding:14px;
	}

#omBioguiden .text {
	float:left;
	width:327px;
	}

#omBioguiden .text h3 {
	font-size:1.2em;
	}

#omBioguiden .text p {
	font-size:1.2em;
	line-height:1.2em;
	padding-bottom:13px;
	}

#omBioguiden .logotype {
	float:left;
	margin-left:70px;
	}


/*
	Biotoppen
---------------------------------------- */

#subPage #biotoppen {
	padding:20px 0;
}

#subPage #biotoppen.kommande {
	padding:0;
}

#subPage #biotoppen.kommande h3.red {
	color:#cc0000;
}
	
#subPage #biotoppen div.months {
	width:400px;
	height:30px;
	margin-left:255px;
}

#subPage #biotoppen div.months span {
	background:url(../img/monthDelimiter.gif) 0 3px no-repeat;
	height:5px;
	width:1px;
	margin-left:2px;
}

#subPage #biotoppen div.months a {
	font-size:1.2em;
	color:#808080;
	font-weight:bold;
	text-decoration:none;
	margin:5px;
}

#subPage #biotoppen div.months a:hover, #subPage #biotoppen div.months a.selected {
	color:#000;
	text-decoration:none;
}

#subPage #biotoppen table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:1.2em;
	line-height:1.2em;
	width:400px;
	}

#subPage #biotoppen table caption {
	display:none;
	}

#subPage #biotoppen table td,
#subPage #biotoppen table th {
	vertical-align:top;
	}

#subPage #biotoppen table h3.placement {
	font-size:60px;
	height:64px;
	line-height:60px;
	margin-top:28px;
	padding:0 0 14px 24px;
	width:66px;
	font-weight:bold;
	}

#subPage #biotoppen table h4.oldplacement {
	color:#8c8c8c;
	font-size:17px;
	height:22px;
	line-height:17px;
	margin-top:65px;
	width:58px;
	font-weight:bold;
	}

#subPage #biotoppen table td img {
	margin:14px 21px 14px 0;
	}

#subPage #biotoppen table td h3 {
	font-size:1em;
	font-weight:700;
	padding:11px 0 0;
	}

#subPage #biotoppen table td p {
	padding:14px 0;
	width:250px;
	}

#subPage #biotoppen table td a,#subPage #biotoppen table td a:link,#subPage #biotoppen table td a:visited,#subPage #biotoppen table td a:hover {
	color:#000;
	text-decoration:underline;
	}

#subPage #biotoppen table tr.odd {
	background:#f7f7f7 url(../img/biotoppen_odd.gif) left bottom repeat-x;
	}

#subPage #biotoppen table ul {
	list-style:none;
	padding:39px 0 0 27px;
	width:122px;
	}

#subPage #biotoppen.kommande table ul {
	padding-top:27px;
	}

/*
	Biografer
---------------------------------------- */

#biografsearch {
	background:#000;
	padding:14px;
	}

#biografsearch h3 {
	color:#fff;
	font-size:1.2em;
	}

#biografsearch fieldset {
	border:0;
	}

#biografsearch select {
	line-height:1.8em;
	margin:5px 0 0;
	width:153px;
	background:#fff;
	font-size:1.1em;
	font-weight:700;
	border:1px solid #000;
	}

#biografsearch #search {
	background:#fff;
	border:0;
	font-size:1.1em;
	margin:5px 0 0;
	padding:1px 3px;
	width:140px;
	}
#biografsearch #search_button {
	height:16px;
	margin:0 0 6px 7px;
	vertical-align:middle;
	width:16px;
	}

#biografsearch .omrade {
	float:left;
	margin-right:53px;
	width:153px
	}

#biografsearch .biograf {
	float:left;
	width:153px
	}	

#biografinformation {
	background:#f7f7f7;
	padding:14px;
	}

#biografinformation #clipregion {
	float:left;
	width:145px;
	height:126px;
	}

#biografinformation #biografinfo {
	float:left;
	margin-left:39px;
	}

#biografinformation #biografinfo a {
	background:url(../img/link_arrow.gif) 0 4px no-repeat;
	color:#000;
	display:block;
	font-weight:700;
	padding-left:11px;
	text-decoration:none;
	}

#biografinformation h4 {
	font-size:1.6em;
	margin-bottom:13px;
	}

#biografinformation #biografadress {
	float:left;
	font-size:1.2em;
	margin-right:44px;
	}

#biografinformation #biografadress address {
	font-style:normal;
	}

#biografinformation #biografstorlek {
	float:left;
	font-size:1.2em
	}
.bioDisplay {
	background:url(../img/searchResults_line.gif) left bottom repeat-x;
	margin:0 0 2px;
	padding:0 0 15px;
	}
#biografinformation .biografinfo {
	clear:both;
	width:100%;
	padding-top:10px;
	}

.bioDisplay .toogleList {
	float:right;
	margin:8px 0 0;
	text-align:right;
	}

.bioDisplay .toogleList #extend {
	background:url(../img/detaljerad_arrow.gif) 0 5px no-repeat;
	color:#000;
	font-size:1.2em;
	font-weight:700;
	padding-left:10px;
	text-decoration:none;
	}

.bioDisplay .toogleList #extend.enkel {
	background:url(../img/enkel_arrow.gif) 0 5px no-repeat;
	}


/*-----------------------------------------------------------------------------
Sök
-----------------------------------------------------------------------------*/
#searchpage h2 {
	background:#000 url(../img/search_h2_bg.gif) no-repeat;
	font-size:15px;
	padding:8px 0 7px 14px;
	color:#fff;
	font-weight:bold;
	}

#sortera {
	background:#fff;
	border:1px solid #c9c7c7;
	border-bottom:0;
	padding:9px 14px 14px;
	width:690px
	}

.y124 {
	float:left;
	font-size:1.2em;
	margin:0 15px 0 0 !important;
	display:block;
	}

.y124 .jScrollPaneTrack {
	background:url(../img/ScrollPaneTrack_124.gif) 5px 0 no-repeat
	}

.y124 {
	margin:0;
	padding:0;
	}

.y124 span {
	display:block;
	width:148px;
	height:16px;
	overflow:hidden;
	margin:0;
	padding:0;
	}

.y124 a:link,
.y124 a:visited {
	color:#212121;
	display:block;
	text-decoration:none;
	}

.y124 a:hover {
	background:#c5daf0 url(../img/sidebar_li_a_bg.gif) left top repeat-x;
	color:#000;
	}
	
.y124 span.active {
	background:#bfd7f1 url(../img/link_arrow.gif) 139px 4px no-repeat;
	}

.y124 span.active a:hover {
	background:#afc9e6 url(../img/link_arrow.gif) 139px 4px no-repeat;
	}

.fritext {
	float:left;
	font-size:1.2em;
	line-height:1.2em;
	margin:0;
	width:145px;
	}

.fritext #MovieFilterText {
	background:#fff;
	border:1px solid #d6d4d4;
	margin:2px 0 3px;
	padding:1px 2px;
	width:140px;
	}
.fritext #DoSearchButton {
	background:#fff;
	height:10px;
	margin:6px 0 0 113px;
	width:33px;
	}
.y124 h3,.fritext h3 {
	font-size:1em;
	font-weight:700;
	margin:0 0 4px;
	padding:0 0 1px;
	}
#y124_ort,#y124_genre,#y124_biograf {
	height:124px;
	overflow:auto;
	width:165px;
	}

/*
	Date
-----------------------------------------*/

#date {
	background:#fff url(../img/startpuff_footer_bg.gif) left bottom repeat-x;
	padding:7px 0 4px 15px;
	border-top:1px solid #c9c7c7;	
	border-left:1px solid #c9c7c7;
	border-right:1px solid #c9c7c7;
	}

#date select {
	font-size:1.1em;
	line-height:1.8em;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-weight:700;
	border:1px solid #c9c7c7;
	margin-right:10px;
	}

#date a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	}

#date a:hover {
	text-decoration:underline;
	}


/*-----------------------------------------------------------------------------
SÖKRESULTAT
-----------------------------------------------------------------------------*/
#searchResults {
	background:#fff url(../img/searchResults_bg.gif) left bottom repeat-x;
	border:1px solid #c9c7c7;
	border-bottom:0;
	padding:14px;
	width:690px
	}
#searchResults .searchDisplay {
	background:url(../img/searchResults_line.gif) left bottom repeat-x;
	margin:0 0 2px;
	padding:0 0 15px
	}
#searchResults .searchDisplay .toogleList {
	float:right;
	margin:18px 0 0;
	text-align:right
	}
#searchResults .searchDisplay .toogleList #extend {
	background:url(../img/detaljerad_arrow.gif) 0 5px no-repeat;
	color:#000;
	font-size:1.2em;
	font-weight:700;
	padding-left:10px;
	text-decoration:none
	}
#searchResults .searchDisplay .toogleList #extend.enkel {
	background:url(../img/enkel_arrow.gif) 0 5px no-repeat;
	}
#searchResults .headlines {
	float:left;
	width:300px
	}
#searchResults .headlines h2 {
	font-size:1.8em;
	font-weight:bold;
	color:#0064D3;
	}
#searchResults .headlines h4 {
	font-size:1.2em;
	margin-top:2px;
	font-weight:bold;
	}
#SearchResultPanel h2 {
	font-size:1.3em;
	font-weight:bold;
	color:#000;
	}
#SearchResultPanel p {
	font-size:1.1em;
	font-weight:normal;
	color:#000;
	}
	
	
#searchResults .resultat a, #searchResults .resultat span {
	float:right;
	font-size:1.2em;
}
#searchResults .resultat .col1 {
	width:80px;
	}
#searchResults .resultat .col2 {
	width:110px;
	}
#searchResults .resultat .col3 {
	margin-right:20px;
	}
#searchResults .resultat .col4 {
	text-align: right;
	}


	
#searchResults .resultat ul {
	float:right;
	margin:0 18px 0 0;
	}
#searchResults .resultat ul li {
	display:block;
	float:left;
	font-size:1.2em;
	list-style:none;
	text-align:left;
	padding:0;
	margin:0;
	}
#searchResults .resultat ul li.first {
	/*width:110px;*/
	display:none;
	}
#searchResults .resultat ul li.second {
	width:100px;
	}
#searchResults .resultat ul li.third {
	width:110px;
	}
#searchResults .resultat ul li.fourth {
	width:50px;
	text-align: right;
	}
#searchResults a.toggle {
	color:#000;
	width:309px;
	_width:270px;
	float:left;
	font-size:1.2em;
	font-weight:700;
	margin:0 0 0 1px;
	text-decoration:none;
	float:none;
	}
#searchResults a.hover {
	text-decoration: underline;
	}
.resultat {
	padding:5px 0;
	}
.detaljerat_content {
	display:none;
	background:url(../img/searchResults_line.gif) left bottom repeat-x;
	float:left;
	padding:20px 0;
	width:100%;
	margin-top:3px;
	margin-bottom:7px;
	}
#searchResults .open .detaljerat_content {
	display:block;
	}
.detaljerat_content img {
	float:left;
	width:150px;
	height:90px;
	}
.detaljerat_content p {
	float:left;
	font-size:1.2em;
	padding-left:20px;
	width:408px
	}
	
.detaljerat_content div.imgCol {
	float:left;
	width:170px;
	padding-top:4px;
}

.detaljerat_content div.imgCol img {
	float:none;
}

.detaljerat_content div.contentCol {
	float:left;
	width:408px;
	font-size:1.2em;
}

.detaljerat_content div.contentCol p {
	padding:0;
	float:none;
	width:auto;
}

.detaljerat_content div.contentCol h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:20px;
}

.detaljerat_content div.contentCol ul {
	margin:10px 0 !important;
	padding:0;
	background:#fff;
	list-style:none;
	float:none !important;
}
.detaljerat_content div.contentCol ul li {
	float:none !important;
	height:20px;
	display:block;
	background:#fff;
	font-size:1em !important;
	padding:0 2px !important;
	padding-top:2px !important;
}

.detaljerat_content div.contentCol ul li.even {
	background:#e9e9e9;
}


/* Content = moviePosterBig (banner)
---------------------------------------- */
#moviePosterBig {
	background:#fff url(../img/moviePosterBig_bg.gif) left bottom repeat-x;
	border:1px solid #c9c7c7;
	border-bottom:0;
	padding:14px 15px;
	width:688px
	}

/*
	SMS
----------------------------------------------- */
#phone {
	color:#686868;
	font-size:1.2em;
	font-weight:700;
	float:left;
	margin-left:70px;
	}
#smsHolder {
	padding-left:12px;
	padding-right:9px;
	padding-top:17px;
	width:200px;
	padding-bottom:37px;
	background:url(../img/sms_bubble.gif) no-repeat;
	}
#smsHolder p {
	padding-bottom:10px;
		}
#sms  {
	border:1px solid #cdcbcb;
	width:157px;
	}
#send  {
	vertical-align:bottom;
	margin-left:4px;
	}

/*
	Tipsa
----------------------------------------------- */
.filmFokusExt ul#tipsa{
	float:right;
	margin-right:20px;
	}

.filmFokusExt .tipsa  {
	margin-top:15px;
	margin-left:-100px;
	width:150px;
	left:10px;
	position:absolute;
	z-index:200;
	}

.filmFokusExt ul#tipsa li{
	position:absolute;
	margin-left:-50px;
	}

.filmFokusExt .tipsa div {
	background:url(../img/bubble_bg.gif) left bottom repeat-y;
	line-height:1.2em;
	padding:3px 10px;
	}

.filmFokusExt .tipsa label {
	display:block;
	margin-top:10px;
	}

.filmFokusExt .tipsa .top {
	background:url(../img/bubble_top_tipsa.gif) left top repeat-y;

	height:13px;
	overflow:hidden;
	display:block;
	padding:3px 0 0;
	}

.filmFokusExt .tipsa .bottom {
	background:url(../img/bubble_bottom_tipsa.gif) left top no-repeat;
	height:2px;
	overflow:hidden;
	display:block;
	padding:3px 0pt 10px;
	}

.filmFokusExt .tipsa div .input {
	border:1px solid #c9c7c7;
	font-family:arial, tahoma, verdana, sans-serif;
	font-size:1em;
	margin:0 0 6px;
	padding:1px 2px;
	width:124px;
	}

.filmFokusExt .tipsa div .input:focus {
	border:1px solid #999;
	}

.filmFokusExt .tipsa input#field {
	vertical-align:middle;
	}

.filmFokusExt .tipsa .skicka {
	margin:6px 0 0 78px;
	}
	.filmFokusExt .tipsa2  {
		margin-top:15px;
		margin-left:-100px;
		width:150px;
		left:10px;
		position:absolute;
		z-index:200;
		}

	.filmFokusExt .tipsa2 div {
		background:url(../img/bubble_bg.gif) left bottom repeat-y;
		line-height:1.2em;
		padding:3px 10px;
		}
	.filmFokusExt .tipsa2 .top {
		background:url(../img/bubble_top_tipsa.gif) left top repeat-y;
		height:13px;
		overflow:hidden;
		display:block;
		padding:3px 0 0;
		}

	.filmFokusExt .tipsa2 .bottom {
		background:url(../img/bubble_bottom_tipsa.gif) left top no-repeat;
		height:2px;
		overflow:hidden;
		display:block;
		padding:3px 0pt 10px;
		}
.snabbsok {
	width:180px;
	margin-left:53px;
	float:left;
	}	
.snabbsok input {
	background:#fff;
	border:1px solid #D6D4D4;
	margin:6px 0 0;
	padding:0 2px;
	width:140px;
	font-size:10px;
	font-weight:700;
	}
.snabbsok ul li {
	padding:0 4px !important;
	font-size:11px;
	border-bottom:1px solid #ccc;
	}
.fritext ul li {
	padding:0 4px !important;
	font-size:11px;
	border-bottom:1px solid #ccc;
	}
.startbox label {padding-left:12px;}
.startbox .lista label {padding-left:0;}
	
a.bookingLink {
	float:right;
}

img.bookingButton {
	width:auto;
	height:auto;
}

#biografrepertoire {
	overflow:auto;
	width:100%;
	position:relative;
	}

#biografrepertoire .popupcontent {
	position: absolute;   
	visibility: hidden;   
	left: 20px;
	border:1px solid #CCC;   
	background-color:#F9F9F9;   
	border:1px solid #333;   
	padding:5px;
	z-index:99;
	}
	
#biografrepertoire .bookingLink {
	position: absolute;   
	right: 1px;
	}