/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #000;
	  font: 12px Arial, Verdana, sans-serif;
	  background: #fff;
	  margin:0px;
	  padding:0px;	}

p	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:16px;	}

span	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:16px;	}

div	{ font: 12px Arial, Verdana, sans-serif;
	  line-height:16px;	}

table, table p	{ font: 12px Arial, Verdana, sans-serif;
		  line-height:16px;
		  color:#000;	}

tr, tr p	{ font: 12px Arial, Verdana, sans-serif;
		  line-height:16px;
		  color:#000;	}

td, td p	{ font: 12px Arial, Verdana, sans-serif;
		  line-height:16px;
		  color:#000;	}




h1 	{ font: 18px Georgia, Times, Times new roman, serif;
	  color: #000;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font: 14px Georgia, Times, Times new roman, serif;
	  color: #000;	
	  margin-bottom: 15px;
	  font-weight: normal;	}

h3 	{ padding:0px 0px 20px 0px;
	  color:#606d78;
	  font: bold 11px  arial, verdana,  sans-serif; }

a 	{ color: #000;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}




div#container	{ width:945px;
				  height:auto;
				  margin:0px auto 0px auto;
				  padding:8px 0px 8px 8px;
				  border:1px solid #000;	}

/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
			
	.textfield { 		}	
					 

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
	       
	div.formtop	{ display:block;
							  width:135px;
							  height:4px;
							  margin:-10px -7px 0px -7px;
			 				  padding:0px;
				 	  		  background: url(../images/newslettertop.png) no-repeat 0px 0px; }

		div.form	{ display:block;
						  width:121px;
						  margin:0px;
	 					  padding:10px 7px 4px 7px;
				 	  	  background: url(../images/newsletterbg.png); }

			div.form p { padding:5px 0px 5px 0px;
							   color:#fff;
							   font:11px arial, verdana, sans-serif; }

			div.form .textfield { width:122px;
										margin:0px 0px 4px 0px;
										margin:2px 0px;
									    border:none;
									    background:#fff; }

			div.form .btn { float:right;
								  margin:0px 0px 0px 0px;
								  padding:8px 0px 0px 0px; }

		div.formbottom	{ display:block;
						  width:135px;
						  height:4px;
						  margin:0px 0px 10px 0px;
				 		  padding:0px;
					 	  background: url(../images/newsletterbottom.png) no-repeat 0px 0px; }
								  
								  
		div#maincontent	div.form	{ display:block;
									  width:321px;
									  margin:10px 0px 0px 0px;
				 					  padding:10px 7px 14px 27px;
							 	  	  background: url(../images/newsletterbg.png); }
									  	
		div#maincontent	div.formtop	{ padding:10px 7px 14px 7px;
									  background:none; }			
		div#maincontent	div.form span { float:left;
										display:block;
										width:100px;
										padding:0px;
										color:#fff; }			
		div#maincontent	div.form span span { float:none;background:#f00;
										     display:inline;
										 	 width:auto; }		
		div#maincontent	div.form .textfield { float:left;
											  width:180px; }	
		div#maincontent	div.form .btn { float:right;
										margin:0px 40px 0px 0px;
										padding:8px 0px 0px 0px; }		
		div#maincontent	div.formbottom	{ background:none; }						  			
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:945px;
			  height:143px;
			  background: #fff url(../images/headerbg.png) no-repeat bottom left;
			  margin:0px;
			  padding:0px;
			  position:relative; }

	div#logo	{ float:left;
				  width:137px;
				  height:141px;
				  padding:0px 0px 0px 0px; }

	div#relimg	{ float:left;
				  width:799px;
				  height:151px;
				  margin:-8px 0px 0px 0px;
				  padding:0px 0px 0px 9px; }

	div#relimg img	{ width:799px;
					  height:151px;
					  margin:0px 0px 0px 0px; }
					  
	div.offices { position:absolute;
				  top:10px;
				  right:10px; }
				  
		div.offices ul { float:right; }
			div.offices ul li { text-align:right; }
				div.offices ul li a { /*color:#bcbcbc;*/color:#000 }

/* ------------------------------------------------
	menus
-------------------------------------------------*/

	div#menu	{ display:block;
				  width:945px;
				  height:22px;
				  margin:0px;
				  background: #00b9e4;	}

		div#menu ul {   margin:0px 0px 0px 0px;
						padding:0px 0px 0px 13px;
						list-style:none; }
	
		div#menu li {	float:left;
		      			margin:0px 0px 0px 0px;
    	  				padding:0px 20px 0px 0px; }
		
		div#menu a {	float:left;
      					display:block;
	      				padding:5px 0px;
	      				text-decoration:none;
		      			color:#fff;
						font: 11px Arial, Verdana, sans-serif; }
		
		div#menu a:hover { text-decoration:underline; }
		div#menu a.active { text-decoration:underline; }
		
	div#submenu	{ display:block;
				  margin:0px; }

		div#submenu ul { margin:0px 0px 50px 0px;
						 padding:0px 0px 0px 0px;
						 list-style:none; }
	
		div#submenu li { margin:0px 0px 0px 0px;
      					 padding:0px 0px 0px 0px; }
		
		div#submenu a {	display:block;
						width:135px;
						margin:0px;
	      				padding:3px 0px;
    	  				text-decoration:none;
	    	  			color:#fff;
						line-height:16px !important;
						font: 11px Arial, Verdana, sans-serif; 	
						border-bottom:1px solid #5d6b76; }

		div#submenu a:hover { color:#606d78; }


