/*
Title: 	Master styles for screen media
Author: anders.silfverberg@britny.se
*/

body {
	font-size: 67.5%;
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
	background-color: #e5dd98;
}
h3{
	font-weight: bold;
	margin: 0 0 4px 0;
}
p{
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0 0 15px 0;
}
a, a:hover, a:visited, a:link{
	color: #336699;
	text-decoration: none;
}
a, a:hover{
	text-decoration: underline;
}
.hide{
	display:none;
}
/* Page structure
---------------------------------------------- */
#wrapper{
	width: 100%;
}
#content{
	position: relative;
	width: 1019px;
	height: 768px;
	margin: 0 auto;
	background: #e5dd98 url('../img/background.jpg') 0 0 no-repeat;
}
#content.age_check {
	position: relative;
	width: 660px;
	height: 700px;
	margin: 0 auto;
	background: #e5dd98 url('../img/agecheck.jpg') 0 0 no-repeat;
}
#header{
	position: relative;
	width: 843px;
	height: 85px;
	padding: 60px 0 0 50px;
	background: transparent url('../img/headerbg.gif') 0 0 no-repeat;
}
#flasharea, #book{
	width: 893px;
	height: 623px;
	margin-left: 28px;
	background: transparent url('../img/bookbg.gif') 0 0 no-repeat;;
}
#book {
	width: 806px;
	padding: 15px 75px 0 33px;
}
#book #page_1{
	width: 392px;
	height: 575px;
	float: left;
}
#book #page_2{
	width: 400px;
	height: 575px;
	float: right;
}

/* Home link
---------------------------------------------- */
#hem {
	display: block;
	height: 85px;
	width: 400px;
	text-indent: -9999px;
}

/* Navigation
---------------------------------------------- */
#header #nav{
	position: absolute;
	bottom: -23px;
	right: 20px;
	width: 424px;
	height: 68px;
}
#nav ul li{
	display: inline;
}
#nav ul li a{
	display: block;
	float: left;
	height: 68px;
	text-indent: -9999px;
}

#nav ul li a#home 		{ width: 59px; margin-left: 1px; margin-top: 2px; background: transparent url('../img/nav/home.gif') 0 0 no-repeat;}
#nav ul li a#home:hover 	{ background: transparent url('../img/nav/home.gif') -59px 0 no-repeat;}
#nav ul li a#home.active	{ background: transparent url('../img/nav/home.gif') -59px 0 no-repeat;}

#nav ul li a#about 			{ width: 89px; margin-left: -3px; background: transparent url('../img/nav/about.gif') 0 0 no-repeat;}
#nav ul li a#about:hover 	{ background: transparent url('../img/nav/about.gif') -89px 0 no-repeat;}
#nav ul li a#about.active 	{ background: transparent url('../img/nav/about.gif') -89px 0 no-repeat;}

#nav ul li a#gallery		{ width: 92px; background: transparent url('../img/nav/gallery.gif') 0 0 no-repeat;}
#nav ul li a#gallery:hover 	{ background: transparent url('../img/nav/gallery.gif') -92px 0 no-repeat;}
#nav ul li a#gallery.active { background: transparent url('../img/nav/gallery.gif') -92px 0 no-repeat;}

#nav ul li a#tips 			{ width: 105px; margin-left: -3px; z-index:2; background: transparent url('../img/nav/tips.gif') 0 0 no-repeat;}
#nav ul li a#tips:hover 	{ background: transparent url('../img/nav/tips.gif') -108px 0 no-repeat;}
#nav ul li a#tips.active 	{ background: transparent url('../img/nav/tips.gif') -108px 0 no-repeat;}

#nav ul li a#contact 		{ width: 82px; background: transparent url('../img/nav/contact.gif') 0 0 no-repeat;}
#nav ul li a#contact:hover 	{ background: transparent url('../img/nav/contact.gif') -82px 0 no-repeat;}
#nav ul li a#contact.active	{ background: transparent url('../img/nav/contact.gif') -82px 0 no-repeat;}

