/* Beach Party 2008 Main stylesheet - By Drummerboy International
------------------------------------------------------------------*/


/* Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, img {
	margin:0;
	padding:0;
	}
h4 {
	font-size:12px;
	}
h3 {

	font-size:16px;
	}
h2 {
	color:#464031;
	font-size:16px;
	}
h1 {
	font-size:23px;
	}
ul,li {
	list-style-type:none;
	}

body {
	color:#000000;
	background:#005d98 url(images/xxxbg_plane.jpg) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align:center;
	}


.hidden {
	display:none;
	}

img {
	display:block;
	}
.asterisk {
	font-size:9px;
	}
#bookingbox .package1 .asterisk {
	margin-left:-11px;
	}
a {
	color:#42bdcb;
	text-decoration:none;
}
a img {
	border:none;
	}
a:hover {
	color:#4bb4c9;

	}

	
#subcontent a.footerlink1 {
	text-indent: -9999px;
	line-height:200px;
	float: right;
	overflow: hidden;
	display: block;
	width: 150px;
	height:70px;
	}

.clear {
	font-size:0px;
	clear:both;
	line-height:0px;
	height:0px;
	display: block;
	}
.clear { display: inline-block; }
/* Hide from IE Mac \*/
* html .clear {height: 1%;}
.clear { display: block; }
/* End hide from IE Mac */
.centered, p.centered {
	text-align:center;
	}
.clearfix:after {
	font-size:0;
	line-height:0;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	line-height:0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }

.floatleft {
	float:left;
	}
.floatright {
	float:right;
	}
.sponsor1 {
	margin:4px 0 5px 0;
	}
.pink {
	color:#f14b8d;
	}

/* Wraps
------------------------------------------------------------------*/
#surroundings {
	background:url(images/bg_surroundings.jpg) no-repeat bottom center;
	padding:40px 0 110px 0;
	}

#container {
	width: 752px;
	margin: 0 auto 0;
	}
#wrap {
	width:705px;
	text-align:left;
	margin: 0 auto;	
	}
#outerwrap {
	background:#F4FAFF;
	margin:0;
	padding:15px 0 10px 0;
	}	
#content {
	width:705px;
	float:left;
	}
#maincontent {
	margin:0 0 6px 0;
	display:inline;
	}
#maincontent-main {
	width:468px;
	float:left;	
	}
body#gallery-page #maincontent-main {
	padding-top:5px;
	}
#maincontent-sub {
	/*background:#999999;*/
	font-size:14px;
	width:231px;
	float:right;

	}
#subcontent {
	
	}


/* Headings
------------------------------------------------------------------*/
.artistbox2 h2,
.artistbox3 h2,
.artistbox4 h2 {
	display:none;
	}
#artistlist h2 {
	background:url(images/head_artistlist.gif) no-repeat;
	height:37px;
	width:204px;
	text-indent:-9999px;
	margin:0 0 0 4px;
	}
#highlightbox2 h2 {
	background:url(images/head_vivannbiljetter.gif) no-repeat;
	height:37px;
	width:204px;
	text-indent:-9999px;
	}	
#competitionbox h2 {
	background:url(images/head_boka_tavla.gif) no-repeat;
	height:29px;
	width:204px;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}
#competitionbox h3 {
	font-size:15px;
	color:#d1d82f;
	}
#bookingbox h2 {
	/*background:url(images/head_bokasommarens.gif) no-repeat;*/
	height:29px;
	width:678px;
	text-indent:-9999px;
	}
#bookingbox h3 {
	margin:0 0 8px 0;
	}
.artistinfoheader {
	width:468px;
	height:77px;
	float:left;
	text-indent:-9999px;
	}
body.gary_moore .artistinfoheader {
	background:url(images/artistheader-garymoore.gif) no-repeat;
	margin:0 0 12px 0;
	}
body.beach_boys .artistinfoheader {
	background:url(images/artistheader_beachboys.gif) no-repeat;
	margin:0 0 12px 0;
	}
body.jerry_williams .artistinfoheader {
	background:url(images/artistheader_jerrywilliams.gif) no-repeat;
	margin:0 0 12px 0;
	}		
body.smalare_an_thord .artistinfoheader {
	background:url(images/artistheader_smalareanthord.gif) no-repeat;
	margin:0 0 12px 0;
	}
body.standut_blakk .artistinfoheader {
	background:url(images/artistheader_standutblakk.gif) no-repeat;
	margin:0 0 12px 0;
	}	
