@charset "iso-8859-1";
/* ---------------------------
--  File   : travel/com/letter.css
--  Author : Jomar Hønsi
--  Descr  : travel pages.
------------------------------ */

/* General */

body {
    BACKGROUND-COLOR: #ccd0c0; 
    font-family: "Verdana", "Arial", "Helvetica", sans-serif, "MS sans serif"; 
    FONT-SIZE: 13px; margin:0px; }
div.main { text-align:center; margin:0px; padding:5px; width:700px}
p { margin:0 0 0 0; padding:5;text-align:justify }
p.pcap { margin:0 0 0 0; padding:5;text-align:center }
img { MARGIN: 5px; border: 2px inset}
br.brk { page-break-before:always;visibility:hidden}
div.left { float:left }
.note,.note2,.topic,.info { margin:10 0 10 0; padding:5px; float:left }
.note { FONT-STYLE: italic;  border:2px groove}
.note2 { FONT-STYLE: italic; background-color:#ccccaa; border:1px outset; width:100%}
.topic { BACKGROUND-COLOR: #ccccaa; border:1px solid; font-size:12px}
.info { BACKGROUND-COLOR: #ccccaa; border:1px solid; font-family:"Helvetica"; font-size:12px}
pre.note2 { font-size:10px; font-style:normal; font-family:"Helvetica" }

hr { margin-left:5px; clear:both}
ul {font-size:12px;text-align:left}
pre {text-align:left;padding:2px}

div#overDiv
{
position:absolute; visibility:hidden; z-index:2;width:250px;
filter:progid:DXImageTransform.Microsoft.shadow(Color='#666699',Strength='20');
}

table {padding:0px; margin:0px; width:100%}
table.photo   {width:250px; float:right; text-align:center}
table.photo_a {width:50%; float:right;clear:none;text-align:center}

td {padding:0px; margin:0px; vertical-align:top}
td.photo { margin:10px; border:1px outset; font-size:11px; font-style:italic;
	text-align:center; width:330px; vertical-align:top}
.lang { background-color:#ccccaa; color:#000066; font-style:italic}
.place { background-color:#cccccc;font-weight:bold;color:#0033cc}
.trans { font-style:italic}
.spesial { color:#999900;font-weight:bold;background-color:black }
.brew  { font-style:italic;background-color:#cccc66}
.accom { border-bottom:1px ridge; font-style:italic}
.inst  { font-style:italic;color:#0033cc}
.person { font-style:italic;color:#000033}
.rest { font-style:italic; font-size:90%;font-weight:bold}
.tbd	{ font-style:italic; color:red }
.footnote { font-family:"Times New Roman";font-size:11px}

/* Index page */

.index { width:500px; margin-left:15px;
    border:1px solid black}
table.headi { width:500px;padding-left:0px;margin-top:10px; margin-left:15px;
    border:1px solid black; background-color:#99aaaa }
table.index { background-image:url("../common/index_bg.jpg"); background-repeat:no-repeat;
    font-size:11px; bold;padding:0px }
p.index { background-color:#99aaaa }
/*
**  Common section: headline bar, map, flag and links
*/

/* Header */

.hdrnb { 
    text-align:left; background-color:#99aaaa; border:1px outset;
    margin:15 0 5 0;padding-left:10px;
}
.hdr { 
    text-align:left; background-color:#99aaaa; border:1px outset;
    margin:15 0 5 0;padding-left:10px;
    page-break-before:always
}
table#hdr { 
    text-align:left; background-color:#99aaaa; 
    border:2px outset; padding:0px;margin-bottom:15px
}
h1 {
    text-align:center;
    border:0px solid; font-size:22px;padding:12px; 
    margin:0px; font-family:"Lucida handwriting","Arial", serif 
}
h2 {
    BACKGROUND-COLOR: black; color:white; FONT-SIZE: 14px; 
    padding:3px;text-align:center;width:70%
}
h3 {
    FONT-SIZE:16px; padding:5px; margin:0px; margin-top:20px; 
    margin-bottom:10px; text-indent:2px;clear:both
}
h4 {
    padding:3px; margin-top:10px;text-align:left;
}

h5, h6 {
    padding:3px; font-size:12px; margin-top:5px;margin-bottom:0px;text-align:center
}

td.date { font-size: 10px; text-align:center; width:140; padding-left:10px;vertical-align:middle}
td.dayno { font-size: 12px; text-align:right; width:70; padding:10px}
img#flag { border:0px;padding:0px;margin:0px;margin-top:5px;margin-right:10px;
        width:68px;height:50px;float:right}
p.about { margin:10 10 10 10; text-align:justify;width:300px;border:2px groove}

/* Navigation bar */

div.nav { text-align:center; margin:0px;padding:0px;margin-bottom:10px;
    border:0px outset}
a.nav,a.nava {padding:2px; width:25px; text-align:center; margin-left:0px;  margin-right:0px;
    border:2px outset; text-decoration:none;}
a.nav:hover,a.nava:hover {text-decoration:none;}
a.nava { background-color:#99aaaa; color:black}

/* Table with map and links */

table#intro {padding:0px; margin:0px; border:1px outset; width:100%; text-align:center; background-color:#cccccc}
img.map { border:1px inset}
img#counter { vertical-align:middle; border:0px; height:15px; padding:0px; margin:0px;
    margin-left:50px;text-align:right }

td.links { width:20%; text-align:left; font-size:10px}
a,a.photo { color:blue; text-decoration:none}
a:visited {color:blue; text-decoration:none}
a:hover { color:#cc0033}
hr.bar { border:1px solid #9999cc;margin:0px;padding:0px;width:80%}