/* ------------------------------------------------
	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: #fff url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;
	  background:#fff;	}

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, table p	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;
	  color:#606060;	}

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

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




h1 	{ font: bold 18px  "trebuchet ms", georgia, Verdana, Arial, sans-serif;
	  color: #fff;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font-size: 14px; 
	  color: #606060;	
	  margin-bottom: 15px;
	  font-weight: normal;	}

h3 	{ font-size: 14px; 
	  color: #006f4e;	
	  margin-bottom: 20px;
	  font-weight: normal;	}


a 	{ color: #ffb11d;
	  text-decoration: none;	}

a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

.textfield { 	font: 11px  Verdana, Arial, sans-serif;
	  	background:#fff;
	     	border:1px solid #d9d9d9;
		padding:4px 2px;
		float:left;
		width:342px;	}

.textfield2 { 	font: 11px  Verdana, Arial, sans-serif;
	  	background:#fff;
	     	border:1px solid #d9d9d9;
		padding:4px 2px;
		float:left;
		width:281px;	}

.textfield3 { 	font: 11px  Verdana, Arial, sans-serif;
	  	background:#fff;
	     	border:1px solid #d9d9d9;
		padding:2px 2px;
		width:110px;
		margin:0px 10px 0px 0px;	}

.textfield4 { 	font: 11px  Verdana, Arial, sans-serif;
			  	background:#fff;
		     	border:1px solid #d9d9d9;
				padding:4px 2px;
				margin:0px 0px 2px 0px;
				float:left;
				width:241px;	}


.textfield5 { 	font: 11px  Verdana, Arial, sans-serif;
	  	background:#fff;
	     	border:1px solid #d9d9d9;
		padding:4px 2px;
		margin:1px 0px 2px 0px;
		width:200px;	}

.fileupload { 	width:342px;
	     	border:1px solid #d9d9d9;
		padding:4px;
		width:300px;	}

div#black { position:absolute;
			width:100%;
			left:0%;
			right:0%;
			height:100%;
			z-index:3000;
			/* for IE */
		    filter:alpha(opacity=50);
		    /* CSS3 standard */
		    opacity:0.5;
		    /* for Mozilla */
		    -moz-opacity:0.5;
		    background: #000;  }
			
div.preview { position:relative;
			  margin:0 auto;
			  width:575px;
			  height:425px;
			  margin:0px 0px -445px 0px;
			  z-index:3100;
			  border:10px solid #fff;
			  background: #fff;  }

.preview { position:fixed; width:565px; top:150px; z-index:3100; }
		  
div#container	{ margin:0 auto;
		  height:auto;
		  width:864px; 	}

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

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


div#header	{ background: #fff url(../images/headerbg.png) repeat-x;
		  display:block;
		  height:180px;	
		  margin:0px 0px 0px 0px;
		  padding:0px;	}

div#header2	{ display:block;
		  height:180px;	
		  margin:0px 0px 0px 0px;
		  padding:0px;	}

	div#logo	{ float:left;
				  width:228px;
				  height:74px;
				  padding:28px 0px 0px 0px;	}

		div#logo p	{ width:258px;
					  margin:0px -36px 0px 6px;
					  color:#606060;
					  font:14px Helvetica, Arial, Verdana, sans-serif;	}

	div#offer	{ float:right;
				  width:462px;
				  height:152px;
				  padding:28px 0px 0px 0px;	}

div#flags { float:right;
	    width:70px;
	    height:14px;
	    padding:15px 0px;
	    background:#fff; }


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

div#menu	{  float:left;
		   width:864px;
		   height:54px;
		   background: #fff url(../images/menubg.png) repeat-x;	}