/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ width:945px;
				  	  margin:9px 0px 0px 0px;
		 			  background: url(../images/mainbg.png) repeat-y;	}

	div#leftcontent	{ float:left;
					  display:block;
					  width:135px;
					  margin:0px;
					  padding:16px 12px 0px 12px;}

		div#leftcontent h2	{ color:#606d78;
							  font: 23px  arial, verdana, sans-serif; }
							  
		div#leftcontent img	{ padding: 0px 0px 15px 0px; }

		div#leftcontent h3	{ padding:0px 0px 20px 0px; }

		div.newslettertop	{ display:block;
							  width:135px;
							  height:4px;
							  margin:-10px -7px 0px -7px;
			 				  padding:0px;
				 	  		  background: url(../images/newslettertop.png) no-repeat 0px 0px; }

		div.newsletter	{ display:block;
						  width:121px;
						  margin:5px 0px 0px 0px;
	 					  padding:10px 7px 4px 7px;
				 	  	  background: url(../images/newsletterbg.png); }

			div.newsletter p { padding:5px 0px 5px 0px;
							   color:#fff;
							   font:11px arial, verdana, sans-serif; }

			div.newsletter .textfield { width:122px;
										margin:0px 0px 4px 0px;
										margin:2px 0px;
									    border:none;
									    background:#fff; }

			div.newsletter .btn { float:right;
								  margin:0px 0px 0px 0px;
								  padding:8px 0px 0px 0px; }

		div.newsletterbottom	{ display:block;
								  width:135px;
								  height:4px;
								  margin:0px 0px 10px 0px;
				 				  padding:0px;
					 	  		  background: url(../images/newsletterbottom.png) no-repeat 0px 0px; }

	div#rightcontent	{ float:left;
						  display:block;
						  width:777px;
						  margin:0px -10px 0px 9px;
						  padding:0px; }

		div#gray	{ float:left;
					  display:block;
					  width:486px;
					  height:307px;
					  margin:0px 0px 0px 0px;
					  padding:20px;
					  color:#484745;
					  background:#f3eee9; }
					  
			div#gray h1	{ margin:0px 0px 5px 0px;
						  padding:0px;
						  color:#484745;
						  font:18px Georgia, "Times New Roman", Times, serif; }
			div#gray h2	{ margin:0px 0px 10px 0px;
						  padding:0px;
						  color:#484745;
						  font:13px Georgia, "Times New Roman", Times, serif;  }
			div#gray h3	{ margin:0px 0px 5px 0px;
						  padding:0px;
						  color:#484745;
						  font:12px Georgia, "Times New Roman", Times, serif;  }
						  
			div#gray p	{ color:#484745; }
			div#gray table,
			div#gray tr,
			div#gray td { color:#484745; }

			div#grayleft	{ float:left;
							  display:block;
							  width:223px;
							  height:307px;
							  margin:0px 0px 0px 0px;
							  padding:20px; }

			div#grayright	{ float:left;
							  display:block;
							  width:258px;
							  height:332px;
							  margin:0px 0px 0px 0px;
							  padding:12px 0px 0px 5px; }

		div#gray2	{ float:left;
				 	  display:block;
					  width:242px;
					  height:347px;
					  margin:0px 0px 0px 9px;
					  padding:0px;
					  background:#f3eee9; }

		div#yellow	{ float:left;
				  display:block;
				  width:258px;
				  height:324px;
				  margin:9px 0px 0px 0px;
				  padding:0px;
				  background: url(../images/yellow.png); }
     .vittext	{
	color:#FFF;
}

			div#yellow p	{ padding:11px 16px 5px 16px;
					  color:#fff; }

			ul#news	{ display:block;
				  width:249px;
				  height:314px;
				  margin:5px;
				  padding:10px 0px 0px 0px;
				  background: url(../images/newsbg.png) no-repeat 0px 0px; }

				ul#news p 	{ padding:4px 12px;
						  color:#000;
						  line-height:12px !important;
						  font:11px arial, verdana, sans-serif; }

				ul#news a 	{ color:#000; }

				ul#news span.newsdate 	{ color:#fff;
							  font:11px arial, verdana, sans-serif; }

				ul#news li.archive	{ padding:0px 10px 0px 0px;
							  text-align:right; }
				ul#news li.archive a	{ color:#fff; 
							  line-height:12px !important;
							  font:11px arial, verdana, sans-serif;}


		div#green	{ float:left;
				  display:block;
				  width:258px;
				  height:324px;
				  margin:9px 0px 0px 9px;
				  padding:0px;
				  background: url(../images/green.png); }

			div#green p	{ padding:11px 16px 5px 16px;
					  color:#fff; }

			ul#activities	{ display:block;
					  width:249px;
					  height:314px;
					  margin:5px;
					  padding:10px 0px 0px 0px;
					  background: url(../images/activitiesbg.png) no-repeat 0px 0px; }

				ul#activities p 	{ padding:4px 12px;
						  color:#000;
						  line-height:12px !important;
						  font:11px arial, verdana, sans-serif; }

				ul#activities a 	{ color:#000; }

				ul#activities span.newsdate 	{ color:#fff;
							  font:11px arial, verdana, sans-serif; }

				ul#activities li.archive	{ padding:0px 10px 0px 0px;
							  	  text-align:right; }
				ul#activities li.archive a	{ color:#fff;
						 		  line-height:12px !important;
								  font:11px arial, verdana, sans-serif; }

		div#key	{ float:left;
			  display:block;
			  width:210px;
			  height:136px;
			  margin:9px -9px 0px 9px;
			  padding:11px 16px;
			  background: url(../images/key.png); }


			div#key p 	{ color:#fff;
						  padding:0px 40px 14px 0px; }

			div#key p.big 	{ color:#fff;
							  font:18px arial, verdana, sans-serif; }
							  
			div#key a	{ color:#fff; }

		div#livspussel	{ float:left;
				  display:block;
				  width:210px;
				  height:135px;
				  margin:9px -9px 0px 9px;
				  padding:0px;
				  }

		
			div#livspussel p 	{ color:#fff;
						  padding:0px; }

			div#livspussel p.big 	{ color:#fff; margin-top: -14px;
						  font:18px arial, verdana, sans-serif; }
						  
			div#livspussel a	{ color:#fff; }

