/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      01/03/07
author:    [your name]
email:     [you at domain dot com]

website:   [your domain]

version history: [location of file]
-----------------------------------------------------------------------------*/


/* Import other stylesheets
-----------------------------------------------------------------------------*/

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


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear:both;
}



.right
	{
	float: right;
}



.left
	{
	float: left;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body
	{
	font: 62.5%/1.5 arial, helvetica, Verdana, sans-serif;
	color: #000000;
	text-align:center;
}



#wrapper
	{
	width: 750px; /* Set page width here - you can also use percentage */
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	position: relative;
}

a { color: #900;text-decoration: none;}

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


/* Typography
-----------------------------------------------------------------------------*/

h1
	{
	font-size: 2.2em; /* Equivalent to 22pt */
}
	
h2
	{
	font-size: 2.0em; /* Equivalent to 20pt */
}
	
h3
	{
	font-size: 1.8em; /* Equivalent to 18pt */
}
	
h4
	{
	font-size: 1.6em; /* Equivalent to 18pt */
}
	
h5
	{
	font-size: 1.5em;
}
	
p, q, cite
	{
	font-size: 1.1em; /* Equivalent to 12pt */
}

ul,  dl
	{
	list-style: none;
	 /* Equivalent to 12pt */
}

li, dd, dt
	{font-size: 1.1em;
}

li p {font-size: 1em;}
/* Header
-----------------------------------------------------------------------------*/

img.logo {
	margin: 0 116px 0 6px;
}


.adress, .navcontainer {
	padding-bottom: 10px;
}


/* Kolumner
-----------------------------------------------------------------------------*/

div.span-1, div.span-2, div.span-3, div.span-4 {
	float:left;
	margin: 0 2px 0 6px;
	text-align: left;
}
.span-1 {width: 176px;}
.span-2 {width: 360px;}
.span-3 {width: 544px;}
.span-4 {width: 728px; margin-right:0;}
.last {margin-right:0;}



/* Navigation
-----------------------------------------------------------------------------*/
.navcontainer .nav {
	border-top: 1px solid #888;
}	
	
.navcontainer .nav li {border-bottom: 1px solid #333;}

.navcontainer .nav li a, .navcontainer .nav li p {
	display: block;
	text-decoration:none;
	color:#000;
	padding: 0.1em 0.5em;
	background-color:#fff;
}
.navcontainer .nav li a:hover, .navcontainer .nav li.active a {background-color:#d3d744;}

.navcontainer .nav li a:visited {color:#333;}

.navcontainer .nav li em {text-transform: uppercase; font-style:normal;}

.navcontainer .nav li p {
	color: #888;
	text-transform: uppercase;
}


/* Galleri
-----------------------------------------------------------------------------*/

.gallery {
	background: transparent url(../img/gallery.jpg) no-repeat 2px 1px;
	height: 290px;
}
.gallery a {float:left;}
.gallery a img {float: left; margin: 0;}


/* Homepage
-----------------------------------------------------------------------------*/

.text {
	border: 1px solid #333;
	border-left: 0;
	border-right: 0;
	padding: 2em 0;
	margin-top: 1em;
	position: relative;
}
.text p, .text h5, .text ul  { margin: 0 6px;}



/* Your template
-----------------------------------------------------------------------------*/

#ticker {
border-bottom: 1px solid #333;
padding: 1em 0;
}
#ticker table {
margin: 0.5em 0;
}

.float {
	width: 140px;
	position:absolute;
	right: 0px;
	z-index:10;
	top: 2px;
}

.rating {
	width: 750px;
	margin: 20px auto;
	text-align: right;
}

/* Forms
-----------------------------------------------------------------------------*/



input.text
	{
	padding: 3px;
	border: 1px solid #999999;	
}


/* Tables 
-----------------------------------------------------------------------------*/



table
 	
	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 
	
	{
  	text-align: left;
	font-weight: normal;
}



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}