div#menu2	{  float:left;
		   width:864px;
		   height:54px;
		   background: #fff url(../images/menuactivebg.png) repeat-x;	}

	div#menustart	{  float:left;
					   width:7px;
					   height:54px;
					   background: #fff url(../images/menustart.png) no-repeat left top;	}
			   
	div#menustart2	{  float:left;
					   width:7px;
					   height:54px;
					   background: #fff url(../images/menustart2.png) no-repeat left top;	}			   

	div#menu ul, div#menu2 ul	{  margin:0px 0px 0px 0px;
		 			   padding:0px 0px 0px 0px;
		 			   font-size:11px;	}
	
	div#menu li	{ float: left;
			  text-align:center;
			  padding-right: 33px;
			  position:relative;
			  z-index:1000;	
			  background: url(../images/menudivider.png) no-repeat right top;; }


	div#menu2 li	{ float: left;
			  text-align:center;
			  padding-right: 33px;
			  position:relative;
			  z-index:1000;	
			  background: none; }

	div#menu a, div#menu2 a	{ font: bold 12px Verdana, Arial, sans-serif;
					  display: block;
					  height:18px;
					  color:#fff;
					  padding:20px 11px; 
					  cursor:default;  }

	div#menu a:hover, div#menu2 a:hover	{ text-decoration: none;}

	div#menu .active a, div#menu2 .active a	{ color:#fff;
				 		 background: url(../images/menuactivebg.png) repeat-x;
						 cursor:default; }

	div#menu li.active , div#menu2 li.active 	{ position:relative;
							  z-index:1000;	
							  background: url(../images/activemenudivider2.png) no-repeat right top; }

	div#menu .active2 a, div#menu2 .active2 a	{ color:#fff;
							  background: url(../images/menuactivebg.png) repeat-x;
							  cursor:default; }

	div#menu li.active2, div#menu2 li.active2 	{ position:relative;
							  z-index:1000;	
							  background: url(../images/activemenudivider.png) no-repeat right top; }


	div#menuend	{  float:right;
			   width:53px;
			   height:54px;
			   background: #fff url(../images/menuend.png) no-repeat left top;	}

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

div#maincontainer	{ display:block;
					  float:left;
					  width:864px;
					  margin:0px; }

	
div#maincontent	{ float:left;
				  width:861px;
				  display:block;
				  margin:25px 1px 0px 2px;
				  height:auto;
				  padding:10px 0px;
				  background:#f5f5f6; }

div#maincontent h1	{ color:#ffb11d;
					  font:bold 16px trebuchet ms, verdana, Arial, Helvetica, sans-serif; }
div#maincontent p	{ margin:10px 0px 10px 0px; }

/* ------------------------------------------------
	step 1
-------------------------------------------------*/

	div#screen1 { float:left;
		      width:287px;
		      text-align:center; }

		div#screen1 a {  color:#606060; }

	div#screen2 { float:left;
		      width:287px;
		      text-align:center; }

		div#screen2 a {  color:#606060; }

	div#screen3 { float:left;
		      width:287px;
		      text-align:center; }

		div#screen3 a {  color:#606060; }

	div#maincontent strong	{  padding:0px 5px 0px 0px; }

	img.zoom { margin:0px 0px -1px 0px; }

	.previewlayout { display:block; }

	.previewlayout { border:5px solid #f5f5f6; }
	.activelayout 
	{
	    display:block;
	    border:5px solid #bbbbbb; 	    
	}
	a:hover.previewlayout { border:5px solid #ffb11d; }
/* ------------------------------------------------
	step 2
-------------------------------------------------*/

	div#leftcontent { float:left;
					  width:419px;
					  height:250px;
					  padding: 0px 0px 0px 20px;
					  border-right: 1px solid #fff; }

	
		div.left { display:block;
			  	   float:left;
				   width:149px;  }

			div.left strong { display:block;
					  margin:16px 0px 0px 0px; }

		div.right {display:block;
				   width:250px;
				   float:left;  }
	
		span.fargtema { display:block;
			        width:130px;
				padding:48px 0px 0px 0px;  }
	
		span.fargtemaimg img { margin:0px 0px -17px 0px; }
	
		span.fargtemaimg { display:block;
				   width:82px;
				   height:70px;
				   float:left; }
	
		span.red { color:#eb3d2b; }
	
		div#adressnamn { clear:both;
				 width:240px;
				 text-align:right; }

		span.funktioner { display:block;
			       	  width:130px;
				  padding:16px 0px 0px 0px;  }	

		span.bas { margin:-1px 0px 0px 16px;
				   display:block;
			 	   width:230px; }
		span.bas2 { margin:-1px 0px 0px 0px;
				   display:block;
			 	   width:236px; }			   

		div.tillval { margin:15px 0px 0px 0px;
			      display:block; }
	
		.checkbox { margin:0px 0px 6px 0px;
			      display:block; }	
			
		span.smalltext { font-size:10px; }

	div#rightcontent { float:left;
			   display:block;
			   width:351px;
			   padding:20px 20px 20px 39px;
			   border-left: 1px solid #bfbfbf; }

		span.logotext { display:block;
				float:left;
				width:60px;}

		span.logobuttons { display:block;
				   float:left; 
				   padding:2px 0px 0px 0px; }

		span.logobuttons input { margin:0px 0px -2px 0px;}

		div#ingenlogodiv span.logobuttons input { margin:0px 0px -2px 0px;
					 display:block;
					 float:left; }

		span.logobuttons img { 	display:block;
					float:left;
					margin:0px 0px -3px 0px; }

		div#logodiv { display:block;
			      padding:20px 0px; }

		div#ingenlogodiv { display:block;
			      padding:20px 0px; }

			span.colorspace { display:block;
					  float:left;
				     	  width:20px; }

		p.provagratis { width:400px; }

		div.whitebox { 	background:#fff;
						border:1px solid #d8d8d8;
						width:330px;
						display:block;
						padding:0px 10px; 
						margin:70px 0px 0px 0px; }

			p.totalt { float:left;
					   width:65px;	
					   margin:0px 0px 0px 10px;
					   padding:0px 0px 0px 15px; }
	
			p.rest {  float:left;
				  	  width:220px;	
					  margin:0px 0px 0px 10px;
					  line-height:16px; }	

	div#zoom { clear:both;
		   display:block;
		   width:814px;
		   text-align:right;
		   padding:0px 30px 0px 0px; }

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


	  

