﻿/*--------------------------------------------------------
SKANSKA CSS - Base
VERSION: 0.1
REVIDERAD: 2007-11-21
AV: Magnus Forsberg, Ottoboni Group
--------------------------------------------------------*/


/* GRUNDLÄGGANDE
--------------------------------------------------------*/

* { margin: 0; padding: 0; }

body,
html { background:#dde2e8 url(/images/background/bg-site-blue.jpg) repeat-x; }
body { padding:0; font:62.5% Verdana,Arial,Helvetica,sans-serif; }

h1,h2,h3,h4,h5,h6, p { margin:0; padding:0; line-height:1em; text-align:left; }
ul, li, a { text-align:left !important; }

embed { display:inline-block; }

a:link, a:visited { text-decoration:none; color:#0076cc; }
a:hover, a:active { text-decoration:underline; }

a.arrowbefore { background:transparent url(../images/link-arrow.gif) no-repeat scroll 0pt 5px; padding-left:10px; }
a.arrowafter { background:transparent url(../images/link-arrow.gif) no-repeat scroll 0pt 5px; background-position:right; padding-right:10px; }

div#wrap { width:980px; margin:0 auto; background:none; overflow:hidden; position:relative; }
div#top { width:960px; height:96px; float:left; padding:0 11px 0 9px; background:url(../images/background/bg-top-blue.png) top left no-repeat; overflow:hidden; }
div#main { width:960px; min-height:420px; height:420px; height:auto; float:left; padding:0 11px 0 9px; background:url(/images/background/bg2.png) top left; }
    div#main-content { background:#FFF; float:left; width:940px; padding:6px 0 9px 20px; }
div#footer { width:960px; float:left; padding:20px 11px 20px 9px; margin:0; background:url(../images/background/bg-footer.png) no-repeat top left; }
div#wrap.plain { margin:15px; left:0; }


/* For general purposes, is available in epi-editor mode. Fredrik v W */ /* FLYTTA */
div#generalpage h3 { font-size:1.4em; font-weight:bold; color:#262626; margin:0px 0 5px 10px; padding:0; EditMenuName: Sub heading; }

.nobr { white-space:nowrap; }

/* CLEARFIX
--------------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* KOLUMNER
--------------------------------------------------------*/
div#main-xlarge,
div.main-xlarge,
div#main-large,
div.main-large,
div.main-medium,
div.main-small { float:left; margin:0; padding:0; background:#FFF; display:inline; z-index:100; position:relative; }

div#main-xlarge { width:744px; }
div#main-large { width:558px; }
div.main-large { width:558px; }
div.main-medium { width:372px; }
div.main-small { width:186px; overflow:hidden; }
div#secondary { width:186px; float:left; background:#FFF; display:inline; }
div.last-right { margin-right:0px; }

/* RADER
--------------------------------------------------------*/
div.content-row { float:left; margin:0; background:transparent; display:inline; }

/* PAGEFOOTER
--------------------------------------------------------*/
div#pagefooter { width:548px; margin:20px 0px 30px 0px; padding:5px 0 0 0; border-top:1px solid #dee1e4; float:none; clear:both; }
    div#pagefooter p { font-size:1em; color:#262626; margin:0 0 5px 0; padding:0; }
    
    