body {
	background-image: url("bilder/tapet_bg.jpg");
	font-family: "baker-signet-web";
}

#sida {
	width: 1023px;
	height: 779px;
	border-radius: 20px;
	background-image: url("bilder/sida_bg.jpg");
	background-repeat: no-repeat;
	margin-left: calc(3% - 30px);
	margin-top: calc(3% - 30px);

	-moz-box-shadow:6px 10px 10px rgba(0,0,0,0.6);
	-webkit-box-shadow:6px 10px 10px rgba(0,0,0,0.6);
	box-shadow:6px 10px 10px rgba(0,0,0,0.6);
}

#content {
	position: relative;
	width: 1023px;
	height: 634px;
}

#toppmenyholder {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 50;
	width: 900px;
}
.toppmeny {
	position: absolute;
	list-style: none;
	left: 10px;
	top: 0;
	padding: 0;
	margin-top: 0; 
	width: 900px;
	opacity: 0;
	pointer-events: none;
}
.toppmeny li {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 0;
	cursor: pointer;
	overflow: visible;
}
.toppmeny li div {
	padding: 0 8px 0 4px;
	/*font-family: "grafolita-script";*/
	font-size: 28px;
	text-shadow: 1px 1px white;
	color: #000;
	background-color: transparent;
	border-radius: 0 0 16px 16px;
}
/*Funkar inte i gamla läsare
.toppmeny li div::first-letter { 
    font-size: 30px;
    color: #b34443;
}
*/
.avd::first-letter {
	font-size: 30px;
    color: #b34443;
}
span.firstCase { 
    font-size: 30px;
    color: #b34443;
}

.submeny {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0; 
}

.toppmeny li ul li {
	width: 50px;
	overflow: visible;
	padding: 0;
	margin: 0; 
	float: none;
	display: block;
	clear: all;
	color: #000;
	cursor: pointer;
	white-space: nowrap;
}
.toppmeny li ul li div {
	display: inline-block;
	padding: 0 6px 0 4px;
	text-shadow: 1px 1px white;
	color: black; 
	border-radius: 16px;
}
.toppmeny li ul li a {
	display: inline-block;
	padding: 0 6px 0 4px;
	text-shadow: 1px 1px white;
	color: black; 
	border-radius: 16px;
	text-decoration: none;
	font-size: 28px;
}


#logo {
	position: absolute;
	top: 140px;
	left: 29px;
	z-index: 4;
}

#storbild {
	/*background-color: red;*/
	width: 420px;
	height: 634px;
	float: right;
}

#skepnad {position: absolute;}

#nederdel, .nederdel_bg {
	position: absolute;
	width: 1023px;
	height: 145px;
	border-radius: 0 0 20px 20px;
}

canvas#canvas {
	position: absolute;
	border-radius: 0 0 20px 20px;
	z-index: 2;
	background-image: url("bilder/nederdel_oscar.jpg");
	background-color: hsla(32, 37%, 77%, 0.2);
}
div#reklam {
	position: absolute;
	width: 1014px;
	height: 137px;
	left: 5px;
	top: 4px;
	overflow: hidden;
	border-radius: 0 0 20px 20px;
	z-index: 2;
}

#scenplats {
	position: absolute;
	top: 0; left: 0;
	width: 1023px;
	height: 634px;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}
.scen {
	position: absolute;
	top: 0; left: 0;
	width: 1023px;
	height: 634px;
}

#scen1 {
	position: absolute;
	top: 0; left: 0;
}
#scen2 {
	position: absolute;
	top: 0; left: 0;
}

.toppmeny_skugga {
	position: absolute;
	top: 0; left: 0;
	z-index: 4;
}
#um_holder {
	position: absolute;
	top: 6px;
	left: 150px;
	z-index: 5;
	width: 860px;
	height: 120px; 
}
#undermeny {
	padding: 0;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#undermeny li {
	display: inline-block;
	margin-left: 40px;
}
#undermeny li span {
	display: inline-block;
	height: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #BEBCAF;
	font-family: Verdana;
}
#undermeny li span img{
	display: inline-block;
	margin-bottom: -1px;
	margin-left: 7px;
}
#undermeny li a {
	color: #FAD043;
	text-decoration: none;
}
#undermeny li div {
	margin-top: -2px;
	padding: 3px 12px 3px 12px;
	border-radius: 24px;
	border: groove;
	border-color: rgba(0,0,0,0.5);
	border-top: 1px solid rgba(200,200,200,0.5);
	cursor: pointer;
	font-size: 24px;
	color: #CFCDAF;
	-moz-box-shadow:1px 6px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow:1px 6px 6px rgba(0,0,0,0.3);
	box-shadow:1px 6px 6px rgba(0,0,0,0.3);
}
#undermeny li div::first-letter { 
    font-size: 30px;
    color: #b34443;
}
#undermeny li p { 
    background-color: green;
}