/* Content
---------------------------------------------- */
#book #page_1 h1 {
	display: block;
	width: 375px;
	height: 152px;
	margin-top: 3px;
	float: right;
	text-indent: -9999px;
}
#book #page_1 h1.about {
	background: transparent url('../img/h1_om_vinet.gif') 0 0 no-repeat;
}
#book #page_1 h2.about {
	display: block;
	width: 377px;
	height: 46px;
	margin-top: -12px;
	float: right;
	background: transparent url('../img/placeholders/h2_page_1.gif') 0 0 no-repeat;
	text-indent: -9999px;
}
#book #page_1 div.p_page_1 {
	display: block;
	width: 392px;
	height: 397px;
	margin-top: 0;
	padding-top: 10px;
	float: right;
	background: transparent url('../img/p_page_1.gif') 1px 0 no-repeat;
}
#book #page_1 div.p_page_1 p, #book #page_1 div.p_page_1 h3 {
	margin-left: 47px;
	color: black;
	width: 311px;
	margin-top: 10px;
}
#book #page_2.about img{
	float: left;
}
#book #page_2.about img.top_left{
	margin-top: 7px;
}
#book #page_2.about img.bottom_right{
	margin: 2px 0 0 4px;
}
#book #page_2.about #p_page_2_top {
	float: left;
	clear: right;
	width: 262px;
	height: 262px;
	margin-top: 10px;
	margin-left: 4px;
	padding-top: 25px;
	background: transparent url('../img/p2_about_top.gif') 0 0 no-repeat;
}
#book #page_2.about #p_page_2_mid {
	float: left;
	clear: left;
	width: 395px;
	height: 124px;
	margin-top: -8px;
	margin-left: 1px;
	padding-top: 25px;
	background: transparent url('../img/p2_about_mid.gif') 0 0 no-repeat;
}
#book #page_2.about #p_page_2_bottom {
	float: left;
	clear: left;
	width: 194px;
	height: 129px;
	margin-top: -2px;
	margin-left: 1px;
	padding-top: 10px;
	background: transparent url('../img/p2_about_bottom.gif') 0 0 no-repeat;
}
#book #page_2.about #p_page_2_top p{
	display: block;
	width: 223px;
	margin-left: 18px ;
	margin-top:15px;
}
#book #page_2.about #p_page_2_mid p{
	display: block;
	width: 339px;
	margin-top:4px;
	margin-left: 28px ;
}
#book #page_2.about #p_page_2_bottom p{
	display: block;
	width: 145px;
	margin-left: 28px ;
	margin-top: 7px;
}
#book #page_1 h1.tips {
	background: transparent url('../img/h1_tips.gif') 0 0 no-repeat;
}
#book #page_1 #tips_page_1 {
	float: left;
	clear: both;
	width: 394px;
	height: 437px;
	margin-top: -13px;
	margin-left: 1px;
	background: transparent url('../img/tips_page1.gif') 0 0 no-repeat;
}
#book #page_1 #tips_page_1 p{
	display: none;
}
#book #page_2 #tips_page_2 {
	float: left;
	clear: both;
	width: 416px;
	height: 572px;
	margin-top: 7px;
	background: transparent url('../img/tips_page2.gif') 0 0 no-repeat;
}
#book #page_2 #tips_page_2 p, #book #page_2 #tips_page_2 ul{
	display: none;
}
#book #page_1 h1.galleri {
	background: transparent url('../img/h1_galleri.gif') 0 0 no-repeat;
	position: relative;
}
#book #page_1 h1.galleri a {
	position: absolute;
	bottom: 5px;
	left: 2px;
	display: block;
	width: 75px;
	height: 63px;
	cursor: pointer;
	background: transparent;
}
#book #page_1 #gal_p_1, #book #page_2 #gal_p_2{
	display: block;
	float: left;
	width: 100%;
	position: relative;
	z-index: 10;
}
#book #page_1 #gal_p_1 li, #book #page_2 #gal_p_2 li{
	display: inline;
}
#book #page_1 #gal_p_1 li a, #book #page_2 #gal_p_2 li a{
	display: block;
	float: left;
	text-indent: -9999px;
}
#book #page_1 #gal_p_1 li a#gal_p_1_i_1{
	width: 141px;
	height: 426px;
	margin-top: -3px;
	position: relative;
	z-index: 20;
	background: transparent url('../img/placeholders/gal_img_1.gif') 0 0 no-repeat;
}
#book #page_1 #gal_p_1 li a#gal_p_1_i_2{
	width: 132px;
	height: 433px;
	margin-top: -12px;
	margin-left: -1px;
	position: relative;
	z-index: 20;
	background: transparent url('../img/placeholders/gal_img_2.gif') 0 0 no-repeat;
}
#book #page_1 #gal_p_1 li a#gal_p_1_i_3{
	width: 120px;
	height: 434px;
	margin-top: -13px;
	position: relative;
	z-index: 20;
	background: transparent url('../img/placeholders/gal_img_3.gif') 0 0 no-repeat;
}
#book #page_2.galleri .p_page_2_top {
	width: 412px;
	height: 132px;
	margin-top: 0px;
	padding-top: 25px;
	background: transparent url('../img/p2_galleri_top.gif') 0 0 no-repeat;
}
#book #page_2.galleri .p_page_2_top p, #book #page_2.galleri .p_page_2_top h3{
	display: block;
	width: 271px;
	margin-left: 28px;
	font-size: 1em;
}
#book #page_2 #gal_p_2 li a#gal_p_2_i_1{
	width: 129px;
	height: 431px;
	margin-top: -13px;
	position: relative;
	z-index: 20;
	background: transparent url('../img/placeholders/gal_img_4.gif') 0 0 no-repeat;
}
#book #page_2 #gal_p_2 li a#gal_p_2_i_2{
	width: 127px;
	height: 432px;
	margin-top: -11px;
	margin-left: 3px;
	position: relative;
	z-index: 20;
	background: transparent url('../img/placeholders/gal_img_5.gif') 0 0 no-repeat;
}
#book #page_2 #gal_p_2 li a#gal_p_2_i_3{
	width: 139px;
	height: 423px;
	margin-top: -2px;
	position: relative;
	z-index: 20;
	background: transparent url('../img/placeholders/gal_img_6.gif') 0 0 no-repeat;
}
#icon_preview {
	position: absolute;
	top: 160px;
	right: 120px;
}
#icon_print {
	position: absolute;
	z-index: 50;
	top: 250px;
	right: 130px;
}
#book #page_1 h1.kontakt {
	background: transparent url('../img/h1_kontakt.gif') 0 0 no-repeat;
}
#book #p1_kontakt_top {
	width: 349px;
	height: 126px;
	float: right;
	margin-top: -10px;
	padding: 25px 15px 0 15px;
	background: transparent url('../img/p1_kontakt_top.gif') 0 0 no-repeat;
}
#p1_kontakt_top p{
	margin-top: 10px;	
}
#book #p1_kontakt_middle {
	width: 347px;
	height: 101px;
	float: right;
	margin-top: -5px;
	padding: 45px 15px 0 20px;
	background: transparent url('../img/p1_kontakt_mid2.gif') 0 0 no-repeat;
}
#p1_kontakt_middle p{
	margin-top: -7px;
}
#p1_kontakt_logo{
	float:left;
	height:130px;
	margin:8px 36px 0 0;
}
#book #p1_kontakt_bottom {
	width: 349px;
	height: 146px;
	float: right;
	margin-top: -34px;
	padding: 25px 15px 0 25px;
	background: transparent url('../img/p1_kontakt_bottom2.gif') 0 0 no-repeat;
}
#p1_kontakt_bottom p{
	
}
#book #p2_kontakt {
	width: 413px;
	height: 567px;
	float: right;
	margin-top: 7px;
	margin-right: -14px;
	background: transparent url('../img/p2_kontakt2.gif') 0 0 no-repeat;
}
/* Gallery previews
---------------------------------------------- */
#preview_1 {
	position: absolute;
	bottom: 40px;
	left: -20px;
	z-index: 30;
	visibility: hidden;
	width: 297px;
	height: 374px;
	background: transparent url('../img/placeholders/gal_prev_1.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#preview_2 {
	position: absolute;
	bottom: 40px;
	left: 125px;
	z-index: 30;
	visibility: hidden;
	width: 297px;
	height: 374px;
	background: transparent url('../img/placeholders/gal_prev_2.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#preview_3 {
	position: absolute;
	bottom: 40px;
	left: 245px;
	z-index: 30;
	visibility: hidden;
	width: 297px;
	height: 374px;
	background: transparent url('../img/placeholders/gal_prev_3.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#preview_4 {
	position: absolute;
	bottom: 40px;
	left: 380px;
	z-index: 30;
	visibility: hidden;
	width: 297px;
	height: 374px;
	background: transparent url('../img/placeholders/gal_prev_4.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#preview_5 {
	position: absolute;
	bottom: 40px;
	left: 515px;
	z-index: 30;
	visibility: hidden;
	width: 297px;
	height: 374px;
	background: transparent url('../img/placeholders/gal_prev_5.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#preview_6 {
	position: absolute;
	bottom: 40px;
	left: 645px;
	z-index: 30;
	visibility: hidden;
	width: 297px;
	height: 374px;
	background: transparent url('../img/placeholders/gal_prev_6.png') 0 0 no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
#preview_1.selected,
#preview_2.selected,
#preview_3.selected,
#preview_4.selected,
#preview_5.selected,
#preview_6.selected{
	visibility: visible;
}
/* Js Preview
---------------------------------------------- */
#fade {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	filter:alpha(opacity=85);   /* Internet Explorer       */
	-moz-opacity:0.85;           /* Mozilla 1.6 and below   */
	opacity: 0.85;               /* newer Mozilla and CSS-3 */
	
}
#preview_box{
	background: #fff url('../img/preview_bg.gif') 0 0 no-repeat;
	position: absolute;
	width: 630px;
	height: 440px;
	z-index: 51;
}
#tipsa_box {
	background: #fff url('../img/preview_bg.gif') -30px 0 no-repeat;
	position: absolute;
	width: 570px;
	height: 220px;
	padding-top: 80px;
	z-index: 51;
}
#preview_box #preview_close, #tipsa_box #preview_close {
	position: absolute;
	top: -14px;
	right: -12px;
}
#preview_box p{
	display: block;
	width: 600px;
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 54;
}
.only_print{
	display: none;
}
#tipsaKompis {
	display: block;
	width: 450px;
	margin: 0 70px 70px 70px; 
}
#tipsaKompis h2{
	font-size: 1.4em;
	line-height: 2em;
}
#tipsaKompis strong{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	line-height: 1.1em;
	background: #c5c5c5;
}
html .fb_share_link { 
	padding:2px 0 0 20px; 
	height:16px; 
	background:url('http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981') no-repeat top left; 
}
/* No Flash / JS
---------------------------------------------- */
#flasharea #no_flash{
	background: #FFF;
	padding: 40px 0 0 55px;
	width: 360px;
}
#flasharea #no_flash h1{
	font-size: 2em;
	line-height: 22px;
	margin: 3px 0 12px 0;
}
#flasharea #no_flash p{
	margin: 3px 0 12px 0;
	font-size: 1.2em;
}


#content.age_check a#yes{
	display: block;
	width: 80px;
	height: 80px;
	background: transparent;
	position: absolute;
	bottom: 30px;
	left: 190px;
	text-indent: -9999px;
	cursor: pointer;
}
#content.age_check a#no{
	display: block;
	width: 80px;
	height: 80px;
	background: transparent;
	position: absolute;
	bottom: 20px;
	right: 175px;
	text-indent: -9999px;
	cursor: pointer;
}