@font-face{
        font-family : 'BebasTypo-Normal';
		src:url('../fonts/BebasTypo-Normal.eot');
		src:url('../fonts/BebasTypo-Normal.eot?#iefix') format('embedded-opentype'),
			url('../fonts/BebasTypo-Normal.woff') format('woff'),
			url('../fonts/BebasTypo-Normal.ttf') format('truetype'),
			url('../fonts/BebasTypo-Normal.svg#BebasTypo-Normal') format('svg');
		
}
@font-face{
        font-family : 'Georgia-Normal';
		src:url('../fonts/Georgia-Normal.eot');
		src:url('../fonts/Georgia-Normal.eot?#iefix') format('embedded-opentype'),
        	url('../fonts/Georgia-Normal.woff') format('woff'),
			url('../fonts/Georgia-Normal.ttf') format('truetype'),
			url('../fonts/Georgia-Normal.svg#Georgia-Normal') format('svg');
		font-weight: normal;
		font-style: normal;
		font-variant:normal;
}
body{overflow-y:auto;overflow-x:hidden;background-color:#888;}

#backimg {position: fixed;top:0px;left:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;height:100%;width:100%;overflow:hidden;
	background-color:white;
	background: url(../pics/back-21.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
}
#backimgmask {z-index:2;position: fixed;top:0px;left:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;height:175px;width:100%;overflow:hidden;
	background-color:white;
	background: url(../pics/back-21.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
}
#backjul {position: fixed;top:0px;left:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;height:100%;width:100%;overflow:hidden;
	background-color:white;
	background: url(../pics/back-21.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
}
#backjulmask {z-index:2;position: fixed;top:0px;left:0px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;height:175px;width:100%;overflow:hidden;
	background-color:white;
	background: url(../pics/back-21.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
}
#boardtop{z-index:3;display: block;position:fixed;padding:0px;width:1035px;height:150px;margin:25px 0px 0px -520px;top:0;left:50%;opacity:0.7;background-color: #fff;}
#boardjul{z-index:3;display: block;position:fixed;padding:0px;width:1035px;height:150px;margin:25px 0px 0px -520px;top:0;left:50%;opacity: 0.7;background-color: #fff;}
#green{z-index:4;display:block;position:fixed;background-color:#acc435;width:1035px;height:44px;top:131px;margin-left:-520px;left:50%;}
#since{display:block;position:absolute;right:60px;bottom:43px;border:0px solid red;width:70px;}
#adress{display:block;position:absolute;right:150px;bottom:43px;border:0px solid red;width:325px;}
#innehall{z-index:1;display: block;position:absolute;padding:0px;width:1045px;height:auto;margin:25px 0px 0px -520px;top:155px;left:50%;border:solid 0px white;overflow-x:hidden;}
#kontakt{z-index:1;display: block;position:absolute;padding:0px;width:1045px;height:auto;margin:25px 0px 0px -520px;top:155px;left:50%;border:solid 1px red;overflow-x:hidden;}
#oss{z-index:1;display: block;position:absolute;padding:0px;width:1035px;margin:25px 0px 0px -520px;top:160px;left:50%;opacity:1;background-color: #fff;overflow:hidden;padding-bottom:50px;}
#board{display:block;position:relative;background: #ccc url("../pics/siluett1.svg") no-repeat -80px 0;background-size:auto 100%;width:100%;height:180px;top:0px;margin-bottom:50px;}
#rub{color:#fff; border:0px solid red;width:50%;bottom:-3px;position:absolute;left:55px;}
#rub p{font-family:'BebasTypo-Normal';font-weight:normal;font-style:normal;text-decoration:none;font-size:3em;line-height:1.1;text-align:left;color:#fff;text-indent:0px;margin:0px 0px 0px 0px;}

#spalt1, #spalt2{position:relative;display:inline-block;width:443px;margin:0;border:0px red solid;padding:0px 0 0px 55px;left:0;vertical-align:top;}
#spalt1 p, #spalt2 p{font-family:'Georgia-Normal';text-decoration:none;text-indent:0px;font-size:1.0em;line-height:1.4em;text-align:left;color:#000;margin-right:55px;}
#gftiles{background-color:#fff;position:relative;display:inline-block;margin:5px 10px 5px 0;float:none;cursor:pointer;padding:10px;width:179px;height:179px;}
#casetiles{background-color:#fff;position:relative;display:inline-block;margin:5px 10px 5px 0;float:none;cursor:pointer;padding:40px 0 0 0;width:179px;height:139px;border:10px solid #fff;}
#konttiles{background-color:#fff;position:relative;display:inline-block;margin:5px 10px 5px 0;float:none;cursor:pointer;padding:5px;width:189px;height:189px;}
#jultiles{background-color:#fff;position:relative;display:inline-block;margin:5px 10px 5px 0;float:none;padding:10px;width:179px;height:179px;}
#merinfo{position:absolute;background-color:#acc435;width:40px;height:40px;bottom:0px;right:45%;z-index:8;color:#fff;font-family:'BebasTypo-Normal';font-weight:normal;
font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.0;text-align:left;text-transform:uppercase;margin:5px;padding:5px;}
#puffboard{z-index:4;display: block;position:fixed;border:0px solid red;padding:0px;width:1035px;height:14px;margin:0px 0px 0px -520px;top:365px;left:50%;background-color:#be1825;}
#pufftext{z-index:3;display: block;position:fixed;border:0px solid red;padding:0px;width:1035px;height:14px;margin:0px 0px 0px -520px;top:379px;left:50%;color:#000;}
#pufftext p{text-align:right;padding:0 130px 0 0;margin:0;font-family:'BebasTypo-Normal';font-size:1em;top:0;line-height:1.0em;}
#puff{position:absolute;right:0px;top:0px;width:10px;height:10px;cursor:pointer;z-index:50;
		background: url(../pics/puff.png);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		-o-background-size:100% 100%;
		-moz-background-size:100% 100%;
		-webkit-background-size:100% 100%;

	}

