@charset "UTF-8";

/* 
Client: WonderCruises
Author: Wonderbrand AB
Last changed: 2009-03-20 Toby
*/

* { margin: 0; padding: 0; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:130%;}
table { border-collapse: separate; border-spacing: 0; }
a img, :link img,:visited img { border: none; }
html, body { height: 100%; }
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
address { font-style:normal }
.hide{text-indent:-9999px;height:1px;font-size:1px;line-height:1px;padding:0;margin:0;background:none;}
.clearfix { display: inline-block; }   
.clearfix:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix { display: block; }

label { padding-top:4px;}

/* -------------------------- Typography ----------------------------- */
body {
background: #f7f3ee url(../images/top_bg_karibien.jpg) top left repeat-x;
font-size: 75%;
/*font-family: Calibri,Arial,Trebuchet,"Trebuchet MS",Verdana, sans-serif;*/
font-family: Arial,Trebuchet,"Trebuchet MS",Verdana, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
color: #000;
/*font-family: Calibri,Arial,Trebuchet,"Trebuchet MS",Verdana, sans-serif;*/
font-family: Arial,Trebuchet,"Trebuchet MS",Verdana, sans-serif;
}


p 			{ font-size: 1em; margin: 0 0 1.5em; color:#666; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; }
img         { margin: 0 0 1.5em; }

a:link, a:visited { color:#9a7502; text-decoration: none; }
a:hover, a:active { color:#b88b00; text-decoration: underline; }
a.mail, a[href^="mailto:"] { background:url(../images/ikon_email.gif) center left no-repeat; padding-left:20px }
a h4 {color:#b88b00}

::selection                         { background: #FCE47C; color: black; /* Safari */ }
::-moz-selection                    { background: #FCE47C; color: black; /* Firefox */ }

h1 { font-size: 1.8em; font-weight: normal; color:#444; margin:-5px 0 0.25em 0; line-height:110%; z-index:9999; position:relative; }
h2 { font-size: 1.6em; font-weight: normal; color:#444; margin:-5px 0 0.25em 0; }
h3 { font-size: 1.4em; font-weight: normal; color:#444; margin:0 0 0.25em 0; line-height:110%; }
h4 { font-size: 1.1em; font-weight: normal; color:#444; margin:0 0 0.25em 0; line-height:110%; }
h5 { font-size: 1em; font-weight: bold; color:#444; margin:0 0 0.25em 0; line-height:110%; }
h6 { font-size: 80%; font-weight: 80%; }

.prissplash { font-size: 2.5em; font-weight: bold; color:#666666; margin:0 0 0 0; }

/* -------------------------- Default Classes ----------------------------- */
.highlight  { background:#ff0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.quiet { font-size:90% }
.loud { font-size:120% }
.xloud { font-size:150%;}

.box { padding: 1.5em; margin-bottom: 1.5em; background: #eee; }

hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.4em;border:none;}
hr.space { background:#fff; color:#fff }

/* -------------------------- Layout ----------------------------- */

#pagewrapper { width:935px; margin: 0 auto 30px; position:relative; height:auto; z-index:20; }
#palm {position:absolute; padding:0; margin:0; top:-10px; z-index:10;}
#header {
width: 935px;
height: auto;
padding: 10px 10px 0 10px;
background: #fff;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px
}

#top { width:935px; height:auto; margin:10px; }
#contentwrapper { width:895px; height:auto; padding: 20px 30px 60px 30px; background:#fff url(../images/new_footer_pic.jpg) bottom left repeat-x;; float:left; position:relative; z-index:30; /*border-bottom: 2px solid #999;*/ }
#mosaik { width:430px; height:245px; float:left; margin-right:10px; margin-top:0; } /*För metrosidan*/

#maincontent { width:432px; height:auto; float:left; padding-top:10px; margin-right:30px; font-size:110%; line-height:135%; }
#maincontent_wide { width:894px; height:auto; float:left; padding-top:10px; }

#secondarycontent { width:432px; padding-top:10px; height:auto; float:left; font-size:110%; line-height:135%;}
#secondarycontent #dest img {width:432px; height:auto;}

/* ---------------------------------------------------- /
/														/
/						FOOTER							/
/														/
/ ---------------------------------------------------- */

#footer {
width: 915px;
height: 20px;
text-align: center;
padding: 60px 20px 20px;
margin-bottom: 30px;
background: #fff url(../images/bg_footer.gif) top left repeat-x;
float: left;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}

#footer2 {
	width: 895px;
	height: auto;
	float: left;
	clear: both;
	border: 1px solid #c8be99;
	border-top:none;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	background: #fff url('../images/bg_footer2.gif') 0 0 repeat-x;
	padding: 30px 20px 0;
	color: #444;
	font-size: 1em;
	margin: 0 0 30px 9px;
}

#footer2 ul li {list-style-position: outside; margin:0 0 6px;}

#footer2 #col1,
#footer2 #col2,
#footer2 #col3
{ height:auto; min-height:200px; float:left }

#footer2 #col1 {
	width: 210px;
	margin: 0 13px 0 0;
	background: url(../images/footer_bord.gif) right 50% repeat-y;
}
#footer2 #col2 {
	width: 210px;
	padding:0 14px 0 0;
	margin: 0 14px 0 0;
	background: url(../images/footer_bord.gif) right 50% repeat-y;
}

#footer2 #col2 p a {padding-left:20px; }

#footer2 #col3{width:433px;}

#footer2 .faq { font-size:1.3em; }

#footer2 #fullwidth { 
	width:895px;
	height:25px;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	text-align:center;
}

/* footertypografi */
#footer2 #col2 p { margin:0 0 1em; padding:0; }
#footer2 #col3 p, #footer2 #col3 p { font-size:1.2em; float:right; clear:both; }
#footer2 #fullwidth p {font-size:1.1em; margin:0;}

#footer2 h4 { font-size: 1.4em; font-weight: bold;  margin:0 0 0.25em 0; }
#footer2 h5 { font-size: 1.2em; font-weight: bold;  margin:0 0 0.25em 0; }
#footer2 h5.pil { margin:0; padding:0; }

#footer2 blockquote {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 0.25em 0;
	padding:0 5px;
	line-height:135%;
}
#footer2 cite {
	font-size: 1.1em;
	font-weight: normal;
	margin: 20px 0 0.25em 0;
	line-height: 130%;
	text-align: right;
	float: right;
	clear:both;
}
#footer2 a:link, #footer2 a:visited { color:#9a7502; text-decoration: none; }
#footer2 a:hover, #footer2 a:active { color:#9a7502; text-decoration: underline; }

/* -------------------------- Header----------------------------- */

#wc_logo { padding:20px 0 0 20px }

#introtext {
width: 400px;
height: auto;
font-size: 140%;
float: left;
position: relative;
padding: 110px 0 5px 20px;
color: #333333;
clear: right;
}

#utilities, #flagwrapper {
position: absolute;
top: -10px;
background: #fff url(../images/bg_utilities.gif) top left repeat-x;
width: auto;
height: auto;
padding: 10px;
border:1px solid #999999;
border-top:none;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}

#utilities { /* med karta knapp - left: 496px;*/ left:630px;}
#flagwrapper { left: 795px; }

#utilities form { width:auto; display:inline; }
form :focus { background:#F9F4D8; }

#utilities #DoShow, #dest .box .kryssning .btn
{
color:#fff;
font-weight:bold;
border: 1px solid #000;
padding:2px 3px;
background: #b77a00 url(../images/bg_btn.gif) top left repeat-x;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
-webkit-box-shadow: 0 0 2px #525252; box-shadow: 0 0 2px #525252;
}

#flagwrapper #DoShow:hover, #dest .box .kryssning .btn:hover { background-image:none; }

#flagwrapper #v_div { float:left; padding:0 12px 0 0; position:relative; top:-3px; }
#utilities p, #flagwrapper p { float:left; display:inline; color:#000; padding-bottom:0; margin:0;}
#flagwrapper p { font-weight:bold; font-size:90%; }
#utilities a.btn { padding:3px 20px; line-height:130%; }

#collage {
float: right;
position: absolute;
top: 50px;
right: -31px;
z-index: 1;
height: 288px;
width: 504px;
overflow:hidden;
}

#collage:hover { }
#collage img {margin:0 0 24px 30px;}
#collage img a {text-decoration:none;}

#collage_img { margin-bottom:-4px; }
.skugga_under_collage { margin: 233px 0 0 61px; }

#fl_se, #fl_no {
width: 19px;
height: 13px;
margin: 0 4px 0 0;
float: right;
border: 1px solid #000;
-webkit-box-shadow: 0 0 2px #7E7E7E;
box-shadow: 0 0 2px #7E7E7E;
}

#fl_se span, #fl_no span { display:none; }
#fl_se:link, #fl_se:visited  { background: url(../images/flags/fl_se.gif) no-repeat -20px 0; }
#fl_se:hover, #fl_se:active, #fl_se:focus  { background: url(../images/flags/fl_se.gif) no-repeat 0 0; }

#fl_no:link, #fl_no:visited  { background: url(../images/flags/fl_no.gif) no-repeat -20px 0; }
#fl_no:hover, #fl_no:active, #fl_no:focus  { background: url(../images/flags/fl_no.gif) no-repeat 0 0; }

/* ----------------------- Navigation -------------------------*/

#nav_wrapper { text-align:center; width:100%; margin:0; padding:0; float:left; clear:both; position:relative; z-index:20; }

#global_nav {
text-align:center;
list-style-type:none;
width: 100%;
height: 100%;
background: #f1e4a0 url(../images/bg_menu.gif) bottom left repeat-x;
padding: 0 10px;
margin: 0;
border-top:1px solid #ffffff;
position:relative;
z-index:40;
}

#global_nav li {
list-style: none;
display: inline;
text-align: center;
width: auto;
height: auto;
margin: 0 0 0 -3px;
padding: 0;
}

#global_nav li a:link, #global_nav li a:visited {
width: auto;
height: 72px;
margin:0;
padding: 0.9em 25px;
background:#f1e4a0 url(../images/bg_menu_li.gif) bottom left repeat-x;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size:100%;
line-height:3em;
border-top:1px solid #ffffff;
border-right:1px dashed #99802b;
}

