html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #eeeeee url(images/bg-nere.jpg) no-repeat;
	background-position: bottom right;
	font-size: 12px;
	text-align: center;
	scrollbar-face-color: #ffffff; 
    scrollbar-highlight-color: #ffffff; 
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #EBABCE;
    scrollbar-arrow-color: #EBABCE; 
    scrollbar-darkshadow-color: #EBABCE;
	scrollbar-track-color: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
	color: #dc6aa8;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

p {
	padding: 0;
	margin: 0;
}

.iframe { 
	border: none;
	margin-top: 5px;
}

h1 {
	text-transform: uppercase;
	font-size: 10px;
	margin: 0px 0px 6px 0px;
	padding: 0;
	color: #6c6c6c;
}

h2 {
	font-size: 38px;
	font-weight: 100;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0pX;
}


#center {
	height: 590px; 
	width: 790px;
    position: absolute; 
	left: 50%; 
	top: 50%;
	margin-left: -395px;
	margin-top: -310px; 
}

#wrapper {
	border: 1px solid #dfdfdf; 
	background: white url(images/wrapper.png); 
	height: 574px; 
	width: 796px;
	padding: 11px;
	text-align: left;
}

#menu {
	margin-top: 3px;
	height: 32px;
	width: 100%;
}

#menu ul {
	list-style-type: none; /* ta bort punkterna i listan */
	padding: 0;
	margin: 0;
}

#menu ul li {
	float: left; /* gör varje <li> till float */
	margin-right: 1px;
}

#menu ul li a, /* bytte ut .link till a istället för att slippa skriva det på varenda rad */
#menu ul li a.link_active {
	color: white;
	display: block; /* så länkarean ska nå ut till slutet av padding */
}

#menu ul li a.hem {
	background: url(images/nav/hem.jpg) no-repeat;
	width: 91px;
	height: 34px;
}

#menu ul li a.hem_active, #menu ul li a.hem:hover {
	background: url(images/nav/hem2.jpg);
	width: 91px;
	height: 34px;
}

#menu ul li a.blogg {
	background: url(images/nav/blogg.jpg);
	width: 89px;
	height: 34px;
}

#menu ul li a.blogg_active, #menu ul li a.blogg:hover {
	background: url(images/nav/blogg2.jpg);
	width: 89px;
	height: 34px;
}

#menu ul li a.produkter {
	background: url(images/nav/produkter.jpg);
	width: 122px;
	height: 34px;
}

#menu ul li a.produkter_active, #menu ul li a.produkter:hover {
	background: url(images/nav/produkter2.jpg);
	width: 122px;
	height: 34px;
}

#menu ul li a.visomklipper {
	background: url(images/nav/visomklipper.jpg);
	width: 155px;
	height: 34px;
}

#menu ul li a.visomklipper_active, #menu ul li a.visomklipper:hover {
	background: url(images/nav/visomklipper2.jpg);
	width: 155px;
	height: 34px;
}

#menu ul li a.salongen {
	background: url(images/nav/salongen.jpg);
	width: 116px;
	height: 34px;
}

#menu ul li a.salongen_active, #menu ul li a.salongen:hover {
	background: url(images/nav/salongen2.jpg);
	width: 116px;
	height: 34px;
}

#menu ul li a.bokaonline {
	background: url(images/nav/bokaonline.jpg);
	width: 180px;
	height: 34px;
	margin-right: 1px;
}

#menu ul li a.bokaonline_active, #menu ul li a.bokaonline:hover {
	background: url(images/nav/bokaonline2.jpg);
	width: 180px;
	height: 34px;
}

#menu ul li a.facebook {
	background: url(images/nav/fb.jpg);
	width: 37px;
	height: 34px;
	margin-right:-2px;
}

#update {
	background: #565656;
	width: 769px;
	height: 16px;
	color: #EAEAEA;
	padding: 8px 14px 7px 14px;
	margin-top: 3px;
}

#update a {
	color: #D6D6D6;
	margin-right: 5px;
	margin-left: 5px;
}

#update a:hover, #update a.active {
	color: white;
	text-decoration: underline;
}

#fadeshow1, #con {
	background: white;
	margin-top: 7px;	
	height: 373px;
}

#con {
	overflow-y: scroll;
	overflow-x: hidden;
}

#con img {
	height: 373px;
	float: left;
	margin-right: 15px;
	
}

#con h2 {
	padding: 10px;
}

#con #produkter {
	margin-left: 30px;
	margin-top: 60px;
	width: 750px;
	height: 200px;
}

#con #produkter #crew {
	background: url(bilder/produkter/crew2.png);
	float: left;
	width: 143px;
	height: 202px;
}

#con #produkter #crew:hover {
	background: url(bilder/produkter/crew.png);
}

#con #produkter #difi {
	background: url(bilder/produkter/difi2.png);
	float: left;
	width: 139px;
	height: 202px;
}

#con #produkter #difi:hover {
	background: url(bilder/produkter/difi.png);
}

#con #produkter #mop {
	background: url(bilder/produkter/mop2.png);
	float: left;
	width: 142px;
	height: 202px;
}

#con #produkter #mop:hover {
	background: url(bilder/produkter/mop.png);
}

#con #produkter #revlon {
	background: url(bilder/produkter/revlon2.png);
	float: left;
	width: 142px;
	height: 168px;
}

#con #produkter #revlon:hover {
	background: url(bilder/produkter/revlon.png);
}

#con #produkter #alterna {
	background: url(bilder/produkter/alterna2.png);
	float: left;
	width: 119px;
	height: 202px;
}

#con #produkter #alterna:hover {
	background: url(bilder/produkter/alterna.png);
}

#con #produkter #ghd {
	background: url(bilder/produkter/ghd2.png);
	float: left;
	width: 139px;
	height: 168px;
}

#con #produkter #ghd:hover {
	background: url(bilder/produkter/ghd.png);
}

#con #produkter #misumi {
	background: url(bilder/produkter/misumi2.png);
	float: left;
	width: 139px;
	height: 168px;
}

#con #produkter #misumi:hover {
	background: url(bilder/produkter/misumi.png);
}

#footer {
	width: 796px;
	padding: 0 11px;
	color: #8d8d8d;
	margin-top: 7px;
}

#footer a {
	color: #d776ae;
}