/* ------------------------------------------------
	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: #797979;
		  font: 12px Arial, Verdana, sans-serif;
		  background: #fff;
		  margin:0px;
		  padding:0px;	}

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

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

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

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

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

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




h1 	{ font: bold 18px Arial, Verdana, "sans-serif";
	  color: #202082; }

h2 	{ font: bold 16px Arial, Verdana, "sans-serif";
	  color: #202082;	}

h3 	{ font: bold 14px Arial, Verdana, "sans-serif";
	  color: #202082;	}

a 	{ color: #9f9f9f;
	  text-decoration: none;	}

a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

div#shadow	{  position:absolute;
			   width:100%;
			   left:0%;
			   right:0%;
			   height:493px;
			   z-index:2;
			   text-align:center;
			   background: url(../images/shadow.png) no-repeat center top;  }


div#container	{ margin:0px auto 0px auto;
				  height:auto;
				  width:952px;
				  position:relative;
				  z-index:3;	}
				  
	div#bannerbris	{ position:absolute;
					  top:10px;
					  right:-169px;
					  width:169px;
					  height:287px;
					  margin:0px;
					  padding:0px; }
					  
		div#bannerbris img	{ display:block;
							  width:169px;
							  height:287px;
							  margin:0px;
							  padding:0px; }
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	.form { margin:20px 0px; }
	
	.label { float:left;
			 display:block;
			 width:120px;
			 color: #797979;
			 margin:1px 0px;
			 padding:0px 2px; }
			
	.textfield {  float:left;
				  width:200px;
				  margin:1px 0px;
				  padding:2px;
				  color: #797979; 
				  border: 1px solid #c6c6c6;
			      background: #fff url(../images/textfieldbg.png) repeat-x;	}	
					 

	.btn { float:right;
		   margin:2px 2px 0px 0px;
		   padding:2px 8px;
		   color:#fff;
		   font-weight:bold;
		   border:none;
	       background: #202082; }					
/* ------------------------------------------------
	header
-------------------------------------------------*/



div#header	{ width:951px;
		  height:170px;
		  margin:0px;
		  padding:0px;
		  position:relative;
		  z-index:1100;
		  background: url(../images/headerbg.png) no-repeat top left;}



	div#logo	{ float:left;
				  display:block;
				  width:151px;
				  height:80px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 0px;}
				  
		div#logo a	{ display:block;
					  width:151px;
					  height:133px;
					  position:relative;
					  z-index:20000; 
					  background: url(../images/logo.png) no-repeat top left; }

	div#tel	{ float:left;
			  display:block;
			  width:761px;
			  height:15px;
			  margin:0px 15px -25px 0px;
			  padding:5px 20px 0px 0px;
			  text-align:right;
			  position:relative;
			  z-index:15000; }
	
		div#tel	p { color:#fff;
			    font:bold 16px arial, verdana, sans-serif; }

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



	div#menu	{ float:left;
				  display:block;
				  width:786px;
				  height:96px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 0px 0px;
				  z-index:1300;	}

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

	div#menu li {	float:left;
					height:91px;
      				margin:0 9px 0 0;
      				padding:0px; }
					
	div#menu a {	position:relative; }					

	div#menu li a#foretaget { display:block;
							  width:99px;
							  height:93px;
		 					  background: url(../images/ctw_meny.png) no-repeat 0px 3px; }
	div#menu li a:hover#foretaget { background: url(../images/ctw_meny.png) no-repeat 0px -97px; }
	
	div#menu li a#tjanster { display:block;
							 width:92px;
							 height:93px;
		 					 background: url(../images/ctw_meny.png) no-repeat -108px 3px; }
	div#menu li a:hover#tjanster { background: url(../images/ctw_meny.png) no-repeat -108px -97px; }	
	
	div#menu li a#kunder { display:block;
						   width:92px;
						   height:93px;
		 				   background: url(../images/ctw_meny.png) no-repeat -209px 3px; }
	div#menu li a:hover#kunder { background: url(../images/ctw_meny.png) no-repeat -209px -97px; }	
	div#menu li a#erbjudande { display:block;
							   width:115px;
							   height:93px;
		 					   background: url(../images/ctw_meny.png) no-repeat -310px 3px; }
	div#menu li a:hover#erbjudande { background: url(../images/ctw_meny.png) no-repeat -310px -97px; }
	div#menu li a#frageforum { display:block;
							   width:118px;
							   height:93px;
		 					   background: url(../images/ctw_meny.png) no-repeat -434px 3px; }
	div#menu li a:hover#frageforum { background: url(../images/ctw_meny.png) no-repeat -434px -97px; }		

	
	a.brissupport {width: 114px; height: 114px; background: url(../images/brissupport.png); display: block; position: absolute; top: 250px; z-index: 999;}
	

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

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