#global_nav li a:hover, #global_nav li a:focus { background:#fff; color:#9a7502; }

#global_nav #meny_hem a { border-left:1px dashed #99802b; margin:0; }
#global_nav #meny_destinationer, #global_nav #meny_attkryssa { margin:0 0 0 -3px; }

#loginkey { position:absolute; z-index:250; top: 0; right:-10px;}

#hem #meny_hem a,
#dest #meny_destinationer a,
#kryssningar #meny_kryssningar a,
#red #meny_rederier a,
#rederier #meny_rederier a,
#attk #meny_attkryssa a,
#aktiviteter #meny_aktiviteter a,
#omwc #meny_omoss a,
#resevillkor #meny_resevillkor a
{ background:#fff; color:#9a7502; }

#nav2 {
width: 100%;
height: auto;
line-height:36px;
margin: 0;
text-align: center;
padding: 0 10px;
background: #fff url(../images/bg_nav2.gif) top left repeat-x;
clear: both;
}

#nav2 li {
display: inline;
padding: 0;
margin: 0;
font-size: 120%;
line-height: 36px;
height: auto;
}

#nav2 li a:link, #nav2 li a:visited { padding: 0.9em }

#nav2 li a:hover,
#nav2 li a:active,
#nav2 li a:focus {
background-image: none;
background-color: #fff;
color: #D19308;
text-decoration: none;
}


