/****************************************************************************
 * General classes
 */
.textModeOnly
{
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
}

body	
{
  font-family: verdana, arial, sans-serif;
  font-size: 0.8em;
  margin:0em;
  padding:0em;
  color: #222;
}

img 
{
  border:none;
}

/****************************************************************************
 * siteGrid
 */
#siteGrid
{
}

/****************************************************************************
 * siteHeader
 */
#siteHeader
{
  margin: 0em;
  padding: 0em;
  height: 150px;
  background-image: url(http://www.fjordswim.no/resources/images/site/topp/background.jpg);
}

#siteHeader .explorerPris {
  position: absolute;
  top: 10px;
  left: 125px;
  width: 125px;
  height: 125px;
}

/****************************************************************************
 * siteBetaVersion
 */
#siteBetaVersion
{
  background-color: transparent;
  font-weight: bold;
  margin: 0em;
  padding: 0em;
  position:absolute;
  top:5px; 
  left:150px;
}

 
/****************************************************************************
 * siteLanguageMenu
 */
#siteLanguageMenu
{
  clear: both;
  background-color: transparent;
  font-weight: bold;
  margin: 0em;
  padding: 0em;
  position:absolute;
  top:5px; 
  right:50px;
}

#siteLanguageMenu .paddingContainer
{
  font-size: 85%;
  padding: 0.3em;
}

#siteLanguageMenu a,
#siteLanguageMenu a:visited
{
  text-decoration: none;
  color: #01669A;
  background-color: transparent;
}

#siteLanguageMenu a:hover
{
  color: #0000EE;
  background-color: transparent;
  text-decoration: none;
}
 
#siteLanguageMenu ul 
{
   margin: 0em;
   padding: 0em;
}

#siteLanguageMenu ul li
{
  margin: 0em;
  padding: 0em;
  display: inline;
  color: #222222;
  background-color: transparent;
  list-style-type: none;
}

/****************************************************************************
 * siteMainMenu
 */
#siteMainMenu
{
  background-image: url(http://www.fjordswim.no/resources/images/site/fjordvatn.jpg);
  font-weight:bold;
}

#siteMainMenu .paddingContainer
{
  font-size: 85%;
  padding: 0.3em;
}

#siteMainMenu p
{
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
}

#siteMainMenu a,
#siteMainMenu a:visited
{
  text-decoration: none;
  color: #01669A;
  background-color: transparent;
}

#siteMainMenu a:hover
{
  color: #0000EE;
  background-color: transparent;
  text-decoration: none;
}

#siteMainMenu ul 
{
   margin: 0em;
   padding: 0em;
}

#siteMainMenu ul li
{
  display: inline;
  color: #222222;
  background-color: transparent;
  list-style-type: none;
  padding: 0.3em;
  padding-top: 0em;
  padding-bottom: 0em;
  border-left: 1px solid black;
}

#siteMainMenu ul li.first
{
  border-left: none;
}


#siteMainMenu ul 
{
   margin: 0px;
   padding: 0px;
}


/****************************************************************************
 * siteSubMenu
 */
#siteSubMenu {
  float:left; 
  width:18em;
  border: solid 1px #226040;
  background-color: #80E0A0;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 2em;
}

#siteSubMenu .paddingContainer {
  padding: 0.7em;
  font-size: 85%;
}

#siteSubMenu p {
  margin: 0em;
  padding: 0em;
  font-weight:bold;
  text-align: center;
  margin-bottom: 0.7em;
}

#siteSubMenu p {
  color: #226040;
  background-color: transparent;
}

#siteSubMenu ul {
  padding: 0em;
  margin: 0em;
}

#siteSubMenu ul li
{
  list-style-type: none;
  margin-bottom: 0.3em;
}

#siteSubMenu ul li ul
{
  margin-left: 1.3em;
  margin-bottom: 0em;
}

#siteSubMenu ul li ul li
{
  margin: 0em;
  list-style-type: none;
}

#siteSubMenu ul li ul li ul
{
  margin-left: 2.3em;
  margin-bottom: 0em;
}

#siteSubMenu ul li ul li ul li
{
  margin: 0em;
  list-style-type: none;
}

#siteSubMenu a,
#siteSubMenu a:visited
{
  text-decoration: none;
  color: #01266A;
  background-color: transparent;
}

#siteSubMenu a:hover
{
  color: #0000EE;
  background-color: transparent;
  text-decoration: none;
}


/****************************************************************************
 * siteFooter
 */
