/* ------------------------------------------------
	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: #606060;
	  font: 11px  Verdana, Arial, sans-serif;
	  background: url(../images/bg3.png);
	  margin:0px;
	  padding:0px;
	  height:100%;
	  line-height:18px;		}
	  /*
*body 	{ background: #db3d15 url(../images/bg.png) repeat-x; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
body 	{ background: #db3d15 url(../images/bg.png) repeat-x; }
}*/

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:20px;	}
span	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
div	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
table	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
tr	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
td	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}


h1 	{ font: 18px garamond, georgia, trebuchet ms, Verdana, Arial, "sans-serif";
	  color: #606060;	
	  margin-: 20px;	}

h2 	{ font: 16px Verdana, Arial, "sans-serif";
	  color: #979797;	
	  margin-bottom: 20px;
	  font-weight: normal;
	  text-transform:uppercase;	}

a 	{ color: #606060;
	  font-weight:bold;	}

a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

.linkarrows {	background-image: url(../images/linkarrows.png);
		background-position: right 55%; /* X-pos Y-pos (from top-left) */
		background-repeat: no-repeat;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		padding:2px 15px 2px 0px; }

div#container	{ margin:0 auto;
				  height:auto;
				  width:982px; 
				  position:relative;
				  z-index:1000;	}

div#containerbg	{  position:absolute;
		 		   width:50%;
				   left:50%;
				   right:0%;
				   height:100%;
				   z-index:2;
				   background: url(../images/bg2.png) repeat-x; }
				   
div#blombg	{  position:absolute;
		        width:100%;
		   left:0%;
		   right:0%;
		   height:100%;
		   z-index:3;
		   background: url(../images/pattern.png) no-repeat center top; 
		   text-align:center; }
		   
div#bgbg	{  position:absolute;
		       width:100%;
			   left:0%;
			   right:0%;
			   height:100%;
			   z-index:1;
			   background: url(../images/bg.png) repeat-x;  }
		   
div#pattern	{ width:100%;
			  height:828px;
			  margin:0px auto -828px auto;
			  padding:0px 0px 0px 0px;
			  position:relative;
			  z-index:15600;
			  background: url(../images/pattern.png); }	   

		   		   
div#rightbg	{ float:left;
		  display:block;
		  left:466px; 
		  width:20px;
		  position:relative;
		   }

div#rightbg img { margin:150px 0px 0px 0px; }


.label { float:left;
		 width:120px;
		 padding:0px 0px 0px 0px; }
		 
.textfield { float:left;
		     width:272px;
			 padding:2px;
			 background-color:#fff;
		     border:1px solid #d0d0d0;
		     margin:1px;
			 color: #606060; }
					 
/* ------------------------------------------------
	header
-------------------------------------------------*/

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

div#left2	{ display:block;
		  	  width:25px;
			  height:570px;
			  background: url(../images/left.png) no-repeat left top; }


div#header	{ background: url(../images/headerbg.png) no-repeat left top;
		  display:block;
		  height:112px;	
		  margin:0px 0px 0px 0px;
		  padding:0px;	}

	div#logo	{ float:left;
			  margin:0px 0px 0px 25px;	}

	div#kursetc	{ float:left;
			  margin:0px 0px 0px 0px;
			  padding:50px 0px 0px 40px;	}

	div#kursetc p	{ font:9px  Verdana, Arial, sans-serif;
	  		  line-height:18px;
			  color:#fff;	}

	div##kursetc a	{ font:9px  Verdana, Arial, sans-serif;
	  		  line-height:18px;
			  color:#fff;	}

	div#adress	{ float:right;
			  width:300px;
			  height:33px;
			  padding:52px 40px 0px 0px;	}

	div#adress p	{ font:bold 11px  Verdana, Arial, sans-serif;
	  		  line-height:18px;
			  color:#fff;
			  text-align:right;	}

	div#adress a	{ font:bold 11px  Verdana, Arial, sans-serif;
	  		  line-height:18px;
			  color:#fff;	}





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

