/*========================================================*/
/*  Hoved elementer                                       */
/*========================================================*/

Body { 
   padding:50px 0 0 0;
   margin:0 auto 0 auto; 
   width:1000px; 
   text-align:center;   
   background:#dceef9;
}

h1, .h1 {
   margin:0 0 5px 0;
   padding:0;
   text-align:left;
   font-family:Tahoma;
   font-size:20px;
   color:#295393;
   text-decoration:none; 
   font-weight:normal;
}
h2, .h2 {
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:15px 0 15px 0;
}

.mainTxt {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:0;
}
a.mainTxt, .mainTxt a {   
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.mainTxt:visited, .mainTxt a:visited {   
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}

#header {
   height:49px;
   width:1018px;
   margin:0;
   float:left;
   clear:left;
}
#headercontent {
   width:1018px;
   height:49px;
   text-align:center;
   margin:0; 
}
#headerbottom {
   height:16px;
   width:1018px;
   background:url(images/bg_headerbottom.png) top left no-repeat;
   margin:0;
   padding:0;
   text-align:center;
   float:left;
   clear:left;
}
#topmenu {
   width:715px;
   float:left;
}
#content {
   width:1018px;
   min-height:600px;
   background:url(images/bg_main.png) top left repeat-y;
   float:left;
   clear:none;
}
#contentleft {
   width:1018px;
   min-height:600px;
   background:url(images/mummi.png) bottom left no-repeat;
   float:left;
   clear:left;
}
#contentcontent {
   width:1000px;
   float:left;
   clear:right;
   padding:0;
   margin:0 0 0 3px;
}
#left {
   min-height:535px;   
   width:142px;
   float:left;
}
#leftmenu {
   width:113px;
   float:left;
   margin:0 0 0 10px;
}
#mummi {
   width:142px;
   float:left;
   margin:0;
   position:relative;
   height:-90%;
   padding-top:50px;
}
#contentpage {
   width:701px;
   margin:0 7px 0 7px;
   float:left;
   text-align:left;
}
#right {
   width:143px;
   min-height:535px;
   float:right;
}
#bestill {
   width:113px;
   float:left;
   margin:0 0 0 15px;
}
#melding {
   width:128px;
   float:left;
   text-align:left;   
}
.meldingtext {   
   font-family:Verdana;
   font-size:9px;
   color:#000000;
   text-decoration:none;
}
.bestilltxt {   
   font-family:Verdana;
   font-size:12px;
   color:#000000;
   text-decoration:none;
}
.bestilltlf {   
   font-family:Verdana;
   font-size:14px;
   color:#000000;
   font-weight:bold;
   text-decoration:none;
   padding-bottom:30px;
   margin-bottom:30px;
}
.buttonreservation {   
   margin-top:5px;
}
#onlinebestill {
   width:143px;
   float:left;
   margin:15px 0 20px 0;
}
#adRight {
   width:143px;
   float:left;
   margin:15px 0 20px 0;
}

#om_bord {
   width:143px;
   float:left;
   margin:0;
}
#footer {
   width:1018px;
   height:32px;
   text-align:center;
   float:left;
   clear:left;
   background:url(images/bg_footer.png) top left no-repeat;
}
#footerbottom {
   width:1018px;
   margin:0;
   padding:25px 0 0 3px;
   text-align:left;
   float:left;
   clear:left; 
   font-family:Verdana;
   font-size:10px;
   color:#295393;
   text-decoration:none; 
   vertical-align:top;
}
.footerbottom, a.footerbottom, .footerbottom:active {   
   font-family:Verdana;
   font-size:10px;
   color:#295393;
   text-decoration:none;
   margin-bottom:15px;
   vertical-align:top;
}
.footerbottom:hover {   
   font-family:Verdana;
   font-size:10px;
   color:#295393;
   text-decoration:underline;
}

/*========================================================*/
/*  Header                                                */
/*========================================================*/

#logo_tallink {
   width:145px;
   height:49px;
   float:left;
}

#logo_silja {
   width:158px;
   height:49px;
   float:left;
   clear:right;
}
.pagegroup-rightHeader {   
   font-family:Verdana;
   font-size:12px;
   font-weight:bold;
   color:#000000;
   text-align:left;
   border-bottom:dotted 1px #999999;
}

.pagegroup-right a {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-decoration:none;
   text-align:left;
   margin-top:5px;
}
.pagegroup-right a:hover {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-decoration:underline;
   text-align:left;
}

/*========================================================*/
/*  Meny topp                                             */
/*========================================================*/