div#maincontent	{ width:951px;
				  display:block;
				  margin:0px;
				  padding:0px 0px 0px 0px;
				  background:  url(../images/bottombg.png) no-repeat left bottom; }


	div#content	{ width:951px;
				  margin:-80px 0px 0px 0px;
				  padding:0px;
				  position:relative; }

		div#mainimg	{ float:left;
					  display:block;
					  margin:0px 0px 0px 0px;
					  padding:0px 0px 0px 15px;
					  width:922px;
					  height:350px;
					  position:relative;
					  z-index:899; }

			div#mainimg img	{ width:922px;
							  height:350px; }
	
		div#note	{ float:left;
					  display:block;
					  width:290px;
					  height:171px;
					  margin:-320px 0px -30px -20px;
					  padding:35px 40px 30px 30px;
					  position:relative;
					  z-index:9999; 
					  background:  url(../images/note.png) no-repeat 0px;color:#3b3b3b;
					  font:13px/22px arial, verdana, sans-serif; }

			div#note h2	{ color:#191919;
					  font:bold 24px arial, verdana, sans-serif; text-transform: uppercase; margin-bottom: 10px;}

			div#note p	{ color:#3b3b3b;
					  font:13px/22px arial, verdana, sans-serif; }
					  
			div#note a {color: #f87c29; text-decoration: underline;}		  

		div#kontaktabtn	{ float:right;
						  display:block;
						  width:128px;
						  height:128px;
						  margin:-118px 20px -20px 0px;
						  padding:0px;
						  position:relative;
						  z-index:18000;
						  cursor:pointer;
						  background:  url(../images/kontakta.png) no-repeat 0px; }


		div.puff	{ float:left;
					  display:block;
					  width:227px;
					  margin:0px 0px 0px 0px;
					  padding:0px 0px 18px 0px;
					  background:  url(../images/puffbg.png) no-repeat 0px bottom; }
					  
				div.puffmargin	{ margin:0px 7px 18px 0px; }

			div.puff h2	{ display:block;
					  width:212px;
					  height:36px;
					  margin:0px;
					  padding:30px 0px 0px 15px;
					  color:#fff;
					  text-transform:uppercase;
					  font: bold 20px arial, verdana, sans-serif;
					  background:  url(../images/puffh2.png) no-repeat 0px 0px; }

			div.puff .pufftext	{ display:block;
						  width:205px;
						  margin:0px;
						  padding:3px 0px 3px 15px;
						  color:#fff;
						  font: bold 20px arial, verdana, sans-serif;
						  background: #505050 url(../images/pufftextbg.png) repeat-x; }

				div.puff .pufftext p	{ color:#fff;
							  font: 12px arial, verdana, sans-serif; }
					  
div#right	{ float:left;
		  width:18px;
		  margin:0px -10px 0px 0px;  }

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

	div#contentpage	{ width:936px;
			  margin:-20px 0px 0px 0px;
			  padding:0px 0px 40px 15px;
			  position:relative;
			  background:  url(../images/mainbg.png) no-repeat 15px bottom; }
	
		div#left { float:left;
		           display:block;
		           width:710px;
		           margin:0px 0px 0px 0px;
		           padding:0px 0px 50px 0px; }


		/*	div#relimg { float:left;
		        	     display:block;
			             width:700px;
			             height:145px;
			             margin:0px 0px 40px 0px;
			             padding:0px 0px 0px 0px; }

				div#relimg img  { width:700px;
				          	  height:145px;
			        	  	  margin:0px;
				          	  padding:0px; } */

			div#relimg { float:left;
		        	     display:block;
			             width:928px;
			             height:293px;
			             margin:-60px 0px 60px 0px;
			             padding:0px 0px 0px 0px;
				     position:relative;
			  	     z-index:1000; }
	
				div#relimg img  { width:928px;
				          	  height:293px;
			        	  	  margin:0px;
				          	  padding:0px; }
			div#relimg2 { clear:both;
				      display:block;
			              width:287px;
			              height:146px;
			              margin:0px 0px 15px 0px;
			              padding:0px 0px 0px 0px; }

				div#relimg2 img  { width:287px;
				          	  height:146px;
			        	  	  margin:0px;
				          	  padding:0px; }

			div#relimgbg { float:left;
		        	      display:block;
			              width:928px;
			              height:84px;
			              margin:-84px 0px 0px 0px;
			              padding:0px 0px 0px 0px;
				      position:relative;
			  	      z-index:1200;
			 	      background: url(../images/mainimgbottom.png) no-repeat 0px 0px; }


			div#relimg3 { float:left;
		        	      display:block;
			              width:922px;
			              height:239px;
			              margin:-107px 0px 60px 0px;
			              padding:0px 0px 0px 0px;
				      position:relative;
			  	      z-index:1000; }
	
				div#relimg3 img  { width:922px;
				          	   height:239px;
			        	  	   margin:0px;
				          	   padding:0px; }

			div#leftcontent { float:left;
				          display:block;
				          width:300px;
				          margin:-10px 0px 0px 0px;
				          padding:0px 0px 0px 0px;
					  position:relative;
					  z-index:1500; }
	
				div#kontaktabtn2	{ float:right;
									  display:block;
									  width:128px;
									  height:128px;
									  margin:-40px -6px -80px 0px;
									  padding:0px;
									  position:relative;
									  z-index:2002;
									  cursor:pointer;
									  background:  url(../images/kontakta.png) no-repeat 0px; }
			
				div#leftcontent h2 { display:block;
									 width:247px;
									 height:34px;
									 margin:0px 0px 0px 0px;
									 padding:14px 0px 0px 40px;
									 color:#fff;
									 font: 18px arial, verdana, sans-serif;
									 background:  url(../images/lefth2bg.png) no-repeat 0px 0px; }
	
				div.submenu { display:block;
							  width:287px;
							  margin:0px 0px 20px 0px;
							  padding:0px;
							  background:  url(../images/leftulbg2.png); }
									
				div.submenu ul { display:block;
									 width:247px;
									 margin:0px 0px 0px 0px;
									 padding:14px 0px 20px 40px;
									 background: url(../images/leftulbg.png) repeat-x; }
			
	
	
					div#leftcontent li { margin:0px 0px 0px 0px;
					        	     padding:2px 0px 2px 0px;
							     background:  url(../images/lipil.gif) no-repeat 0px 2px; }
	
					div#leftcontent li a { padding:0px 0px 0px 25px;
							       color:#513a18;
							       font:13px arial, verdana, sans-serif; }
	
					div#leftcontent li a.active {font-weight:bold; }
	
	
			div#middlecontent { float:left;
					            display:block;
					            width:332px;
					            margin:-10px 40px 0px 40px;
				    	        padding:0px 0px 0px 0px;
							    position:relative;
							    z-index:1520;  }
				
				div#middlecontent div.tipsaprint p { font-size:11px;
								     padding:0px 0px 10px 0px;   }
				div#middlecontent div.tipsaprint a { padding:0px 10px 0px 0px;  }
	
				div#middlecontent p.ingress { font-weight:bold;  }
	
				div#middlecontent ul { margin:10px 0px;
									   padding:0px 0px 0px 15px;
									   list-style:disc;  }
				

