H2 { font-weight:bold; font-family:arial; margin-top: 0px; font-size: 14px; border-bottom: 1px solid #48487E; margin-bottom: 10px; } /* Sidrubrik */
H3 { font-weight:bold; font-family:arial; margin-top: 0px; font-size: 14px; border-bottom: 1px solid #48487E; margin-bottom: 10px; }
H4 { margin-top: 0px; font-size: 10px; border-bottom: 1px solid #48487E; margin-bottom: 10px; } /* Understruken underrubrik */
H5 { font-family:arial } /* Typsnitt: Arial */

body {
  margin: 0; padding: 0;
  background-image: url('../img/bg.gif');
  background-repeat: repeat-x;
  background-color: #DDD;
  }

#logo {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 139px;
  height: 127px;
  background-color: #FFF;
  background-image: url('../img/logo.jpg');
  background-repeat: no-repeat;
  background-position:  center 50%;
  cursor: hand;
  }

#topImages {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 139px;
  width: 632px;
  height: 100px;
  }

/* Menyn: början */

/* Krävs för att få positioneringen av undermenyerna på rätt */
#mainMenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: auto;
  white-space: nowrap;
  overflow: visible;
}

/* Sätter färg och bold på alternativen i huvudmenyn */
#mainMenu ul li {
  float: left;
  border-right: 1px solid #FFF;
  position: relative;
  cursor: default;
  z-index: 2;
  width: 1em;

}

#mainMenu ul>li {
  width: auto;
}

#mainMenu ul li a {
  font-weight: bold;
  font-family: arial;
  font-size: 11px;
  color: #EEE;
  padding: 7px 10px 4px 10px;
  text-decoration: none;
  display: block;
    height: 15px;
}

#mainMenu ul>li a {
  display: block;
}

#mainMenu ul li a:hover {
  background-color: #DDAB14 ;
  color: #EEEEEE;
  margin: 0;

}

/* gäller huvudmenyns alternativ */

#mainMenu ul li ul {
  display: none;
  position: absolute;
  top: 25px;
  width: auto;
  left: -1px;
  font-weight: normal;
  background-color: #EEE;
  border-left: 1px solid #AAA   ;
  border-top: 1px solid #AAA   ;
  border-bottom: 1px solid #AAA   ;
  padding: 0;
  margin: 0;

  }	

#mainMenu ul li>ul {
  position: absolute;
  left: auto;
  top: 25px;
  width: 135px;

}


#mainMenu ul li ul li {
  position: relative;
  display: block;
  float: none;
  margin: 0;
  border-right: 1px solid #AAA   ;
  padding: 0;
  width: 100%;
  }



/* formaterar undermenyerna */
#mainMenu ul li ul li a {
  display: block;
  font-weight: normal;
  color: #333333;
  background-color: #EEE;
  margin: 0;
  padding: 3px 10px 0px 10px;
  height: 20px;

}

/* "mouseover" i undermenyerna */
#mainMenu ul li ul li a:hover {
  color: #333333;
  margin: 0;
  padding: 3px 10px 0px 10px;
  height: 20px;
  background-color: #CCC;
  
}

/* behövs för att undermenyn skall visas */
#mainMenu ul li:hover ul, #mainMenu ul li.over ul  { display: block;}

#mainMenu {
  z-index: 10;
  position: relative;
  top: 101px;
  left: 139px;
  width: 632px;
  height: 25px;
  background-color: #48487E;
  border-right: 0px solid #FFF;
  white-space: nowrap;
  overflow: visible;
  }
  
#body3 #mainMenu { background-color: #8E9B8E; }
#body3 { background-color: #DDD; }
#body3 #wideColumn { color:#659065; }
#body3 #wideColumn table { color:#659065; }
#body3 #pagefooter { background: #D1D7D1; }
#body3 #pagefooterInfo { background-color: #8E9B8E; }

#main {
  clear: both;

  width: 771px;
  padding: 0px;
  margin: 0 0 1px 0;
  background-image: url('../img/column_bg.gif');
  background-repeat: repeat-y;
  background-color: #FFF;
  border: solid #D4D4D4;
  border-width: 1px 1px 1px 0px;
  }

#main3 {
  clear: both;

  width: 771px;
  padding: 0px;
  margin: 0 0 1px 0;
  background-image: url('../img/column_bg3.gif');
  background-repeat: repeat-y;
  background-color: #FFF;
  border: solid #D4D4D4;
  border-width: 1px 1px 1px 0px;
  }

#main3 H4 { font-size: 10px; border-bottom: 1px solid #FFF; margin-bottom: 0px; }
#main3 H2 { padding-left:15px; background:url("../img/restaurangkub.gif") no-repeat 0px 3px; color:#729572; font-weight:bold; font-family:arial; margin-top: 0px; font-size: 14px; border-bottom: 1px solid #729572; margin-bottom: 10px; }

#leftColumn {
  z-index: 3;
  height: auto;
  width: 135px;
  padding-top: 0px;
  padding-left:0px;
  padding-bottom: 20px;
  font-family: verdana;
  font-size: 9px;
  color:#48487E;
  margin: 0px;
  }

#main3 #leftColumn { color:#FFF; }

#main3 #leftColumn a { color:#FFF; text-decoration:none; }
#main3 #leftColumn a:hover { text-decoration:underline; }

#weatherColumn {
  z-index: 3;
  height: auto;
  width: 135px;
  padding-top: 0px;
  padding-left:0px;
  padding-bottom: 20px;
  font-family: verdana;
  font-size: 10px;
  color:#48487E;
  margin: 0px;
  }

#mainContent {
  float: right;
  width: 629px;
  z-index: 3;
  margin: 0px;
  padding: 0px;
  font-family: verdana;
  font-size: 10px;
  color: #555555;
  padding-bottom: 10px;
  }
  