.topmenu1 {
   width:110px;
   height:49px;
   left:0;
   top:0;
   float:left;
}
.topmenu2 {
   width:110px;
   height:49px;
   left:110;
   top:0;
   float:left;
   padding-left:11px;
}
.topmenu3 {
   width:110px;
   height:49px;
   left:220;
   top:0;
   float:left;
   padding-left:11px;
}
.topmenu4 {
   width:110px;
   height:49px;
   left:330;
   top:0;
   float:left;
   padding-left:11px;
}
.topmenu5 {
   width:110px;
   height:49px;
   left:440;
   top:0;
   float:left;
   padding-left:11px;
}
.topmenu6 {
   width:110px;
   height:49px;
   left:550;
   top:0;
   float:left;
   clear:right;
   padding-left:11px;
}

/*========================================================*/
/*  Meny venstre                                          */
/*========================================================*/

.leftmenu
{   
   font-family:Arial;
   font-size:10px;
   color:#000000;
   text-decoration:none;
   text-align:left;
   margin:0 0 3px 0;
}

.leftmenu-hover
{   
   font-family:Arial;
   font-size:10px;
   color:#000000;
   text-decoration:underline;
   text-align:left;
   margin:0 0 3px 0;
}

.leftmenuLevel1
{   
   background:#D5EBF9;
   font-family:Arial;
   font-size:10px;
   color:#000000;
   text-decoration:none;
   text-align:left;
   padding:2px;
}
.leftmenuLevel2
{
   background:transparent;
   font-weight:bold;
}

.hoverstyle
{
    text-decoration:underline;
}

/*========================================================*/
/*  Bunn                                                  */
/*========================================================*/


#footertxt {
   z-index:1;
   width:1000px;
   text-align:center;
   float:left;
   clear:left;
   height:30px;
   top:0px;
   left:0;
   margin:10px 0 10px 0;
   font-family:Verdana;
   font-size:14px;
   color:#18416b;
}
.footertxt, a.footertxt {   
   font-family:Verdana;
   font-size:14px;
   color:#295393;
   text-decoration:none;
}
.footertxt:hover, .footertxt:active {   
   font-family:Verdana;
   font-size:14px;
   color:#295393;
   text-decoration:none;
}
  
/*========================================================*/
/*  Pakker level 1                                        */
/*========================================================*/
.packagesLevelTable { border-spacing:0px; border-collapse:collapse; 
}

