/* "Default" satting for webbplattsen: font, bakgrundsfarg och bakgrundsfarg */
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background-image:url(../images/bg_main.jpg); background-repeat:no-repeat; background-position: top center;
}

/* Headings niva 1: fontstorlek och farg */
h1 {
	font-size:18px;
	color:#333;
}

/* Headings niva 2: fontstorlek och farg */
h2 {
	font-size:15px;
	font-weight:bold;
	color:#06F;
}

/* Paragrafer: fontstorlek */
p {
	font-size:12px;
}

/* Inputkontroller i formular: fontstorlek och kant runt kontrollen*/
input, textarea {
	font-size:12px;
	border: ridge 1px #CCC;
}

/* For listningar: fontstorlek */
.bulletpoints {
	font-size:12px;
}

/* For lankar i listningar: farg */
.bulletpoints a {
	color: #00F;
}

/* For att centrera */
.centercontent {
	text-align:center;
}

/* for att satta widden pa inmatningskontroller i kontaktformularet */
.contactfield {
	width:250px;
}

/* For att satta marginaler kring bilder i loptext */
.contentimage {
	float:right;
	padding:0px;
	margin:0px 10px 10px 10px;
}

/* For att satta marginaler kring storre bilder i loptext */
.contentimagebig {
	float:left;
	padding:0px;
	margin:0px 0px 0px 100px;
}

/* panel for gruppering for webbplats */
#container {
	background-color:#FFF;
	width: 770px;  
	margin: 0 auto; 
	text-align: left; 
}

/* panel for toppbanner inklusive bakgrundsbild */
#bannerpanel {
	width: 770px;
	height: 120px;
	padding: 0px; 
	float:left;
	background-image:url(../images/top-banner.jpg)
}

/* hanterar logons storlek och marginaler */
#logo {
	width: 170px;
	height: 78px;
	padding: 0px; 
	float:left;
	margin-top: 20px;
	margin-left: 12px;
}

/* sa att det inte blir nagon border runt logon nar den ar en lank */
#logoimg {
	border:none;
}

/* panel for toppmenyn: border uppe och nere */
#menupanel {
	width: 770px;
	height: 25px;
	padding: 0px; 
	border-bottom:dashed 1px #999;
	border-top:dashed 1px #999;
	margin: 2px 0px 5px 0px;
	vertical-align:middle;
}

/* panel for toppmeny */
#mainmenu {
	width: 745px;
	height: 25px;
	padding: 0px 0px 0px 25px; 
	float:left;
	margin-right:auto;
	margin-left:auto;
	font-size:12px;
	font-weight:bold;
}

/* panel for huvuddelen av webbsidan */
#contentpanel {
	width:770px;
	padding: 0px;
}

/* andrar texten for sidnamnet till sma kapilarer */
#contenttopic {
	font-variant:small-caps;
}

/* panel for vanstermeny */
#leftmenu {
	width: 160px;
	height: 390px;
	padding: 0px 5px 0px 5px;
	text-align:left; 
	float:left;
	font-size:12px;
	font-weight:bold;
}

/* justeringar for vanster meny namnet */
#leftmenutitle {
	padding:20px 0px 0px 5px;
}

/* sjalva innehallet for sidan */
#content { 
	width:590px;
	float:right;
	padding:0px;
	margin:10px 5px 5px 5px;
}

/* innehallet for startsidan, inkl bakgrundsbild*/
#contentindex {
	height: 400px;
	width:760px;
	float:right;
	padding:0px;
	margin:10px 5px 0px 5px;
	background-image:url(../images/index-background.jpg); background-repeat:no-repeat; background-position:top;
}

/* panel for footern med bakgrundbild */
#footerpanel {
	clear:both;
	position:relative;
	top:10px;
	width: 770px;
	height: 40px;
	padding-top: 10px; 
	text-align:center;
	background:url(../images/bg_foot.gif); background-repeat:no-repeat; background-position:top;
}

/* formatering av copyright texten; fontstorlek och farg */
#copyright {
	font-size:10px;
	color:#999;
}