/**
 * Stylesheet for <Jalan>
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	name <johan@netlash.com>
 */

/* Global reset */

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style:none;
}

img {
	border:0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

th {
	text-align: left;
}

/**
 * = Layout
 * ----------------------------------------------------------
 */

body {
	background: #42382E url('/modules/core/layout/images/bodybg.png') repeat-x;
}

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 145px;
	background: red;
	background: url(../images/header.jpg) no-repeat;
}

#header #logo {
	float: left;
	width: 400px;
}

#header #logo h1 {
	width: 115px;
	height: 95px;
	text-indent: -9000px;
	margin: 27px 0 0 27px;
	padding: 0;
}

#header #logo h1 a:link,
#header #logo h1 a:visited,
#header #logo h1 a:hover,
#header #logo h1 a:active {
	width: 115px;
	height: 95px;
	display: block;
	background: none;
	overflow: hidden;
}

#navigation {
	height: 41px;
	margin: 0 0 15px;
	background: url('/modules/core/layout/images/navbg.gif') repeat-x;
}

#navigation li {
	float: left;
	height: 41px;
	border-right: 1px solid #6e5c49;
}

#navigation li.selected {
	padding: 0 0 0 6px;
}

#navigation li.selected a {
	padding: 10px 15px 0 9px;
}

#navigation li {
	padding: 0;
}
#navigation li a {
	padding: 10px 15px 0 15px;
}

#navigation li a {
	text-decoration: none;
	float: left;
	display: block;
	font-weight: 700;
	height: 31px;
	color: #f1eedf;
}

#navigation li a:hover {
	background: none;
	color: white;
	background: url(/modules/core/layout/images/hoverbg.gif) repeat-x;
}

#navigation li.selected {
	background: url(/modules/core/layout/images/selectedbg.png) no-repeat 0 0;
}

#navigation li.selected a {
	color: #FFF;
}

#navigation li.selected a:link,
#navigation li.selected a:visited,
#navigation li.selected a:hover,
#navigation li.selected a:active {
	background: url(/modules/core/layout/images/selectedbg.png) no-repeat top right;
	font-weight: 700;
	text-decoration: none;
	cursor: default;
}

/* Language */

#header #language {
	float: right;
	width: 400px;
}

#header #language ul {
	float: right;
}

#language li {
	float: left;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 11px;
	margin: 41px 2px 0 0;
}

#language li.selected {
	background: url('/modules/core/layout/images/languageselected.png') no-repeat scroll top left;
}

#language li.selected a {
	text-decoration: none;
	font-weight: 700;
}

#language li.selected a:hover {
	background-color: none;
}

#home #content {
	width: 592px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#home #sidebar {
	width: 338px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 0 15px 60px;
}

#impressions #content {
	width: 945px;
	padding: 0 0 30px 0;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#impressions #sidebar {
	width: 338px;
	float: right;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	padding: 15px 15px 0;
	margin: 0 0 0 20px;
	background: #1E1A15 url('/modules/core/layout/images/impressions-sidebarbg.png') repeat-x;
	position: relative;
}

#impressions #footer {
	margin-top: 30px;
}

#contentpage #main {
	position: relative;
}

#contentpage #content {
	width: 562px;
	padding: 0 15px 30px 0;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#sidebar {
	color: #cbb09a;
}

#contentpage #sidebar {
	width: 338px;
	float: left;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin-top: 60px;
	padding: 15px;
	position: absolute;
	top: 0;
	right: 0;
	background: #40362B url('/modules/core/layout/images/impressions-sidebarbg.png') repeat-x;
}

#sidebar .profile img,
#sidebar .partner img {
	float: left;
	margin: 0 10px 10px 0;
}

#sidebar div {
	clear: both;
}

#contentpage #footer {
	margin-top: 30px;
}

#destination-browse {
	margin-top: 30px;
}

.destinations-contentwidth {
	float: left;
	width: 557px;
	overflow: hidden;
}

#content .destination img {
	float: right;
	margin: 0 0 15px 15px;
}

#content .destination {
	clear: both;
}

#content .destination h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 20px;
	padding: 0 0 2px;
}

#content .destination h3 {
	font-size: 20px;
	font-family: Georgia, serif;
	font-weight: 300;
}

#content .destination div.description {
	position: relative;
	float: left;
	width: 235px;
	min-height: 205px;
}

ul.left {
	width: 45%;
	float: left;
}

ul.right {
	width: 45%;
	float: left;
}

