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


* {	
	margin: 0; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Asap', Arial, sans-serif;	
}

body {
	margin: 0px;
	padding: 0px;	
	text-align: center;
	margin:0px auto;
	color: #383129;
	font-size: 16px;
	line-height: 20px;
	background-color:#ffffff;
}

input, select {
	font-size: 14px;
}

h1 {
	color: #000000;
	font-size:32px;
	font-weight:600;
	line-height:38px;
	font-variant-ligatures: common-ligatures;
	margin:0px 0px 15px 0px;
	padding:0px;
}

h2 {
	color: #000000;
	font-size:26px;
	font-weight:bold;
	line-height:32px;
	font-variant-ligatures: common-ligatures;
	margin:0px 0px 15px 0px;
	padding:0px;
}

.produkt-rubrik {
	text-align:center;
}

p {
	padding:0px;
}

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

a:hover {
	text-decoration: underline;
	color: #333333;
}

.cp { cursor:pointer; }

.fakta ul {
list-style-type:none;
padding:0px;
margin:0px;
}

.fakta li {
padding:4px 0px;
color:#6f6f6f;
}

.prodbild {
width:auto;
height:auto;
max-height:400px;
}

.store-list {
	padding:0px;
	margin:0px;
	max-height:300px;
	overflow-y:scroll;
}

.store-list li {
	list-style-type:none;
	padding:5px;
	margin:0px;
	cursor:pointer;
	font-size:15px;
}

.store-list li:nth-child(odd) {
    background-color: #F0F0F0;
}
.store-list li:nth-child(even) {
    background-color: #FFFFFF;
}

.store-list li:hover {
	background:#901d2e;
	color:#ffffff;
}

.ProductExistsInStore {
	display:none;
}

.ProductDoesNotExistInStore {
	display:none;	
}

#message {
display:none;
position:fixed;
top:10px;
right:10px;
border-radius:10px;
background-color:#ffffff;
width:300px;
z-index:1000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(196,196,196,0.5);
-moz-box-shadow: 0px 1px 5px 0px rgba(196,196,196,0.5);
box-shadow: 0px 1px 5px 0px rgba(196,196,196,0.5);
padding:20px;
}

#orderForm {
background-color:#ffffff;
width:370px;
float:right;
text-align:left;
margin-right:40px;
padding:20px;
vertical-align: middle;
position: relative;
top: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);
/*
-ms-transform: translateY(calc(-50% - .5px));
-webkit-transform:  translateY(calc(-50% - .5px));
-moz-transform:  translateY(calc(-50% - .5px));
transform:  translateY(calc(-50% - .5px));
*/
-ms-transform: translateY(-50%);
-webkit-transform:  translateY(-50%);
-moz-transform:  translateY(-50%);
transform: translateY(-50%);
}

.input {
height:30px;
width:100%;
border:0px;
padding-left:5px;
background-color:#f3f3f3;
border-radius:2px;
color: #0e0e10;
}

.rounded-corners {
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
	border-radius:8px;
}

.button {
display:block;
background-color:#e87f25;
padding:10px;
border:0px;
color:#ffffff;
text-align:center;
font-weight:bold;
text-transform:uppercase;
font-size:16px;
cursor:pointer;
margin-top:10px;
text-decoration:none;
}

.bestall-button {
width:100%;
display:block;
background-color:#000000;
padding:10px;
border:0px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:15px;
color:#ffffff;
cursor:pointer;
margin-top:10px;
-webkit-appearance: none;
}

.bestall-button2 {
width:100%;
text-align:center;
display: inline-block;
padding: 15px 10px;
background-color: #FFFFFF;
color: #0e0e10;
border:2px solid #0e0e10;
border-radius: 2px;
font-size:18px;
cursor: pointer;
text-transform:uppercase;
font-weight:600;
}

.valgorenhet-wateraid {
	
	padding:20px 20px;
	border-radius:10px;
	border:1px solid #cccccc;
	
}

.quantity {
border: 0px none;
outline: medium none;
padding: 5px;
background-color: #f3f3f3;
color: #0e0e10;
border-radius: 2px;
width: 100%;
margin-bottom:5px;
}

.headline-liten {
display:none;
height:450px;
background-position: center;
background-size:cover;
background-repeat: no-repeat;
}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }

img { border:0px; }

/* DIVS */
#villkor { position:fixed; padding-top:20px; padding-bottom:20px; background-color:rgba(0, 0, 0, 0.7); top:0px; left:0px; bottom:0px; right:0px; z-index:99999999999999; overflow-y:scroll; display:none; }
	#villkorContent { color:#000000;margin:0 auto; text-align:left; width:70%; background-color:#FFFFFF; padding:1px 20px 20px 20px; }
		#villkorContent h1 { margin-top:20px; }
		#villkorContent h3 { margin-top:20px; }
		
