/* CSS Document */

html,body {
	margin:0;
	padding:0;
	background: url(../images/lic_bg2.gif);
	text-align:center;
	height: 101%;
	background-color:#E7E6E1;
	}
	
div#main_holder {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	width:914px;
	background-color:#A3D764;
	text-align:left;
	}
div#main_area {
	position:relative;
	left:10px;
	width:894px;
	background-color:#FFFFFF;
	min-height:100%;
}
div#l_shade {
	position:absolute;
	left:0px;
	width:7px;
	min-height:100%;
	height:auto !important;
	height:100%;
	background: url(../images/l_shade.gif);
	overflow:hidden;
}
div#r_shade {
	position:absolute;
	right:0px;
	width:7px;
	min-height:100%;
	height:auto !important;
	height:100%;
	background: url(../images/r_shade.gif);
}
div#l_greenshade {
	position:absolute;
	left:0px;
	width:4px;
	min-height:100%;
	height:auto !important;
	height:100%;
	background: url(../images/l_greenshade.gif);
}
div#r_greenshade {
	position:absolute;
	right:0px;
	width:4px;
	min-height:100%;
	height:auto !important;
	height:100%;	
	background: url(../images/r_greenshade.gif);
}
div#t_greenshade {
	position:absolute;
	top:3px;
	left:12px;
	height:4px;
	width:890px;
	background: url(../images/t_greenshade.gif);
}
div#b_greenshade {
	position:absolute;
	bottom:3px;
	left:12px;
	height:4px;
	width:890px;
	background: url(../images/b_greenshade.gif);
}
div#clearer {
	clear:both;
}
div#header {
	position:relative;
	top:0px;
	left:4px;
	width:886px;
	height:110px;
	background-color:#EDEDED;
}
div#flowerholder {
	position:absolute;
	top:0px;
	right:0px;
	height:110px;
	width:363px;
	background: url(../images/header_flower.gif) no-repeat;
}
div#logoholder {
	position:absolute;
	top:3px;
	left:5px;
	height:104px;
	width:196px;
	background: url(../images/ljusdalicentrum_logo.gif) no-repeat;
}
div#divider {
	position:absolute;
	top:110px;
	left:4px;
	width:886px;
	height:1px;
	background: url(../images/999999_top.gif) no-repeat;
	}
/* ################################## Layout #################################### */

/* ################################## Första sidan #################################### */
div#senaste_nytt {
	position:relative;
	top:10px;
	left:10px;
	width:193px;
	height:242px;
	background: url(../images/senaste_nytt_bg.gif) no-repeat;
	padding:5px;
}
div#hysch_hysch {
	position:relative;
	top:20px;
	left:10px;
	width:192px;
	height:186px;
	background: url(../images/hysch_hysch_bg.gif) no-repeat;
	padding:5px;
}
div#hysch_hysch_txtholder {
	position:relative;
	top:0px;
	left:0px;
	width:190px;
	height:160px;
	padding:0px;
	overflow:auto;
}
div#manadens_intervju {
	position:relative;
	top:30px;
	left:10px;
	width:192px;
	height:130px;
	background: url(../images/manadens_intervju_bg_silh.gif) no-repeat;
	padding:5px;	
}
div#center_image {
	position:absolute;
	float:left;
	top:120px;
	left:220px;
	height:250px;
	width:500px;
	border:1px #333 solid;
}
div#oppettider {
	position:absolute;
	float:left;
	top:120px;
	left:731px;
	width:142px;
	height:250px;
	background: url(../images/oppettider_bg.gif) no-repeat;
	padding:5px;	
}

div#ljusdal_i_bilder {
	position:absolute;
	top:382px;
	left:731px;
	width:142px;
	height:186px;
	background: url(../images/ljusdal_i_bilder_bg.gif) no-repeat;
	padding:5px;
}
div#tyck_till {
	position:relative;
	top:-110px;
	left:731px;
	width:142px;
/*	height:130px; */
	height:auto !important;
	min-height:130px;
	height:130px;
	background: url(../images/tyck_till_bg.gif);
	padding:5px;	
}
/* För omröstningsresultatet */
div.progress-container {
  border: 1px solid #ccc; 
  width: 100px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}
div.progress-container > div {
  background-color: #ACE97C; 
  height: 12px
}
.graph { 
        position: relative; /* IE is dumb */
        width: 130px; 
        border: 1px solid #B1D632; 
        padding: 2px;
			font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333; 
}
.graph .bar { 
        display: block;
        position: relative;
        background: #B1D632; 
        text-align: center; 
        color: #333; 
        height: 2em; 
        line-height: 2em;            
}
.graph .bar span { position: absolute; left: 1em; }


