/* START RESET CSS /////////////////////////// */

body, html, 
dl, dt, dd, 
ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
div, p, span, a, blockquote, address, pre, code, abbr,
form, fieldset, legend, input, button, textarea, label, select, 
th, td, tfoot {
color: #3a3a39;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
} 

body {
background-color: #fff;
font-size: 125%;
}

form, textarea {
width: 100%;
}

fieldset, img, table, hr, button, abbr, textarea, iframe, input {
border: 0;
}

li {
list-style:none;
}

/* SLUT RESET CSS //////////////////////////// */
/* START GRID //////////////////////////////// */

div.container {
background-color: #fff;
font-size: 0.5em;
margin: 0 auto; 
width: 920px;
}

div.content {
padding: 10px 0;
min-height: 467px;
}

div.column {
float: left;
display: inline;
padding: 16px 0 5px 0;
width: 460px;
}

div.center {
text-align: center;
}

img.illu {
margin-top: 48px;
}

.cf:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
 
.cf {
display: inline-block;
}
 
html[xmlns] .cf {
display: block;
}
 
* html .cf {
height: 1%;
}

/* SLUT GRID ///////////////////////////////// */
/* START FONT-FACE /////////////////////////// */

@font-face {
font-family: 'SariOTMedium';
src: url('font/sariot-medium-webfont.eot');
src: local('☺'), url('font/sariot-medium-webfont.woff') format('woff'), url('font/sariot-medium-webfont.ttf') format('truetype'), url('font/sariot-medium-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

/* SLUT FONT-FACE //////////////////////////// */
/* START RUBRIK, TEXT & PUNKTLISTOR ////////// */

h1 { 
font-family: 'SariOTMedium', sans-serif;
font-size: 26px;
margin-bottom: 17px;
}

h2 { 
color: #d82e4b;
font-family: Tahoma, sans-serif;
font-weight: normal;
font-size: 16px;
margin: 0 0 5px 0;
padding-top: 7px;
}

p + h2 { /* Adjacent sibling combinator */
padding-top: 1px;
}

p {
font: normal 12px/18px Tahoma, sans-serif;
margin-bottom: 18px;
padding-right: 80px;
}

div.column ul {
margin-bottom: 18px;
}

div.column ul li {
background: url(images/icons.gif) no-repeat 0 -162px;
font: normal 12px/18px Tahoma, sans-serif;
padding: 0 80px 1px 14px;
}
ol 
{
	margin-left: 20px;
}
ol li {
color: #d82e4b;
font-family: 'SariOTMedium', sans-serif;
font-size: 16px;
line-height: 20px;
list-style:decimal;
padding-right: 80px;
}

ol li span {
display: block;
font: normal 12px/18px Tahoma, sans-serif;
margin: 4px 0 23px 0;
}

/* SLUT RUBRIK, TEXT & PUNKTLISTOR /////////// */
/* START LÄNKAR ////////////////////////////// */

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

a:hover,
a.heart:hover,
ul.topnav li a:hover,
ul.topnav li.current li a:hover {
color: #d82e4b;
}

a.heart {
background: transparent url(images/icons.gif) no-repeat 0 -148px;
color: #b1b2b3;
display: block;
font-family: 'SariOTMedium', sans-serif;
font-size: 12px;
letter-spacing: 0.02em;
margin-top: 22px;
padding: 0 0 0 16px;
text-transform: uppercase;
}

a.movie {
margin: 25px 0 21px 65px;
}

/* SLUT LÄNKAR /////////////////////////////// */
/* START FORMULÄR //////////////////////////// */

fieldset {
margin-top: 3px;
width: 376px;
}

input {
background-color: #ebebeb;
display: block;
font: normal 12px/18px Tahoma, sans-serif;
padding: 2px;
width: 372px;
}

label {
color: #d82e4b;
display: block;
font: normal 14px/18px Tahoma, sans-serif;
margin: 11px 0 5px 0;
}

input:focus {
background-color: #ddd;
}

input.button {
background: transparent url(images/icons.gif) no-repeat 0 -147px;
color: #b1b2b3;
cursor: pointer;
float: right;
font-family: 'SariOTMedium', sans-serif;
font-size: 12px;
margin-top: 15px;
padding: 0 0 0 12px;
text-transform: uppercase;
width: auto;
}

/* SLUT FORMULÄR ///////////////////////////// */
/* START TOPPNAVIGATION ////////////////////// */

div.head {
border-bottom: 1px solid #d7d7d8;
}

img.logo {
margin: 54px 0 39px 1px;
}

ul.topnav {
float: left;
}

ul.topnav li {
float: left;
padding: 0 11px 0 0;
position: relative;
}

ul.topnav li a {
color: #919291;
display: block;
float: left;
text-transform: uppercase;
font-size: 10px;
font-family: 'SariOTMedium', sans-serif;
}

ul.topnav li span { /* Drop down trigger styles */
height: 20px;
float: left;
}

ul.topnav li.current a,
ul.topnav li.current ul.subnav li.current a {
color: #d82e4b;
}

ul.topnav li.current ul.subnav li a {
color: #919291;
}

ul.topnav li ul.subnav {
position: absolute; /* Important - Keeps subnav from affecting main navigation flow */
left: 0;
top: 20px;
display: none;
background-color: #f6f6f6;
border-top: 1px solid #d7d7d8;
padding: 14px 10px 2px 10px;
width: 140px;
}

ul.topnav li ul.subnav li a {
text-transform: none;
}

ul.topnav li ul.subnav li {
clear: both;
padding-bottom: 10px;
width: 140px;
}

ul.social { /* Se ie6.css */
float: right;
margin-top: -3px;
}

ul.social li {
float: left;
margin-left: 5px;
}

ul.social li a {
display: block;
height: 15px;
width: 16px;
}

ul.social li.facebook a {
background: url(images/icons.gif) no-repeat 0 0;
}

ul.social li.twitter a {
background: url(images/icons.gif) no-repeat 0 -25px;
}

ul.social li.favourites a {
background: url(images/icons.gif) no-repeat 0 -50px;
}

ul.social li.facebook a:hover {
background: url(images/icons.gif) no-repeat 0 -75px;
}

ul.social li.twitter a:hover {
background: url(images/icons.gif) no-repeat 0 -100px;
}

ul.social li.favourites a:hover {
background: url(images/icons.gif) no-repeat 0 -125px;
}

/* SLUT TOPPNAVIGATION /////////////////////// */
/* START SIDFOT ////////////////////////////// */

div.footer {
border-top: 1px solid #d7d7d8;
padding-top: 5px;
}

div.footer a {
color: #b1b2b3;
font-size: 10px;
}

div.footer strong {
font-weight: normal;
text-transform: uppercase;
}

/* SLUT SIDFOT /////////////////////////////// */

.hide { display: none;}

.full p { padding-right: 0px;}

.caption 
{
	text-align: center;
	padding-right:0;	
}