/* ------------------------------------------------
	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, html, form 	{ margin:0;
					  padding:0;
					  height:100%; }
 
body 	{ color: #424242;
		  font:13px Arial, Verdana, sans-serif;
		  margin:0px;
		  padding:0px; 
		  height:100%;
	  	  background: #fff url(../images/bg.png) repeat-x; }
	  
p	{ font:13px Arial, Verdana, sans-serif;
	  line-height:20px;	}

span	{ font:13px Arial, Verdana, sans-serif;
	  line-height:18px;	}

div	{ font:13px Arial, Verdana, sans-serif;
	  line-height:18px;	}

table, table p	{ font:13px Arial, Verdana, sans-serif;
	  	  line-height:18px;	}

tr, tr p	{ font:13px Arial, Verdana, sans-serif;
		  line-height:18px;	}

td, td p	{ font:13px Arial, Verdana, sans-serif;
		  line-height:18px;	}




h1 	{ margin-bottom: 10px;
	  color:#ff9000;
	  font: bold 16px Arial, Verdana, sans-serif;
	  text-transform:uppercase;	}

h2 	{ margin-bottom: 10px;
	  color:#ff9000;
	  font: bold 14px Arial, Verdana, sans-serif;
	  text-transform:uppercase;	}

h3 	{ color:#ff9000;
	  font-weight:bold;	}

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

img	{ border: 0px solid; 	}




div#container	{ display:block;
		  width:927px;
		  margin:0px auto 0px auto; }
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	div.form { float:right;
			   display:block;
			   margin:25px 0px 0px 0px; }
	
	span.label { float:left;
				 display:block;
				 width:90px;
				 margin:2px 0px;
				 padding:4px 0px; }
			
	.formfield { float:left;
				 width:200px;
				 margin:2px 0px;
				 padding:4px;
				 border:1px solid #ff9000;
				 background:#fff;		}	
				 
	.formbox { float:left;
			   width:200px;
			   margin:2px 0px;
			   padding:4px;
			   border:1px solid #ff9000;
			   background:#fff;		}	
					 

	.formbtn { float:left;
			   margin:5px 0px 0px 0px;
			   padding:3px 10px;
			   color:#fff;
		       font-weight:bold;
			   text-align:center;
			   border:none;
		       background:#ff9000; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

	div#header	{ display:block;
				  width:927px;
				  height:129px;
				  margin:0px;
				  padding:0px; }

		div#logo	{ float:left;
					  display:block;
					  width:146px;
					  height:129px;
					  margin:0px;
					  padding:0px;}

		div#sloganmenu	{ float:left;
				  display:block;
				  width:781px;
				  height:129px;
				  margin:0px;	}

			div#slogan	{ clear:both;
						  display:block;
						  margin:0px;	}

				div#slogan p	{ float:right;
								  width:auto;
								  display:inline;
								  margin:0px;
								  padding:5px 19px;
								  color:#fff;
								  font:bold 14px arial, verdana, sans-serif;
								  background:#ff9000;	}
/* ------------------------------------------------
	menus
-------------------------------------------------*/



	div#menu	{ clear:both;
				  display:block;
				  width:781px;
				  margin:0px;	}

	div#menu ul	{ float:right;
				  margin:64px 0px 0px 0px;	}

	div#menu li	{ float:left;
				  display:block;
				  margin:0px;
				  padding:0px 0px 0px 24px;	}

		div#menu a	{ float:left;
					  display:block;
					  margin:0px;
					  padding:0px;
					  text-transform:uppercase;
					  text-decoration:none;
					  color:#ff9000;
					  font:bold 12px arial, verdana, sans-serif;	}

		div#menu a.active	{ color:#d7d7d7; }
		div#menu a:hover	{ color:#000; }




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



	div.divider	{ display:block;
			  width:927px;
			  height:24px;
			  margin:0px 0px 0px 0px;
		  	  padding:0px 0px 0px 0px;
			  background: url(../images/dividerbg.png) repeat-x; }

	div#flash	{ display:block;
			  width:927px;
			  height:366px;
			  margin:0px;
		  	  padding:0px; }

	div#maincontent	{ display:block;
			  width:927px;
			  margin:6px 0px 0px 0px;
		  	  padding:0px 0px 0px 0px;
			  background: url(../images/mainbg.png) repeat-x;	}

		div#omprojektet	{ float:left;
				  display:block;
				  width:498px;
				  margin:0px;
			  	  padding:28px 20px 28px 28px;	}

		div#omoss	{ float:left;
					  display:block;
					  width:339px;
					  height:140px;
					  margin:7px 0px 0px 0px;
				  	  padding:21px;
					  background: #fff;	}

			div#omoss h2	{ color:#111111; }
			div#omoss p	{ color:#646464; }



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




	div#mainpagecontent	{ display:block;
						  width:927px;
						  margin:0px 0px 0px 0px;
					  	  padding:0px 0px 0px 0px;
						  background: url(../images/mainpagebg.png) repeat-x;	}

		div#pageleft	{ float:left;
						  display:inline;
						  width:897px;
						  margin:0px 0px 0px 0px;
						  padding:30px 0px 35px 30px;	}

			div#pageleft p	{ padding:0px 0px 10px 0px;	}	
			
			/*div#pageleft img	{ border-top:8px solid #ff9000 !important;	}	*/
						  	


		div#pageleft ul { margin:0px 0px 0px 0px;
						  padding:0px; }
						  
			div.rellinks  { clear:left;
							width:350px;
							display:block;
							margin:15px 0px;
							padding:20px 0px; }
							
			ul.rellink ul{ display:block;
						   width:350px; }
			ul.rellink li { width:350px;
							color:#f90;
							padding:0px 0px 0px 20px;
						    background: url(../images/square.gif) no-repeat 5px 7px;}
							
			ul.rellink li.pdf { background: url(../images/pdf.gif) no-repeat 0px -1px; }
			ul.rellink li.file { background: url(../images/file.gif) no-repeat 0px -1px; }
			ul.rellink li.zip { background: url(../images/zip.gif) no-repeat 0px -1px; }
			ul.rellink li.img { background: url(../images/img.gif) no-repeat 0px -1px; }

		div#pageright	{ float:left;
						  display:block;
						  width:381px;
						  margin:16px 0px 0px 0px;
						  padding:0px;	}

			div.relcont { float:right;
						  margin:-14px 0px 0px 0px;
						  padding:0px 0px 0px 45px; }
			div.relcont img	{ border-top:8px solid #ff9000 !important;	}
			div.relimg	{ display:block;
						  margin:0px;
						  padding:0px;}

				div.relimg img	{ display:block;
								  margin:0px;
								  padding:0px;}

			div.reltext	{ display:block;
						  margin:0px;background:#f00;
						  padding:26px 22px;
						  background:#fff;	}

				div.reltext p	{ line-height:18px !important;
						  color:#646464;
						  font:12px arial, verdana, sans-serif;}


/* ------------------------------------------------
	nyheter
-------------------------------------------------*/

/* ------------------------------------------------
	footer
-------------------------------------------------*/

	#cont {
		min-height:100%;
		position:relative;
	}
	#body {
		padding:0px;
		padding-bottom:70px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		padding:0px 0px 0px 0px;

		height:70px;			/* Height of the footer */
	}
	/* other non-essential CSS */
	

	#footer2 { clear:both;
		   width:927px;
		   padding:5px 0px 0px 0px;
	 	   margin:0px auto;
		   /*border-top:9px solid #ededed;*/
		   border-top:9px solid #e2e2e2;  }

	#footer2 p { padding:0px 0px 0px 0px;
		     line-height:18px !important;
		     color:#acacac; 
		     font: 12px arial, verdana, sans-serif;}

		div#footerleft { float:left;
						 width:677px;
						 padding:0px 0px 0px 0px; }

			span.tel { color:#636363; }

		div#footerright { float:left;
						  width:250px;
						  padding:0px 0px 0px 0px;
						  text-align:right; }
				  
		div#footerright ul { float:right; }
		div#footerright li { float:left; }
		div#footerright li a { float:left;
							   padding:0px 0px 0px 20px;
							   background: url(../images/square.gif) no-repeat 9px 7px; }

		div#footerright a { color:#acacac; }



	
/* ------------------------------------------------
	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:200px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 200px;
}



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

}