.skarne
	{
	background: url(../gfx/skarne.png) no-repeat 15px 5px;
	height: 83px
	}

.vaccineranu
	{
	background: url(../gfx/vaccineranu.jpg) no-repeat 15px 5px;
	height: 83px
	}

.tonfiskburk 
	{
	background: url(../gfx/tonfiskburk.png) no-repeat 15px 5px;
	height: 83px
	}

.mittfiske
	{
	background: url(../gfx/mittfiske.gif) no-repeat 62px -5px;
	height: 83px
	}
 
 
 .abbott
	{
	background: url(/media/gfx/abbott.gif) no-repeat 50px 20px;
	height: 83px
	}
	
 .abbott2
	{
	background: url(/media/gfx/abbott2.gif) no-repeat 60px 2px;
	height: 83px
	}

.ekonomiporten
	{
	background: url(/media/gfx/ep_logo.gif) no-repeat 20px 10px;
	height: 83px
	}

.mobilmingel
	{
	background: url(/media/gfx/mobilmingel.gif) no-repeat 12px 0px;
	height: 83px
	}

.stodet
	{
	background: url(../gfx/stodet.png) no-repeat 12px 0px;
	height: 83px
	}

.livecaddie
	{
	background: url(../gfx/livecaddie_logo.png) no-repeat 12px 0px;
	height: 83px
	}


.apropa
	{
	background: url(../gfx/apropa.png) no-repeat 12px 0px;
	height: 73px
	}


.fuglesang
	{
	background: url(../gfx/christerfuglesang.gif) no-repeat 15px 7px;
	height: 83px
	}


.spmsd
	{
	background: url(../gfx/spmsd_logo.gif) no-repeat 38px 10px;
	height: 73px
	}

.gardasil
	{
	background: url(../gfx/gardasil_logo.gif) no-repeat 38px 0px;
	height: 83px
	}

body
	{
	margin: 0px;
	padding: 0px;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color: #000000;
	background: #ffffff url(../gfx/bg.gif) repeat-x;
	text-align: center
	}

div, p, h1, h2, h3, h4, h5, h6
	{
	margin: 0px;
	padding: 0px
	}

a
	{
	color: #FF9100;
	}

a:hover
	{
	color: #1C3A71;
	}

h1, h2, h3
	{
	font: 24px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color: #1C3A71
	}

h5
	{
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color: #1C3A71;
	}

.hide
	{
	display: none
	}


/* =-=-=-=-=-=-=-[KATEGORI IKONER]-=-=-=-=-=-=-=- */

#gem, #kugg, #kundex, #brev
	{
	width: 84px;
	height: 70px;
	position: absolute;
	top: -180px;
	left: 700px;
	display: none
	}

#gem
	{
	background: url(../gfx/om.gif) no-repeat
	}

#kugg
	{
	background: url(../gfx/tekniskt.gif) no-repeat
	}

#kundex
	{
	background: url(../gfx/kundexempel.gif) no-repeat
	}

#brev
	{
	background: url(../gfx/kontakta.gif) no-repeat
	}


/* =-=-=-=-=-=-=-[SITE CONTAINERS]-=-=-=-=-=-=-=- */


#all
	{
	padding: 0px;
	position: relative;
	margin: auto;
	width: 854px;
	background: url(../gfx/bg_span.gif) repeat-y;
	}

#parent
	{
	padding: 0px;
	position: relative;
	margin: 0px;
	width: 854px;
	min-height: 590px;
	background: url(../gfx/bg_main.jpg) no-repeat top;
	}

#minheight
	{
	padding: 0px;
	position: relative;
	margin: 0px;
	width: 0px;
	height: 540px;
	float: left;
	}

#child
	{
	padding: 0px;
	text-align: left;
	position: relative;
	margin: auto;
	width: 814px;
	}

#content
	{
	padding: 0px;
	position: relative;
	margin: auto;
	width: 814px;
	}

#om
	{
	width: 100%;
	padding: 0px;
	margin: 0px;
	}

#undersida
	{
	padding-left: 38px;
	padding-top: 50px;
	width: 500px;
	vertical-align: top
	}

#undersida p
	{
	font-size: 11px;
	padding-bottom: 14px
	}

#undersida ul
	{
	font-size: 11px;
	margin-top: 5px;
	}

#undersida h2:first-letter
	{

	}


/* =-=-=-=-=-=-=-[SIDHUVUD]-=-=-=-=-=-=-=- */

#top
	{
	padding: 0px;
	position: relative;
	margin: auto;
	width: 814px;
	height: 197px;
	background: url(../gfx/bg_top-blu2.gif) repeat-x 0px -1px
	}

