/* ------------------------------------------------
	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
-------------------------------------------------*/

html, body, form { height:100%;
				   margin:0px;
				   padding:0px; }

body 	{ color: #6e6e6e;
		  font:11px helvetica, arial, verdana, sans-serif;
		  margin:0px;
		  padding:0px;
		  line-height:16px;
		  background: #fff; }

p	{ font:11px helvetica, arial, verdana, sans-serif;
	  line-height:16px;	}

span	{ font:11px helvetica, arial, verdana, sans-serif;
		  line-height:16px;	}

div	{ font:11px helvetica, arial, verdana, sans-serif;
	  line-height:16px;	}

table, table p	{ font:11px helvetica, arial, verdana, sans-serif;
				  line-height:16px;	}

tr, tr p	{ font:11px helvetica, arial, verdana, sans-serif;
			  line-height:16px;	}

td, td p	{ font:11px helvetica, arial, verdana, sans-serif;
			  line-height:16px;	}




h1 	{ margin:0px 0px 10px 0px;
	  color:#000000;
	  font:15px helvetica, arial, verdana, sans-serif; }

h2 	{ color:#000000;
	  font:13px helvetica, arial, verdana, sans-serif; }

h3 	{ font-weight:bold;	}

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

img	{ border: 0px solid; 	}


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

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

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/


	div#header	{ float:left;
				  width:825px;
				  height:114px;
				  margin:0px;
				  padding:0px;
				  background: url(../images/headerbg.png) no-repeat 0px 0px; }


		div#logo	{ float:left;
					  width:325px;
					  height:114px;
					  margin:0px;
					  padding:0px; }

		div.tel { float:left;
				  display:block;
				  width:160px;
				  height:54px;
				  margin:0px;
				  padding:60px 30px 0px 310px;
				  text-align:right;
				  /*background: url(../images/tel.png) no-repeat 0px 0px;*/ }
				  
				div.tel p { text-align:right;
							line-height:20px !important;
							color:#000;
							font:bold 12px Georgia, "Times New Roman", Times, serif; }
				div.tel span { text-align:right;
							   line-height:20px !important;background:#f00;
							   padding:0px 0px 0px 30px;
							   color:#000;
							   font:bold 12px Georgia, "Times New Roman", Times, serif;
							   background: url(../images/tele.png) no-repeat 0px 0px;  }
				div.tel a { text-align:right;
							line-height:20px !important;
							color:#000;
							font:bold 12px Georgia, "Times New Roman", Times, serif; }
				div.tel a:hover { color:#4588cc; }

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

	div#menu	{ clear:both;
				  display:block;
				  width:600px;
				  height:28px;
				  margin:17px 0px 0px 0px;
				  padding:0px 0px 0px 35px;
				  /**background: url(../images/menubg.png) repeat-y;*/	}

		div#menu ul	{ margin:0px;
				 	  padding:0px 0px 0px 9px;	}

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

				div#menu a	{ float:left;
						  display:block;
						  padding:0px 25px 0px 0px ;
						  line-height:18px !important; 
						  color:#060606;
					 	  font:11px helvetica, arial, verdana, sans-serif;}
	
					div#menu a.active	{ color:#7b8180; } 
					div#menu a:hover	{ color:#0071bc; } 

	div#submenu	{ clear:both;
			  display:block;
			  width:248px;
			  margin:0px;
			  padding:22px 25px;
			  background: url(../images/submenubg.png) no-repeat 0px 0px;	}

		div#submenu ul	{ margin:0px;
				  padding:0px;	}

			div#submenu li	{ margin:0px;
					  padding:2px 0px 2px 20px;
					  line-height:18px !important; 
					  background: url(../images/pil.png) no-repeat 0px 6px;	}

			div#submenu a	{ padding:0px;
					  line-height:18px !important; 
				 	  font:14px arial, verdana, sans-serif; 
					  border-bottom:1px solid #d8bd74; }

			div#submenu a.active	{ color:#d8bd74;} 

			div#submenu a:hover	{ color:#d8bd74;} 

		

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


	div#left	{ float:left;
				  display:block;
				  width:600px;
				  margin:0px;
				  padding:0px;
				  background: url(../images/leftbg.png) repeat-y; }

		div#mainimg	{ clear:both;
				  display:block;
				  width:541px;
				  height:275px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 35px;	}
	
			div#mainimg img	{ display:block;
					  width:541px;
					  height:275px;
					  margin:0px;
					  padding:0px;	}
		
		div#puffar	{ padding:14px 0px 0px 35px;	}

			div.puff	{ float:left;
						  display:block;
						  width:147px;
						  height:167px;
						  margin:0px 8px 0px 0px;
						  padding:12px 14px;
						  cursor:pointer;
						  background: url(../images/puffbg.png) repeat-x;	}
	
				div.puffover	{ background: url(../images/puffbgover.png) repeat-x;	}
				div.puffover div.pufftext h2 	{ color:#4588cc;	}
				div.puffover div.pufftext p 	{ color:#4588cc;	}

				div.puffimg	{ display:block;
							  width:147px;
						  	  height:90px;
							  margin:0px;
							  padding:0px; }

					div.puffimg img	{ display:block;
									  width:147px;
								  	  height:90px;
									  margin:0px;
									  padding:0px; }

				div.pufftext	{ display:block;
								  width:147px;
							  	  height:67px;
								  margin:0px;
								  padding:10px 0px 0px 0px;
								  overflow:hidden; }
								  
					div.pufftext h2	{ margin:0px 0px 3px 0px; }

					div.pufftext .pil	{ margin:0px 0px -3px 3px; }
	
		div#leftbottom	{ float:left;
						  display:block;
						  width:600px;
						  height:21px;
				  		  margin:0px;
					  	  padding:0px;
						  background: url(../images/leftbottombg.png) no-repeat 0px 0px; }
	
	div#right	{ float:left;
				  display:block;
				  width:170px;
			  	  margin:0px 0px 20px 0px;
			  	  padding:13px 10px 10px 18px;
				  position:relative;
				  z-index:100;
				  background: url(../images/rightbg.png) repeat-x;  }
		
		div.veckansfraga	{ position:absolute;
							  right:-1px;
							  bottom:-40px;
							  z-index:200;
							  display:block;
							  width:95px;
							  height:95px;
							  cursor:pointer;
							  background: url(../images/veckansfraga.png) no-repeat 0px 0px;  }

	
		ul.news	{ margin:0px;
			  padding:0px;}

			ul.news li	{ clear:both;
						  margin:0px 0px 8px 0px;
						  padding:0px 0px 0px 0px;}
	
				ul.news h2	{ margin:0px 0px 3px 0px; }
				ul.news a	{ color:#6e6e6e;}
				ul.news a:hover	{ text-decoration:underline;}

			ul.news li.mernyheter	{ margin:0px;
									  padding:0px; }
			ul.news li.mernyheter a	{ margin:0px;
									  padding:0px; 
									  letter-spacing:1px;
									  text-transform:uppercase;
									  color:#0071bc;}


		ul.lankar { margin:0px;
			   		 padding:0px; }

			ul.lankar li	{ clear:both;
							  margin:0px 0px 0px 0px;
							  padding:5px 0px; 
							  background: url(../images/lankardivider.png) no-repeat 0px bottom; }
							  

				ul.lankar li a	{ clear:both;
						  margin:0px;
						  padding:0px 0px 0px 15px; 
						  color:#5e5959;	
						  font-weight:bold;
						  background: url(../images/pil2.png) no-repeat 0px center; }

				ul.lankar li a:hover	{ text-decoration:underline;}

			/*ul.lankar li.short	{ background: url(../images/lankardivider2.png) no-repeat 0px bottom; }*/
			ul.lankar li.last	{ background: none; }




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

	div#relimg	{ clear:both;
			  display:block;
			  width:541px;
			  height:77px;
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 35px;	}
	
		div#relimg img	{ display:block;
				  width:541px;
				  height:77px;
				  margin:0px;
				  padding:0px;	}


	div#maintext	{ padding:24px 20px 0px 43px;
					  color:#000000;	}

	div#maintext.aktuellt	{ color:#6e6e6e;	}

		div#maintext ul	{ list-style:disc;
						  padding:0px 0px 0px 15px;
						  color:#000000;	}

		div#maintext p	{  padding:0px 0px 10px 0px; }
		div#maintext a	{  color:#000; }
				div#maintext a:hover 	{ color:#4588cc;	}

		div#maintext ul.rellinks { list-style:none;
								   margin:10px 0px;
								   padding:0px; }

			div#maintext ul.rellinks li { margin:0px; }

				div#maintext ul.rellinks a { color:#000;
								  		     margin:0px;
						  			  	     padding:0px 0px 0px 13px;
								    	     background: url(../images/pil2.png) no-repeat 0px center; }

				div#maintext ul.rellinks a:hover { color:#4588cc;
								    	     	   background: url(../images/pil2.png) no-repeat 0px center; }


	div.hast	{ clear:both;
			  display:block;
			  width:510px;
			  margin:0px 0px 20px 0px;
			  padding:0px 0px 20px 0px;
			  background: url(../images/divider.png) no-repeat 0px bottom; }
		div.hast2	{ margin:0px;
				  background: none; }
		
		div.hastimg	{ float:left;
				  display:block;
				  width:140px;
				  height:90px;
				  margin:0px;
				  padding:0px 18px 0px 0px; }

			div.hastimg img	{ display:block;
					  width:140px;
					  height:90px;
					  margin:0px;
					  padding:0px; }

		div.hasttext	{ float:left;
				  display:block;
				  width:330px;
				  height:90px;
				  margin:0px;
				  padding:0px 18px 0px 0px; }


		div#maintext div.puff	{ width:auto;
								  height:110px;
								  background: #fff;	}

			div#maintext div.pufftext	{ width:auto; }

				div#maintext div.pufftext h2	{  font:12px helvetica, arial, verdana, sans-serif; }
				div#maintext div.pufftext .pil	{ margin:-1px 0px 1px 3px; }
				div#maintext div.puffover	{ background: url(../images/puffbgover.png) repeat-x;	}

		div.omridskolanimg	{ float:left;
							  display:block;
							  width:90px;
							  padding:0px 10px 10px 0px;	}

		div.omridskolantext	{ float:left;
							  display:block;
							  width:180px;
							  padding:0px;
							  color:#a5a5a5;
							  font-style:italic;	}
							  	
			div.omridskolantext	p { color:#9b9b9b;
								    font-style:italic;	}	

	div.personal	{ clear:both;
			  display:block;
			  width:510px;
			  margin:0px 0px 10px 0px;
			  padding:0px 0px 10px 0px;
			  background: url(../images/divider.png) no-repeat 0px bottom; }

		
		div.personalimg	{ float:left;
				  display:block;
				  width:90px;
				  height:70px;
				  margin:0px;
				  padding:0px 18px 0px 0px; }

			div.personalimg img	{ display:block;
						  width:90px;
						  height:70px;
						  margin:0px;
						  padding:0px; }

		div.personaltext	{ float:left;
					  display:block;
					  width:380px;
					  margin:0px;
					  padding:0px 18px 0px 0px; }

		

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

	span.label { float:left;
				 display:block;
				 width:120px; }
				 
	.formfield { float:left;
				 width:200px;
				 margin:0px 0px 2px 0px;
				 padding:2px 5px;
				 border:1px solid #6e6e6e;
				 background:#fff; }
				 
	.formbox { float:left;
			   width:200px;
			   margin:0px 0px 2px 0px;
			   padding:2px 5px;
			   border:1px solid #6e6e6e;
			   background:#fff; }
			   
	.formbtn { float:left;
			   margin:0px 0px 2px 0px;
			   padding:2px 5px;
			   color:#fff;
			   border:none;
			   background:#6e6e6e; }

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

div#footer	{ clear:both;
		  width:825px;
		  height:60px;
		  margin:0px auto 0px auto;
		  padding:0px 0px 0px 0px;}
		  
    div#copyright
    {
        float: left;
        margin-top: -10px;
        margin-left: 30px;
    }

	div#footerleft	{ 
	          clear:both;
	          float:left;
			  display:block;
			  width:375px;
			  height:50px;
			  padding:10px 0px 0px 105px;
			  margin:0px;
		 	  background: url(../images/logo2.png) no-repeat 0px 5px;  }

		div#footerleft	p	{ color:#6e6e6e;
							  line-height:16px !important;		
							  font:10.5px helvetica, arial, verdana, sans-serif; }
		div#footerleft	a	{ color:#6e6e6e;
							  line-height:16px !important;		
							  font:10.5px helvetica, arial, verdana, sans-serif; }

	div#footerright	{ float:left;
					  display:block;
					  width:319px;
					  height:40px;
					  padding:20px 16px 0px 0px;
					  margin:0px;
					  text-align:right; }

		div#footerright p	{ color:#0071bc;color:#999999;
							  font:13px helvetica, arial, verdana, sans-serif; }
		div#footerright a	{ color:#999999;
							  font:13px/18px helvetica, arial, verdana, sans-serif; }
		div#footerright a.smaller	{ color:#0071bc;
							  		  font:11px helvetica, arial, verdana, sans-serif; }
		div#footerright a:hover	{ color:#6e6e6e; }




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

* html .hojd {
	height: 399px;
}


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

* html2 .hojd {
	height: 511px;
}


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

* html3 .hojd {
	height: 190px;
}



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

}