/* display.css */

/* defaults */
* {
   font-family: "Trebuchet MS", Arial, Georgia, Sans-serif;
   font-size: 10pt; /* !important; */
   line-height: 13pt;
   color: #333;
}

body {
   min-width: 740px;
   margin: 0px;
   background: #eee url(../img/bg.gif);
}

div, img {
   margin: 0;
   padding: 0;
}

a { 
   color: #6094dc;
   text-decoration: underline; 
}

h2 { font-size: 14pt; }
h3 { font-size: 10pt; }

ul, ol {
    margin-top: 0px;
}

ul {
   list-style-type: square;
   color: #999;
}

em { text-decoration: underline; }

#supercontainer {
    width: 980px;
    margin: 0 auto;
      border-left: solid 1px #f2f2f2;		
      border-right: solid 1px #f2f2f2;		
      background-color: #fff;
}

#container {
}

#header {
   color: #999;
   border: solid 0px blue;
   padding: 30px 5px 2px 5px;
   font-style: italic;
   text-align: right;
   text-transform: lowercase;
}

#header a { 
   color: #666; 
   text-decoration: none;
   vertical-align: bottom;
}

#header img.logo {
   width: 150px;
   height: 30px;
   border: 0;
}


#header div.lfloat { 
   float: left;
   text-transform: none;
   font-variant: small-caps;
   font-style: normal;
}

#footer {
   border: solid 0px blue;
   padding: 20px 10px 10px 0px;
   color: #555;
   font-size: 8pt;
   line-height: 8pt;
   text-align: center;
}

#footer a:link, #footer a:visited {
   border: none;
   font-size: 8pt;
   line-height: 8pt;
   color: #555;
}

#footer a:active, #footer a:hover {
   text-decoration: underline;
   border: none;
   font-size: 8pt;
   line-height: 8pt;
   color: #555;
}

#navigation {
   border: solid 0px green;
   text-align: center;
}

#navigation dd {
   margin: 0;
   padding: 7px 6px;
   display: inline;
}

#navigation a:link, #navigation a:visited {
   color: #333;
   font-size: 11pt;
   text-decoration: none;
   border-bottom: dotted 1px #999;
}

#navigation a:active, #navigation a:hover {
   color: #000;
   border-bottom: dotted 1px #000;
}

#content {
   
}

#content h2 {
   margin: 0;
   padding: 10px 20px 10px 20px;
}

#content p {
   margin: 0px;
   padding: 4px 20px;
   text-align: justify;
   vertical-align: top;
}

#content p, li {
    line-height: 14pt;
}

#content li {
    padding-right: 20px;
}

#content a.bb {
    text-decoration: none;
    border-bottom: dotted 1px #999;
}

#content ul, #content ol {
/*    padding-left: 8px; */
}

#content table.reservations {
   width: 400px;
   margin-left: 20px;
   padding: 10px 10px;
   background-color: #f7f7f7;
   border: solid 1px #f1f1f1;
}

#content table.plans {
   width: 479px;
   margin-left: 20px;
   padding: 0px;
   border: 0
}

#content table.plans td {
   padding: 0px 5px 10px 0px;
   margin: 0;
   font-style: italic;
}

#content img.plan {
   padding: 5px;
   width: 212px;
   height: 300px;
   border: solid 1px #999;
   vertical-align: top;
}

#content .spacer20 {
   padding: 5px;
}

#content img.map {
   padding: 1px;
   margin: 0;
   width: 436px;
   height: 311px;
   border: solid 1px #999;
}

#content img.current {
   width: 525px;
   height: 393px;
   padding: 1px;
   border: solid 1px #999;   
}

#content img.thumb {
   width: 90px;
   height: 67px;
   float: left;
   padding: 5px;
   margin: 0px 5px 10px 5px;
   border: solid 1px #999;
}

#content img.v_current {
   width: 640px;
   height: 480px;
   padding: 1px;
   margin-left: 20px;
   border: solid 1px #999;   
}

#content img.v_thumb {
   width: 100px;
   height: 75px;
   float: left;
   padding: 5px;
   margin: 0px 5px 10px 5px;
   border: solid 1px #999;
}

#content img.pdf {
   width: 50px;
   height: 41px;
   border: 0;
}

#content img.plan:hover, #content img.thumb:hover, #content img.v_thumb:hover {
   border: solid 1px #6094dc;
}

#content div.leftbox {
    padding: 0px 0px 0px 20px;
    float: left;    
}

#content div.rightbox {
    padding: 0px 0px 0px 20px;
    float: right;    
}


#content ul.features {
    clear: both;
}


#content table.reservations tr {  }
#content table.reservations th { margin: 0; text-align: left; border-bottom: solid 1px #999; }
#content table.reservations td { margin: 0; text-align: left; border-bottom: dotted 1px #999; }

#content table.reservations th.c1 { width: 200px; }
#content table.reservations th.c2 { width: 100px; }
#content table.reservations th.c3 { width: 100px; }

#content table.reservations td.status { font-style: italic; }
#content table.reservations td.onerow { background-color: #eeeef4; padding-left: 5px; margin-top: 3px; font-style: italic; color: #444; border-color: #000; }


#content .col1of2 { width: 49%; float: left; padding-right: 2%; }
#content .col2of2 { width: 49%; float: left; padding: 0;}

#content .col1of2a { width: 45%; float: left; padding-right: 2%; }
#content .col2of2a { width: 53%; float: left; }

#content .col1of2b { width: 59%; float: left; padding-right: 2%; }
#content .col2of2b { width: 39%; float: left; }

#content .col1of2c { width: 72%; float: left; padding-right: 1%;}
#content .col2of2c { width: 26%; float: left;}

#content div.downloadmenu { padding: 20px 32px 0px 25px; }
#content div.downloadmenu h3 { padding: 0; margin: 1px 0px; }
#content ul.res { background-color: #eee; }


#mainfoto {
   clear: both;
   width: 980px;
   height: 730px;
   background: #fff url(/mainfoto7.jpg) no-repeat;
}

#topline {
   clear: both;
   width: 980px;
   height: 250px;
   margin-bottom: 20px;
   background: #fff url(/common/img/top3.jpg) no-repeat;
}

#topline p, #topline p a, #mainfoto div.notify, #mainfoto div.notify a {
   font-size: 13px;
   letter-spacing: -1px;
   font-family: Palatino Linotype, Arial;
   font-weight: bold;
}

#mainfoto div.notify {
   font-size: 14px;
   line-height: 17px;
   padding: 30px 0 0 24px;
}

#topline p {
   position: relative;
   top: 9px;
   left: -3px;
}

#topline ul li {
   font-size: 13px;
   line-height: 14px;
   font-weight: normal;
}

#mainfoto ul li {
   font-size: 14px;
   line-height: 16px;
   font-weight: normal;
}

#topline ul {
   margin-top: 5px;
}


#bottomline {
   width: 980px;
   height: 7px;
   margin-top: 20px;   
}


#header a.inactive, #footer a.inactive, #navigation a.inactive { 
   color: #aaa; 
}

#nordea .lspacer, #nordea .rspacer { width: 10%; }
#nordea li { list-style: disc outside; }
#nordea h2, #nordea h3 { color: #11376B; font-family: Arial, sans-serif; font-weight: bold; } 
#nordea h2 { font-size: 160%; }
#nordea h3 { font-size: 120%; }