#information {
	position: absolute;
	bottom: 12px;
	left: 180px;
	width: 390px;

	/* #EFEDDE */

	border-radius: 20px;
	/*border: solid #5C5447 5px;*/
	border: solid rgba(52,48,39,0.5) 5px;
	z-index: 1;
	opacity: 0;
	padding: 26px;
}

.info_bg1 {
	background: -webkit-linear-gradient(rgba(239, 237, 222, 0.93), #BEB9B1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(239, 237, 222, 0.93), #BEB9B1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(239, 237, 222, 0.93), #BEB9B1);  /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(239, 237, 222, 0.93), #BEB9B1);  /* Standard syntax */
}
.info_bg2 {
	background: -webkit-linear-gradient( rgba(239, 237, 222, 0.3), rgba(239, 237, 222, 0.7) ); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(239, 237, 222, 0.3), rgba(239, 237, 222, 0.7) ); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(239, 237, 222, 0.3), rgba(239, 237, 222, 0.7) );  /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(239, 237, 222, 0.3), rgba(239, 237, 222, 0.7) );  /* Standard syntax */
}
.info_bg3 {
	background: -webkit-linear-gradient(rgba(239, 237, 222, 0.7), #EFEDDE); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(239, 237, 222, 0.7), #EFEDDE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(239, 237, 222, 0.7), #EFEDDE);  /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(239, 237, 222, 0.7), #EFEDDE);  /* Standard syntax */
}

#information div {display: inline;}

#information ul {
	margin: 0;
	padding: 0;
	line-height: 1em;
	list-style: none;
}

#information ul li {
	margin: 1px 2px 8px 2px;
	padding: 1px 2px 1px 2px;
}

#information a {
	display: block;
	text-decoration: none;
	font-style: italic;
	text-align: right;
	margin-bottom: -10px;
	padding-bottom: -10px;
}

#information h1 {
	font-size: 20px;
	color: #b34443;
	font-weight: normal;
	margin: 0;
}

#information p {
	margin: 0;
}

#information.info_journalisten_normal {
	left : 180px;
	width : 370px; 
	padding : 26px;
}
#information.info_journalisten_kort {
	left : 130px;
	width : 420px; 
	padding : 26px;
}
#information.info_forfattaren_normal {
	left : 345px;
	width : 250px; 
	padding : 22px;
}
#information.info_forfattaren_kort {
	left : 325px;
	width : 280px; 
	padding : 22px;
}
#information.info_berattaren_normal {
	left : 130px;
	width : 370px; 
	padding : 26px;
}
#information.info_berattaren_kort {
	left : 130px;
	width : 370px; 
	padding : 26px;
}

#information.info_biografi_normal {
	left : 138px;
	width : 380px; 
	padding : 26px;
}
#information.info_biografi_kort {
	left : 100px;
	width : 430px; 
	padding : 26px;
}



.vit {
	color : white;
	text-shadow : 1px 1px #000;
	background-color: green;
}

.logo_liten {
	position : absolute;
	z-index : 6;
	left :12px;
	top : 600px;
	opacity : 0;
	display: none;
}

li div {position: relative;}

.NEW {
	position : absolute;
}

/*LÄNKAR*/
#klickruta {
	position: absolute;
	left: 2px;
	bottom: 5px;
	width: 400px;
	height: 50px;
}
#mittiallt {
	position: absolute;
	right: 30px;
	bottom: 10px;
	width: 200px;
	height: 30px;
}

