/*
     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: #000033;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

/** ------------------------ typografi */

h1, h2, h3 {
	margin: 0px 0px 20px 0px;
	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: #000000;
	/**background: #003333; */
}

h1.h1-style1 {
	margin: 0px;
}

h2 {
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: bold;
	margin: 2px;
	/**color: #EEEEEE;*/
	color: #000000;
}

h2.h2-style1 {
	font-size: 16px;
	color: #99BCC3;
}

h3 {
	letter-spacing: 1px;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #060;
	text-decoration: none;
	/**color: black;  */
}

h4
{
	letter-spacing: 1px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #999999;
}

h5
{
	letter-spacing: 1px;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

p, ol, ul {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 26px;
	text-align: justify;
}

p {
	line-height: 16px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}

/**img.border {
	padding: 4px;
	background: #FFFFFF;
	border: 1px solid #C5D7DC;
}*/

/** -------------------------------- layout */

#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 0px;
 background: #E7DBD5;
 background-image: url(images/headernewillusions.jpg);
 background-position: right;
}

/** LOGO */

#logo {
	position: absolute;
	float: left;
    top: 16px;
	width: 175px;  /** width: 500px; */  /** storlek = logo-rutan, smalare radbryter text i denna div */
	height: 175px;  /** height: 139px; */  /** OBS! Kolla DIV - loggan skjuter menu-bg nedåt */
	background: url(images/nbs175.jpg) no-repeat left top;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	text-indent: 0em;  /** -9999em; döljer logo h1 !!!??? */
}

#logo h1 a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#title {
   position: relative;
   top: 10px;
   left: 200px;
   width: 320px;
}

#slogan {
   position: absolute;
   top: 58px;
   left: 330px;
   width: 350px;
  }

#www {
   position: absolute;
   top: 58px;
   left: 750px;
   width: 350px;
}

/** MENU */

#menu-bg {
 float: left;
 width: 950px;
 height: 45px;
 color: #333;
 padding: 0px;
 /**border: 1px solid #ccc; */
 margin: 0px 0px 0px 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 0px 0px 0px; /**margin 0px 14px 0px 0px */
	padding: 11px 12px 0px 12px; /**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/sidebargran.jpg);
 /**background: #FFFFFF; */
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 667px;
 width: 175px;
 float: left;
}

/** MENU */

#menubox1 {
  position: relative;
  top: 92px;
  left: 20px;
}


/** http://www.tutorial5.com/content/view/138/52/ */

#menu1 {
  width: 175px;
  /**float:left;*/
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

#menu1 ul
{
font-family: Arial, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}

#menu1 li
{
display: inline;
/* for IE5 and IE6 */
}

#menu1 a
{
/**color: fff;      */
text-decoration: none;
font-size: 13px;
letter-spacing: 1px;
font-weight: normal;
display: block;
line-height: 24px;
padding: 3px 0px 3px 13px;
width: 162px;
background-color: #686C7A;
border-bottom: 1px solid #eee;
}

#menu1 a:link, #menu1 a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#menu1 a:hover
{
background-color: #00BEE4;
color: black;
font-weight: bold;
}

#menu1 li a#current
{
/**border-bottom: 3px solid #DAD6B7;*/
background: #00BEE4;
color: black;
font-weight: bold;
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}

#rightcolumn {
 float: left;
 color: #333;
 /**border: 1px solid #ccc; */
 background: #DDDDDD;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 667px;
 width: 775px;
 display: inline;
}

#content {
  position: relative;
}

#welcome
{
	position: relative;
	left: 42px;
    top: 9px; /**lagt till*/
}

#presentation
{
    position: relative;
	left: 44px;
    top: 9px; /**lagt till*/
  color: #006666;

}

#content-id {
  position: absolute;
  top: -11px;
  left: 0px;
  width: 300px;
  height: 135px;
  z-index: 100;
  
  }

#content-title {
	position: absolute;
	top: 12px;
	left: 58px;
	width: 690px;
	height: 62px;
}


#music-link {
  position: absolute;
  top: 24px;
  left: 370px;
}


#nbs-foto1 {
  position: absolute;
  top: 68px;
  left: 38px;
  }

#nbs-pr
{
	position: absolute;
	left: 39px;
	top: 512px;
	width: 455px;
	height: 72px;
	background-color: #FFFFCC;
	background-color: #FFFFFF;
    background-color: transparent;
	padding: 6px 10px 2px;
	font-family: Arial;
	font-size: small;
	color: #000000;
	text-align: left;
	overflow: hidden;
/**overflow: auto;*/
}

#nbs-foto-text {
  position: absolute;
  top: 600px;
  right: 38px;
}

#aktuellt {
	position: relative;
	left: 38px;
	top: 92px;
	height: 540px;
	width: 696px;
	background-color: #EEEEEE;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	font-family: Arial;
	font-size: Small;
	color: #000000;
	text-align: left;
	overflow: auto;
}

#wrapper #rightcolumn #content #content-title strong {  /** Skapad av CS4 */
	color: #360;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

#nbs-prg {
  position: relative;
  left: 38px;
  top: 68px;
  height: 560px;
  width: 700px;
  background-color: #FBFDBB;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #000000;
  font-family: Arial;
  font-size: Small;
  color: #000000;
  text-align: left;
  overflow: auto;
}

#valborg-rubrik {
	position: absolute;
	top: 10px;
	left: 368px;
	width: 370px;
	height: 73px;
	z-index: 100;
	/**background-image: url(Valborg2010/valborg_rubrik.jpg);  */
}


#valborg2010 {
  position: absolute;
  left: 20px;
  top: 16px;
  z-index: 100;
}


#favoriter1 {
  position: absolute;
  top: 78px;
  left: 38px;
  height: 270px;
  width: 700px;
  background-color: #FFF9C3;
}

#lyssna {
position: absolute;
top: 358px;
left:64px;
height: 270px;
width: 206px;
background-color: #669966;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
border-width: 2px;
border-style: solid;
border-color: #000000;
font-family: Arial;
font-size: Small;
color: #000000;
text-align: left;
}

#lyssna a {
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
}
.Times10 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}


#mp3player {
	position: absolute;
	top: 400px;
	left: 302px;
}

#footer
{
	width: 950px;
	height: 45px;
	clear: both;
	color: #333;
/**border: 1px solid #ccc;*/
	background-image: url(images/footer1.jpg);
	margin: 0px 0px 10px;
	padding: 0px;
}
#webdesign
{
}
#wrapper #rightcolumn #content #aktuellt table tr td .Times10 br {
	font-weight: normal;
}
#wrapper #rightcolumn #content #content-title h3 .Green_text .MsoNormal .orange_text {
	font-weight: bold;
}
.textdecoration_none {
	text-decoration: none;
}