@charset "utf-8";
/* CSS Document of sterk helse */

body {padding: 0; margin: 0; font-family: Arial, Georgia, Helvetica, sans-serif; font-size: 12px; color: #3d3a37; background: url(images/body-bg.jpg) #fff 0 0 repeat-x;}

/* removing default borders from hyperlinked images in ff3: */
a {border: none; outline-style: none; -moz-outline-style: none;}
a:visited {border: none; outline-style: none; -moz-outline-style: none;}
a:hover {border: none; outline-style: none; -moz-outline-style: none; text-decoration: none;}
a:active {border: none; outline-style: none; -moz-outline-style: none;}

a {font-family: Arial, Georgia, Helvetica, sans-serif; text-decoration: none;}
p, ul, label {font-family: Arial, Georgia, Helvetica, sans-serif; color: #3d3a37; font-weight: normal; text-transform: none; margin: 0; font-size: 12px;}
h1 {font-family: Helvetica, Arial, sans-serif; color: #fff; font-weight: 900; text-transform: none; margin: 0; padding: 0; font-size: 15px; line-height: 17px;}
h2 {font-family: "trebuchet ms", Arial, Helvetica, sans-serif; color: #f26b00; font-weight: 400; text-transform: none; margin: 0; padding: 0; font-size: 19px;}
h3 {font-family: Helvetica, Arial, sans-serif; color: #666666; font-weight: 500; text-transform: none; margin: 0; padding: 0; font-size: 20px; text-align: left;}
h4 {font-family: Helvetica, Arial, sans-serif; color: #f26b00; font-weight: 900; text-transform: none; margin: 25px 0 0 0; padding: 0; font-size: 15px; text-align: left;}
span {font-family: Arial, Georgia, Helvetica, sans-serif;}
br {font-size: 6px;}
* html img {font-size: 0; vertical-align: bottom;} /* hack for ie 6*/

.clear {clear: both; font-size: 0; height: 0;} /* hack for gecko browsers */
.spacer5 {position: relative; height: 5px; padding: 0; margin: 0; font-size: 0;}
.spacer10 {position: relative; height: 10px; padding: 0; margin: 0; font-size: 0;}
.spacer20 {position: relative; height: 20px; padding: 0; margin: 0; font-size: 0;}
.spacer40 {position: relative; height: 40px; padding: 0; margin: 0; font-size: 0;}
.leftalign {text-align: left;}
.center {text-align: center;}
.floatleft {float: left;}
.floatright {float: right;}
.noborder {border: none;}
.imgborder {border: 1px solid #fbc949;}
.imgborder:hover {border: 1px solid #f6880a;}
.bold {font-weight: 900;}
.upper {text-transform: uppercase;}
.italic {font-style:italic;}
.underline {text-decoration: underline;}
.orange {color: #F26B00;}
.white {color: #fff;}

/* for safari and google chrome - removing the default focus */
select, input, textarea, button {outline:none; resize:none;}

form {margin: 0; padding: 0;}
input, textarea {margin: 0; padding: 0; font-family: Arial, Georgia, Helvetica, sans-serif; vertical-align: bottom;}
input {padding: 0 0 0 3px;}

.main {position: relative; width: 980px; height: auto; padding: 0; margin: 0;}

/* header */
.header-main {position: relative; width: 100%; height: auto; padding: 0; margin: 0; padding: 0; background: transparent;}
.header {position: relative; width: 100%; height: 135px; padding: 0; margin: 0; padding: 0; background: url(images/header-slogan.jpg) transparent 244px 0 no-repeat; border-bottom: 1px solid #fff;}
.header-no {position: relative; width: 100%; height: 135px; padding: 0; margin: 0; padding: 0; background: url(images/header-slogan-no.jpg) transparent 244px 0 no-repeat; border-bottom: 1px solid #fff;}
.header-logo {position: absolute; display: block; width: 130px; height: 105px; top: 10px; left: 30px; cursor: pointer; z-index: 2222;}
.header-navigation {position: absolute; width: 764px; height: 23px; padding: 7px 0 0 30px; bottom: 0; right: 0; margin: 0; background: url(images/header-navigation-bg.jpg) transparent 0 0 no-repeat;}
* html .header-navigation {position: absolute; width: 764px; height: 23px; padding: 7px 0 0 30px; bottom: -1px; right: 0; margin: 0; background: url(images/header-navigation-bg.jpg) transparent 0 0 no-repeat;}
#round {margin: 0 5px 0 5px; display: inline; z-index: 33; padding: 0px 3px 0px 3px; background-color: transparent; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;  font-weight: 900;  color: #fff; 
margin: font-size: 12px; text-transform: uppercase; text-align: center; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; z-index: 0; background-color: transparent; padding: 2px 4px 1px 4px;} 
#round:hover {background-color: #e47315;}

.header-lang {position: absolute; width: 235px; height: 66px; top:24px; right: 0; padding: 0;}
.header-lang2 {position: relative; width: 235px; height: 30px; padding: 0; background: url(images/gray-dots.gif) 0 bottom repeat-x;}
.lang1 {position: relative; float: right; display: block; height: 15px; padding: 0 0 0 25px; background: url(images/flag-norsk.jpg) 0 1px no-repeat;}
.lang2 {position: relative; float: right; display: block; height: 15px; padding: 0 0 0 25px; background: url(images/flag-english.jpg) 0 1px no-repeat; margin: 0 10px 0 0;}
.header-lang a, .header-lang p {color: #666666; font-weight: 900; font-size: 11px;}
#currentlang {color: #000;}
.lang1:hover, .lang2:hover {color: #000;}
.header-lang3 {position: relative; width: 235px; height: 28px; padding: 15px 0 0 0;}
.header-lang3 p, .header-lang3 img {float: right;}
.header-lang3 a:hover {color: #000;}
.header-lang3 img {margin: 0 4px 0 0;}

.subheader {position: relative; width: 978px; height: 302px; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#slideshow {position: relative; float: left; width: 640px; height: 302px; overflow: hidden;}
#slideshow img {display:none; position:absolute; top:0px; left:0px; opacity: -0.01;}

.subheader-cats {position: relative; float: right; width: 337px; height: 302px; overflow: hidden;}
.subheader-cats p {color: #fff; font-size: 11px;}
.subheader-cats a {color: #fff;}
.subheader-cat1 {position: relative; width: 317px; height: 80px; padding: 10px; border-bottom: 1px solid #fff; background: url(images/subheader-cat1.jpg) 0 0 repeat-y; 
text-align: left; overflow: hidden;}
.subheader-cat1 img {float: right; border: 3px solid #6ec565; margin: 2px 0 0 0;}
.subheader-cat1 img:hover {border: 3px solid #27A321;}
.subheader-cat2 {position: relative; width: 317px; height: 80px; padding: 10px; border-bottom: 1px solid #fff; background: url(images/subheader-cat2.jpg) 0 0 repeat-y; 
text-align: left; overflow: hidden;}
.subheader-cat2 img {float: right; border: 3px solid #90c7e8; margin: 2px 0 0 0;}
.subheader-cat2 img:hover {border: 3px solid #2c88cd;}
.subheader-cat3 {position: relative; width: 317px; height: 80px; padding: 10px; border-bottom: 1px solid #fff; background: url(images/subheader-cat3.jpg) 0 0 repeat-y; 
text-align: left; overflow: hidden;}
.subheader-cat3 img {float: right; border: 3px solid #fbc949; margin: 2px 0 0 0;}
.subheader-cat3 img:hover {border: 3px solid #f6880a;}

.subheader-cattext {position: relative; float: left; width: 156px; height: 302px; overflow: hidden;}


/* content */
.content-main {position: relative; width: 978px; height: auto; padding: 25px 1px 0 1px; margin: 0; background: url(images/content-topbg.jpg) #fff 0 0 repeat-x;}


/* pane left */
.left-pane {position: relative; float: left; width: 590px; padding: 0 30px 25px 30px; height: auto; text-align: left; background: transparent;}
.left-pane p {margin: 12px 0 0 0; line-height: 17px; font-size: 13px; }
.left-pane a {color: #f26b00;}
.left-pane a:hover {text-decoration: underline; color: #000;}


/* budapest calendar */
.budapestcalendar-main {position: relative; width: 590px; height: auto; border: 1px solid #F26B00;}
.budapestcalendar-cell {position: relative; width: 84px; float: left; height: 18px; text-align: center; padding: 4px 0 4px 0;}
.budapestcalendar-cell2 {position: relative; width: 84px; float: left; height: 50px; text-align: center; padding: 4px 0 4px 0;}
.budapestcalendar-cell p {margin: 0!important;}
.budapestcalendar-cell2 p {margin: 0!important; font-size: 11px;}
.bgorange {background: #F26B00;}

/* accordion */

#acc {position: relative; list-style:none; padding: 0; margin: 0; background: transparent;}
#acc li {padding: 0; margin: 4px 0 4px 0;}
#acc h4 {cursor:pointer;}
#acc h4:hover {}
#acc .acc-section {overflow:hidden; background: transparent;}
#acc .acc-content {background: url(images/acc-bg.jpg) transparent 1px 25px repeat-y; /*border-left: 1px  dotted #D5E7F5;*/}
#nested {list-style:none; padding: 0; margin: 0;}
#nested h4 {display: block; cursor:pointer;  margin: 0;}
#nested h4 span {color: #F4551D;}
#nested h4:hover {}
#nested .acc-section {overflow:hidden;}
#nested .acc-content {padding: 0 0 0 12px; background: transparent;}
#nested .acc-selected {}

#h4 {font-family: Helvetica, Arial, sans-serif; color: #f26b00; font-weight: 900; text-transform: none; margin: 25px 0 0 0; padding: 0; font-size: 14px; text-align: left;}
#h4b {font-family: Helvetica, Arial, sans-serif; color: #f26b00; font-weight: 900; text-transform: none; margin: 25px 0 0 0; padding: 0 0 0 12px; font-size: 14px; text-align: left;}



/* pane right */
.right-pane {position: relative; float: right; width: 286px; margin: 0; padding: 0 30px 0 0; height: auto; text-align: left; background: transparent;}
.right-box {position: relative; min-height: 120px; height: expression( this.scrollHeight < 121 ? "120px" : "auto" ); width: 286px; background: url(images/gray-dots.gif) 0 bottom repeat-x;
margin: 0 auto 10px auto;}
.right-boxsub {position: relative; height: auto; width: 266px; padding: 10px 10px 0 10px;}
.right-boxsub img {margin: 0 3px 0 0;}
.right-box p, .right-boxsub p {font-size: 13px; color: #666666; font-weight: 400;}
.clickhere {position: absolute; display: block; right: 5px; bottom: 5px; width: 76px; height: 16px; padding: 1px 0 0 0; background: url(images/right-box-click.jpg) 0 0 no-repeat; text-align: center;
color: #fff; font-size: 11px; cursor: pointer;}
.percent {display: block; float: left; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-size: 35px; color: #f6880a; margin: 0; padding: 0; line-height: 35px; margin: 0 3px 0 0;}

/* sign up */
.label1 {width: 215px; display: block; float: left; margin: 10px 0 0 10px; padding: 3px 0 0 0; height: 15px;}
.label2 {width: 300px; display: block; float: left; margin: 10px 0 0 10px; padding: 3px 0 0 0; height: 15px;}
 .input1 {border: 1px solid #F98607; float: left; width: 255px; height: 18px; margin: 10px 0 0 0; line-height: 18px;}
 /* .input1:focus {background: #fff9cd;}*/
 .active_field {background-color: #fba03c; border-color: #e54e08;} /* defining here the mootools input focus effect */
 .textarea1 {border: 1px solid #F98607; float: left; width: 258px; height: 138px; margin: 10px 0 0 0; font-size: 12px; overflow: hidden;}
 .select1 {border: 1px solid #F98607; float: left; width: 258px; height: 18px; line-height: 18px; padding: 0; margin: 10px 0 0 0; font-size: 11px; background: url(images/select.jpg) #fff right 4px no-repeat; overflow: hidden;}
 .opt-line {background: #d4d4d4;}
  .checkbox1 {float: left; margin: 15px 0 0 0; padding: 0;}
 *:first-child+html   .checkbox1 {float: left; margin: 10px 0 0 -5px; padding: 0;}
* html   .checkbox1 {float: left; margin: 10px 0 0 -5px; padding: 0;}
/* DATEPICKER */
 .input2 {border: 1px solid #F98607; float: left; width: 155px; height: 18px; margin: 10px 0 0 0; line-height: 18px; cursor: text;}
 * html .input2 {border: 1px solid #F98607; float: left; width: 155px; height: 18px; margin: 10px 0 0 126px; line-height: 18px; cursor: text;}
input.calendar,
select.calendar {float: left; width: 99px;}
button.calendar {background: url(images/calendar-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin: 10px 0 0 10px; width: 20px; border: none; outline-style: none; -moz-outline-style: none;}
button.calendar:hover, button.calendar.active {background-position: 0 20px; border: none; outline-style: none; -moz-outline-style: none;}
div.calendar {background: url(images/calendar.gif); height: 185px; padding: 0 6px; text-align: center; width: 147px; z-index: 222222222;}
div.calendar * {margin: 0; padding: 0;}
div.calendar div {background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px;}
div.calendar caption {color: #333; font: normal 12px/16px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%;}
div.calendar caption a {cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px;}
div.calendar caption a.prev {background-image: url(images/calendar-prev.gif); left: 0;}
div.calendar caption a.next {background-image: url(images/calendar-next.gif); right: 0;}
div.calendar caption a:hover {background-position: 0 12px;}
div.calendar caption span {height: 25px; position: relative; text-align: center;}
div.calendar caption span.month {padding-right: 8px;}
div.calendar caption span.month:after {content: ',';}
div.calendar table {background: #FFF; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px;}
div.calendar td, div.calendar th {border: 0; color:#bfb88c; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px;}
div.calendar td {background: url(images/calendar-td.gif); color: #FFF; font-size: 11px;}
div.calendar td.invalid {color: #ff2124; background:url(images/calendar-noplace.gif);}
div.calendar td.valid {background: url(images/calendar-valid.gif); color: #7E0E0E; cursor: pointer;}
div.calendar td.hilite {background: url(images/calendar-hilite.gif);}
div.calendar td.inactive {background: url(images/calendar-td.gif) 0 100%; color: #FFF;}
div.calendar td.active, div.calendar td.hover {background: url(images/calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer;}


.input3 {border: 1px solid #F98607; float: left; width: 99px; height: 18px; margin: 10px 0 0 0; line-height: 18px; cursor: text;}
.submitbutton {position: relative; margin: 15px 0 0 10px; width: 100px; height: 30px; background: #F98607; color: #fff; border: 1px solid #fff;  padding: 0; font-size: 13px; font-weight: 900;}
* html .submitbutton {position: relative; margin: 5px 0 0 10px; width: 100px; height: 30px; background: #F98607; color: #fff; border: 1px solid #fff;  padding: 0; font-size: 13px; font-weight: 900;}
.submitbutton:hover {background: #F98607; color: #fff; border: 1px solid #e54e08 }

/* hotel */
.hotel-main {position: relative; width: 98%; padding: 0 0 0 2%; height: auto; margin: 16px 0 0 0;}
.hotel-main img {padding: 1px;}
.hotel-main a {position: relative; float: left; margin: 0 14px 28px 14px;}

.progpics {margin: 16px 10px 0 0; float: left;}
.progpics2 {margin: 6px 10px 0 0; float: left;}
.pseudolist  span {margin: 0; color: #3d3a37; padding: 0 0 0 10px; background: url(images/separator.gif) 0 7px no-repeat; display: block;}


/* footer */
.footer {position: relative; width: 920px; height: 89px; margin: 0; padding: 0; border-top: 1px solid #f6880a;}
.footer p, .footer a {color: #888888; font-size: 11px;}
.footer-navigation {position: relative;  width: 100%; height: 26px; padding: 0; margin: 10px 0 0 0; background: url(images/black-dots.gif) 0 bottom repeat-x;}
.footernav {font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-size: 11px; float: left; color: #b5a4a1; font-weight: 900;}
.footer-navigation img {float: left; width: 3px; height: 3px; font-size: 0; margin: 0; padding: 0; margin: 7px 14px 0 14px;}

.copyright {position: relative; float: left; margin: 17px 10px 0 0;}
.credits {position: relative; float: right; margin: 14px 10px 0 0;}
.credits p, .credits a {float: left; padding: 3px 0 0 0; margin: 0 10px 0 0;}
#artamax {height: 22px; padding: 3px 0 0 26px; display:block; background: url(images/artamax-logo.jpg) 0 0 no-repeat;}

/* !!!!!!!!! must be at the end !!!!!!!!! */
.noborder {border: none;}
.margin0 {margin:0;}
.nobg {background: transparent;}
.paddingleft12 {padding: 0 0 0 12px;}