.systembolag { display:none;}
.systembolag-content { color:#000000; text-align:left; padding:20px;}
	
.showbutiker { position:fixed; padding-top:20px; padding-bottom:20px; background-color:rgba(0, 0, 0, 0.7); top:0px; left:0px; bottom:0px; right:0px; z-index:99999999999; overflow-y:scroll; display:none;}
.showbutiker-content { color:#000000;margin:0px auto; text-align:left; width:90%; background-color:#FFFFFF; padding:20px;}
.showbutiker-logo {margin:20px 0px;text-align:center;}

.showbutiker2 { position:fixed; padding-top:20px; padding-bottom:20px; background-color:rgba(0, 0, 0, 0.7); top:0px; left:0px; bottom:0px; right:0px; z-index:99999999999; overflow-y:scroll; display:none;}
.showbutiker2-content { color:#000000;margin:0px auto; text-align:left; width:90%; background-color:#FFFFFF; padding:20px;}
.showbutiker2-logo {margin:20px 0px;text-align:center;}
	
.clear-ort {height:15px;display:none;position:relative;cursor:pointer;top:-29px;left:6px;}
	
.butiker-green {cursor:pointer;line-height:20px;padding:10px;font-size:16px;margin-bottom:15px;color:#4c932c;border:1px solid #4c932c;}	
	
.butiker {cursor:pointer;line-height:20px;padding:10px;font-size:16px;margin-bottom:15px;color:#b7173f;border:1px solid #b7173f;}

.butiker2 {line-height:20px;padding:10px;font-size:16px;margin-bottom:15px;color:#666666;border:1px solid #333333;}

.butiker-left {float:left;width:10%;margin-top:6px;}
.butiker-right {float:left;width:90%;font-size:16px;}

.telefon {line-height:20px;padding:10px;font-size:16px;margin-bottom:15px;color:#333333;border:1px solid #666666;}

.telefon-right {width:100%;}

#villkorLink { text-decoration:underline; cursor:pointer; }
		#chooseOneBottle { display:none; color:#ff8c8c; }
		
.wrapper {
margin:0px;
text-align:center;
padding:0px;
width:100%;
background-color:#ffffff;
}

.inner-wrapper {
margin:0px auto;
text-align:left;
max-width:920px;
padding:40px 0px 30px 0px;
}

.wrapper IMG {
width:auto;
max-width:100%;
height:auto;
}

.mellanrum {
margin:30px 0px;
}

#footer-wrap {
background-color:#414141;
}

#footer {
max-width:920px;
margin:0px auto;
padding:15px;
text-align:left;
color: #8a8a8a;
}

#footer ul {
list-style-type:none;
margin:0px auto;
max-width:270px;
padding:0px;
}

#footer li {
float:left;
width:32%;
margin-right:2%;
}

#footer li IMG {
width:100%;
height:auto;
}

#footer li:last-child {
margin-right:0px;
}

#footer a {
color: #e2e2e2;
text-decoration:none;
}

#footer p {
padding:2px 0px;
margin:0px;
}

.footer-copy {
margin:15px 0px !important;
text-align:center;
padding:15px 0px !important;
}

.footer-copy a {
text-decoration:none;
color:#666;
}

	#overLayer { 	
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 2000;
	}
			
	#overLayerContent { 
		width:400px;
		margin:0px auto;
		background-color:#ffffff;
		margin-top:100px;
		padding:20px;
		border-radius:5px;		
	}

/* MISC */
.dn { display:none; }
.w210 { width:210px; }
.mt20 { margin-top:20px; }
.p4-0 {padding:4px 0px;}
.p2-0 {padding:2px 0px;}


#header-utskick {
	width:auto;
	margin:0px auto;
	text-align:center;
	padding:20px 0px;
	height:175px;
	background-color:#e87f25;
}

.carina-left {
float:left;
width:calc((100% - 236px)/1);
}

.carina-left-inner {
background-color:#eeeeee;
padding:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.carina-middle {
margin-top:20px;
float:left;
text-align:right;
width:72px;
}

.carina-right {
float:left;width:164px;
}

.kalle-left {
float:left;
width:calc((100% - 293px)/1);
}

.kalle-left-inner {
background-color:#eeeeee;
padding:20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.kalle-middle {
margin-top:20px;
float:left;
text-align:right;
width:62px;
}

.kalle-right {
float:left;width:221px;padding-left:10px;
}

.produktinformation-left {
float:left;width:48%;margin-right:4%;text-align:center;
}

.produktinformation-right {
float:left;width:48%;
}

.headline {
	height:700px;
	background-position: center;
	background-repeat: no-repeat;
	width:100%;
	background-size:cover;
}

@media screen and (min-width: 2200px) {

.headline {
	background-size:cover;
}

}

@media screen and (max-width: 1100px) {

.butiker-left {height:28px;width:21px;margin-right:10px;margin-top:0px;}
.butiker-right {line-height:28px;}

.headline-liten {
display:block;
}

.valgorenhet-wateraid {
	
	padding:10px;
	border-radius:10px;
	border:1px solid #cccccc;
	
}

.valgorenhet-wateraid IMG {
	width:50%;
	max-width:250px;
	height:auto;
}

.headline {
background-image:none !important;
height:auto;
}

#orderForm {
width:100%;
float:none;
transform:none;
margin:0px;
height:auto;
position:static;
top:auto;
border-top:5px solid #000000;
border-bottom:5px solid #000000;
}

}

@media screen and (max-width: 940px) {

.inner-wrapper {
margin:0px auto;
text-align:left;
max-width:920px;
padding:15px;
}

.mellanrum {
margin:40px 0px;
}

.carina-middle {
display:none;
}

.carina-left {
float:none;
width:100%;
}

.carina-right {
float:none;width:auto;
text-align:left;
margin-top:20px;
margin-bottom:10px;
}

.kalle-middle {
display:none;
}

.kalle-left {
float:none;
width:100%;
}

.kalle-right {
float:none;width:auto;
text-align:left;
margin-top:20px;
margin-bottom:10px;
}

}

@media screen and (max-width: 500px) {

.headline-liten {
height:270px;
}

.butiker-left {height:28px;width:21px;margin-right:10px;margin-top:5px;}
.butiker-right {line-height:20px;}

iframe {
width:100% !important;
height:200px;
}

.produktinformation-left {
float:none;width:100%;text-align:center;
}

.produktinformation-right {
float:none;width:100%;text-align:left;margin-top:20px;
}

	#overLayerContent { 
		width:90%;
		margin:0px auto;
		margin-top:50px;	
	}

}