/* MAINBOKSER --------------------- MAINBOKSER */
#wrapwrapper {
}

#sitewrapper{
  margin-top: 10px;
  text-align: left;
  background-color: #ffffff;
  width: 918px;
  clear: both;
  border: 1px solid #858D98 ;
}

#printHeaderBlock{
 display: none;
}

#bgrforsideTittel{
 background-image: URL('http://www.heliny.com/designbilder/bgrtitleforside.jpg');  
 background-repeat:repeat-x; 
 height:40px; 
 width:736px;
 margin:0;
 float:left; 
}

#headerBlock{
  width: 917px;
}

#header{
  background-image: URL('http://www.heliny.com/designbilder/topp.jpg');
  background-repeat: no-repeat;
  float: left;
  font-weight: bold;
  font-size: 18px;
  font-family: tahoma, helvetica, verdana, areal;
  height: 50px;
  width: 918px;
  margin: 0;
  padding: 0;
}

#randTopImg{
  width: 736px;
  float:left;
  margin:0;
  padding:0;
}

#sitemapvis{
 background:#ffffff;
 padding:0px 0 0 10px;
}


#underTopp{
  background-image: URL('http://www.heliny.com/designbilder/underTop2.jpg');
  background-repeat: no-repeat;
  height: 17px;
  width: 736px;
  float: right;

 }
 
#undermenu{
  height: 17px;
  width: 181px;
  margin: 0px;
}

#logo{ 
  float:left;
  width: 181px;
  height: 133px;
}

#contentwrapper{
  width: 736px;
  float: left;
  margin: 0;

}

#contentcontainer{
  margin: 0;
  padding: 0;
  width: 735px;

}

#tom{
}

#menuwrapper {
  background-image: URL('designbilder/bgrmenu.jpg');
  background-repeat: repeat-y;
  width: 181px;
  float: left;
  border-right: 1px solid #858E98;

}

#menubanner{
  width: 181px;
  float: left;
  vertical-align: bottom; 
}

#mappewrapForside{
  background-image: URL('http://www.heliny.com/designbilder/mappetop2.jpg');
  background-repeat: no-repeat;
  width: 736px;
  font-family: tahoma, helvetica, verdana, areal;
  float: right;

}

#mappeForsideTopp{
 width:736px;
 font-family: tahoma, helvetica, verdana, areal;
 float: left;
 margin-right: 0px; 
}

#mappeForside{
 width:245px;
 float:left;
}

#footerBlock{
  border-top:1px solid #CCCFCF;
  width:100%;
  height:36px;
  background:#f4f4f4;
}

#vannMerke{
  width:150px;
  float:right;
  margin: 0 100px 0 0 ;
}


/* SØKEFELT ----------------- SØKEFELT */
#sokeBlock{
  margin: 10px 0 40px 0;
  width: 180px;
  text-align: left;
}

#searchBox{
  margin-top: 0;
  font-weight: normal;
  width: 175px;
  text-align: left;
}

#searchBox form{
  margin: 0;
  padding-left: 5px;
}

#searchBox input{
  width: 100px;
  border: 1px solid #D3D8DC;
}

#searchBox input.button{
  color: #0E283F;
  background: #D3D8DC;
  font-weight: bold;
  cursor: pointer;
  margin-top:3px;
  width: 55px;
}


input {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
}

input.search {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
}

input.searchbutton {
  font: 100% Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #180873;
  background: transparent;
  color: #293194;
}

.radiocheck{
  border: 0;
}


/* KONTAKTFELT -----------------KONTAKTFELT */
#contactBlock{
  width: 900px;
}

#contactInfoBox{
  width: 900px;
  color:#858E98;
  margin: 5px;
  float: right;
  font-size: 9px;
}

#contactInfoBox a,
#contactInfoBox a:visited,
#contactInfoBox a:active,
#contactInfoBox a:hover{
  font-size: 9px;
}

div.teaser{
  font-weight: bold;
  margin: 5px 10px 5px 10px;
}

div.text{
  margin: 5px 10px 5px 10px;
}

