@charset "UTF-8";
/* CSS Document */

/*

	GRID SYSTEM: LINUS EKENSTAM. 
	FÖR KUNDEN: FRISKVÅGEN.SE
	FÖRETAG: WINTERNET.SE
	
	
*/


/* BODY BODY ---------------------------------------------------------------*/

body {
   	margin: 0px;
    padding: 0px;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
	line-height:17px;
    background-color: #FFF;
	color:#555555;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0px;
	padding:0px;
}

h2 {
	font-family: "Myriad Pro - semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
	line-height:26px;
	font-style:normal;
	font-weight:100;
}

h2 {
	font-family: "Myriad Pro - semibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
	line-height:22px;
	font-style:normal;
}


.meny-lank {
	color:#FFFFFF;
	text-decoration:none;
}

.meny-lank :hover {
	color:#47aa42;
	text-decoration:none;
	
}



.meny-lank :selected a:fokus   {
	color:#FFFFFF;
	text-decoration:none;
	
}


a {
	color:#47aa42;
	text-decoration:underline;
}

a:hover {
	color:#379033;
	text-decoration:underline;
	
}



a:selected a:fokus   {
	color:#379033;
	text-decoration:underline;
	
}





/* Containers
----------------------------------------------------------------------------------------------------*/
.container_6 {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
	margin-top:0px;
	padding-top:0px;
	z-index: 1;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 8px;
	margin-right: 8px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .grid_1 {
	width:150px;
}

.container_6 .grid_2 {
	width:316px;
}

.container_6 .grid_3 {
	width:482px;
}

.container_6 .grid_4 {
	width:648px;
}

.container_6 .grid_5 {
	width:814px;
}

.container_6 .grid_6 {
	width:980px;
}



/* Prefix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .prefix_1 {
	padding-left:166px;
}

.container_6 .prefix_2 {
	padding-left:332px;
}

.container_6 .prefix_3 {
	padding-left:498px;
}

.container_6 .prefix_4 {
	padding-left:664px;
}

.container_6 .prefix_5 {
	padding-left:830px;
}



/* Suffix Extra Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .suffix_1 {
	padding-right:166px;
}

.container_6 .suffix_2 {
	padding-right:332px;
}

.container_6 .suffix_3 {
	padding-right:498px;
}

.container_6 .suffix_4 {
	padding-right:664px;
}

.container_6 .suffix_5 {
	padding-right:830px;
}



/* Push Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .push_1 {
	left:166px;
}

.container_6 .push_2 {
	left:332px;
}

.container_6 .push_3 {
	left:498px;
}

.container_6 .push_4 {
	left:664px;
}

.container_6 .push_5 {
	left:830px;
}



/* Pull Space >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .pull_1 {
	left:-166px;
}

.container_6 .pull_2 {
	left:-332px;
}

.container_6 .pull_3 {
	left:-498px;
}

.container_6 .pull_4 {
	left:-664px;
}

.container_6 .pull_5 {
	left:-830px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* BELOW THIS DASHED DOT PUT THE CONTAINER NAMNES AND SPECS. */



.green {
	background-color:#47aa42;
	margin-top:3px;
	margin-bottom:30px;
	height:30px;
	display:block;
}

.green-bad {
	background-color:#47aa42;
	margin-top:3px;
	margin-bottom:10px;
	height:30px;
	display:block;
}

.green-thin {
	background-color:#47aa42;
	margin-top:3px;
	margin-bottom:10px;
	height:1px;
	display:block;
}

.dark {
	background-color:#212121;
	/* --- 
	background-image:url(../images/friskvagen-top-hb09-off.jpg);
	--- */
	background-image:url(../images/background-top.jpg);
	background-repeat:no-repeat;
	height:111px;
	margin-bottom:3px;
	margin-top:0px;
	padding-top:0px;
}

.meny-container {
	float:left;
	height:12px;
	margin-left:20px;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:14px;
	color:#FFFFFF;
	font-family: Geneva, sans-serif;
	font-size:12px;
	font-style:normal;
}

.oppettider {
	background-image:url(../images/oppettider-line.jpg);
	background-repeat:no-repeat;
	background-position:left;
	
}

/* -------------------------- SCHEMA DOTS och VANLIG TEXT -----------------------------*/

.schema-lista {
   	margin: 0px;
    padding: 0px;
	padding-left:15px;
	font-size: 10px;
	font-family: Verdana, Arial, Geneva, sans-serif;
}


.green-dot {
	color:#89c766;
	list-style:square;
	font-size:14px;
}

.yellow-dot {
	color:#faec05;
	list-style:square;
	font-size:14px;
}

.red-dot {
	color:#fd0304;
	list-style:square;
	font-size:14px;
}


.dot-green {
	color:#89c766;
	list-style:square;
	font-size:14px;
}

.dot-yellow {
	color:#faec05;
	list-style:square;
	font-size:14px;
}

.dot-red {
	color:#fd0304;
	list-style:square;
	font-size:14px;
}

.dot-text {
   	margin: 0px;
    padding: 0px;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
	line-height:17px;
	color:#555555;
}


.schema {
   	margin: 0px;
    padding: 0px;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
	line-height:17px;
	color:#555555;
}


.vit-text {
	color:#FFF;
	margin:5px;
	font-size:15px;
}


.oppettider-text {
	color:#47aa42;
	font-size:18px;
	line-height: 22px;
	
}


.marked {
	color:#47aa42;
}


.bli-medlem {
	width:350px;
	margin:0 auto;
	z-index: 2000;
	background-image:url(../images/bli-medlem-platta.png);
	background-repeat:no-repeat;
	height:287px;
	position:absolute;
	margin-left: 20px;
	padding: 10px;
	padding-top: 12px;
}

.medlem-text {
	width:290px; 
	height:230px; 
	padding-top:17px; 
	padding-left:24px;
	position: absolute;
	z-index: 2200;
}


.bas {
	color:#89c766;
	font-size:18px;
	line-height: 22px;
	background-color:#ffffff;
}

.medel {
	color:#faec05;
	font-size:18px;
	line-height: 22px;
	background-color:#ffffff;
}

.avancerat {
	color:#fd0304;
	font-size:18px;
	line-height: 22px;
	background-color:#ffffff;

}

.rubrik {
	color:#333333;
	font-size:28px;
	line-height: 22px;
	margin-top: 30px;
	margin-bottom: 5px;
	padding: 0px;
	display: block;
	
}

.under-rubrik {
	color:#47aa42;
	font-size:18px;
	line-height: 22px;
	margin: 0px;
	padding-bottom: 5px;
	display: block;
	
}


.brodtext {
   	margin: 0px;
    padding: 0px;
    font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
	line-height: 17px;
    background-color: #FFF;
	color: #555555;
}