.packagesLevel1 {   
border-bottom:solid 1px #295393;
}
.packagesLevel1-topIngress {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:0;
}
a.packagesLevel1-topIngress, .packagesLevel1-topIngress a {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel1-topIngress:visited, .packagesLevel1-topIngress a:visited {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel1-topIngress:hover, .packagesLevel1-topIngress a:hover {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-decoration:underline;
   text-align:left;
}

.packagesLevel1-topPrize {   
   font-family:Verdana;
   font-size:13px;
   color:#000000;
   font-weight:bold;
   text-align:left;
   padding:0;
}
a.packagesLevel1-topPrize, .packagesLevel1-topPrize a {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel1-topPrize:visited, .packagesLevel1-topPrize a:visited {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel1-topPrize:hover, .packagesLevel1-topPrize a:hover {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:underline;
   text-align:left;
}
.packagesLevel1-txt {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}
.packagesLevel1-txt a {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}
/*========================================================*/
/*  Pakker level 2                                        */
/*========================================================*/

.packagesLevel2-topIngressLarge {   
   font-family:Arial;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-align:left;
   padding:0;
}
.packagesLevel2-topIngress {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:0;
}
a.packagesLevel2-topIngress, .packagesLevel2-topIngress a {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel2-topIngress:visited, .packagesLevel2-topIngress a:visited {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel2-topIngress:hover, .packagesLevel2-topIngress a:hover {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-decoration:underline;
   text-align:left;
}

.packagesLevel2-topPrize {   
   font-family:Verdana;
   font-size:13px;
   color:#000000;
   font-weight:bold;
   text-align:left;
   padding:0;
}
a.packagesLevel2-topPrize, .packagesLevel2-topPrize a {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel2-topPrize:visited, .packagesLevel2-topPrize a:visited {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.packagesLevel2-topPrize:hover, .packagesLevel2-topPrize a:hover {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:underline;
   text-align:left;
}

.packagesLevel2-ingress {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:15px 0 15px 0;

}
.packagesLevel2-txt {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}
.packagesLevel2-txt a {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}

/*========================================================*/
/*  Pakker level 3                                        */
/*========================================================*/
.packagesLevel3-topIngressLarge {   
   font-family:Arial;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-align:left;
   padding:0;
}
.packagesLevel3-topIngress {   
   font-family:Arial;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:0;
}
.packagesLevel3-topPrize {   
   font-family:Verdana;
   font-size:13px;
   color:#000000;
   font-weight:bold;
   text-align:left;
   padding:0;
}
.packagesLevel3-ingress {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:15px 0 15px 0;
}
.packagesLevel3-header {   
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   color:#000000;
   text-align:left;
}
.packagesLevel3-txt {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}
.packagesLevel4-PrisActive {   
   font-family:Verdana;
   font-size:12px;
   font-weight:bold;
   color:#ff0000;
   text-align:right;
}
.packagesLevel4-txt {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:right;
}
.packagesLevel3-txt a {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}

/*========================================================*/
/*  Ruter og skip                                         */
/*========================================================*/
.rutetiderHeader {   
   font-family:Verdana;
   font-size:11px;
   color:#ffffff;
   font-weight:bold;
   text-align:left;
   padding:5px 0 5px 10px;
   background:#9DC1E1;
   height:30px;
}   

.rutetiderSted {   
   font-family:Verdana;
   font-size:11px;
   color:#ffffff;
   font-weight:bold;
   text-align:center;
   padding:0;
   background:#000000;
   height:20px;
}

.rutetider1 {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:center;
   padding:0;
   height:20px;    
}

.rutetiderTxt {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:0;
}
.ruterTxt {   
   font-family:Verdana;
   font-size:13px;
   color:#000000;
   text-align:left;
   padding:0;
}
a.ruterTxt, .ruterTxt a {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.ruterTxt:visited, .ruterTxt a:visited {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:none;
   text-align:left;
}
a.ruterTxt:hover, .ruterTxt a:hover {   
   font-family:Verdana;
   font-size:13px;
   font-weight:bold;
   color:#000000;
   text-decoration:underline;
   text-align:left;
}

.rutetiderAvvik {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
   padding:0;
   background:#A8D4F0;
   height:20px;
}  

.skipTblHeader1 {   
   font-family:Verdana;
   font-size:10px;
   font-weight:bold;
   color:#000000;
   text-align:left;
   padding:0;
   background:#A8D4F0;
   height:20px;
   width:80px;
   padding-left:3px;
}
.skipTblTxt1 {   
   font-family:Verdana;
   font-size:10px;
   color:#000000;
   text-align:left;
   padding:0;
   background:#A8D4F0;
   height:20px;
   width:75px;
   padding-left:3px;
}

.skipTblHeader2 {   
   font-family:Verdana;
   font-size:10px;
   font-weight:bold;
   color:#000000;
   text-align:left;
   padding:0;
   height:20px;
   width:80px;
   padding-left:3px;
}
.skipTblTxt2 {   
   font-family:Verdana;
   font-size:10px;
   color:#000000;
   text-align:left;
   padding:0;
   height:20px;
   width:75px;
   padding-left:3px;
}
/*========================================================*/
/*  Booking                                               */
/*========================================================*/
.bookingTable { 
    border:solid 0px #000000;
    padding:10px;
}

.bookingHeader { 
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    color:#000000;
    padding:20px 0 10px 0;
}

.bookingHeaderTur { 
    font-family:Arial;
    font-weight:bold;
    font-size:14px;
    color:#000000;
    padding:0 0 0 20px;
}

.bookingHeaderRow { 
    background:#000000;
    height:30px;
    width:320px;
}

.bookingHeaderLeft { 
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    padding:0 0 0 5px;
    width:200px;
}

.bookingHeaderRight { 
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    padding:0 5px 0 0;
    width:120px;    
}

.bookingDayName { 
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    color:#000000;
    text-align:center;
    height:20px;
    width:10px;
    border:solid 0px #ffffff;
}

.bookingWeekNo { 
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    color:#000000;
    text-align:center;
    height:20px;
    width:10px;
    border:solid 0px #ffffff;
}

.bookingButtonNavigate { 
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    color:#ffffff;
    border:solid 1px #8CD3F7;
    background:#8CD3F7;
    height:20px;
    width:162px;
    margin-top:5px;
}
.bookingButtonNavigate:hover, .bookingButtonNavigate:focus { 
    background-color:#295393; 
    border:1px solid #295393; 
}

.bookingCalTable { 
    border-spacing:2px; 
    border:solid 1px #000000;
    padding:10px;
}

.bookingCalTable td {
    font-family:Arial;
    font-size:11px;
    color:#000000;
    text-align:center;
    border-spacing:1px; 
}

td.bookingDateActive {
    background-color:#8CD3F7; 
    font-family:Arial;
    font-size:11px;
    color:#000000;
    text-align:center;
    border:solid 0px #ffffff;
}

td.bookingDateSelected {
    background-color:#000000; 
    font-family:Arial;
    font-size:11px;
    color:#ffffff;
    text-align:center;
    border:solid 0px #ffffff;
}

td.bookingDateActive:hover {
    background-color:#295393; 
    font-family:Arial;
    font-size:11px;
    color:#ffffff;
    text-align:center;
}
td.bookingDateActive:active {
    background-color:#295393; 
    font-family:Arial;
    font-size:11px;
    color:#ffffff;
    text-align:center;
}

td.bookingDateNoActive {
    font-family:Arial;
    font-size:11px;
    color:#000000;
    text-align:center;
    border:solid 1px #000000;
    border-spacing:1px; 
}

.bookingChoiceHeader {
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#000000;
    text-align:left;
}

.bookingChoiceTxt {
    font-family:Arial;
    font-size:11px;
    color:#000000;
    text-align:left; 
}

.bookingChoiceUpdate {
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#ff0000;
    text-align:left;
}

.bookingEmty { 
    border:solid 0px #ffffff;
    color:#000000;
}


/*========================================================*/
/*  Ruter og skip                                         */
/*========================================================*/

#pagegroup {
   width:701px;
   float:left;
   clear:left;
   padding:0;
}
#page-left {
   width:585px;
   float:left;
}
#page-flash {
   width:520px;
   float:left;
}

.packagesgroup {
   width:585px;
   float:left;
   clear:left;
   padding:15px 0 0 0;
}

.packagesgroupingress {
   width:463px;
   float:left;
   margin:0 0 0 27px;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
}

#pagegroup-right {
   width:161px;
   float:left;
   margin:0 0 0 20px;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
}
.pagegroup-right {
   width:161px;
   float:left;
   margin:0 0 2px 0;
}

#pagegroup-txt {
   width:701px;
   float:left;
   clear:left;
   padding:20px 0 0 0;
   font-family:Verdana;
   font-size:11px;
   color:#000000;
}

#pagegroup-txt-left {
   width:500px;
   float:left;
   margin:0 0 0 0;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
}

.pagegrouptxt-ingress {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}
.pagegrouptxt-txt {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-align:left;
}

.pagegrouptable {
   width:180px;
   float:left;
   margin:0 0 0 20px;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
}

.pagegrouptableHeader{
   margin:0;
   padding-left:3px;
   font-family:Verdana;
   font-size:10px;
   font-weight:bold;
   color:#ffffff;
   background:#9DC1E1;
   height:20px;
}

.pagegrouptableTD1 {
   margin:0;
   padding-left:3px;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
   background:#c5e5f9;
   height:20px;
}

.pagegrouptableTD2 {
   margin:0;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
   background:#c5e5f9;
   height:20px;
}

.pagegrouptableTD3 {
   margin:0;
   padding-left:3px;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
   height:20px;
}

.pagegrouptableTD4 {
   margin:0;
   font-family:Verdana;
   font-size:10px;
   color:#000000;
   background:#D5EBF9;
   height:20px;
}



.pagegrouptable2 {
   width:100%;
   float:left;
   margin:0;
   font-family:Verdana;
   font-size:11px;
   color:#000000;
}

.pagegrouptableHeader2{
   width:705px;
   margin:0;
   padding:3px;
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   color:#ffffff;
   background:#9DC1E1;
   height:30px;
}
.pagegrouptableTD12 {
   margin:0;
   padding-left:3px;
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   color:#ffffff;
   background:#000000;
   height:20px;
}

.pagegrouptableTD22 {
   margin:0;
   font-family:Verdana;
   font-size:11px;
   font-weight:bold;
   color:#ffffff;
   background:#000000;
   height:20px;
}

.pagegrouptableTD32 {
   margin:0;
   padding-left:3px;
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   height:20px;
}

.pagegrouptableTD42 {
   margin:0;
   padding-left:3px;
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   height:20px;
}


/*========================================================*/
/*  Brosjyrer                                             */
/*========================================================*/

.brosjyrer {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-decoration:none;
   text-align:left;
   margin-top:5px;
}
.brosjyrer:hover {   
   font-family:Verdana;
   font-size:11px;
   color:#000000;
   text-decoration:underline;
   text-align:left;
}

/*========================================================*/
/*  Form elements                                         */
/*========================================================*/

span.checkbox input {
   width:19px;
   height:25px;
   padding:0 5px 0 0;
   background:#ff0000 url(images/forms/checkbox.png) no-repeat;
   display:block;
   clear:left;
   float:left;
}
span.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(radio.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.select {
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
}