/* 
CSS Dokument av Flamman 2006-01-30 lars.flemen@academedia.se
Fungerar och testat på:
Mac - Firefox 1.0 , InternetExplorer 5.2 , Netscape 7.1 , Opera 6.3, Safari 2.0.3
PC - Firefox 1.5 , InternetExplorer 6.0.28 , Netscape 7.1 , Mozilla 1.7.2 
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, div {  
/*	Nollställer marginaler för ovanstående element i alla browsers */
	margin: 0; 
	padding: 0; 
	border: 0; 
	
	}



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



body {
/*	Font storlek, färg genomgående för sajten */
	font-size: 100.01%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 10px;
	background-color:#F4F4F5;
	}



#wrapper {
/*	Wrappern omsluter alla divar, här finns även border linjen runt sajten */
	margin: 0px auto;
	width: 785px;
	border: 1px solid #999999; 
	background-color:#FFFFFF;
	
	}




#header {
/*	Bakgrunds bild för huvudet och även bakgrundslisten för topmenyn ( höjd & färg) */
	height: 121px;
	background-image:url(../img/top_img.jpg);
	background-repeat: no-repeat;
	border-bottom: 20px solid #ffffff;
	margin:10px;
	
	}
	
#headeress {
/*	essential- Bakgrunds bild för huvudet och även bakgrundslisten för topmenyn ( höjd & färg) */
	height: 121px;
	background-image:url(../img/essential_head.jpg);
	background-repeat: no-repeat;
	border-bottom: 20px solid #ffffff;
	margin:10px;
	
	}

/************** START - Navigering  ************************/

#navcontainer{
/* Navigering - Placering på sidan */
	position:relative;
	top:125px;
	left:20px;
	color:#ED1C24;
	
	}



#navlist li{
/* Navigering - tar bort bullits och placerar listan(menyn) på en rad */
	display: inline;
	list-style-type: none;
	margin-right: 45px;
	  
	}



#navlist li a{
/* Navigering - Sätter font värden på länkarna i menyn */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ED1C24;
	text-decoration:none;
	
	}



#navlist li a:hover, #navlist li a:focus {
/* Navigering - Sätter nya fontvärden på länkarna (mouseOver) */
	color:#999999;
	text-decoration:underline;
	
	}
	
#navlist li.active {
/* Navigering - Sätter nya fontvärden på länkarna (mouseOver) */
	color:#999999;
	text-decoration:none;
	font-weight:bold;
	
	}


/************** END - Navigering -  ************************/

#innerwrapper {
/* sätter höjd,marginaler mm på "contentarean".Placera alla divar inom detta område */
	width: 765px;
	margin: 10px 10px;
	padding: 0px;
	
	}
	
	
	
	
#content {
	font-size:10px;
	margin:0px;
	padding:0px;

	}
	
	


h1{
	background-color:#bfcfd3;
	color:#FFFFFF;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	padding-left:10px;
	margin-bottom:10px;
	
	}	
	
h1.ess{
	background-color:#de2110;
	
	
	}
	
h1.excl{
	background-color:#a9cdd7;
	
	
	}	
	
h1.contact {
margin-bottom:0px;

}	
		
	
.margintop {
	margin-top:15px;
	
	}
	
	
		
.margintopleft {
	margin-top:10px;
	
	}
	
/**************** START - FÖRSTA CHOKET PÅ HOME SIDAN ***********************/	
	
#homeexcpic {
/* div med bild - första choket exclusive*/
	float:left;
	width:185px;
	height:143px;
	margin:0px 12px 0px 1px;
	
	}



#homefirst {
/* div - första choket (exclusive Platta) */
	float:left;
    width:564px;
	height:141px;
	background-color:#dee7e9;
	margin:12px 0px	;
	
	}
	
	
		
#homefirst p {
/* p class - första choket exclusive text*/
	
	
	margin:20px 15px 0px 10px;
	color:#616a6c;
	
	
	}
	
#homefirst p.link {
/* pclass - första choket (exclusive textblock) */
	
	text-align:right;
	
	
	}
	
	
#homefirst a{
/* länk - första choket exclusive under texten*/
	color:#616a6c;
	text-decoration:none;
	text-align:right;
	
	}
	
#homefirst a:hover,#homefirst a:focus {
/* länk - första choket exclusive under texten*/
	color:#616a6c;
	text-decoration:underline;
	
	}

/**************** SLUT - FÖRSTA CHOKET PÅ HOME SIDAN ***********************/	

/**************** START - ANDRA CHOKET PÅ HOME SIDAN ***********************/	


#homeesspic  {
/* div med bild - andra choket essential*/
	float:left;
	width:185px;
	height:143px;
	margin:12px 12px 12px 1px;
	
	}

	
	
#homesec {
/* div - andra choket (essential Platta) */
	float:left;
    width:564px;
	height:141px;
	background-color:#de2110;
	
	
	
	}
	
	
#homesec p {
/* p class - andra choket (essential text) */
	
	margin:20px 15px 0px 10px;
	color:#ffffff;
	
	
	}
	
	