div#menu	{  background: url(../images/menubg.png) no-repeat left top;
		   width:917px;
		   height:53px;
		   padding:0px 0px 0px 15px;	}

	div#menu ul	{ margin:0px 0px 0px 0px;
		 	  padding:0px 0px 0px 0px;
		 	  font-size:11px;
			  border-left:1px solid #d1d1d1;	}

	div#menu li	{ float: left;
			  text-align:center;
 			  margin:0px 0px;
			  padding:0px 0px; }

	div#menu a	{ font: 12px Verdana, Arial, sans-serif;
			  display: block;
			  height:18px;
			  padding:8px 15px 4px 15px;
			  color:#909090;
			  border-left:1px solid #fff;
			  border-right:1px solid #d1d1d1; }

	div#menu a.last	{ margin:0px 1px 0px 0px;
			  border-right:0px solid #d1d1d1; }

	div#menu a:hover	{ color:#cb260e; }
	div#menu .active a	{ text-decoration: none;
				  		  color:#fff;
				 		  border-left:1px solid #ababab;
						  border-right:1px solid #ababab;
						  background: url(../images/menubgover.png) repeat-x; }
	div#menu li.active 	{  }


div#submenu	{  width:306px;
		   padding:0px 0px 520px 31px;	}

	div#submenu ul	{ margin:0px 0px 0px 0px;
		 	  padding:0px 0px 0px 0px;
		 	  font-size:11px;	}

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

	div#submenu a	{ font: 14px Verdana, Arial, sans-serif;
			  display: block;
			  height:18px;
			  padding:6px 15px;
			  color:#cb260e;
		  	  background: url(../images/newsli.png) no-repeat 0px 10px; }

	div#submenu li ul li a	{ font: 12px Arial, Verdana, sans-serif;
			  	  background:none;
				  padding:4px 30px; }

	div#submenu a.last	{ margin:0px 1px 0px 0px; }

	div#submenu a:hover	{ color:#000;
				  text-decoration:none; }
	div#submenu a.active	{ color:#000; }
	div#submenu li.active 	{  }

/* ------------------------------------------------
	main content
-------------------------------------------------*/
div#maincontainer { display:block;
		    float:left;
		    width:982px; 
		    margin:0px;
		    background: url(../images/mainbg.png) repeat-y;  }

	
div#maincontent	{ float:left;
		  margin:0px;
		  height:auto;
		  width:932px; }


div#flash {  width:932px;
	     height:190px;	}

div#leftright	{ width:932px;	}
		   
div#leftcontent	{ float:left;
		  width:366px;
		  background: url(../images/leftcontentbg.png) no-repeat left top; 
		  padding:20px 0px 0px 0px;  }

	div.newsitem { width:323px;
				  padding:10px 0px;  
		    	   margin:0px 0px 0px 23px; }

		div.newsitem a { font-weight:normal; }	
		
		div.newsitem h1 { font: 16px Verdana, Arial, sans-serif;
				  		  color:#c8250e;
						  margin:0px 0px 5px 0px; }

		a.lashela { font: 11px Verdana, Arial, sans-serif;
			    color:#000;
			    text-decoration:underline;
			    display:block;
		  	    background: url(../images/newsli.png) no-repeat 0px 2px;
			    padding:0px 0px 0px 20px;
			    margin:5px 0px 0px 0px; }

	div.newsdivider { width:323px; 
		      	  margin:10px 0px 10px 23px; }
				  
	div.newsitemarchive { width:443px;
				  padding:0px 0px;  
		    	   margin:0px 0px 0px 0px; }
		div.newsitemarchive a { font-weight:normal; }				   

		div.newsitemarchive h1 { font: 16px Verdana, Arial, sans-serif;
				  		  color:#c8250e;
						  margin:0px 0px 5px 0px; }	 	
						  			  
 div#content div.newsitemarchive a.acrhivelinktext {	color: #606060;  }	
  div#content div.newsitemarchive a:hover.acrhivelinktext {	border-bottom: 1px solid #606060;  }						   

