/*
-----------------------------------------------
CSS regler

Kund:     Frida Lindström
Upphov:   Julian Kommunikation (www.julian.se)
Version:  #1 - juli 2008

REFERENS
----------------------------------------------- */

/* =Innehåll
-----------------------------------------------
01. Struktur
02. Header
03. Content
04. Footer
05. Listor
----------------------------------------------- */

/* =Struktur (01)
----------------------------------------------- */
*,body,h1,h2,h3,h4,h5,h6,p,div,ul,li,form,fieldset,input {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0; 
	font-size: 75%;
	font-family: 'Trebuchet MS', Helvetica, 'Lucida Grande', Georgia, Arial, sans-serif;
	color: #333;
	text-align: center;
/* 	background: url(../bilder/bg.gif) repeat top left; */
	background: #f4f7f8 url(../bilder/bg-gradient.jpg) repeat-x top left;
	}

#page {
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	margin: 0 auto;
	width: 766px;
	text-align: left;
	}

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

a { /* Firefox prickig länk */
	outline: none;
	}

a, a:link, a:visited, a:focus, a:hover {
	color: #BE180C;
	}

a:hover {
	color: #9C150B;
	}
	
h1 {
	font-size: 1.5em;
	margin: 0 0 15px;
	line-height: 1.3;
	color: #9C4542;
	}

h2 {
	font-size: 1.2em;
	margin: 0 0 3px;
	color: #82929b;
	font-style: italic;
	}

p {
	padding: 0 0 14px 0;
	}

hr {
	border: 0;
	height: 1px;
	color: #D7D9E1;
	background: #D7D9E1;
	margin: 0 0 10px;
	}

/* =Header (02)
----------------------------------------------- */
#header {
	margin: 0 auto;
	width: 766px;
	overflow: hidden;
	border-bottom: 8px solid #BE180C;
	}

#logo {
	float: left;
	height: 160px;
	padding: 20px 0 20px 20px;
	}

#logo img {
	border: none;
	}

#fridalindstrom {
	float: left;
	clear: left;
	height: 38px;
	width: 240px;
	padding: 0 0 0 20px;
	}

#fridalindstrom a img {
	border: none;
	}

#menu {
	float: right;
	height: 38px;
	color: #000;
	text-align: left;
	padding: 0 30px 0 0;
	overflow: hidden;
	}

/* =Content (03)
----------------------------------------------- */
#content {
	clear: left;
	margin: 40px 0 40px 20px;
	width: 715px;
	overflow: hidden;
	}

#content a img {
	border: none;
	}

#index-bild {
	float: left;
	padding: 0 0 0 10px;
	}

#index-text {
	float: right;
	width: 250px;
	padding: 0 10px 0 0;
	}

#page-text {
	float: left;
	width: 550px;
	padding: 0 40px 0 90px;
	}


/* =Footer (04)
----------------------------------------------- */
#footer {
	margin: 0 auto;
	width: 766px;
	text-align: left;
	padding: 5px 0 20px;
	text-indent: 20px;
	color: #bbb;
	}

#footer a {
	color: #bbb;
	text-decoration: none;
	}

#footer a:hover {
	color: #aaa;
	text-decoration: underline;
	}

/* =Listor (05)
----------------------------------------------- */
ul#navlist {
	list-style-type: none;
	white-space: nowrap;
	}

ul#navlist li {
	float: left;
	height: 38px;
	width:95px;
	line-height: 38px;
	background: #BE180C;
	background:url(../bilder/bg-header.gif) top left no-repeat;
	margin: 0 0 0 2px;
	}

#navlist a {
	width:95px;
	float: left; /* Added second float to get IE to display all menu-items on one line! */
	display: inline;
	color: #fff;
	text-decoration: none;
/*	padding: 0 10px; */
	font-size: 1.3em;
	text-align:center;
/*	border: 2px solid #C2342A; */
	}

#navlist a:hover,
ul#navlist .currentpage a {
	width:95px;
	background: #B1170C;
	background:url(../bilder/bg-header-over.gif) top left no-repeat;
/*	border: 2px solid #9C150B; */
	}