@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'DancingScriptOTRegular';
    src: url('DancingScript-Regular-webfont.eot');
    src: url('DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DancingScript-Regular-webfont.woff') format('woff'),
         url('DancingScript-Regular-webfont.ttf') format('truetype'),
         url('DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CallunaSansRegular';
    src: url('CallunaSansRegular-webfont.eot');
    src: url('CallunaSansRegular-webfont.eot?iefix') format('eot'),
         url('CallunaSansRegular-webfont.woff') format('woff'),
         url('CallunaSansRegular-webfont.ttf') format('truetype'),
         url('CallunaSansRegular-webfont.svg#webfontnehNrF5g') format('svg');
    font-weight: normal;
    font-style: normal;

}

 @font-face {
	 font-family: 'AlanaPRO-Bold';
	 src:	url('webfonts/eot/style_200432.eot?#iefix') format('embedded-opentype'),
	 		url('webfonts/woff/style_200432.woff') format('woff'),
	 		url('webfonts/ttf/style_200432.ttf') format('truetype'),
	 		url('webfonts/svg/style_200432.svg#AlanaPRO-Bold') format('svg');
	 
	 }


/*GENERAL*/
body { overflow:scroll; }
* { font-weight:normal ; }
strong { font-weight:bold !important; }
.bold { font-weight:bold; }
s { text-decoration:none; font-weight:bold; }
body, html { margin:0 0 10px; padding:0 0 10px; background: #f9f9f4 url(bkdg_main.jpg) no-repeat; font-family:CallunaSansRegular, Tahoma, Geneva, sans-serif;  }
body { background-position:center 340px;  }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; line-height:24px;  }
h1 { font-size:36px; color:#5595bc; margin-bottom:10px; line-height:42px; }
h2 { font-size:20px; color:#5595bc; margin-bottom:4px;}
h3 { font-size:18px; margin-bottom:7px;}
h4 { font-size:16px; margin-bottom:6px;}
h5 { font-size:14px; margin-bottom:5px;}
h6 { font-size:12px; margin-bottom:4px;}
p { margin:0; padding:0; line-height:20px; margin-bottom:6px; color:#474747; font-family:CallunaSansRegular, Tahoma, Geneva, sans-serif; text-align:left ;   }
a { color:rgba(85,149,187,0.9); text-decoration:none; border:none !important; }
a img { border:none; }
li:first-child a { color:#5595bc; }
p a:hover { position:relative; top:1px; color:#5595bc; list-style-type:circle !important;  }
div { border:0; margin:0; padding:0; min-width:40px; height:auto;  }
div.grid { margin:20px auto; width:960px !important; border:none; background: #f9f9f4; min-height:768px; }
* [onclick] { cursor:pointer; }
.clear { clear:both; height:80px; }
.clearfloat { clear:both; }
.karta h1, .karta h2, .karta h3, .karta h4, .karta h5, .karta h6 { margin-top:10px;}
.karta p span { color:#bbb; position:relative; top:10px; left:15px; }
.karta p { padding-bottom:10px; border-bottom:1px dotted #ccc; }
.left {  max-width:570px !important; min-width:20px !important; float:left; width:auto !important; height:60px; } .right {   max-width:570px !important; min-width:20px !important; float:right; }
table, table * { border:none; }
table * { padding:2px; }
.full { width:100% !important; margin:0; padding:0;  height:40px; overflow:visible; position:fixed; bottom:0;  }

div *{ background-color: rgba(46,150,240,0); border-radius:0;  }

/*HEADER*/

ul { background:none; }

div.header { clear:both; width:100%; min-height:128px; }
div.meny { float:right;max-width:960px; width:710px; margin:0; padding:0; }
div.header img { float:left; margin:0; padding:0;  }
div.header ul { min-width:40px; max-width:110px; float:right; list-style-type:none; font-size:14px; text-align:right; margin:0 0 0 10px; padding:0 0 0 10px; }
ul, ul * { background-color:rgba(36,132,188,0);}
div.header ul.hem { width:30px; }
div.header ul.hem li { width:30px; }
div.header ul li { min-width:30px; max-width:110px; text-transform:uppercase; font-size:11px; margin-bottom:4px; }
div.header ul li:first-child { color:#5595bb; margin:0 0 8px 0; font-size:16px; font-weight:bold; }
div.header ul:last-child { float:right; }

/*BILDSPEL*/

div.bildspel { clear:both;   margin:20px auto; position:relative;  max-height:430px; }
div.bildspel img.front { margin:0 auto; padding:4px; border:2px solid #a3cde7; width:948px; }
div.produkter div.bildspel ul.thumbs li img { width:140px; }
div.produkter div.bildspel ul.thumbs { float:none; }
div.bildspel h2 {  }

/*HUVUDYTA*/

div.main { clear:both;  width:100%; min-height:50px; overflow:visible;  }
div.main div:first-child { max-width:560px !important; min-width:40px;  float:left; padding-right:10px; overflow:visible;  }
div.main div { min-width:40px; max-width:340px !important; float:right; margin-right:10px; overflow:visible; }
div.main div:first-child  p { max-width:550px !important; padding-right:10px; overflow:visible;  }

div:empty { height:1px; margin:0; padding:0; overflow:visible; }
div:empty+div { margin:0; padding:0; overflow:visible; 	}

div.main h1 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, AlanaPRO-Bold, serif; padding-bottom:12px; margin-bottom:4px; }
div.main h2 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, AlanaPRO-Bold, serif; padding-bottom:2px; margin-bottom:4px; }
div.main p 	{ padding-bottom:16px; font-size:14px; }

/*FACEBOOK OCH ANDRA BILDLÄNKAR*/

img[src$="fb.png"] { width:25px; margin:40px 0 0; padding:0; position:relative; top:0; left:0; }
.main img { float:left; }
.nofloat { float:none !important; margin-bottom:4px; }
/*PRODUKTER*/
div.produkter { position:relative; }
div.produkter div.bildspel { width:960px; float:left; padding:0; }
div.produkter div.bildspel img { width:100%; }

/*OM OSS*/
div.omoss { position:relative; }
div.omoss div.bildspel { width:960px; float:left; padding:0; }
div.omoss div.bildspel img { width:100%; }
div.omoss div.bildspel ul.thumbs li img { width:140px; }
div.omoss div.bildspel ul.thumbs { float:right; }

/*FRÅGOR*/
div.fragor * { width:95% !important; }

/*KONTAKT*/
.kontaktsida {  }
.kontaktsida div {  }
.kontaktsida .main { overflow:visible !important;  padding-bottom:0px; }
.kontaktsida .main div:first-child { overflow:visible !important; margin-bottom:0px; padding-bottom:0px; min-height:40px;  }
.kontaktsida div.karta p, .kontaktsida div.karta h3  { margin-left:10px; }
.kontakt, iframe { margin:20px 0; width:948px; outline:1px solid #a3cde7; border:2px solid #fff; ; padding:4px; background: url(kontaktbkgd.jpg); background-size:100% auto; }
iframe { background:none !important; width:100%; height:380px; position:relative; left:1px; margin:0 !important; border:1px solid #a3cde7; padding:0 !important; position:relative; left:8px; }
small { position:relative; left:8px; }
.visitkort { width:516px; height:337px;  position:static; margin:60px auto 60px; padding:0; background:url(visitkort.png); background-size:100% auto; 	 }
img.fill { width:100% !important; height:auto; margin:0 auto 10px;  }
.visitkort p { font-size:18px; line-height:36px; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; }

.karta { max-height:440px !important; overflow:visible; }

/*FORMULÄR*/
.formular { max-width:700px !important; min-width:20px !important; padding:0 !important; margin:0 !important; overflow:visible; }
div.left { width:240px !important; }
.main div.first-child { width:auto !important; }
.formular p, .formular div { margin:0 !important; padding:0 !important; max-width:240px !important; }
input { 

 margin:0 0 10px !important;
  padding:0 0 4px; 
  border:2px solid #FFF;
   outline:1px solid #4885a2; 
   background:#F3F2E9; 
   color:rgba(100,155,191,0.9); 
   
	 min-width:220px; 
	 margin:0 auto 10px;
	  font-family:Georgia, "Times New Roman", Times, serif; 
	  position:relative; 
	  left:1px;
}
 select { 

 margin:0 0 10px !important;
  padding:0 0 4px; 
  border:2px solid #FFF;
   outline:1px solid #4885a2; 
   background:#F3F2E9; 
   color:rgba(100,155,191,0.9); 
    
	 min-width:220px; 
	 margin:0 auto 10px;
	  font-family:Georgia, "Times New Roman", Times, serif; 
	  position:relative; 
	  left:1px;
	   }
 textarea { 

 margin:0 0 10px !important;
  padding:0 0 4px; 
  border:2px solid #FFF;
   outline:1px solid #4885a2; 
   background:#F3F2E9; 
   color:rgba(100,155,191,0.9); 
 
	 min-width:220px; 
	 margin:0 auto 10px;
	  font-family:Georgia, "Times New Roman", Times, serif; 
	  position:relative; 
	  left:1px;
	   }
select  { color:#001; }
input.submit, input.reset { width:100px !important; max-width:100px !important; min-width:20px !important; float:left; margin:0 !important; padding:0 !important; overflow:visible; border-radius:10px;   }
input.submit { margin-right:5px !important; }
textarea { padding:5px; max-width:240px !important; }
input {  }
p+input, p+select, p+textarea { position:relative; top:0; min-height:10px; }
input:focus, select:focus, textarea:focus { border:2px solid #FFF; outline:1px solid #4885a2; color:#3D3C27; background: #F8F8F3; }
input:hover, select:hover, textarea:hover {  outline:1px dashed #600; color:#633; }
input:active { caption-side: left; }
/*::selection { background-color:#06c; color:#DAE1E4; }*/
/*SIDFOT*/

div.footer { width:100% !important;  background: #f9f9f4 url(line.jpg) center top no-repeat ; height:24px; position:fixed; bottom:0; left:0; margin:0 !important; padding:10px 0 0 !important; height:30px; overflow:visible; }
div.footer p { text-align:center; color:#5595bc; }
.footer div { position:relative;   overflow:visible; }
.footer div a img { position:absolute; right:0; top:0; width:10px; }

.adressfalt { width:580px; margin:0 auto; }
.adressfalt p { float:left; margin:7px; }