#homesec p.link {
/* p class - andra choket (essential text) */
	
	text-align:right;
	
	
	}	
	
	
#homesec a {
/* länk - första choket essential under texten*/
	color:#ffffff;
	text-decoration:none
	
	}
	
#homesec a:hover,#homesec a:focus {
/* länk - första choket essential under texten*/
	color:#ffffff;
	text-decoration:underline;
	
	}
	
/**************** SLUT - ANDRA CHOKET PÅ HOME SIDAN ***********************/	

/**************** START - PICS PÅ HOME SIDAN ***********************/	

#pics{
	margin:12px 0px 0px 1px;
	padding:0px;

	}	
	
#pics .marg {
	margin:0px 13px 0px 0px;
	
	}
	
#pics .margend {
	margin:0px
	
	}
	
/**************** END - PICS PÅ HOME SIDAN ***********************/	

/**************** START - FÖRSTA CHOKET PÅ ABOUT SIDAN ***********************/	
	
#history {
	position:relative;
/*	height: 293px; */
	background-color:#f4f7f7;
	margin-top:10px;

	}


#history p {
	width:550px;
	margin:15px 10px;
/*	padding-bottom:15px;  */
	
	}
	
/**************** SLUT - FÖRSTA CHOKET PÅ ABOUT SIDAN ***********************/	

/**************** START - ANDRA CHOKET PÅ ABOUT SIDAN ***********************/	
#innovation {
	position:relative;
/*	height: 293px; */
	background-color:#f4f7f7;
	margin-top:10px;

	}
	
	
	
#innovation p {
	width:550px;
	margin:15px 10px;
/*	padding-bottom:15px;  */
	
	}
	


/**************** END - ANDRA CHOKET PÅ ABOUT SIDAN ***********************/	

/**************** START - SUB NAV PÅ SIDAN ESSENTIALS ***********************/	


#subnavcontainer {
	float:left;
	width: 191px;
	height: 387px;
	margin:0px 0px 0px 1px;
	padding:0px;
	background-color: #f0f2f2;
	}

 #subnavlist {
	width: 191px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #f0f2f2;
	
	
	}
	
	
 #subnavlist li {
	display: block;
	width: 191px;
	background-color: #f0f2f2;
	border-bottom: 1px solid #ffffff;
	
		
	}

#subnavlist li.head {
	display: block;
	width: 191px; 
	height:20px;
/*	background-color: #f0f2f2; */
	background-color: #de2110;  
	border-bottom: 1px solid #eeeeee;
	
	}
	



 #subnavlist a {
	display: block; 
	height:20px;
	background-color: #f0f2f2;
	 padding:4px 0px 0px 10px; 
	

	
	}


 #subnavlist a:link, #subnavlist a:visited {
	color: #de2110;
	text-decoration: none;
	
	}

 #subnavlist a:hover, #subnavlist a:focus {
	background-color: #ced0d0; 
	color: #ffffff;
	text-decoration: none;
	
	}
	
#subnavlist .active {
	background-color:#ced0d0; 
	color: #ffffff; 
	text-decoration: none;
	
	}



/**************** END - SUB NAV PÅ SIDAN ESSENTIALS ***********************/

/**************** START - FLASH PÅ SIDAN ESSENTIALS ***********************/	

#flash {
	float:left;
	margin:0px 0px 0px 10px;

}


.esspic {

	margin-top: 10px;

	}

/**************** SLUT - FLASH PÅ SIDAN ESSENTIALS ***********************/

/**************** START - BOTTOMBANNER PÅ SIDAN ESSENTIALS ***********************/

#bottombanner {
	position:relative;
	top: 0px;
	left: 0px;
	width:765px;
	height:121px;
	margin:0px;
	padding-top:10px;
	
	}
	
	
#esslogo  {
	position:relative;
	top:60px;
	left:10px;
	margin: 0px;
	padding: 0px;
	z-index:10;

}	

/**************** SLUT - BOTTOMBANNER PÅ SIDAN ESSENTIALS ***********************/

/******************************************************************************/

/**************** START - SUB NAV PÅ SIDAN EXCLUSIVE ***********************/	


#dubnavcontainer { 
 	float:left;
	width: 191px;
	height: 373px;
	margin:0px 0px 0px 1px;
	padding:0px;
	background-color: #f0f2f2;
	
	}

 #dubnavlist {
	width: 191px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #f0f2f2;
	
	
	}
	
	
 #dubnavlist li {
	display: block;
	width: 191px;
	background-color: #f0f2f2;
	border-bottom: 1px solid #ffffff;
	
		
	}

#dubnavlist li.head {
	display: block;
	width: 191px; 
	height:20px;
/*	background-color: #f0f2f2; */
	background-color: #a9cdd7;  
	border-bottom: 1px solid #eeeeee;
	
	}
	
	

 #dubnavlist p {
	 padding:4px 0px 0px 10px; 
	
	}


 #dubnavlist a {
	display: block; 
	height:20px;
	background-color: #f0f2f2;
	padding:4px 0px 0px 10px;

	
	}


 #dubnavlist a:link, #dubnavlist a:visited {
	color: #7db1bf;
	text-decoration: none;
	
	}

 #dubnavlist a:hover, #dubnavlist a:focus {
	background-color: #ced0d0; 
	color: #ffffff;
	text-decoration: none;
	
	}
	