.polltext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
}
.polltext a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	text-decoration:underline;
}
.polltext a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	text-decoration:underline;
}
.polltext a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#333333;
	text-decoration:underline;
}
/* För omröstningsresultatet */
div#aktiviteter {
	position:absolute;
	top:382px;
	left:220px;
	height:195px;
	width:495px;
	/*
	border:1px solid #ddd;
	*/
	background: url(../images/pa_gang_bg.gif) no-repeat;
	padding:5px;
}
div#aktiviteter_img_holder {
	position:absolute;
/*	top:35px;*/
	top:7px;
	left:10px;
/*	height:120px; */
	height:173px;
}
div#aktiviteter_text {
	position:absolute;
/*	top:35px;
	left:150px; */
	top:0px;
	left:260px;
	height:185px;
	width:220px;
/*	border:1px solid #ddd;*/
	overflow:auto;
}
div#sponsors {
	position:absolute;
	top:590px;
	left:220px;
	height:130px;
	width:490px;
	/*
	border:1px solid #ddd;
	*/
	padding:5px;
}
div#sponsorsigns {
	position:relative;
	top:10px;
	width:430px;
	text-align:center;
	height:80px;
	left:20px;
}
/* ################################## Första sidan #################################### */

/* ################################## Meny knappar #################################### */
div#startsidan_btn {
	position:absolute;
	top:96px;
	left:490px;
	height:14px;
	width:70px;
}
div#projektet_btn {
	position:absolute;
	top:96px;
	left:570px;
	height:14px;
	width:70px;
}
div#aktiviteter_btn {
	position:absolute;
	top:96px;
	left:651px;
	height:14px;
	width:70px;
}
div#medlemmar_btn {
	position:absolute;
	top:96px;
	left:734px;
	height:14px;
	width:70px;
}
div#lankar_btn {
	position:absolute;
	top:96px;
	left:815px;
	height:14px;
	width:70px;
}
/* ################################## Meny knappar #################################### */

/* ################################## Aktiviteter #################################### */
div#aktiviteter_area {
	position:relative;
	top:0px;
	width:700px;
	left:10px;
}
div#aktiviteter_aktiviteter_menu {
	position:absolute;
/*	width:200px;*/
	width:185px;
	height:auto !important;
	min-height:240px;
	height:240px;
	background: url(../images/senaste_nytt_bg.gif);
	padding:5px;
	top:10px;
}
div#aktiviteter_aktiviteter_listholder {
	position:relative;
	width:495px;
	left:250px;
	}
div#aktiviteter_aktiviteter {
	position:relative;
	height:195px;
	width:495px;
	/*
	border:1px solid #ddd;
	*/
	background: url(../images/pa_gang_bg.gif) no-repeat;
	padding:5px;
}
div#aktiviteter_aktiviteter_img_holder {
/*	position:absolute;
	top:35px;
	left:10px;
	height:120px;*/
	position:relative;
/*	top:35px;*/
	top:3px;
	left:5px;
/*	height:120px; */
	height:173px;
	width:230px;
	text-align:center;
	vertical-align:middle;
}
div#aktiviteter_aktiviteter_text {
/*	position:absolute;
	top:35px;
	left:150px;
	height:140px;
	width:320px;
	/*border:1px solid #ddd;
	overflow:auto;*/
	position:absolute;
/*	top:35px;
	left:150px; */
	top:0px;
	left:260px;
	height:185px;
	width:220px;
/*	border:1px solid #ddd;*/
	overflow:auto;
	
}
/* ################################## Aktiviteter #################################### */

/* ################################## Tyck till #################################### */
div#tycktill_area {
	position:relative;
	top:30px;
	width:700px;
	left:20px;
}
div#tycktill_headernpost {
	position:absolute;
	width:200px;
	}
div#tycktill_list {
	position:relative;
	width:495px;
	left:250px;
	top:5px;
}
/* ################################## Tyck till #################################### */

/* ################################## Nyheter #################################### */
div#nyheter_header {
	position:absolute;
	left:10px;
/*	width:200px; */
	padding:5px;
	margin-top:20px;
	width:185px;
	height:auto !important;
	min-height:230px;
	height:230px;
	background: url(../images/senaste_nytt_bg.gif);
}
div#nyheter_nyheter_listholder {
	position:relative;
	width:600px;
	left:220px;
	margin-top:10px;
	}
div#nyheter_nyhet {
	position:relative;
	width:600px;
	padding:5px;
}
/* ################################## Nyheter #################################### */

/* ################################## Ljusdal i bilder #################################### */
div#libilder_area {
	position:relative;
	top:0px;
	width:700px;
	left:10px;
}
div#libilder_header {
/*
	position:relative;
	left:20px;
	top:20px;
	width:200px;
	padding:5px;
	*/
	position:absolute;
/*	width:200px;*/
	width:181px;
	height:auto !important;
	min-height:240px;
	height:240px;
	background: url(../images/senaste_nytt_bg.gif);
	padding:5px;
	top:10px;
}
div#libilder_listholder {
/*
	position:relative;
	width:640px;
	left:200px;
	top:-84px;
	*/
	position:relative;
	width:640px;
	left:220px;
	height:auto;
	}
