/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
/*
body, dl, dt, dd, ul, ol li h1, h2, h3, h4, h5, pre, input, p, blockquote, th, td {
   margin: 0;
   padding: 0;in
}
*/
 
* { 
  margin: 0;
  padding: 0;
}  
/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#contant .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

img, fieldset {
  border:0;
}

a {
  text-decoration: underline;
  color: #196099;
}

a:hover {
  color: #f38400;
}

ul, ol {
  padding-left:20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Arial, Helvetica, sans-serif;
  background-color: #FFF;
  background:url(../GFX/bodybg.jpg) no-repeat top center;
}

h1, h2, h3, h4, h5 {
  font-weight:normal;
}

h1 {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 233.5%;
}

h2 {
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*font-size: 200%;*/
}

h3 {
  /*font-family: "times new roman", "lucida console", sans-serif;*/
  font-size: 150%;
}

h4 {
  /*font-family: Arial, Helvetica, sans-serif*/
  font-size: 133%;
}

h5 {
  /*font-family: "times new roman", "lucida console", sans-serif;*/
  font-size: 117%;
  font-weight: bold;
}


/* FRONTPAGE ARTICLE BOX */

.fpArticleBox {
  background: transparent url(../GFX/bgFpArticleBox.gif) no-repeat top left;
  width: 639px;
  height: 64px;
  position: absolute;
  top: 850px;
  left: 10px;
  padding: 7px 10px 0;
  color: #fff;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.3em;
}
.fpArticleBox a:hover {
  color: #fff;
}
.fpArticleBox .articleExtra {
  display: none;
}


#content .frontArticle {
  padding-bottom: 20px;
}

#content .frontArticle .article-content {
  /* Removed because customer wants image inside article */
  /*padding: 0 10px;*/
}

/* Added because customer wants image inside article */
/*#content .frontArticle .article-content p {
  padding: 0 10px;
}*/

/*#content .frontArticle .orderLinks .label {
  background: transparent url(../GFX/btnOrangeLeft.gif) no-repeat 0 0;  
  background-position: left;
  height: 24px; 
  display: table; 
  margin: -7px 0 0 10px;
  float: left;
}

#content .frontArticle a.orderLinks {
  text-decoration: none;
}

#content .frontArticle .directlinkToOrder { 
  cursor: hand;
  cursor: pointer;
  background: transparent url(../GFX/btnOrangeRight.gif) no-repeat 100% 0; 
  background-position: right; 
  width: auto; 
  text-align: center; 
  height: 19px;
  padding: 5px 15px 0px 15px;
  text-align: center; 
  text-transform: uppercase; 
  color: #FFF; 
  font-weight: bold;
  font-size: 100%; 
}*/

#content .article p.text,
#content .event p.text {
  /*font-family: "times new roman", "lucida console", sans-serif;*/
  font-size: 117%;
  margin-bottom: 25px;
}

#content .article .article-content p,
#content .event .event-content p {
  /*font-family: "times new roman", "lucida console", sans-serif;
  font-size: 108%;*/ /*112%?*/
  margin-bottom: 15px;
}

#content .article .articleSummaryImg {
  margin-bottom: 10px;
}

img {
  display:block;
}

input, select {
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

input:first-letter {
  text-transform: capitalize;
}

/*
## CLEARFIX
*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */

/*
## Framework style
*/
#wrapper {
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #4B90CD;
  margin:21px auto 0;
  width:958px;
}

#header {
  height: 124px;
}

#headerTop {
  height:140px;
  margin:0 auto;
  padding:15px 0 0;
  position:relative;
  width:950px;
}

#headerTop .headerLogo {
  display:block;
  left:-55px;
  position:absolute;
  top:-7px;
}
#headerTop .headerTopRight {
  display: block;
}

#headerTop ul#navTop {
  position:absolute;
  right:0;
  text-align:right;
  top:46px;
}

#headerTop #headerDropMenu {
  position: absolute;
  top: 15px;
  right: 5px;
  width: 154px;
}

#headerTop #headerDropMenu p.menuText {
  float: left;
  display: block;
  width 75px;
}

#headerTop #headerDropMenu form#formHeader fieldset {
  border: none;
}

#headerTop #headerDropMenu .headerDrop {
  float: left;
  margin: 0px 0px 0px 5px;
  display: block;
  width: 85px;
}

.flags {
  position:absolute;
  right:1px;
  top:12px;
}

.flags li {
  float:left;
  list-style:none outside none;
  margin:0 7px 0 0;
}

.flags a{
  
}

.flags img{
  
}

#searchForm {
  position:absolute;
  right:-84px;
  text-align:right;
  top:81px;
  width:300px;
}

#searchForm label {
  margin: -2px 0px 0px 0px;
}

#searchForm input.button {
  cursor: hand;
  cursor: pointer;
}

#searchForm .query {
  border:1px solid #333333;
  float:right;
  height:17px;
  left:-30px;
  margin-top:5px;
  padding:4px 5px;
  position:absolute;
  top:-3px;
  width:150px;
}

/*#searchForm .inputimg {
  left:160px;
  position:absolute;
  top:4px;
}*/