#inruta {
	position: absolute;
	z-index: 10;
	width: 1023px;
}
#inruta h1 {
	color: #37689D;
	position: absolute;
	left: 540px;
	top: 38px;
	width: 424px;
	text-align: center;
	z-index: 7;
	opacity: 0;
	font-weight: normal;
	font-family: "balzano-std";
	font-size: 42px;
}
#kalender {
	position : absolute;
	z-index : 6;
	left : 519px;
	top : 55px;
	padding: 45px 30px 30px 50px;
	background-image: url("bilder/kalender_bg.jpg");
	background-repeat: no-repeat;
}
#kalender h2 {
	font-size: 18px;
	margin: 0;
	color: #b34443;
}
#kalender .datum {
	color: #37689D;
}
#kalender .beskrivning {
	margin-right: 10px;
	font-family: "balzano-std";
	font-size: 22px;

	color: black;
}
#kalender a {
	text-decoration: none;
}
#ingress {
	position : absolute;
	z-index : 6;
	left : -300px;
	top : 80px;
	width: 250px;
	padding: 30px;
	-ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    background-image: url("bilder/ingress_bg.jpg");
    background-repeat: no-repeat;

    font-family: "balzano-std";
	font-size: 22px;
	color: black;

	-moz-box-shadow:-6px 10px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow:-6px 10px 10px rgba(0,0,0,0.4);
	box-shadow:-6px 10px 10px rgba(0,0,0,0.4);
}
#ingress h1{
	font-weight: normal;
	font-style: italic;
	font-size: 20px;
	margin-top: 0;
	text-align: center;
	color: #b34443;
}

#hyllplats {
	position: absolute;
	top: 0;
	left: 85px;
	width: 863px;
	height: 632px;
	overflow: hidden;
}

#hyllplan_0 {
	position: absolute;
	top: 27px;
	left: 0;
	width: 854px;
	height: 290px;
	z-index: 10;
}
#hyllplan_1 {
	position: absolute;
	top: 317px;
	left: 0;
	width: 854px;
	height: 290px;
	z-index: 11;
}

#hyllplan_2 {
	position: absolute;
	top: 607px;
	left: 0;
	width: 854px;
	height: 290px;
	z-index: 12;
}

#hyllplan_3 {
	position: absolute;
	top: 897px;
	left: 0;
	width: 854px;
	height: 290px;
	z-index: 13;
}


.accordion {
	position: absolute;
	bottom: 31px;
	left: 1px;
	list-style: none;
	padding: 0;
	height: 220px;
	overflow: hidden;
	margin: 0;
}

.accordion li {
	float: left;
	border-left: 0;
	display: block;
	height: 220px;
	width: 40px;
	padding: 0;
	overflow: hidden;
	opacity: 0;
}
.accordion li.bok {
	cursor: pointer;
}

.accordion li .bokrygg {
	border: none;
	float: left;
	overflow: hidden;
	z-index: 9;
}

.accordion li .bokrygg .ryggbild {
	float: left;
}
.accordion li .bokrygg .boktitel {
	float: left;
	margin-left: -40px;
}

.accordion li .omslag {
	border: none;
	float: left;
	width: 0;
	height: 220px;
	z-index: 8;
}

.accordion li.active {
	width: 160px;
	margin-left: 3px;
}

.hylla {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hylla_skugga {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	z-index: 20;
}

.avskiljare {
	margin-left: 100px;
}

.submeny #aktuellt {
	display: none;
}
.submeny #bocker {
	display: none;
}
.submeny #tv {
	display: none;
}
.submeny #artiklar {
	display: none;
}

#bokmeny {
	position: absolute;
	width: 600px;
	height: 120px;
	opacity: 0;
}

#bokinfo {
	 position: absolute;
	 left: 70px;
	 top: 3px;
	 width: 480px;
	 height: 96px;
	 padding: 14px;
	/*border: solid #B69742 2px;*/
	 border-radius: 10px;
	 z-index: 20;
	 background-color: #F3F3DB;
	 opacity: 0.95;

	-moz-box-shadow: -2px 8px 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow: -2px 8px 8px 1px rgba(0,0,0,0.4);
	box-shadow: -2px 8px 8px 1px rgba(0,0,0,0.4);

	font-family: "baker-signet-web";
	font-size: 14px;
}
#bokinfo h2 {
	margin-top: 0;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 5px;
}

.hissknapp {
	position: absolute;
		left: 647px;
	cursor: pointer;
}
.hissknapp img {
	position: absolute;
}
.hissknapp div {
	position: absolute;
	width: 87px;
	text-align: center;
	font-size: 15px;
	color: #FEFDD5;
	pointer-events: none;
}
#hissknapp_ned {
	top: 2px;
	pointer-events: none;
}
#hissknapp_ned div {
	top: 21px;
	font-size: 22px;
	letter-spacing: 1px;
}
#hissknapp_upp {
	top: 77px;
}
#hissknapp_upp div {
	top: 5px;
	font-size: 22px;
	letter-spacing: 1px;
}
#hissknapp_mitt {
	top: 54px;
}
#hissknapp_mitt div {
	top: 3px;
}
#progressbar {
	position: absolute;
	left: 350px;
	top: 150px;
	z-index: 30;
	opacity: 0.7;
}

