/* ********************************************************
Author: Michael Theimer for NORM (www.michaeltheimer.se)
Created: 01. 05. 2009
Last modified: 05. 05. 2009
******************************************************** */

html {
	height:100%;
	margin-bottom:1px;
}

/* BODY ÄR DET GENERELLA UTSEENDET GÄLLANDE TYPSNITT OCH FÄRG
........................................................................................................... ............................................*/
body {
	background-image:url(../norm_img/header_bg2.jpg); /* den blå-vita bakgrundsbilden som finns på alla sidor. */
	background-repeat: repeat-x;
	width:auto;
	margin:0 auto;
	font:0.69em/1.54em Arial, Helvetiva, Verdana, sans-serif; /* storlek och radavstånd på all text */
	color:#05627d; /* brödtextens färger */
}

/* SPECIAL FÖR REGISTRED-MÄRKET
........................................................................*/
sup {
	font-size: 0.59em;
    padding: 0px;
    margin: 0px;
}

.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

/*	Clearfix
---------------------------------------------*/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}

.clearfix {display: inline-block;}

.clear {clear:both;}

/* LÄNKAR (detta är länkar i brödtexten)
......................................................*/
a {
	color:#05627d;
	text-decoration:none;
	outline:none;
}

a:focus,
a:hover {
	text-decoration:none;
	border-bottom:1px solid #05627d;
	color:#05627d;
	outline:none;
}
a:active {border:none; text-decoration:none;}
a.img:hover {border:none; text-decoration:none;}
a.img:active {border:none; text-decoration:none;}

/* TYPOGRAFI (h1-h4 är olika rubriker. )
............................................*/
h1 {
	font:2em/1em Arial, Helvetiva, Verdana, sans-serif; 
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1px;
}
h2 {
	font:1.3em Arial, Helvetica, Verdana, sans-seriff;
	font-weight:bold;
	color:#fff;
	
}

h3 {
	font-size:1em;
	font-weight:bold;
	color:#05627d;
	margin-top:20px;
	margin-bottom:-1px;
}

h4 {
	font:1.3em Arial, Helvetica, Verdana, sans-seriff;
	font-weight:bold;
	color:#05627d;
}

p {padding:4px 0 0.3px;}

/* mainContainer. I denna behållare ligger allt innehåll på alla sidor
ändras denna kommer alla sidor att påverkas.
............................................................................................................................................*/
#mainContainer {
	width:920px;
	height:800px;
	position:relative;
	float:left;
	margin-left:120px;
}


 #header {
	width:874px;
	position:relative;
	height:83px;
	padding-top:10px;
}

#header h1 {
	width:184px;
	height:43px;
	float:left;
}
/* slut mainContainer*/

/******* MENU *******/
#container{
	margin:37px 0 0 0;
	width: 685px;
	margin-left:186px;
}


#container ul{
	list-style: none;
	list-style-position: inside;
}

#container ul.menu li{
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container ul.menu li{
	font-weight:bold;
	display: block;
	margin:0 25px 0 0;
	position: relative;
	color: #fff;
	cursor: pointer;
}

#container ul.menu li.active{
	top: 0px;
	border-bottom: 0;
	color: #9dc4cb;
}
#container ul.menu li:hover{
	color: #bfd3f1;
}

#flagga {
	position:absolute;
	margin-left:1005px;
	padding-top:40px;
}

/******* /MENU *******/

#container ul.special a {color:#fff; font:1em/1.54em Arial, Helvetiva, Verdana, sans-serif; font-weight:bold;}
#container ul.special li a:hover{color:#bfd3f1; border:none;}
#container ul.special li a:active{color:#bfd3f1; border:none;}
#container ul.special li a.chosen{color:#9dc4cb;}

/******* UNDERMENY *******/
.content{
	
	margin:-17px 0 0 0;
	border-top: 1px solid #fff;
	padding:0px 5px 0px 0px;
	color:#fff;
}

.content ul li {
	float:left;
	margin:-5px 10px 0 0;
}

.content ul li a {
	font-weight:bold;
	color:#fff;
}

.content ul li a:hover {
	color:#bfd3f1;
	border:none;
}

.content ul li a:active {
	color:#bfd3f1;
	border:none;
}

.content ul li a.current {
	color:#9dc4cb;
	border:none;
}

