/* ------------------------------------------------
	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, i, 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: "" ""; }
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: #535353;
	  font: 11px  Verdana, Arial, sans-serif;
	  background: #dff2f2 url(/Web/Damm/Images/Web/background.png) repeat-x;
	  margin:0px;
	  padding:0px;	}

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:18px;	}
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: 22px Verdana, Arial, "sans-serif";
	  color: #49497a;	
	  margin-bottom: 20px;
	  padding:10px 0px 0px 0px;
	  font-weight: normal;	}

h2 	{ font: bold 12px Verdana, Arial, "sans-serif";
	  color: #024a6a;	}

h3 	{ font: bold 11px Verdana, Arial, "sans-serif";
	  color: #024a6a;
	  text-transform:uppercase;	}
h4 	{ font: 9px Verdana, Arial, "sans-serif";
	  color: #024a6a;
	  text-transform:uppercase;	}

a 	{ color: #2b00ff;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

ul {	margin:0px 0px 0px 20px;
	padding:0px; }
img	{ border: 0px solid; 	}

.textfield { 	background:#fff;
	   	border: 1px solid #bbe0e2;
		width:230px;
		padding:2px;
		}

.sponsorTextfield {background:#fff;
    border: 1px solid #bbe0e2;
    width: 180px;
    }

.textfield2 { 	background:#fff;
	   	border: 1px solid #bbe0e2;
		width:130px;
		padding:2px;
		}		

div#container	{ margin:0 auto;
		  height:auto;
		  width:995px;	}

.txtBox
{
    height:18px;
}
.txtBox2
{
    padding:0;
    margin:0;
    height:16px;
}
/* ------------------------------------------------
    faq
-------------------------------------------------*/

body.faq	{
font-size:80%;
font-family:verdana,arial,helvetica,sans-serif;
color:#000000;
background-color:#ffffff;
background:none;
padding-left:10px;
}

body.faq h1	
{
color:#000000;
font-size: 2.1em;
margin-bottom:24px;
font-weight:bold;
}

body.faq h2	
{
color: #000000;
font-size: 1em;
margin-top:0px;
margin-bottom:0px;
font-weight:bold;
}

a.faq:link	{
color:#0000ff;
font-weight:normal;
text-decoration:none;
}
a.faq:active	{
color:#0000ff;
font-weight:normal;
text-decoration:none;
}
a.faq:visited	{
color:#0000ff;
font-weight:normal;
text-decoration:none;
}
a.faq:hover	{
color:#0000ff;
font-weight:normal;
text-decoration:underline;
}

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



div#top	{ background: #fff url(/Web/Damm/Images/Web/top2.png) repeat-x;
	  width:993px;
	  display:block;
	  height:191px;	}

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


div#header	{ width:956px;
		  display:block;
		  height:14px;
		  margin:0px 0px;	}

	div#logo	{ float:left;
			  width:933px;
			  height:138px;	}

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

div#menu	{  float:left;
 		   width:872px;
		   height:59px;
		   margin:10px 0px 0px 0px;
		   background: #e8eaec url(/Web/Damm/Images/Web/menubg.png) no-repeat top left;	}

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

	div#menu li	{ float: left;
			  text-align:center; }

	div#menu a	{ font: 14px Verdana, Arial, sans-serif;
			  display: block;
			  height:18px;
			  padding:20px 15px;
			  color:#fff;}

	div#menu a:hover	{ border-top:8px solid #ecebeb;
				  padding:12px 15px; 
				  text-decoration:none; }
	div#menu .active a	{ border-top:8px solid #fff;
				  padding:12px 15px 10px 15px;
				  text-decoration:none; }
	div#menu li.active 	{  }

    .mr50 {margin-right:50px;}

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

div#maincontainer	{ background: #fff url(/Web/Damm/Images/Web/bg.png) repeat-y;
		  	  display:block;
			  float:left;
			  margin:0px;
			  width:994px;}

	div#maincolumns	{ display:block;                
		        	  width:936px;
					  float:left;
					  margin:20px 0px 20px 12px;	}

div#breadcrumb {margin-bottom:-25px;}

.inkClubLogo {position:relative;
                width: 110px;
                left: 760px;
                top:-160px}