#siteFooter
{
  font-size:85%;
  margin-top: 0.7em;
  background-image: url(http://www.fjordswim.no/resources/images/site/fjordvatn.jpg);

  clear:both;  
}

#siteFooter .text
{
  float:left;
  margin-top: 10px;
}

#siteFooter .fish
{
  text-align:right;
  padding-right:15px;
}

#siteFooter .paddingContainer
{
  padding: 0.3em;
}

/****************************************************************************
 * module
 */

body.simple #siteBody
{
}

body.subMenu #siteBody
{
  margin-left:18em;
}

#siteBody .paddingContainer
{
  padding: 0.7em;
  padding-left: 1.4em;
}

#siteBody .module div.image-left
{
  float: left;
  padding: 0.3em;
}

#siteBody .module div.image-right
{
  float: right;
  padding: 0.3em;
}

#siteBody .alert
{
  color: red;
}

#siteBody .nb
{
  color: #336699;
}

#siteBody .infoBox
{
  float:right; 
  width: 20%;
  border: solid 1px black;
  background: lightgray;
  padding: 0.3em;
  font-size: 80%;
}

#siteBody .infoBox p 
{
  margin-top: 0em;
  margin-bottom: 0.6em;
}

#siteBody .feature
{
  border: solid 1px blue;
  background: lightblue;
  color: #222200;
  padding: 0.3em;
  font-size: 120%;
  text-align: center;
  font-weight: bold;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}
 
#siteBody .feature a,
#siteBody .feature a:visited,
#siteBody .feature a:active,
#siteBody .feature a:hover
{
  color: #002288;
}

#siteBody hr
{
  border-color: #669964;
  padding: 0;
}

#siteBody .feature a:hover
{
  background-color: #00FFFF;
}

#siteBody table
{
  font-size: 100%;
  margin-top: 0px;
  margin-bottom: 0.6em;
}

#siteBody tr
{
}

#siteBody td,
#siteBody th
{
  padding: 0.2em;
  vertical-align:top;
}

#siteBody th
{
  text-align: left;
  background-color: #669964;
  color: #FFFFEF;
}


#siteBody tr.odd
{
  background-color: #F5F5F5;
}

#siteBody tr.even
{
  background-color: #FFFAF0;
}

#siteBody table.border
{
  border-top: 1px solid #505050;
  border-left: 1px solid #505050;
}

#siteBody table.border td,
#siteBody table.border th
{
  border-bottom: 1px solid #505050;
  border-right: 1px solid #505050;
}

#siteBody h1
{
  font-size: 160%;
  font-family: arial, verdana, sans-serif;
  color:#669964;
  background-color: transparent;
  margin-top: 0px;
  margin-bottom: 0.6em;
}

#siteBody h2
{
  font-size: 130%;
  font-family: arial, verdana, sans-serif;
  color: #336699;
  background-color: transparent;
  margin-top: 0px;
  margin-bottom: 0.3em;
}
#siteBody h3
{
  font-size:100%;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0em;
}

#siteBody p,
#siteBody ul,
#siteBody ol
{
  margin-top: 0px;
  margin-bottom: 0.8em;
}

#siteBody .imageRight
{
  float: right;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-right: 0.2em;
  margin-left:1.0em;
 
  font-size: 80%;
}

#siteBody .imageRight p
{
  font-size:80%;
  text-align:center;
  margin: 0em;
}

#siteBody .imageLeft
{
  float: left;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  margin-left: 0.2em;
  margin-right:1.0em;
}

#siteBody .imageLeft p
{
  font-size:80%;
  text-align:center;
  margin: 0em;
}

/****************************************************************************
 * 
 */
body#relatedContent #siteRelatedContent
{
  width:20em;
  float: right;
  margin-top: 0.5em;
}

body#relatedContent #siteRelatedContent .paddingContainer
{
  padding-right:0.3em;
  padding-top:0.1em;
}

body#relatedContent #siteBody
{
  margin-right:20em;
}

body#relatedContent #siteRelatedContent .news
{
  background-color: #eee;
  border: 1px solid #333;
  margin-bottom: 1em;
  padding:0.5em;
}

#siteRelatedContent h1
{
  font-size: 100%;
  font-family: arial, verdana, sans-serif;
  color:#669964;
  background-color: transparent;
  margin-top: 0em;
  margin-bottom: 0.6em;
}

#siteRelatedContent .news p.title 
{
  font-size: 100%;
  font-family: arial, verdana, sans-serif;
}

#siteRelatedContent .news p.title 
{
  margin: 0em;
  margin-top: 0.6em;
}

#siteRelatedContent .news p.date
{
  margin: 0em;
  font-size: 80%;
  font-family: verdana, arial, sans-serif;
}

#siteRelatedContent .news p.title a,
#siteRelatedContent .news p.title a:visited
{
  text-decoration: none;
  color: #01266A;
  background-color: transparent;
}

#siteRelatedContent .news p.title a:hover
{
  color: #0000EE;
  background-color: transparent;
  text-decoration: none;
}

/****************************************************************************
 * Forms
 */
input.textControl
{
  font-family: verdana, arial, sans-serif;
  font-size: 0.9em;
  background-color: #F0F0F0;
  border: 1px solid #303030;
}

input.checkboxControl
{
}

input.radioControl
{
}

textarea.textAreaControl
{
  font-family: verdana, arial, sans-serif;
  font-size: 0.9em;
  background-color: #F0F0F0;
  border: 1px solid #303030;
}