body, html {
	margin:0;
	padding:0;
	height:100%;
	background-color:#EBEDE4;
}

h1	{ padding:10px 0 5px 0; margin:0px; font-size:16pt; }
h2	{ padding:7px 0 5px 0; margin:0px; font-size:14pt; }
h3	{ padding:5px 0 5px 0; margin:0px; font-size:12pt; }
p	{ margin:9px 0 13px 0; font-size:9pt; }
img	{ border:none; }

#wrapper {
	width:966px;
	margin:0 auto;
	background-image:url(/bilder/background.png);
	background-repeat:repeat-y;
	position:relative;
}
#header {
	width:966px;
	background-image:url(/bilder/header.png);
	background-repeat:no-repeat;
	padding-left:12px;
}
#footer {
	width:946px;
	height:30px;
	background-image:url(/bilder/footer.png);
	background-repeat:no-repeat;
	padding:12px 10px 10px 10px;
	background-color:#EBEDE4;
	text-align:center;
	color:#4B7606;
	font-family:Tahoma;
	font-size:11px;
}
#footer a {
	color:#4B7606;
	text-decoration:none;
}
#footer .logo_klimatpositiv {
	margin: 0 0 0 30px;
}
#menu {
	width:750px;
	height:32px;
	float:left;
	margin:65px 0 0 2px;
}
#menu a {
	text-decoration:none;
	font-size:13px;
	color:#566D1F;
}
#bannerLink {
	cursor:pointer;
	height:58px;
	width:176px;
	float:right;
	margin:24px 20px 0 0;
}
#banner {
	clear:both;
	width:942px;
	height:231px;
	background-image:url(/bilder/banner.jpg);
	background-repeat:no-repeat;
}
#puffar {
	width:956px;
	margin:0;
}
.puff {
	float:right;
	width:228px;
	/*background-image:url(/bilder/puffBG.jpg);*/
	background-repeat:no-repeat;
	margin:10px 7px 10px 0;
}
.puff_test {
	float:right;
	width:228px;
	/*background-image:url(/bilder/puffBG.jpg);*/
	background-repeat:no-repeat;
	margin:10px 0 10px 13px;
}

.puffTop {
	clear:both;
	width:228px;
	height:15px;
	background-image:url(/bilder/puffTop.gif);
	background-repeat:no-repeat;	
	margin:0px;
	padding:0px;
}
.puffImage {	
	width:228px;
	height:198px;
	background-image:url(/bilder/puffTopBg.gif);
	background-repeat:repeat-y;	
	padding-left:18px;
	margin-top:0px;
	margin-bottom:0px;
}

.puffBot {	
	width:208px;
	height:43px;
	background-image:url(/bilder/puffBot.gif);
	background-repeat:no-repeat;	
	text-align:center;
	padding:10px;
	margin-top:0px;
	margin-bottom:0px;
}
.puffBot a {	
	text-decoration:none;
	font-size:15px;
	color:#4b7606;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#calendarLarge {
	float:left;
	width:410px;
	background-image:url(/bilder/calendarLargeBg.gif);
	background-repeat:repeat-y;	
	margin-top:12px;
	margin-left:12px;
}
#calendarLarge2 {
	float:left;
	width:410px;
	background-image:url(/bilder/calendarLargeBg.gif);
	background-repeat:repeat-y;	
	margin-top:12px;
	margin-left:12px;
}
#calendarSmall {
	width:220px;
	background-image:url(/bilder/calendarSmallBg.gif);
	background-repeat:repeat-y;	
	margin-bottom:10px;
}

#printContainer {
	float:right;
	width:505px;
	margin-right:12px;
	padding:15px 12px 0px 12px;
}

#printContainer2 {
	float:right;
	width:505px;
	margin-right:12px;
	padding:15px 12px 0px 12px;
	
	float:left; 
	width:468px; 
	overflow-x:hidden; 
	margin:0; 
	padding-left:17px; 
	padding-right:14px;
}

