/* ============ Globals - ALL */

/* ============ Grunder */

body { font:12px/1.4 Arial, Helvetica, sans-serif; background: #fff; color: #4b4b4b; }
html,body,form,p,div { padding:0; margin:0; }
img a, img, img a:hover { border: none; text-decoration:none; background:none; }



/* ============ Headings */
h1 { font: 18px Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:normal; color: #008356; font-weight: bold; }
h2 { font: 14px Trebuchet MS, arial, Helvetica, sans-serif; color: #008356; font-weight: bold; margin:0 0 6px; padding: 0; }
#rightColumm h2 { padding: 0 0 5px 0; font:12px Arial, Helvetica, sans-serif;}
h4 {padding: 0; margin: 0; font:12px Arial, Helvetica, sans-serif; font-weight: bold;}

/* ============ Site */

#wrapper { width: 950px; padding: 0; background:url(/UserUploadImages/system/wrapper-bg.gif) repeat-y top left; margin: 0 auto; }


/* ============ Övre delen */

	#header { padding: 0 30px 0 0; }
	#logo { line-height: 0; width: 250px; padding: 0 0 10px 0; float: left; }
		#logo a { border: none !important; }
		#logo img { display:block; line-height:0; }
	#bauma { width: 200px; height: 100px; margin: 0 10px 0 0; float: right; position: static}

	#subscribe { background: #e3e3e3 url(/UserUploadImages/system/subs-bottom.gif) no-repeat bottom left; width: 319px; height: 90px; float: right; position: static}
		
	#head { padding: 1px 0 0 0; height: 220px; clear: right;}
		#head-picture { width: 439px; height: 220px; overflow: hidden; float: left; padding:0; line-height: 0; }
		#head-right { width: 451px; height: 160px; overflow: hidden; background: #008356; float: right; padding: 40px 30px 20px 30px; font: 30px Arial, Helvetica, sans-serif; color: #fff; }
		

		#main-navigation { clear: both; background:url(/UserUploadImages/system/nav-bg.gif) repeat-x top left; height: 30px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 4px solid #008356; line-height: normal; margin: 0; padding: 0; }
                  #pnavigation { width: 560px; float: left; }
                  #search { float: right; width: 210px; padding: 5px 0 0 0; }
                  #tools { float: right; width: 120px; padding: 4px 0 0 10px; }


/* ============ Innehållet */
	#content { clear: both; background-color:#fff; padding: 10px 0 30px 0; }


/* ============ Startsidan */
		#teaser1 { width: 315px; height: 284px; float: left; background: #818181 url(/UserUploadImages/system/teaserBox-bg.gif) no-repeat top left; }
		#teaser2 { width: 314px; height: 284px; float: left; background: #818181 url(/UserUploadImages/system/teaserBox-bg.gif) no-repeat top left; margin: 0 3px 0 3px; }
		#teaser3 { width: 315px; height: 284px; float: left; background: #818181 url(/UserUploadImages/system/teaserBox-bg.gif) no-repeat top left; }
			.teasHead { height: 41px; padding: 21px 0 0 50px; color: #fff; font: 18px Arial, Helvetica, sans-serif; }
			.teasPic {}
			.teasCont { padding: 15px; color: #fff; }
		

/* ============ Vänstermenyn i innehållet */
		#content #leftColumm { width: 200px; min-height: 120px; height auto !important; float: left; padding: 0; margin: 0 5px 0 0; background: #fff; border-bottom: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
#leftColumm ul li a:hover, #leftColumm a.AddCMSSysMainSelected { color: #fff; background: #008356; padding: 6px 7px 7px 10px; }
#leftColumm a {color: #000; background: url(/UserUploadImages/system/menubutton.PNG); padding: 6px 7px 7px 10px; }


/* ============ Breadcrumbs */
#mainContent #mTop { float: top; }
                     #pmtop { border: 0px solid #d0d0d0; margin: 0 0 5px 0; padding: 7px 20px 7px 20px; background: #008356;}
#mTop a, a:active, a:visited, a:focus { color: #fff; }
#pmtop a, a:active, a:visited, a:focus { color: #fff; }
#mTop a:hover { color: #ddd; text-decoration: none;}
#pmtop a:hover { color: #ddd; text-decoration: none;}

/* ============ huvudinnehållet */

                   #mainContent #mRight  { width: 269px; height: 336px; overflow: hidden; float: left; margin: 0 0 0 9px; padding: 10px; border: 1px solid #d0d0d0;  }

a.gronrubrik { color: #fff; }
a:active.gronrubrik { color: #fff; }
a:visited.gronrubrik { color: #fff; }
a:focus.gronrubrik { color: #fff; }
a.gronrubrik { color: #fff; }
a:active.gronrubrik { color: #fff; }
a:visited.gronrubrik { color: #fff; }
a:focus.gronrubrik { color: #fff; }
a:hover.gronrubrik { color: #ddd; text-decoration: none;}
a:hover.gronrubrik { color: #ddd; text-decoration: none;}


/* ============ Högersida med nyheter och kontakt */

		#content #rightColumm { float: right; width: 178px; padding: 0; }
                   #rightTop { padding: 2px 0 0 0; margin: 0 0 2px 0; color: #fff; width: 178px; height: 200px; background: #818181 url(/UserUploadImages/system/rightTopBg.gif) no-repeat top left; }
                   #prightcolumm1 { padding: 5px; margin: 0 0 1px 0; font: 11px Arial, Helvetica, sans-serif; color:#000; }
               #rightTop a, #prightcolumm1 a, #prightcolumm2 a { color:#fff; font: 14px Arial, Helvetica, sans-serif; }
               #rightTop a:hover, #prightcolumm1 a:hover, #prightcolumm2 a:hover { color:#ddd; font: 14px Arial, Helvetica, sans-serif; }
               #prightcolumm a, #prightcolumm3 a { color:#008356; font: 11px Arial, Helvetica, sans-serif; }
               #prightcolumm a:hover, #prightcolumm3 a:hover { color:#000; font: 11px Arial, Helvetica, sans-serif; }
                   #prightcolumm { height: 163px; padding: 10px 7px 7px 13px; line-height: normal; background: #fff;  border: 1px solid #d0d0d0; font: 11px Arial, Helvetica, sans-serif; color:#000; }
                   #CMSBody #prightcolumm { padding: 10px 7px 7px 13px; line-height: normal; background: none !important;  border: 1px solid #d0d0d0; font: 11px Arial, Helvetica, sans-serif; color:#000; }
                   #prightcolumm2 { margin: 15px 0 0 0; padding: 5px 7px 5px 7px; background: #818181 url(/UserUploadImages/system/rightTopBg.gif) no-repeat top left;}
                   #prightcolumm3 { height: 53px; padding: 5px 7px 7px 7px; border: 1px solid #d0d0d0; font: 11px Arial, Helvetica, sans-serif; color:#000; }


/* ============ Nedre delen med adress och liknande */
			
	#footer { clear:both; color: #595959; background: #fff; padding: 5px 0 20px 0; height: 40px; text-align: center; font-size: 11px; }

	
	
/* ============ Site Extra Styling */

	#leftColumm strong { color: #000; }
	
	.AddCMSSysSearchText { border: 1px solid #969696; background: #fff; font: 10px Arial, Helvetica, sans-serif; padding: 1px; }
	.AddCMSSysSearchButton, .AddCMSSysSearchResultButton {  
		border: 0 !important; 
		font-weight: bold;
		color: #000;
		text-align: center;
		font: 9px arial;
		background:transparent url(/UserUploadImages/system/search-button.gif) repeat-y scroll 0px 0px;
		width: 36px; height: 18px;
		padding: 0;
		margin: 0 3px 0 3px;
		cursor: pointer;
		}
		
		a.AddCMSSysMain, a.AddCMSSysMainSelected { height: auto !important; }
		

/* ============ Huvudnavigering */

		#main-navigation ul { list-style: none; margin: 0; padding: 0; }
		#main-navigation ul li { list-style: none; display: inline; }
		#main-navigation ul li a { margin-top: 1px; float: left; list-style: none; color: #404040; font: 12px Arial, Helvetica, sans-serif; 
		 padding: 7px 23px 7px 20px; background:url(/UserUploadImages/system/nav-item-right.gif) no-repeat center right; text-decoration: none; }
		#main-navigation ul li a:hover, #main-navigation a.AddCMSSysMainSelected { color: #fff; background: #008356; }
		


/* ============ Vänstermeny navigering */

		#subnavigation a.AddCMSSysSubSelected { }
                #leftColumm .AddCMSSysMainSelected { }
                #leftColumm ul ul { padding:0; margi:0; background:url(/UserUploadImages/system/greenstripelong.png) repeat}
                #leftColumm ul ul li { display: inline; }
                #leftColumm ul ul li a { background:url(/UserUploadImages/system/greenstripe.png) no-repeat 0 0px; color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li a:hover { background:url(/UserUploadImages/system/arrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li a.AddCMSSysMainSelected { background:url(/UserUploadImages/system/arrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li a.AddCMSSysSubSelected { background:url(/UserUploadImages/system/arrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li a:active { background:url(/UserUploadImages/system/arrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li a:focus { background:url(/UserUploadImages/system/arrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}

                #leftColumm ul ul li li a { background:url(/UserUploadImages/system/empty.png) no-repeat 0 0px; color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li li a:hover { background:url(/UserUploadImages/system/lonearrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li li a.AddCMSSysMainSelected { background:url(/UserUploadImages/system/lonearrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li li a.AddCMSSysSubSelected { background:url(/UserUploadImages/system/lonearrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li li a:active { background:url(/UserUploadImages/system/lonearrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
                #leftColumm ul ul li li a:focus { background:url(/UserUploadImages/system/lonearrow.png) no-repeat 0 0px;  color: #000; padding:7px 7px 6px 30px}
 
                #leftColumm ul ul ul { margin: 0 0 0 15px; }
                #leftColumm ul ul ul ul { margin: 0 0 0 15px; }


/* ============= Links */

               #teaser1 a, #teaser2 a, #teaser3 a { color:#fff; }
               #teaser1 a:hover, #teaser2 a:hover, #teaser3 a:hover { color:#00B76C; }

		a {
		
			color: #008356;
			text-decoration: none;

			
		}
		
		a:visited { 
color:#008356;
			text-decoration: none; 
}
		a:hover {
		
			text-decoration: none;
			color: #005631;
		
		}
		
		a:focus,
		a:active {
		
			text-decoration: none;
			color:#008356;
			border:none;
		
		}