div#rightcontent{ float:left;
		 		  width:536px;
				  padding:10px 0px 0px 10px;
		 		  background: url(../images/rightcontentbg.png) no-repeat left top; 	}

	div.puff { float:left; 
			   display:block;
			   width:246px; 
			   height:229px;
			   margin:0px 10px; }

		div.puffimg { width:246px; 
			    	  height:74px;
			   	      background: url(../images/puffrubrikbg.png) no-repeat 0px 0px; }

			div.puffimg img { width:246px; 
					    	  height:74px; }

		div.puff h1 { width:246px; 
				      height:20px;
				      padding:11px 0px 11px 18px;
			   	      background: url(../images/puffrubrikbg.png) no-repeat 0px 0px;
				      margin:0px; }

		div.puff ul { padding:0px;
		  	     	  margin:20px 8px 0px 8px; }

		div.puff p { padding:0px;
			  	     margin:20px 8px 0px 8px; }

		div.puff a { font-weight:normal; }		
		
		div.puff p { margin-top: 0; }
		
		div.puff a:hover strong { text-decoration:underline; }					 

		div.puff li { display:block;
					  padding:0px 18px;
				      clear:both; 
		  		      background: url(../images/newsli.png) no-repeat 0px 5px; }
					  
		div.puff li.news { display:block;
						   padding:0px 18px 0px 0px ;
					       clear:both;  }					  
					  
		div.puff li.arkivlink { padding:0px 18px;
		  		     			background: none;
								margin:5px 0px 0px 0px;
								display:block; }

		span.newsdate2 { float:left;
						 display:block;
						 width:50px;
						 color:#a5a5a5;
						 font-weight:bold;
						 padding:0px 5px 0px 18px; 
					     color: #606060;
			  		     background: url(../images/newsli.png) no-repeat 0px 5px; }		
						 						
		span.newsitem3 { float:left;
						 display:block;	
						 width:137px; }									

	div.information { float:left; 
			  display:block;
		 	  width:246px; 
		 	  height:189px;
		  	  border-left:10px solid #fff;
			  padding:20px 0px;
		   	  background: url(../images/info.png) no-repeat 0px 0px; }

		div.information h1 { padding:0px 15px;
							 margin:0px 0px 15px 0px; }

		div.information .infotextfield { background: url(../images/formfield.png) no-repeat 0px 0px;
						 border:none; 
						 width:206px;
						 height:15px;
						 padding:5px;
						 margin:2px 0px 2px 15px;
						 color:#606060; }

		div.information .btninfo { float:right;
					   margin:10px 15px; }

div#right	{ float:left;
		  width:25px;
		  margin:0px;
		  background: url(../images/rightbg.png) repeat-y; }
		  
div#right2	{ display:block;
		  	  width:25px;
			  height:570px;
			  background: url(../images/right.png) no-repeat left top; }		  

/* ------------------------------------------------
	pages
-------------------------------------------------*/
	
div#relimg { float:left;
	     width:366px;
	     height:190px; }

	div#relimg img { width:366px;
			 height:190px; }

	div#rel { float:left;
		  width:566px;
		  height:190px; }

	div#heading {	background: #fff url(../images/h1bg.png) no-repeat top left; 
					width:516px;
					height:24px;
					padding:8px 10px 2px 40px;
					margin:0px; 
					display:block;
  					overflow:hidden; }

		div#heading h1 	{ line-height:24px; }

		div#heading h1 span.grey { float: left;
								   font: 18px garamond, georgia, Verdana, Arial, "sans-serif";
								   color: #606060;	
								   margin: 0px 0px 0px 0px;
								   display: block;
								   line-height:20px; }

		div#heading h1 span.red { float: left; 
				     		      color: #ca260e;
			  				      font: 18px garamond, georgia, Verdana, Arial, "sans-serif";
								  height:22px;
								  overflow:hidden; }

	div#relimg2 { width:551px;
		      height:123px; }
	
		div#relimg2 img { width:551px;
		 				  height:123px; }	

	div#print {	background: #fff url(../images/printbg.png) no-repeat top left; 
			width:471px;
			height:18px;
			padding:8px 40px;
			margin:0px; }

	div#print p { font: 10px Verdana, Arial, sans-serif; }
	div#print p a { font-weight:normal;	 }

	div#print img {	margin:0px 0px -3px 0px;
			padding:0px 3px 0px 0px; }
	div#print img.skicka {	margin:0px 0px -3px 0px;
				padding:0px 3px 0px 10px; }