/* ------------------------------------------------
	pages
-------------------------------------------------*/


div#maincontainerpage	{ width:945px;
		  	  margin:9px 0px 0px 0px;
		 	  background: url(../images/mainbgpage.png) repeat-y;	}

	div#maincontent	{ float:left;
			  display:block;
			  width:456px;
			  margin:0px 0px 0px 0px;
			  padding:16px 50px 16px 20px; }


		div#maincontent ul	{ margin:0px 0px 0px 20px;
					  padding:0px;
					  list-style:disc; }

		div#maincontent li	{ margin:0px;
					  padding:0px; }

	div#mer	{ float:left;
			  display:block;
			  width:242px;
			  margin:0px -10px 0px 9px;
			  padding:0px; }
	
		div#mer h2	{ float:left;
					  display:block;
					  width:202px;
					  margin:0px 0px 20px 0px;
					  padding:15px 20px;
					  color:#fff;
					  font:bold 11px arial, verdana, sans-serif;
					  background:#d71f85; }

		div#mer p	{ padding:10px 20px; }


div#maincontainermedarbetare	{ width:945px;
			  	  margin:9px 0px 0px 0px;
			 	  background: url(../images/mainbgmedarbetare.png) repeat-y;	}


	div#medarbetare { float:left;
			  display:block;
			  width:737px;
			  margin:0px 0px 0px 0px;
			  padding:16px 20px; }


		div.border { display:block;
			     width:724px;
			     margin:0px;
		 	     padding:0px;
		  	     border:1px solid #fff; }

		div.medarbetare { float:left;
				  display:block;
				  width:360px;
				  height:230px;
				  margin:0px;
				  padding:0px;
				  border:1px solid #fff; }

			div.medarbetarimg { float:left;
					    display:block;
					    width:77px;
					    height:66px;
					    margin:0px;
					    padding:10px; }

			div.medarbetarname { float:left;
					     display:block;
					     width:203px;
					     height:66px;
					     margin:0px;
					     padding:10px; }

			div.medarbetarname blockquote { display: table;
							height: 66px;
							font-size:12px;
							border:none;
							font-weight:normal;
							line-height:18px !important;
						       *display: block;
						       *position: relative; }			 
						
			div.medarbetarname blockquote span { display: table-cell;
							     vertical-align: middle;
							     line-height:18px !important;
							    *display: block;
							    *position: absolute;
							    *left: 0px;
							    *width: 100%;
							    *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
			div.medarbetarname blockquote span span { display: inline;
								  vertical-align: baseline;
								  position: relative;
								  left: auto;
								  width: auto;
								  top:auto; }		

			div.medarbetartext { float:left;
					     display:block;
					     width:340px;
					     margin:0px;
					     padding:10px; }
	
/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { width:933px;
	  height:20px;	
	  padding:2px 0px 0px 12px;
	  margin:9px 0px 0px 0px;
	  background: #00b9e4;	}


#footer p { font:10px verdana, arial, sans-serif;
	    color:#fff; 
	    line-height:18px; }

#footer a {color:#fff;  }
#footer a:hover {color:#fff;
		 text-decoration:underline;  }

/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:600px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 600px;
}

/* for understanding browsers */
.hojd2 {
	min-height:384px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd2 {
	height: 384px;
}


form {
margin: 0px;
padding: 0px;

}

div.puff	{ float:left;
	  display:block;
	  width:239px;
	  height:136px;
	  margin:5px 0 5px 9px;
	  padding:10px; }


	div.puff p 	{ color:#fff; }

	div.puff p.big 	{ color:#fff;
				  padding:0px 40px 14px 0px;
					  font:18px arial, verdana, sans-serif; }
	div.puff p.rel 	{ color:#fff;
				  padding:28px 0;}
	div.puff select 	{ width:140px;}
					  
	div.puff a, div.puff div { color:#fff; }
	div.puff h4 {
		color: #fff;
		font-size: 18px;
		line-height: 120%;
		font-weight: bold;
	}

.puff0{
	margin-top: 9px !important;
	background-color: #a7b30a;
}
.puff1{
	margin-top: 9px !important;
	background-color: #d72186;
	width:222px !important;
}
.puff2{
	background-color: #5c6470;
}
.puff3{
	/*background-color: #384957;*/
	width:222px !important;
	background:url(../images/puffbg.png) no-repeat 0px 0px;
}
	div.puff3 h4 { color:#2b3a46 !important;
				   font:21px Georgia, "Times New Roman", Times, serif; }
	div.puff3 p { color:#2b3a46 !important;
				  font:21px Georgia, "Times New Roman", Times, serif;  }