/*
Reset
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus,
object:focus {outline:0;}
html{color:#000;background:#fff;width:100%;height:100%;}
body{width:100%;height:100%;font:normal 75%/150% Arial,Helvetica,sans-serif;}

/*
Layout
*/
.center{margin:0 auto;}
.right{position:absolute;right:0;}
.footer.fixed{position:fixed;bottom:0;width:100%;}

/* Grid */
.container,.col{width:100%;float:left;}
.container{width:100%;clear:both;overflow:hidden;}
.container .col{margin-left:0;}

/* 60px based grid
 * Syntax [pg as in pixel grid][column span]-[fraction of width]
 * */
.nine-sixty{width:960px;/*overflow:hidden;*/}
.min-max{min-width:720px;max-width:1200px;}
.g1-2,.g1-3,.g2-3,.g1-4,.g2-4,.g3-4,.g1-5,.g2-5,.g3-5,.g4-5,.g1-6,.g2-6,.g3-6,.g4-6,.g5-6{margin:10px;}
.g1-2{width:460px;}
.g1-3{width:300px;}
.g2-3{width:620px;}
.g1-4{width:220px;}
.g2-4{width:460px;}
.g3-4{width:700px;}
.g1-5{width:172px;}
.g2-5{width:364px;}
.g3-5{width:556px;}
.g4-5{width:748px;}
.g1-6{width:140px;}
.g2-6{width:300px;}
.g3-6{width:460px;}
.g4-6{width:620px;}
.g5-6{width:780px;}

/* Percent based grid
 * Syntax [fg as in fluentgrid][column span]-[fraction of width]
 * */
.fg1-2,.fg1-3,.fg2-3,.fg1-4,.fg2-4,.fg3-4,.fg1-5,.fg2-5,.fg3-5,.fg4-5,.fg1-6,.fg2-6,.fg3-6,.fg4-6,.fg5-6,.fg1-10{margin:0;padding:0;}
.fg1-2{width:50%;}
.fg1-3{width:33.33333%;}
.fg2-3{width:66.66666%;}
.fg1-4{width:25%;}
.fg2-4{width:50%;}
.fg3-4{width:75%;}
.fg1-5{width:20%;}
.fg2-5{width:40%;}
.fg3-5{width:60%;}
.fg4-5{width:80%;}
.fg1-6{width:16.66666%;}
.fg2-6{width:33.33333%;}
.fg3-6{width:50%;}
.fg4-6{width:66.66666%;}
.fg5-6{width:83.33333%;}

.fg1-10{width:10%;}
/*
.fg2-10{width:20%;}
.fg3-10{width:30%;}
.fg4-10{width:40%;}
.fg5-10{width:50%;}
.fg6-10{width:60%;}
.fg7-10{width:70%;}
.fg8-10{width:80%;}
.fg9-10{width:90%;}
*/
/*
Navigation
*/
.nav{position:relative;overflow:hidden;white-space:nowrap;}
.nav ul li{float:none;}
.nav ul,.nav ul li a{display:block;}

.nav.horizontal ul li{float:left;}
.nav.horizontal ul li a{display:block;}

.nav.horizontal.center ul{position:relative;left:50%;float:left;clear:left;}
.nav.horizontal.center ul li{position:relative;right:50%;display:block;float:left;}

.nav.horizontal.right ul li{float:right;}

/*
Typography
*/
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:3em;line-height:1em;margin-bottom:0.5em;clear:both;}/* Rubrik */
h1.pinch{letter-spacing:-.03em;}
h1.spar{letter-spacing:.08em;}
h2{font-size:2em;line-height:1em;margin-bottom:.75em;clear:both;} /* Underrubrik */
h3{font-size:1.5em;line-height:1em;margin-bottom:1em;} /* Nedtryckare */
h4{font-size:1.2em;line-height:1.25em;margin-bottom:1.25em;} /* Ingress */
h5{font-size:1em;margin-bottom:1.5em;} /* Mellanrubrik */
h6{font-size:1em;} /* Ingångsrubrik */
p{margin-bottom:1.5em;}
/*p+p{text-indent:1.5em;}
p:first-child:first-letter{float:left;font-size:5em;margin:-.3em .125em -.5em 0;}*/
img.left{float:left;margin:10px 10px 10px 0;}
img.right{float:right;margin:10px 0 10px 10px;}