/*******************************************************************************
 *	Nullstill alle stiler
*/
@import url(http://reset5.googlecode.com/hg/reset.min.css);

/*******************************************************************************
 *	Gi alle elementer en naturlig bokslayoutmodell
*/
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*******************************************************************************
 *	Egendefinerte stiler
*/
body
{
	font: 16px/1.4em Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #ccc;
	background: #000;
}

h2
{
	margin-left: 2em;
}

a
{
	text-decoration: none;
}
a:link
{
	color: #99f;
}
a:visited
{
	color: #66f;
}
a:hover
{
	color: #ccf;
	text-decoration: underline;
}
a:active
{
	color: #fff;
}

#beholder
{
	width: 40em;
	margin: auto;
}
#beholder > *
{
	padding: 1em 0;
}
#beholder > header
{
	background: url('Intrigue-logo-stor-333-blaa.png') no-repeat;
	height: 350px;
}

#hoved
{
	margin-top: -50px;
}
#hoved > *
{
	margin: 1em 0;
}
#hoved > header
{
	font-size: 1.6em;
	margin: 0;
}
#hoved > * > header
{
	padding: .25em .5em;
	background: #333;
	cursor: pointer;
}
#hoved > section > h1,
#hoved > section > h2
{
	padding: 1em 0 .6em;
	border-top: 1px solid #333;
}
#hoved > section > h1
{
	font-size: 1.6em;
}
#hoved > section > header > h1
{
	margin: 0;
}

#aktuell section
{
	color: #f00;
}

.spilling,
.datotid
{
	overflow: hidden;
}
.spilling
{
	margin: 1em 0 1em 2em;
}
.spilling > *
{
	float: left;
	margin-left: 1em;
}
.spilling > *:first-child
{
	margin-left: 0;
}
.datotid
{
	width: 11em;
}
.datotid > *
{
	float: left;
}
.dato,
.tid
{
	text-align: right;
}
.dato
{
	clear: both;
	width: 4.5em;
}
.tid
{
	width: 2.25em;
	margin-left: 1em;
}
.tidigjen,
.arrangement
{
	color: #fff;
}
.tidigjen
{
	color: #fcc;
	float: right;
}
.plass,
.info
{
	width: 11em;
}
.arrangement
{
	font-weight: bold;
}

.skjult > *
{
	display: none;
}
.skjult > *:first-child
{
	display: block;
}