div#content { padding:15px 60px 15px 30px; }

	div#content p { margin: 0px 0px 15px 0px; }
	
	div#content a { color:#cb260e;
					border-bottom:1px solid #e2e2e2;
					font-weight:bold; }
					
	div#content a:hover { text-decoration:none;
						  border-bottom:1px solid #cb260e; }						

	div.rellinks li a { height:18px;	
					    padding:0px 0px 0px 15px;
				  	    background: url(../images/newsli.png) no-repeat 0px 4px; }


span.informationpage { display:block;
		      		  width:326px; 
		 		      height:189px;
				      margin:20px 0px;
				      padding:20px 0px;
				      background: #e5e5e5; }

	div#bottomleftpage  span.informationpage h1 { padding:0px 0px 10px 25px;
						     					  color:#606060; }

		span.informationpage span.label { float:left;
						 display:block;
						 width:42px;
						 padding:5px 0px 0px 25px; }

		span.informationpage .infotextfield { float:left;
						     background: url(../images/formfield.png) no-repeat 0px 0px;
						     border:none; 
						     width:206px;
						     height:15px;
						     padding:5px;
						     margin:2px 0px 2px 15px;
						     color:#606060;}

		span.informationpage .btninfo { float:right;
					      				margin:10px 28px; }
										
										
										
										
										
			div.blogright2 { position:relative;
							 z-index:20;
							 padding:0px 20px;
							padding-bottom: 430px; }
									  
					div.blogright2 h2 { display: block;
										padding: 0 0 10px 5px; 
										text-transform:none;
										color: #C2C2C2;
										font: 16px verdana,arial,sans-serif;
										border-bottom: 1px solid #E5E5E5; }
									  
					div.blogright2 a { color:#e51800;
									 text-decoration:none;
									 font-weight:bold; }

					div.blogright2 a:hover { color:#3a3a3a; }									 
									  
					div.blogright2 ul { margin:0px 10px 10px 10px; }
					div.blogright2 li { padding:4px 20px 4px 0px; }
									
					div.blogright2 ul.list { margin:0px 10px 10px 10px; }
					div.blogright2 ul.list li { margin:2px 0px;
												padding:0px 0px 0px 15px;
											    background: url(../images/newsli.png) no-repeat 0px 5px;  }
/* ------------------------------------------------
	tell a friend 
-------------------------------------------------*/

div.tellafriend	{  width:339px;
				   margin:0px 4px;
				   display:block;
				   margin:30px auto;
				   border:1px solid #cecece;
				   background:#fff; }	
				   
	div.tellafriendpadding	{  padding:15px; }		
						  
		div.tellafriend h1 { display:block;
							 margin:5px 0px 5px 0px;
							 padding:0px;
							 color:#363636;
							 font:bold 14px verdana, arial, sans-serif; }
						  

		div.tellafriendform	{ height:108px;
					  margin:10px 0px;
					  padding:20px 15px;
					  border:1px solid #ececec;
					  background:#f8f8f8; }	
							  
			div.tellafriend span.label { float:left;
										 display:inline;
										 width:115px;
										 padding:5px 0px 0px 0px; }	
			div.tellafriend span.icon { float:left;
										display:inline;
										width:8px;
										margin:0px 5px 0px 0px;
										padding:8px 2px 0px 0px; }	
			
			div.tellafriend .formfield { width:136px;
										 height:16px;
										 margin:0px 0px 2px 0px;
										 padding:4px 2px;
										 color:#000;
										 font:12px Verdana, Arial, Helvetica, sans-serif;
										 border:1px solid #666;
										 background:#fff; }
										 
						div.tellafriend .pink { background:#fee7e7; }
						div.tellafriend .yellow { background:#fefee7; }
									
			div.tellafriend .formbtn {	float:right;
							width:130px;
							margin:0px 12px 0px 0px;
							padding:0px; 
							font:12px Verdana, Arial, Helvetica, sans-serif;}
										
	div.tellafriendshare	{ padding:10px 15px;
							  border-top:1px solid #cecece; }
							  
		div.tellafriendshare p	{ float:left; 
								  display:inline;
								  margin:0px 15px 0px 0px; }								
/* ------------------------------------------------
	footer
-------------------------------------------------*/
#news { clear:both;
		display:block;	}
		  
#bottom { clear:both;
	  	  height:90px;	
		  display:block;
	 	  background: url(../images/footerbg.png) no-repeat top left;	}

#bottom p { font:11px verdana, arial, sans-serif;
	    color:#c8250e;
	    line-height:18px; }

	#bottom a { font:11px verdana, arial, sans-serif;
		    color:#000;
		    text-decoration:underline;
		    line-height:18px; }

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

	div#bottomleft{ float:left;
		    display:block;
		    width:360px;
		    padding:22px 0px 0px 47px; }

		div#bottomleft p { color:#000; }

	div#bottomleftpage { float:left;
		   	  			 display:block;
		   			     width:326px;
						 height:545px;
				   	     padding:0px 0px 0px 20px;
					     margin:0px 0px 0px 0px;
					     position:absolute;
						 bottom:0px;
					     z-index:2200; }

		div#bottomleftpage h1 { font:16px verdana, arial, sans-serif;
	    						color:#c2c2c2;		
								padding:0px 0px 10px 5px;
								display:block;
								border-bottom:1px solid #e5e5e5; }
				
					   
					   
		div#bottomleftpage a { color:#c8250e;
				               font-weight:normal;
							   text-decoration:none; }
							   
		div#bottomleftpage a:hover { color:#000; }							   

		div#bottomleftpage ul { padding:0px 0px 20px 5px;
					border-bottom:1px solid #e5e5e5; }

		div#bottomleftpage li { padding:1px 0px;
							    clear:both; }

		div#bottomleftpage  li.arkivlink a { color:#000; }		
		     
		span.newsdate { float:left;
						display:inline;
						width:50px;
						color:#a5a5a5;
						font-weight:bold;
						padding:0px 5px 0px 0px; 
					    color: #606060; }				
						
		span.newsitem { float:left;
						display:block;	
						clear:right;
						margin:0px;										
						padding:0px;
						width:260px; }	
						
		span.newsitem2 { float:left;
						display:block;	
						clear:right;
						margin:0px;										
						padding:0px;
						width:380px; }
												
		div.newsitems { clear:both;
						margin:40px 0px 0px 0px; }
						
		div.newsitems li { clear:both; }		
		
		span.newsitem2 a { font-weight:normal; }													
						
	div#bottomright { float:right;
		      	  clear:right;
		     	  width:382px;
			  	  margin:0px 15px -33px 0px;
			 	  position:relative;
				  z-index:1000; }

		div#news div#bottomright p { float:left;
				    				 display:block;
				   					 padding:30px 0px 0px 0px;
									 color:#c8250e; }

		div#bottomright img { float:right; }
#footer { clear:both;
	  text-align:center;
	  margin:0px 0px 30px 0px;	}

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

#footer a.sphinx { color:#fc705c;
	    font-weight:normal; }