/*
* FORUM
*/

div#forumcontent {float: left; width: 580px; margin: 0 0 40px 40px; position: relative;}

div#forumTop {background: url(../images/forumTopBg.png); height: 72px; border: 1px solid #f0f0f0; padding: 8px 10px; margin: 20px 0;}
div#forumTop img {float: left; margin-right: 15px;}

div#forumHead {border-bottom: 1px solid #ebebeb;padding-bottom: 15px;}
div#forumHead h4 {font: 12px Arial, Helvetica, sans-serif; text-transform: uppercase; }

div#forumcontent span {font-size: 11px;}

div#forumcontent span.tab {margin-right: 10px;}
div#forumcontent a.nyFraga {background: url(../images/nyfraga.png) no-repeat right top; padding: 5px 50px 0 0; height: 33px; display: block; float: right; font: 18px Arial, Helvetica, sans-serif; color: #2a2a2a;}
div#forumcontent a:hover.nyFraga {text-decoration: none;}

div#forumcontent .inlagg {background: url(../images/forumSticker.png) no-repeat;border-bottom: 1px solid #ebebeb;padding: 10px 0 10px 50px; color: #2a2a2a;margin-right: 10px;overflow:hidden;}
div#forumcontent .inlaggSvar {border: 1px solid #ebebeb; margin: 10px 0; padding: 10px;overflow:hidden;}
div#forumcontent .inlaggSvar h4 {background: url(../images/yArrowRight.gif) no-repeat left center;font-weight:bold;color: #848484;margin-bottom:15px;padding-left: 13px;}