#searchForm .inputimg {
    color: #4D4D4D;
    cursor: pointer;
    font-weight: bold;
    height: 27px;
    left: 134px;
    padding: 0 4px;
    position: absolute;
    top: 2px;
    width: 77px;
}

#headerBottom {
  height: 95px;
}

#breadcrumbs {
  float: left;
  clear: left;
  padding: 12px 0px 12px 10px;
  font-size: 90%;
  color: #8d8d8d;
}

#breadcrumbs a {
  padding: 0px 2px;
}

#breadcrumbs a.active {
  color: #196099;
}

#main {}

#leftColumn {
  float:left;
  margin-left:5px;
  width:170px;
}

#midColumn {
  float:left;
  padding:0 25px 0 20px;
  width:520px;
  overflow: hidden;
}

#midColumn.vandrehjem {
  width:520px;
}

#rightColumn {
  float:right;
  width:205px;
  padding-right: 10px;
}

#rightColumn.vandrehjem {
  float:right;
  width:205px;
}

#main div.pageTitle {
  background:url("../GFX/pageTitleBG.gif") repeat-x scroll left top transparent;
  float:right;
  height:50px;
  margin-bottom:10px;
  padding:0 10px;
  position:relative;
  width:744px;
}

#main h1.pageTitle {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 680px;
  line-height: 50px;
  color: #FFFFFF;
}

#main div.pageTitle .seasonIcon {
  position: absolute;
  left: 698px;
  top: 4px;
}

#main div.pageTitle .seasonIcon a.question {
  cursor: hand;
  cursor: pointer;  position: absolute;
  z-index: 23;
  float: right;
  width: 42px;
  height: 42px;
  background: transparent url(../GFX/qmark.gif) no-repeat top right;
  text-decoration: none;
}

#main div.pageTitle .seasonIcon a.question:hover { 
  text-indent: 0;
}

#main div.pageTitle .seasonIcon a.question span {
  display: none;
}

#main div.pageTitle .seasonIcon a.question:hover span { 
  display: block;
  background-color: #fffb9d;
  border: 1px solid #b6ab86;
  padding: 8px;
  width: 100px;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #000000;
  z-index: 9999999;
  font: 75% Arial, Helvetica, Sans-serif;
}

div.twoColumns {

}

div.twoColumns div.left {
  margin-right: 10px;
  width: 225px;
  float: left;
}

div.twoColumns div.right {
  width: 275px;
  float: left;
}

#hostelFacts div.twoColumns div.right ul li {
  width:264px;
}

#content {}

#footer {
  margin: 35px 0 0 0;
  padding: 5px 0 5px 10px;
  color: #4f4f4f;
  font-weight: strong;
  background: #eaeaea;
}

#webshopFooter a {
  float: right;
}

.footerContent p {
  margin-bottom: 0;
}

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #FFFFFF;
  background: #A1A1A1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #F0F0F0;
}

div.box .content {
  padding: 15px 10px;
}

.languageText {
  display: block;
  float: left;
  padding-top: 4px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .odd {
}

#content .even {
}

#content .article {
  padding: 0px 0;
}

#content .summary h1, #content .summary h2 {
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 183%;
  margin-bottom: 5px;
}

#content .summary h1 a, #content .summary h2 a {
  text-decoration: none;
  color: #000;
}

#content .summary h1 a:hover, #content .summary h2 a:hover {
  text-decoration: underline;
}

#content h1 a.title, #content h2 a.title {
  color: #444444;
}

#content .summary {
  /*font-family: "times new roman", "lucida console", sans-serif;
  font-size:  108%;*/
  margin: 0px 0px 20px 0px;
}

#content .summary p.text {
  margin: 0px 0px 0px 0px;
} 

#content .summary .summaryLink {
  margin: -5px 0px 0px 0px;
}

#content .summary img {
  float: left;
  display: block;
  margin: 0 10px 10px 0;
}

#content .summary .summaryTextLink {
  display: block;
}

#content .article h1 {
  margin-bottom: 10px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 183%;
  color: #161616;
}

#content .article h2 {
  margin-bottom: 15px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 183%;
  color: #161616;
}

#content .article h3 {
  margin-bottom: 15px;
  font-weight: bold;
  /*font-family: "times new roman", "lucida console", sans-serif;*/
  font-size: 150%;
  color: #161616;
}

#content .article h4 {
  margin-bottom: 15px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 133%;
  color: #161616;
}

#content .article h5 {
  margin-bottom: 15px;
  font-weight: bold;
  /*font-family: "times new roman", "lucida console", sans-serif;*/
  font-size: 117%;
  color: #161616;
}

#content .article-content {
  /*font-family: "times new roman", "lucida console", sans-serif;
  font-size: 108%;*/
}

#content .article .first p {
  /*font-family: "times new roman", "lucida console", sans-serif;
  font-size: 108%;*/
}

/*****************
## SOCIAL MEDIA ##
*****************/

.articleExtra {
  float:right;
}

.articleExtra li {
  list-style:none;
  float:left;
  margin:0 0 0 5px;
}

.articleExtra .socialMedia a,
.articleExtra .tipAfriend a,
.articleExtra .printerFriendly a { 
  height:16px; 
  width:16px; 
  text-indent:-9999px; 
  display:block; 
}