#content ul li {
	background: url(/modules/core/layout/images/bullet.gif) no-repeat 0 8px;
	padding: 0 0 1px 10px;
}

#content ul, #content ol {
	padding: 0 0 12px 12px;
}

#content ol {
	margin-left: 12px;
}

#content ol li {
	list-style-type: decimal;
}

div.reference {
	float: left;
	width: 290px;
	margin: 0 30px 15px 0;
}

#contentpage-fullwidth #content {
	width: 960px;
}

/* Eyecatcher */
#content #eyecatcher {
	width: 592px;
	height: 448px; /* This height has to stay the same for the grid */
	background: url('/modules/core/layout/images/eyecatcher.jpg') no-repeat scroll top left;
	position: relative;
}

#eyecatcher #intro {
	height: 92px;
	width: 562px;
	color: white;
	position: absolute;
	bottom: 0;
	padding: 15px;
	background: url(/modules/core/layout/images/80percentopacitybrown.png);
}

#intro a:link, #intro a:visited {
	color: white;
}

#intro p {
	padding-right: 15px;
}

#destinations div.fulltext {
	width: 562px;
}

#destinations div.albums ul {
	padding: 0;
}

#destinations div.albums ul li {
	background: none;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	width: 90px;
	line-height: 1.2;
	min-height: 145px;
	height: auto !important;
	height: 122px;
}

#destinations div.albums ul li img {
	width: 90px;
	height: 90px;
	border: 2px solid #564435;
}

#destinations div.albums ul li a:link,
#destinations div.albums ul li a:visited,
#destinations div.albums ul li a:hover,
#destinations div.albums ul li a:active {
	text-decoration: none;
	background: none;
	font-size: 11px;
	display: block;
	text-align: center;
}

#lightbox a:hover {
	background-color: none;
}

#destinations div.block div.shorttext {
	float: left;
	width: 562px;
	font-size: 14px;
	color: #CBB09A;
	font-style: italic;
	margin: 0 0 20px;
}

#destinations div.block div.albums {
	float: left;
	width: 570px;
	_overflow-x: hidden;
}

#destinations div.block div.albums-fullwidth {
	width: auto;
}

#destinations div.block div.albums div.readmore {
	position: relative;
	bottom: 20px;
}

/* News */

#news {
	width: 562px;
}

#home #news {
	padding: 15px;
}

#newsdetail {
	width: 562px;
}

#news div.newsarticle {
	margin: 0 0 10px;
	border-bottom: 1px dotted #2f2b27;
}

#news div.newsarticle div.date {
	background: url('/modules/core/layout/images/datebg.gif') no-repeat scroll top left;
	width: 34px;
	height: 39px;
	margin: 0 10px 0 0;
	float: left;
	color: white;
}

#news div.newsarticle div.date span {
	display: block;
	font-weight: 700;
	text-align: center;
}

#news div.newsarticle div.date span.day {
	font-size: 19px;
	line-height: 21px;
	letter-spacing: -1px;
	width: 32px;
	height: 21px;
	padding: 1px;
	position: relative;
	top: 1px;
}

#news div.newsarticle div.date span.month {
	font-size: 11px;
	width: 32px;
	height: 15px;
	line-height: 15px;
	text-transform: uppercase;
}

#news div.newsarticle div.articlecontent {
	width: 518px;
	float: left;
}

div.newsarticle div.readmore {
	margin-bottom: 14px;
}

.articlecontent p {
	padding: 0 0 5px;
}

#news div.newsarticle h3.title a {
	text-decoration: none;
	border-bottom: 1px dotted #726559;
	color: #FFF;
}

#news div.newsarticle h3.title {
	padding: 0 0 2px;
	margin: 3px 0 0px;
}

#newsdetail h1.newsarticle-title {
	padding-bottom: 0;
}

div.articlecontent h2 a {
	text-decoration: none;
}

p.archivelink {
	margin-top: 20px;
	text-align: right;
}

/* Destinations frontpage */

#destinations {
	margin: 0 0 15px;
}

#destinations div.destination {
	margin: 0 0 8px;
	width: 338px;
	height: 144px;
	position: relative;
}


div.destination div.label a:link,
div.destination div.label a:visited {
	display: block;
	width: 338px;
	height: 144px;
	text-decoration: none;
	color: #FFF;
}

div.destination div.label span {
	position: absolute;
	right: 0;
	top: 0;
}

div.destination div.label span {
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	text-align: right;
	background: url(/modules/core/layout/images/55percentopacitybrown.png);
	overflow: hidden;
}