div#forumcontent label {display:block;font-size: 11px; color: #2a2a2a;}
div#forumcontent .svarLeft {width: 170px;float:left;}
div#forumcontent .svarRight{width: 300px;float:left;margin-bottom:10px;}
div#forumcontent input {border: 1px solid #ebebeb; font-size: 11px; padding: 3px 3px; width: 150px;}
div#forumcontent textarea {border: 1px solid #ebebeb; font-size: 11px; padding: 3px 3px; width: 320px; height: 55px;}
div#forumcontent input.submit {border: none; background: none; padding:0 12px 0 0;background: url(../images/yArrowRight.gif) no-repeat right center; width:auto; cursor:pointer;color:#2a2a2a;float:right;}

div#forumcontent span.date {font-size: 11px; color: #848484; display: block; margin-bottom: 5px;}

div#forumcontent div.options {margin-top: 10px; overflow: hidden;font-size: 11px;height: 16px;}
div#forumcontent span.tags {float:left;}
div#forumcontent span.tags strong {color: #2a2a2a;}
div#forumcontent span.tags a {color: #848484;}

div#forumcontent span.answers {float: right;}
div#forumcontent span.answers a {margin-left:15px;}
div#forumcontent a.svar {background: url(../images/yArrowDown.gif) no-repeat left center;padding-left: 17px;}
div#forumcontent a.besvara {background: url(../images/yBubble.gif) no-repeat left center;padding-left: 20px;}
div#forumcontent a.kommentera {background: url(../images/yPlus.gif) no-repeat left center;padding-left: 15px;}

		div#rightcontent { float:left;
			           display:block;
			           width:190px;
			           margin:-10px 0px 0px 20px;
			           padding:0px 0px 0px 0px;
				   position:relative;
				   z-index:1540;  }

			div.relpersonimg { float:right;
					   display:block;
				           width:188px;
				           height:232px;
				           margin:0px 0px 0px 0px;
			        	   padding:0px 0px 0px 0px; }

				div.relpersonimg img { width:188px;
				        	       height:232px;
					               margin:0px 0px 0px 0px;
				        	       padding:0px 0px 0px 0px; }

			div.relperson h2 { clear:both;
					   display:block;
				           width:171px;
				           height:41px;
				           margin:0px 0px 0px 0px;
			        	   padding:7px 0px 0px 19px;
					   color:#fff;
					   font: bold 14px arial, verdana, sans-serif;
					   background:  url(../images/relpersonh2.png) no-repeat 0px 0px; }

			div.relperson span.small { font: 12px arial, verdana, sans-serif;}
																  
			div.relpersontext { display:block;
				            width:150px;
				            margin:0px 0px 30px 0px;
			        	    padding:19px;
					    background:  url(../images/reltextbg.png) no-repeat 0px 0px; }
				
				div.relpersontext p { color:#909090; }

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

#footer { width:936px;
	  height:101px;	
	  padding:10px 0px 0px 15px;
	  margin:0px 0px 0px 0px;
	  background: url(../images/footerbg.png) no-repeat top left;	}

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

		#footerleft img { padding:0px 2px 0px 0px; }

	#footerright { float:left;
		       width:370px;	
		       padding:20px 0px 0px 0px;
		       margin:0px;
		       text-align:right; }

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

#footer a {color:#dadada;  }
#footer a:hover {color:#787878;
		 text-decoration:none;  }
	
div#newsPuff {display: block; position: relative; float:left;}
div#newsPuffContent {padding: 3px 8px; color: #000; margin: 10px 0px 0px 23px;display: inline-block;}

div#brisPuff {display: block; position: relative; float:right;}
div#brisPuffContent {padding: 3px 8px; color: #000; margin: 10px 23px 0px 0px;display: inline-block;}

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

* html .hojd {
	height: 400px;
}


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

}