/* ------------------------------------------------
	steg5
-------------------------------------------------*/

div#steg5 { margin:20px 250px 20px 100px; }


/* ------------------------------------------------
	
-------------------------------------------------*/
	table.kassa { width:600px;
				  border:1px solid #fff; }

	table.kassa thead td { font-weight:bold;
						   color:#fff;
						   padding:5px;
						   background: #fff url(../images/menuactivebg.png) repeat-x bottom; }

	table.kassa td { vertical-align:top;
					 padding:5px;
					 background:#fff; }

	table.kassa tfoot td { font-weight:bold;
						   padding:5px;
						   background: #fff url(../images/border.png) repeat-x top;*/ }
				   
/* ------------------------------------------------
	utvardering slut
-------------------------------------------------*/

 div#slut { padding:20px 50px 20px 100px; } 

	div.sluttext { padding:0px 90px 0px 0px; } 
	
	div.left2 { display:block;
		    float:left;
		    width:120px;  }

	div.right2 { display:block;
		     float:left;
		     width:220px;  }

	div.left3 { display:block;
		    float:left;
		    width:80px;  }

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

div#prev { float:left;
	   padding:22px 0px 0px 0px;
	   display:block;
	   width:267px;
	   height:91px;}

div#smartweb10sek { float:left;
				    padding:10px;
					margin:-5px 0px 0px 2px;
				    display:block;
				    width:563px;
					border:1px solid #ffe4b2;
					background:#fffbd7; }	   

div#next { float:right;
	   padding:22px 20px 0px 0px;
	   text-align:right;
	   display:block;
	   width:247px;
	   height:91px;
	   background: #fff url(../images/nextbg.png) no-repeat left top; }
	   
div#ctl00_ctpMain_next { float:right;
	   padding:22px 20px 0px 0px;
	   text-align:right;
	   display:block;
	   width:247px;
	   height:91px;
	   background: #fff url(../images/nextbg.png) no-repeat left top; }	   

#footer1 { clear:both;
	  margin:0px 0px 0px 0px;	}

#footer1 p { font:10px verdana, arial, sans-serif;
	    color:#898989;
	    line-height:18px; }

	#footer1 a { font:bold 12px verdana, arial, sans-serif;
		     color:#ffb11d;
		     line-height:18px; 
		     padding:0px 20px 0px 0px;}

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

#footer2 { clear:both;
	   margin:5px 0px 30px 0px;	}

.slut { padding:25px 0px 0px 0px;	}

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

	#footer2 a { color:#000;
		     line-height:18px; }

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


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

* html .hojd {
	height: 210px;
}

div#villkor	{ width:280px;
			  display:block;
			  margin:20px auto;
			  padding:10px 10px;
			  background:#f5f5f6; }
div#villkor	h1 { color:#ffb11d;
			     font:bold 16px trebuchet ms, verdana, Arial, Helvetica, sans-serif; }