/*
     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: #330000;
 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: #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: black;
}

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

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

p {
	line-height: 16px;
}

/**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/header1_eld.jpg);
 background-position: right;
}

/** LOGO */

#logo {
	position: absolute;
	float: left;
    top: 20px;
	width: 175px;  /** width: 500px; */  /** storlek = logo-rutan, smalare radbryter text i denna div */
	height: 275px;  /** height: 139px; */  /** OBS! Kolla DIV - loggan skjuter menu-bg nedåt */
	background: url(images/glasriket175x156.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: 24px;
   left: 200px;
   width: 380px;
}

#www {
   position: absolute;
   top: 60px;
   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/sidebar1_eld.jpg);
 /**background: #FFFFFF; */
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 667px;
 width: 175px;
 float: left;
}

/** MENU */

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


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

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

#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;
width: 148px;
background-color: #686C7A;
background-color: #8B2904;
background-color: #801D06;
border-bottom: 1px solid #eee;
}

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

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

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

#SV-logo {
   position: absolute;
   top: 714px;
}


/** CONTENT */


#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;
  top: -9px;
}

#content-id {
  position: absolute;
  top: 20px;
  left: 38px;
  width: 300px;
  height: 153px;
  z-index: 100;
  background-image: url(images/traditionell.gif);
  }

#content-title {
  position: absolute;
  top: 20px;
  left: 46px;
}

#artistrubrik {
  position: absolute;
  top: 80px;
  left: 46px;
  width: 40px;
  height: 20px;
}

#presentation
{
      position: relative;
      left: 48px;
      top: 48px;
      color: #006666;
      color: #003366;
      color: #336699;
}

#info {
         position: absolute;
         left: 48px;
         top: 80px;
         width: 640px;
         height: 50px;
         padding: 4px;
         background: #EEEEEE;
}

#info1 {
         position: absolute;
         left: 46px;
         top: 150px;
         width: 680px;
}

#allspel {
         position: absolute;
         left: 50px;
         top: 180px;
         width: 480px;
         font-family: Tahoma;
}

#allspel ul {
       line-height: normal;
       list-style: none;
}


#program {
        position: absolute;
        left: 46px;
        top: 195px;
        width: 680px;
        background-color: #FFFFCC;
}


#artister {
           position: relative;
           top: 40px;
}

#hembygd-1910 {
            position: absolute;
            top: 120px;
            left: 50px;
            width: 420px;
            height: 400px;
            overflow: auto;

}


#vinnare {
            position: absolute;
            top: 120px;
            right: 58px;
            width: 240px;
            height: 400px;
            overflow: auto;
}


#info-wrapper {
  position: absolute;
  left: 297px;
  top: 200px;
  width: 450px;

}


#glasriket-info1
{
  position: absolute;
  top: 410px;
  left: 0px;
  z-index: 100;
  line-height: 80%;
}

#update {
  position: absolute;
  top: 420px;
  left: 340px;
  width: 120px;
}


#footer
{
  position: relative;
	width: 950px;
	height: 58px;
	clear: both;
	color: #333;
/**border: 1px solid #ccc;*/
background: #F4E9D3;
	/**background-image: url(images/harpacolor950.jpg);   */
	margin: 0px 0px 10px;
	padding: 0px;
}

#sponsorer {

}


#webdesign
{
position: relative;
float: left;
width: 200px;
left: 10px;
top: 0px;



}