div.destination div.label a:hover {
	color: white;
	background: none;
	text-decoration: none;
}

div.destination div.label a:hover span {
	background: url(/modules/core/layout/images/80percentopacitybrown.png);
}

#destinations #destination-1,
#destinations #destination-2 {
	margin: 0 0 8px;
}

#destinations #destination-1 {
	background: url('/modules/core/layout/images/sidebar_destination1.jpg') no-repeat scroll top left;
}
#destinations #destination-2 {
	background: url('/modules/core/layout/images/sidebar_destination2.jpg') no-repeat scroll top left;
}
#destinations #destination-3 {
	background: url('/modules/core/layout/images/sidebar_destination3.jpg') no-repeat scroll top left;
}

/* Travel experience / Reference / Reiservaring */

#travelexperience {
	padding: 0 0 15px;
}

#travelexperience h2.title {
	padding: 0;
	line-height: 1.4;
}

cite {
	font-weight: 700;
	font-style: normal;
	padding: 0 0 14px;
	display: block;
	color: white;
}

div.references {
	overflow: hidden;
}

.reference h2 {
	font-family: Arial, sans-serif;
	font-weight: 700;
	padding: 0;
	line-height: 1.4;
	clear: right;
}

/* Footer */

#footer {
	font-size: 11px;
	margin: 0 0 30px;
}

#footer ul {
	float: right;
}

#footer li {
	float: left;
	padding: 9px 0;
	margin: 0 10px 0 0;
}

#footer li.last {
	margin: 0;
}

/* Read more button */

div.readmore {
	text-transform: uppercase;
	height: 22px;
	float: right;
}

#content ul li.readmore {
	text-transform: uppercase;
	height: 22px;
	margin-top: 5px;
	float: right;
	background: none;
}

div.readmore a:link,
div.readmore a:visited, 
li.readmore a:link,
li.readmore a:visited {
	float: left;
	background: url(/modules/core/layout/images/buttonorange.png) no-repeat top left;
	padding: 0 0 0 8px;
	text-decoration: none;
	display: block;
	font-size: 11px;
	font-family: Arial, sans-serif;
	cursor: pointer;
	color: #FFF;
}

div.readmore a:link span,
div.readmore a:visited span, 
li.readmore a:link span,
li.readmore a:visited span {
	display: block;
	font-weight: 700;
	padding: 0 8px 0 0;
	float: left;
	height: 22px;
	line-height: 23px;
	background: url(/modules/core/layout/images/buttonorange.png) no-repeat top right;
}

div.readmore a:hover,
div.readmore a:active,
li.readmore a:hover,
li.readmore a:active {
	background: url(/modules/core/layout/images/buttonorange.png) no-repeat left -22px;
	color: #FFF;
}

div.readmore a:hover span,
div.readmore a:active span,
li.readmore a:hover span,
li.readmore a:active span {
	background: url(/modules/core/layout/images/buttonorange.png) no-repeat right -22px;
}


#sidebar div.readmore a:link,
#sidebar div.readmore a:visited,
.references div.readmore a:link,
.references div.readmore a:visited {
	background: url(/modules/core/layout/images/buttonblue.png) no-repeat top left;
}

#sidebar div.readmore a:link span,
#sidebar div.readmore a:visited span,
.references div.readmore a:link span,
.references div.readmore a:visited span {
	background: url(/modules/core/layout/images/buttonblue.png) no-repeat top right;
}

#sidebar div.readmore a:hover,
#sidebar div.readmore a:active,
.references div.readmore a:hover,
.references div.readmore a:active {
	background: url(/modules/core/layout/images/buttonblue.png) no-repeat left -22px;
}

#sidebar div.readmore a:hover span,
#sidebar div.readmore a:active span,
.references div.readmore a:hover span,
.references div.readmore a:active span {
	background: url(/modules/core/layout/images/buttonblue.png) no-repeat right -22px;
}

/* Forms */

#contactform input.input-textfield {
	margin: 0 0 8px;
}

#contactform label {
	color: white;
}

input, textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #77695e;
	padding: 2px;
}

textarea {
	width: 350px;
}

input.input-submit {
	background: #28211b;
	color: #FFF;
	padding: 2px 5px;
}

input#name {
	width: 140px;
}

input#email {
	width: 210px;
}

span.form-error {
	display: block;
	margin: 5px 0;
	color: #cbb09a;
}

span.form-success {
	display: block;
	margin: 15px 0;
	color: white;
	font-weight: 700;
}

/* Typography */

