body {
	margin:0;
	padding:0;
	background-position:top left;
	background-repeat:no-repeat;
	color:#44413c;
	font-size:62.5%;
	font-family:Tahoma, Arial, sans-serif;
	text-align:left;
}

body#startsida,
body#salon,
body#tjanster,
body#priser {
}


body#startsida {
	background-image:url("images/startsida.jpg");
}

body#salon {
	background-image:url("images/salon.jpg");
}

body#tjanster {
	background-image:url("images/tjanster.jpg");
}

body#priser {
	background-image:url("images/priser.jpg");
}

body#produkter {
	background-image:url("images/produkter.jpg");
}

body#kontakt {
	background-image:url("images/kontakt.jpg");
}



#top-line {
	width:100%;
	margin:0px 0px 40px 0px;
	height:10px;
}

#startsida #top-line {
	background-color:#aa36ef;
}

#salon #top-line {
	background-color:#ff007c;
}

#tjanster #top-line {
	background-color:#ffb100;
}

#priser #top-line {
	background-color:#ffe300;
}

#produkter #top-line {
	background-color:#00e26d;
}

#kontakt #top-line {
	background-color:#008ce1;
}




#container {
	width:990px;
}




#header {
	width:960px;
	margin:0px 0px 40px 30px;
}




#nav {
	float:left;
	display:inline;
	width:260px;
}




#content {
	width:700px;
	padding:20px 0px 20px 0px;
	font-size:1.1em;
	position:absolute;
}

#startsida #content,
#kontakt #content {
	top:165px;
	left:290px;
}


#salon #content {
	top:150px;
	left:300px;
}


#priser #content {
	top:120px;
	left:310px;
}

#tjanster #content {
	top:165px;
	left:310px;
}

#produkter #content {
	top:150px;
	left:210px;
}


.telefon {
	font-size: 1.3em;
	font-weight: bold;
}

#startsida .telefon {
	color: #aa36ef;
}

#tjanster .telefon {
	color: #ffb100;
}

#priser .telefon {
	color: #ffe300;
}

#produkter .telefon {
	color: #00e26d;
}


#startsida .text,
#kontakt .text {
	width:360px;
	margin:15px 0px 0px 20px;
}


#salon .text,
#tjanster .text
#priser .text,
#produkter .text {
	width:650px;
	margin:15px 0px 0px 20px;
}

.text span {
	background-color: #e5e3d9;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	line-height: 210%;
	margin-bottom:1px;
}


#kontakt a:link,
#kontakt a:active,
#kontakt a:visited {
	color:#008ce1;
	text-decoration:none;
	font-weight:bold;
}

#kontakt a:hover {
	text-decoration:underline;
}


#map {
	background-image:url("http://www.klippteam.com/images/map_back.jpg");
	text-align:right;
	width:614px;
}

/* LIGHT BOX */


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("http://www.klippteam.com/images/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("images/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
/* CSS Document */

#nav ul {
	margin:50px 0px 0px 0px;
	padding:0;
	list-style:none;
}


#nav li {
	margin:0px 0px -8px 0px;
	height:50px;
}


#nav a {
	display:block;
	height:50px;
	text-decoration:none;
}



#nav a.startsida {
	width:142px;
}

#nav a.salon {
	width:151px;
} 

#nav a.tjanster {
	width:133px;
}

#nav a.priser {
	width:103px;
}

#nav a.produkter {
	width:162px;
}

#nav a.kontakt {
	width:134px;
}


/* - Home page - */
#startsida #nav a.startsida:link,
#startsida #nav a.startsida:active,
#startsida #nav a.startsida:visited,
#startsida #nav a.startsida:hover {
	background:url("images/menu/startsida_startsida.gif") 0 0 no-repeat;
}

#startsida #nav a.salon:link,
#startsida #nav a.salon:active,
#startsida #nav a.salon:visited {
	background:url("images/menu/startsida_salon.gif") 0 0 no-repeat;
}

#startsida #nav a.salon:hover {
	background-position:0 -50px;
}

#startsida #nav a.tjanster:link,
#startsida #nav a.tjanster:active,
#startsida #nav a.tjanster:visited {
	background:url("images/menu/startsida_tjanster.gif") 0 0 no-repeat;
}

#startsida #nav a.tjanster:hover {
	background-position:0 -50px;
}

#startsida #nav a.priser:link,
#startsida #nav a.priser:active,
#startsida #nav a.priser:visited {
	background:url("images/menu/startsida_priser.gif") 0 0 no-repeat;
}

#startsida #nav a.priser:hover {
	background-position:0 -50px;
}


