﻿/********************
Only theme-related parts here (eg. images, background images and colors)
********************/

body {
	font: 76% Tahoma, Verdana, Arial, sans-serif;
	background-image:url(../Images/bg2.jpg) ;
	background-position:left top;
	background-repeat:repeat;
}

#Page {width:775px; }
 
#MainBodyStart, #FooterArea, #ColumnsArea
{
	width:725px;
	float:left;
	display:inline;
	text-align:left;
	margin-left:24px;
	margin-right:auto;
	margin-top:0px;
}

#ColumnsArea {padding-top:20px; padding-bottom:20px;}

#StageArea
{

	background-color: Transparent;
	width:775px;
	clear:both;
	padding-bottom:0px;
	
}

#MainBodyStart, #ColumnsArea
{
	background-image:none;
	background-color: #FFFFFF;
	border-left: solid 1px #C2C2C2;	
	border-right: solid 1px #C2C2C2;	
	border-bottom: solid 1px #C2C2C2;
	clear:both;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding-bottom:20px;
}

#HeaderArea 
{
	border-top: solid 1px #C2C2C2;
	border-left: solid 1px #C2C2C2;
	border-right: solid 1px #C2C2C2;
	width:725px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
	
#Header
{
	/*background-color:#FFFFFF;*/
	background:#FFF url(../Images/CampaignTopImage.jpg) no-repeat top left;
	width:725px;
	/*height:110px;*/
	height:185px; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#MainIntro, .NewsIntro
{
	font-family: Georgia, Times New Roman, Serif;
	font-weight: normal;
	font-style: italic;
	font-size:1.3em;
	line-height:1.4em;
	color: #333333;
	display: block;
	margin-top:0px;
	margin-bottom:5px;
}	

#MainBodyArea
{
	font-size:11px; 
	line-height:17px;
	color:#484848;	
}

a:link, a:visited {color:#299100;}

a:hover {text-decoration:underline !important;}

#MainBody, #SecondaryBody
{
	margin-left:0px;
}

#StageArea a
{
	color:#209300;
	text-decoration:none;
}

#StageArea a:hover
{
	color:#333333;
	text-decoration:underline;
}

#MainBody img
{
	margin-bottom:10px;
}

/*#FunctionsAndSearchArea*/
#FunctionsAndSearchArea
{
	background-image:url(../Images/Functions_bg.png);	
	width:540px;
	height:auto;
	float:right;
	margin-right:0;
	margin-top:12px;
	font-size: 0.9em;
	vertical-align:top;
}

#FunctionsAndSearchArea ul
{
	display:inline;
	float:left;
	width:275px;
	float:right;
}
	
#FunctionsAndSearchArea li
{
	display:inline;
}	

#FunctionsAndSearchArea ul li a:link, 
#FunctionsAndSearchArea ul li a:visited 
{
	margin-right:10px;
	color:#02609E;
	font-size:10px;
}

#FunctionsAndSearchArea ul li a:hover, 
#FunctionsAndSearchArea ul li a:active {
	color: Gray;
	text-decoration: underline;
}

#FunctionsAndSearchArea ul li a:focus 
{
	
}

#QuickSearchInnerWrapper {float:left;}

.quickSearchField 
{
	background: url(../Images/SearchInput.gif) no-repeat #FFFFFF;
	height:20px;
	border: none;
	padding-top:6px;
	padding-left:30px;
	width:155px;
	font-size:11px;
}

.quickSearchButton 
{
	width:41px;
	height:26px;
	clear:none;
}

/*MainMenuArea --------------------*/
#MainMenuArea {
	background-image:url(../Images/MainMenu_bg.png);
	background-position: top left;
	background-repeat:no-repeat;
	height:93px;
	vertical-align:middle;
	width:775px;
	float:left;
}

#MainMenuArea ul
{
	margin-right:24px;
	margin-left:23px;

}

#MainMenuArea ul li a
{
	line-height:90px;
	display:inline-block;
	padding-left:13px;
	padding-right:14px;
	margin-right:0px;
	margin-left:0px;

}
	
#MainMenuArea ul li a:link, 
#MainMenuArea ul li a:visited {
	font-size:1.05em;
	font-weight:normal;
	color: black;
	margin-right:0px;
	margin-left:0px;
}

#MainMenuArea ul li a:hover, 
#MainMenuArea ul li a:active {
	color: #FFFFFF;
	background-image:url(../Images/TopMenuActive_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	border-top: solid 1px #c2c2c2;
	margin-right:0px;
	margin-left:0px;
	
}

#MainMenuArea ul li a:focus 
{
	color: #FFFFFF;
}

#MainMenuArea .unselected
{

	margin-right:0px;
	margin-left:0px;
	}