/* ------------------------------------------------
	column 1
-------------------------------------------------*/
		div#column1{ background: #fff url(/Web/Damm/Images/Web/bluebg.png) repeat-y left;
		  	     display:block;
			     float:left;
			     width:450px;
			     margin:20px 0px 0px 0px;
			     border-right: 1px solid #bee1e5;
			     color:#000; }

			div#column1top { background: url(/Web/Damm/Images/Web/column1top.png) no-repeat left top;
			  	     		 display:block;
				     		 width:416px;
				     		 height:35px;
			     			 padding:10px 18px;
				     		 border-bottom: 1px solid #bee1e5; }
						 
			div#column1topnormal { background: url(/Web/Damm/Images/Web/column1top.png) no-repeat left top;
			  	     	 display:block;
				     	 width:406px;
				     	 height:9px;
			     		 padding:0px 23px; }						 

				ul#steps { margin:0px auto; }

					ul#steps li { 	list-style:none;
							float:left; }

					ul#steps li a { background: url(/Web/Damm/Images/Web/stepbg.png) no-repeat left top;
							padding:14px 0px 0px 0px;
			  	     		font: bold 12px Verdana, Arial, sans-serif;
			  				color:#bbe0e2;
							width:43px;
							height:28px;
							display:block;
							text-align:center;
							cursor:default;
							margin:-2px 0px 0px 0px; }

					ul#steps li a:hover { color:#bbe0e2;	
							      text-decoration:none; }

					a.nb { background: none;
							padding:3px 0px;
							width:50px;
							height:35px;
							float:left;  }
	
					ul#steps li a.active { 	background: url(/Web/Damm/Images/Web/activestepbg.png) no-repeat left top;
								color:#024a6a;  }

			div#column1rubrik {  display:block;
				     	  		 background: url(/Web/Damm/Images/Web/column1rubrik.png) repeat-x;
							     margin:0px 0px 0px 1px;
							     width:450px;
						   	     height:12px;
						   	     border-bottom: 1px solid #bee1e5;
							     text-align:center;							     
							     padding:10px 0px; }
							     
			div#column1rubrik h3 {display:inline; }

			div#column1content { display:block;
				     			 }

			div#column1content p {  display:block;
						margin:10px 0px; 
						color: #000;}

            div#column1content .regularContent p{ margin-left:10px; color:#000;}
            
            .regularContent h3{ font-size:22px; color:#000; text-transform:none; margin-bottom:15px; }
            
			.regularContent { padding:10px 20px 25px 20px;
			    }

            .largeLink {font-weight:bold; font-size:12px;}

			div#column1bottom { 
			         background: url(/Web/Damm/Images/Web/column1bottom2.png) no-repeat left bottom;
			  	     display:block;
				     float:left;
				     width:450px;
				     height:55px;
			         padding:0px 0px;
				     border-top: 1px solid #bee1e5;
					 margin:0px 0px -10px 0px;  }
			div#column1bottomnormal { background: url(/Web/Damm/Images/Web/column1bottom2.png) no-repeat left bottom;
			  	     display:block;
				     float:left;
				     width:450px;
				     height:186px;
			         padding:0px 0px;
			         padding-top:20px;
					 margin:0px 0px 0px 0px;
					 border-top: solid 1px #bee1e5; }
					 
			div#column1bottomnormal2 { background: url(/Web/Damm/Images/Web/column1bottom2.png) no-repeat left bottom;
			  	     display:block;
				     float:left;
				     width:450px;
				     height:10px;
			         padding:0px 0px;
			         padding-top:20px;
					 margin:0px 0px 0px 0px;
					 }					 
					 
			div#column1bottomnormal p {margin-left:20px}			 
			
				div#prev { display:block;
					   float:left;
				     	   width:210px;
					   padding:10px 10px 10px 3px; }

				div#next { display:block;
					 	   float:left;
				     	   width:217px;
					   	   padding:10px 10px 10px 0px;
					       text-align:right;  }

				div#column1bottom a { 	padding:5px 0px 0px 0px;
							font: 12px Verdana, Arial, sans-serif;
			  				color:#024a6a;
							text-transform:uppercase; }

				div#column1bottom a:hover { color:#024a6a;	
						   	    text-decoration:none; }
                                                       
				a.nb2 img {margin:0px 0px -12px 0px; }

.padding { padding: 15px 10px 15px 25px;}
.padding7 { padding: 15px 10px 15px 35px;}

.signature {font-weight:bold;}

table.radiobtn_list input
{
	float: left;
}

table.radiobtn_list label
{
    margin-top:-3px;
	margin-left:25px;
	margin-bottom:5px;	
	display:block;	
}

table.radiobtn_andra input
{
	float: left;
}

table.radiobtn_andra label
{
    margin-top:-3px;
	margin-left:25px;
	margin-bottom:5px;	
	display:block;	
}


.pktTextBox
{
    position:relative;
    top:-104px;
    left:160px;
}