#startsida #nav a.produkter:link,
#startsida #nav a.produkter:active,
#startsida #nav a.produkter:visited {
	background:url("images/menu/startsida_produkter.gif") 0 0 no-repeat;
}

#startsida #nav a.produkter:hover {
	background-position:0 -50px;
}

#startsida #nav a.kontakt:link,
#startsida #nav a.kontakt:active,
#startsida #nav a.kontakt:visited {
	background:url("images/menu/startsida_kontakt.gif") 0 0 no-repeat;
}

#startsida #nav a.kontakt:hover {
	background-position:0 -50px;
}
/* - */




/* Salon page */
#salon #nav a.startsida:link,
#salon #nav a.startsida:active,
#salon #nav a.startsida:visited {
	background:url("images/menu/salon_startsida.gif") 0 0 no-repeat;
}

#salon #nav a.startsida:hover {
	background-position:0 -50px;
}

#salon #nav a.salon:link,
#salon #nav a.salon:active,
#salon #nav a.salon:visited,
#salon #nav a.salon:hover {
	background:url("images/menu/salon_salon.gif") 0 0 no-repeat;
}


#salon #nav a.tjanster:link,
#salon #nav a.tjanster:active,
#salon #nav a.tjanster:visited {
	background:url("images/menu/salon_tjanster.gif") 0 0 no-repeat;
}

#salon #nav a.tjanster:hover {
	background-position:0 -50px;
}

#salon #nav a.priser:link,
#salon #nav a.priser:active,
#salon #nav a.priser:visited {
	background:url("images/menu/salon_priser.gif") 0 0 no-repeat;
}

#salon #nav a.priser:hover {
	background-position:0 -50px;
}

#salon #nav a.produkter:link,
#salon #nav a.produkter:active,
#salon #nav a.produkter:visited {
	background:url("images/menu/salon_produkter.gif") 0 0 no-repeat;
}

#salon #nav a.produkter:hover {
	background-position:0 -50px;
}

#salon #nav a.kontakt:link,
#salon #nav a.kontakt:active,
#salon #nav a.kontakt:visited {
	background:url("images/menu/salon_kontakt.gif") 0 0 no-repeat;
}

#salon #nav a.kontakt:hover {
	background-position:0 -50px;
}
/* - */




/* tjanster page */
#tjanster #nav a.startsida:link,
#tjanster #nav a.startsida:active,
#tjanster #nav a.startsida:visited {
	background:url("images/menu/tjanster_startsida.gif") 0 0 no-repeat;
}

#tjanster #nav a.startsida:hover {
	background-position:0 -50px;
}

#tjanster #nav a.salon:link,
#tjanster #nav a.salon:active,
#tjanster #nav a.salon:visited {
	background:url("images/menu/tjanster_salon.gif") 0 0 no-repeat;
}

#tjanster #nav a.salon:hover {
	background-position:0 -50px;
}

#tjanster #nav a.tjanster:link,
#tjanster #nav a.tjanster:active,
#tjanster #nav a.tjanster:visited,
#tjanster #nav a.tjanster:hover {
	background:url("images/menu/tjanster_tjanster.gif") 0 0 no-repeat;
}

#tjanster #nav a.priser:link,
#tjanster #nav a.priser:active,
#tjanster #nav a.priser:visited {
	background:url("images/menu/tjanster_priser.gif") 0 0 no-repeat;
}

#tjanster #nav a.priser:hover {
	background-position:0 -50px;
}

#tjanster #nav a.produkter:link,
#tjanster #nav a.produkter:active,
#tjanster #nav a.produkter:visited {
	background:url("images/menu/tjanster_produkter.gif") 0 0 no-repeat;
}

#tjanster #nav a.produkter:hover {
	background-position:0 -50px;
}

#tjanster #nav a.kontakt:link,
#tjanster #nav a.kontakt:active,
#tjanster #nav a.kontakt:visited {
	background:url("images/menu/tjanster_kontakt.gif") 0 0 no-repeat;
}

#tjanster #nav a.kontakt:hover {
	background-position:0 -50px;
}
/* - */



/* priser page */
#priser #nav a.startsida:link,
#priser #nav a.startsida:active,
#priser #nav a.startsida:visited {
	background:url("images/menu/priser_startsida.gif") 0 0 no-repeat;
}

#priser #nav a.startsida:hover {
	background-position:0 -50px;
}

#priser #nav a.salon:link,
#priser #nav a.salon:active,
#priser #nav a.salon:visited {
	background:url("images/menu/priser_salon.gif") 0 0 no-repeat;
}

#priser #nav a.salon:hover {
	background-position:0 -50px;
}

#priser #nav a.tjanster:link,
#priser #nav a.tjanster:active,
#priser #nav a.tjanster:visited {
	background:url("images/menu/priser_tjanster.gif") 0 0 no-repeat;
}