.content ul li.current {
	color:#9dc4cb;
	border:none;
}


/******* bluff *******/

.content.bluff{
	display: block;
	padding-left:29px;
}
/******* /bluff *******/


/******* tjanster *******/
.content.tjanster{
	display: none;
	padding-left:29px;
}
/******* /tjanster *******/

/******* metoder *******/
.content.metoder{
	display: none;
	padding-left:29px;
}
/******* /metoder *******/

/******* kontakt *******/
.content.kontakt{
	display: none;
	padding-left:29px;
}
/******* /kontakt *******/

/******* kunder *******/
.content.kunder{
	display: none;
	padding-left:29px;
}
/******* /kunder *******/

/******* kundinloggning *******/
.content.inloggning{
	display: none;
	padding-left:29px;
}
/******* /inloggning *******/

/******* konsumentpanelen *******/
.content.konsumentpanelen{
	display: none;
	padding-left:29px;
}
/******* /konsumentpanelen *******/

/******* /UNDERMENY *******/

/* Index-sidan (a.k.a startsidan)
...............................................................*/
#welcome {
	display:block;
	width:874px;
	margin-top:45px;
	font-size:1.2em;
	}

#welcome .col {
	float:left;
	margin-top:0;
	}
	
#welcome .wide {
/*	width:600px; */
/*	margin-right:81px; */
	margin-top:-16px;
	}	
	
#welcome .flash {
	width:184px;
	height:229px;
	padding-top:4px;
	padding-left:6px;
	background-color:#eef7f4;
	}

.top {margin-top:40px;}

/* A.K.A Puff, blå box på startsidan.
...................................................................*/
#wideBox {
	display:block;
	width:874px;
	height:184px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:20px;
	font-size:1em;
	font-weight:bold;
	background:url(../norm_img/puff.png);
}

#wideBox .col {
	float:left;
}

#wideBox .textLeft {
	width:350px;
	padding-top:19px;
	padding-left:35px;
}

#wideBox .textRight {
	width:350px;
	padding-top:19px;
	padding-left:96px;
}

#wideBox span {
	display:none;
}

/* Shopper-sidan
...............................................................*/
#headerShopper {
	margin-top:65px;
	width:700px;
}


#shopper {
	display:block;
	width:874px;
	margin-top:0px;
	font-size:1.2em;
	}

#shopper ul {
	list-style-image:url(../norm_img/bullet.gif);
	margin:0;
	padding:0;
}

#shopper ul li {
	margin-left:20px;
	padding:0;
}

#shopper .col {
	float:left;
	margin:0;
	padding:0;
	}
	
#shopper .wide {
	width:420px;
	margin-right:34px;
	}
#shopper .wide2 {
	width:420px;
	}

/* Konsumentstudier utanför point-of-puchase */

#headerConsumer {
	margin-top:65px;
	width:700px;
}

#consumer {
	display:block;
	width:874px;
	margin-top:40px;
	font-size:1.2em;
	}

#consumer ul {
	list-style-image:url(../norm_img/bullet.gif);
	margin:0;
	padding:0;
}

#consumer ul li {
	margin-left:20px;
	padding:0;
}

#consumer .col {
	float:left;
	margin-top:0;
	}
	
#consumer .wide {
	width:420px;
	margin-right:34px;
	}
#consumer .wide2 {
	width:420px;
	}	


/* Kundersidan */

#headerCustomer {
	margin-top:65px;
	width:700px;
}

#customer {
	display:block;
	width:874px;
	margin-top:40px;
	font-size:1.2em;
	}

#customer ul {
	list-style-image:url(../norm_img/bullet.gif);
	margin:0;
	padding:0;
}

#customer ul li {
	margin-left:20px;
	padding:0;
}

#customer .col {
	float:left;
	margin-top:0;
	}
	
#customer .wide {
	width:430px;
	margin-right:14px;
	}
#customer .wide2 {
	width:430px;
	margin-top:-22px;
	}	
#citatK1 {
	margin-top:31px;
}
#citat { 
	margin-top:185px;
	font:0.8em/1.2em Arial, Helvetiva, Verdana, sans-serif; 
}
#citat .g1 {margin-bottom:20px;}
#citat .g2 {margin-bottom:20px;}
#citat .g3 {margin-bottom:20px;}