body {
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.48;
	color: #dcc7b4;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1;
	color: white;
}

h1 {
	font-size: 24px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding: 10px 0 20px 0;
}

h2 {
	font-size: 17px;
	font-family: Georgia, Times, serif;
	font-weight: 300;
	padding: 0 0 8px;
}

h3 {
	font-size: 15px;
	font-family: Arial, Times, serif;
	font-weight: 700;
	padding: 8px 0 8px;
}

h4 {
	font-size: 14px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	padding: 0 0 4px;
}

h3.title {
	padding: 0;
}

p.date {
	font-size: 11px;
	color: #E9D6C0;
}

#home p.date {
	display: none;
}

p.box {
	background: #1E1A15 url('/modules/core/layout/images/impressions-sidebarbg.png') repeat-x;
	padding: 10px;
	margin: 0 0 12px;
	color: white !important;
}

p.box2 {
	background: #1E1A15 url('/modules/core/layout/images/impressions-sidebarbg.png') repeat-x;
	padding: 10px;
	margin: 0 0 12px;
}

p {
	padding: 0 0 12px;
}

p.intro {
	font-family: "Georgia", Times, serif;
	font-size: 16px;
	line-height: 1.55;
	padding: 0 0 9px;
	color: white;
}

h2.title {
	font-weight: 700;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a:link {
	color: #efe5ca;
}

a:visited {
	color: #dcd0b1;
}

a:hover, a:active {
	text-decoration: none;
}

strong {
	font-weight: 700;
	color: #f2e6da;
}

em {
	font-style: italic;
}

/**
 * = Image classes
 * ----------------------------------------------------------
 */

img.left {
	float: left;
	padding: 0 10px 10px 0;
}

img.right {
	float: right;
	padding: 0 0 10px 10px;
}

/**
 * = Pagination
 * ----------------------------------------------------------
 */

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

#content .pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
	background: none;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #CCC;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: white;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #DDD;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: white;
}

.pagination li a:hover,
.pagination li a:active {
	background: #574536;
	border: 1px solid #BBB;
	color: white;
}

/* Next page and previous page buttons */
.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/**
 * = Trips
 * ----------------------------------------------------------
 */


#trips-columnleft {
	margin-right: 40px;
}

#trips-columnleft, #trips-columnright {
	width: 440px;
	float: left;
}

div.trips {
	margin-bottom: 40px;
	border-bottom: 1px solid #584631;
}

div.trips h3 {
	font-size: 18px;
}

div.trips h3 a {
	text-decoration: none;
	border-bottom: 1px dotted #726559;
	color: #FFF;
}

div.trips p.subtitle {
	color: #e9d6c0;
	font-size: 12px;
	font-weight: 700;
}

div.trips img {
	width: 162px;
	height: 79px;
	float: left;
	padding-right: 10px;
}

div.trips .readmore {
	margin-bottom: 20px;
	clear: both;
}

/**
 * = Image classes
 * ----------------------------------------------------------
 */

img[align="right"] {
	padding-left: 12px;
}

img[align="left"] {
	padding-right: 12px;
}

#related-trips, #related-destinations {
	float: right;
	width: 338px;
	background: transparent url('/modules/core/layout/images/relatedbg.png') no-repeat 0 0;
	margin: 0 0 20px;
}

#related-destinations {
	float: none;
}

#related-trips-bottom, #related-destinations-bottom {
	background: #4C3E33 url('/modules/core/layout/images/relatedbg.png') no-repeat bottom center;
	height: 15px;
}

#related-trips h3, #related-destinations h3 {
	padding: 15px 15px 5px;
}

#related-trips ul, #related-destinations ul {
	padding: 0 50px 0 20px;
}

#extra-bottom, #incentives-bottom {
	background: #4C3E33 url('/modules/core/layout/images/relatedbg.png') no-repeat bottom center;
	height: 15px;
}

#extra hr {
	display: none;
}

#extra-content, #incentives-content {
	padding: 15px 15px 0;
	color: #d8e4be;
}

#extra, #incentives {
	width: 338px;
	margin: 0 0 20px;
	background: transparent url('/modules/core/layout/images/relatedbg.png') no-repeat 0 0;
}

/* Clearfix */
.clearfix:after, .newsarticle:after, div.readmore:after, .description:after, #impressions .destination:after, .block:after, .references:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Firefox fixes */
@-moz-document url-prefix() {
	/* enforce scrollbar */
	body.onsite {
		overflow: -moz-scrollbars-vertical;
	}
}