/* Bildevisning ------------------ Bildevisning */

#toppBilder{
  width: 100%; 
  margin: 0; 
  padding: 0; 
  text-align: center;
  border-bottom: 2px solid #858E98;
}

#hoyreBilder{
  width: 400px;
  float: right; 
  margin: 5px; 
  padding: 10px 10px 0 0; 
  text-align: right;
}

#venstreBilder{
  width: 400px;
  float: left; 
  margin: 5px 16px 0 0; 
  padding: 10px 0px 0 10px; 
  text-align: left;
}

#flashBilder{
  width: 230px;
  float: left; 
  margin: 2px; 
  padding: 0; 
  text-align: left;
}

#bunnBilder{
  clear:both;
  width: 100%; 
  margin: 0;
  padding: 5px 0 10px 0; 
  text-align: center;
}

div.bilderamme{
  margin: 0;
  padding: 0;
}

div.bilderamme img{
  border: 0;
  margin:0;
  padding: 0;
  vertical-align: top;
}

div.bildeborder{
  padding:0 40px 0 0px;
}

div.bildeborder img{
  border:solid;
  border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
  border-width: 1px 2px 2px 1px;
  padding:5px;
}

div.bildetekst {
  clear: both;
  margin: 1px;
  text-align: left;
  vertical-align: top;
  font-style: oblique;
  font-size: 90%;
}

/* Listevisning ---------------- Listevisning */

div.listItemForside{
  float: left;
  width: 245px;
  margin: 0 0 5px 0; 
  padding: 0 0 5px 0;
  text-align: left;
}

div.listItemForside h4{
  margin-bottom: 0;
  clear: none;
  font-size: 100%;
}

div.listItemForsideImage{
  float: right;
  width: 75px; 
  margin: 0;
  text-align: right;
}

div.listItemForsideContent{
  float: left;
  width: 230px;
  margin: 0;
  text-align: left;
}

div.listItem{
  width:700px;
  margin: 3px 0 10px 20px; 
  padding: 0;
  text-align: left;
  /*border-bottom:1px solid #A43535 ;*/
}

div.listItem h3{
  margin-bottom: 0;
  clear: none;
}

div.listItemImage{
  vertical-align: top; 
  margin:0;
  text-align: right;
}

div.listItemImageStort{
  vertical-align: top;
  margin: 0 0 5px 0;
  text-align: right;
}

/* Søkeresultat ------------------- Søkeresultat */

div.searchresult{
  margin: 5px 0 5px 0;
}

div.searchresult h4{
  border-bottom: 1px solid #0B338A;
}

div.searchNavBar {
  clear: both;
  margin: 10px;
}

div.searchNavBar span.next{
  float: right;
}

div.searchNavBar span.previous{
  float: left;
}

/* Vedlegg ------------------------- Vedlegg */

div.vedlegg{
  clear: both;
  margin: 10px 0 10px 0;
}

/* Visning av SUTable --------------- SUTable*/

table.SUTable{
  border-collapse: collapse;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}

.SUTable td,th{
  text-align: left;
  border: 1px solid black;
  border-collapse: collapse;
  padding: 2px;
}

.SUTable th{
  background: #F1E021;
  color: black;
}


/* Visning av SUSkjema ---------------- SUTable*/

table.suskjema
  border-collapse: collapse;
  border-left: none;
  border-bottom: none;
}

.suskjema td,th{
  text-align: left;
  border: none;
  border-collapse: collapse;
  padding: 2px;
}

.suskjema th{
  background: transparent;
  color: black;
}


/*forms*/


#contact_form	{ 
  width:650px; 
  margin:0; 
  padding:10px 30px;
  float:left;
  overflow:auto;
}

form fieldset { 
  font-family:Verdana, Arial, Helvetica, sans-serif; 
	border:0;
	padding: 0px 10px 8px 0;
	float:left; 
}

form#myform {
  float:left;
}

