@charset "UTF-8";
/* CSS Document */

html, body {
	background-attachment:fixed;
	background-color: #82a6d0;
	background-image: url('../gfx/background.jpg');
	background-position: bottom left;	
	background-repeat: no-repeat;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	
	}
a:hover {
	color: #ea3295;
	}
a img {
	border: none;
	
	}
a img:hover {
	/* for IE */
  filter:alpha(opacity=75);
  /* CSS3 standard */
  opacity:0.75;	
	}
div {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	}
h1 {
	color: #ea3295;
	font-size: 1.8em;
	margin: 5px 0 0;
	padding: 0;
	}	
h2 {
	font-size: 1.3em;
	margin: 5px 0 0;
	padding: 0;
	}
h3 {
	color: #fff;
	font-size: 1.4em;
	margin: 0;
	padding: 0;
	}
h5 {
	color: #ea3295; 
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 15px;
	}
hr {
	margin: 20px 0;
	color: #CCC;
	background: #eee;
	
	}
p {
	line-height: 140%;
	}
input {
	color: #666;
	padding: 2px;
	}
input.searchGlass {
	background-image: url('../gfx/search_glass.gif');
	background-repeat:no-repeat;
	background-position:right;	
	}
input.searchButton {
	width: 40px;
	margin: 0 0 0 10px;
	font-size: 0.9em;
	}
#innerShadow {
	background: #fff;
	background-image: url('../gfx/left_shadow.gif');
	background-repeat:repeat-y;
	}

#bodyContainer {
	background-image: url('../gfx/top_shadow.gif');
	background-repeat:repeat-x;
	border-top: solid 1px #7e7e7e;
	border-bottom: solid 1px #5e5c43;
	border-right: solid 1px #7e7e7e;
	width: 980px;

	}

/*--------------------------------*/
/*     KONTAKTINFO/ADRESSRAD      */
/*--------------------------------*/

#addressContainer {
	padding: 7px 0 0;

	
	}
#addressContainer table {
/*	background: #282828;
	background-image: url('gfx/top_bg.gif');*/
	background-repeat:repeat-x;
	border-collapse:collapse;
	color: #fff;
	
	padding: 0 20px 0 10px;

	width: 980px;
	}
#addressContainer table tr td{
	font-weight: bold;
	padding: 0 0 0 0;
	text-align:center;
	vertical-align:middle;
	}
#addressContainer table tr td img{
	vertical-align:top;
}
#addressContainer table tr td a{
	color: #fff;
	text-decoration: none;
}
#addressContainer table tr td a:hover{
	color: #ccc;
}
.addressBar {
	background: #282828;
	}
/*--------------------------------*/
/*           SÖKRESULTAT          */
/*--------------------------------*/	
.searchResult {
	border-bottom: solid 1px #ddd;
	padding: 10px 0;
	width: 440px;

}	
.searchResult h3 { 
	margin: 0;
	padding: 0;
}
.searchResult h6 { 
	margin: 0;
	padding: 0;
}
	
.searchPaginator {
	width: 440px;
	text-align: center;
	clear: both;
	display: block;
	
	}
.searchPaginator ul {
	list-style-type:none;
	text-align:center;	
	padding: 0;
	text-align:center;
}	
.searchPaginator li {
	display:inline;
	padding: 0;
	float: left;
	text-align:center;
	}
.searchPaginator li a{
	list-style-type:none;
	text-align:center;
	clear:none;
	padding: 3px 5px;
}
.searchPaginator li a.active{
	background: #eee;
}
/*--------------------------------*/
/*        LOGOTYP/BILDSPEL        */
/*--------------------------------*/

#headerContainer {
	margin: 10px 10px 5px 15px;
	width: 960px
	}

/*--------------------------------*/
/*              MENY              */
/*--------------------------------*/
	
#menuA {
	display: block;
	text-align:right;
	border-bottom: #ee6db1 solid 2px;
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
	width: 950px;
	}
#menuA a{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	border-right: solid #aaa 1px;
	color: #666;
	font-size: 1.3em;
	padding: 2px 30px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}
#menuA a.last{ border: none;}
#menuA a:hover{color: #ea3295;}

#menuA a.active{color: #ea3295;}

#menuA #menu_b {
	border-top: solid 1px #ddd;
	margin: 3px 10px 0 0;
	padding: 2px 0 0 0;
	text-align: left;
	width: 950px;
	}
