/**
	Global
**/

html body  {
	
	font-size:12px;
	font-family:Arial,"sans serif";
	line-height:1.5em;
}

body {
	text-align:center;
	background:url("./bilder/bg.png") center 90px;
}


/* DEFAULTS*/
html, body, * {
	margin:0;
	padding:0;
}

body { 
 width:100%;}

.clear {
	padding:0;
	margin:0;
	line-height:0px;
	height:0px;
	clear:both;
}

/**
	Main layout
**/

#extra1 {
	background:url("./bilder/extra.png") repeat-x center top;
	
	top:0;
	left:0;
	width:100%;
	height:169px;
}

#wrap {
        position:relative;
        top:-119px;
	width:800px;
	margin:0 auto 50px auto;
	text-align:left;
	background:#fff;
	
}

#lang { 
        position:absolute;
        width:800px;
        margin:0 auto 0 auto;
        
}

#head {
	height:143px;
	background:url("./bilder/head.png") no-repeat;
	position:relative;
        z-index:100;
}

#innehall {
	margin:0;
	background:#fafafa;
	position:relative;
}

#fot {
	background:url("./bilder/fot.png") no-repeat right bottom;
}

/**
   Lang=global
**/
#lang { 
z-index:200;
}

#lang a { 
 float:right;
 margin-right:25px;  
 margin-top:10px;     
 color:#000;
 text-decoration:none;
 font-weight:bold;
}



/** 
	Head=global
**/


#head h1 {
	margin:2px 20px;
	float:left;
	width:270px;
	height:100px;
	text-indent:-9999px;
	background:url("./bilder/head-h1.png") no-repeat;
}

/**
	Head=nav
**/

#main-nav  {
	float:right;
	position:absolute;
	bottom:35px;
	right:15px;
	font-family:arial,sans-serif;
}

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

#main-nav li {
	display:inline;
}

#main-nav a {
	float:left;
	margin-right:10px;
	padding-left:15px;
	font-size:1em;
	line-height:1.8em;
	font-weight:bold;
	background:url("./bilder/nav-sep.png") no-repeat 5px top;
}

#main-nav a.hem {
	background:none;
}

#main-nav a:link, #main-nav a:active, #main-nav a {
	color:#000;
	text-decoration:none;
}

#main-nav a.active, #main-nav a:hover {
	color:#b00e0e;
}


/**
	Innehall=global
**/
#innehall {
	padding:0 30px 0 30px;
	background:#f5f5f5 url("./bilder/wrap-bg.png") no-repeat left bottom;
}

#innehall h1 {
	margin-bottom:0.1em;
}

#innehall p {
	font-size:1em;
	word-spacing:0.21em;
	margin:1.5em 0;
	color:#333;
}


/** 
Innahell=om
Om Företaget specifikt **/
.om #innehall {
	padding-bottom:70px;
}

.om #innehall p {
	
	padding-right:276px;
	
}

.om #innehall h1 {
	text-indent:-9999px;
	background:url("./bilder/om-h1.png") no-repeat;
	height:63px;


}

.om-en #innehall h1 { 
background:url("./bilder/om-h1_en.png") no-repeat
}

.om #personal {
	float:right;
        position:relative;
        top:-68px;
	margin-top:30px;
	width:236px;
	padding-left:20px;
	background:url("./bilder/personal-line.png") no-repeat left 45px;
}

.om #personal h1 {
	background:url("./bilder/personal-h1.png") no-repeat left top;
	padding:0;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	height:23px;
	font-size: 0px;
	
}

.om-en #personal h1 { 
background:url("./bilder/personal-h1_en.png") no-repeat left top;

}

.om #personal p {
	font-family:arial,helvetica;
	font-size:0.92em;
	line-height:1.5em;
}

.om #personal div {
	position:relative;
	padding:10px 0 0 0;
	margin:20px 0 1em 0;
}

.om #personal div.jonas {
	background:#ededed url("./bilder/personal-jonas.png") no-repeat left top;
}

.om #personal div.ulf {
	background:#ededed url("./bilder/personal-ulf.png") no-repeat left top;
}

.om #personal div.lennart {
	background:#ededed url("./bilder/personal-lennart.png") no-repeat left top;
}

.om #personal div p {
	margin:0;
	padding:0 0 0 100px;	
	background:url("./bilder/personal-botten.png") no-repeat left bottom;
}

.om #personal div a {
	color:#069;
	margin:20px 0;
	padding-bottom:10px;
	display:block;
	font-weight:bold;
	
}

.om #personal span {
	display:block;
	position:relative;
	line-height:0px;
	font-size:0px;
	height:13px;
	text-indent:-100px;
	margin-bottom:4px;
}

.om .ulf span {
	background:url("./bilder/ulf-namn.png") no-repeat left top;
}

.om .lennart span {
	background:url("./bilder/lennart-namn.png") no-repeat left top;
}