form fieldset legend { 
  border-width:1px; 
  border-style:solid; 
  border-color:#BBBB66; 
  color:#3D7169;
	font-weight:bold; 
	font-variant:small-caps; 
	font-size:140%; 
	padding:4px 4px;
	margin:0px 0px 10px 0px; 
	background:white; 
}


/*------------reservation form--------------*/												
#reservationform label { 
  font-size:90%;
  float:left; 
  width:210px; 
  text-align:right;
	margin:0 0 0 0; 
	color:#000; 
	font-weight:bold;
	padding:8px 0px 0 0; 
}


												
#reservationform div.error { 
  font-weight:normal;
  color:red;
  text-align:left;
  width:140px; 
  padding-left:20px;
  background: transparent url(designbilder/cancel.png) no-repeat scroll left; 
  float:right; 
  margin:6px 0 0 2px;
}
                        
#reservationform input.text-input {
  float:left; 
  width:210px; 
  margin:6px 0 0 10px; 
  padding:2px 4px;
  color:#333; 
  background: transparent url(designbilder/textfield_bg.gif) no-repeat; 
  border:0;
  height:22px;
}

#reservationform textarea {
  text-align: left; 
  float:left; 
  margin:6px 0 0 10px; 
  padding:2px 4px;
  color:#333; 
  width:199px; 
  height:165px; 
  background: transparent url(designbilder/textarea_bg.gif) no-repeat; 
  border:0;
}


#reservationform select {
  text-align: left; 
  float:left; 
  margin:6px 0 0 10px; 
  padding:2px 4px;
  color:#333; 
  width:199px; 
  background: transparent url(designbilder/textfield_bg.gif) no-repeat; 
  border:0;
}

input.button {
  float:left; 
  padding:3px 6px;
	border:2px solid #fff; 
	margin:5px 0px 0px 0px; 
	color:#3D7169; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC; -moz-border-radius:5px; 
}

input.button:hover { 
  background:#000 none repeat scroll 0% 0%; 
  color:white; 
}

#reservationform li {margin:10px; list-style: none;}

/*----------------Contact form-------------------*/

#contactform label { 
  font-size:90%;
  float:left; 
  width:210px; 
  text-align:right;
	margin:0 0 0 0; 
	color:#000; 
	font-weight:bold;
	padding:8px 0px 0 0; 
}


												
#contactform div.error { 
  font-weight:normal;
  color:red;
  text-align:left;
  width:140px; 
  padding-left:20px;
  background: transparent url(designbilder/cancel.png) no-repeat scroll left; 
  float:right; 
  margin:6px 0 0 2px;
}
                        
#contactform input.text-input {
  float:left; 
  width:210px; 
  margin:6px 0 0 10px; 
  padding:2px 4px;
  color:#333; 
  background: transparent url(designbilder/textfield_bg.gif) no-repeat; 
  border:0;
  height:22px;
}

#contactform textarea {
  text-align: left; 
  float:left; 
  margin:6px 0 0 10px; 
  padding:2px 4px;
  color:#333; 
  width:199px; 
  height:165px; 
  background: transparent url(designbilder/textarea_bg.gif) no-repeat; 
  border:0;
}


#contactform select {
  text-align: left; 
  float:left; 
  margin:6px 0 0 10px; 
  padding:2px 4px;
  color:#333; 
  width:199px; 
  background: transparent url(designbilder/textfield_bg.gif) no-repeat; 
  border:0;
}

input.button2 {
  float:left; 
  padding:3px 6px;
	border:2px solid #fff; 
	margin:5px 0px 0px 0px; 
	color:#3D7169; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#CCC; -moz-border-radius:5px; 
}

input.button2:hover { 
  background:#000 none repeat scroll 0% 0%; 
  color:white; 
}

#contactform li {margin:10px; list-style: none;}



#message	{ 
  width:180px;
  margin:60px 0 0 100px; 
}

#message h2	{ 
  font-size:150%;
  color:#000; 
}

#message p	{ 
  color:#000;
  font-weight:bold;
  margin:6px 0px; 
}

#checkmark	{ position:relative;top:-46px;left:-60px; }

.clear{clear:both;}





span.star {
 color:red;
}