.artistinfofooter h3 {
	font-size:12px;
	margin:0 0 5px 0;
	display:inline;
	}
.artistinfobody h4 {
	margin:0 0 5px 0;
	}
#package-page #maincontent-main h2 {
	font-size:22px;
	color:#512b12;
	margin:0 0 4px 0;
	}
#package-page #maincontent-main h3 {
	font-size:14px;
	color:#42bdcb;
	height:25px;
	margin:0 0 6px 0;
	background:url(images/bg_line_narrow.gif) bottom left no-repeat;
	}
.head-bookinginfo {
	width:468px;
	height:45px;
	background:url(images/head_bookinginfo.gif) no-repeat;
	text-indent:-9999px;
	float:left;
	}

/* Lists
------------------------------------------------------------------*/
ul.artistlist {
	line-height:24px;
	margin-bottom:10px;
	}
#highlightbox2 ul.artistlist {
	line-height:18px;
	}
ul.artistlist li {
	background:url(images/arrow-yellow.gif) no-repeat 2px 9px;
	padding:0 0 0 15px;
	
	}
#competitionbox ul {
	font-size:12px;
	line-height:18px;
	width: 210px;
	margin:0 0 16px 0;
	}
#competitionbox ul li {
	background:url(images/arrow-yellow.gif) no-repeat 2px 6px;
	padding:0 0 0 15px;
	}
ul.artistlist li ul {
	margin:0 0 0 20px;
	}
ul.artistlist li ul li {
	background:url(images/pinkdot.gif) no-repeat 2px 9px;
	padding:0 0 0 15px;
	}
#bookingbox ul li {
	background:url(images/arrow-pink.gif) no-repeat 2px 3px;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	line-height:15px;
	}
#bookingbox .package2 ul {
	width:260px;
	float:left;
	}
#maincontent-main .package ul li {
	background:url(images/arrow-pink.gif) no-repeat 2px 4px;
	padding:0 0 0 20px;
	font-size:12px;
	color:#512b12;
	margin:0 0 2px 0;
	}
	

	
/* Content boxes
------------------------------------------------------------------*/
#highlightbox1 {
	background:url(images/bg_hlbox1.gif) no-repeat;
	width:201px;
	height:182px;
	margin:0 0 6px 0;
	padding:49px 15px 0 15px;
	float:left;
	display:inline;
	color:#ffffff;
	font-size:12px;
	}
#highlightbox2 {
	border-top:3px solid #42bdcb;
	background:#424041 url(images/bg_boxfade.jpg) repeat-x;
	width:201px;
	height:282px;
	margin:0 0 6px 0;
	padding:7px 15px 0 15px;
	float:left;
	display:inline;
	color:#ffffff;
	font-size:12px;
	}
#highlightbox1 p,
#highlightbox2 p {
	line-height:20px;	
	}
#highlightbox2 p {
	margin-bottom:8px;
	}
#highlightbox1 a,
#highlightbox2 a {
	color:#FFFFFF;
	text-decoration:underline;
	}
#highlightbox1 a:hover,
#highlightbox2 a:hover {
	color:#42bdcb;
	}
#artistlist {
	padding:7px 11px 0 9px;
	color:#FFFFFF;
	background:#424041 url(images/bg_boxfade.jpg) repeat-x;
	width:211px;
	height:286px;
	border-top:3px solid #42bdcb;
	margin:0 0 6px 0;
	display:inline;
	float:left;
	overflow:hidden;
	}
#home-page #artistlist {
	height:221px;
	}
#artistlist p {
	margin-bottom:6px;
	line-height:18px;
	}
#competitionbox {
	padding:7px 0 0 11px;
	color:#FFFFFF;
	background:#424041 url(images/bg_boxfade.jpg) repeat-x;
	width:220px;
	padding-bottom:6px;
	border-top:3px solid #42bdcb;
	margin:0 0 6px 0;
	float:left;
	}
#competitionbox p {
	margin:0 0 16px 0;
	line-height:20px;
	}
.competewrap {
	width:210px;
	}
#artistlist a {
	color:#FFFFFF;
	}
#artistlist a:hover {
	color:#42bdcb;
	}
body.gary_moore #artistlist li.gary_moore a,
body.nisse_hellberg_med_band #artistlist li.nisse_hellberg_med_band a,
body.the_refreshments #artistlist li.the_refreshments a,
body.the_hooters #artistlist li.the_hooters a,
body.sas_band #artistlist li.sas_band a,
body.bwo #artistlist li.bwo a,
body.pistvakt #artistlist li.pistvakt a,
body.smalare_an_thord #artistlist li.smalare_an_thord a 
	{
	color:#42bdcb;
	}
