@charset "UTF-8";
/* CSS Document */

/*
	Variable Grid System by. Linus Ekenstam
*/

/* BODY
----------------------------------------------------------------------------------------------------*/

body {
	margin:0px;
	padding:0px;
	
	font-family: "Myriad Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
	line-height:17px;
    background-color: #FFF;
	color:#555555;
	
	}
	
H3 {
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color:#333333;
	margin-bottom:3px;
	}


a {
	font-family: "Myriad Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
	line-height:17px;
	color:#339acf;
	text-decoration:underline;
	}	

a:active, a:selected {
	font-family: "Myriad Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
	line-height:17px;
	color:#339acf;
	text-decoration:underline;
	}	
	
a:hover {
	font-family: "Myriad Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
	line-height:17px;
	color:#0b7eb9;
	text-decoration:underline;
	}	







/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:62px;
}

.container_12 .grid_2 {
	width:144px;
}

.container_12 .grid_3 {
	width:226px;
}

.container_12 .grid_4 {
	width:308px;
}

.container_12 .grid_5 {
	width:390px;
}

.container_12 .grid_6 {
	width:472px;
}

.container_12 .grid_7 {
	width:554px;
}

.container_12 .grid_8 {
	width:636px;
}

.container_12 .grid_9 {
	width:718px;
}

.container_12 .grid_10 {
	width:800px;
}

.container_12 .grid_11 {
	width:882px;
}

.container_12 .grid_12 {
	width:964px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:82px;
}

.container_12 .prefix_2 {
	padding-left:164px;
}

.container_12 .prefix_3 {
	padding-left:246px;
}

.container_12 .prefix_4 {
	padding-left:328px;
}

.container_12 .prefix_5 {
	padding-left:410px;
}

.container_12 .prefix_6 {
	padding-left:492px;
}

.container_12 .prefix_7 {
	padding-left:574px;
}

.container_12 .prefix_8 {
	padding-left:656px;
}

.container_12 .prefix_9 {
	padding-left:738px;
}

.container_12 .prefix_10 {
	padding-left:820px;
}

.container_12 .prefix_11 {
	padding-left:902px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:82px;
}

.container_12 .suffix_2 {
	padding-right:164px;
}

.container_12 .suffix_3 {
	padding-right:246px;
}

.container_12 .suffix_4 {
	padding-right:328px;
}

.container_12 .suffix_5 {
	padding-right:410px;
}

.container_12 .suffix_6 {
	padding-right:492px;
}

.container_12 .suffix_7 {
	padding-right:574px;
}

.container_12 .suffix_8 {
	padding-right:656px;
}

.container_12 .suffix_9 {
	padding-right:738px;
}

.container_12 .suffix_10 {
	padding-right:820px;
}

.container_12 .suffix_11 {
	padding-right:902px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:82px;
}

.container_12 .push_2 {
	left:164px;
}

.container_12 .push_3 {
	left:246px;
}

.container_12 .push_4 {
	left:328px;
}

.container_12 .push_5 {
	left:410px;
}

.container_12 .push_6 {
	left:492px;
}

.container_12 .push_7 {
	left:574px;
}

.container_12 .push_8 {
	left:656px;
}

.container_12 .push_9 {
	left:738px;
}

.container_12 .push_10 {
	left:820px;
}

.container_12 .push_11 {
	left:902px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-82px;
}

.container_12 .pull_2 {
	left:-164px;
}

.container_12 .pull_3 {
	left:-246px;
}

.container_12 .pull_4 {
	left:-328px;
}

.container_12 .pull_5 {
	left:-410px;
}

.container_12 .pull_6 {
	left:-492px;
}

.container_12 .pull_7 {
	left:-574px;
}

.container_12 .pull_8 {
	left:-656px;
}

.container_12 .pull_9 {
	left:-738px;
}

.container_12 .pull_10 {
	left:-820px;
}

.container_12 .pull_11 {
	left:-902px;
}




/* 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;
}


/* TOP NAVIGATION 
----------------------------------------------------------------------------------------------------*/