.articleExtra .tipAfriend a { background:url(../GFX/email.png) no-repeat; }
.articleExtra .printerFriendly a { background:url(../GFX/printer.png) no-repeat; }

.articleExtra #facebook { background:url(../GFX/facebook.png) no-repeat; }
.articleExtra #twitter { background:url(../GFX/twitter.png) no-repeat; }
.articleExtra #digg { background:url(../GFX/digg.png) no-repeat; }
.articleExtra #delicious { background:url(../GFX/delicious.png) no-repeat; }
.articleExtra #stumble { background:url(../GFX/stumble.png) no-repeat; }
.articleExtra #myspace { background:url(../GFX/myspace.png) no-repeat; }
.articleExtra #origo { background:url(../GFX/origo.png) no-repeat; }


/*
.printMe {
  display: block;
  float: right;
  width: 68px;
  margin: 15px 10px 15px 0;
}
.printMeIcon {
  float: right;
  margin-left: 10px;
}
.printMeText {
  font: 12px Arial, Helvetica, sans-serif;
}
*/

/*************************
## SPECIAL TABLE ##
*************************/
table.specialTable {
  width: 520px;
  clear: both;
  padding: 0;
  border-collapse: collapse;
  font: 92% Arial, Helvetica, sans-serif;
}

table.specialTable tr.head {
  margin: 0;
  font-size: 100%;
  background: url(../GFX/titleBackgroundGreen.gif) top left repeat-x;
  text-transform: uppercase;
  color: #FFF;
  height: 25px;
  /*font-size: 109.5%;*/
}

table.specialTable tr.subhead {
  border-bottom: 1px solid #a4d767;
}

#content table.specialTable tr.subhead p {
  margin-bottom: 0px;
}

table.specialTable tr.dark {
  background: #e3f5c4;
}

table.specialTable tr td {
  padding: 5px 0px;
  /*text-align: right;*/
}

table.specialTable tr td.label {
  width: 261px;
  padding: 5px;
  /*text-align: left;*/
  font-weight: bold;
}

table.specialTable tr.head td {
  padding: 0 10px;
  /*text-align: left;*/
}

table.specialTable tr.subhead td {
  /*text-align: left;*/
}

table.specialTable td.season {
  width: 22%;
}

table.specialTable td.right {
  text-align: left;
}

/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(../GFX/quote.gif) top left no-repeat;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}

/*************************
## FRONTPAGE VIEW ##
*************************/

.front {
  background:url("../GFX/frontbg.png") no-repeat scroll 12px 0 transparent;
  height:910px;
  margin-top:30px;
  position:relative;
}

.extranet {
  background:none;
}

#frontLeftColumn {
  float: left;
  display: block;
  width: 475px;
}

#frontLeftColumn #booking {
  margin-bottom: 10px;
  margin-top:22px;
  padding: 5px;
  background: #ebecf0;
  position:relative;
  height:254px;
}

#frontLeftColumn #booking .bookingBox,
#frontLeftColumn #booking #bookingBox {
  float: left;
  width: 298px;
}

#frontLeftColumn #booking .bookingMap {
  float: right;
  margin-top: 40px;
  margin-right: 5px;
}
#thetabs {
  display:block;
  font-size:110%;
  left:0;
  padding:0;
  position:absolute;
  top:16px;
}

#thetabs li a.selected {
  background:url("../GFX/bookbutton_selected_2.png") repeat-x scroll 0 0 #EBECF0;
  color:#FFFFFF;
  cursor:default;
  text-decoration:none;
}

#thetabs li a.default{

}

#thetabs li a {
  background:url("../GFX/bookbutton_2.png") repeat-x scroll 0 0 #EBECF0;
  display:block;
  height:18px;
  margin:0 5px;
  padding:4px 8px 2px;
  position:relative;
  text-decoration:none;
}

#thetabs li a img {
  position:absolute;
  top:0px;
}

#thetabs li a img.bb1, #thetabs li a img.bbs1 {
  left:-3px;
}


#thetabs li a img.bb3, #thetabs li a img.bbs3 {
  right:-3px;
}



#thetabs li a img.bbs1,#thetabs li a img.bbs3 {
  display:none;
}

#thetabs li a.selected img.bb1,#thetabs li a.selected img.bb3{
  display:none;
}

#thetabs li a.selected img.bbs1,#thetabs li a.selected img.bbs3 {
  display:block;
}


#thetabs li{
  display:block;
  float:left;
}

#intbooking { 
  padding : 0px;
  margin : 0px;
  background-color: #ebecf0;
}
#bookinginternational {
  display:none;
}
#norbooking { 
  display:block;
}

#frontLeftColumn #content .summary h1, #frontLeftColumn #content .summary h2  {
  font-size: 150%;
}

#frontLeftColumn #content .summary {
  margin: 0 15px 20px 10px;
}

#frontLeftColumn #content .summary .text {
  margin-bottom: 10px;
}

/*#frontLeftColumn #content .summary a.readmore {
  font: 93% Arial, Helvetica, sans-serif;
}*/

#frontMidColumn {
  float: left;
  display: block;
  width: 230px;
  padding: 0;
  margin-left: 15px;
}