/* Hides from IE-mac \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
 #leftColumn:after, #main:after  {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
/* End hide from IE-mac */
#upcomingTextblock { margin-bottom:30px; margin-top: 10px; }

#menues { background-color:#8E9B8E; color:#FFF; }
#left_block { background-color:#8E9B8E; color:#FFF; }

#upcoming {
  z-index: 1;
  position: relative;
  top: 0px;
  left: 7px;
  width: 120px;
  margin-top: 21px;
  }

#search {
  z-index: 1;
  position: relative;
  top: 0px;
  left: 7px;
  width: 120px;
  margin-top: 21px;
  text-align: right;
  }

#upcoming img {
  display: block;
  border: 0px solid #BBB;
  }

#centerColumn {
  width: 460px;
  padding: 0px;
  font-family: verdana;
  font-size: 10px;
  color: #555555;
  margin: 0;
  }
  
#latestNews {
  margin-top: 20px;
  margin-left: 20px;
  width: 100%;
  }

#miscText {
  margin-top: 20px;
  margin-left: 20px;
  width: 100%;
  }

#otherNews {
  
  margin-left: 20px;
  margin-top: 20px;
  width: 100%;
  
  }

#news {
  width: 210px;
  margin-right: 0px;

  
  }

#jolleNews {
  width: 210px;
  float: right;
  }



#rightColumn {
  margin-right: 10px;
  margin-top: 20px;
  width: 120px;
  padding: 0px;
  background-color: #FFFFFF;
  float: right;
  }

#wideColumn {
  width: 580px;
  padding: 0px;
  background-color: #FFFFFF;
  font-family: verdana;
  font-size: 10px;
  color: #555555;
  margin: 23px;
  }

#view3 {
  overflow-x: auto;
  overflow-y: visible;
  width: 580px;
  }

#weather {
  z-index: 3;
  position: relative;
  top: 0px;
  left: 0px;
  width: 120px;
  font-family: verdana;
  font-size: 9px;
  color:#48487E;
  margin-bottom: 20px;
  border-color:#FFFFFF;
  border-width:1px;
  border-style:solid;
  cursor:hand;
  }

#ads {

  z-index: 3;
  width: 120px;
  font-family: verdana;
  font-size: 9px;
  color:#48487E;

  }
  
#ads img {
  margin-bottom: 10px;
  display: block;
  border: 1px solid #BBB;
}

#adsBottom {
  clear: both;
  margin: 20px 20px 10px 20px;
  
}

#adsBottom img {
  margin-right: 10px;
  vertical-align: middle;
  border: 0;
}

#pagefooter {
  clear: both;
  left: auto;
  position: relative;
  background: #D4D4D4;
  width: 771px;
  }
  
#wideColumn>div {height: auto !important;}
#srch_detail>div {height: auto !important;}
#upcomingTextblock>div {height: auto !important;}
#pagefooterInfo {
  width: 633px;
  background-color: #48487E;
  font-family: verdana;
  color: #FFFFFF;
  font-size: 9px;
  padding: 4px 0 2px 0;
  vertical-align: top;
  margin-left: 138px;
  text-align: center;
  border-left: 1px solid #FFFFFF;
  vertical-align: middle;
  }

#info {

  display: inline;
  margin-right: 10px;

}
#pagefooterFill {
  z-index: 100;
  display: none;
  top: 0px;
  left: 792px;
  height: 19px;
  background-color: #D4D4D4;
  }
  
#topRow {
 height: 127px;
  }

#srch_list {
  overflow:auto;
  margin-bottom: 30px;
  }

.weatherdata {
  font-family: verdana;
  font-size: 9px;
  }
.weatherheading {
  font-family:arial;
  font-size:13px;
  font-weight:bold;
  color:#555555;
  }

.newsheading {
  font-family: verdana;
  font-size: 12px;
  color: #555555;
  margin-bottom: 10px;
  display: block;
  }

.newsingress {
  font-family: verdana;
  font-size: 11px;
  font-style: italic;
  color: #555555;
  margin-bottom: 10px;
  display: block;
  }

.newstext {
  font-family: verdana;
  font-size: 10px;
  color: #555555;
  margin-bottom: 5px;
  display: block;
  }

.textoption {
  cursor: hand;
  }

a.newsdate {
  color: #666666;
  }

.newsdatetoday {
  font-size: 10px;
  color: #CC0000;
  }

.newsdate {
   font-family: verdana;
   font-size: 10px;
   padding-bottom: 7px;
   }

.newscategory {
   color: #888888;
   font-size: 11px;
   padding-top: 5px;
   font-weight: bold;
   }

a.newslist {
   font-size: 10px;
   text-decoration: none;
   }

a.white {
   color:#FFFFFF;
   text-decoration: none;
   }

.newslistheading {
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
   font-family: arial,helvetica;
   }

.normal { font-family: verdana; font-size: 10px; }
table { font-family: verdana; font-size: 10px; }

/* Formspecific definitions */
.form_table { font-family: verdana; font-size: 10px; border-collapse: collapse; padding:0; width: 100%; }
.form_table .label_td { width: 100px; }
.form_table .group_td { font-weight:bold; }
.form_table .field_td { }
.form_table .field_input { width: 200px; font-family: verdana; font-size: 10px; }
.form_table textarea { height:40px; }
.form_table .button { font-family: verdana; font-size: 10px; width:80px; }

.resultlisttop {
  border-bottom: 1px solid #999999;
  font-weight: bold;
  }

.altresult               { text-decoration:none; color:#333333 }
.altresult:hover         { text-decoration:underline }
.skipped        { text-decoration:line-through; color:#FF6666; }
.visible { display: block; }
.notvisible { display: none; }