.om .jonas span {
	background:url("./bilder/jonas-namn.png") no-repeat left top;
}

/** debug **/




/** 
Innehall=hem
 **/
.hem #innehall {
	background:#f5f5f5 url("./bilder/hem-bg.png") no-repeat right 110px;

	
	
}

.hem p {
	padding-right:264px;
}

.hem p.intro {
	text-indent:-9999px;
	height:64px;
	background:url("./bilder/intro.png") no-repeat left top;
}


.hem #innehall h1, .hem #innehall h2 {
	text-indent:-9999px;
}

.hem #innehall h1 {
	background:url("./bilder/hem-h1.png") no-repeat;
	height:55px;
	margin:0;
}

.hem-en #innehall h1 { 
 background:url("./bilder/hem-h1_en.png") no-repeat;
}

.hem #innehall h2 {
	background:url("./bilder/hem-h2.png") no-repeat;
	height:56px;
	margin-bottom:25px;
}

.hem-en #innehall h2 { 
	background:url("./bilder/hem-h2_en.png") no-repeat;
}

/**
	Innehall=kuskar
**/
.hem #kuskar {
margin-top:20px;
height:100px;
}

.hem #kuskar p {
	float:left;
	width:115px;
	height:91px;
	padding:0;
	margin-right:12px;
	text-indent:-9999px;
}

.hem #kuskar p.goop {
	background:url("./bilder/kusk-goop.png") no-repeat;
}

.hem #kuskar p.stig {
	background:url("./bilder/kusk-stigh.png") no-repeat;
}

.hem #kuskar p.adielsson {
	background:url("./bilder/kusk-adielsson.png") no-repeat;
}

.hem #kuskar p.konti {
	background:url("./bilder/kusk-konti.png") no-repeat;
}

/**
	Innehall=kontakt
   Innehall=bestall
**/
.kontakt #kontakt {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, "Sans Serif";
	float:right;
	width:170px;
	
}

.kontakt #kontakt strong {
	text-transform:uppercase;
}



.bestall #innehall h1, .kontakt #innehall h1 {
	text-indent:-9999px;
	height:63px;
	margin:0;
}



.kontakt #innehall h1 { 
	background:url("./bilder/kontakt-h1.png") no-repeat;
}

.kontakt-en #innehall h1 { 
 background:url("./bilder/kontakt-h1_en.png") no-repeat;
}

.bestall #innehall h1 { 
	background:url("./bilder/bestall-h1.png") no-repeat;
}

.bestall-en #innehall h1 { 
	background:url("./bilder/bestall-h1_en.png") no-repeat;
}




.bestall fieldset, .kontakt fieldset { 
 padding:1em 0;

 border:0;
 border-top:1px solid #ccc;
 position:relative;
}

.bestall legend, .kontakt legend { 
 font-family:Helvetica, Arial, "Sans serif";

 text-transform:uppercase;
 font-size:1.4em;
 color:#444;
 font-weight:bold;


}

.bestall form, .kontakt form {
	margin:1.29em 0;
}

.kontakt form { 
 background:url("./bilder/personal-line.png") no-repeat 550px top;

}

.bestall dt, .bestall dd, .kontakt dt, .kontakt dd {
	font-weight:bold;
	font-size:1em;
	font-family:Helvetica, Arial, "Sans serif";
	text-transform:uppercase;
}

.bestall form dt, .kontakt form dt {
        clear:left;
	float:left;
	width:220px;
	margin:0.5em 0 0.3 0;
position:relative;
}

.bestall form dt { 
 margin-bottom:1em;

  
}

.bestall form dd { 

 margin-bottom:1em;
width:490px;

 float:left;
}

.kontakt form dd {
 margin-bottom:1em;

}

.bestall input { 
 float:left;
}

.bestall .text, .bestall .antal { 
 border:1px solid #999;
 padding:2px;


 }

.bestall select { 
 text-transform:none;
}

.bestall #antal input { 
float:none;
}

.bestall #antal dd, .bestall #antal dt { 
 margin:10px 0 20px 0;
}

.bestall #antal dt { 
 width:100px;
}

.bestall #innehall p.drop { 
 position:relative;
 margin:0 0 0 20px;
 float:left;
padding:1px;
 width:130px;
}

.bestall #innehall p.drop label { 
 text-transform:none;
 font-size:0.92em;
 position:absolute;
 top:-20px;
 width:200px;
 font-family:Verdana, Arial, Helvetica, "Sans serif";
}

.bestall .text, .kontakt .text {
	width:320px;
}

.bestall .antal { 
        width:50px;
}

.bestall #innehall p.info { 
 font-weight:bold;
 font-size:1.3em;
 color:#c00;
 padding:0;
 margin:0 0 1.5em 0;
}

/**
	Innehall=prod
**/

.prod #innehall{
	
	padding-bottom:70px;
}
	