.frontContentUrl {
  color: #196099;
  float: right;
  display: block;
  margin: -10px;
  margin-right: 15px;
}

#articlesNewsRight .summary {
  margin-bottom: 20px;
}

#articlesNewsRight .summary h2 a {
  padding-bottom: 6px;
}

/*************************
## CONTAINER ##
*************************/

.container {
  margin: 0px 0px 10px 0px;
  padding: 0px 10px 10px 10px;
  border-bottom: 1px solid #F0F0F0;
}

.noBorder {
  border-bottom: 0px;
}

.container .summary .text {
  /*font-family: "times new roman", "lucida console", sans-serif;
  font-size:  108%;*/
  margin-bottom: 10px;
}

.container .summary h2 a {
  color: #000;
  text-decoration: none;
}

.container .hrefRight {
  float: right;
  display: block;
  color: #196099;
}

h3.grey {
  margin: 0 -10px 10px -10px;
  padding: 6px 0 0 10px;
  font-size: 100%;
  background: url(../GFX/titleBackgroundGray.gif) top left repeat-x;
  text-transform: uppercase;
  color: #000;
  /*font-family: Arial, Helvetica, sans-serif;*/
  height: 19px;
  font-weight: normal;
}

h3.green {
  margin: 0;
  padding: 6px 0 0 10px;
  font-size: 100%;
  background: url(../GFX/titleBackgroundGreen.gif) top left repeat-x;
  text-transform: uppercase;
  color: #FFF;
  height: 19px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-weight: normal;
}

h3.blue {
  margin: 0;
  padding: 6px 0 0 10px;
  font-size: 100%;
  background: url(../GFX/titleBackgroundBlue.gif) top left repeat-x;
  text-transform: uppercase;
  color: #FFF;
  height: 19px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-weight: normal;
}

#frontRightColumn {
  float: right;
  display: block;
  width: 205px;
  padding: 0px;
}

#frontMidColumn .container {
  border-bottom: 0px;
}

#articlesMidFront .summary {
  border-bottom: 1px solid #F0F0F0;
  margin: 0px -8px 10px -8px;
  padding: 0px 10px 10px 10px;
}

.container .summary h2 {
  padding-bottom: 6px;
  font-size: 117%;
}

#articlesMidFront .first {
  padding-top: 0px;
}

/*************************
## RIGHT COLUMN ##
*************************/

#rightColumn #bookNowBox {
  margin-bottom: 10px;
}

#rightColumn #bookNowBox h2 {
  display: inline;
  margin-left: 13px;
  background: #fff;
  color: #f7931d;
  font: 200%;
}

#rightColumn #bookNowBox .bookNowContent {
  margin-top: -15px;
  padding: 20px 14px 10px 14px;
  border: 1px solid #f7931d;
}

#sendRequest {
  margin-bottom: 10px;
}

#rightColumn #bookNowBox .bookNowContent .label,
#rightColumn #sendRequest .label {
  background: transparent url(../GFX/btnOrangeLeft.gif) no-repeat 0 0;  
  background-position: left;
  height: 24px; 
  display: table; 
  margin-top: 10px;
  float: right;
}

#rightColumn #sendRequest .label {
  float: right;
  display: block;
  margin-top: 0px;
}

#rightColumn #bookNowBox .bookNowContent a.orderLinks,
#rightColumn #sendRequest a.orderLinks {
  text-decoration: none;
}

#rightColumn #bookNowBox .bookNowContent .directlinkToOrder,
#rightColumn #sendRequest .directlinkToOrder { 
  cursor: hand;
  cursor: pointer;
  background: transparent url(../GFX/btnOrangeRight.gif) no-repeat 100% 0; 
  background-position: right; 
  width: auto; 
  text-align: center; 
  height: 19px;
  padding: 5px 15px 0px 15px;
  text-align: center; 
  text-transform: uppercase; 
  color: #FFF; 
  font-weight: bold;
  font-size: 100%; 
}

#rightColumn #sendRequest .directlinkToOrder {
  float: left;
}

#rightColumn #articlesRight .summary {
  padding: 0px;
  width: 190px;
}

#articlesRight .summary h2 {
  margin: 0px -7px 5px -7px;
  padding: 5px 0px 0px 5px;
  font-size: 100%;
  background: url(../GFX/titleBackgroundGreen.gif) top left repeat-x;
  text-transform: uppercase;
  color: #FFF;
  height: 25px;
}

#articlesRight .summary h2 a {
  font-size: 100%;
  color: #FFF;
}

#rightColumn #articlesRight .summary h2 a {
  color: #FFF;
}

#rightColumn #articlesRight .summary a {
  padding: 5px 0px 0px 0px;
}

#rightColumn #articlesRight .title a {
  color: #FFF;
}

#rightColumn #articlesRight .rightArticleContent {
  padding: 5px 7px 0px 7px; 
}

/*************************
## AD BANNER ##
*************************/

.banner {
  margin: 7px 0px 0px 0px; 
}

.banner p {
  margin: 0;
}

#frontMidColumn .banner {
  margin: 0px 0px 10px 0px; 
}