.miljo {
	height:262px; 
	width:217px; 
	float:right; 
	margin-right:17px; 
	margin-top:12px;
}

#printContainerInfo {
	float:left;
	width:467px;
	margin-right:12px;
	padding:15px 0 12px 12px;
}
#printContainerInfoWide {
	float:left;
	width:690px;
	margin-right:12px;
	padding:15px 0 12px 12px;
}
/*
#printContainerBoka {
	float:left;
	width:467px;
	margin-right:12px;
	padding:15px 0 12px 12px;
}
#printContainerBokaWide {
	float:left;
	width:690px;
	margin-right:12px;
	padding:15px 0 12px 12px;
}
#bokaFormHeader {
	background-image:url(/bilder/formHeadBig.jpg);
	background-repeat:no-repeat;
	height:36px;
	margin-top:-3px;
	margin-left:-19px;
}
#bokaFormFooter {
	background-image:url(/bilder/formFootBig.jpg);
	background-repeat:no-repeat;
	height:34px;
}
#bokaFormBody {
	background-image:url(/bilder/formLargeBg.gif);
	background-repeat:no-repeat;
	margin-left:-19px;
	padding-left:28px;
	padding-right:10px;
}
*/
#calNchatWrapper {
	float:left; margin:12px 7px 0 12px;	
	width:220px;
	overflow:hidden;
}
.pageImage {	margin:0 0 10px 0;} /* Var förut: 0 0 10px 10px - Ändrat för att bilderna beskars /DS 091027 */
#rightMenu {
	float:right;
	width:200px;
	background-image:url(/bilder/rightmenubg.jpg);
	background-repeat:no-repeat;
	margin-right:12px;
	margin-top:12px;
	padding:10px;
}
#date {
	float:left;
	margin-left:22px;
	padding:3px;
}
#bookSmallForm {
	float:right;
	display:block;
	margin-top:7px;
	margin-right:35px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	width:151px;
	height:141px;
}
#bookSmallFormIndex {
	float:right;
	display:block;
	margin-top:7px;
	margin-right:35px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	width:151px;
	height:141px;
}
#chatPuff {
	float:left; 
	margin:11px 7px -65px 11px;
	width:220px;
	overflow:hidden;
}
#chatPuffInfo {
	margin:11px 0 7px -1px;
	width:220px;
}

#chatPuffInfo .puffImage {position:relative; top:-219px; left:141px; height:61px; width:63px; margin:0; padding:0; overflow:hidden;}

#chatPuff .puffImage {position:relative; top:-219px; left:141px; height:61px; width:63px; margin:0; padding:0; overflow:hidden;}
#chatPuff .puffImage2 {position:relative; top:-219px; left:141px; height:61px; width:63px; margin:0; padding:0; overflow:hidden; display:block;}

#printyta { 
	font-family:Arial;
	font-size:12px;
	line-height:18px;
}
#printyta a {color:#0000FF; text-decoration:none;}

