@charset "utf-8";
/* CSS Document */

body{
font-family:'Comic Sans MS',Arial,Helvetica,Verdana;
font-size:100%;
overflow:hidden;
margin:0px;
padding:0;
background-color:#D9EAEE;


}
div {
padding:0;
margin:0;
border:none;

}
img {
border:none;
}

a {
text-decoration:none;
color:black;
/*display:block;*/
}
a:hover{
background-color:yellow;
color:red;
cursor:pointer;
}
#pageWrapper {
background-color:white;
width:1024px;
margin:0 auto;

}

#header {
position:relative;
background-color:#99669A;
/*background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); */

color:white;
height:50px;
font-size:150%;
background-image:url('/grafikk/sandefjordmal/bg-o1500p15.png');
background-size: cover;
}

#headerText{
float:right;
padding-right:35px;
padding-top:2px;
text-align:center;
font-size:60%;
background-color:none;
}

#headerText h2 {
color:white;
font-size:200%;
padding:0px;
margin:0px;
font-weight:bold;
font-style:normal;
}


#shareBox {
position:absolute;
right:3px;
top:3px;
text-align:right;
white-space:nowrap;
overflow:hidden;
border:outset 1px #008400;
background-color:#008400;
color:white;
font-size:14px;
width:19px;
height:19px !important;
padding:2px;
}

#shareBox img {
/*padding:0 1px;*/
width:16px;
height:16px;
vertical-align:top;
border:outset 1px #008400;
margin:1px 1px 1px 1px;
/*border:none;*/
}

#shareBox img:hover{
margin:2px 0px 0px 2px;
border:inset 1px #008400;
}

#shareBox .shareIcon{
border:solid 1px #008400;
}

#shareBox:hover {
width:475px;
}

#shareBox a {
text-decoration:none;
}

#shareBox ul {
margin:0;
padding:0;
}

#shareBox li {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#shareBox li span {
display:none
}


#topMenu {
/*background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);*/
width:100%;
height:90px;

}

.menuItem {
background-repeat:no-repeat;
background-position:center center;
/*margin:1px 0px 1px 1px;*/
cursor:pointer;
}

.menuTextbox {
position:absolute;
width:113px;
bottom:0px;
display:inline;
color:black;
font-weight:bold;
background-color:#BA9FB8;
filter:alpha(opacity=75); /* IE's opacity*/
opacity: 0.75;
text-align:center;
}

.bottomTextbox {
display:inline;
color:black;
background-color:#BA9FB8;
filter:alpha(opacity=75); /* IE's opacity*/
opacity: 0.75;
text-align:center;
padding:0px 1em;
}

#mainContent {
/*overflow:auto;*/
overflow-x:auto;
overflow-y:scroll;
}

caption h1, caption h2, caption h3, caption h4, caption h5, caption h6 {
color:#99669A;
padding:0;
margin:0;
font-style:italic;
}

fieldset {
width:98%;
border:solid 1px #ddf;
margin:1em auto;
padding:0 0.5em;
page-break-inside:avoid;
}

legend {
padding:0 0.1em;
margin:-5px 3px 0 3px;
font-size:180%;
font-weight:bold;
}

#mainContent table {
border-collapse: collapse;
width:100%;
}

#mainContent table caption {
color:#99669A;
text-align:left;
vertical-align:bottom;
padding:0;
}

#mainContent table th {
text-align:left;
}

#content01 {
}

.contentDiv {
display:block;
}

.hiddenContentDiv {
display:none;
}

.merknad {
text-align:center;
color:#99669A;
width:10em;
}

.valuta {
text-align:right;
width:3em;
}

.odd {
  background-color:#E7D9E7;
}

.even {
  background-color:#ffd;
}

.lastRow {
text-align:right;
color:#99669A;
}


#footer {
background-image:url('/grafikk/sandefjordmal/bg-o1500.png');
background-size: cover;
/*
background-color:#99669A;
background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
background-image:url('/grafikk/bg_gradient.jpg');
color:white;
font-size:80%;
position:absolute;
bottom:0px;
text-align:center;
width:1024px; 
padding:0.2em 0px;
*/
}

.screenOnly {
display:block;
}
.swapLi {
  font-weight:normal;
  list-style-image:url('../grafikk/rightArr.jpg');
}
.swapLi ol{
	display:none;
}
.swapLi ol li{
	font-weight:normal;
	list-style-image:none;
}

#goetheVerlag div {
width:45%;
}
#goetheVerlag select {
width:90%;
}

#container {
width: 100%;
height:100%;
margin: 0px;
background-color: #fff;

color: #333;
border: 1px solid #ddf;

line-height: 130%;
overflow:hidden;
background-image:url('/grafikk/sandefjordmal/bg-o1500p15.png');
/*background-image:url('/grafikk/sandefjordmal/bg-o1500p15.png'),url('/grafikk/sandefjordmal/bg.png');*/
/*background-position: top center;
background-repeat: no-repeat;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#top {
padding: 0.1em;
/*background-color: white;*/
border-bottom: 1px solid transparent;
overflow:hidden;
background-color:rgba(217,234,238,0.7);
background-color:rgba(218,234,238,1);
background-image:url('/grafikk/sandefjordmal/left-wing.png');
background-size:360px 90px;
background-attachment: fixed;
background-position: 275px 0%;
background-repeat: no-repeat;

}

