/*
Created by Keith Donegan of Code-Sucks.com

E-Mail: Keithdonegan@gmail.com

You can do whatever you want with these layouts,
but it would be greatly appreciated if you gave a link
back to http://www.code-sucks.com

Edits by LennartC 2009

*/
*
{
	padding: 0;
	margin: 0;
}
BODY
{
	background: #002222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}
/** ------------------------ typografi*/
H1, H2, H3
{
	margin: 0px 0px 20px;
	font-weight: normal;
	color: #FFFFFF;
}
H1 SPAN, H2 SPAN, H3 SPAN
{
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}
H1
{
	letter-spacing: 0px;
	font-size: 26px;
	font-weight: bold;
	color: #330099;
	color: #666633;
	color: #FFFFFF;
	background: #003333;
}
H1.h1-style1
{
	margin: 0px;
}
H2
{
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: bold;
	margin: 2px;
/**color: #EEEEEE;*/
	color: #FFFFFF;
}
H2.h2-style1
{
	font-size: 16px;
	color: #99BCC3;
}
H3
{
	letter-spacing: 0px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	color: #000000;
}
H4
{
	letter-spacing: 1px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}
P, OL, UL
{
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 26px;
	text-align: justify;
}
P
{
	line-height: 16px;
}

P SPAN

{
  font-family: Tahoma;
font-size: 11px;
font-weight: bold;
}


/**img.border {
padding: 4px;
background: #FFFFFF;
border: 1px solid #C5D7DC;
}
* --------------------*/
#wrapper
{
	margin: 0 auto;
	width: 980px;
	padding: 10px 0px 0px 20px;
}
#header
{
	color: #333;
	width: 950px;
	float: left;
	padding: 0px;
/**border: 1px solid #ccc;*/
	height: 84px;
	margin: 10px 0px 0px;
	background: #E7DBD5;
	background-image: url(images/header84x775.jpg);
	background-position: right;
}
/** LOGO*/
#logo
{
	position: absolute;
	float: left;
	width: 175px;
/** width: 500px;
* storlek = logo-rutan, smalare radbryter text i denna div*/
	height: 175px;
/** height: 139px;
* OBS! Kolla DIV - loggan skjuter menu-bg nedt*/
	background: url(images/harponot175.jpg) no-repeat left top;
}
#logo H1, #logo P
{
	margin: 0px;
	line-height: normal;
	text-indent: 0em;
/** -9999em; dljer logo h1 !!!???*/
}
#logo H1 A
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#title
{
	position: relative;
	top: 24px;
	left: 100px;
	width: 380px;
}
#www
{
	position: absolute;
	top: 60px;
	left: 750px;
	width: 350px;
}
#menu-bg
{
	float: left;
	width: 950px;
	height: 45px;
	color: #333;
	padding: 0px;
/**border: 1px solid #ccc;*/
	margin: 0px;
	background: url(images/bg03-950.jpg) no-repeat right top;
}
#menu
{
	height: 45px;
}
#menu UL
{
	margin: 0px;
	padding: 7px 0px 0px 200px;
	line-height: normal;
	list-style: none;
}
#menu LI
{
	float: left;
	height: 27px;
	margin: 0px;
/**margin 0px 14px 0px 0px*/
	padding: 11px 12px 0px;
/**padding 11px 18px 0px 18px*/
}
#menu A
{
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
}
#menu A:hover
{
	text-decoration: underline;
}
#menu LI.active
{
	background: #FFFFFF url(images/homepage03.gif) repeat-x left top;
/** homepage03 = aktiv flik*/
}
#menu LI.active A
{
	color: #000000;
}
#leftcolumn
{
	color: #333;
/**border: 1px solid #ccc;*/
	background-image: url(images/sidebar667x175a.jpg);
/**background: #FFFFFF;*/
	margin: 0px;
	padding: 0px;
	height: 667px;
	width: 175px;
	float: left;
}
#rightcolumn
{
	float: left;
	color: #333;
/**border: 1px solid #ccc;*/
	background: #DDDDDD;
	margin: 0px;
	padding: 0px;
	height: 667px;
	width: 775px;
	display: inline;
}
/** CONTENT*/
#content
{
	position: relative;
	float: left;
	width: 735px;
	padding: 20px;
}
#welcome
{
	position: relative;
	left: 0px;
    top: -10px; /**lagt till*/
}

#presentation
{
  position: relative;
	left: 0px;
    top: -10px; /**lagt till*/
  color: #006666;
}


#nbs
{
	position: absolute;
    left: -142px;
    top: 212px;

	/**left: -77px;
	top: 54px;  **/
/**position: relative;
left: -91px;
top: 20px;*/
}
#nbs-text
{
	position: absolute;
	left: 115px;
	top: 0px;
	width: 332px;
	height: 85px;
	background-color: #FFFFCC;
	background-color: #FFFFFF;
	padding: 6px 10px 2px;
	font-family: Arial;
	font-size: small;
	color: #000000;
	text-align: left;
	overflow: hidden;
/**overflow: auto;*/
}
#nbs-bild
{
	position: absolute;
	top: -37px;
	left: 120px;
	width: 220px;
}
.comingsoon
{
	color: #990066;
	font-weight: bold;
}
#glasriket
{
	position: absolute;
    top: 74px;
    left: -175px;

    /**top: 162px;
	left: -142px;
	z-index: 100;        */
}
#glasriket-text
{
	position: absolute;
	top: 0px;
	left: 110px;
	width: 375px;
	height: 118px;
	background-color: #FFFFFF;
    background-color: #97CEF4;

	padding: 4px 10px 0px;
	margin: 0px;
	font-family: Arial;
	font-size: small;
	color: #000000;
	text-align: left;
	overflow: hidden;
/**overflow: auto;*/
}
#glasriket-bild
{
	position: absolute;
	top: 0px;
	left: 519px;
/**width: 155px;*/
}
#glasriket-bild1
{
	position: absolute;
	top: 0px;
	left: 730px;
/**width: 155px;*/
}

#glasriket-info1
{
  position: absolute;
  width: 400px;
  top: 180px;
  left: 0px;
  z-index: 100;

}

#glasriket-info2
{
  position: absolute;
  top: 180px;
  left: 0px;
  z-index: 100;

}


#lennartc
{
	position: absolute;
	top: 322px;
	left: -109px;
	z-index: 100;
}
#lennartc-text
{
	position: absolute;
	top: 0px;
	left: 165px;
	width: 420px;
	height: 104px;
	background-color: #FFFFFF;
	padding: 8px 10px 0px;
	font-family: Arial;
	font-size: small;
	color: #000000;
	text-align: left;
	overflow: hidden;
/**overflow: auto;*/
}
#lennartc-bild1
{
	position: absolute;
	top: 0px;
	left: 619px;
	width: 155px;
}
#lennartc-bild2
{
	position: absolute;
	top: 0px;
	left: 781px;
	width: 155px;
}

#mixtura
{
	
	position: absolute;
	left: -78px;
	top: 450px;
	
	left: -43px;       
}
#mixtura-text
{
	position: absolute;
	top: 0px;
	left: 165px;
	width: 355px;
	height: 122px;
	background-color: #FFFFFF;
	padding: 8px 10px 0px;
	font-family: Arial;
	font-size: small;
	color: #000000;
	text-align: left;
	overflow: hidden;
/**overflow: auto;*/
	/*+placement:shift 141px -134px;*/
	position: relative;
	left: 141px;
	top: -134px;
	top: -133px;
}
#mixtura-bild1
{
	position: absolute;
	top: 0px;
	left: 644px;
	/*+placement:shift 531px -262px;*/
	position: relative;
	left: 531px;
	top: -262px;
}
#mixtura-bild2
{
	position: absolute;
	top: 0px;
	left: 644px;
	/*+placement:shift 620px -395px;*/
	position: relative;
	left: 620px;
	top: -395px;
}
#extlinks
{
	position: absolute;
	top: 580px;
    left: -140px;
}
#extlist UL
{
	margin: 0px;
	padding: 7px 0px 0px;
	line-height: normal;
	list-style: none;
}
#extlist LI
{
	float: left;
	height: 27px;
	padding: 10px 0px 0px 15px;
}
#extlist IMG
{
	border-style: none;
}
#footer
{
	width: 950px;
	height: 45px;
	clear: both;
	color: #333;
/**border: 1px solid #ccc;*/
	background-image: url(images/harpacolor950.jpg);
	margin: 0px 0px 10px;
	padding: 0px;
}
#webdesign
{
}