@font-face {font-family: 'OfficSerITCBoo';src: url('../fonts/2AA43C_7_0.eot');src: url('../fonts/2AA43C_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_7_0.woff') format('woff'),url('../fonts/2AA43C_7_0.ttf') format('truetype'),url('../fonts/2AA43C_7_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBooIta';src: url('../fonts/2AA43C_4_0.eot');src: url('../fonts/2AA43C_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_4_0.woff') format('woff'),url('../fonts/2AA43C_4_0.ttf') format('truetype'),url('../fonts/2AA43C_4_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBol';src: url('../fonts/2AA43C_6_0.eot');src: url('../fonts/2AA43C_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_6_0.woff') format('woff'),url('../fonts/2AA43C_6_0.ttf') format('truetype'),url('../fonts/2AA43C_6_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBolIta';src: url('../fonts/2AA43C_0_0.eot');src: url('../fonts/2AA43C_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_0_0.woff') format('woff'),url('../fonts/2AA43C_0_0.ttf') format('truetype'),url('../fonts/2AA43C_0_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCMed';src: url('../fonts/2AA43C_1_0.eot');src: url('../fonts/2AA43C_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_1_0.woff') format('woff'),url('../fonts/2AA43C_1_0.ttf') format('truetype'),url('../fonts/2AA43C_1_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCMedIta';src: url('../fonts/2AA43C_3_0.eot');src: url('../fonts/2AA43C_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_3_0.woff') format('woff'),url('../fonts/2AA43C_3_0.ttf') format('truetype'),url('../fonts/2AA43C_3_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBla';src: url('../fonts/2AA43C_8_0.eot');src: url('../fonts/2AA43C_8_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_8_0.woff') format('woff'),url('../fonts/2AA43C_8_0.ttf') format('truetype'),url('../fonts/2AA43C_8_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCExBol';src: url('../fonts/2AA43C_2_0.eot');src: url('../fonts/2AA43C_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_2_0.woff') format('woff'),url('../fonts/2AA43C_2_0.ttf') format('truetype'),url('../fonts/2AA43C_2_0.svg#wf') format('svg');}


body{background-color:#fff;}
#visning{display:none;}
#innehall{display:none;}
#scrollvisning{display:none;}
#scrolltotal{position:relative;display:block;margin:0;padding:0;width:700px;border:1px solid green;}
#scrolltotal .START_RUB1{overflow:hidden;height:193px;background-color:#dff0f9;}	
#scrolltotal .START_RUB1 p{font: 60px 'OfficSerITCBol', Arial, sans-serif;padding-top:30px;width:100%;margin:0;padding-left:380px;color:#fff;}
#scrolltotal .START_RUB1 i{font: 60px 'OfficSerITCBolIta', Arial, sans-serif;padding-top:30px;width:100%;margin:0;color:#fff;}
#scrolltotal .START_RUB1ALT{overflow:hidden;height:193px;background-color:#20667c;}	
#scrolltotal .START_RUB1ALT p{font: 60px 'OfficSerITCBol', Arial, sans-serif;padding-top:30px;width:100%;margin:0;padding-left:380px;color:#fff;}
#scrolltotal .START_RUB1ALT i{font: 60px 'OfficSerITCBolIta', Arial, sans-serif;padding-top:30px;width:100%;margin:0;color:#fff;}
#scrolltotal .START_RUB2 p{font-size:2em;margin-top:140px;margin-bottom:10px;margin-left:5%;}
#scrolltotal .START_RUB3 p{font-size:1.5em;margin-top:30px;margin-bottom:10px;margin-left:5%;}
#scrolltotal .START_RUB4 p{font-size:1.5em;margin-top:30px;margin-bottom:10px;margin-left:5%;}
#scrolltotal .START_BROD_REF p{font-size:1.2em;margin-top:15px;width:50%;margin-left:5%;}
#scrolltotal .START_BROD_START p{font-size:1.2em;margin-top:80px;width:50%;margin-left:5%;}
#scrolltotal .START_BROD p{font-size:1.2em;margin-top:20px;width:50%;margin-left:5%;}
#scrolltotal .START_BROD_INDR p{font-size:1.2em;margin-bottom:0px;text-indent:2%;width:50%;margin-left:5%;}
#scrolltotal .START_NAMN p{font: 1.2em 'OfficSerITCBooIta', Arial, sans-serif;margin-top:5px;width:50%;margin-left:5%;text-align:left;}

#scrolltotal .LH_RUB1{overflow:hidden;height:193px;background-color:#dff0f9;}	
#scrolltotal .LH_RUB1 p{font: 50px 'OfficSerITCBol', Arial, sans-serif;padding-top:20px;width:100%;margin:0;padding-left:5%;}
#scrolltotal .LH_RUB2 p{font-size:20px;line-height:1.2;margin-top:20px;margin-bottom:10px;margin-left:30px;}
#scrolltotal .LH_RUB3 p{font-size:15px;margin-top:30px;margin-bottom:10px;margin-left:30px;}
#scrolltotal .LH_BROD p{font-size:12px;margin-top:20px;width:90%;max-width:800px;margin-left:30px;}
#scrolltotal .LH_BROD p span{color:green;cursor:pointer;display:inline-block;position:relative;} 
#scrolltotal .LH_BROD p span[data-content]{color:#0870b8;cursor:pointer;}
#scrolltotal .LH_BROD p span[data-soundurl]{color:#0870b8;cursor:pointer;}
#scrolltotal .LH_BROD p span.cavacnote{color:#0870b8!important;cursor:pointer;border-color:#fff!important;font-family:'OfficSerITCBoo'!important;font-size:1em!important;}
#scrolltotal .LH_BROD .lh_rub4 {font: 'OfficSerITCBol', Arial, sans-serif;font-size:1.5em;margin-top:23px;margin-bottom:-20px;margin-left:30px;color:#333;}
#scrolltotal .LH_BROD hr{color:#e8e9ea;width:90%;margin-left:30px;margin-top:15px;display:block;}

#inforuta{position:absolute;z-index:100;display:block;background-color:#fff;border:0px solid #444;border-radius:10px;width:300px;left:-10px;margin-top:5px;box-shadow: 0px 0px 5px #999;}
#scrolltotal .LH_BROD #inforuta p{font-size:0.9em;margin:10px;}
#inforuta img{display:none;}

#scrolltotal .LH_BROD_INDR p{font-size:1.2em;margin-bottom:0px;text-indent:2%;width:50%;margin-left:30px;}
#scrolltotal .LH_PUNKTLISTA p{font-size:1.2em;margin-top:5px;width:50%;margin-left:16%;text-indent:-1%;
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}
#scrolltotal .LH_PUNKTLISTA2 p{font-size:1.2em;margin-top:5px;width:50%;margin-left:16%;text-indent:0%;}
#scrolltotal .LH_ABCLISTA p{font-size:1.2em;margin-top:5px;width:50%;margin-left:17%;text-indent:-2%;}
#scrolltotal .LH_ABCLISTA p::first-letter { 
	margin-right:14px;
	text-transform:lowercase;
}
#scrolltotal .LH_BILDHEL img{}
#scrolltotal .LH_BILDMARG{}
#scrolltotal .LH_BILDMARG img{}


#scrolltotal{background-color:#e8e9ea;}
#scrolltotal .spalt1{width:100%;margin:0 0 0 0;display:block;}
#scrolltotal .niva1{overflow:hidden;height:104px;background-color:#3c9ece;}
#scrolltotal .niva1om{overflow:hidden;height:104px;background-color:#0870b8;}

#scrolltotal .niva1 p{font: 40px 'OfficSerITCBol', Arial, sans-serif;padding-top:40px;margin:0;padding-left:30px;color:#fff;}
#scrolltotal .niva1om p{font: 40px 'OfficSerITCBol', Arial, sans-serif;padding-top:40px;margin:0;padding-left:30px;color:#fff;}
#scrolltotal .niva2{background-color:#e8e9ea;}
#scrolltotal .niva2 p{font: 30px 'OfficSerITCBol', Arial, sans-serif;padding:15px 0 10px 0;margin:0;padding-left:30px;color:#444;}

#scrolltotal .nyttavsnitt{display:block;border-bottom:10px solid #e8e9ea;width:100%;margin:0;padding:0;vertical-align:top;}
#scrolltotal table,#scrolltotal tr,#scrolltotal td{border:0px;margin:0;padding:0;border-collapse: collapse;width:100%;}
#scrolltotal td.hallihop{display:table-cell;background-color:#fff;width:75%;margin:0 0 0 0;border:0px;padding:30px 0 40px 0;vertical-align:top;border-right:2px solid #e8e9ea;}
#scrolltotal td.bildsida{display:table-cell;background-color:#fff;width:24%;margin:0 0 0 0;border:0px;padding:30px 0 20px 0;vertical-align:top;}
#scrolltotal .bildsida img{display:inline-block;width:60%;margin:0 20%;padding:0;border:0;}

#scrolltotal #quizer .hallihop{background-color:#fff;}
#scrolltotal #uppgifter .hallihop{background-color:#fff;}

#scrolltotal #quizer .LH_BROD .lh_rub4 {font-size:1.5em;margin-top:23px;margin-bottom:0px;margin-left:30px;color:#333;}
#scrolltotal #uppgifter .LH_BROD .lh_rub4 {font-size:1.5em;margin-top:23px;margin-bottom:0px;margin-left:30px;color:#333;}
#scrolltotal #quizer .form-check{border:0px solid red;font-size:1.1em;margin-top:5px;margin-left:30px;color:#555;}
#scrolltotal #quizer .green{color:green;}
#scrolltotal #quizer .red{color:red;}
#scrolltotal #quizer .orange{color:green;}
#scrolltotal #quizer .form-check input{margin-right:10px;}
#scrolltotal #quizer .quiz-button1{font: 15px 'OfficSerITCMed', Arial, sans-serif;background-color:#444;color:#fff;padding:8px 8px 3px 8px;margin-left:30px;margin-top:20px;display:inline-block;width:60px;text-align:center;}
#scrolltotal #quizer .quiz-button2{font: 15px 'OfficSerITCMed', Arial, sans-serif;background-color:#444;color:#fff;padding:8px 8px 3px 8px;margin-left:3px;margin-top:20px;display:inline-block;width:60px;text-align:center;}
#scrolltotal #quizer #quiz-resultat{font: 20px 'OfficSerITCMed', Arial, sans-serif;background-color:#f9f9f9;padding:8px 8px 3px 8px;margin-left:30px;margin-top:10px;display:block;width:200px;text-align:left;}
#scrolltotal #quizer #quiz-resultat span{color:green;}

#scrolltotal .vimeo-full-width {border:1px solid #e8e9ea;
    padding: 51% 0 0 0;
    position: relative;
	margin:20px 0 0 30px;
	width:90%;
}

#scrolltotal .vimeo-full-width iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#scrolltotal .spalt_bild {border:1px solid #e8e9ea;
    padding: 51% 0 0 0;
    position: relative;
	margin:20px 0 0 30px;
	width:90%;
}

#scrolltotal .spalt_bild img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#scrolltotal .bild-i-spalt {border:0px solid #e8e9ea;
    position: relative;
	display:inline-block;
	float:left;
	margin:20px 20px 0px 30px;
	width:25%;
}

#scrolltotal .bild-i-spalt img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#scrolltotal .lh_brod img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border:0px solid red;
}

#scrolltotal .ljudknapp{;display:none;}


