/* Global Resetting */
html{
/* width: 100%; */
/* height: 100%; */
   background-color: #99ccff;
   padding: 5px;
}

/* The dev and test servers announce themselves with a loud yellow page
   background, so nobody trying out a new feature there mistakes it for the
   real site. Page.ss puts env-dev / env-test / env-live on <html> from
   SS_ENVIRONMENT_TYPE, which means this file is now identical on all three
   servers - the colour used to be hand-swapped here at deployment time, and
   was only ever right by accident. Anything not recognisably dev or test
   keeps the production blue above. */
html.env-dev,
html.env-test {
   background-color: #ffff66;
}
body {
/* width: 100%; */
/* height: 100%; */
font-size: 75%;
/* reset font-sizes to 1em == 12px */
}
* {
font-size: 1em;
/* reset font-sizes to 1em == 12px */
padding: 0;
margin: 0;
font-family:Verdana,Helvetica,sans-serif;
list-style:none;
}

a img{
border:0;
}
.clear{
clear:both;
}

/* Layout CSS */
body {
  position: relative;
  background-color:#99ccff;
  min-width: 760px;
  max-width: 1024px;
  margin: auto auto;
  border-style: solid;
  border-width: thin;
}

a {
    color: black;
    text-decoration: none;
}

a img{
border:0;
}

#Header {
    width:100%;
    position: relative;	
    background-color:#99ccff;
}

#header_left { 
    position: absolute;
    left: 0px;
}

#header_right {
    position: absolute;
    right: 0px;
}

#logo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
}

#logo img {
    position: relative;
}

#MainMenu {
    width: 100%;
    position: relative;
    margin-bottom: 0px;
    border-width: 0;
}

#MainMenu ul {
    background-color: transparent;
    width: 100%;
    overflow: hidden;
}

#MainMenu li {
    list-style: none;
    padding: 2px 2px;
    margin: 0 1px;
    background-color: #99ccff;
    border-style: solid;
    border-width: thin thin 0;
    border-radius: 7px 7px 0 0;
    float: left;
}

#MainMenu li.current {
    background-color:#e0f0ff;
    border-style:solid;
    border-width:thin thin 0px;
    cursor:default;
}

#MainMenu li.section {
    background-color:#b0d0ff;
/*    border-style:solid;
    border-width:thin thin 0px;
    border-radius:50; */
    cursor:default;
}

#MainMenu a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

#MainMenu a:hover{
    text-decoration:underline;
}

#admMenu {
    padding-top: 1ex;
}

#admMenu ul {
    padding-left: 1em;
}

#admMenu li {
    list-style-type: disc;
}

#Sidebar {
    float:right;
    width:160px;
    padding: 10px;
}

#Sidebar h1 {
    font-size: 11pt;
    font-weight: bold;
    padding-bottom: 6pt;
}

#Sidebar dl {
    padding-bottom: 6pt;
}

#Sidebar dt {
    font-size: 8pt;
    font-weight: bold;
    font-style: italic;
}

#Sidebar dd {
    font-size: 8pt;
    font-weight: normal;
    /* padding-left: 1em; */
    padding-bottom: 0.5em;
}

div.turfakta {
    padding-top: 8px;
    border-top: 2px solid limegreen;
    margin-top: 5px;
}

.turfakta p {
    margin-bottom: 0pt;
    padding-bottom: 0.5em;
}

.turfakta p span {
    font-style: italic;
}

#Sidebar a {
    color: black;
    text-decoration: none;
}

#Sidebar a:hover {
    color: blue;
    text-decoration: underline;
}

#Sidebar li.current {
    font-weight: bold;
}

#ContentContainer {
    background-color: #e0f0ff;  /* #b0d0ff; */
    background-image: url(../images/sidebar_limegreen.png);
    background-position: right top;
    background-repeat: repeat-y;
}


#Content {
	padding: 1em;
	margin-right: 180px;
	min-height: 400px;
}

#Content h1 {
	padding-top: 1em;
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 160%;
}

#Content h2 {
	font-weight: bold;
	font-family: Arial,sans-serif;
	font-size: 120%;
}

#Content .pubdate {font-size: 80%;}

.picture.left {
    float: left; 
    margin-right: 10px;
}

.picture.right {
    float: right;
    margin-left: 10px;
}

.picture.centered  {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.picture div {
    padding: 5px;
    margin: 0px auto;
    background: #eee;
    font-size: 80%;
}

.picture.unpublished div {
    background: yellow;
}

.picture div p {
    margin-bottom: 0px;
    text-align: left;
}

#Form_photoForm_Position li {
    list-style: none;
    float: left;
}

tr.upublisert {
         background: #ff4;
	 font-style: italic;
/*       display: none; */
	 display: table-row;
}

tr.publisert {
         /* display: table-row; */
}

div.newsItem {
    float: left;
    width: 100%;
    border-bottom: 2px solid limegreen;
}

div.thumbnail {
    float: right;
    border: 2px solid lightgray;
    margin: 5px;
}

dt.newsHeading {
    font-weight: bold;
}

dt.newsHeading a {
    color: black;
    text-decoration: none;
}

dd.newsSummary {
	padding-bottom: 5px;
	border-bottom: 2px solid limegreen;
	margin-bottom: 5px;
}

.turoversikt thead th {
	border-style: solid;
	border-width: 0 0 thin;
}

.turoversikt tfoot th {
	border-style: solid;
	border-width: thin 0 0;
}

iframe {
	width: 100%;
	height: 600px;
}

.footer {
	clear: both;
	background-color: limegreen;
	font-size: 80%;
	color: black;
	text-decoration: none;
	padding: 2pt;
}