.artistbox2,
.artistbox3 {
	color:#FFFFFF;
	font-size:11px;
	line-height:1.4em;
	width:213px;
	height:41px;
	padding:190px 7px 0px 11px;
	float:left;
	}
.artistbox4 {
	color:#FFFFFF;
	font-size:11px;
	line-height:1.4em;
	width:450px;
	height:41px;
	padding:190px 7px 0px 11px;
	margin:6px 0 1px 0;
	display:inline;
	float:left;
	}
.artistbox2 a,
.artistbox3 a,
.artistbox4 a {
	color:#FFFFFF;
	}
.artistbox2 a:hover,
.artistbox3 a:hover,
.artistbox4 a:hover {
	color:#42bdcb;
	}
#package-page .artistbox1 {
	margin:0 0 20px 0;
	}
#gallery-page .artistbox1 {
	margin:0 0 30px 0;
	}
.artistbox1 {
	margin:0 0 6px 0;
	display:inline;
	float:left;
	}

.artistbox2 {
	background:url(images/box_jerrywilliams.jpg) no-repeat;
	margin:0 6px 0 0;
	}
.artistbox3 {
	background:url(images/box_beachboys.jpg) no-repeat;
	}
.artistbox4 {
	background:url(images/box_map.jpg) no-repeat;
	}
#bookingbox {
	padding:7px 0 0 11px;
	width:694px;
	height:174px;
	background:url(images/bg_packagebox.gif) no-repeat;
	border-top:3px solid #512b12;
	font-size:11px;
	float:left;
	}
#subcontent .package1,
#subcontent .package2,
#subcontent .package3 {
	float:left;
	height:100px;
	display:inline;
	}
#subcontent .package1 p,
#subcontent .package2 p,
#subcontent .package3 p {
	line-height:16px;
	}
#subcontent .package1 {
	margin:22px 0 0 12px;
	width:200px;
	}
/*#subcontent .package2 {
	margin:22px 0 0 22px;
	width:210px;
	}*/
#subcontent .package2 {
	margin:22px 0 0 22px;
	width:445px;
	overflow:hidden;
	}
	
	
/*#subcontent .package3 {
	margin:22px 0 0 29px;
	width:205px;
	background:url(images/ph-logo_paket.gif) no-repeat 48px 57px;
	}*/
#maincontent-main .package p {
	margin:0 0 6px 0;
	font-size:14px;
	}
#maincontent-main .package {
	background:url(images/bg_artistinfobody.gif) no-repeat bottom;
	margin:0 0 10px 0;
	float:left;
	}
#maincontent-main .packagewrap {
	width:330px;
	padding:0 10px 20px 128px;
	}
#maincontent-main .package {
	
	}	
.nr1 {
	background:url(images/nr1_big.gif) no-repeat left bottom;
	}
.nr2 {
	background:url(images/nr2_big.gif) no-repeat left bottom;
	}
.nr3 {
	background:url(images/nr3_big.gif) no-repeat left bottom;
	margin-bottom:20px;
	}
.nr4 {
	background:url(images/nr4_big.gif) no-repeat left bottom;
	}
.nr5 {
	background:url(images/nr5_big.gif) no-repeat left bottom;
	}
	
	
	
.artistinfobody {
	width:460px;
	background:url(images/bg_artistinfobody.gif) no-repeat bottom;
	padding:0 4px 14px 4px;
	font-size:14px;
	color:#512b12;
	margin:0 0 6px 0;
	}
.artistinfobody p {
	line-height:18px;
	margin:0 0 18px;
	}
.artistinfofooter {
	color:#512b12;
	margin:0 0 12px 0;
	float:left;
	display:inline;
	}
.artistinfofooter .leftpart {
	width:234px;
	float:left;
	font-size:10px;
	}
.artistinfofooter .rightpart {
	text-align:right;
	padding:0 4px 0 0;
	width:230px;
	float:right;
	font-size:10px;
	}
.artistinfofooter ul li {
	list-style:inside;
	list-style-type:square;
	font-size:11px;
	}
.artistinfofooter ul a {
	color:#512b12;
	}
#videoplayback {
	border:1px solid #333333;
	background:url(images/youtube_logo.gif) no-repeat;
	width:208px;
	height:172px;
	overflow:hidden;
	}