.afrika #nav2 #nav2_destinationer_afrika a,
.europa #nav2 #nav2_destinationer_europa a,
.karibien #nav2 #nav2_destinationer_karibien a,
.nordamerika #nav2 #nav2_destinationer_nordamerika a,
.sydamerika #nav2 #nav2_destinationer_sydamerika a,
.panama #nav2 #nav2_destinationer_panama a,
.nordeuropa #nav2 #nav2_destinationer_nordeuropa a,
.alaska #nav2 #nav2_destinationer_alaska a,
.kanarieoarna #nav2 #nav2_destinationer_kanarieoarna a,
.norden #nav2 #nav2_destinationer_norden a,



#nav2 .active
{ font-weight:bold; background-image:none; background:#fff url(../images/bg_nav2_li.gif) 50% 30px no-repeat; }


/* -------------------------- Hemsida ----------------------------- */
.hemruta01 { width:390px; height:auto; margin: 0 0 10px 0; padding:20px; background:#eee; border:1px solid #999;  }
.hemruta01 legend { font-weight:bold; font-size:170%; color:#444; /*padding-bottom:10px;*/ }
.hemruta01 label { margin-right:5px; padding:4px 0; }
.hemruta01 input { margin-right:5px; padding:4px; }

.hemruta02 { width:390px; height:auto; margin: 0 0 10px 0; padding:20px 20px 15px; background:#eee; border:1px solid #999;  }

.hemruta03 { width:390px; height:auto; margin: 0 0 10px 0; padding:20px 20px 15px; background:#fff; border:1px solid #999;  }

#hem .secondarycontent_ruta_body h2 {
font-size: 180%;
font-weight: bold;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px #999 solid;
color: #b88b00;
}

#hem .secondarycontent_ruta_body h3 { float:left; font-size:160%; font-weight:bold; color:#b60707; }

#red_logo_wrapper {width:432px; height:auto; float:left; margin:-10px 0 7px 0;}

.pris_index {position:relative; top:-80px; left:20px; margin-bottom:-50%;}
.datum_index {width:300px; float:left}

#usa {
width: 390px;
height: auto;
float: left;
border: 1px solid #999;
padding: 15px 20px 10px;
margin: 10px 0 0 0;
background: url(../images/usa.jpg) top left no-repeat;
}

#usa h4 a {color:#444; background:url(../images/pdf.gif) left center no-repeat; padding-left:20px;}

#erbj_list_wrap {width:95%; height:auto; float:left; font-size:0.9em; }
#erbj_list_wrap h4.pil { width:300px; height:auto; float:left; /*font-size:120%;*/}
#erbj_list_wrap h4.pris { float:right; clear:right; /*font-size:120%;*/}
#erbj_list_wrap br { clear:both; }

.erbj_list {width:100%; height:20px; float:left; background:#444; text-align:top;}

/* --------------------------------------------------- *
/														/
/						   FORMS						/
/														/
/	-------------------------------------------------- */

.boka_ruta {
width: 370px;
height: auto;
margin: 28px 0 0 0;
padding: 25px 30px 30px;
float: left;
background: #eee url(../images/boka_ruta_bg.gif) bottom left repeat-x;
border: 1px solid #999;
}

#hemboka legend, #hemboka label { color: #666; font-size:90%; margin:3px 0; }
#hemboka br { clear:both; margin:5px 0; }
#hemboka #submit { margin:10px 10px 0 0; }

#hemboka #Dag { width:4em }
#hemboka #Dest { width:140px }

#hemboka1 fieldset, #hemboka2 fieldset { padding:0; margin:0; font-size:85%; }

#hemboka1 { width:55%; float:left }
#hemboka1 label, #hemboka2 legend { font-weight:bold; }
#hemboka1 input { width:120px }
#hemboka1 #Dest, #hemboka1 #ADest { margin-bottom:10px; }
#hemboka1 #kampid { width:40px; }
#hemboka1 #lopnr { width:80px; }

#hemboka1 #Ar, #hemboka1 #Manad, #hemboka1 #Dag { margin: 0 0 15px; }

#hemboka2 { width:45%; float:right }
#hemboka2 select { margin-right:10px; display:block; float:left; }
#hemboka2 label { display:inline; float:left; padding-right:10px; width:100px; }

#bookingfr {
width: auto;
height: auto;
padding: 20px;
background: #eee url(../images/boka_ruta_bg.gif) bottom left repeat-x;
border: 1px solid #999;
}

#bookingfr legend { color: #666; font-size:150%; margin:3px 0 0; }
#bookingfr fieldset { padding:0 15px 10px 0; margin:10px 0; float:left; border-bottom:1px solid #ccc; width:100%; }
#bookingfr fieldset fieldset { padding:0; margin:0 0 8px 0; float:none; border:0; }

#bookingfr label { display:inline; float:left; padding-right:10px; width:125px; }
#bookingfr input, textarea { padding:2px; }
textarea { font-family:inherit; font-size:110%; }
#bookingfr br { clear:both; margin:5px 0;}

#bookingfr fieldset.submit { float:none; text-align:center; border:0; }

.cancel { border:0px; margin:0; margin-top:3px; padding-left:10px; }
#bokningContainer ul li { list-style-type:none; }
#bokningContainer { min-height:580px; padding-bottom:30px; }
textarea#ovrigt { width:202px; height:150px; }
textarea#ovrigt { width:202px; height:150px; }

input { margin:0 4px; }
select { margin:0 4px; }
option { margin:0 4px; }

.error {color:#ff3333;}

/* --------------------------- Rutor --------------------------- */
.erbj_ruta {
	width: 432px;
	height: auto;
	float: left;
	margin: 0 0 0 30px;
	padding-bottom: 8px;
	position:relative;
	top:-12px;
}

.erbj_ruta h1 {
	margin:0 0 -28px 0;
}

.erbj_ruta img {margin:40px 0 0 0;}


.maincontent_ruta_body ul {float:left; width:auto; height:auto; margin:5px 0 0 0;}
.maincontent_ruta_body ul li {margin:5px 0 0 0; list-style: none outside url(../images/yellow_bullet.gif);}

.ruta01 {
width: 370px;
height: auto;
border: 1px solid #ccc;
padding: 20px 30px 35px;
margin-bottom:20px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: url(../images/bg_ruta01.gif) bottom left repeat-x;
}

.ruta01 ul {margin:10px 0 0 0; color:#666;}
.ruta01 ul li {margin:2px 0 0 0; list-style:none inside url(../images/yellow_bullet.gif);}

.ruta01 table { margin-bottom:10px; border-collapse:collapse; }
.ruta01 table th { font-weight:bold; color:#666; padding:5px 2px;  border-bottom:1px solid #E2E2E2;}
.ruta01 table td { color:#666; padding:2px }
.ruta01 table td { border-bottom:1px solid #E2E2E2; }

.ruta02 {
width: 370px;
height: auto;
float: left;
border: 1px solid #ccc;
padding: 20px 30px 35px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: url(../images/bg_ruta02.gif) bottom left repeat-x;
}

.ruta02 ul {
float: left;
width: 46%;
height: auto;
margin: 10px 10px 10px 0
}

.ruta02 ul li {
list-style: none;
color: #333;
padding-bottom: 0.5em
}


.ruta_rederi_info {
width: 370px;
height: auto;
border: 1px solid #ccc;
padding: 20px 30px 35px;
margin-bottom:20px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: url(../images/bg_ruta01.gif) bottom left repeat-x;
}

.ruta_rederi_info ul {margin:10px 0 0 0; color:#666;}
/*.ruta_rederi_info ul li {margin:2px 0 0 0; list-style:none inside url(../images/pdf.gif);}*/

.pdf_rederi_info {background:url(../images/pdf.gif) 0 50% no-repeat; padding:2px 0px 2px 20px; 	vertical-align: text-top;}

.ruta_rederi_info table { margin-bottom:10px; border-collapse:collapse; }
.ruta_rederi_info table th { font-weight:bold; color:#666; padding:5px 2px;  border-bottom:1px solid #E2E2E2;}
.ruta_rederi_info table td { color:#666; padding:2px }
.ruta_rederi_info table td { border-bottom:1px solid #E2E2E2; }

.red_forklaring { margin:0 0 5px 20px; }


/* --- Flikarna --- */
.tabNavigation { width:auto; }

.tabNavigation a:link, .tabNavigation a:visited {
position: relative;
float:left;
display: inline;
margin: 1px 0 0;
padding: 15px 10px 10px 0;
width: 102px;
height: 15px;
color: #ffffff;
background: #9a7502 url(../images/flik.gif) top right no-repeat;
font-weight: bold;
text-align: center;
text-decoration: none;
text-indent: 8px;
}

.tabNavigation a:hover, .tabNavigation a:active, .tabNavigation a:focus {
background: url(../images/flik.gif) top left no-repeat;
color: #9a7502;
cursor: pointer;
}

/* --- Flikarnas content --- */
.flikar_wrap {width:895px; height:auto; float:left; margin:15px 0 0 0 }

/*--- Flikar stil utan javascript ---*/
.ruta03 {
position:relative;
width: 815px;
height: auto;
float:left;
display: block;
padding: 30px 40px 40px; 
background: #fff url(../images/bg_ruta01.gif) bottom left repeat-x;
border:1px solid #ccc;
border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px; 
border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px;
}

.ruta03 ul { color:#666; height:auto; margin:5px 0 0 0; float:left;}
.ruta03 ul li { margin:5px 10px 0 0; list-style: none outside url(../images/yellow_bullet.gif);}
.ruta03 p {margin:5px 0 5px 0; float:left;}
.ruta03 ul.lightbox li { list-style-image: none; float:left; display:inline; }

/* tabs */
.flikcontent_left {width:390px; height:auto; float:left; padding:0;}
.flikcontent_right {width:390px; height:auto; float:left; margin:0 0 0 30px; }
.flikcontent_right img {border:1px solid #fff; float:left; margin:0; margin-bottom:10px;}

/* Allt om resor */
#alltspalt1 {font-size:90%; width:50px; height:auto; float:left; margin-bottom:15px;}
#alltspalt2 {font-size:90%; width:260px; height:auto; float:left; margin-bottom:15px;}
#alltspalt3 {font-size:90%; width:60px; height:auto; float:left; margin-bottom:15px;}
#alltspalt4 {font-size:90%; width:50px; height:auto; float:left; margin-bottom:15px;}

/* Fartygsvisningar NORSK */
#fvspalt1 {font-size:90%; width:110px; height:auto; float:left; margin-bottom:15px; color:#666666;}
#fvspalt2 {font-size:90%; width:140px; height:auto; float:left; margin-bottom:15px; color:#666666;}
#fvspalt3 {font-size:90%; width:60px; height:auto; float:left; margin-bottom:15px; color:#666666;}
#fvspalt4 {font-size:90%; width:80px; height:auto; float:left; margin-bottom:15px; color:#666666;}

.fartygsvisning_button {margin:55px 0 0 100px; }

#metropuff_top{width:180px;height:46px;padding:20px 20px 0 20px;background:url(../images/metro_liten_logo.gif) bottom left no-repeat;}
#metropuff_body{width:180px;height:auto;padding:20px 20px 20px 20px;background:url(../images/metro_puff_bg.gif) bottom left no-repeat;}

/* puffar, ändra background för ny puff */
.storpuff{width:400px;height:255px;float:left;padding:5px 10px 0 10px;}

/*Specialerbjudande-puffen inte ville dyka upp i ie6 så vi fick lösa det med att göra hela puffen som en bild.*/
.storpuff_special{width:420px;height:260px;float:left;/*padding:5px 10px 0 10px;*/}
.storpuff2{width:400px;height:255px;float:left;padding:5px 10px 0 10px;}
.storpuff#sv { background:url(../images/stor_puff_karib.jpg) top left no-repeat }
.storpuff2#sv { background:url(../images/stor_puff_2.jpg) top left no-repeat }
.storpuff#no { background:url(../images/stor_puff_.jpg) top left no-repeat }

a.no_underline { text-decoration:none }
.litenpuff{width:215px;height:255px;float:left;background:url(../images/liten_puff_usa_sv.jpg) top left no-repeat;padding:5px 10px 0 10px}
.litenpuffhalv{width:215px;height:110px;float:left;background:url() top left no-repeat;padding:0;}
.litenpuffusa{width:215px;height:110px;float:left;background:url() top left no-repeat;padding:0px}

.bokningspuff { width:218px; height:260px; padding:0 }
.bokningspuff#sv { background:url(../images/bokning_sv.jpg) top left no-repeat }
.bokningspuff#no { background:url(../images/bokning_no.jpg) top left no-repeat }

/*------------------------------- Tumnagel moduler --------------------------------------*/
/*  som andvänds i Rederier, Destinationer o s v 
	_h betyder horisontell upplägg
	_v betyder vertikal upplägg
*/
.thumb_modul_h { width:100%; height:auto; padding:15px 0; border-top:1px solid #ccc; margin-bottom:15px; display:block; }
.thumb_modul_h h4, .thumb_modul_h p { width:auto; }
.thumb_modul_h img { margin:0 0 15px 25px; padding:0; float:right; border: 1px solid #fff; }
.thumb_modul_h.hover { cursor:pointer; }
.thumb_modul_h img:hover { /*-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.70; text-decoration:underline;*/ border: 1px solid #b88b00; }
.thumb_modul_h.hover p { color:#1B1B1B; }

/*------------------------------- Rederier --------------------------------------*/

.rederi { float:none; width:100%; margin-bottom:20px; clear:right; }
.rederi h2 { width:100%; height:auto; float:none; display:block; }
.rederi img, .rederilogo { border:1px solid #ccc; float:left; margin:0 25px 15px 0; }
.rederi img:hover { border:1px solid #b88b00; float:left; margin:0 25px 15px 0; }

/*------------------------------- Destinationer --------------------------------------*/
#dest .destbox { padding: 0 20px; width:auto; height:288px; margin-bottom:20px; }
#dest .destbox h2 { line-height:120px; font-size:300%; text-indent:10px;}
#dest .destbox.hover { cursor:pointer;  -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;}
#dest .destbox a { font-weight: bold; color:#fff; }
#dest .destbox.afrika { background: #b88b00 url(../images/dest_afrika.jpg) top left no-repeat; } 
#dest .destbox.asien { background: #b88b00 url(../images/dest_asien.jpg) top left no-repeat; } 
#dest .destbox.euro { background: #b88b00 url(../images/dest_europa.jpg) top left no-repeat; }
#dest .destbox.karib { background: #b88b00 url(../images/dest_karib.jpg) top left no-repeat; }
#dest .destbox.nam { background: #b88b00 url(../images/dest_nam.jpg) top left no-repeat; }
#dest .destbox.sam { background: #b88b00 url(../images/dest_sam.jpg) top left no-repeat; }
#dest .destbox.medelhavet { background: #b88b00 url(../images/dest_medelhavet.jpg) top left no-repeat; }
#dest .destbox.norden { background: #b88b00 url(../images/dest_norden.jpg) top left no-repeat; }

#dest .destbox.nordeuropa { background: #b88b00 url(../images/dest_nordeuropa.jpg) top left no-repeat; }
#dest .destbox.alaska { background: #b88b00 url(../images/dest_alaska.jpg) top left no-repeat; }
#dest .destbox.panama { background: #b88b00 url(../images/dest_panama.jpg) top left no-repeat; }
#dest .destbox.kanarieoarna { background: #b88b00 url(../images/dest_kanarieoarna.jpg) top left no-repeat; }

#dest h3 { padding:0.5em 0; }
#dest .box {
background: #F9F5EE url(../images/bg_box_kryssning.gif) top right no-repeat;
/*border: 1px solid #E5E5E5;*/
border-bottom:12px solid #BFA764;
}

#dest .box h4 { font-size:160%; font-weight:normal; margin-bottom:0.5em; color:#2E2E2E;  }
#dest .box h4 span { font-weight:bold; }
#dest .box .kryssning { float:left; width:185px; margin-right:20px; }
#dest .box .kryssning .pris { font-size:150%; font-weight:normal; }
#dest .box .kryssning p { font-size:90%; }
#dest .box .kryssning.r { margin-right:0; }
#dest .box .kryssning img { border:1px solid #ccc; margin:0; padding:0; margin-bottom:0.5em; } 

/*------------------------------- Erbjudanden --------------------------------------*/
#erbjudande br{clear:left;}

h3.sticky_rubrik { background:none; cursor:default; color:#000 }

#maincontent .accordion_wrapper { margin:0 0 1em 0; padding:0; }
#maincontent .accordion li { list-style-type: none }

#sticky,.accordion_wrapper{float:left;width:95%;height:auto;clear:right;margin:0 0 1em 0;padding:0;background:#fff;}

.pris_rod {
width: auto;
height: auto;
float: left;
padding: 10px 20px;
color: #fff;
background: #cd071e url(../images/pris_rod_bg.gif) bottom left repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#hem .erbj_ruta .pris_rod { text-align: center; padding: 10px; }

.pris_siffror {font-size:2.5em; font-weight:bold;}
.erb_extrabilder_wrap {width:auto; height:auto; float:left; padding:0; margin:20px 0;}
.erb_extrabilder_wrap img {width:105px; height:105px; margin:0; float:left; border:1px solid #fff;}
.erb_extrabilder_wrap img:hover {border:1px solid #b88b00;}
	
.accordion_rubrik {
font-size: 1.5em;
width: auto;
background: #e7ddcb url(../images/accordion_rubrik_bg.gif) top left repeat-x;
padding: 0.2em 0 0.2em 0.5em;
margin-bottom:5px;
color: #b88b00;
display: block;
cursor: pointer;
cursor: hand;
}

.sticky_item, .accordion_item, .accordion_item_sm {
float: left;
background: #fff url(../images/bg_stickyitem.gif) bottom left repeat-x;
border: 1px solid #eee;
-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 2px 2px 2px #bbb;
}

.sticky_item:hover, .accordion_item:hover, .accordion_item_sm:hover { border: 1px solid #ccc; cursor:pointer; background-image:none; }

.sticky_item,.accordion_item { padding: 5px; width: 190px; min-height:265px; margin: 0 3px 3px 0; }
.accordion_item_sm { padding: 10px; width:190px; min-height:210px; margin: 0 3px 3px 0; }
.accordion_item_sm.fartyg { min-height:170px }
.sticky_item img,.accordion_item img { margin:0 0 10px; padding:0; }

.erb_acc .accordion_item { min-height:5px; height:180px; overflow:hidden; padding:10px; }

.sticky_item a:hover,.accordion_item a:hover{text-decoration:underline;}

.accordion_pris {
font-size: 80%;
width: auto;
height: auto;
float: left;
padding: 10px;
color: #fff;
background: #cd071e url(../images/pris_rod_bg_small.gif) bottom left repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.accordion_item_sm .accordion_pris { font-size:130%; font-weight:bold; margin:0; padding: 8px; }

.accordion_pris span {color:#fff; font-size:180%; font-weight:bold;}
.accordion_item h2{font-size:200%;padding:0;margin:0;line-height:1em;color:#b88b00}

.accordion_namn { margin:0 0 10px; padding:0; }
.accordion_namn a {font-size:130%; margin:5px 0 0; padding:0; line-height:100%; }
.accordion_desc{font-size:95%; margin:0 0 10px; padding:0;}

a.btn, input.btn {
color:#fff;
font-weight:bold;
border: 1px solid #000;
padding:0.3em 0.4em;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
-webkit-box-shadow: 0 0 2px #525252; box-shadow: 0 0 2px #525252;
}

input.btn { background: #b77a00 url(../images/bg_btn.gif) top left repeat-x; color:#ffffff; }
a.btn:link, a.btn:visited {
	background: #b77a00 url(../images/bg_btn.gif) top left repeat-x;
	color: #ffffff;
}
a.btn:hover, a.btn:active, a.btn:focus, input.btn:hover, input.btn:active, input.btn:focus {
	background-color: #b77a00;
	background-image: none;
	color: #ffffff;
	text-decoration: none;
}

.search_select {width:180px;}
.search_select_special {width:150px; position:absolute; margin: 50px 0 0 237px;}

/*------------------------------- Accordion --------------------------------------*/
.tab { color:#666; }

.tab ul, .tab ul li { list-style:none; }

.tab .accordion {
font-size: 120%;
font-weight: normal;
padding: 5px 10px 5px 25px;
margin-bottom:0.25em;
background: #E7E2DC url(../images/accClosed.gif) 5px center no-repeat;
border-top:1px solid #EFE9E0;
border-left:1px solid #EFE9E0;
border-right:1px solid #C3BDB7;
border-bottom:1px solid #C3BDB7;
}

.tab .accordion:hover { cursor:pointer !important; color:#000; }

.tab .accOpen {
background: #D4C07D url(../images/accOpen.gif) 5px center no-repeat;
color: #fff;
border-top:1px solid #E2CA77;
border-left:1px solid #E2CA77;
border-right:1px solid #B39F59;
border-bottom:1px solid #B39F59;
}

.expander { width:100%; float:none; clear:right; }

.tab dd { margin:0.5em 0 1.5em; padding: 0 0 0 26px; width:406px; }

/* ---------------------------- IKONER -------------------------- */
.puff_vit a[href$=".pdf"] { background:none; padding:0; }
#footer2 a[href$=".pdf"] { background:none; padding:0; }
.external { padding-left:18px; background:url(../images/external_link.gif) left 50% no-repeat; margin:0; width:auto;}

.pdf {background:url(../images/pdf.gif) 0 50% no-repeat; padding:2px 0 2px 20px;}

/* Allmänna */
.italic {font-style:italic}
.whitetext {color:#fff}
.blacktext {color:#000}
.goldtext {color:#b88b00}
.bluetext {color:#10096C}
.greytext {color:#333}
.redtext {color:#cd071e}
.smalltext {font-size:75%;}
.bold { font-weight:bold; }
.float_left {float:left}
.float_right {float:right}
.margin0 { margin:0 }
.pad0 { padding:0 }
.margin_special { margin:-50px 0 0 0}
.margin_special2 { margin:-20px 0 5px 0}
.position_fixed {position:fixed}
.special_margin {margin-bottom:40px}
.specialrub {font-size:1.2em}
.divider_bottom {padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #ccc;}
.divider_top {padding: 5px 0 0 0; margin: 5px 0 0 0; border-top: 1px solid #ccc;}
.display0 { display:none; }
.clearb { clear:both; }
.black_italic {color:#000; font-style:italic; font-size:85%; float:left; margin:50px 0 0 0;}
.list1 {width:100px; float:left;}
.list2 {width:100px; float:left;}
.shadow {-webkit-box-shadow: 0 0 10px #333; box-shadow: 0 0 10px #333;}
.storbild {margin:0 0 20px; padding:0; -webkit-box-shadow: 0 0 4px #333; -moz-box-shadow: 0 0 4px #333; box-shadow: 0 0 4px #333; }
a .logo_small {width:66px; height:44px; border: 1px solid #fff; margin:0;}
a .logo_small:hover  {border: 1px solid #b88b00;}
.pil {background:url(../images/pil2.gif) 0 4px no-repeat; padding-left:13px;}
.en_spalt {width:432px;}

.pratbubbla {background:url(../images/ikon_kontakt.gif) 0 50% no-repeat; padding:2px 0 2px 20px; }
.fragetecken {background:url(../images/ikon_info.png) 0 50% no-repeat; padding:0 0 0 20px; }
.hjarta {background:url(../images/ikon_heart.png) 0 50% no-repeat; padding:2px 0 2px 23px; }

#maincontent li { margin-left:20px; list-style-type:disc; color:#666;}

/*------------ Bubble pop-up ------------*/ 
.bubbleInfo {
	position:relative;
	top:-37px;
	left:5px;
	width:930px;
	z-index:45;
}

.popup {
	width:160px;
	height:75px;
	position:absolute;
	opacity:0;
	z-index:50;
	background:url('/images/popupbubble.gif');
	background-repeat:no-repeat;
	padding:17px 0 45px 0;
	margin:0 0 0 876px;
	border-collapse: collapse;
}

/*Start Tutorial CSS - Ignore*/
/*
img {
	border:none;
}

#wrapper {
	position:absolute;
	width:780;	
	height:400px;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-390px;
	text-align:center;
}

#header {
	display:block;
	position:relative;
	width:776px;
	height:213px;
	background:url(../images/header.png) no-repeat;
}

#videoswrap {
	position:relative;
	height:150px;
}

#footer {
	position:relative;
	width:776px;
	height:80px;
	padding-top:30px;
	background:url(../images/footer.png) no-repeat;
}

#links, #videos {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;
}

#links li {
	float:left;
	margin-left:70px;
}
*/
#videos li {
	float:left;
	list-style-type: none;
}
/*
#fancy_div {
	background:url(../images/video_bg.png) no-repeat;
}
*/
/*End Tutorial CSS - Ignore*/