#menuA #menu_b a{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	border-right: none;
	font-size: 1.1em;
	padding: 2px 10px;
	height: 14px;
	}

#menuA #menu_c {
	border-top: solid 1px #ddd;
	margin: 3px 10px 0 0;
	padding: 2px 0 0 0;
	text-align: left;
	width: 950px;
	}
#menuA #menu_c a{
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	border-right: none;
	font-size: 1.1em;
	padding: 2px 15px;
	text-transform: none;
	}

/*--------------------------------*/
/*          STARTSIDA             */
/*--------------------------------*/

#spotlightContainer {
	padding: 10px 0 10px 15px;
	}

/*SPOTLIGTHS Dvs banners/ingångar till undersidor som ligger på startsidan samt i högerkolumnen på undersidor*/

/*--------------------------------*/
/*          SPOTLIGTHS            */
/*--------------------------------*/

.spotlight {
	background: #fff;
	background-image: url('../gfx/spotlight_bg.gif');
	background-position: bottom right;
	margin: 0 0 10px;
	width: 236px;
	padding: 0px;
	}
.spotlightHeader {
	background-image: url('../gfx/spotlight_top_bg.gif');
	background-position: top right;
	background-repeat: no-repeat;
	height: 4px;
	margin: 0;
	padding: 0;
	width: 236px;

}
.spotlightContent {
	text-align:center;
	padding: 0 0 10px 0;
	margin:0 auto;
/*	min-height: 150px;
	height: 150px;!important*/
	}
.spotlightContent img{ 
	margin: 10px 10px 5px 5px;
	overflow: hidden;
	text-align: left;
}
.spotlightContent .video_container {
	height: 115px;
	overflow: hidden;
																margin: 10px 10px 10px 5px;
																overflow: hidden;
																padding: 0px 0px 0px 0px;
																text-align: left;
																width: 222px;
	}


.spotlightContent a img:hover{ 
	/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
} 
.spotlightImage {
	height: 100px;
	margin: 10px 10px 10px 5px;
	overflow: hidden;
	padding: 5px 10px 10px;
	text-align: left;
	width: 202px;
	}

.spotlightImage p {
	background: #000;
	color: #fff;
																	font-size: 1.2em;
																	height: 57px;
	overflow: hidden;
	padding: 2px 5px 5px;
	position:relative;
																	/*top:35px;*/
	
	/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
	}
.spotlightFooter{
/*	background-image: url('../gfx/spotlight_bottom_bg.gif');
	background-position: bottom right;*/
	height: 4px;
	width: 236px;
	background-repeat: no-repeat;
	padding: 0;
	margin:0 0;

}

input.submit {
	background-color: none;
	background-repeat: no-repeat;
	border: none;
	color: #fff;
	font-size: 1.2em;
	height: 35px;
	text-align:center;
	padding: 0 0 4px 0;
	width: 184px;
	}
input.pinkMore {			background-image: url('/barnhjalpen/gfx/button_pink_more1.gif'); cursor:pointer;}
input.pinkMore:hover {		background-image: url('/barnhjalpen/gfx/button_pink_more2.gif'); cursor:pointer;}
input.pinkSend {			background-image: url('/barnhjalpen/gfx/button_pink_send.gif'); cursor:pointer;}
input.pinkSend:hover {		background-image: url('/barnhjalpen/gfx/button_pink_send2.gif'); cursor:pointer;}
input.pinkContribute {				background-image: url('/barnhjalpen/gfx/button_pink_contribute1.gif'); cursor:pointer;}
input.pinkContribute:hover {		background-image: url('/barnhjalpen/gfx/button_pink_contribute2.gif'); cursor:pointer;}

.spotlight.form .submit.pinkSend {
		margin-left: 20px;
	}

/*input.pink {		background-image: url('gfx/submit_pink.gif');}
input.pink:hover { 	background-image: url('gfx/submit_pink_hover.gif');}
input.green {		background-image: url('gfx/submit_green.gif');}
input.green:hover { background-image: url('gfx/submit_green_hover.gif');}
input.blue {		background-image: url('gfx/submit_blue.gif');}
input.blue:hover {	background-image: url('gfx/submit_blue_hover.gif');}
*/

/*--------------------------------*/
/*           FORMULÄR             */
/*--------------------------------*/


.spotlight.form {
	background: #55555;
	background-image: url('../gfx/spotlight_form_bg.gif');
																/*border: solid 1px #ff00dd;*/
	padding: 0px;
																
	}