#navruta{position:relative;display:inline-block;margin:5px 10px 5px 0;float:none;cursor:pointer;padding:10px;width:179px;height:179px;
	background: url(../pics/pil_white.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
	background-color:#333;}
#navruta img{position:relative;width:100%;display:none;}
#navrutajul{position:relative;display:inline-block;margin:5px 10px 5px 0;float:none;cursor:pointer;padding:10px;width:179px;height:179px;
	background: url(../pics/pyssel.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
	background-color:#4fa8c2;}
#navrutajul img{position:relative;width:100%;display:none;}
#navrutajul p{color:#fff;font-family:'BebasTypo-Normal';font-size:2em;}
#tomruta{background-color:#fff;position:relative;display:inline-block;margin:0;float:none;cursor:pointer;padding:0px;width:0px;height:0px;}
#illtiles{background-color:#fff;position:relative;display:inline-block;margin:5px 5px 0px 0;float:none;cursor:pointer;padding:5px;width:115px;height:115px;}
#gftilesbig{background-color:#acc435;position:relative;display:none;margin:0px 10px 5px 0;float:left;cursor:pointer;padding:0px;width:100%;height:100%;}
#konttilesbig{background-color:#acc435;position:relative;display:none;margin:0px 10px 5px 0;float:left;cursor:pointer;padding:0px;width:100%;height:100%;}
#illutilesbig{background-color:#acc435;position:relative;display:none;margin:0px 10px 5px 0;float:left;cursor:pointer;padding:0px;width:100%;height:100%;}
#biggerdisplay{background-color:#333;position:relative;display:inline-block;margin:5px 10px 5px 0;float:left;cursor:pointer;padding:10px;width:806px;height:806px;}
#julbigdisplay{background-color:#fff;position:relative;display:inline-block;margin:5px 10px 5px 0;float:left;cursor:pointer;padding:10px;width:806px;height:806px;}
#kontaktdisplay{background-color:#333;position:relative;display:inline-block;margin:5px 10px 5px 0;float:left;cursor:pointer;padding:10px;width:806px;height:388px;overflow:hidden;}
#illustrationdisplay{background-color:#333;position:relative;display:inline-block;margin:5px 5px 0px 0;float:left;cursor:pointer;padding:5px;width:765px;height:765px;}
.tilebig{border:solid 1px red;}
#gftiles img{position:relative;width:100%;}
#jultiles img{position:relative;width:100%;cursor:pointer;}

#konttiles img{position:absolute;width:45%;bottom:5px;right:5px;}
#illtiles img{position:relative;width:100%;}
#gftilesbig div{background-color:#333;}
#gftilesbig img{position:relative;width:100%;}
#illutilesbig div{background-color:#acc435;}
#illutilesbig img{position:relative;width:100%;}
#biggerdisplay div{background-color:#333;color:#fff;}
#biggerdisplay img{position:relative;width:100%;}
#kontaktdisplay div{background-color:#333;}
#konttilesbig div{background-color:#333;}
#konttilesbig img{position:relative;height:388px;right:0px;float:right;}
#illustrationdisplay div{background-color:#acc435;color:#fff;}
#illustrationdisplay img{position:relative;width:100%;}
#textruta{position:absolute;bottom:0px;width:180px;height:auto;background-color:#fff;}
#textrutajul{position:absolute;bottom:0px;width:100%;height:auto;background-color:#fff;display:none;}
#kalendermork,#kalendermellan,#kalenderljus,#kalendervit{position:absolute;top:10px;height:180px;width:180px;background-color:#365e7d;}
#kalendermellan{background-color:#4fa8c2;}
#kalenderljus{background-color:#98cbda;}
#kalendervit{background-color:#cce4ec;}
#textcase{position:relative;bottom:0px;width:180px;height:20px;display:inline-block;margin-left:5px;}
#textkont{position:relative;top:0px;width:180px;height:auto;background-color:#fff;left:0px;float:left;width:100%;}
#biggerdisplay #textruta{width:190px;}
#konttilesbig #textkont{width:50%;}
#Text{position:relative;display:inline-block;margin:3px;width:10px;height:10px;background-color:blue;z-index:4;}
#BildE{position:relative;display:inline-block;margin:3px;width:10px;height:10px;background-color:red;z-index:4;}
#storruta{position:absolute;bottom:0px;left:0px;width:100%;height:auto;overflow:hidden;display:none;border:0px solid red;}
#storrutajul{position:absolute;bottom:0px;left:0px;width:100%;height:auto;overflow:hidden;display:none;border:0px solid red;padding-bottom:50px;}
#bollruta{position:absolute;z-index:9;right:130px;bottom:10px;border:0px solid red;width:120px;height:20px;background-color:transparent!important;}
#boll1, #boll2, #boll3, #boll4{width:5px;height:5px;border:#fff solid 1px;position:relative;display:inline-block;float:right;margin-right:20px;background-color:#acc435;}
#extrabilder{position:absolute;top:0px;left:3px;height:15px;overflow:hidden;display:inline-block;border:0px solid red;}
#extrabilder p{color:#555;font-size:0.5em;line-height:0em;display:none;}
#antal{position:fixed;right:20px;top:20px;display:none;border:solid 1px red;}
#rutor{position:fixed;right:20px;top:40px;display:none;border:solid 1px red;}
#timme{position:fixed;right:20px;top:60px;display:none;border:solid 1px red;}
#kryss{width:22px;height:25px;position:absolute;top:0px;right:0px;border:solid 0px red;
	background: url(../pics/x.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
	background-color:#333;
	}

h3{position:fixed;z-index:5;display:none;}
h1 {font-family:'BebasTypo-Normal';font-weight:normal;font-style:normal;text-decoration:none;line-height:1.1;text-align:left;color:#000;text-indent:0px;margin:0px 0px 0px 0px;}
h1.logofont {font-size:5em;letter-spacing:-0.01em;}
h1.titel {font-size:1.1em;text-transform:uppercase;color:#000;margin:5px 5px 8px 0px;}
h1.julpyssel {font-size:2.5em;text-transform:uppercase;color:#fff;margin:50px 5px 15px 50px;}
p.jultext{font-family:'Georgia-Normal';text-decoration:none;text-indent:0px;font-size:1.5em;line-height:1.4em;text-align:left;color:#fff;margin:10px 50px 5px 50px;}
p.julrim{font-family:'Georgia-Normal';text-decoration:none;text-indent:0px;font-size:1.0em;line-height:1.4em;text-align:left;color:#fff;margin:10px 50px 5px 50px;}
h1.sifffalse {font-family:'Georgia-Normal';font-size:8em;text-transform:uppercase;color:#fff;margin:35px 7px 8px 0px;text-align:right;opacity:0.3;}
h1.siffnere,h1.siffmitt,h1.siffuppe,h1.siffstar,h1.siffstai {font-size:2em;line-height:0.5;text-transform:uppercase;color:#98cbda;margin:10px 5px 8px 0px;text-align:right;position:absolute;z-index:20;right:10px;}
h1.siffmitt {color:#4fa8c2;opacity:0.5;}
h1.siffuppe {color:#98cbda;}
h1.siffstar,h1.siffstai {color:#000;height:40px;width:40px;border:red 0px solid;margin:-15px -20px 0px 0px;padding:15px 20px 0 0;
	background: url(../pics/star.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:50px 50px;
	-o-background-size:50px 50px;
	-moz-background-size:50px 50px;
	-webkit-background-size:50px 50px;
	background-color:transparent;
	}
h1.siffstai{padding-right:12px;}
h1.siffdagens {font-family:'Georgia-Normal';font-size:8em;line-height:1.6em;text-transform:uppercase;color:#fff;margin:0px 0px 0px 0px;text-align:right;position:absolute;z-index:20;right:10px;width:179px;height:179px;padding-right:10px;
	background: url(../pics/lucka.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:auto;
	-o-background-size:auto;
	-moz-background-size:auto;
	-webkit-background-size:auto;
	background-color:transparent;
	cursor:pointer;
	}
h1.case {font-size:1.1em;text-transform:uppercase;color:#fff;margin:5px 5px 8px 0px;}
h1.person {font-size:1.2em;text-transform:uppercase;color:#000;margin:0px 0px 0px 0px;}
h1.grey {font-size:1.0em;text-transform:uppercase;color:#777;margin:0px 0px 0px 0px;}
#biggerdisplay h1{color:#fff;margin:5px 5px 2px 0px;}
#konttilesbig h1.person {color:#fff;font-size:2.5em;line-height:1.0em;margin-left:10px;}
#konttilesbig h1.grey {color:#ccc;font-size:1.5em;margin-left:10px;}
#textkont h1.grey a:link, a:hover, a:visited{color:#777;text-decoration:none;}
#konttilesbig h1.grey a:link, a:hover, a:visited{color:#ccc;text-decoration:none;}
h1.linkar {font-size:1.2em;text-transform:uppercase;color:#000;}
h1.linkar a {text-decoration:none; color:#888;}
h1.adr {font-size:1.2em;text-transform:uppercase;color:#000;}
h1.adr span{display:inline-block;}
h1.brodrubrik{font-size:1.5em;text-transform:uppercase;color:#000;margin:8px 0 -7px 0;}
h1.underlink {font-size:1.2em;text-transform:uppercase;text-indent:328px;margin-top:10px;cursor:pointer;}
span.symbol{color:#33b7c4;}
span.logoknip {letter-spacing:-0.05em;}
span.Graf:hover{color:#fff;}
span.Illu:hover{color:#fff;}
span.Prod:hover{color:#fff;}
span.Cases:hover{color:#fff;}
span.Graf{color:#888;margin:0 20px 0 0;}
span.Illu{color:#888;margin:0 20px 0 0;}
span.Prod{color:#888;margin:0 20px 0 0;}
span.Cases{color:#888;margin:0 20px 0 0;}
.Cases{display:inline-block;}
span.Red{color:#fff;margin:0 20px 0 0;}
.nummer{font-size:0.5em;color:red;position:absolute;bottom:0px;right:5px;z-index:5;display:none;}
.infotext{font-size:1.0em;color:#fff;position:absolute;bottom:0px;right:5px;margin:10px;z-index:9;}
.copytext{font-family:'BebasTypo-Normal';font-size:0.85em;background-color:#333;color:#fff;position:absolute;bottom:0px;right:0px;margin:5px;z-index:9;padding:3px 0 0 5px;}
p {font-family:'Georgia-Normal';text-decoration:none;text-indent:0px;font-size:1.0em;line-height:1.4em;text-align:left;color:#000;}
p.info{color:#000;font-size:1.0em;margin:10px 50px 5px 10px;}
#textrutajul .titel{margin:2px 0 5px 10px;font-size:1.2em;color:#fff;}
#storruta h1{margin:10px 0 10px 10px;font-size:1.3em;}
#storruta p{font-family:'Georgia-Normal';font-size:1.0em;color:#fff;}
#storruta p.info a:link, a:hover, a:visited{font-family:'BebasTypo-Normal';font-weight:normal;font-style:normal;color:#fff;text-decoration:none;}
#storrutajul p a:link, a:hover, a:visited{font-family:'BebasTypo-Normal';font-weight:normal;font-style:normal;color:#fff;text-decoration:none;}
#biggerdisplay #textruta{bottom:0px;
	background: url(../pics/text.png);
	background-position:center right+10px;
	background-repeat:no-repeat;
	background-size:15px 15px;
	-o-background-size:15px 15px;
	-moz-background-size:15px 15px;
	-webkit-background-size:15px 15px;
	background-color:#333;
	}
#biggerdisplay #storruta{bottom:0px;display:block;width:101%;
	background: url(../pics/x.png);
	background-position:top+6px right+6px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	-o-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-webkit-background-size:20px 20px;
	background-color:#333;
	}
#julbigdisplay #textrutajul{bottom:0px;
		background: url(../pics/text.png);
		background-position:center right+10px;
		background-repeat:no-repeat;
		background-size:15px 15px;
		-o-background-size:15px 15px;
		-moz-background-size:15px 15px;
		-webkit-background-size:15px 15px;
		background-color:#333;
	}
#julbigdisplay #storrutajul{bottom:0px;display:block;width:100%;
		background: url(../pics/x.png);
		background-position:top+6px right+6px;
		background-repeat:no-repeat;
		background-size:20px 20px;
		-o-background-size:20px 20px;
		-moz-background-size:20px 20px;
		-webkit-background-size:20px 20px;
		background-color:#333;
		}
#navruta div{background-color:#acc435;}
#Logo {display:inline-block;position:relative;border:0px #330022 solid;padding-top:22px;margin-left:55px;cursor:pointer;}
#knappar {display:inline-block;position:relative;border:0px red solid;}

/* IPHONE P */
@media screen and (min-width: 320px) {
	h3:after { content: url(../pics/iphoneP.png);}
	#boardtop{display: block;position:fixed;padding:0px;width:310px;height:95px;margin:0px 0px 0px -155px;top:0;left:50%;opacity:1;background-color: #fff;}
	#boardjul{display: block;position:fixed;padding:0px;width:310px;height:95px;margin:0px 0px 0px -155px;top:0;left:50%;opacity:1;background-color: #fff;}
	#puffboard{width:310px;margin:0px 0px 0px -155px;top:285px;}
	#pufftext{width:310px;margin:0px 0px 0px -155px;top:299px;}
	#pufftext p{padding:0 85px 0 0;font-size:1em;top:0;line-height:1.0em;}
	#puff{
			background-position:center center;
			background-repeat:no-repeat;
			background-size:50% 50%;
			-o-background-size:50% 50%;
			-moz-background-size:50% 50%;
			-webkit-background-size:50% 50%;

		}
	#green{display:block;position:fixed;background-color:#acc435;width:310px;height:30px;top:68px;margin-left:-155px;left:50%;}
	#since{display:none;}
	#adress{display:none;}
	h1.adr span{display:none;}
	#innehall{display: block;position:absolute;padding:5px 0;width:345px;height:auto;margin:25px 0px 0px -155px;top:70px;left:50%;border:solid 0px white;}
	#gftiles{width:290px;height:290px;}
	#illtiles{width:142px;height:142px;}
	#konttiles{width:140px;height:140px;}
	#jultiles{width:290px;height:290px;}
	h1.siffdagens{width:280px;height:290px;border:solid 0px red;
		background-size:290px 290px;
	-o-background-size:290px 290px;
	-moz-background-size:290px 290px;
	-webkit-background-size:290px 290px;}
	h1.julpyssel {font-size:1.0em;margin:40px 5px 15px 20px;}
	p.jultext{font-size:0.8em;line-height:1.2em;margin:10px 20px 5px 20px;}
	#kalendermork,#kalendermellan,#kalenderljus,#kalendervit{width:290px;height:290px;}
	#textkont{width:138px;}
	#navruta{width:290px;height:40px;
		background-size:15px 30px;
		-o-background-size:15px 30px;
		-moz-background-size:15px 30px;
		-webkit-background-size:15px 30px;
	}
	#navrutajul{width:290px;height:290px;
		background-size:100% 100%;
		-o-background-size:100% 100%;
		-moz-background-size:100% 100%;
		-webkit-background-size:100% 100%;
	}
	#navrutajul{display:none;}
	#storruta {height:auto;width:290px;overflow:scroll;}
	#storruta p{font-size:0.8em;}
	h1.logofont{font-size:3.5em;margin-top:9px;}
	h1.underlink{text-indent:20px;font-size:1.1em;margin-top:3px;}
	h1.grey {font-size:0.7em;}
	#textrutajul .titel{font-size:1.1em;}
	#kontaktdisplay{width:290px;height:140px;}
	#konttilesbig img{height:140px;}
	#konttilesbig h1.person {color:#fff;font-size:1.4em;margin-left:0px;}
	#konttilesbig h1.grey {color:#ccc;font-size:1.0em;margin-left:0px;}
	#Logo{margin-left:30px;padding-top:0px;}
	#backimg{display:none;}
	#backimgmask{height:130px;background-color:#888;display:none;}
	#backjulmask{height:130px;background-color:#888;display:none;}
	#julbigdisplay, #biggerdisplay{width:289px;height:289px;}
	#illustrationdisplay{width:299px;height:299px;}
	#oss{width:310px;margin:25px 0px 0px -155px;top:80px;}
	#board{background: #ccc url("../pics/siluett1.svg") no-repeat -640px 0;background-size:auto 100%;}
	#rub{width:70%;left:25px;}
	#rub p{font-size:2.0em;}
	#spalt1, #spalt2{width:290px;border:0px red solid;padding:0px 0 0px 30px;}
	#spalt1 p, #spalt2 p{font-size:1.0em;margin-right:30px;}
	#bollruta{right:160px;bottom:0px;}
}

/* IPHONE L */
@media screen and (min-width: 480px) and (min-device-width: 480px), screen and (device-height: 480px) and (device-width: 320px) and (width: 480px) and (max-height: 320px) {
	h3:after { content: url(../pics/iphoneL.png);}
	#boardtop{display: block;position:fixed;padding:0px;width:410px;height:130px;margin:0px 0px 0px -220px;top:0;left:50%;opacity:1;background-color: #fff;}
	#boardjul{display: block;position:fixed;padding:0px;width:410px;height:130px;margin:0px 0px 0px -220px;top:0;left:50%;opacity:1;background-color: #fff;}
	#puffboard{width:410px;margin:0px 0px 0px -220px;top:320px;}
	#pufftext{width:410px;margin:0px 0px 0px -220px;top:334px;}
	#pufftext p{padding:0 100px 0 0;font-size:1em;top:0;line-height:1.0em;}
	#puff{
			background-position:center center;
			background-repeat:no-repeat;
			background-size:70% 70%;
			-o-background-size:70% 70%;
			-moz-background-size:70% 70%;
			-webkit-background-size:70% 70%;

		}
	#green{display:block;position:fixed;background-color:#acc435;width:410px;height:45px;top:85px;margin-left:-220px;left:50%;}
	#since{display:none;}
	#adress{display:none;}
	h1.adr span{display:none;}
	#innehall{display: block;position:absolute;padding:5px 0;width:445px;height:auto;margin:25px 0px 0px -220px;top:105px;left:50%;border:solid 0px white;}
	#gftiles{width:180px;height:180px;}
	#illtiles{width:89px;height:89px;}
	#konttiles{width:190px;height:190px;}
	#jultiles{width:179px;height:179px;}
	h1.siffdagens{width:180px;height:180px;border:solid 0px red;
		background-size:180px 180px;
	-o-background-size:180px 180px;
	-moz-background-size:180px 180px;
	-webkit-background-size:180px 180px;}
	#kalendermork,#kalendermellan,#kalenderljus,#kalendervit{width:179px;height:179px;}
	#textkont{width:180px;}
	#navrutajul, #navruta{width:179px;height:179px;float:left;
		background-size:auto;
		-o-background-size:auto;
		-moz-background-size:auto;
		-webkit-background-size:auto;
	}
	#storruta {height:auto;width:390px;overflow:scroll;}
	#storruta p{font-size:1.0em;}
	h1.logofont{font-size:4em;margin-top:18px;}
	h1.underlink{text-indent:50px;font-size:1.2em;margin-top:10px;}
	h1.grey {font-size:1.0em;}
	#textrutajul .titel{font-size:1.2em;}
	#Logo{margin-left:50px;padding-top:0px;}
	#backimg{display:none;}
	#backimgmask{height:130px;display:none;}
	#backjulmask{height:130px;display:none;}
	#julbigdisplay, #biggerdisplay{width:390px;height:390px;}
	#illustrationdisplay{width:297px;height:297px;}
	#kontaktdisplay{width:390px;height:190px;}
	#konttilesbig img{height:190px;}
	#konttilesbig h1.person {color:#fff;font-size:1.8em;margin-left:0px;}
	#konttilesbig h1.grey {color:#ccc;font-size:1.2em;margin-left:0px;}
	#oss{width:410px;margin:25px 0px 0px -220px;top:115px;}
	#board{background: #ccc url("../pics/siluett1.svg") no-repeat -510px 0;background-size:auto 100%;}
	#rub{width:70%;left:55px;}
	#rub p{font-size:2.5em;}
	#spalt1, #spalt2{width:350px;border:0px red solid;padding:0px 0 0px 55px;}
	#spalt1 p, #spalt2 p{font-size:1.0em;margin-right:55px;}
	#bollruta{right:235px;bottom:0px;}
}

/* IPAD P */
@media screen and (min-width: 768px) {
	h3:after { content: url(../pics/ipadP.png);}
	#boardtop{display: block;position:fixed;padding:0px;width:620px;height:150px;margin:25px 0px 0px -320px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	#boardjul{display: block;position:fixed;padding:0px;width:620px;height:150px;margin:25px 0px 0px -320px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	#puffboard{width:620px;margin:0px 0px 0px -320px;top:365px;}
	#pufftext{width:620px;margin:0px 0px 0px -320px;top:379px;}
	#pufftext p{padding:0 110px 0 0;font-size:1em;top:0;line-height:1.0em;}
	#puff{
			background-position:center center;
			background-repeat:no-repeat;
			background-size:80% 80%;
			-o-background-size:80% 80%;
			-moz-background-size:80% 80%;
			-webkit-background-size:80% 80%;

		}
	#green{display:block;position:fixed;background-color:#acc435;width:620px;height:44px;top:131px;margin-left:-320px;left:50%;}
	#since{display:block;}
	h1.adr span{display:none;}
	#adress{display:none;}
	#innehall{display: block;position:absolute;padding:0px;width:645px;height:auto;margin:25px 0px 0px -320px;top:155px;left:50%;border:solid 0px white;}
	#storruta {width:100%;height:auto;}
	h1.logofont{font-size:5em;margin-top:0px;}
	h1.underlink{text-indent:211px;}
	h1.julpyssel {font-size:1.8em;margin:40px 5px 15px 40px;}
	p.jultext{font-size:1.4em;line-height:1.4em;margin:10px 40px 5px 40px;}
	#Logo{margin-left:55px;padding-top:22px;}
	#backimg{display:block;}
	#backimgmask{height:175px;display:block;}
	#backjulmask{height:175px;display:block;}
	#julbigdisplay, #biggerdisplay{width:600px;height:600px;}
	#kontaktdisplay{width:390px;height:179px;}
	#konttilesbig img{height:180px;}
	#konttilesbig h1.person {color:#fff;font-size:1.8em;margin-left:0px;}
	#konttilesbig h1.grey {color:#ccc;font-size:1.2em;margin-left:0px;}
	#illtiles{width:141px;height:141px;}
	#konttiles{width:190px;height:190px;}
	#illustrationdisplay{width:453px;height:453px;}
	#oss{width:620px;margin:25px 0px 0px -320px;top:160px;}
	#board{background: #ccc url("../pics/siluett1.svg") no-repeat -375px 0;background-size:auto 100%;}
	#rub{width:60%;left:55px;}
	#rub p{font-size:3em;}
	#spalt1, #spalt2{width:450px;border:0px red solid;padding:0px 0 0px 55px;}
	#spalt1 p, #spalt2 p{font-size:1.0em;margin-right:55px;}
}

/* SCREEN S */
@media screen and (min-width: 992px) and (min-device-width: 992px), screen and (device-height: 1024px) and (device-width: 768px) and (width: 1024px) and (max-height: 768px) {
	h3:after { content: url(../pics/screenB.png);}
	#boardtop{display: block;position:fixed;padding:0px;width:829px;height:150px;margin:25px 0px 0px -420px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	#boardjul{display: block;position:fixed;padding:0px;width:829px;height:150px;margin:25px 0px 0px -420px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	#puffboard{width:829px;margin:0px 0px 0px -420px;top:365px;}
	#pufftext{width:829px;margin:0px 0px 0px -420px;top:379px;}
	#pufftext p{padding:0 120px 0 0;font-size:1em;top:0;line-height:1.0em;}
	#puff{
			background-position:center center;
			background-repeat:no-repeat;
			background-size:90% 90%;
			-o-background-size:90% 90%;
			-moz-background-size:90% 90%;
			-webkit-background-size:90% 90%;

		}
	#green{display:block;position:fixed;background-color:#acc435;width:829px;height:44px;top:131px;margin-left:-420px;left:50%;}
	#since{display:block;}
	#adress{display:block;position:absolute;right:45px;bottom:43px;border:0px solid red;width:325px;}
	h1.adr span{display:none;}
	#innehall{display: block;position:absolute;padding:0px;width:845px;height:auto;margin:25px 0px 0px -420px;top:155px;left:50%;border:solid 0px white;}
	#backimgmask{height:175px;}
	#backjulmask{height:175px;}
	#gftiles{width:180px;height:180px;}
	#illtiles{width:124px;height:124px;}
	#navrutajul, #navruta{width:180px;height:180px;}
	h1.underlink{text-indent:328px;}
	#julbigdisplay, #biggerdisplay{width:598px;height:598px;}
	#kontaktdisplay{width:599px;height:389px;}
	#konttilesbig img{height:388px;}
	#konttilesbig #textkont{width:25%;}
	#konttilesbig h1.person {color:#fff;font-size:2.1em;margin-left:5px;}
	#konttilesbig h1.grey {color:#ccc;font-size:1.4em;margin-left:5px;}
	#illustrationdisplay{width:680px;height:680px;}
	#oss{width:829px;margin:25px 0px 0px -420px;top:160px;}
	#board{background: #ccc url("../pics/siluett1.svg") no-repeat -270px 0;background-size:auto 100%;}
	#rub{width:60%;left:55px;}
	#rub p{font-size:3em;}
	#spalt1, #spalt2{width:355px;border:0px red solid;padding:0px 0 0px 55px;}
	#spalt1 p, #spalt2 p{font-size:1.0em;margin-right:55px;}
	#bollruta{right:130px;bottom:0px;}
}

/* IPAD L */
@media screen and (min-width: 1024px) and (min-device-width: 1024px), screen and (device-height: 1024px) and (device-width: 768px) and (width: 1024px) and (max-height: 768px) {
	h3:after { content: url(../pics/ipadL.png);}
	boardtop{display: block;position:fixed;padding:0px;width:827px;height:150px;margin:25px 0px 0px -420px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	boardjul{display: block;position:fixed;padding:0px;width:827px;height:150px;margin:25px 0px 0px -420px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	#green{display:block;position:fixed;background-color:#acc435;width:827px;height:44px;top:131px;margin-left:-420px;left:50%;}
	#since{display:block;}
	#adress{display:block;position:absolute;right:45px;bottom:43px;border:0px solid red;width:325px;}
	h1.adr span{display:none;}
	#innehall{display: block;position:absolute;padding:0px;width:845px;height:auto;margin:25px 0px 0px -420px;top:155px;left:50%;border:solid 0px white;}
	#backimgmask{height:175px;}
	#backjulmask{height:175px;}
	#oss{width:829px;margin:25px 0px 0px -420px;top:160px;}
	#board{background: #ccc url("../pics/siluett1.svg") no-repeat -270px 0;background-size:auto 100%;}
	#rub{width:60%;left:55px;}
	#rub p{font-size:3em;}
	#spalt1, #spalt2{width:355px;border:0px red solid;padding:0px 0 0px 55px;}
	#spalt1 p, #spalt2 p{font-size:1.0em;margin-right:55px;}
}

/* SCREEN B */
@media screen and (min-width: 1200px) {
	h3:after { content: url(../pics/screenB.png);}
	#boardtop{display: block;position:fixed;padding:0px;width:1035px;height:150px;margin:25px 0px 0px -520px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	#boardjul{display: block;position:fixed;padding:0px;width:1035px;height:150px;margin:25px 0px 0px -520px;top:0;left:50%;opacity:0.7;background-color: #fff;}
	#puffboard{width:1035px;height:14px;margin:0px 0px 0px -520px;top:365px;}
	#pufftext{width:1035px;height:14px;margin:0px 0px 0px -520px;top:379px;}
	#pufftext p{padding:0 130px 0 0;font-size:1em;top:0;line-height:1.0em;}
	#puff{
			background-size:100% 100%;
			-o-background-size:100% 100%;
			-moz-background-size:100% 100%;
			-webkit-background-size:100% 100%;

		}
	#green{display:block;position:fixed;background-color:#acc435;width:1035px;height:44px;top:131px;margin-left:-520px;left:50%;}
	#since{display:block;}
	#adress{display:block;position:absolute;right:150px;bottom:43px;border:0px solid red;width:325px;}
	#innehall{display: block;position:absolute;padding:0px;width:1045px;height:auto;margin:25px 0px 0px -520px;top:155px;left:50%;border:solid 0px white;}
	#gftiles{width:179px;height:179px;}
	#navrutajul, #navruta{width:179px;height:179px;}
	h1.underlink{text-indent:328px;}
	h1.adr span{display:inline-block;}
	#julbigdisplay, #biggerdisplay{width:806px;height:806px;}
	#kontaktdisplay{width:806px;height:388px;}
	#konttilesbig #textkont{width:50%;}
	h1.julpyssel {font-size:2.5em;margin:50px 5px 15px 50px;}
	p.jultext{font-size:1.5em;line-height:1.4em;margin:10px 50px 5px 50px;}
	#konttilesbig h1.person {color:#fff;font-size:2.5em;margin-left:10px;}
	#konttilesbig h1.grey {color:#ccc;font-size:1.5em;margin-left:10px;}
	#backimgmask{height:175px;}
	#backjulmask{height:175px;}
	#illustrationdisplay{width:765px;height:765px;}
	#konttiles{width:189px;height:189px;}
	#illtiles{width:115px;height:115px;}
	#navruta{width:179px;height:179px;}
	#oss{width:1035px;margin:25px 0px 0px -520px;top:160px;}
	#board{background: #ccc url("../pics/siluett1.svg") no-repeat -80px 0;background-size:auto 100%;}
	#rub{width:50%;left:55px;}
	#rub p{font-size:3em;}
	#spalt1, #spalt2{width:443px;border:0px red solid;padding:0px 0 0px 55px;}
	#spalt1 p, #spalt2 p{font-size:1.0em;margin-right:55px;}
}