/* Reset styles
---------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Dans clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: " ";
	height: 0px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
    width:100%;
}

/*
* Gridsystem 9 columner 10px gutter och 980px bred.
*/


.grid-3{
    width:226px;
}
.grid-9{
    width:708px;
}
.vgutter{
    margin-top:15px;
}
/*
* End gridsystem
*/

header,section,footer,nav,aside,article {display:block}

body{
	margin: 0; padding: 0;
	font: 10px normal Arial, Helvetica, sans-serif;
    background:silver;
}

h1{
    font-size:1.4em;
    font-weight:bold;
    margin-top:0;
}

a {
	color:black;	
}

ul.disc {
	list-style-type:disc;
	list-style-position:inside;		
}

ul.decimal {
	list-style-type:decimal;
	list-style-position:inside;		
}

header.logo{
    width:980px;
    position:relative;
    height:160px;
    background:url(../images/header.png) 0 0 no-repeat;
    margin: 0 auto;
}

section{
    padding:0 15px 15px 15px;
    width:950px;
    position:relative;
    margin: 0 auto;
    overflow:hidden;
    background:white;
}

section ol{
    float:left;
    list-style:none;
    margin: 0;
    padding: 0;
}

.content ol li article{
    border:1px solid #eeaf15;
    background:#fbf7df;
    padding:10px;
    overflow:hidden;
}

.content ol article img{
    margin-right:20px;    
    border:2px solid black;
    float:left;

}

.content ol article img.right{
    margin-right:0;
    margin-left:20px;    
    float:right;
}

.content ol article div{
}
.content article div.left{
    float:left;
    width:455px;    
}
.content article{
    overflow:hidden;
    clear:both;
    font-size:1.1em;
}

aside{
    float:right;
    height:auto;
}
aside article header{
    line-height:1.8em;
    padding-left:10px;
    text-transform:uppercase;
    color:white;
    background:black;
    border-top:2px solid #eeaf15;
    border-bottom:1px solid #eeaf15;
    height:auto;
}

aside article div{
    padding:10px;
    background:#fbf7df;
    border:1px solid #eeaf15;
    height:auto;
}
/*  *******************************
*
*       Menu CSS
*
*   ******************************/

nav {
    position:absolute;
    bottom:4px;
    width:980px;
    z-index:10;
}

ul.topnav {
	list-style: none;
	padding: 0 30px;
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(../images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 7px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
    text-transform:uppercase;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 27px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
    text-transform:uppercase;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}

#grid{
    display:none;
    width:960px;
    height:100%;
    background:url(../images/h-grid-6.png);
    position:absolute;
    top:0;
}

/* Schema css */
.schema {
    width:100%;
    border:1px solid black;
    margin-bottom:10px;
}
.schema td,.schema th{
    border:1px solid black;
    text-align:center;
    vertical-align:middle;
    padding:5px;
}
.schema .time,.schema th{
    background:#eeaf15;
}

.priceList td{
    padding-right:10px
}
.schema td.closed{
    background:red;
}

.cirkelträning, .bodytoning, .skivstång, .aerobic, .yoga, .box, .bosucore, .pilates, .aerobics, .lätt, .maba-träning, .funktionell, .step{
    background-color:#ffcc99;
}
.cykel, .cykelstyrka{
    background:#fee7c1;
}