@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: 'OmnesRegular-Roman';
	src: url('../fonts/OmnesRegular-Roman.eot');
	src: local('☺'), url('../fonts/OmnesRegular-Roman.woff') format('woff'), url('../fonts/OmnesRegular-Roman.ttf') format('truetype'), url('../fonts/OmnesRegular-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OmnesRegular-Bold';
	src: url('../fonts/OmnesRegular-Roman.eot');
	src: local('☺'), url('../fonts/OmnesRegular-Roman.woff') format('woff'), url('../fonts/OmnesRegular-Roman.ttf') format('truetype'), url('../fonts/OmnesRegular-Roman.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
body{overflow-y:auto;overflow-x:hidden;background-color:#f9f9f9;margin:0;padding:0;}
#bearbetar{color:red;font-size:1.0em;position:fixed;bottom:25px;left:10px;z-index:100;display:none;}
#siffror{color:red;font-size:1.0em;position:fixed;bottom:10px;left:10px;z-index:100;display:none;}
#introstart{background-color:#009036;position:fixed;width:100%;height:100%;z-index:20;cursor:pointer;}
#titel{width:60%;height:60%;border:0px solid red;margin:10% 20% 20% 20%;
	background: url(../pics/titel23_2-0.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	-o-background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	}
#play{width:10%;height:auto;position:fixed;bottom:10px;right:10px;}
#play img{width:100%;height:100%;}
#whitedubbel{background-color:#ffffff;z-index:0;display:none;float:left;overflow-x:hidden;overflow-y:scroll;
	-moz-box-shadow:inset 0 0 3px #555;
	-webkit-box-shadow:inset 0 0 3px #555;
	box-shadow:inset 0 0 3px #555;
}

div[id^="red"]{background-color:#be2d6f;z-index:7;}
div[id^="dblue"]{background-color:#2e4c7b;z-index:6;}
div[id^="blue"]{background-color:#64a6dd;z-index:5;}
div[id^="green"]{background-color:#8ea32e;z-index:4;}
div[id^="dgreen"]{background-color:#1E7D4C;z-index:8;}
div[id^="lila"]{background-color:#5a3a8a;z-index:8;}
div[id^="orange"]{background-color:#cd9100;z-index:8;}
.storred{background-color:#be2d6f;}
.stordblue{background-color:#2e4c7b;}
.storblue{background-color:#64a6dd;}
.storgreen{background-color:#8ea32e;}
.stordgreen{background-color:#1E7D4C;}
.storlila{background-color:#5a3a8a;}
.stororange{background-color:#cd9100;}
div[class^="stor"]{margin:20px;}
.foto{width:100%;height:300px;border:solid red 0px;overflow:hidden;margin-top:20px;}
.foto img{}
#grey1{background-color:#ededec;z-index:3;}
#grey2{background-color:#dadada;z-index:2;}
#grey3{background-color:#b2b2b2;z-index:1;}


#bakgr{z-index:1;display: block;position:absolute;padding:0px;width:635px;height:auto;margin:0px 0px 0px -317px;top:50px;left:50%;border:solid 0px red;overflow-x:hidden;
	-moz-box-shadow:0px 0px 1px #555;
	-webkit-box-shadow:0px 0px 1px #555;
	box-shadow:0px 0px 1px #555;display:none;}
#innehall{z-index:1;display: block;position:absolute;padding:0px;width:635px;height:auto;margin:0px 0px 0px -317px;top:50px;left:50%;border:solid 1px yellow;overflow-x:visible;
	min-height:1270px;
	background-position:top left;
	background-repeat:repeat;
	background-size:100% auto;
	-o-background-size:100% auto;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	background-color:#777;
	}
#start,div[id^="red"],div[id^="dblue"],div[id^="blue"],div[id^="lila"],div[id^="green"],div[id^="dgreen"],div[id^="orange"],#grey1,#grey2,#grey3,#whitedubbel1,#whitedubbel2,#whitedubbel3,#white{width:127px;height:127px;border:solid 0px red;position:relative;display:inline-block;float:left;cursor:pointer;overflow:hidden;
margin:0;padding:0px;
	-moz-box-shadow:0px 0px 5px black;
	-webkit-box-shadow:0px 0px 5px black;
	box-shadow:0px 0px 5px black;
}
#start{z-index:10;
	background: url(../pics/start.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:127px 127px;
	-o-background-size:127px 127px;
	-moz-background-size:127px 127px;
	-webkit-background-size:127px 127px;
	-moz-box-shadow:0px 0px 5px #555;
	-webkit-box-shadow:0px 0px 5px #555;
	box-shadow:0px 0px 5px #555;
	border-radius:10px;
	}
div[id^="red"],div[id^="dblue"],div[id^="blue"],div[id^="lila"],div[id^="green"],div[id^="dgreen"],div[id^="orange"],#grey1,#grey2,#grey3,#white{border-radius:10px;
}


#extraruta,div[id^="trans"],div[id^="fake"]{width:127px;height:127px;border:solid 0px red;position:relative;display:inline-block;float:left;cursor:default;overflow:hidden;
margin:0;padding:0px;
	-moz-box-shadow:0px 0px 10px black;
	-webkit-box-shadow:0px 0px 10px black;
	box-shadow:0px 0px 10px black;}
	
div[class^="ruta"]:hover,#start:hover{	
	-moz-box-shadow:inset 0 0 0px #555;
	-webkit-box-shadow:inset 0 0 0px #555;
	box-shadow:inset 0 0 0px #555;}
#grey1,#grey2,#grey3,#whitedubbel,#white{cursor:default;}
div[id^="trans"]{width:127px;height:127px;box-shadow:0px 0px 0px black;border-radius:0px;}
#white{background-color:#fff;z-index:0;color:#000;}
#whitedubbel1,#whitedubbel2,#whitedubbel3{background-color:#fff;width:254px;z-index:0;color:#000;
	-moz-box-shadow:inset 0 0 5px #555;
	-webkit-box-shadow:inset 0 0 5px #555;
	box-shadow:inset 0 0 5px #555;}

#innehall p.rubrik3{font-family:'OmnesRegular-Roman';font-weight:bold;font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.2em;position:relative;color:#fff;width:100%;height:auto;
	text-align: left;
    margin:15px 0 5px 0;top:0;
	border:0px solid red;
}
#innehall p.brod1{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.2em;position:relative;color:#fff;width:100%;height:auto;
	text-align: left;
    margin:0;top:0;
	border:0px solid red;
}
#innehall p.brod2{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.2em;position:relative;color:#fff;width:100%;height:auto;
	text-align: left;
    margin:5px 0 0 0;top:0;
	border:0px solid red;
	text-indent:0px;
}
#innehall p.brod3{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.2em;position:relative;color:#fff;width:100%;height:auto;
	text-align: left;
    margin:0 0 0 15px;top:0;
	border:0px solid red;
	text-indent:-15px;
}
#innehall p.rutrub{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.2em;position:relative;color:#fff;width:100%;height:auto;
	text-align: center;
    top:35%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	border:0px solid red;
}
#inforuta p.rutrub{font-family:'OmnesRegular-Roman';font-weight:bold;font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.2em;position:relative;color:#fff;width:100%;height:auto;
	text-align: left;
	border:0px solid red;
}
#inforuta{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:italic;font-size:1.0em;line-height:1.3em;text-align:left;top:0px;color:#000;top:5px;left:10px;width:234px;
	-ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
	background-color:#fff;
	-moz-box-shadow:inset 0 0 5px #555;
	-webkit-box-shadow:inset 0 0 5px #555;
	box-shadow:inset 0 0 5px #555;
}
.extratext{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:italic;font-size:1.0em;line-height:1.3em;text-align:left;top:0px;color:#000;top:5px;left:10px;padding:23px 10px 20px 10px;
	-ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
}
#rubrikruta{font-size:1.5em;line-height:1.0em;text-align:left;width:100%;border:0px solid red;min-height:20px;margin-top:40px;margin-bottom:-10px;
	-ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
}
#rubrikruta p{font-family:'OmnesRegular-Roman';font-weight:bold;text-align:left;left:20px;margin:20px 0 -10px 0;}
.rubrik2 {font-size:0.8em;color:#fff;line-height:1.1em;}

.stycken{display:none;}
.stangd{height:127px;}
.oppen{height:381px;float:right;}
.oppen2{height:254px;float:right;}
.oppen .stycken{display:block;}

div[id^="infotext"]{z-index:0;display:block;float:left;margin:4px;top:0px;}

div[class^="texten"]{color:#fff;font-family:'OmnesRegular-Roman';font-weight:normal;font-style:normal;text-decoration:none;font-size:1.1em;line-height:1.2em;
width:100%;padding:0px 0px;margin-bottom:20px;display:block;border:0px red solid;top:0px;
-ms-transform: translateY(-0%);
-webkit-transform: translateY(-0%);
transform: translateY(-0%);
display:none;
}
div[id^="textruta"] img{border:solid 2px #efefef;display:inline-block;float:left;margin-top:0px;width:455px;overflow:hidden;}

#innehall .rubrik p{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:italic;font-size:1.0em;line-height:1.3em;text-align:left;color:#000;top:5px;left:10px;width:234px;margin-left:15px;
	-ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
}
#innehall .text p{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:italic;font-size:1.0em;line-height:1.3em;text-align:left;color:#000;top:5px;left:10px;width:234px;margin-left:15px;
	-ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
}
#innehall .bild a{font-family:'OmnesRegular-Roman';font-weight:normal;font-style:normal;text-decoration:none;font-size:1.0em;line-height:2.3em;text-align:left;color:#1E7D4C;
margin:30px;
	-ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
}
#innehall .bild img{margin:8px 25px 8px 25px;
	-ms-transform: translateY(-0%);
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
}
/* IPHONE P */
@media screen and (min-width: 320px) {
	#start{
		background-size:106px 106px;
		-o-background-size:106px 106px;
		-moz-background-size:106px 106px;
		-webkit-background-size:106px 106px;
		}
	#bakgr{width:318px;margin:0px 0px 0px -159px;left:50%;top:0px;}
	#innehall{width:318px;margin:0px 0px 0px -159px;left:50%;top:10px;border:0px red solid;display:block;min-height:1060px;background: url(../pics/gtiles_smal_round.svg);}
		
	#start,div[id^="red"],div[id^="dblue"],div[id^="blue"],div[id^="lila"],div[id^="green"],div[id^="dgreen"],div[id^="orange"],#grey1,#grey2,#grey3,#whitedubbel1,#whitedubbel2,#whitedubbel3,#white{width:106px;height:106px;}
	#extraruta,div[id^="trans"]{width:106px;height:106px;}

	#whitedubbel1,#whitedubbel2,#whitedubbel3{width:212px;}
	#innehall p{font-size:0.9em;}
	#whitedubbel1 p,#whitedubbel2 p,#whitedubbel3 p{width:182px;font-size:0.8em;line-height:1.2em;left:8px;border:0px solid red;margin-left:0px;}
	#whitedubbel2 p{font-size:0.8em;}
	.extratext{font-size:0.8em;line-height:1.2em;padding:18px 7px 20px 8px;}
	.stangd{height:106px;}
	.oppen{height:318px;float:right;}
	.oppen2{height:212px;float:right;}
	
	div[id^="infotext"]{width:310px;}
	div[class^="texten"]{font-size:0.82em;line-height:1.3em;}
	div[id^="textruta"] img{border:solid 2px #efefef;display:inline-block;float:right;margin:-7px -5px 0px 5px;width:125px;overflow:hidden;}
	#innehall .bild a{font-size:0.8em;line-height:2.3em;margin:30px;}
	#innehall .text p{font-size:0.8em;line-height:1.3em;margin:20px 0 0 0;top:5px;left:10px;width:185px;margin-left:15px;}
	#innehall .rubrik p{font-size:0.8em;line-height:1.3em;margin:20px 0 0 0;top:5px;left:10px;width:185px;margin-left:15px;}
	#rubrikruta{font-size:1.05em;line-height:1.0em;min-height:20px;margin-top:20px;}
}

/* IPHONE L */
@media screen and (min-width: 568px) and (min-device-width: 568px), screen and (device-height: 568px) and (device-width: 320px) and (width: 568px) and (max-height: 320px) {
	#bakgr{width:530px;margin:0px 0px 0px -265px;left:50%;top:0px;}
	#innehall{width:530px;margin:0px 0px 0px -265px;left:50%;top:10px;border:0px green solid;display:block;min-height:1060px;background: url(../pics/gtiles.svg);}
	div[id^="infotext"]{width:416px;}
	div[id^="textruta"] img{border:solid 2px #efefef;display:inline-block;float:right;margin:0px 0px 10px 10px;width:170px;overflow:hidden;}
	div[class^="texten"]{font-size:1.0em;line-height:1.3em;}
	#rubrikruta{font-size:1.3em;line-height:1.0em;min-height:20px;margin-top:20px;}
}

/* IPAD P */
@media screen and (min-width: 768px) {
	#start{
		background-size:153px 153px;
		-o-background-size:153px 153px;
		-moz-background-size:153px 153px;
		-webkit-background-size:153px 153px;
		}
	#bakgr{width:765px;margin:0px 0px 0px -383px;left:50%;top:0px;}
	#innehall{width:765px;margin:0px 0px 0px -383px;left:50%;top:10px;border:0px red pink;min-height:1530px;}
	#start,div[id^="red"],div[id^="dblue"],div[id^="blue"],div[id^="lila"],div[id^="green"],div[id^="dgreen"],div[id^="orange"],#grey1,#grey2,#grey3,#whitedubbel1,#whitedubbel2,#whitedubbel3,#white{width:153px;height:153px;}
	#extraruta,div[id^="trans"]{width:153px;height:153px;}

	#whitedubbel1,#whitedubbel2,#whitedubbel3{width:306px;}

	#innehall p{font-size:1.3em;}
	#whitedubbel1 p,#whitedubbel2 p,#whitedubbel3 p{width:296px;font-size:1.1em;line-height:1.4em;margin-left:20px;}
	#whitedubbel2 p{font-size:1.1em;}
	.extratext{font-size:1.1em;line-height:1.3em;padding:23px 10px 20px 10px;}
	.stangd{height:153px;}
	.oppen{height:459px;float:right;}
	.oppen2{height:306px;float:right;}
	div[id^="infotext"]{width:604px;}
	div[class^="texten"]{font-size:1.3em;line-height:1.3em;}
	div[id^="textruta"] img{border:solid 2px #efefef;display:inline-block;float:right;margin:0px 0px 20px 20px;width:330px;overflow:hidden;}
	#innehall .bild a{font-size:1.0em;line-height:2.3em;margin:30px;}
	#innehall .text p{font-size:1.0em;line-height:1.35em;margin:20px 0 0 0;top:5px;left:30px;width:254px;margin-left:15px;}
	#innehall .rubrik p{font-size:1.0em;line-height:1.35em;margin:20px 0 0 0;top:5px;left:30px;width:254px;margin-left:15px;}
	#rubrikruta{font-size:1.3em;line-height:1.2em;min-height:35px;margin-top:40px;}
}

/* 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) {
	#start{
		background-size:127px 127px;
		-o-background-size:127px 127px;
		-moz-background-size:127px 127px;
		-webkit-background-size:127px 127px;
		}
	#bakgr{width:635px;margin:0px 0px 0px -317px;left:50%;top:50px;}
	#innehall{width:635px;margin:0px 0px 0px -317px;left:50%;top:50px;border:0px red blue;min-height:1270px;}
	#start,div[id^="red"],div[id^="dblue"],div[id^="blue"],div[id^="lila"],div[id^="green"],div[id^="dgreen"],div[id^="orange"],#grey1,#grey2,#grey3,#whitedubbel1,#whitedubbel2,#whitedubbel3,#white{width:127px;height:127px;}
	#extraruta,div[id^="trans"]{width:127px;height:127px;}

	#whitedubbel1,#whitedubbel2,#whitedubbel3{width:254px;}

	#innehall p{font-size:1.1em;}
	#whitedubbel1 p,#whitedubbel2 p,#whitedubbel3 p{width:234px;font-size:1.0em;line-height:1.3em;margin-left:0px;}
	#whitedubbel2 p{font-size:1.0em;}
	.extratext{font-size:1.0em;line-height:1.3em;padding:21px 10px 20px 10px;}
	.stangd{height:127px;}
	.oppen{height:381px;float:right;}
	.oppen2{height:254px;float:right;}
	div[id^="infotext"]{width:500px;}
	div[class^="texten"]{font-size:1.15em;line-height:1.35em;}
	div[id^="textruta"] img{border:solid 2px #efefef;display:inline-block;float:right;margin:0px 0px 20px 20px;width:240px;overflow:hidden;}
	#innehall .bild a{font-size:1.0em;line-height:2.3em;margin:30px;}
	#innehall .text p{font-size:1.0em;line-height:1.3em;margin:20px 0 0 0;top:5px;left:15px;width:229px;margin-left:15px;}
	#innehall .rubrik p{font-size:1.0em;line-height:1.3em;margin:20px 0 0 0;top:5px;left:15px;width:229px;margin-left:15px;}
	#rubrikruta{font-size:1.3em;line-height:1.2em;min-height:25px;margin-top:40px;}
	
}

/* 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) {
	div[id^="textruta"] img{border:solid 2px #efefef;display:inline-block;float:right;margin:0px 0px 20px 20px;width:240px;}
	#extraruta,div[id^="trans"]{width:127px;height:127px;}
}

/* SCREEN B */
@media screen and (min-width: 1200px) {
	div[id^="textruta"] img{border:solid 2px #efefef;display:inline-block;float:right;vertical-align:bottom;margin:0px 0px 20px 20px;width:240px;overflow:hidden;}
	#extraruta,div[id^="trans"]{width:127px;height:127px;}
}
#extraruta,div[id^="fake"]{background-color:red;display:none;}



.texten11 p{width:auto;top:0px;}
div[class^="aktiv"]{cursor:pointer;}
div[class^="aktiv"]:hover{opacity:1;}