body {
	font-family: Verdana, Geneva, sans-serif; /* Alla element bör nu använda sig av Verdana i första hand, Geneva i andra hand och sen ta random ur "sans-serif" familjen */
	font-size: 11px; /* All brödtext är 12px stor. Man ger sedan rubriker och andra element en relativ storlek i procent då det skalar bättre vid inzoomning av hemsidan. Mer om det under h1 osv. */
	line-height: 1.95em; /* radavstånd är 1.5em stort och man anger radavståndet relativt i varje element precis som ovan med font-size */
	background: #F0F4FF url(../IMAGES/fill.gif) repeat-x; /* repeterar menygradient horizontellt forever..and ever.. and ever (Varför man har den på body är för att elementet #header inte vet hur stort det ska vara. Body sträcker sig dock alltid över hela sidan */
	width: 100%; /* sätter att bredden är 100% av hela webbläsarfönstret. Just in case, för t.ex IE6 osv */
}

h1 {
	font-size: 18px;
	padding-bottom: 15px;
	font-weight: normal;
}
h2 {
	font-size: 13px;
	line-height: 13px;
	padding-bottom: 3px;
	font-weight: bold;
}	

img.cirkel {
	margin-left: 70px;
	width: 606px;
	height: 370px;
	padding-top: 30px;
}

/* högra nyheter och kontakt
----------------------------------------*/
div#nyheter {
	width: 219px;
	height: 251px;
	background: #FFF url(../images/nyheter_bg.png) no-repeat;
	line-height: 1.2em;
	margin-bottom: 10px;
}
div#nyheter h2 { font-size: 11px; }
div#nyheter p { font-size: 10px; }
div#kontakt {
	width: 219px;
	height: 181px;
	background: #FFF url(../images/kontakt_bg.png) no-repeat;
}
div.newsItem {
	width: 219px;
	height: 62px;
}
div.newsItem p, div.newsItem h2, div.newsItemTop{
	width: 180px;
	padding-left: 20px;
}
div.newsItemTop {
	padding-top: 48px;
	height: 70px;
}
/* div#mainContent
----------------------------------------*/

div#mainContent {
	margin: 0 auto; /* för att centrera main div-taggen */
	width: 725px; /* man måste sätta width och height för att den ska centreras */
	min-height: 650px;
}

/* div#topNav, div#productNav 
----------------------------------------*/
div#topNav ul, div#productNav ul li  { margin-top: 15px; }
div#topNav ul li, div#productNav ul li {
	display: block;
	float: left;
}

div#productNav {
	width: 674px;
	margin: 0 auto;
}

/* div#mainText
----------------------------------------*/
div#mainText { 
	width: 725px;
	float: left;
	padding-top: 25px;
}
div#mainText.introPage {
	width: 505px;
}
div#mainText ul {
	height: 30px;
	border-top: 1px dotted #333;
	text-align: center;
	line-height: 30px;
}
div#mainText ul li a {
	color: #000; 
	border-bottom: 1px dotted #000;
}
div#mainText ul li a:hover { border-bottom: 1px solid #000; }

/* div#subText, div.#subText div.productInfo
----------------------------------------*/
div#subText img {
	float: left;
	width: 160px;
}
div#subText li {
	clear: both;
	height: 185px;
	padding-top: 15px;
}
div#subText div.productInfo { /* skapar en div class för varje produkt item, bara klona klassen för varje nytt item */
	float: left;
	width: 500px;
	margin-left: 20px;
}
/* div#rightNav 
----------------------------------------*/
div#rightNav {
	float: left;
	padding-top: 25px;
}