#frontRightColumn .banner {
  margin: 0px 0px 10px 0px; 
}


/*************************
## GOOGLEMAP ##
*************************/
#content .summary.googlemap {
  height: 180px;
}

.googlemap p.text {
  line-height:100%;
}

#map {
  width: 480px;
  height: 750px;
}

#map.hostelMap {
  margin-bottom: 20px;
  width: 175px;
  height: 175px;
  overflow: hidden;
}

#map.hostelMap img {
  cursor: hand;
  cursor: pointer;
}

#leftColumn .minimapHeader {
  margin: 0 0 20px;
}

.minimap {
  margin-bottom: 20px;
}

.rightColumn_container #newsletter .text, .rightColumn_container #hostelDropMenu #siteright {
  padding:4px;
  width:127px;
  font-size:10px;
  height: 17px;
}


#newsletter .text, #hostelDropMenu #siteright {
  padding:4px;
  width:110px;
  height:27px;
}

#hostelDropMenu #siteright {
  width: 185px;
  height: 27px;
}

#newsletter .submit {
  float: right;
  margin: 5px 0px -5px 0px;
  padding: 0px 0px -5px 0px;
}

#newsletter p {
  font-size:11px;
}

#formBox {
  margin-top: 7px;
}

#hostelDropMenu .hostelForm {
  width: 190px;
}

#hostelDropMenu {
  /*height: 85px;*/
  display: block;
}

#hostelDropMenu form#formRight fieldset {
  border: none;
}

#hostelDropMenu .submit {
  float: right;
  margin: 5px 0px -5px 0px;
  padding: 0px 0px -5px 0px;
  width: 40px;
}

#hostelAddress h2 {
  padding-bottom: 6px;
  font-size: 117%;
  font-weight: normal;
}

.logoMap {
  margin-bottom: 5px;
}

#hostelFacts.container {
  padding: 0 5px 10px 5px;
}

#hostelFacts h3.green {
  margin: 0;
  padding-left: 10px;
}

#hostelFacts ul,
#hostelContact ul {
  clear: both;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 92%;
}

#hostelFacts ul li {
  width: 220px;
  padding: 5px;
  border-bottom: 1px solid #a4d767;
}

#hostelFacts ul li.rooms {
  padding-bottom: 0;
}

#hostelFacts ul li.roomsRight {
  padding:0px 5px;
}

#hostelFacts ul li.roomsRightSpecial {
  padding:18px 5px 0px;
}

#hostelFacts ul li.contact,
#hostelContact ul li.contact {
  border-bottom: none;
}

#hostelContact ul.contact li {
  padding-top: 3px;
  padding-bottom: 7px;
  width: auto;
  font-size: 92%;
  padding-left: 24px;
}

#hostelFacts ul li.cards {
  padding-top: 10px;
  padding-bottom: 0;
  border-bottom: none;
}

#hostelFacts ul li ul {
  margin: 5px -5px 0 -5px;
  /*border-top: 1px solid #a4d767;*/
  font-size: 100%;
}

#hostelFacts ul li.roomsRight ul {
  margin: 0px -5px;
}

#hostelContact ul {
  margin: 5px -10px;
  font-size: 100%;
}

#hostelFacts ul li ul.rooms li {
  width: 215px;
  padding-left: 10px;
  border-top: 1px solid #fff;
  border-bottom: none;
  background: #e3f5c4;
}

#hostelFacts ul li ul.cards li {
  width: 210px;
  padding-left: 10px;
  border-top: 1px solid #fff;
  border-bottom: none;
  background: #e3f5c4;
}

#hostelFacts ul li ul.contact li,
#hostelContact ul li {
  width: 214px;
  padding-left: 26px;
  border-bottom: none;
}

#hostelFacts ul li ul.contact li.phone,
#hostelContact li.phone {
  background: url(../GFX/iconPhone.gif) top left no-repeat;
}

#hostelFacts ul li ul.contact li.email,
#hostelContact li.email {
  background: url(../GFX/iconMail.gif) top left no-repeat;
}

#hostelFacts li.video {
  background: url(../GFX/iconMovie.gif) 0px 2px no-repeat;
  padding-left: 85px;
  width: auto;
}

#hostelFacts li.brochure {
  background: url(../GFX/iconBrochure.gif) 0px 2px no-repeat;
  padding-left: 85px;
  width: auto;
  height: 15px;
}

#hostelFacts ul li div.label {
  float: left;
  width: 100px;
}

#hostelFacts ul li div.labelWide {
  float: left;
  width: 200px;
}

#hostelFacts ul li div.singelLabel {
  xwidth: 70px;
  width: auto;
}

#hostelFacts ul li div.singelWideLabel {
  width: 200px;
  /*font-weight: bold;*/
}

#hostelFacts div.twoColumns div.left div.label {
  width: 120px;
}

/*
#hostelFacts div.twoColumns div.left div.value {
  margin-left: 195px;
}
*/



#hostelFacts ul li div.value {
  margin-left: 120px;
}

#hostelFacts ul li div.valueWide {
  padding-top: 5px;
  padding-left: 5px;
}

#hostelFacts .externalLinks a {
  cursor: hand;
  cursor: pointer;
  text-decoration: none;
}