/* Header
------------------------------------------------------------------*/
#header {
	background:url(images/header_bp2009.jpg) no-repeat;
	height:229px;
	overflow:hidden;
	text-indent:-9999px;
	}
#header a.mainlogo {
	text-indent:-9999px;
	line-height:200px;
	float:left;
	overflow:hidden;
	}
#header a.mainlogo {
	display:block;
	width:280px;
	height:100%;
	}
.headerbanner {
	width:442px;
	height:99px;
	border:1px solid #236190;
	float:left;
	margin:49px 0 0 35px;
	}
.headerbanner a {
	display:block;
	}

/* Footer
------------------------------------------------------------------*/
#footer {
	background:#f4faff url(images/bg_footer.jpg) no-repeat bottom;
	text-align:right;
	height:0px;
	padding:0 0 21px 0;
	}
.credits {
	text-align:right;
	font-size:10px;
	color:#512b12;
	margin:5px 0;
	float:right;
	}
.credits a {
	color:#512b12;
	}
.credits a:hover {
	color:#42bdcb;
	}
	
	
/* Navigation
------------------------------------------------------------------*/
#mainmenu {
	padding-left:35px;
	background:url(images/menu1_bg.gif) repeat-x;
	height:32px;
	}
ul#main {
	padding: 0;
	list-style: none;
	}
ul#main li {
	margin:0 8px 0 0;
	padding: 0;
	float: left;
	height: 32px;
	overflow: hidden;
	}
ul#main a {
	height: 32px;
	line-height: 100px;
	display: block;
	}
ul#main li#menu-start {
	width: 69px;
	}
ul#main li#menu-paket {
	width:69px;
	}
ul#main li#menu-program {
	width:142px;
	}
ul#main li#menu-viktiginfo {
	width:118px;
	}
ul#main li#menu-bildgalleri {
	width:115px;
	}

li#menu-start a {
	background:url(images/nav-start.gif) no-repeat;
	}
li#menu-start a:hover {
	background:url(images/nav-start.gif) no-repeat 0px -64px;
	}
body#home-page li#menu-start a {
	background:url(images/nav-start.gif) no-repeat 0px -32px;
	}
body#artist-page li#menu-start a {
	background:url(images/nav-start.gif) no-repeat 0px -32px;
	}

li#menu-paket a {
	background:url(images/nav-paket.gif) no-repeat;
	}
li#menu-paket a:hover {
	background:url(images/nav-paket.gif) no-repeat 0px -64px;
	}
body#package-page li#menu-paket a, 
body#packagedetail-page li#menu-paket a {
	background:url(images/nav-paket.gif) no-repeat 0px -32px;
	}	
li#menu-program a {
	background:url(images/nav-program.gif) no-repeat;
	}
li#menu-program a:hover {
	background:url(images/nav-program.gif) no-repeat 0px -64px;
	}
li#menu-program a:active {
	background:url(images/nav-program.gif) no-repeat 0px -32px;
	}	
li#menu-viktiginfo a {
	background:url(images/nav-viktiginfo.gif) no-repeat;
	}
li#menu-viktiginfo a:hover {
	background:url(images/nav-viktiginfo.gif) no-repeat 0px -64px;
	}
li#menu-viktiginfo a:active {
	background:url(images/nav-viktiginfo.gif) no-repeat 0px -32px;
	}	
li#menu-bildgalleri a {
	background:url(images/nav-bildgalleri.gif) no-repeat;
	}
li#menu-bildgalleri a:hover {
	background:url(images/nav-bildgalleri.gif) no-repeat 0px -64px;
	}
body#gallery-page li#menu-bildgalleri a {
	background:url(images/nav-bildgalleri.gif) no-repeat 0px -32px;
	}	
	
	
	

#hotelmenu {
	padding-left:30px;
	background:url(images/bg_top.gif) bottom no-repeat;
	height:30px;
	}
ul#hotels {
	padding: 0;
	list-style: none;
}
ul#hotels li {
	margin: 0;
	padding: 0;
	float: left;
	height: 22px;
	overflow: hidden;
}
ul#hotels a {
	height: 22px;
	line-height: 100px;
	display: block;
}
ul#hotels li {
	width: 91px;
}
li#menu-pitehavsbad a {
	background:url(images/tab-pitehavsbad.gif) no-repeat 0px -22px;
}
li#menu-pitehavsbad a:hover {
	background:url(images/tab-pitehavsbad.gif) no-repeat 0px -22px;	
	}