#dubnavlist .active {
	background-color:#ced0d0; 
	color: #ffffff; 
	text-decoration: none;
	
	}



/**************** END - SUB NAV PÅ SIDAN EXCLUSIVE ***********************/

/**************** START - BROCHURE PÅ SAJTEN ***********************/

p.brochure {
	width:500px;
	font-weight:bold;
	text-align: center;
	margin:auto;
	}
	
	
#flag {
	width:765px;
	background-color:#ffffff;

}	

.color{
	background-color:#f0f2f2;
	}

.smallflag {
	margin-left:0px;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	}
	
.smalltext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}	





	#galleri {
	
	margin: 0px 0px 0px 45px;
	
	
	}

	.thumbnail
	{
	float: left;
	width: 70px;
	border: 1px solid #999; 
	margin: 0px 15px 15px 0;
	padding: 5px;
	background-color:#bfcfd3;
	text-align:center;
	}
	
	.thumbnail img {
	
	border: 1px solid #000; 
	
	}	
	
	
	.thumbnail a:link,.thumbnail a:visited{
	font-family: "tahoma" ;
	font-size:10px;
	line-height:18px;
	color:#5c808a;
	text-decoration:none;
	}
	
	.thumbnail a:hover,.thumbnail a:focus {
	color:#444444;
	text-decoration:underline;
	
	}
	
	.clearboth { clear: both; }
	.clearright {clear:right; }
	.clearleft {clear:left; }
	
	
/**************** SLUT - BROCHURE  ***********************/

/**************** START - CONTACT  ***********************/
#cont {
	width: 765px;
	margin: 10px 10px;
	padding: 0px;
	background-image:url(../img/colum_bg.jpg);
	background-repeat:repeat-y;
	
	background-position:bottom;
	


}


#contentbg {
position:fixed;
	top:180px;
	left:125px;
	width:190px;
	margin:0px;
	padding:0px;
	background-color:#000000;
	z-index:20;
	
	}
	
#contentbg p {	

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:16px;
	color:#FFFFFF;
	margin: 20px 0px 0px 20px;

	}
	
#contentbg a:link {
	color:#FFFFFF;
	text-decoration:none;
	
	}
	
	#contentbg a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	
	}

	
.text {
	float:right;
	width:565px;
	margin:10px 0px 0px 0px;
	
	}
	
.text p.flag {
	float:left;
	margin-left:25px;
	border:solid 1px #000000;
	
	}	
	
 .text p.adress {
	float:right;
	
	}
	
	
	
	
.text ul{
	margin-left:150px;
	list-style-type: none;
	
	}
		
.text li{
	margin:0px 0px 10px 0px;
	}
	
.text li.fat{
	font-weight:bold;
	}
	
.text li a:link, .text li a:visited{
	color:#444;
	text-decoration:none;
	}	
	
.text li a:hover {
	font-weight:bold;
	text-decoration:underline;
	
	}	
	
	hr	{
	width:510px;
	background-color:#999999; /* Mozilla 1.4 */
	color:#999999; /* IE 6 */
	border: #999999; /* Opera 7.11 */
	height: 1px; /*  Opera  */
	margin-left:25px;
	padding-left:25px;
	text-align: left;
	}


	
#contentbg img {
	margin:20px 0px 0px 0px; 
	

	}
		

/**************** SLUT - CONTACT  ***********************/


/**************** START - SIDFOT  ***********************/


#footer {
/*	sidfot = färg, border och höjd */
	background-color:#bfcfd3;
/*	background: #ED1C24;  */
	height: 20px;
	width:765px;
	margin:0px 0px 10px 10px;
	}
	
	
#footer p {
	font-size:10px;
	color:#FFFFFF;
	padding-top:3px;
	text-align:center;
	}
	
/**************** SLUT - SIDFOT PÅ SAJTEN ***********************/	
	
/**************** START - SIDFOT PÅ ESSENTIALS SIDOR ***********************/	
	
#footeress {
/*	sidfot = färg på essentials sidan */
	background-color:#de2110;
	height: 20px;
	width:765px;
	margin:0px 0px 10px 10px;
	}

	
#footeress p {
	font-size:10px;
	color:#FFFFFF;
	padding-top:3px;
	text-align:center;
	}
	
/**************** SLUT - SIDFOT PÅ ESSENTIALS SIDOR ***********************/

/**************** START - SIDFOT PÅ EXCLUSIVE SIDOR ***********************/
	
#footerexcl {
/*	sidfot = färg på essentials sidan */
	background-color:#a9cdd7;
	height: 20px;
	width:765px;
	margin:0px 0px 10px 10px;
	}
	
	
#footerexcl p {
	font-size:10px;
	color:#FFFFFF;
	padding-top:3px;
	text-align:center;
	}
	
/**************** SLUT - SIDFOT PÅ EXCLUSIVE SIDOR ***********************/