/* Kvantitativa studier */

#headerKvant {
	margin-top:65px;
	width:700px;
}

#kvant {
	display:block;
	width:874px;
	margin-top:40px;
	font-size:1.2em;
	}

#kvant ul {
	list-style-image:url(../norm_img/bullet.gif);
	margin:0;
	padding:0;
}

#kvant ul li {
	font-size:0.9em;
	margin-left:20px;
	padding:0;
}

#kvant .col {
	float:left;
	margin-top:0;
	}
	
#kvant .wide {
	width:370px;
	margin-right:34px;
	}
#kvant .wide2 {
	width:470px;
	}		
	
/* Kontakt sidorna */
#headerContact {
	margin-top:65px;
	margin-left:216px;
	width:700px;
}

#contact {
	display:block;
	width:874px;
	margin-top:40px;
	font-size:1.2em;
	}
	
#contact p {padding:0px 0 0.3px;}

#contact ul {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}

#contact ul li {
	margin-left:0px;
	padding:0;
}

#contact .col {
	float:left;
	margin-top:0;
	}
	
#contact .wide {
	font:0.88em/1.44em Arial, Helvetiva, Verdana, sans-serif; 
	width:180px;
	margin-right:34px;
	margin-top:20px;
	}

#contact .wide2 {
	 
	width:640px;
	margin:20px 0 0 0;
	
}

#locked {
	display:block;
/*	margin-left:273px; */
	margin-left:300px;
}
#locked .col {
	float:left;
	position:relative;
	margin-left:0;
	color:#fff;
}
	#locked_eng {
		display:block;
		margin-left:268px;
	}
	#locked_eng  .col {
		float:left;
		position:relative;
		margin-left:0;
		color:#fff;
	}

/* Svenska sidans kontaktlista 
........................................................*/
#locked .col1 {width:20px;}
#locked .col2 {width:20px; margin-left:62px;}
#locked .col3 {width:20px; margin-left:62px;}

.scrollbox {
	font:0.86em Arial, Helvetiva, Verdana, sans-serif;
	overflow:auto;
	width:640px;
	height:372px;
	padding:0 0 0 0;
}	

/* Engelska sidans kontaktlista
...................................................................*/

#locked_eng .uk_col1 {width:55px;}
#locked_eng .uk_col2 {width:30px; margin-left:58px;}
#locked_eng .uk_col3 {width:30px; margin-left:82px;}

.scrollbox_uk {
	font:0.86em Arial, Helvetiva, Verdana, sans-serif;
	overflow:auto;
	width:665px;
	height:372px;
	padding:0 0 0 0;
}	
	
.marginTop {margin:124px 0 0 8px;}

.marginTop2 {margin:13px 0 0 8px;}


/* INLOGGNING */

#login {
	display:block;
	width:874px;
	margin-top:140px;
	font-size:1.2em;
	}

#login ul {
	list-style-image:url(../norm_img/bullet.gif);
	margin:0;
	padding:0;
}

#login ul li {
	margin-left:20px;
	padding:0;
}

#login .col {
	float:left;
	margin-top:0;
	}
	
#login .wide {
	width:420px;
	margin-right:34px;
	}
#login .wide2 {
	width:420px;
	margin-top:-38px;
	}	

#login fieldset {width:270px; margin-left:130px; border:none;}


/* Contacts, denna är synlig på alla svenska sidor!!!
.........................................................................................*/

#contactList{
	margin-left:80px;
	margin-top:5px;
	float:left;
	width:960px;
	font-size:1em;
	font-weight:bold;
	}

#contactList ul {
	margin-left:0 !important;
	margin-top:10px;

	}

#contactList ul li {
	margin:0 19px 0 0;
	list-style:none;
	width:auto;
	float:left;
	}
	
/* Contacts, denna är synlig på alla engelska sidor!!!
.........................................................................................*/

#contactListUK{
	margin-left:80px;
	margin-top:5px;
	float:left;
	width:960px;
	font-size:1em;
	font-weight:bold;
}

#contactListUK ul {
	margin-left:0 !important;
	margin-top:10px;

}

#contactListUK ul li {
	margin:0 8px 0 0;
	list-style:none;
	width:auto;
	float:left;
}