#top h1 {
font-size:140%;
padding: 0;
margin: 8px 0px;
}

#leftnav {
float: left;
width: 180px;
margin: 0px;
padding: 0.5em;
white-space:nowrap;
overflow:auto;
border-right: 1px solid transparent;
position:relative;

}

#rightnav {
float: right;
width: 135px;
margin: 0px;
padding: 0.5em;
overflow:auto;
border-left: 1px solid transparent;
position:relative;

}

#mainContent {
/*margin-left: 20%;
margin-right: 20%; */
margin:0px auto;
/*max-width: 60%; */
padding: 0px 0.1em;
overflow:auto;
position:relative;
}
#mainContent fieldset{
position:relative;
padding:0.3em;
border:solid 1px transparent;
}
#footer {
clear: both;
margin: 0;
padding: 0.2em;
color: #333;
background-color: #fff;
border-top: 1px solid #ddf;
overflow:hidden;
position:absolute;
bottom:0px;
left:0px;
width:100%;
background-color:rgba(217,234,238,0.5);
}

 #leftnav p, #rightnav p { margin: 0px; }
#mainContent h2 { margin: 0 0 .5em 0; }

ol {
margin:0px;
padding: 0px 0px 0px 20px;
}
.swapLi ol{
	display:none;
}
.swapLi ol li{
	font-weight:normal;
	list-style-image:none;
}

 #leftnav fieldset{
 font-size:80%;
 width:180px;
 overflow:hidden;
 margin:0.6em 0.1em 0.5em 0px;
 padding:0.3em 0px;
 position:relative;
 }
 /*
#leftnav li{
line-height:2em;
padding:0px;
margin:0px 0px 0px -1em;
display:table;
}
*/
#leftnav label{
line-height:2em;
padding:0px;
margin:0px;
display:table;
}
 #rightnav fieldset{
 font-size:80%;
 width:125px;
 margin:0.6em 0.5em 0px 0px;
 padding:0.3em 0.3em 0px 0.3em;
 }
#rightnav a{
margin:0px 0px 0.72em 0px;
}
#footer a{
display:inline;
}
.thumb{
border:solid 1px black;
background:white;
height:80px;
max-width:120px;
display:block;
/*margin:0.55em;*/
margin:2px;
font-size:10px;
white-space:nowrap;
overflow:hidden;
text-align:center;
float:left;
position:relative;
}
.thumb img{
height:60px;
width:120px;
}
.thumb:hover{
border:solid 1px black;
}
.menuToggle{
position:absolute;
top:0px;
z-index:100;
cursor:pointer;
width:35px;
height:35px;
}
.menuToggle:hover{
border:solid 1px black;
background:yellow;
}
.youtubeVideo{
background: url('/grafikk/icons/videoknapp.png') no-repeat scroll 0px 0px transparent;
bottom: 22px;
height: 26px;
right: 3px;
position: absolute;
width: 35px;
}
.youtubeVideo:hover{
background: url('/grafikk/icons/videoknapp_red.png') no-repeat scroll 0px 0px transparent;
}
#coverDiv{
position:absolute;
z-index:1000;
top:0px;
left:0px;
width:0px;
height:0px;
background-color: transparent;
background-image: url('/grafikk/icons/cover.png');
background-repeat: repeat;
display:block;
}
#player{
margin-left:-5000px;
}
legend{
position:relative;
z-index:50;
background-color:inherit;
font-size:110%;
}
#ageDiv label{
float:left;
}
/*
#ageDiv label{
background-image: url('/grafikk/icons/horChain.png');
background-repeat:repeat-x;
background-size:40px 10px;
/*background-attachment:fixed;*/
background-position:bottom;
}
*/
label{
cursor:pointer;
background:white;
/*border:solid 1px white;*/
}
label:hover{
/*border:solid 1px black;*/
background:yellow;
color:black;
}
#top a{
border:solid 1px white;
}
#top a:hover{
border:solid 1px black;
background:yellow;
color:red;
}
#ageDiv label img{
height:48px;
cursor:pointer;
}
#ageDiv label input{
position:relative;
margin:0px 0px 0px 10px;
padding:0px;
cursor:pointer;
}
#leftnav label{
display:block;
position:relative;
cursor:pointer;
}
.subMenuItem{
width:170px;
overflow:hidden;
margin-left:0.7em;
margin-right:0px;
border-left:dashed 1px #ddf;
border-bottom:dashed 1px #ddf;
background-color:#fff;
display:none;

}
#leftnav label input{
/*float:right;*/
}
.classTip{
position:absolute;
background:yellow;
text-align:center;
padding:5px;
z-index:1000;
border:solid 1px black;
display:none;
font-size:12px;
margin-left:-1px;
}
label span{
text-align:center;
display:block;
font-size:70%;
margin:0px;
padding:0px;
}

select{
border:solid 1px #daeaee;
}