div#libilder_listholder img {
	text-align:center;
	display:inline-block;
	border:1px #ddd solid;padding:2px;
	margin-top:20px;
}
div#libilder_bild {
	position:relative;
	width:495px;
	padding:5px;
}
/* ################################## Ljusdal i bilder #################################### */

/* ################################## Projektet #################################### */
div#projektet_area {
	position:relative;
	top:0px;
	width:700px;
	left:10px;
}
div#projektet_header {
	position:absolute;
/*	width:200px;*/
	width:181px;
	height:auto !important;
	min-height:240px;
	height:240px;
	background: url(../images/senaste_nytt_bg.gif);
	padding:5px;
	top:10px;
}
div#projektet_listholder {
	position:relative;
	width:630px;
	left:220px;
	}
/* ################################## Projektet #################################### */

/* ################################## Medlemmar #################################### */
div#medlemmar_area {
	position:relative;
	top:0px;
	width:700px;
	left:10px;
}
div#medlemmar_header {
	position:absolute;
/*	width:200px;*/
	width:181px;
	height:auto !important;
	min-height:240px;
	height:240px;
	background: url(../images/senaste_nytt_bg.gif);
	padding:5px;
	top:10px;
	}
div#medlemmar_list {
	position:relative;
	width:495px;
	left:250px;
	top:0px;
}
/* ################################## Medlemmar #################################### */

/* ################################## Länkar #################################### */
div#lankar_area {
	position:relative;
	top:0px;
	width:700px;
	left:10px;
}
div#lankar_header {
	position:absolute;
/*	width:200px;*/
	width:181px;
	height:auto !important;
	min-height:240px;
	height:240px;
	background: url(../images/senaste_nytt_bg.gif);
	padding:5px;
	top:10px;
	}
div#lankar_list {
	position:relative;
	width:495px;
	left:250px;
}
/* ################################## Länkar #################################### */

/* ################################## Månadens intevju arkiv #################################### */
div#intervju_area {
	position:relative;
	top:0px;
	width:700px;
	left:10px;
}
div#intervju_header {
	position:absolute;
/*	width:200px;*/
	padding:5px;
	width:192px;
	height:130px;
	background: url(../images/manadens_intervju_bg_silh.gif) no-repeat;
	top:10px;
	}
div#intervju_list {
	position:relative;
	width:495px;
	left:250px;
}
/* ################################## Månadens intevju arkiv #################################### */

/* ################################## om cookies #################################### */
div#cookies_area {
	position:relative;
	top:0px;
	width:700px;
	left:10px;
}
div#cookies_header {
	position:absolute;
/*	width:200px;*/
	padding:5px;
	width:181px;
	height:auto !important;
	min-height:240px;
	height:240px;
	background: url(../images/senaste_nytt_bg.gif);
	top:10px;
	}
div#cookies_list {
	position:relative;
	width:495px;
	left:250px;
}
/* ################################## om cookies  #################################### */

/* ################################## Typo #################################### */
.contenttext {
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#333333;
}

.contenttext a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4B80BB ;
}
.contenttext a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4B80BB;
}
.contenttext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F26521;
}
.newstext {
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#333333;
	font-weight:bold;
}
.newstext a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
}
.newstext a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	font-weight:bold;
	text-decoration:underline;	
}
.newstext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F26521;
	font-weight:bold;
	text-decoration:underline;
}
.activitytext {
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#333333;
}
.activitytext a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.activitytext a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.activitytext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F26521;
	text-decoration:underline;
}
.interviewtext {
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#333333;
}
.interviewtext a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.interviewtext a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:underline;
	font-weight:bold;
}
.interviewtext a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F26521;
	text-decoration:underline;
	font-weight:bold;
}
.smallinterviewtext a:link{
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:9px;
	color:#333333;
}
.smallinterviewtext a:visited{
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:9px;
	color:#333333;
}
.smallinterviewtext a:hover{
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:9px;
	color:#333333;
}
.smallnewstext {
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:9px;
	color:#999999;
}
.smallpicturetext {
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:9px;
	color:#333333;
}
.membertypetext {
	font-family:Arial, Helvetica, sans-serif;
	/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	color:#CC9900;
}
.myh2 {
    font-size: 155%;
    color: #666;
	letter-spacing:-1px;
	margin: .3em 0 -.5em 0;
}
.myh3 {
    font-size: 125%;
    color: #333;
	letter-spacing:0px;
	margin: .3em 0 -.5em 0;
}

h1 {
    font-size: 210%;
    color: #333;
	letter-spacing:-1px;

}
h2 {
    font-size: 155%;
    color: #333;
	letter-spacing:-1px;
	margin: .3em 0 -.5em 0;
}
h3 {
	letter-spacing: 0px;
    font-size: 110%;
    color: #333;
    margin: 0 0 0em 0;
}