#hostelFacts .externalLinks {
  margin-top: 5px;
}

#hostelFacts .externalLinks .label,
#hostelFacts .externalLinks .span {
  background: transparent url(../GFX/btnGreenLeft.gif) no-repeat 0 0;  
  background-position: left;
  height: 24px; 
  display: table; 
  margin: 0 0 5px 5px;
  float: left;
}

#hostelFacts .externalLinks .externalLink { 
  background: transparent url(../GFX/btnGreenRight.gif) no-repeat 100% 0; 
  background-position: right; 
  width: auto; 
  text-align: center; 
  height: 18px;
  padding: 6px 15px 0px 30px;
  text-align: center; 
  font-size: 92%; 
  text-transform: uppercase; 
  color: #FFF; 
  font-weight: bold;
  float: left;
}

#content .orderLinks {
  margin-bottom: 20px;
}

#content .orderLinks a {
  text-decoration: none;
}

#content .orderLinks .label {
  background: transparent url(../GFX/btnOrangeLeft.gif) no-repeat 0 0;  
  background-position: left;
  height: 24px; 
  display: table; 
  margin: 0;
  float: left;
}

#content .orderLinks .directlinkToOrder { 
  cursor: hand;
  cursor: pointer;
  background: transparent url(../GFX/btnOrangeRight.gif) no-repeat 100% 0; 
  background-position: right; 
  width: auto; 
  text-align: center; 
  height: 19px;
  padding: 5px 15px 0px 15px;
  text-align: center; 
  text-transform: uppercase; 
  color: #FFF; 
  font-weight: bold;
  font-size: 100%; 
  float: left;
}

#closestHostel ul {
  margin: -3px 0;
  padding: 0;
  list-style: none;
}

#closestHostel ul li {
  padding: 3px 0;
}

/*************************
## INPUT BUTTONS ##
*************************/

#headerTop label, #frontRightColumn label { 
  background: transparent url(../GFX/btnOrangeLeft.gif) no-repeat 0 0;  
  background-position: left;
  height: 24px; 
  display: table; 
  margin: 4px 0px 0px 5px;
  float: right;
}

#loginContainer label {
  background: transparent url(../GFX/btnOrangeLeft.gif) no-repeat 0 0;  
  background-position: left;
  height: 24px; 
  display: table; 
  margin: 4px 0px 0px 5px;
}

#headerTop input.button, #frontRightColumn input.button, #loginContainer input.button { 
  height: 24px;
  width: auto; 
  cursor: hand;
  cursor: pointer;
  background: transparent url(../GFX/btnOrangeRight.gif) no-repeat 100% 0; 
  background-position: right; 
  padding: 0px 15px 0px 15px;
  border: none; 
  text-transform: uppercase; 
  text-align: center; 
  color: #FFF; 
  font-weight: bold;
  font-size: 100%; 
  font-family: Arial, Helvetica, sans-serif;
}


#main div.orangeButton {
  margin: 4px 0 0 5px;
  height: 24px; 
  float: right; 
  background: transparent url(../GFX/btnOrangeLeft.gif) no-repeat scroll left center;
}

#main div.orangeButton a {
  background: transparent url(../GFX/btnOrangeRight.gif) no-repeat scroll right center;
  display: block;
  padding: 4px 15px;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

#main div.orangeButton a:hover {
  color: #fff;
  text-decoration: none;
}

/*************************
## PAGINATOR ##
*************************/
#content .paginator {
  clear: both;
  padding: 5px 5px;
  margin-bottom: 20px;
}

#content .paginator .prev {
  float: left;
}

#content .paginator .next {
  float: right;
}

#content .paginator .pages {
  margin: 0 50px;
  text-align: center;
}

#content .paginator .pages a {
  text-decoration: none;
}

#content .paginator .pages span {
  margin: 0 2px;
  padding: 3px 5px;
}

#content .paginator .pages span.active {
  background: #F0F0F0;
  color: #000000;
}

/*************************
## IDIUM LOGO ##
*************************/

#idium {
  width: 950px;
  margin: 0pt auto;
  padding: 10px 0 10px 10px;
}

div.idium, div.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

div.idium span {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-transform: lowercase;
  word-spacing: 3px;
  line-height: 23px;
  padding-left: 6px;
}

div.idium img {
  width: 25px;
  height: 25px;
  float: left;
}

/*************************
## LOGIN ##
*************************/

#loginContainer {
  padding-left: 10px;
}

#loginContainer h1 {
  margin-bottom: 5px;
}

#loginContainer input {
  padding-bottom: 5px;
}

#loginForm {
  width: 200px;
}

.loginLabel {
  text-align: right;
  margin-bottom: 5px;
}




/*****************
## MEMBER INFO ##
*****************/

.memberInfo table {
  border-collapse: collapse;
  width: 100%;
}

.memberInfo table td {
  width: 50%;
  border: 1px solid #EEE;
}

.memberInfo table td * {
  margin: 0;
  padding: 5px 10px;
}

.memberInfo td.active {
  background-color: #8AE46B;
  border-bottom: 1px solid green;
}

.memberInfo td.deactive {
  background-color: red;
}