li#menu-piteastadshotell a {
	background:url(images/tab-pitea_stadshotell.gif) no-repeat;
}
li#menu-piteastadshotell a:hover {
	background:url(images/tab-pitea_stadshotell.gif) no-repeat 0px -22px;	
	}
li#menu-restandfly a {
	background:url(images/tab-restandfly.gif) no-repeat;
}
li#menu-restandfly a:hover {
	background:url(images/tab-restandfly.gif) no-repeat 0px -22px;
}

li#menu-storforsen a {
	background:url(images/tab-storforsen.gif) no-repeat;
}

li#menu-storforsen a:hover {
	background:url(images/tab-storforsen.gif) no-repeat 0px -22px;
}

li#menu-kalotten a {
	background:url(images/tab-kalotten.gif) no-repeat;
}
li#menu-kalotten a:hover {
	background:url(images/tab-kalotten.gif) no-repeat 0px -22px;
}

li#menu-arctic a {
	background:url(images/tab-arctic.gif) no-repeat;
}
li#menu-arctic a:hover {
	background:url(images/tab-arctic.gif) no-repeat 0px -22px;
}

li#menu-club365 a {
	background:url(images/tab-magasin365.gif) no-repeat;
}
li#menu-club365 a:hover {
	background:url(images/tab-magasin365.gif) no-repeat 0px -22px;
}
#submenu1 {
	line-height:1.1em;
	font-size:11px;
	padding:3px 0 0 10px;
	height: 27px !important;
	height /**/:30px;
	background:url(images/menu2b_bg.gif) repeat-x;
	margin:0;
	}
#submenu1 a {
	display:block;
	height:14px;
	float:left;
	
	padding:2px 5px 0 5px;
	text-decoration:none;
	color:#FFFFFF;
	
	}

#submenu1 li {
	height:16px;
	display:block;
	float:left;
	margin:0 5px 0 0;
	
	}
#submenu1 li.active a,
#home-page #submenu1 li.start a {
	background:url(images/submenu1-bg_left.gif) no-repeat left top;
	color:#2e4e54;
	}
#submenu1 li.active,
#home-page #submenu1 li.start {
	background:#FFFFFF url(images/submenu1-bg_right.gif) no-repeat right top;
	}



#submenu2 {
	font-size:10px;
	padding-top: 4px;
	height: 20px !important;
	height /**/:24px;
	background:url(images/submenu2_bg.gif) no-repeat;
	}
body#home-page #submenu2 {
	height:14px;
	font-size:0px;
	}
ul.detailmenu {
	float:left;
	margin:0 1px 4px 0;
	background:#ebe6e6;
	border-bottom:1px solid #f4f4f4;
	}
ul.detailmenu li {
	background:#f4f4f4;
	margin:0 0 1px 0;
	border-left:7px solid #FFFFFF;
	float:left;
	}
ul.detailmenu a:hover {
	background:#ebe6e6;
	text-decoration:none;
	}
ul.detailmenu a {
	padding:0 0 0 7px;
	display:block;
	width:206px;
	}
ul.detailmenu li.active a {
	background:#f0eded;	
	}
ul.detailmenu li.home a {
	font-weight:bold;
	}
ul.detailmenu li.active {
	border-left:7px solid #00b5cb;
	}

/* Forms
------------------------------------------------------------------*/	
fieldset {
	margin:0;
	padding:0;
	border:0;
	}
form#contact {
	margin:0 0 7px 0;
	}
form#contact p {
	margin:0 0 4px 0;
	}
form#contact label {
	color:#42bdcb;
	font-size:13px;
	font-weight:bold;
	display:block;
	margin:0 0 2px 0;
	}
form#contact input#name,
form#contact input#bookingnr,
form#contact input#email {
	font-size:12px;
	color:#625741;
	height:16px;
	width:180px;
	margin:0 0 0 2px;	
	}
form#contact input.button {
	margin:0 0 0 2px;
	}
form#contact textarea#message {
	color:#625741;
	width:200px;
	margin:0 0 0 2px;	
	}
	
/* Galllery
------------------------------------------------------------------*/
.galleryitem {
	display:inline;
	float:left;
	width:143px;
	height:127px;
	background:url(images/galleryitem-bg.gif) no-repeat;
	margin:0 0 7px 6px;
	}
.galleryitem .thumb {
	width:123px;
	height:91px;
	overflow:hidden;
	margin:10px 0 0 10px;
	}