#pappersruta {
	position: absolute;
	left: 234px;
	top: 65px;
	width: 357px;
	height: 526px;
	opacity: 0;
	z-index: 2;
}
#papper {
	position: absolute;
}
#papperstext {
	position: absolute;
	left: 20px;
	top: 17px;
	opacity: 0;
	padding-right: 10px;
	font-size: 22px;
	font-family: "balzano-std";
	color: #544532;
	text-align: center;

	z-index: 50;
}
#papperstext h1 {
	width: 284px;
	text-align: left;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 30px;
	color: #676767;
	text-align: center;
}
#papperstext h1::first-letter {
	width: 287px;
	font-size: 72px;
	color: #C27978;
	margin-top: 0;
	margin-bottom: 0;
}
#papperstext h2 {
	width: 287px;
	text-align: center;
	font-weight: normal;
	margin-top: 0.3em;
	margin-bottom: 0;
	font-size: 28px;
	color: #507998;
}
#papperstext h3 {
	width: 287px;
	text-align: center;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0.3em;
	font-size: 24px;
	color: #507998;
}
#papperstext a {
	color: #b34443;
	text-decoration: none;
}
#papperstext a:hover {
	color: #F4E609;
	background-color: #5A93C8;
}
#papperstext a:visited {
	color: #b34443;
}
#papperstext a:visited:hover {
	color: #F4E609;
	background-color: #5A93C8;
}
#papperstext .eller {
	margin-top: 0.3em;
}

.mera {
	text-align: center;
	margin-right: 20px;
}

#bokruta {
	position: absolute;
	left: 600px;
	top: -5px;
	width: 500px;
	height: 590px;
	z-index: 20;
	background: transparent;
	
}

#beskrivning_bg {
	position: absolute;
	top: -5px;
	z-index: 21;
	opacity: 0;
}
#papper_klamma {
	
}
#pinne {
	position: absolute;
	left: 365px;
	top: 99px;
}
#beskr_text {
	position: absolute;
	top: 100px;
	padding-left: 40px;
	padding-right: 25px;
	z-index: 22;
	background: transparent;
	
	font-family: "baker-signet-web";
	font-size: 16px;
	opacity: 0;
}
#beskr_text h2 {
	font-weight: normal;
	font-size: 18px;
	text-align: center;
	margin-top: 0;
}

#ornament_left {
	position: absolute;
	left: 35px;
	top: -6px;
	z-index: 30;
}
#ornament_right {
	position: absolute;
	left: 569px;
	top: -6px;
	z-index: 30;
}

#facebook {
	position: absolute;
	right: 16px;
	top: 9px;
	z-index: 99;
	cursor: pointer;
	opacity: 0;
}

/* RESIZE */

#bocker_topp {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}
#bocker_bg {
	position: absolute;
	top: 20px;
	left:0:;
	opacity: 1;
}
#bokhylla_topp_holder {
	position: absolute;
	left: 83px;
	top: 0;
	overflow: hidden;
	z-index: 15;
}
#bokhylla_topp {
	opacity: 1;
	z-index: 15;
	pointer-events: none;
}


/* RESIZE*/

body.kort {
	margin: 3px;
}
#sida.ganska_kort {
	margin-left: 0;
	margin-top: 0;
}
#sida.kort {
	height: 715px;
}

#content.kort {
	position: relative;
	width: 1023px;
	height: 570px;
}

#bokhylla_topp.kort {
	margin-top: -25px;
}


#logo.kort {
	top: 120px;
}

.logo_liten.kort {
	top : 540px;
}

#kalender.kort {
	background-image: url("bilder/kalender_bg_kort.jpg");
}

#hyllplats.kort {
	height: 567px;
}

#hyllplan_0.kort {
	top: 10px;
	height: 270px
}
#hyllplan_1.kort {
	top: 280px;
	height: 270px;
}

#hyllplan_2.kort {
	top: 550px;
	height: 270px;
}

#hyllplan_3.kort {
	top: 820px;
	height: 270px;
}

.hylla_skugga.kort {
	top: 0;
}

#hyllhiss {
	position: absolute;
	top: 0;
	left: 0;
	width: 778px;
	height: 600px;
	z-index: 10;
}

#abtn {
	position: absolute;
	bottom: 20px;
	z-index: 99;
}

article#main {
	position: absolute;
	z-index: 1000;
}

#kolumner {
	padding: 0;
	text-align: left;
	margin-top: 0;
	margin-left: 14px;
	line-height: 22px;
}
#kolumner li {
	display: block;
	margin-top: 2px;
	margin-bottom: 10px;
}