@charset "UTF-8";

/* 
Client: NordiCold
Author: Wonderbrand AB
Last changed: 2009-11-20
*/


/* --------------------- Undo default styling --------------------- */

/* remove inconsistent default padding and margin  */
* { margin: 0; padding: 0; }

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:inherit;font-size:100%;font-family:Arial, Helvetica, sans-serif;vertical-align:baseline;line-height:130%;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img, :link img, :visited img { border: none; }

html, body { height: 100%; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }

address { font-style:normal } /* de-italicize address */

.hide {
text-indent: -9999px;
height: 1px;
font-size: 1px;
line-height: 1px;
padding: 0;
margin: 0;
background: none;
}

.dnone { display:none;}

.clearfix{display:inline-block;}
.clearfix:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}





/*-------------------------------------------+
|          	    	TYPOGRAFI	   		     |
+-------------------------------------------*/
body{
	background-color: #ccc;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #707173;
	background-image: url(/assets/img/background_pattern2.png);
	background-repeat: repeat-x;
}

h1, h2, h3, h4, h5, h6, p, blockquote {font-size:1em; margin-bottom:1.4em; font-weight:normal;}
h1, h2, h3, h4, h5, h6, label {
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4e4e;
}

h1 { font-size: 1.8em; margin-top:0.5em; margin-bottom: 0.3em; }
h2 { font-size: 1.5em; margin-bottom: 0.3em; line-height:1.1em; }
h3 { font-size: 1em; margin-top:1.5em; line-height: normal; margin-bottom: 0.4em;  }
h4 { font-size: 1em; }
h5 { font-size: 1.3em; margin-bottom: 0; font-weight:bold; }
h6 { font-size: 1em; margin-bottom: 1em; }






.faqrubrik { font-size: 1em; font-family:Arial, Helvetica, sans-serif; color:#4e4e4e;}


.Kontakt_rubrik { color: #707173; font-size: 1em; margin-top:1.5em; line-height: normal; margin-bottom: 0.4em; 	font-family: Arial, Helvetica, sans-serif; }


p {
	margin: 0 0 0.9em;
	font-size: 0.8em;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4e4e;
}
p.last      { margin-bottom: 0; }

a:link, a:visited { color:#4e4e4e; text-decoration: none; }
a:hover, a:active, a:focus { color:#3399cc; text-decoration: none; border:0; font-weight: bold; }

.faqlink { margin: 0 0 0.9em; font-size: 0.7em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; color:#4e4e4e;}

blockquote, cite { font-family:Georgia,Times,serif; font-size:1.3em; line-height:1.5em; color:#4D4237; }
blockquote { text-indent:-0.25em; }
cite { font-style:italic; font-size:1.1em;}

#maincontent blockquote, #maincontent cite { font-size:1.5em; margin:0; padding:0; }

blockquote:before { content: "“"; }
blockquote:after { content: "”"; }

abbr,acronym {border-bottom:1px dotted #666;}



/* Use this to create a horizontal ruler across a column. */
hr{background:#e9e9e9;
color:#e9e9e9;
clear:both;
float:none;
width:100%;
height:1px; 
border:none;
margin:0.8em 0 0.8em 0;
}
hr.space{background:#fff;color:#fff;}



ul{
	list-style-type: none;
}
li{
	list-style-type: none;
	font-size: 0.8em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif; color:#4e4e4e;
}


.p_small {

	font-size: 0.5em;
	font-family:Arial, Helvetica, sans-serif;
	color:#4e4e4e;
}


/*-------------------------------------------+
|          	    	LAYOUT	   		     |
+-------------------------------------------*/


#pagewrapper{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #fff;
	padding: 15px;
	margin-top:15px;
	height: auto;
}
#header{
	width: 960px;
	height: 150px;
	clear:both;
	padding: 0px;
}

#country_box a.active{
	/*border: 2px dotted #000;*/
}





#logo{
	width: 960px;
	height: 150px;
	color: #000;
}
#acrobat_box{
	float: left;
	height: 32px;
	width: 260px;
	background-color: #fff;
	color:#444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	vertical-align: middle;
}


#acrobat_ikon{
	float: right;
	height: 32px;
	width: 120px;
	background-color: #fff;
	color:#444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	vertical-align: middle;
}

#acrobat_text{
	float: left;
	height: 32px;
	width: 140px;
	background-color: #fff;
	color:#444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	vertical-align: middle;
}


#footer{
	width: 960px;
	height: 60px;
	background-color: #fff;
	color: #fff;
	margin-bottom:0px;
	clear: both;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	vertical-align: middle;
	padding-top:15px;
	background-image: url(../img/footer_bg.png);
	background-repeat: repeat-x;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 15px;
}


#content{
	width: 690px;
	background-color: #fff;
	color: #000;
	height: auto;
	background-image: url(../img/menyskugga.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-top:15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#topbilder{
	width: 700px;
	height: 280px;
	float: left;
	color: #000;
	background-color: #d8c294;
	margin:0px 0px 15px 0;
	clear: right;
}