/* ------------------------------------------------
	column 1 - step 4
-------------------------------------------------*/

			div.product { display:block;
				      float:left;
				      width:129px;
				      height:200px;
				      padding:10px;
				      border-bottom:1px solid #e9e9e9;
				      border-right:1px solid #e9e9e9; }

			div.productright { border-right:0px solid #e9e9e9;
				      	   width:130px; }

			div.product p { line-height:16px; }

				div.productimg { text-align:center;
						 border:1px solid #e9e9e9;
						 display:block;
						 width:128px;
						 height:88px;}




				span.pris { display:block;
					    float:left;
					    width:50px;
					    font-weight:bold;
					    }
                       
				span.add { display:block;
					   float:right;}

/* ------------------------------------------------
	column 1 - step 5
-------------------------------------------------*/

		div.ftproduct { background: #fff;
				border:1px solid #e9e9e9;
		  	     display:block;
				float:left;
				width:388px;
				padding:20px;
				margin:10px 0px 0px 10px;}

			div.ftproducttop { background: #fff url(/Web/Damm/Images/Web/ftproducttop.png) repeat-y left;
			  	           display:block;
					   float:left;
					   width:420px;
					   height:15px; }

			div.ftproduct h2 { padding:0px 15px; }

			div.ftproduct h3 { padding:0px 15px; }

			div.ftproduct p { font-size:11px;
					  padding:0px 15px; }

			div.ftproduct span { font-size:11px; }

			span.ftproductimg { float:left;
					    margin:10px 0px 0px 0px;
					    display:block;
					    width:200px;
					    text-align:center; }

			span.ftproducttxt { float:left;
					    margin:10px 0px 0px 0px;
					    display:block;
					    width:130px; }

			div.ftproductbottom { background: #fff url(/Web/Damm/Images/Web/ftproductbottom.png) repeat-y left;
			  	 		          display:block;
					   			  float:left;
								  width:420px;
								  height:15px;
								  margin:0px; }

/* ------------------------------------------------
	column 1 - step 6
-------------------------------------------------*/

	span.label { display:block;
		     float:left;
		     width:150px;
		     margin:2px -3px 2px 0px; }

	span.field { display:block;
		     float:left;
		     width:270px;
		     margin:2px -3px 2px 0px; }
		     
	span.sponsorField { display:block;
		     float:left;
		     width:200px;
		     margin:2px -3px 2px 0px; }

	span.annanlevadress { display:block;
		     float:left;
		     width:330px;
		     margin:2px 0px; }

	div.fields { display:block;
		     padding:10px 0px;}

/* ------------------------------------------------
	column 1 - step 7 - faktura
-------------------------------------------------*/

	#bestalltable { width:400px; }

/* ------------------------------------------------
	column 1 - step 7 - kontokort
-------------------------------------------------*/

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

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

/* ------------------------------------------------
	column 2
-------------------------------------------------*/

		div#column2 { 
		         background: #fff url(/Web/Damm/Images/Web/bluebg2.png) repeat-y left;
		  	     display:block;
			     float:left;
			     width:207px;
			     margin:-2px 0px 0px -1px; }

                #column2 h2 {margin-top: 8px;}
				#column2 table { display:block;
								 margin:10px 15px 0px 15px;
								 margin-right:5px;
						 		 color:#000; }
                #column2 #sumTable 
                {
                    margin:0px 1px 0px 1px;
                    background-color:#fff;
                    border-bottom:solid 1px #bee1e5;
					display:block;
                }
                
                #column2 #sumTable td
                {
                    padding: 0px 0px 0px 15px;                    
                    width:80px;                    
                }				
                
                #column2 #sumTable td .right
                {
                    padding-right: 10px;
                    width:15px;    
                    
                }
                
				#column2 td { font-size:11px; }

			div#column2top { background: url(/Web/Damm/Images/Web/kundvagntop.png) no-repeat left top;
			  	     	 display:block;
				     	 float:left;
				     	 width:208px;
				     	 height:29px;
						 margin:0px 0px 0px 0px; }
			div#column2topnormal { background: url(/Web/Damm/Images/Web/kundvagntop2.png) no-repeat left top;			            
			  	     	 display:block;
				     	 float:left;
				     	 width:208px;
				     	 height:29px; }						 

				div#column2top h2 { 
				                    padding: 0px 15px; }
			
			div#kundvagn { background: #fff url(/Web/Damm/Images/Web/bluebg2.png) repeat-y left;
		  	     	       display:block;
				       width:208px; }

			div.kundvagnitemfirst { background: url(/Web/Damm/Images/Web/kundvagnitem1.png) no-repeat left top;
			  	       	   display:block;
				     	   float:left;
				     	   width:206px; }
			div.toggler { background: url(/Web/Damm/Images/Web/kundvagnitem.png) no-repeat left top;
			  	      display:block;
				      float:left;
				      width:206px;
				      cursor:pointer; }

				div.toggler p { font: 11px Verdana, Arial, sans-serif; 
						color:#606060; }	

				div.pil { display:block;
					  float:left;
					  width:15px;
					  text-align:center; }

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

				div.togg { display:block;
					   float:left;
					   width:120px;
					   height:18px;
					   margin:2px 10px 0px 0px; }

					div.togg p { color:#606060;margin-top:0px; }

				div.togg2 { display:block;
					   float:left;
					   width:166px;
					   height:18px;
					   margin:0px 10px 0px 0px; }

					div.togg2 p { color:#000;margin-top:0px;  }

				div.ler  { display:block;
					   float:left;
					   width:45px;
					   height:18px;
					   text-align:right; }

					div.ler p { font: 11px Verdana, Arial, sans-serif; 
						     color:#606060; }

				div.ler a { font-size:11px; }

				div.toggler , div.kundvagnitemfirst h4 { padding:5px 4px; }
				div.kundvagnitemfirst p { padding:0px 15px; }


			div.accordion { display:block;
				     	   float:left;
				     	   width:206px;
				     	   color:#000; }

				div.accordion table, div.accordion tr, div.accordion td { font-size:11px;}
				div.accordion table {width: 180px;}
				div.accordion td.right {width: 108px;}


			div.kundvagnbottom { background: url(/Web/Damm/Images/Web/kundvagnitembottom.png) no-repeat left top;
			  	     	    	 display:block;
				     	   		 float:left;
				     	    	 width:208px;
				     	    	 height:11px;
					    		 margin:-8px 0px 0px 0px; 
					     		 color:#000;}

		.right { text-align:right; width:108px; }
        
        
        .linkColumn {
            background: #fff url(/Web/Damm/Images/Web/bluebg2.png) repeat-y left;}
        
        .link {margin-top:0px;
            margin-left:10px;
            margin-bottom:-2px;}
            
        a.smalltext {font-family:verdana, arial, helvetica;
                    font-size:10px;
                    color:#000;
                    margin:5px 0px -8px 0px;
					padding:0px;
					display:block;
                    line-height:10px;}
                    
        a.small {font-family:Verdana, Arial, helvetica;
                font-size:10px;
                margin-top:-8px;
                line-height:normal;
				display:block; }
            
        .link h3 {font-size:10px; 
                text-transform:uppercase;
                margin-bottom:-20px;}
/* ------------------------------------------------
	column 3
-------------------------------------------------*/

		div#column3 { display:block;
			      float:left;
			      width:261px;
			      text-align:center;
			      margin:20px 0px 0px 0px; }

		div#column3content { background: url(/Web/Damm/Images/Web/column3bg.png) repeat-y;
			      display:block;
			      float:left;
			      width:261px;
			      text-align:left; }

			div.par { 
					  float:right;
					  display:block;
					  width:143px;
					  height:106px;
					  margin:-30px -30px 0px 0px;
					  position:relative;
					  z-index:5000;
					  background:url('/Web/Damm/Images/Web/pelle.png') no-repeat 0px 0px; }

			div#column3top { background: url(/Web/Damm/Images/Web/column3top.png) no-repeat left top;
			  	     	 display:block;
				     	 float:left;
				     	 width:261px;
				     	 height:19px; }

			div#column3 h3 { padding:0px 25px; }
			div#column3 p { padding:10px 55px 10px 25px;
			                color: #024A6A;}

			div#column3bottom { background: url(/Web/Damm/Images/Web/column3bottom.png) no-repeat left top;
			  	     	 display:block;
				     	 float:left;
				     	 width:261px;
				     	 height:19px;
						 margin:0px 0px 0px 0px; }



div#right	{ float:left;
		  width:23px;
		  display:block;
		  margin:0px 0px;	}

#tblBags td {padding: 7px 15px 0px 0px;                
             font-weight: bold;
             font-size: smaller;
             border-right: solid 1px #BCE2E3;             
             text-align:left;
             width:90px;}
#tblBags2  {padding: 7px 15px 0px 0px;                
             font-weight: bold;
             font-size: smaller;
             text-align:left;
             width:85px;}

#tblBagsData td {padding: 7px 5px 0px 5px;                
                 font-size: smaller;
                 border-right: solid 1px #BCE2E3;
                 text-align:center;
                 width:40px}
                 
#tblBagsData2 {padding: 7px 5px 0px 5px;                
                 font-size: smaller;
                 border-right: solid 1px #BCE2E3;
                 text-align:center;
                 width:40px}
                 
.bagRadios {display:block;
            float:left;
            padding-bottom:0px;
            text-align:center;
            margin-left:0px;
            width:65px;}
            
.qualityCell {width:100px;
              padding-top:10px;}

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



div#bottom{ background: #dff2f2 url(/Web/Damm/Images/Web/bottom2.png) repeat-x;
	        width:992px;
	        display:block;
	        height:61px;
	        clear:both;
			margin:30px 0px 0px 0px;			
			}
	    
a.bottom{ color:#aaaaaa;}
/* ------------------------------------------------
	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:600px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 600px;
}