#priser #nav a.tjanster:hover {
	background-position:0 -50px;
}

#priser #nav a.priser:link,
#priser #nav a.priser:active,
#priser #nav a.priser:visited,
#priser #nav a.priser:hover {
	background:url("images/menu/priser_priser.gif") 0 0 no-repeat;
}

#priser #nav a.produkter:link,
#priser #nav a.produkter:active,
#priser #nav a.produkter:visited {
	background:url("images/menu/priser_produkter.gif") 0 0 no-repeat;
}

#priser #nav a.produkter:hover {
	background-position:0 -50px;
}


#priser #nav a.kontakt:link,
#priser #nav a.kontakt:active,
#priser #nav a.kontakt:visited {
	background:url("images/menu/priser_kontakt.gif") 0 0 no-repeat;
}

#priser #nav a.kontakt:hover {
	background-position:0 -50px;
}
/* - */


/* produkter page */
#produkter #nav a.startsida:link,
#produkter #nav a.startsida:active,
#produkter #nav a.startsida:visited {
	background:url("images/menu/produkter_startsida.gif") 0 0 no-repeat;
}

#produkter #nav a.startsida:hover {
	background-position:0 -50px;
}

#produkter #nav a.salon:link,
#produkter #nav a.salon:active,
#produkter #nav a.salon:visited {
	background:url("images/menu/produkter_salon.gif") 0 0 no-repeat;
}

#produkter #nav a.salon:hover {
	background-position:0 -50px;
}

#produkter #nav a.tjanster:link,
#produkter #nav a.tjanster:active,
#produkter #nav a.tjanster:visited {
	background:url("images/menu/produkter_tjanster.gif") 0 0 no-repeat;
}

#produkter #nav a.tjanster:hover {
	background-position:0 -50px;
}

#produkter #nav a.priser:link,
#produkter #nav a.priser:active,
#produkter #nav a.priser:visited {
	background:url("images/menu/produkter_priser.gif") 0 0 no-repeat;
}

#produkter #nav a.priser:hover {
	background-position:0 -50px;
}

#produkter #nav a.produkter:link,
#produkter #nav a.produkter:active,
#produkter #nav a.produkter:visited,
#produkter #nav a.produkter:hover {
	background:url("images/menu/produkter_produkter.gif") 0 0 no-repeat;
}

#produkter #nav a.produkter:hover {
	background-position:0 0;
}


#produkter #nav a.kontakt:link,
#produkter #nav a.kontakt:active,
#produkter #nav a.kontakt:visited,
#produkter #nav a.kontakt:hover {
	background:url("images/menu/produkter_kontakt.gif") 0 0 no-repeat;
}

#produkter #nav a.kontakt:hover {
	background-position:0 -50px;
}

/* - */


/* kontakt page */
#kontakt #nav a.startsida:link,
#kontakt #nav a.startsida:active,
#kontakt #nav a.startsida:visited {
	background:url("images/menu/kontakt_startsida.gif") 0 0 no-repeat;
}

#kontakt #nav a.startsida:hover {
	background-position:0 -50px;
}

#kontakt #nav a.salon:link,
#kontakt #nav a.salon:active,
#kontakt #nav a.salon:visited {
	background:url("images/menu/kontakt_salon.gif") 0 0 no-repeat;
}

#kontakt #nav a.salon:hover {
	background-position:0 -50px;
}

#kontakt #nav a.tjanster:link,
#kontakt #nav a.tjanster:active,
#kontakt #nav a.tjanster:visited {
	background:url("images/menu/kontakt_tjanster.gif") 0 0 no-repeat;
}

#kontakt #nav a.tjanster:hover {
	background-position:0 -50px;
}

#kontakt #nav a.priser:link,
#kontakt #nav a.priser:active,
#kontakt #nav a.priser:visited {
	background:url("images/menu/kontakt_priser.gif") 0 0 no-repeat;
}


#kontakt #nav a.priser:hover {
	background-position:0 -50px;
}

#kontakt #nav a.produkter:link,
#kontakt #nav a.produkter:active,
#kontakt #nav a.produkter:visited {
	background:url("images/menu/kontakt_produkter.gif") 0 0 no-repeat;
}


#kontakt #nav a.produkter:hover {
	background-position:0 -50px;
}


#kontakt #nav a.kontakt:link,
#kontakt #nav a.kontakt:active,
#kontakt #nav a.kontakt:visited,
#kontakt #nav a.kontakt:hover {
	background:url("images/menu/kontakt_kontakt.gif") 0 0 no-repeat;
}

/* - */




.nav-text {
	visibility:hidden;
}

.logo-margin {
	margin:0;
}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}