#MainMenuArea .selected a
{
	background-image:url(../Images/TopMenuSelected_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	border-top: solid 1px #c2c2c2;
	border-left: solid 1px #FFFFFF;	
	border-right: solid 1px #c2c2c2;	
	color: #FFFFFF !important;	
	text-decoration:underline !important;
	margin-right:0px;
	margin-left:0px;
}
	
/*SubMenuArea ---------------*/
#SubMenuArea 
{
	font-style:normal;
}

#SubMenuArea a
{
	text-decoration:none;
	color:#209300;
}

#SubMenuArea ul
{
	margin-right:10px;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom:5px;

	}

#SubMenuArea ul li
{
	margin-left:0px;
	margin-bottom:4px;
	list-style:none;
	font-size:11px;
	font-weight:bold;
}

#SubMenuArea ul li a, #SubMenuArea ul li .selected
{
	background:url(../Images/SubMenuBullet.gif) center left no-repeat;
	padding-left:10px;
	padding-top:3px;
	display:block;
}

#SubMenuArea ul li .selected
{
	color:#333333;
	font-weight:bold;
}

#SubMenuArea ul li ul
{
	margin-top:5px;
	padding-top:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
	
#SubMenuArea ul li ul li
{
	margin-left:10px;
	border:none;
	font-size:11px;
	font-weight:normal;
}	

#MainContentArea
{
	background-color:#FFF;
}

#MainContentArea h1 
{
	color: black;	
	font-size: 1.6em;
	font-weight:bold;
	margin-bottom:10px;
}
	
/*FooterArea ------------------*/
#FooterArea {
	background-image:url(../Images/Footer_bg.gif);
	text-align:center;
	height:114px;
	border: solid 1px #C2C2C2;
	margin-top:15px;
	float:left;
}

#FooterArea div
{
	margin-top:40px;
	margin-left:15px;
}

/*BreadCrumbsArea -----------*/

#BreadCrumbsWrapper  	
{
	background-image:url(../Images/Breadcrumbs_bg.gif);
	background-position: top left;
	background-repeat:no-repeat;
	background-color: Transparent;
	width:775px;
	height:20px;	
	float:left;
	overflow:hidden;
}

.breadCrumbs
{
	background-color:Transparent;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:40px;
	padding-right:10px;
	padding-top:5px;
	font-size:11px; 
	line-height:17px;
	color:#484848;
	width:725px;
}

.breadCrumbs a:link,
.breadCrumbs a:visited
{
	color:#484848;
	text-decoration:none;
}

.breadCrumbs a:active,
.breadCrumbs a:hover
{
	color:Gray;
} 

#Logotype 
{
	margin-left:12px;
	/*margin-top:20px;*/
	margin-top:12px;
	padding:0px;
	width:auto;
	float:left;
}

* html #Logotype 
{
	margin-left:5px;
}
	

#MainBlocksArea h1
{
	font-size:1.6em;
	font-weight:bold;
	color:black;
}	

/* BlockNewsList ----*/	
	
.BlockNewsListHeader {
	font-size:1.2em;
	color: #484848;	
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding-top:6px;
	padding-bottom:6px; 
}	
	
.BlockNewsListIntro 
{
	color: #484848;	
	font-size:1.1em;
	text-decoration:none;
	padding-bottom:6px;
	display:block;
}

.NewsListHeading 
{
	color: Black;	
	font-size:1em;
	font-weight:normal;
	color:#209300;
	margin-left:4px;
}	

.NewsListDate
{
	font-style:normal;
}

.BlockHeader
{
	background-image: url(../Images/BlockHeader_bg2.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#000000;
	text-align:left;
	line-height:38px;
}

.BlockHeader h2
{
	display:block;
	text-align:left;
	padding-left:45px;
}
	
#BlockHeaderImageArea1 span,
#BlockHeaderImageArea2 span,
#BlockHeaderImageArea3 span
{
	background-image: url(../Images/BlockHeader_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	height:20px;
	width:40px;
}

#LeftContentArea 
{ 
	background-color:#FFFFFF;
	margin:0 10px 0 5px;
	width:180px; 
	
}
	
#LeftContentArea
{
	background-color:#FFFFFF;
	margin-right:15px;
}
	
#RightContentArea
{
	background-color:#FFFFFF;
	margin-left:10px;
	float:right;
	font-size:11px; 
	line-height:17px;
	color:#484848;
}	
	
h1,
h2,
h3
{
	font-weight:normal;
	margin-bottom:6px;
	color:Black;
}
		
h1
{
	font-size: 1.8em;}	

h2
{
	font-size: 1.4em;
	color:#209300;
}

.BlockHeader h2
{
	font-size: 1.2em;
	color:#000000;
	padding-top:8px;
}
		
h3
{
	font-size: 14px;
}

p 
{
	font-size:11px; 
	line-height:17px;
	color:#484848;
}

div.RightPuffContainer p
{
	padding:0;
}

#HeaderText
{	
	float:right;
	width:493px;
	text-align:left;
	color:#00639e;
	font-size:1.9em;
	font-weight:600;
	margin-right:0px;
	margin-left:0px;
	vertical-align:bottom;	
	margin-top:15px;
}	

/* BlockWrapper-classes ------*/

.BlockNewsWrapper {
	border-bottom: 1px solid #C2C2C2;
	display:block;
	margin-top: 10px;
	margin-bottom:5px;
	padding-bottom:2px;
	padding-left:20px;
	padding-right:20px;	 
}	

.BlockNewsListIntro {font-size:0.9em; line-height:17px;}

.BlockPuffWrapper
{
	border-bottom: 1px solid #C2C2C2;
	display:block;
	margin-top: 6px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;	
}	

.blockCenter, .puffFrame
{
	width:195px;
	height:130px;
}

.puffFrame
{
	background:url(../Images/PuffFrame.gif) no-repeat top left;
	padding-top:3px;
}
	
.BlockEditorWrapper
{
	margin-top: 6px;
	margin-bottom:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;	
	color:Black;
}
	
.BlockWrapper
{
	width:88%;
	margin-left:15px;
}		
	
/*QuickSearch
-----------------------------------*/
#QuickSearchWrapper 
{
	margin-right:10px;	
}

* html #QuickSearchWrapper 
{
	margin-right:5px;	
}
	
.BlockNewsWrapper h3, .BlockNewsWrapper h3 a {clear:both; margin-top:2px !important; margin-bottom:3px; padding-top:0px; padding-bottom:0px; height:17px; font-size:1em; color:#333333 !important; font-weight:bold; text-decoration:none !important;}

.BlockNewsWrapper h3 a:hover {text-decoration:underline !important;}

.blockNewsDateWrapper, .blockNewsDay, .blockNewsMonth, .blockNewsYear {display:inline; margin-bottom:0px; padding-bottom:0px;}
	
.blockPuffText
{
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	font-size:0.9em;
	color:#484848 !important;
}	
	
.blockEditor
{
	margin-left:10px;
	margin-right:10px;
	text-align:left;
	font-size:1.1em;
}
		
#MainFlashArea 
{
	margin-top:-20px;
	width:725px;
	background-color:#FFFFFF;	
}

#MainFlashArea div
{
	width:725px !important;
	height:215px !important;
	}

#MainFlashArea img
{
	width:723px;
}

body.PageThreeColumn #MainContentArea
{
	width: 335px;
	margin-left:0px;
}

* html body.PageThreeColumn #MainContentArea
{
	width: 330px;
	margin-left:0px;
}

body.PageThreeColumn #RightContentArea
{
	width: 185px;
	margin:0px;
}

* html body.PageThreeColumn #RightContentArea
{
	width: 180px;
	margin:0px;
}

body.PageTwoColumn #MainContentArea
{
	width: 515px;
	margin-left:0px;	
}	

#RightBodyArea div.RightPuffContainer
{
	padding:0;
}

.NewsItem {border-top: solid 1px #C2C2C2; padding-top:10px;}

#StageArea .NewsItem h3 a
{
	font-size:14px;
	font-weight:bold;
	color:#484848 !Important;
	text-decoration:none;
}

.NewsIntro
{
	font-family:Georgia, Times New Roman, Serif;
	font-size:1.4em;
	line-height:20px;
	font-weight:normal;
	font-style:italic;
	color:#484848;	
}

.NewsBody
{
	margin-top:10px;
}

.NewsDate {color:#299100; margin-right:5px; font-style:normal;}

#LeftFooterArea { margin-top:10px; padding-left:15px;}

.separator
{
	background-image:url(../Images/separator_bg.gif);
}

#DescriptionArea div p
{
	padding-right:20px;
}

a.ArrowLink 
{
	background-image: url(../Images/egnahem_ArrowLink.gif);
	padding-top:1px;
}
 

/*--------Ram runt bilder på startsida--------*/



/*Används i editorn */
.GreenText 
{
	color:#209300;
}

.RedText 
{
	color:#BF3850;
}

.BlueText 
{
	color:#152D98;
}

.googletranslate
{
	display:none !important;
	visibility:hidden;
	width:0px !important;
}

/*--------Google map--------*/

#mapArea
{
    width:505px;
    height:500px;
    /*float:left;
    clear:both;*/
    overflow:hidden;
    margin-bottom:10px;
}

#map
{
    border-left:1px solid #c8c8c8;
    border-right:1px solid #c8c8c8;
    padding:0 1px;
    width:501px !important;
}

.mapHeader
{
	background:url(../Images/MapTopArea_bg.gif) no-repeat top left; 
	width:505px;
	height:49px;
}

.mapHeader h1 
{
	font-size:14px !important;
	font-weight:bold;
	color:#333;
	margin-top:15px;
	padding-left:15px;
	float:left;
}

.mapFooter
{
	background:url(../Images/MapBottomArea_bg.gif) no-repeat top left; 
	width:505px;
	height:41px;    
}

#nlcc
{
    background-color:#3d9e21;
    position:absolute;
    top:408px !important;
    right:100px !important;
}

.nlc .message
{
    background-color: Transparent !important;
    border:none !important;
    color:#FFF !important;
}

.nlc div, .nlc .b2, .nlc .b1
{
    border:none !important;
    background-color:Transparent !important;
}

span.address a, .gt
{
    color:#FFF !important;
}