.memberInfo label {
  display: block;
  clear: both;
  font-weight: bold;
}

.memberInfo input {
  font-size: 170%;
}




/* ##################
#   BOOKING
##################*/

#menuContainer ul {
  clear: both;
  list-style: square;
}

#menuContainer li a,
#menuContainer li span {
  display: block;
  padding: 4px 0;
  width: 100%;
  background: #FDFDF7;
  border-bottom: 1px solid #EEE;
  font-size: 120%;
}

#content .article-content .submit div h3 {
  font-weight: normal;
  margin-top: 5px;
  padding: 3px 0;
  border-bottom: 1px solid #EEE;
  color: #AAA;
}

.article-content .submit label {
  background: transparent url(../GFX/btnOrangeLeft.gif) no-repeat 0 0;  
  height: 24px;
  margin-bottom: 10px;
  display: table;
  float: left;
}

.article-content .submit label.save,
.article-content .submit label.book  {
  background: transparent url(../GFX/btnGreenLeft.gif) no-repeat 0 0; 
}

.article-content .submit label.next {
  float: right;
  background: transparent url(../GFX/more.gif) no-repeat 0 0; 
}

.article-content .submit label input {
  cursor: hand;
  cursor: pointer;
  background: transparent url(../GFX/btnOrangeRight.gif) no-repeat 100% 0; 
  width: auto; 
  text-align: center; 
  height: 25px;
  width: 190px;
  padding: 0;
  text-align: left; 
  text-indent: 30px;
  text-transform: uppercase; 
  color: #FFF; 
  font-weight: bold;
  font-size: 100%; 
  border: none;
}

.article-content .submit label.save input,
.article-content .submit label.book input {
  padding: 0;
  background: transparent url(../GFX/btnGreenRight.gif) no-repeat 100% 0;
}

.article-content .submit label.next input {
  padding: 0;
  background: transparent url(../GFX/moreRight.gif) no-repeat 100% 0;
  color: #444;
}

#pricefreetext p{
  margin-left:-1px;
  font-size:90%;
  font-weight:bold;
}

.front .bookbox {
  left:23px;
  padding-top:46px;
  position:absolute;
  top:1px;
  width:316px;
}

.front .findbox {
  left:334px;
  padding:0 0 0 41px;
  position:absolute;
  top:1px;
  width:305px;
}

.front .findbox h3 {
  color:#2D5583;
  font-size:24px;
  padding:10px 0;
}
.front .findbox p {
  color:#5F5F5F;
  font-size:125%;
  line-height:125%;
  margin:3px;
  width:168px;
}

.front .findbox .mapofnorway {
  position:absolute;
  right:-19px;
  top:-14px;
}

.front .findbox .mapoftheworld {
  left:19px;
  position:absolute;
  top:213px;
}

.rightColumn_container {
  left:707px;
  position:absolute;
  top:6px;
}

.rightColumn_container h3 a {text-decoration: none;}

.rightColumn_container .infobox {
  background:url(../GFX/right-box-middle.png) repeat-y scroll 0 0 transparent;
  padding:0 0 0 13px;
  width:241px;
}

.rightColumn_container .infobox .top {
  background:url(../GFX/right-box-top.png) no-repeat scroll 0 0 transparent;
  height:7px;
  left:-13px;
  position:relative;
  top:-6px;
}

.rightColumn_container .infobox .bottom {
  background:url(../GFX/right-box-bottom.png) no-repeat scroll 0 0 transparent;
  bottom:-50px;
  height:50px;
  left:-13px;
  position:relative;
}



.infobox {
  background:url("../GFX/right_box_middle.jpg") repeat-y scroll 0 0 transparent;
  padding:0 0 0 13px;
  width:205px;
}

.infobox .top {
  background:url("../GFX/right_box_top02.jpg") no-repeat scroll 0 0 transparent;
  height:7px;
  left:-13px;
  position:relative;
  top:-6px;
}

.infobox .bottom {
  background:url(../GFX/right_box_bottom02.jpg) no-repeat scroll 0 0 transparent;
  bottom:-50px;
  height:50px;
  left:-13px;
  position:relative;
}

.rightColumn_container .infobox input.button {
  left:2px;
  top:1px;
  width:77px;
  height:27px;
}

#wrapper.ger .rightColumn_container .infobox input.button {
  left:2px;
  top:0px
  font-size: 12px;
}


#wrapper.eng .rightColumn_container .infobox input.button {
  left:2px;
  top: 1px;
}



.infobox h3 {
  color:#2D5583;
  font-size:16px;
  line-height:128%;
  padding:2px 0 11px;
  width: 200px;
}


.infobox h3.second {
  padding:2px 0 17px;
}

.infobox h3.second a{
  text-decoration:none;
}

.infobox h3.third {
  padding:2px 0 12px;
}

.rightColumn_container .infobox select {
    margin-bottom: 7px;
    width: 212px;
}


.infobox select {
  margin-bottom:7px;
  width:180px;
}


.infobox input.text {
  border:1px solid;
  height:16px;
  padding:3px;
  width:207px;
  font-size:10px;
}

