/* @override 
	http://http://fantefilm.no/stylesheets/style.css
	http://localhost:8888/fantefilm3b/stylesheets/style.css
	http://fantefilm.no/stylesheets/style.css?v=29052009
	http://localhost:8888/fantefilm3b/stylesheets/style.css?v=29052009
*/

@import url("reset.css");

/*@import url("debug.css");*/

@import url("nyroModal.css");

body {
	font: 62.5%/1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	/*width: 1115px;*/
	margin: 75px;
}



/* Layout */

body#splash        
{
	text-align: center;
	margin: 0;
}

body#splash div    
{
margin: 30px auto;
width: 490px;
}

#splash p {
font-size: 2.4em;
margin-top: 20px;
}

#splash a {
	text-decoration: none;
	margin-right: 15px;
	margin-left: 15px;
}

#header {
	margin-bottom: 27px;
}

#nav {
	display: none;
}

#content {
	padding-left: 70px;
	padding-bottom: 70px;
}

#main {
	float: left;
	/*width: 695px;*/
	width: 50%;
}

#secondary {
	float: right;
	width: 50%;
	position:absolute;
	top:75px;
	left:435px;
	/*background-color: black;
	bottom: 0;
	top: 0;
	right:0;
	position: absolute;*/
}

#secondary .poster {
	width: 550px;
	height: 700px;
	background: url(../announcement/announcement.jpg) no-repeat;
	/*top: 75px;
	right: 170px;
	position: fixed;*/
}

#footer {
	clear: both;
	display: none;
}

.article {
	
}

.section {
	
}

.column {
	
}

.column .address {
	width: 175px;
	float: left;
}

.about {
	width: 560px;
	font-weight: normal;
}

/* Text and semantic structure */

p {
	margin-bottom: 1em;
}

p.title {
	font-size: 1.4em;
	margin-bottom: 0.4em;
}

p.caption {
	line-height: 1.3em;
	font-size: 0.9em;
}

h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	
}

h2 {
	
}

hr {
	
}

br {
	clear: both;
}

strong {
	font-weight: bold;
}

/* Links */

a {
	color: #000;
}

a:hover {
	color: #47807f;
}

/* Images */

.imageContainer {
	
}

.imageContainer img {
	
}

a img {
	
}

.imageContainer .caption {
	
}

/* Navigation */


ul.accordion {
	margin-bottom: 10px;
}

ul.accordion li {
	margin-bottom: 1em;
}

ul.accordion li>a {
	font-size: 3.2em;
	text-decoration: none;
}

ul.accordion ul>li{
	margin-top: 10px;
}

ul.accordion>li.active {
	background: none;
	font-weight: bold;
}

/*ul.accordion>li.active a {
	text-decoration: none;
	font-weight: bold;
}*/

ul.accordion>li.active ul li {
	background: none;
	font-weight: normal;
}

#main ul.accordion li ul li div.videos {
	display: block;
	margin-bottom: 20px;
	margin-top: 30px;
}

#main ul.accordion li.active ul li.active {
	/*height: 145px;*/
	/*width: 960px;*/
	/*overflow-x: scroll;*/
	/*background-color: red;*/
	clear: both;
	margin-bottom: 30px;
}

ul.accordion>li.active ul li.active a {
	font-weight: bold;
}

#main ul.accordion li.active ul li. a {
	font-weight: normal;
}

ul.accordion>li ul li a {
	font-weight: normal;
	text-decoration: none;
	font-size: 1.8em;
	}


ul.accordion ul {
	
}

ul li.column {
	width: 485px;
}


li p {
	font-size: 1.4em;
	margin-bottom: 20px;
}

.videos ul li {

}

#main ul.accordion li ul li div.videos ul li {
	float: left;
	margin: 0 5px 5px 0;
	line-height: 0;
	display:  -moz-inline-box;
	display: inline-block;
	display: inline;
}

img.vimeo {
	cursor: pointer;
}

/* @group Content Wide */
#content.wide #secondary {
	display: none;
}

#content.wide #main {
	width: 100%;
	max-width: 1000px;
}

/* @end */

/* Easyclearing method from positioniseverything [modified] [conditional comments for IE 6 and 7]*/

.clearfix:after, .videos ul li:after, #main ul.accordion li.active ul li.active:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}