.meny {
	float:left;
	margin:0px;
	padding:0px;
	}

.meny-list {
	display:inline;
	list-style:none;
	list-style-position:outside;
	list-style-type:none;
	height:70px;
	margin:0px;
	padding:0px;
	}

.TopNav-bg {
	background-image:url(../images/top-nav-meny-bg.jpg);
	background-position:0px 0px;
	width:964px;
	height:70px;
	}

.nav-start {
	background-image:url(../images/top-nav-meny.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:77px;
	height:70px;
	}

.nav-start:hover {
	background-position:0px -70px;
	}
	

.nav-produkter {
	background-image:url(../images/top-nav-meny.jpg);
	background-position: -77px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:114px;
	height:70px;
	}

.nav-produkter:hover {
	background-position:-77px -70px;
	}


.nav-referenser {
	background-image:url(../images/top-nav-meny.jpg);
	background-position: -191px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:119px;
	height:70px;
	}
	
.nav-referenser:hover {
	background-position:-191px -70px;
	}
	
	
.nav-om-3c {
	background-image:url(../images/top-nav-meny.jpg);
	background-position: -310px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:95px;
	height:70px;
	}
	
.nav-om-3c:hover {
	background-position:-310px -70px;
	}
	
	

.nav-dokument {
	background-image:url(../images/top-nav-meny.jpg);
	background-position: -404px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:118px;
	height:70px;
	}
	
.nav-dokument:hover {
	background-position:-404px -70px;
	}



.nav-press {
	background-image:url(../images/top-nav-meny.jpg);
	background-position: -523px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:75px;
	height:70px;
	}
	
.nav-press:hover {
	background-position:-523px -70px;
	}
	

.nav-kontakt {
	background-image:url(../images/top-nav-meny.jpg);
	background-position: -598px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:99px;
	height:70px;
	}

.nav-kontakt:hover {
	background-position:-598px -70px;
	}
	
	
.language-swe {
	background-image:url(../images/language-swedish.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:26px;
	height:70px;
	padding-left:2px;
	padding-right:2px;
	}

.fix {
	background-image:url(../images/meny-fix.jpg);
	height:70px;
	width:68px;
	}
	
.language-swe:hover {
	background-image:url(../images/language-swedish-over.jpg);
}

.language-eng {
	background-image:url(../images/language-english.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:33px;
	height:70px;
	margin-left:0px;
	padding-left:2px;
	padding-right:2px;
	}
	
.language-eng:hover {
	background-image:url(../images/language-english-over.jpg);
}
	
.language-ger {
	background-image:url(../images/language-germany.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:28px;
	height:70px;
	margin-left:0px;
	padding-left:2px;
	padding-right:2px;
	}
	
.language-ger:hover {
	background-image:url(../images/language-germany-over.jpg);
}
	

.nav-logga {
	background-image:url(../images/3c-logga-top-n.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:99px;
	height:70px;
	margin-left:0px;
	padding:0px;
	}




/* TOP NAVIGATION ENDS
----------------------------------------------------------------------------------------------------*/


.nav-yellow {
	background-color:#f8ec1f;
	height:22px;
	margin-top:3px;
	}
	
.nav-grey {
	background-color:#FFFFFF;
	height:22px;
	margin-top:3px;
	}
	
.box {
	margin-top:3px;
	
	}

.black-line {
	background-image:url(../images/black-line.jpg);
	background-repeat:repeat-x;
	height:33px;
}

.grey-line {
	background-image:url(../images/grey-line.jpg);
	background-repeat:repeat-x;
	height:33px;
}


.slider  {
  list-style: none;
  margin: 0;
  padding: 0;
  
}

.slider-li {
  float: left;
  padding: 0px;
  display: block;
  margin-right: 0px;
  padding:0px;
  
}


.wood {
	background-image:url(../images/wood.jpg);
	background-repeat:no-repeat;
	}

.over:hover {
	text-decoration:none;
	}