.spotlight.form .spotlightHeader {
	background-image: url('../gfx/spotlight_form_top_bg.gif');
}
.spotlight.form .spotlightFooter {
/*	background-image: url('../gfx/spotlight_form_bottom_bg.gif');*/
}
.spotlight.form img{ 
	margin: 15px 0 10px 0;
}
.spotlight.form .spotlightHeader{
	}
.spotlight.form select{
	color: #666;
																font-size: 1.2em;	/*TEXTSTORLEK i RULLISTOR I FORMULÄRET*/
	margin: 5px 0 5px 0;
	padding: 2px;
																width: 100px;
	}
.spotlight.form .submit {
	margin: 8px 0 0;
	}
.spotlight.form table {
																margin: 0 0 0 13px;
																width: 210px;
																/*border: solid 1px 00FF00;
																background: #096;*/
	overflow: hidden;
	border-collapse:collapse;
	}
.spotlight.form table tr{
	}
.spotlight.form table p{
	color: #fff;
	padding: 0 5px 0 0;
	margin: 8px 0;
	text-align: right;
	vertical-align: bottom;
															font-size: 1.2em;	/*TEXTSTORLEK PÅ PARAGRAFER I FORMULÄRET*/

	}
.spotlight.form table input{
	width: 88px;
	text-align: left;
	float: left;
	margin: 0 0 0 7px;
															font-size: 1.2em;	/*TEXTSTORLEK PÅ INPUT-FÄLT I FORMULÄRET*/
	}
.spotlight.form table .checkboxContainer {
		text-align: left;
	float: left;
	width: 30px;
	height: 20px;
	margin: 0 0 0 20px;
															/*background: red;*/
	}
.spotlight.form table .checkboxContainer p{
	float: left;
		text-align: left; }
.spotlight.form table .checkboxContainer input {
	text-align: left;

	width: 14px;
	padding: 0;
	margin: 8px 0 0;
	}
.spotlight.form table textarea{
	color:#666666;
	padding:2px;
	width: 91px;
	text-align: left;
	float: left;
	margin: 6px 0 0 7px;
																font-size: 1.2em;	/*TEXTSTORLEK PÅ TEXTAREA I FORMULÄRET*/
	height: 40px;
	}


.formResponse {
	padding: 20px 20px 20px 30px;
	text-align: left;
	}

.formResponse p { 
	color: #fff;
	font-size: 1.2em;
	text-align: left;
}

.formResponse a { 
	color: #fff;
	font-size: 1.0em;
	text-decoration: none;
}
.formResponse a:hover { 
	color: #c33a81;
}
.formResponse p a { 
	color: #fff;
	text-decoration: none;
}
.formResponse p a:hover { 
	color: #c33a81;
}

/*--------------------------------*/
/*          UNDERSIDOR            */
/*--------------------------------*/

#contentContainer {
	padding: 10px 0 10px 15px;
	}
/*--------------------------------*/
/*        VÄNSTERKOLUMN           */
/*--------------------------------*/

#left_column {
	width: 236px;
	}
	
.regionLeftTop {
	padding: 0 10px 10px;
	}
.regionLeftTop a { 
	color: #222;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 8px 0 0;
}
.regionLeftTop p{
	margin: 3px 0;
																	font-size: 1.2em;	/*BRÖDTEXT I VÄNSTERKOLUMNEN T.EX. BREV TILL FADDRARNA*/
	}
.regionLeftTop a:hover {
	color: #ea3295;
	}
/*--------------------------------*/
/*         MITTENKOLUMN           */
/*--------------------------------*/

#middleColumn {
	margin: 1px 2px 0 3px;
	width: 469px;
	}
#middleColumn .content{
	padding: 0 20px 10px;
	}
#middleColumn .content h1{
																		
	}
#middleColumn .content p{
																		font-size: 1.3em;	/*BRÖDTEXT I MITTENKOLUMNEN*/
	}
#middleColumn .content a{ 
	color: #666;
	display: block;
	font-weight: bold;
	margin: 4px 0;
	text-decoration: none;
																		font-size: 1.2em;	/*LÄNKTEXT I MITTENKOLUMNEN*/
}
#middleColumn .content p a { 
	color: #666;
	display: inline;
	font-weight: bold;
	text-decoration: none;
																		font-size: 1.0em;	/*LÄNKTEXT I TEXT I MITTENKOLUMNEN*/

}
#middleColumn .content img{
	display: block;
	padding: 0 5px 5px;
}
#middleColumn .content a:hover{ 
	color: #ea3295;
}