#footer a { color:#fff;
	    font-weight:normal; }

#footer3 {
		display: block;
		height: 18px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		width: 870px;
	}
		div.fb {
			display: block;
			float: left;
			height: 12px;
			margin: 0;
			width: 461px;
			position: absolute;
			top:-15px;
			left: 0;
		}
			div.fb p {
				background: url("../images/fb.gif") no-repeat scroll left 5px transparent;
				top: 0;
				color: #7d2400 !important;
				font: 12px Arial,Verdana,Helvetica,sans-serif;
				left: 0;
				padding: 4px 0 4px 20px;
				position: absolute;
			}
			div.fb a { color: #7d2400 !important;
			}
		div.tw {
			display: block;
			margin: 0;
			padding: 0 0 5px;
			position: absolute;
			top:-15px;
			right: 0;
			text-align: right;
			width: 441px;	}
			div.tw a {
				background: url("../images/tw.gif") no-repeat scroll right bottom transparent;
				top: 0;
				color: #7d2400 !important;
				display: block;
				font: bold 12px Arial,Verdana,Helvetica,sans-serif;
				padding: 5px 35px 2px 0;
				position: absolute;
				right: 0;
			}
/* ------------------------------------------------
	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:300px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 300px;
}

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

* html .hojdpage {
	height: 500px;
}