.infobox input.button {
 /* background:none repeat scroll 0 0 white;
  border:1px solid;*/
  color: #4D4D4D;
  /*display:block;*/
  left:3px;
  top: 1px;
  position:relative;
  cursor: pointer;
  font-weight: bold;
  height: 27px;
  font-size:12px;
  padding: 0 4px;
  width: 60px;
}

#wrapper.ger .infobox input.button {
  font-size:9px;
  left:2px;
  top: 0px;
  height: 27px;
}


#wrapper.eng .infobox input.button {
  font-size:12px;
  left:2px;
  top:1px;
  height:27px;
}



.plaster  {
  background:none repeat scroll 0 0 #EBECF0;
  height:41px;
  left:252px;
  position:absolute;
  top:48px;
  width:41px;
}

.becomeamember {
  background:url("../GFX/blimedlem-bg.png") no-repeat scroll 0 0 transparent;
  color:#FFFFFF;
  font-size:18px;
  height:64px;
  left:9px;
  line-height:62px;
  position:absolute;
  text-decoration:none;
  top:335px;
  width:665px;
}
.becomeamember:hover {
  color:#000;
}

.becomeamember strong {
  font-size:27px;
  padding:0 13px;
}
.facebook {
  margin-left:-7px;
  margin-top:17px;
  margin-bottom:20px;
}

.slideshowContainer  {
  left:11px;
  position:absolute;
  top:422px;
}


#front_ads {
  position:absolute;
  right:14px;
  top:510px;
  width:239px;
}

.extranet #navMain li a {
  background:url("../GFX/mainnav_2.png") repeat-x scroll 0 0 transparent;
  color:#2D5583;
  display:block;
  font-size:100%;
  margin:0 7px;
  padding:10px 7px 0;
  position:relative;
  text-decoration:none;
  text-transform:uppercase;
}

.extranet #frontLeftColumn {
  display:block;
  float:left;
  width:445px;
}

.extranet #searchForm {
  position:absolute;
  right:3px;
  text-align:right;
  top:81px;
  width:300px;
}

.extranet #searchForm .query {
  border:1px solid #333333;
  float:right;
  height:16px;
  margin-top:5px;
  padding:3px 5px;
  width:139px;
  position:static;;
}

#midColumn .user-table {
  width: 470px;
}

/*************
## CALENDAR ##
*************/

#rightCalendar {
  margin:0 20px 0 0;
  }

#rightCalendar a {  
  text-decoration:underline;
}
#rightCalendar a:hover { 
  text-decoration:none;
}

.calendarMonths {
  margin:0 0 8px;
}
.calendarMonths div {
  float:left;
  width:60%;
  padding:5px 0 0;
  text-align:center;
  text-transform:uppercase;
}
.calendarMonths div.previousMonth,
.calendarMonths div.nextMonth {
  width:20%;
  padding:7px 0 0;
  font-size:0.8em;
  text-transform:lowercase;	
  text-align:left;
}

.calendarMonths div.nextMonth {
  float:right;
  text-align:right;
}

.calendarMonths a {
  text-decoration:none;
}

.monthNav a:hover {
  text-decoration:underline;
}

.monthNav .prev {
  text-align:left;
}
.monthNav .next {
  text-align:right;
}

.calendarMonths div.month {
  margin:0 0 -10px;
  position:relative;
  }

/*********************
## Calendar - Small ##
*********************/

.box.calendar .events {
  font-size:1.2em;
}
.box.calendar .events a {
  text-decoration:none;
  color:#424242;
}
.box.calendar .events a:hover {
  text-decoration:underline;
}

/***************************
## Calendar - Calendarian ##
***************************/
.calendarTable {
  width:100%;
  border-collapse:collapse;
  margin:0 0 8px;
}

.calendarTable th {
  text-transform: uppercase;
  padding:8px;
}

.calendarTable td {
  border: 1px solid #4B90CD;
  text-align: center;
  padding:5px;
}

.calendarTable td.event {
  padding:0;
}

/************************
## Calendar - Weekdays ##
************************/
.weekdays th {
  background:#0094d9;
  color: #fff;
  border:1px solid #0094d9;
}

/*********
## Days ##
*********/
.day {
  color:#56544f;
}

.day.event,
.day.today {
  font-weight:bold;
}

.day.hidden {
  color:#999;
}

.day a {
  display:block;
}

.day.event a {
  color:#2e8597;
  padding:5px;
  text-decoration:none;
}

.day a:hover {
  background:#0094d9;
  color:#fff;
}

#event {
  padding:10px;	
}

#event table,
#event div,
#event .richText {
  font-size:1.2em;	
}

#event h2 {
  margin:0;
}

#event table td { 
  padding:0 5px 0 0;
}

/****************
## Events list ##
****************/

.frontpage .events {
  font-family:georgia, serif;
}

.frontpage .events dt {
  font-weight:bold;
}

.frontpage .events dd {
  margin:0 0 15px;
}

.calendar.master .events {
  font-size:1.4em;
}

.calendar.master .events dt {
  margin:0 0 -5px;
}

.calendar.master .events .event {
  border-bottom:1px solid #0094d9;
  padding:10px;
}

.calendar.master .events dt {
  font-weight:bold;
}

#midColumn.vandrehjem table.image-box img {
  max-width: 520px;
}