/*--------------------------------*/
/*          SITEKARTA             */
/*--------------------------------*/
.sitekarta {
	
	
	}
.sitekarta h4 {
	font-size: 1.4em;	
	margin: 0;
	padding: 1px 0 0 0;
	}
.sitekarta h5 {
	font-size: 1.2em;	
	margin: 0;
	padding: 1px 0 0 20px;
	}
.sitekarta h6 {
	font-size: 1.0em;
	margin: 0;
	padding: 1px 0 0 40px;
	}


/*--------------------------------*/
/*          HÖGERKOLUMN           */
/*--------------------------------*/

#rightColumn {
	width: 236px;
	}

.necessity {
	padding: 20px;
	text-align: center;
	width: 195px;
	}
.necessity.report {	background: #555;}
.necessity.links {	background: #666;background-image: url('../gfx/necessity_grad.gif');background-repeat: repeat-x;text-align: left;}
.necessity ul {
	color: #FFF;
	margin: 5px 0 0 15px;
	padding: 0;
	text-align: left;
}

.necessity ul li{
	margin: 0;
	padding: 0;
}

.necessity h2 {
	border-bottom: solid 1px #888;
	color: #fff;
	padding: 0 0 5px;
	text-align: left;
													/*	font-size: 1.3em;*/
	}
.necessity h3 {
	color: #fff;
														/*font-size: 14px;*/
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
	}
.necessity a h3 {
	color: #fff;
														/*font-size: 14px;*/
	margin: 5px 0 0;
	padding: 0;
	text-align: left;
	}
.necessity p {
														font-size:1.2em; /*BRÖDTEXT I INSAMLINGSBEHOVSBOXEN*/
	color: #eee;
	margin: 2px 0 6px;
	text-align: left;
	}
.necessity a {
	color: #eee;
	margin: 6px 0;
	text-align: left;
	text-decoration: none;
	}
	
.necessity h3 a {
	color: #eee;
	margin: 6px 0;
	text-align: left;
	text-decoration: none;
													/*font-size:14px;*/
	}	
.necessity p a {
	color: #eee;
	margin: 6px 0;
	text-align: left;
	text-decoration: none;
													font-size:1.0em;	
	}
	
.necessity a:hover { color: #ccc;}
.necessity img {
	margin: 20px 0;
}
.necessity p img {
	margin: 0 10px 0 0;
}

/*--------------------------------*/
/*             SIDFOT             */
/*--------------------------------*/


#footer {
	background-image: url('../gfx/footer_bg.gif');
	background-repeat: repeat-x;
	background-position:top;
	margin: 0 0 0 15px;
	text-align: right;
	padding: 0 0 10px 0;
	width: 950px;
}








.lableBox {
border:1px solid #CCCCCC;
float:left;
height:8px;
margin:3px 5px 0 0;
width:8px;
}

div.header1, div.header2 {
	clear: both;
	font-family: Georgia;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

div.header2 {
	font-size: 11px;
}

#addressContainer form {
	padding: 0px;
	margin: 0px;
}

#left_column #menuC {
margin:5px 0 0;
}

#left_column #menuC a {
	border-bottom:1px solid #EEEEEE;
	color:#333333;
																						font-size:1.1em; /*LÄNKAR TILL PROJEKT FRÅN VÄNSTERKOLUMN*/
	font-weight:normal;
	padding:6px 0;
	text-decoration:none;
	width:215px;
	text-transform: uppercase;
}


#left_column #menuC a h6 {
	color:#777777;
																						font-size:1.0em; /*PROJEKT- OCH REGIONSNAMN UNDER PROJEKT*/
	font-weight:normal;
	margin:3px 0;
	padding:0;
	text-transform: none;
}

#left_column #menuC a:hover {
	background-color:#FBFBFB;
	color:#EA3295;
}

#rightColumn .content a {
	color:#666666;
	display:block;
	font-weight:normal;
	margin:4px 0;
	text-decoration:none;
																					font-size: 1.1em;	/*LÄNKTEXT I HÖGERKOLUMNEN*/
}
#rightColumn .content a:hover {
	color:#EA3295;	
	}
.formHeadlineImage {
	margin-left: 20px;
	}