/* ------------------------------------------------
	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: 16px  trebuchet ms, Verdana, Arial, sans-serif;
	  background: #f8fcff url(../images/bg.jpg) repeat-x;
	  margin:0px;
	  padding:0px;	}

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

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

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

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

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

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




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

h2 	{ font-size: 14px; 
	  color: #000;	
	  margin-bottom: 10px;
	  font-weight: bold;	}

h3 	{ font-size: 14px; 
	  color: #000;	
	  margin-bottom: 10px;
	  font-weight: normal;	}

#formular h3 	{ font-size: 16px; 
	  color: #333;	
	  margin-top: 20px;
	  font-weight: normal;	}

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

img	{ border: 0px solid; 	}

form	{ color: #333;
	  font: 11px  Verdana, Arial, sans-serif;
	  padding:10px 0px;	}


div#container	{ margin:90px auto 0px auto;
		  height:auto;
		  width:830px;	
		  background: #fff url(../images/mainbg.jpg) repeat-y;}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.label { width:100px;
			display:block;
			padding:0px 2px;
			float:left;
			font: 11px  Verdana, Arial, sans-serif; }			

	.textfield {font: 11px  Verdana, Arial, sans-serif;
	  			background:#fff;
		     	border:1px solid #fff;
				padding:2px;
				margin:0px;
				width:160px;
				float:left;	}
	 
	.btn 	{ float:left;
			  padding:0px 4px;
			  display:block;
			  height:20px;
			  background: #fff;
			  border:none;
			  color:#000;
			  font: 14px  Verdana, Arial, sans-serif; }
			
	.textfield2 { 	 width:100px;
			 height:20px;
			 background: #fff;
			 border:none;
			 color:#0699d3;
			 font: 14px  Verdana, Arial, sans-serif;
			 margin:0px 0px 0px 0px; }

	

	.btn2 	{ width:30px;
		  height:20px;
		  background: #fff;
		  border:none;
		  color:#0699d3;
		  font: 14px  Verdana, Arial, sans-serif; }


					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:800px;
		  height:116px;
		  background: #fff;
		  margin:0px;
		  padding:15px 0px;	}

	div#logo	{ float:left;
			  width:192px;
			  height:75px;
			  padding:0px 0px 0px 15px; }

	div#menu{ float:right;
		  width:550px;
		  padding:0px 15px 0px 0px; }

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


	div#menu ul {	  float:right;
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 0px;
			  list-style:none;  }

	div#menu li {	  float:left; 
			  padding:0px 0px 0px 16px; }

	div#menu a {	  float:left;
			  display:block;
			  background:#0699d3;
			  width:96px;
			  height:96px;
			  font:bold 14px Arial, Verdana, sans-serif;
			  color:#fff;
			  padding:10px; }

	div#menu a:hover { /*background:#36b4e4;*/
			 		   background:#96c9dc;
					   color:#fff;
					   text-decoration:none;  }

	div#menu .active { color:#96c9dc; }

	div#submenu ul { margin:0px 0px 0px 0px;
			 padding:0px 0px 0px 0px;
			 list-style:none;  }

	div#submenu li {  float:left; 
			  padding:0px; }

	div#submenu a {	  float:left;
			  display:block;
			  font:bold 12px Arial, Verdana, sans-serif;
			  color:#6d6c71;
			  padding:0px 8px;
			  text-transform:uppercase;
			  background: #fff url(../images/menudivider.png) no-repeat right 1px; }

	div#submenu a.last {	background: none; }

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


div#left { float:left;
		   width:15px;
		   display:block;	}

div#container2 { float:left;
				 width:800px;
				 display:block;
				 margin:0px 0px 0px 0px; }

div#mainimg 	{ display:block;
				  width:770px;
				  padding:0px 15px 15px 15px;
				  background:#fff;	}

div#right { float:left;
	  		width:15px;	}


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

															  
div#submenu { clear:both;
		      width:778px;
		      height:18px;
		      padding:0px 15px 0px 7px;
		      background:#fff;	}

div#maincontainer { width:770px;
				    display:block;
				    padding:0px 15px 15px 15px;
				    background:#fff;	}
	
	div#leftcontent { float:left;
				      display:block;
				      width:310px;
				      padding:40px;
				      background:#e3e4e6; }

	div#rightcontent { float:left;
		 	    	   display:block;
 					   width:380px;
					   padding:0px; }

	div#wideleftcontent { float:left;
				      display:block;
				      width:690px;
				      padding:40px;
				      background:#000;
					  color: #fff;}
	div#wideleftcontent h1 {color:#fff;}  
	div#wideleftcontent p {color:#fff;}

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

#footer { clear:both;
	  width:770px;
	  height:120px;	
	  padding:0px 15px 7px 15px;
	  margin:0px 0px 0px 0px;
	  background:#fff; }

	#footerleft { float:left;
		      width:570px;	
		      padding:0px;
		      margin:0px 0px 0px 0px; }

		#footerleft h2 { /*color:#fff;*/
				 color: #e3e4e6;
				 font:bold 14px Arial, Verdana, sans-serif;
				 margin:0px 0px 0px 0px; }

		#footerleft p { color:#fff;
				font: 14px Arial, Verdana, sans-serif;
				margin:0px 0px 5px 0px; }

		#footerleft a { color:#fff;
						font:14px Arial, Verdana, sans-serif; }

		.nyheter { float:left;
				   display:block;
				   width:160px;
				   height:88px;	
				   background:#0699d3;
		     	   padding:14px;
			   	   margin:0px 15px 0px 0px; }

		#footerleft .nyheter li { padding:0px 0px 2px 0px;  }
		
		#footerleft .nyheter a { font-size:11px;  }
		
		.nyhetsbrev { float:left;
			 	      display:block;
				      width:160px;
				      height:88px;	
				      background:#0699d3;
		     	      padding:14px;
			   	      margin:0px 0px 0px 0px; }
				  
		#footerleft .nyheter a.archive { font-weight:bold; }

	#footerright { float:left;
		       width:200px;	
		       padding:15px 0px 0px 0px;
		       margin:0px 0px 0px 0px; }

		#footerright p { font:14px arial, verdana, sans-serif;
	    			 color:#6d6c71; 
				 text-align:right;}

#footerbg { clear:both;
	    height:62px;	
	    padding:0px;
	    margin:0px auto;
	    width:830px;
	    background: url(../images/footerbg.jpg) no-repeat 0px 0px; }

	#footerbg p { padding:10px 25px; }	

	#footerbg a { color:#9bd9ff;
				  font-size:10px; }					  	
		
		
/* ------------------------------------------------
	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:321px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 321px;
}



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

}