#maincondent_index{
	width: 440px;
	float: left;
	color: #000;
	margin-right:30px;
	margin-left: 35px;	
	
}
#maincondent_second{
	width: 220px;
	float: right;
	color: #000;
	clear: right;
	margin-top:15px;
	
}

#mallcontent{
	width: 380px;
	float: left;
	color: #000;
}

#maincontent{
	width: 400px;
	float: left;
	color: #000;
	height: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#maincontent_produkt{
	width: 350px;
	float: left;
	color: #000;
	height: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#maincontent_kontakt{
	width: 640px;
	float: left;
	color: #000;
	height: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.table_kontakt  {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 600px;
	text-align: left;
	vertical-align: text-top;	

}


.table_kontakt img {
	text-align: left;
	vertical-align: text-top;
	margin:0;
	padding:0;	

}

#second_content_textbild {
	width: 230px;
	height: auto;
	float: right;
	color: #000;
	margin-top:15px;		
}

#second_content_index {
	width: 230px;
	height: auto;
	float: right;
	color: #000;
	margin-top:15px;		
}

#second_content_produkt{
	width: 300px;
	float: right;
	color: #000;
	padding-top:30px;
	text-align: center;
	border-left: 1px solid #e9e9e9;
	
	
}

#second_content_produkt_docs{
	width: 270px;
	float: right;
	color: #000;
	text-align: left;
	border-top: 1px solid #e9e9e9;
	padding:0 10px 10px 10px;
	margin-bottom:15px;
	
}









.puffrubrik {
	font-size: 1.0em;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#3399cc;
	text-align: left;
	margin-bottom:10px;
}


#puffar {
	width: 690px;
	height: auto;
	float: left;
	color: #000;
	background-color: #fff;
	clear: none;
	margin: 0px;
}
#puff_stor {
	width: 400px;
	height: 130px;
	float: left;
	color: #333333;
	background-color: #fff;
	background-image: url(../img/pyff_bg.jpg);
	margin-top: 15px;
	padding: 15px;
	margin-bottom: 15px;
}

#puff1{
	width: 125px;
	height: 130px;
	float: left;
	color: #333333;
	background-color: #fff;
	background-image: url(../img/pyff_bg.jpg);
	margin-top: 20px;
	margin-right: 15px;
	padding: 15px;

}

#puff2{
	width: 125px;
	height: 130px;
	float: left;
	color: #333333;
	background-color: #fff;
	background-image: url(../img/pyff_bg.jpg);
	margin-top: 20px;
	margin-right: 15px;
	padding: 15px;

}

#puff3{
	width: 125px;
	height: 130px;
	float: right;
	color: #333333;
	background-color: #fff;
	background-image: url(../img/pyff_bg.jpg);
	margin-top: 20px;
	padding: 15px;
	margin-right: 19px;

}


#puff4 {
	width: 120px;
	height: 130px;
	float: right;
	color: #333333;
	background-color: #fff;
	background-image: url(../img/pyff_bg.jpg);
	margin-top: 15px;
	padding: 15px;
	margin-bottom: 15px;
}


#pufftextruta{
	width: 100%;
	height: 100px;
	float: right;
	color: #000;
	margin-top: 0;
	padding: 0;

}



#puff_knapp{
	width: 100px;
	height: 30px;
	padding:0px;
	float: left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	vertical-align: bottom;
}

#paketlista{
	width: 700px;
	float: left;
	clear: both;
	margin:0px 0 0px 0;
	border-bottom:1px solid #ddd;
}
#paketbild{
	width: 220px;
	height:165px;
	float: left;
	margin: 15px 30px 15px 0;
}

#pakettext{
	width: 450px;
	height:160px;
	float: right;
}

#pakettext{
	width: 450px;
	height:160px;
	float: right;
}

.formbtn, a.btn:link, a.btn:visited {
width: auto;
background: #f05f2e url(../img/bg_btn.gif) bottom left repeat-x;
padding: 5px 10px;
text-decoration: none;
color: #fff;
font-size: 0.7em;
font-weight:bold;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 

}

.formbtn:hover, .formbtn:active, .formbtn:focus,
a.btn:hover, a.btn:active, a.btn:focus {
background-image: none;
background-color: #c85129;
-webkit-box-shadow: none;
box-shadow: none;
}


#nyhetcontent{
	width: 480px;
	float: left;
	color: #000;
	margin-right:30px;
	padding-right:15px;
	border-right: 1px dotted #ccc;
	
}

#nyhetsdelare{
	width: 480px;
	float: left;
	color: #000;
	margin-bottom:0px;
	margin-top:0px;
	
}

.nyhet_datum
{float: left;
	width: 480px;
	font-size:0.9em;
	line-height:1.8em;
	color: #4e4e4e;
	margin-bottom:15px;
}

#nyhet_second_content{
	width: 170px;
	float: right;
	color: #000;
	clear: right;
}


#nyhets_arkiv{
	width: 170px;
	float: right;
	color: #000;
	clear: right;
	padding-right:15px;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom: 1px solid #ccc;
}