.formLabelLarge { width:145px; margin-bottom:2px; }
.formLabelSmall { width:70px; margin-bottom:2px; }
.formLabelLarge { width:145px; margin-bottom:2px; color:#FFFFFF;}
.formLabelSmall { width:70px; margin-bottom:2px; color:#FFFFFF; }
.inputSmall { width:68px; height:14px; font-size:11px; margin-bottom:10px; }
.inputSmallShow { width:66px; height:12px; font-size:11px; margin-bottom:10px; border:1px solid #00FFFF; }
.inputLarge { width:145px; height:14px; font-size:11px; margin-bottom:10px; }
.formLeft {float:left;}
.formRight {float:right;}
.inputButton { margin-top:17px; }

.rightbox {font-family:Arial; font-size:12px; padding:3px;}
.righboxLine {}
.rightboxHeading {}
.rightboxBody {}
.rightboxImage {}
.rightboxBot {}

.listLine {background-color:#a11f1f; border:0; height:1px;}
.submenuTitle {font-family:Arial; text-transform:uppercase; font-weight:bold; color:#A62020;}
form {margin:0; padding:0;}

/* För stilning av den nya ul-li-menyn */
#menu .submenu_lv1, .submenu_lv2, .submenu_lv3 { padding:0; margin:0; list-style:none; }
#menu .submenu_lv1 li { float:left; margin-right:10px; margin-left:-12px;}
#menu .submenu_lv1 li a, .submenu_lv2 li a, .submenu_lv3 li a { color:#4e4d50; padding:3px;}
#menu .submenu_lv1 li.active { font-weight:bold; }

#rightMenu .submenu_lv1, .submenu_lv2, .submenu_lv3 { padding:0; margin:0; list-style:none; }
#rightMenu .submenu_lv1 li { margin-right:10px;}
#rightMenu .submenu_lv1 li a { color:#4e4d50; padding:3px; }
#rightMenu .submenu_lv1 li.active { font-weight:bold; }

.submenu_lv2 {padding-top:5px;}
.submenu_lv2 li.active { font-weight:normal;}
.submenu_lv2 li { padding-left:10px; width:180px; height:25px; overflow:hidden;}
.submenu_lv2 li a { font-weight:normal;}

.submenu_lv3 li { padding-left:10px; font-style:italic; }
.submenu_lv3 li.active {  }
/* -------- */

#BloggPuff {Background:url(/blogg/bilder/design/bg_blogg_startPage.gif) no-repeat ;
		    Width: 486px;
			Padding-top: 7px;
			Padding-left: 20px;
			line-height: 17px;
			}
			
#BloggPuff_test {
	/*Background:url(/blogg/bilder/design/bg_blogg_startPage.gif) no-repeat ;*/
	Width: 440px;
	Padding-top: 7px;
	Padding-left: 10px;
	padding-right: 10px;
	padding-bottom:5px;
	line-height: 17px;
	background-color:#f5f5f5;
	border:1px solid #e7e7e7;
}

#BloggRightDiv {	Width: 200px;
				Padding-left: 20px;
				Padding-top: 22px;
				_Margin-right: -20px; 
				Float: right;
				Min-height: 470px;
				_Height: 470px; 
				Background: #f9f9f9 url(/blogg/bilder/design/right_div_bg.gif) no-repeat; }

#BloggLeftDiv {	Width: 450px;
				Float: left;
				Min-height: 492px;
				_Height: 492px; }

	#BloggPressDiv {	Float: right; 
					Border: 1px solid #333333; 
					Background: #f9f9f9; 
					Padding: 10px;
					Width: 280px; }
	
	.BloggInlaggHeader {	Padding-bottom: 5px; Padding-top: 10px; }
	.BloggInlaggDate {	Color: #9c9c9c; Font: 11px Arial; }
	.BloggInlaggTextContent {	Padding-bottom: 10px; Border-bottom: 1px solid #c1c1c1; Margin-bottom: 10px; }
	
	.BloggRightHeader { }
	.RightRubrik { Color: #4b7606; Font: bold 13px Arial; padding-bottom: 7px; Padding-top:16px; }
	.RightLinkDiv1 {	Font: bold 11px Arial; Padding-left: 10px; Line-height: 18px; }
	.RightLinkDiv2 {	Font: bold 11px Arial; Padding-left: 20px; Line-height: 18px; }
	
	#CommentButtonDiv {	Cursor: pointer; Float: left; Width: 147px; Height: 22px; Background: #f9f9f9 url(/blogg/bilder/design/kommenteraBg.gif) no-repeat; }
	#CommentsButtonDiv {	Cursor: pointer; Float: left; Width: 147px; Margin-left: 4px; Height: 22px; Background: #f9f9f9 url(/blogg/bilder/design/kommentarerVisaBg.gif) no-repeat; }
	#TipsaButtonDiv {	Cursor: pointer; Float: left; Width: 147px; Margin-left: 4px; Height: 22px; Background: #f9f9f9 url(/blogg/bilder/design/tipsaenvanBg.gif) no-repeat; }
	
	#BloggCommentsDiv {	Width: 437px; 
						Cursor: default;
						Font: 11px Arial;
						Padding: 5px;
						_Margin-top: -18px;
						Background: #e1e9d2;
						Border: 1px Solid #d4dec5; 
						border-top: 0px;
						Display: none; }

	#BloggCommentFormDiv {	Width: 437px; 
							Cursor: default;
							Font: 11px Arial;
							Padding: 5px;
							_Margin-top: -18px;
							Background: #e1e9d2;
							Border: 1px Solid #d4dec5; 
							border-top: 0px;
							Display: none; }
		#BloggFormText {	Width: 430px; height: 60px; }
		#BloggFormName {	Width: 170px; }

	#BloggTipsaDiv {	Width: 437px; 
					Cursor: default;
					Font: 11px Arial;
					_margin-top: -18px;
					Padding: 5px;
					Background: #e1e9d2;
					Border: 1px Solid #d4dec5; 
					border-top: 0px;
					Display: none; }

/* Partners */
ul#bokstavsok {
	float: left;
	margin: 0 -5px 45px -3px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-weight: bold;
}
#bokstavsok li {
	float: left;
}
#bokstavsok li a {
	display: block;
	margin: 0;
	padding: 3px 3px 2px;
	color: #010101;
}
#bokstavsok li a:hover,
#bokstavsok li.current a {
	color: #a62020;
	background: #f3f3f3 url(/bilder/design/bokstavsok_a_bg.gif) repeat-x left bottom;
}