#logo
	{
	top: 41px;
	left: 28px;
	position: relative;
	float: left;
	width: 132px;
	height: 25px;

	}

#logo a
	{
	width: 132px;
	height: 25px;
	display: block;
	background: url(../gfx/logo.gif) no-repeat
	}


/* =-=-=-=-=-=-=-[THE CONTACT FORM]-=-=-=-=-=-=-=- */

#kontakt
	{
	padding-bottom: 20px;
	margin-bottom: 20px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	}

#kontakt .button
	{
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	width: 68px;
	height: 24px;
	background: url(../gfx/butt_bg.png) no-repeat center;
	border: 0px solid #ffffff;
	margin-right: 10px;
	margin-top: 10px;
	}

#kontakt input
	{
	margin-left: 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	}

.radio
	{
	margin-right: 0px;
	margin-bottom: -3px;
	}

.field
	{
	padding-left: 3px;
	width: 270px;
	margin-bottom: 10px;
	border: 2px dotted #2B4067
	}

.field-big
	{
	padding-left: 3px;
	width: 370px;
	height: 150px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	border: 2px dotted #2B4067;
	scrollbar-base-color: #2B4067;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	}


/* =-=-=-=-=-=-=-[THE MENY]-=-=-=-=-=-=-=- */

#menu
	{
	width: 808px;
	height: 93px;
	margin: auto;
	margin-left: 0px;
	margin-right: 0px;
	position: absolute;
	top: 101px;
	clear: both
	}

#menu ul
	{
	height: 93px;
	width: 780px;
	margin: 0px;
	padding: 0px;
	}

#menu li
	{
	display: inline;
	}

#menu a
	{
	text-align: center;
	font-size: 14px;
	font-smooth: always;
	text-decoration: none;
	color: #bbbbbb;
	display: block;
	float: left;
	width: 133px;
	height: 93px;
	margin-right: 2px;
	padding-top: 40px;
	letter-spacing: -1px
	}

#menu li a:hover
	{
	background: url(../gfx/hover.png) no-repeat;
	letter-spacing: 0px;
	color: #ffffff;
	}

#menu li a:active
	{
	color: white;
	display: inline;
	background: url(../gfx/active.gif) no-repeat
	}

.active
	{
	color: white;
	display: inline;
	background: url(../gfx/active.gif) no-repeat
	}


/* =-=-=-=-=-=-=-[STARTSIDAN]-=-=-=-=-=-=-=- */


#startbanner
	{
	margin-left: 0px;
	margin-top: -3px;
	padding: 0px;
	padding-top: 0px;
	position: relative;
	width: 814px;
	height: 236px;
	background: url(../gfx/start2.jpg) no-repeat;
	}

#startbanner p
	{
	width: 468px;
	color: #1C3A71;
	margin-left: 35px
	}

#startbanner h1
	{
	margin-left: 20px
	}
	
div.siteproSmooo
	{
	width: 539px;
	height: 101px;
	float: right;
	background: url(/media/gfx/sitepro-smooo.png)
	}

#smoooFlyer
	{
	display:block;
	z-index: 5;
	top: -13px;
	left: 530px;
	padding: 0px;
	float: right;
	padding-top: 0px;
	position: absolute;
	width: 302px;
	height: 240px;
	}

#bottom
	{
	margin-left: 0px;
	position: relative;
	width: 814px;
	height: 170px;
	background: #1C3A71;
	}

#one a, #two a, #three a
	{
	width: 271px;
	height: 170px;
	position: relative;
	float: left;
	}

#one a
	{
	background: url(../gfx/startbox1.gif) no-repeat;
	}

#bottom a:hover
	{
	border-top: 3px solid #FF9100;
	}

#two a
	{
	background: url(../gfx/startbox2.gif) no-repeat;
	}

#three a
	{
	background: url(../gfx/startbox3.gif) no-repeat;
	}


/* =-=-=-=-=-=-=-[OM SITEPRO]-=-=-=-=-=-=-=- */

#box1 a, #box2 a, #box3 a
	{
	width: 152px;
	height: 176px;
	display: block;
	margin-top: 10px;
	margin-right: 35px;
	border-bottom: 1px dashed #dddddd
	}

#box1 a
	{
	background: url(../gfx/paket11.png) no-repeat;
	}

#box2 a
	{
	background: url(../gfx/paket22.png) no-repeat;
	}

#box3 a
	{
	background: url(../gfx/paket33.png) no-repeat;
	}

#right a:hover
	{
	margin-right: 30px
	}


/* =-=-=-=-=-=-=-[TEKNISKT SETT]-=-=-=-=-=-=-=- */

#interface, #interface a
	{
	margin-top: -5px;
	position: relative;
	float: right;
	width: 144px;
	height: 140px;
	display: block;
	margin-right: 0px;
	}

#interface a
	{
	background: url(../gfx/sitepro-admin_small.png) no-repeat;
	}

#interface a:hover
	{
	zoom: 102%
	}

#teknik
	{
	margin-bottom: 35px;
	}

#teknik li
	{
	line-height: 25px
	}


/* =-=-=-=-=-=-=-[KUNDEXEMPEL]-=-=-=-=-=-=-=- */

#exempel
	{
	width: 482px;
	background: url(../gfx/exempel_bg.png) repeat-y bottom;
	padding: 0px;
	margin-bottom: 25px
	}

#exempel p
	{
	padding-left: 210px;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.viktlinjen
	{
	background: url(../gfx/viktlinjen.png) no-repeat 12px 0px;
	height: 73px
	}

.strix
	{
	background: url(../gfx/strix.gif) no-repeat 30px 2px;
	height: 73px
	}

.lotidningen
	{
	background: url(../gfx/lotidningen.gif) no-repeat 22px 2px;	
	}

.minjakt
	{
	background: url(../gfx/minjakt.gif) no-repeat 62px -5px;
	height: 83px
	}

.callisma
	{
	background: url(../gfx/callisma.gif) no-repeat 42px 0px;
	height: 73px	
	}

.blicon
	{
	background: url(../gfx/blicon.gif) no-repeat 39px 3px;
	height: 73px;
	}

.koopi
	{
	background: url(../gfx/koopi.gif) no-repeat 30px -5px;
	height: 73px;
	}

.kfpc
	{
	background: url(../gfx/kfpc.gif) no-repeat 15px 5px;	
	}

.patricks
	{
	background: url(../gfx/patricks.png) no-repeat 12px 0px;
	height: 73px	
	}

.cateringpartner
	{
	background: url(../gfx/cateringpartner.gif) no-repeat 15px -5px;	
	}

.gillesvik
	{
	background: url(../gfx/gillesvik.png) no-repeat 15px -5px;	
	}

.datahotellet
	{
	background: url(../gfx/datahotellet.png) no-repeat 12px 0px;
	height: 73px
	}

.exempeltop
	{
	font-size: 6px;
	display: block;
	width: 482px;
	height: 13px;
	background: url(../gfx/exempel_top.png) no-repeat;
	}

#kommentarer, #paket, #moduler, #kontaktinfo 
	{
	padding-top: 55px;
	width: 230px;
	color: #828282;
	font-size: 11px;
	text-align: left;
	margin-right: -7px;
	}

#kommentarer
	{
	background: url(../gfx/kommentarer.png) no-repeat;
	}

#paket
	{
	background: url(../gfx/paket.png) no-repeat;
	height: 50px;
	padding-top: 5px
	}

#moduler
	{
	background: url(../gfx/moduler.png) no-repeat;
	}

#kontaktinfo
	{
	background: url(../gfx/kontaktinfo.png) no-repeat;
	}

#kommentarer p, #moduler p, #kontaktinfo p
	{
	margin-left: 6px;
	margin-right: 10px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #dddddd
	}

#kommentarer p
{
padding-right: 15px
}

#moduler strong, #kontaktinfo strong
	{
	color: #2B4067;
	margin-left: 6px;
	}

#moduler ul
	{
	margin-top: 10px
	}

#moduler li
	{
	margin-left: -17px
	}



/* =-=-=-=-=-=-=-[HÖGERSPALT]-=-=-=-=-=-=-=- */

#right
	{
	vertical-align: top;
	padding-right: 5px;
	padding-top: 45px;
	position: relative;
	width: 314px;
	}


/* =-=-=-=-=-=-=-[SIDFOT]-=-=-=-=-=-=-=- */

#footer
	{
	padding: 0px;
	padding-top: 32px;
	position: relative;
	margin: auto;
	width: 854px;
	height: 69px;
	background: url(../gfx/footer2.gif) no-repeat;
	}

#footer a
	{
	font: 9px "Small Fonts", "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	color: #828282;
	text-decoration: none
	}

#footer a:hover
	{
	text-decoration: underline
	}

#wehay a
	{
	width: 36px;
	height: 9px;
	position: relative;
	float: left;
	left: 133px;
	top: 6px
	}

.captcha{
	padding-top: 7px;
	padding-bottom: 3px;
}