.prod h1 {
	background:url("./bilder/produkter-h1.png") no-repeat;
	text-indent:-9999px;
	height:63px;
	margin:0;
}

.prod-en h1 { 
 background:url("./bilder/produkter-h1_en.png") no-repeat;
}

.prod h2.inkl, .prod h2.special {
	clear:left;
	text-indent:-9999px;
	height:28px;
	padding-bottom:4px;
	margin:1em 0 12px 0;
	border-bottom: 1px dashed #ccc;
}

.prod h2.inkl { 
 background:url("./bilder/modeller.png") no-repeat left top;
}

.prod-en h2.inkl { 
 background:url("./bilder/modeller_en.png") no-repeat left top;
}

.prod h2.special { 
 background:url("./bilder/prod-special.png") no-repeat left top;
}

.prod-en h2.special { 
 background:url("./bilder/prod-special_en.png") no-repeat left top;
}



.prod ul.inkl, .prod ul.special {
	list-style-position:inside;
	list-style:none;
}

.prod .inkl li, .prod .special li {
	
	margin-bottom:4px;
	padding:5px 0 5px 18px;
	background:url("./bilder/list-li.png") no-repeat 5px 50%;
	border-bottom: 1px dotted #ccc;
}

.prod .eye {
	font-size:1em;
	font-family:arial,helvetica;
	line-height:1.5em;
	float:left;
	position:relative;
	width:240px;
	background:no-repeat left bottom;
	padding:0 0 220px 0;
	margin-bottom:45px;
	height:195px;	
}

.prod .eye h2 {
	height:68px;
	background:no-repeat left top;
	text-indent:-9999px;
	margin-bottom:20px;
}

.prod .eye p {
	padding:0 14px 0 18px;
        position:absolute;
        top:70px;
}

.prod .nova1, .prod .nova2 {
	margin-right:10px;
}

.prod .nova1 {
	background-image:url("./bilder/eye-nova1.png");
}

.prod .nova1 h2 {
	background-image:url("./bilder/nova1.png");
}

.prod .nova2 {
	background-image:url("./bilder/eye-nova2.png");
}

.prod .nova2 h2 {
	background-image:url("./bilder/nova2.png");
}

.prod .avon {
	background-image:url("./bilder/eye-avon.png");
}

.prod .avon h2 {
	background-image:url("./bilder/avon.png");
}

.prod-en .avon h2 {
	background-image:url("./bilder/avon_en.png");
}

/**
	Priser
**/
.pris h1 {
	background:url("./bilder/priser-h1.png") no-repeat;
	text-indent:-9999px;
	height:63px;
	margin:0;
}

.pris-en h1 { 
 background:url("./bilder/priser-h1_en.png") no-repeat;
}

.pris table {
	font-weight:bold;
	font-family:Helvetica,"Lucida grande", arial, "sans serif";
	width:450px;
}

.pris td {
	border-bottom: 1px dotted #ccc;
}

.pris td.prod {
	padding:0 0 0.4em 0;
	width:300px;
	
} 


.pris #priser {
	font-size:1em;
	clear:left;
	width:716px;
	background:url("./bilder/priser.png") no-repeat left bottom;
	position:relative;
	padding:68px 10px 10px 14px;	
	
	
}

.pris #priser h2 {
	position:absolute;
	top:0;
	left:0;
	background:url("./bilder/priser-h2.png") no-repeat left top;
	width:760px;
	height:102px;
	text-indent:-9999px;

}
.pris #priser h3 {
	margin:1.2em 10px 0 0;
	background:no-repeat left top;
	text-indent:-9999px;
	height:37px;
}

.pris #priser h3.grundpris {
	background-image:url("./bilder/grundpris.png");
}

.pris-en #priser h3.grundpris {
	background-image:url("./bilder/grundpris_en.png");
}

.pris #priser h3.special {
	background-image:url("./bilder/special.png");
}

.pris-en #priser h3.special {
	background-image:url("./bilder/special_en.png");
}

.pris #priser h3.slipade {
	background-image:url("./bilder/slipade.png");
}

.pris-en #priser h3.slipade {
	background-image:url("./bilder/slipade_en.png");
}

.pris #priser h3.glasbyte {
	background-image:url("./bilder/glasbyte.png");
}

.pris-en #priser h3.glasbyte {
	background-image:url("./bilder/glasbyte_en.png");
}

.pris .moms {
	margin-top:1em;
	font-size:1.8em;
}

/**
	Fot=global
**/
#fot {
        font-family:arial,sans-serif;
	font-size:1em;
	border-top: 1px solid #ededed;
	color:#b00e0e;
	padding:0 30px 10px 30px;
}

#fot p.brand {
	font-weight:bold;
	float:left;
	margin:0;
	padding-top:15px;
}

#fot address {
	float:right;
	font-style:normal;
	padding-top:10px;
}

#fot address span {
	display:block;
	float:left;
	padding-left:20px;
}