dl#partners {
	margin: 0 0 0 20px;
}
dl#partners dt {
	margin: 16px 0 0;
	padding: 0;
}
dl#partners dd {
	margin: 0 0 0 6px;
	padding: 0;
}
* html dl#partners dd {
	height: 20px;
}
.partner {
	float: left;
	padding-bottom: 28px;
	background: url(/bilder/partner_border.gif) repeat-x left bottom;
}
.partner .replacedHeading {
	margin-bottom: 3px;
}
.partner .replacedHeading img {
	float: left;
}
.partner .replacedHeading br {
	display: none;
	height: 0;
}
.partner .replacedHeading em {
	position: relative;
	top: 1px;
	color: #595959;
	font-size: 10px;
}
.partner .left {
	width: 219px;
	margin: 9px 20px 0 0;
}
.partner .left .bff {
	display: block;
	margin: -3px 0 0;
}
.partner .tlf {
	margin: -5px 0 0;
}
.partner .right {
	width: 219px;
	margin: 0;
	color: #404040;
	font-family: arial;
}
.partner .right p {
	margin: 9px 0 18px;
	font-size: 11px;
	line-height: 17px;
}
.partner table.info {
	width: 200px;
	margin-top: 0px;
	font-family: arial;
	font-size: 11px;
}
.partner table.info th {
	text-align: left;
}
.partner table.info td {
	font-weight: bold;
	text-align: right;
}



/* Användbara klasser */
.clear  { clear:both; height:0;}
.left { float:left; margin:0 4px 3px 0; }
.right { float:right; margin:0 0 3px 4px; }
.hr { margin-top:8px; width:95%; height:8px; border-top:1px solid #E5EBDC; margin:0 auto; } /* Horisontellt streck med div */
.input  { background-color:#f3f6ee; border:1px solid #4f8e4b; color:#003822; }
.l { color:#BCB9B4; padding:0 4px; } /* Stående streck (avskiljare) */
.important { color:red; cursor:help; } /* Stjärna (krav) vid formulär*/
/* -------- */

/*CSS för utskrift*/
@media print{
   body *{ visibility:hidden; }
   body { background-color:white; }
   #printyta { visibility:visible; position:absolute; top:0px; left:0px; width:100%; background-color:#ffffff; }
   #printyta *{ visibility:visible; }
}