@charset "UTF-8";

/**
 * KrisKras website
 *
 * Contains all general layout declarations.
 *
 * @author 			Gerrit Bertier <gerrit@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date 			2009-11-23
 * @lastmodified	2009-12-08
 */

/* Main
---------------------------------------------------------- */

#wrapper {
	background: transparent url(/img/bg-glow.jpg) no-repeat 0 0;
	margin: 0 auto;
	min-height: 420px;
	height: auto !important;
	height: 420px;
	position: relative;
	width: 960px;
}

#header {
	background: transparent url(/img/bg-header.png) no-repeat 0 0;
	clear: both;
	float: left;
	height: 208px;
	margin-top: 30px;
	position: relative;
	width: 960px;
}

#container {
	background: transparent url(/img/bg-content.png) repeat-y 0 0;
	width: 960px;
	float: left;
	clear: both;
	margin: 0;
}

#main {
	background: transparent url(/img/bg-content-top.png) no-repeat 0 0;
	float: left;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	padding: 9px 0 0 58px;
	width: 902px;
}

#footer {
	background: #b5b194 url(/img/bg-footer.png) no-repeat 0 0;
	clear: both;
	color: #fff;
	float: left;
	height: 264px;
	padding: 20px 0 30px;
	text-shadow: 0 1px 0 #57533e;
	width: 960px;
}

.narrow-content {
	display: inline;
	float: right;
	margin: 40px 0 0 20px;
	width: 641px;
}

.lsidebar {
	display: inline;
	float: left;
	margin: 40px 0 0 20px;
	width: 160px;
}

/* Header
---------------------------------------------------------- */

#logo {
	background: transparent url(/img/logo.png) no-repeat 0 0;
	height: 86px;
	left: 70px;
	position: absolute;
	top: 45px;
	width: 157px;
}

#logo img {
	display: none;
}

#header-baseline {
	color: #549409;
	font-size: 1.0769em;
	left: 259px;
	position: absolute;
	text-shadow: 0 -1px 0 #b3de42;
	top: 74px;
	width: 420px;
}

#header-login {
	background: transparent url(/img/bg-header-login.png) no-repeat 0 0;
	height: 40px;
	position: absolute;
	right: 61px;
	top: 64px;
	width: 100px;
	padding: 12px 9px 34px 48px;
}

.link-login a {
	font-size: 1.2308em;
	font-weight: bold;
}

.link-register a { color: #a39e7b; }
.link-register a:hover { color: #918967; }

#tools {
	display: none;
}

/* Navigation
---------------------------------------------------------- */

#nav-primary {
	position: absolute;
	left: 69px;
	top: 177px;
}

#nav-primary li {
	float: left;
	margin: 0 2px 0 0;
}

#nav-primary a {
	color: #fff;
	display: block;
	float: left;
	font-size: 1.2308em;
	height: 32px;
	line-height: 30px;
	text-decoration: none;
	text-shadow: 0 1px 0 #449605;
	padding: 0 0 0 8px;
}

#nav-primary span {
	cursor: pointer;
	float: left;
	height: 32px;
	padding: 0 13px 0 5px;
}

#nav-primary .even a {
	background: transparent url(/img/sprite-primary-nav-even.png) no-repeat 0 0;
}
#nav-primary .even span {
	background: transparent url(/img/sprite-primary-nav-even.png) no-repeat 100% -32px;
}

#nav-primary .odd a {
	background: transparent url(/img/sprite-primary-nav-odd.png) no-repeat 0 0;
}
#nav-primary .odd span {
	background: transparent url(/img/sprite-primary-nav-odd.png) no-repeat 100% -32px;
}

#nav-primary a:hover {
	background-position: 0 -64px;
	text-shadow: 0 1px 0 #236d00;
}
#nav-primary a:hover span { background-position: 100% -96px; }

#nav-primary .selected a,
#nav-primary .selected a:hover {
	background-position: 0 -128px;
	color: #81c523;
	text-shadow: none;
}
#nav-primary .selected a span,
#nav-primary .selected a:hover span {
	background-position: 100% -160px;
}

#nav-primary a.home {
	background: transparent url(../img/button-primary-nav-home.png) no-repeat 0 0;
	height: 32px;
	overflow: hidden;
	padding: 0;
	text-indent: -99999em;
	width: 37px;
}
#nav-primary a.home:hover {
	background-position: 0 -32px;
	height: 32px;
}

#nav-primary .selected a.home {
	background-position: 0 -64px;
	height: 37px;
}

#nav-secondary {
	position: absolute;
	top: 0;
	left: 58px;
}

#nav-secondary li {
	float: left;
	margin: 0 0 0 2px;
}

#nav-secondary a {
	background: transparent url(/img/sprite-secondary-nav.png) no-repeat 0 0;
	color: #fff;
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}
#nav-secondary span {
	background: transparent url(/img/sprite-secondary-nav.png) no-repeat 100% -30px;
	cursor: pointer;
	float: left;
	padding: 0 10px 0 5px;
}

#nav-secondary a:hover,
#nav-secondary .selected a {
	background-position: 0 -60px;
}
#nav-secondary a:hover span,
#nav-secondary .selected a span {
	background-position:100% -90px;
}

/* Search
---------------------------------------------------------- */

.searchform {
	position: absolute;
	top: 0;
	right: 11px;
	width: 177px;
	height: 37px;
	padding: 3px 0 0 27px;
	background: url('/img/sprite-search.png') no-repeat -60px 0;
}

.searchform .field {
	float: left;
	margin: 0 5px 0 0;
	padding: 2px 0;
	width: 128px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 99%;
	height: 20px;
	line-height: 20px;
	color: #8e8564;
	background: transparent none;
	border: 0;
}

.searchform .btn-search {
	float: left;
	cursor: pointer;
	padding: 0 0 0 25px;
	height: 24px;
	width: 25px;
	text-indent: -9999px;
	background: url('/img/sprite-search.png') no-repeat 0 -34px;
	border: 0;
}

.searchform .btn-search:hover {
	background-position: -30px -34px;
}


/* Footer
---------------------------------------------------------- */

#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {	text-decoration: underline; }

.info-col {
	display: inline;
	float: left;
	margin: 25px 0 0;
	width: 180px;
}

#license-info {	margin-left: 80px; }
#license-info span {
	font-size: 1.3846em;
	font-weight: bold;
}

#insurance-info {
	font-size: .8461em;
	line-height: 1.4545em;
	width: 200px;
}

#gov {
	background: transparent url(/img/logo-gov.png) no-repeat 0 0;
	height: 54px;
	margin-left: 23px;
	text-indent: -9999em;
	width: 184px;	
}

#gov a {
	float: left;
	height: 54px;
	overflow: hidden;
	width: 184px;
}

#marlon {
	height: 54px;
	margin-left: 23px;
	width: 184px;	
}

#marlon a
{
	background: transparent url(/img/logo-marlon.gif) no-repeat 0 0;
	padding-left:30px;
}

/* Travel list (bottom)
---------------------------------------------------------- */

#travellist {
	background: #a09b7b url(/img/frame-travellist.png) no-repeat 0 0;
	clear: both;
	color: #797457;
	display: inline;
	float: left;
	left: -1px;
	margin: 60px 0 0;
	padding: 15px 0 0;
	position: relative;
	text-shadow: 0 1px 0 #797457;
	width: 843px;
}

#travellist h2, #travellist h3, #travellist a { color: #fff; }
#travellist a:hover { color: #FFFCBE; text-decoration: none; }

#travellist h2 {
	clear: both;
	display: inline;
	float: left;
	margin: 7px 0 0 22px;
}

#travellist h3 {
	margin: 24px 0 17px;
}

#travellist #list-wrapper {
	background: #a09b7b url(/img/frame-travellist.png) no-repeat -1686px 100%;
	clear: both;
	display: inline;
	float: left;
	padding: 0 19px 40px 1px;
	position: relative;
	width: 841px;
}

#travellist #list-wrapper .col {
	display: inline;
	float: left;
	margin: 0 0 0 22px;
}

#travellist #list-wrapper .col-last {
	margin-left: 70px;
	width: 215px;
}

#travellist #locations-wrapper {
	clear: both;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	width: 350px;
}

#travellist #locations {
	position: relative;
	width: 999999px;
}

#travellist #locations ul {
	display: inline;
	float: left;
	margin-right: 5px;
	width: 170px;
}

#travellist ul li {
	line-height: 1.25em;
	list-style: none outside none;
	margin: 0;
	padding: 0 0 7px 0;
}

#locations-controls a,
#locations-controls .disabled a {
	background: transparent url(/img/button-travellist.png) no-repeat;
	position: absolute;
	overflow: hidden;
	text-indent: -9999em;
	width: 30px;
}

#locations-controls .prev {
	background-position: 0 0;
	bottom: 0px;
	height: 38px;
	left: 22px;
}

#locations-controls .next {
	background-position: -30px 0;
	bottom: 2px;
	height: 36px;
	left: 342px;
}

#locations-controls .prev:hover { background-position: 0 -38px; }
#locations-controls .next:hover { background-position: -30px -38px; }
#locations-controls .disabled .prev {
	background-position: 0 -76px;
	cursor: default;
}
#locations-controls .disabled .next {
	background-position: -30px -76px;
	cursor: default;
}

#travellist #periods-wrapper {
	clear: both;
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	width: 120px;
}

/* Column system
---------------------------------------------------------- */

.col {
	display: inline;
	float: left;
	margin-right: 11px;
}

.col-last {	margin-right: 0; }

.col-1 {
	width: 273px;
}

.col-2 {
	width: 557px;
}

.col-3 {
	width: 841px;
}

#main.prefix-1 {
	padding-left: 238px; /*58px + lsidebar + col margin*/
}

/* Box related styles
---------------------------------------------------------- */

.box-wrapper {
	background: #f6f4c5 url(/img/frame-box.png) no-repeat 0 0;
	padding: 10px 0 0;
	width: 273px;
}
.box-wrapper-flattop {	background-position: -273px 0; }

.box {
	background: transparent url(/img/frame-box.png) no-repeat -546px 100%;
	clear: both;
	float: left;
	padding: 0 0 20px 13px;
	width: 260px;
}
.box h3 { color: #9e946f; }
.box .travel-info-block h3 { color: #00afef; }

/* Blocks
---------------------------------------------------------- */

.block-narrow {
	background: url(/img/frame-block-narrow.png) no-repeat 0 0;
	float: left;
	padding: 18px 0 0;
	width: 641px;
}

.block-narrow .block-narrow-wrapper {
	background: url(/img/frame-block-narrow.png) no-repeat -641px 100%;
	float: left;
	padding: 0 0 27px;
	width: 641px;
}

/* Page title: refined (after filtering)
---------------------------------------------------------- */

h1.refined {
	float: left;
}

h1.refined .title {
	float: left;
	padding-bottom: 8px;
}

h1.refined .param {
	clear: both;
	color: #9e946f;
	display: inline;
	float: left;
	font-size: .5455em;
	font-weight: normal;
	line-height: 1.5833em;
	margin: 0 0 0 7px;
	padding: 4px 0 0;
}

h1.refined .param .c {
	float: left;
	padding-right: 4px;
}

h1.refined .param strong.value {
	color: #766d4b;
	float: left;
	font-size: 1.1667em;
	padding-right: 10px;
}

h1.refined .param a 
{
	overflow: hidden;
	display: inline;
	float: left;
	text-indent: -9999em;
	width: 13px;
}

h1.refined .param a:hover {
	color: #d42816;
	text-indent: 0;
	width: auto;
}

h1.refined .param a span {
	left: -9999em;
	position: absolute;
	text-indent: -9999em;
}

/* Travel item(s)
---------------------------------------------------------- */

.travels {
	clear: both;
	float: left;
	margin: 32px 0 0;
}

.travels .odd {	background-color: #f6f4c5; }

.travels .travel {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 15px 0;
	position: relative;
}

.confirmation .travel {
	width: auto;
}

.confirmation .travel .block-narrow-wrapper {
	width: auto;
	background: none;
}

.confirmation .travel .info {
	width: auto;
}

#sidebar .travel {
	position: relative;
	padding-left: 19px;
	width: 210px;
}

.travels .travel .info {
	margin: 0 0 0 200px;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	width: 420px;
}

#sidebar .travel .info {
	margin: 0;
	padding-right: 40px;
	min-height: auto;
	height: auto !important;
	height: auto;
	width: auto;
}

.travel .date {
	display: block;
	margin-bottom: 10px;
}

#sidebar .travel .date {
	display: block;
	margin-bottom: 10px;
}

.travel h3 {
	font-size: 1.0769em;
	margin: 0;
}

#sidebar .travel h3,
#sidebar .travel h3 a {
	color: #0090DB;
}

.travel .info ul {
	margin: 0;
	padding: 0;
}

.travel .info ul li {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.travel-thumb,
.travel .travel-thumb {
	cursor: pointer;
	display: inline;
	float: left;
	height: 115px;
	overflow: hidden;
	left: 17px;
	position: absolute;
	top: 18px;
	width: 165px;
}

#sidebar .travel-thumb {
	position: relative;
	left: 0;
	top: 0;
	margin-bottom: 20px;
}

.travel-thumb img,
.travel .travel-thumb img {
	position: absolute;
}

.travel-thumb span,
.travel .travel-thumb span {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat 0 0;
	height: 115px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 165px;
}

.confirmation .travel-thumb span,
.even .travel-thumb span,
#sidebar .travel-thumb span {
	background-position: -165px 0;
}

.travel span.extra {
	height: 31px;
	left: 11px;
	position: absolute;
	text-indent: -9999em;
	top: 66px;
	width: 36px;
}

#sidebar .travel span.extra {
	top: 46px;
}

.label {
	display: block;
	position: absolute;
	top: 15px;
	right: -10px;
	width: 48px;
	height: 48px;
	text-indent: -9999em;
	background: url('/img/sprite-labels.png') no-repeat 0 0;
}

/* Search results
----------------------------------------------------*/

.signupform {
	display: block;
	height: 24px;
	padding: 3px 0 3px 3px;
	margin-bottom: 10px;
	background: #faf9e9;
	border: 1px solid #e1dfab;
	/*CSS3*/
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.signupform .field {
	float: left;
	margin: 0;
	padding: 2px 6px;
	width: 185px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 99%;
	height: 20px;
	line-height: 20px;
	color: #a29f89;
	background: transparent none;
	border: 0;
}

.signupform .btn-send {
	float: left;
	cursor: pointer;
	padding: 0 0 0 30px;
	height: 24px;
	width: 30px;
	text-indent: -9999px;
	background: url('/img/btn-send.png') no-repeat 0 0;
	border: 0;
}

.signupform .btn-send:hover {
	background-position: -40px 0;
}

/* search box */
.narrow-content .searchform {
	display: block;
	position: absolute;
	right: 60px;
	top: auto;
	height: 24px;
	width: 255px;
	padding: 3px 0 3px 3px;
	background: #faf9e9;
	border: 1px solid #e1dfab;
	/*CSS3*/
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.narrow-content .searchform .field {
	padding: 2px 6px;
	width: 209px;
	font-weight: bold;
}

.narrow-content .searchform .btn-search {
	background-position: 0 0;
}

.narrow-content .searchform .btn-search:hover {
	background-position: -30px 0;
}

/* results */
.search-results {
	clear: both;
	margin: 40px 0 0;
}

.search-results .block-narrow .block-narrow-wrapper {
	padding: 0 20px 10px 20px;
	width: 601px;
}

.search-results .odd {	background-color: #f6f4c5; }

.search-results .result {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 15px 0;
	position: relative;
}

.result .info {
	margin: 0 0 0 180px;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	width: 420px;
}

.result h3 {
	font-size: 1.0769em;
	margin: 0 0 10px 0;
}

.result .date {
	display: block;
	margin-top: -10px;
}

.result .info ul {
	margin: 0;
	padding: 0;
}

.result .info ul li {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.result .travel-thumb {
	cursor: pointer;
	display: inline;
	float: left;
	height: 115px;
	overflow: hidden;
	left: 17px;
	position: absolute;
	top: 18px;
	width: 165px;
}

.result .travel-thumb img {
	position: absolute;
}

.result .travel-thumb span {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat 0 0;
	height: 115px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 165px;
}

.even .travel-thumb span {
	background-position: -165px 0;
}

.result span.extra {
	height: 31px;
	left: 11px;
	position: absolute;
	text-indent: -9999em;
	top: 66px;
	width: 36px;
}




/* Pages search
----------------------------------------------------*/
.pages {
	clear: both;
	float: left;
    margin: 15px 0 15px;
}

.pages .page
{
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 15px 0;
	position: relative;
}

.pages h3 {
	font-size: 1.0769em;	
}

.pages .odd {	background-color: #f6f4c5; }

.pages .info {
	margin: 0 0 0 20px;
	min-height: 30px;
	height: auto !important;
	height: 30px;	
}


/* Event and news items
-----------------------------------------------------------*/
.subtitle  
{
    clear: both;
    float: left;
    margin: 5px 0 5px 0
}

.intro  {
    clear: both;
    float: left;
    margin: 0 0 15px 0;
}

.events, .news {
	clear: both;
	float: left;
    margin: 15px 0 15px;
}

.events .event, 
.news .news-item
{
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 15px 0;
	position: relative;
}

.events h3, .news h3 {
	font-size: 1.0769em;	
}

.events .odd, .news .odd {	background-color: #f6f4c5; }

.events .info, .news .info {
	margin: 0 0 0 200px;
	min-height: 115px;
	height: auto !important;
	height: 115px;	
}

.events .block-narrow .block-narrow-wrapper, 
.news .block-narrow .block-narrow-wrapper
{
    padding: 0 0 20px;
}

.events .info
{
    width: 420px;
}

.news-more, .events-more
{
    margin: 15px 0 30px 15px;
}

#content .event-info dt,
#content .eventregistration-info dt 
{
    clear: both;    
    font-weight: bold;
    float: left;
}

#content .event-info dd,
#content .eventregistration-info dd 
{
    margin-left: 100px;
    margin-bottom: 8px;
}

#content .map 
{
    margin-top: 15px;
}

.events .event-thumb,
.news .news-thumb {
	cursor: pointer;
	display: inline;
	float: left;
	height: 115px;
	overflow: hidden;
	left: 17px;
	position: absolute;
	top: 18px;
	width: 165px;
}

.events .event-thumb img,
.news .news-thumb img {
	position: absolute;
}

.events .event-thumb span,
.news .news-thumb span {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat 0 0;
	height: 115px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 165px;
}

.even .event-thumb span,
.even .news-thumb span {
	background-position: -165px 0;
}

/* Photosets
--------------------------------------*/
.photosets {
	clear: both;
	float: left;
	margin: 5px 0 0;
}

.photosets .odd {	background-color: #f6f4c5; }

.photosets .photoset {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 15px 0;
	position: relative;
}

.photosets .info {
	margin: 0 0 0 200px;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	width: 420px;
}

.photosets h3 {
	font-size: 1.0769em;
	margin: 0;
}

.photosets h3 span.new  {
    font-size: 0.8em;
}

.photosets .photoset-thumb {
	cursor: pointer;
	display: inline;
	float: left;
	height: 115px;
	overflow: hidden;
	left: 17px;
	position: absolute;
	top: 18px;
	width: 165px;
}

.photosets .photoset-thumb img {
	position: absolute;
}

.photosets .photoset-thumb span {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat 0 0;
	height: 115px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 165px;
}

.even .photoset-thumb span {
	background-position: -165px 0;
}

.photosets span.extra {
	height: 31px;
	left: 11px;
	position: absolute;
	text-indent: -9999em;
	top: 66px;
	width: 36px;
}

/* TripLeader item(s)
---------------------------------------------------------- */
.tripleaders {
	clear: both;
	float: left;
	margin: 0 0 0;
}

.letter 
{
    font-size: 1.1em;    
    text-transform: lowercase;
    float: left;
    margin: 0 3px 0 3px;
    padding: 5px;
    color: #EDDFBF;
}

.letter a {    
}

.letter-first {
    clear: both;
}

.letter-empty {
    font-weight: normal;
}

.letter-nonempty a {
    font-weight: bold;
    color: #00afef;    
}

.letter-selected a {
    font-weight: bold;
    text-decoration: none;    
    color: #766D4B;
}   

.tripleaders .odd {	background-color: #f6f4c5; }

.tripleaders .tripleader {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 5px 0;
	position: relative;
}

.tripleaders .info {
	margin: 0 0 0 200px;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	width: 420px;
}

.tripleaders h3 {
	font-size: 1.0769em;
	margin: 0 0 5px 0;
}

.tripleaders .info dl
{
    margin-top: 5px;
}

.tripleaders .info dt
{
    clear: both;    
    font-weight: bold;
    /*float: left;*/
}

.tripleaders .info dd
{
    /*margin-left: 120px;*/
    margin-bottom: 8px;
}


.tripleader .tripleader-aboutme
{
    margin-top: 5px;
}

.tripleaders .tripleader-thumb {	
	display: inline;
	float: left;
	height: 115px;	
	overflow: hidden;
	left: 17px;
	position: absolute;
	top: 36px;
	width: 165px;
}

.tripleaders .tripleader-thumb img {
	position: absolute;
}

.tripleaders .tripleader-thumb span {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat 0 0;
	height: 115px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 165px;
}

.even .tripleader-thumb span {
	background-position: -165px 0;
}

.tripleaders span.extra {
	height: 31px;
	left: 11px;
	position: absolute;
	text-indent: -9999em;
	top: 66px;
	width: 36px;
}

ul.tripleaders-actions
{
    clear: both;
    float: left;
    margin: 5px 0 15px 15px;
}

ul.tripleaders-actions li 
{
    color: #00afef;
	list-style: disc inside none;
}

#tripleaderresults .tripleaders
{
    margin-top: 15px;
}

/* Event registrations 
------------------------*/
.eventregistrations {
	clear: both;
	float: left;
	margin: 0 0 0;
}

.eventregistrations .odd {	background-color: #f6f4c5; }

.eventregistrations .eventregistration {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 15px 0;
	position: relative;
}

.eventregistrations .info {
	margin: -15px 0 0 200px;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	width: 420px;
}

.eventregistrations h3 {
	font-size: 1.0769em;	
}

.eventregistrations .eventregistration-thumb {	
	display: inline;
	float: left;
	height: 115px;
	overflow: hidden;
	left: 17px;
	position: absolute;
	top: 18px;
	width: 165px;
}

.eventregistrations .eventregistration-thumb img {
	position: absolute;
}

.eventregistrations .eventregistration-thumb span {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat 0 0;
	height: 115px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 165px;
}

.even .eventregistration-thumb span {
	background-position: -165px 0;
}

.eventregistrations span.extra {
	height: 31px;
	left: 11px;
	position: absolute;
	text-indent: -9999em;
	top: 66px;
	width: 36px;
}


/* TripLeader pages 
------------------------*/
.lsidebar ul.sidebarlist {
    padding: 0 0 10px;
}
.lsidebar ul.pagesnav {
    margin-left: 10px;
    padding: 0 0 5px 0;
}

.lsidebar ul.pagesnav li {
    list-style: none inside none;
}


/* Photosets and news item paging
------------------------------*/
.narrow-content #pager 
{
    float: right;
    margin: 5px 0 0 25px;
}


/* A small list of possible travels (vertically, 1 column)
---------------------------------------------------------- */

.travels-small {
	clear: both;
	float: left;
	margin: 25px 0 0;
}

#content .travels-small h3 {
	clear: both;
	color: #918967;
	display: inline;
	float: left;
	margin: 0 0 5px 17px;
}

.travels-small .travel,
#sidebar .travels-small .travel {
	clear: both;
	display: inline;
	float: left;
	margin: 20px 0 0 17px;
	padding: 0;
	position: relative;
	width: 256px;
}

.travels-small .info,
#sidebar .travels-small .info {
	left: 105px;
	position: absolute;
	top: 15px;
	padding-right: 0;
}

.travels-small .travel a.travel-thumb {
	clear: both;
	cursor: pointer;
	float: left;
	height: 76px;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	width: 84px;
}
.travels-small .travel a.travel-thumb span,
#sidebar .travels-small .travel a.travel-thumb span {
	background: transparent url(/img/frame-travel-thumb.png) no-repeat 0 0;
	height: 76px;
	left: 0;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 84px;
}

.travels-small .travel span.seats {
	left: -6px;
	position: absolute;
	text-indent: -9999em;
	top: 32px;
}

.travels-small a.more {
	clear: both;
	display: inline;
	float: left;
	margin: 35px 0 0 22px;
	white-space: nowrap;
}

/* Left sidebar filters/info
---------------------------------------------------------- */

.filters h3,
.info h3,
.event-info h3,
.eventregistration-info h3
{
	color: #68b013;
}

.filters ul,
.info ul {
	margin: 0;
	padding: 0 0 35px 0;
}

.filters li,
.info li {
	line-height: 1.6923em;
	list-style: none outside none;
	margin: 0;
	padding: 0
}

.filters li a,
.info li a {
	color: #797668;
}

.filters p {
	color: #797668;
	width: 140px;
}

/* Traveldetail related
---------------------------------------------------------- */

.traveldetail {
	position: relative;
}

#detail-description p img
{
	float:left;
	margin: 0 10px 10px;	
}

/* Tab menu
---------------------------------------------------------- */

.tabs {
	left: 12px;
	position: absolute;
	top: 289px;
	width: 480px;
	z-index: 10;
}

.tabs-search {
	display: block;
	clear: both;
	position: relative;
	left: 0;
	top: 0;
	margin: 18px 0 27px 0;
	width: auto;
	height: 33px;
	border-bottom: 1px solid #e1dfab;
}

.tabs li {
	float: left;
	list-style: none outside none;
	margin-right: 2px;
}

.tabs li a {
	background: transparent url(/img/sprite-tabs.png) no-repeat 0 0;
	color: #767259;
	float: left;
	font-size: 1.0769em;
	line-height: 34px;
	padding: 0 0 0 5px;
	text-decoration: none;
}

.tabs-search li a {
	line-height: 33px;
	background-position: 0 -140px;
	border-bottom: 1px solid #e1dfab;
}

.tabs li span.tab-wrapper {
	background: transparent url(/img/sprite-tabs.png) no-repeat 100% -34px;
	cursor: pointer;
	float: left;
	height: 34px;
	padding: 0 10px 0 5px;
}

.tabs-search li span.tab-wrapper  {
	height: 33px;
	background-position: 100% -180px;
}

.tabs li a:hover,
.tabs li.selected a {
	background-position: 0 -68px;
	color: #1a9dd7;
}

.tabs-search li a:hover,
.tabs-search li.selected a  {
	background-position: 0 -220px;
}

.tabs-search li.selected a  {
	border-bottom: 1px solid #fff;
}

.tabs li a:hover span.tab-wrapper,
.tabs li.selected span.tab-wrapper {
	background-position: 100% -102px;
}

.tabs-search li a:hover span.tab-wrapper,
.tabs-search li.selected span.tab-wrapper {
	background-position: 100% -260px;
}

.tabs li span span {
	clear: none;
	display: inline;
	float: left;
}

.tabs li span.nr-comments {
	background: transparent url(/img/sprite-icons.png) no-repeat 0 -100px;
	color: #908649;
	font-size: .9286em;
	font-weight: bold;
	height: 21px;
	line-height: 18px;
	margin: 8px 0 0 5px;
	text-align: center;
	width: 21px;
}

/* Tab contents
---------------------------------------------------------- */

.tab-content {
	padding: 0 0 0 22px;
	width: 480px;
}

.search-results .tab-content {
	padding: 0;
	width: auto;
	clear: both;
}

.image-wrapper {
	position: relative;
	left: -6px;
	margin: 0 0 25px;
	height: 323px;
	width: 561px;
	overflow: hidden;
}

.image-wrapper img {
	position: absolute;
}

.image-wrapper span {
	background: transparent url(/img/frame-traveldetail-image.png) no-repeat 0 0;
	float: left;
	height: 323px;
	width: 561px;
	position: absolute;
	top: 0;
}

.tab-content p.intro {
	color: #767259;
	font-size: 1.2308em;
	line-height: 1.5em;
}

#detail-practical dl {
	position: relative;
}

#detail-practical dt {
	clear: both;
	color: #9e946f;
	font-size: 1.0769em;
	font-weight: bold;
	line-height: 1.3571em;
	position: absolute;
	z-index: 2;
	width: 160px;
}

#detail-practical dd {
	display: block;
	margin: 0 0 40px 0;
	padding: 0 0 0 180px;
	position: relative;
	width: 300px;
}

#detail-pictures ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 525px;
}

#detail-pictures li {
	float: left;
	margin: 0 15px 15px 0;
	position: relative;
}

#detail-pictures li.first {
	clear: both;
}
#detail-pictures li.last {
	margin-right: 0;
}

#detail-pictures li a {
	cursor: pointer;
	float: left;
	height: 115px;
	overflow: hidden;
	position: relative;
	width: 165px;
}

#detail-pictures li a img {
	left: 0;
	position: absolute;
	top: 0;
}

#detail-pictures li span.frame {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat -165px 0;
	float: left;
	height: 115px;	
	left: 0;
	position: absolute;
	top: 0;
	width: 165px;
}

#detail-pictures li span.extra {
	display: block;
	height: 31px;
	left: -6px;
	position: absolute;
	text-indent: -9999em;
	top: 55px;
	width: 36px;
}

#detail-comments
{
    margin-bottom: 15px;
}

#detail-comments .comment {
	clear: both;
	display: inline;
	float: left;
	width: 530px;
	padding-bottom: 10px;
}

#detail-comments .kriskras .comment {	
	padding: 10px 5px;
	background: url("/img/frame-block-narrow.png") no-repeat scroll -641px 100% transparent;    
}

#detail-comments .comment .meta {
	display: inline;
	float: left;
	width: 110px;
	text-align: right;
}

#detail-comments .comment .comment-text {
	display: inline;
	float: left;
	margin-left: 20px;
	width: 370px;
}

.comment-intro {
	display: inline;
	float: left;
	margin-left: 130px;
	width: 370px;
    font-weight: bold;
}

.loadmorewrapper {
    text-align: center;
    margin-bottom: 20px;
}

#detail-comments .comment .comment-text p
{
    margin-top: 0px;
}

#detail-comments .meta .author, #detail-comments .meta .author a {
	color: #0091db;
	float: right;
	font-size: 1.0769em;
	font-weight: bold;
}

#detail-comments .meta a {
	clear: both;
	color: #767259;
	float: left;
	text-decoration: underline;
	white-space: nowrap;
}
#detail-comments .meta a:hover {
	color: #00adee;
}

.kriskras
{
    background: url("/img/frame-block-narrow.png") no-repeat scroll 0 0 #F6F4C5;
    clear:both;
    display:inline;
    float:left;
}

/* Sidebar:Travel info
---------------------------------------------------------- */

#travel-info,
#travel-info .inner,
#travel-info .more-info,
#travel-info .more-dates,
#travel-info .more-dates .inner,
#travel-info .ico,
#travel-info .ico span,
#travel-info .more,
#travel-info .more span,
#travel-info .register,
#travel-info .register span {
	background: url(/img/sprite-travel-info.png) no-repeat 0 0;
}


#travel-info {
	position: relative;
	margin: 0 0 10px 13px;
	padding: 0 0 10px 0;
	background-position: -300px 100%;
	zoom: 1;
}

#travel-info .inner {
	padding: 15px 0 0 0;
	background-position: 0 0;
}

#travel-info .label {
	top: 0;
	right: -25px;
}

/* detail info */

#travel-info .detail {
	position: relative;
	padding: 0 21px 0 30px;
	min-height: 170px;	
	z-index: 1;
	zoom: 1;
}

#travel-info .detail h2 {
	margin-bottom: 15px;
	color: #fff;
}

#travel-info .detail .date {
	display: block;
	margin: 0 0 8px 0;
	font-size: 1.076923076923077em;/*14/13*/
	font-weight: bold;
	color: #aee9ff;
}

#travel-info .detail .price {
	display: block;
	margin: 0 0 18px 0;
	font-size: 1.384615384615385em;/*18/13*/
	font-weight: bold;
	color: #f6f4c5;
}

#travel-info .register {
	height: 42px;
	margin-left: -15px;
	float: left;
	clear: both;
	font-size: 1.142857142857143em; /*16/13px*/
	text-decoration: none;
	color: #767259;
	background-position: -1500px 0;
}

#travel-info .register span {
	float: left;
	padding: 0 15px 8px 15px;
	line-height: 35px;
 	height: 35px;
 	background-position: 100% -45px;
}

#travel-info .register:hover {
	color: #0779d2;
	background-position: -1500px -90px;
}

#travel-info .register:hover span {
	background-position: 100% -135px;
}

/* extra info */

#travel-info .more-info {
	margin: -80px 0 0 0;
	padding: 103px 0 0 0;
	width: 280px;
	font-size: 1.076923076923077em; /*14/13*/
	color: #fff;
	background-position: -900px 0;
}

#travel-info .more-info .inner {
	padding: 0 40px 55px 30px;
	width: 210px;
	background-position: -1191px 100%;
	zoom: 1;
}

#travel-info .picto,
#travel-info .statuslabel {
	width: auto;
	display: block;
	float: none;
	padding: 0 0 0 43px;
	margin: 0 0 8px -7px;
	font-weight: bold;
	text-indent: 0;
	line-height: 31px;
}

#travel-info .statuslabel {
    padding: 0 0 0 7px;
}

#travel-info .ico,
#travel-info .more {
	margin-left: -9px;
	display: inline-block;
	font-size: 0.923076923076923em;/*12/13px*/
	line-height: 23px;
	text-decoration: none;
	color: #fff;
	background-position: -1500px -298px;
	zoom: 1;
	cursor: pointer;
}

#travel-info .ico-mail {
	background-position: -1500px -178px;
}

#travel-info .ico:hover,
#travel-info .more:hover {
	background-position: -1500px -328px;
}

#travel-info .ico-mail:hover {
	background-position: -1500px -238px;
}

#travel-info .ico span,
#travel-info .more span {
	display: inline-block;
	padding: 0 9px;
	background-position: 100% -208px;
}

#travel-info .ico:hover span,
#travel-info .more:hover span {
	background-position: 100% -268px;
}

#travel-info .ico-mail span {
	padding: 0 9px 0 26px;
}

/* more dates */

#travel-info .more-dates {
	clear: both;
	margin: 0 0 -10px 0;
	padding: 0 0 11px 0;
	color: #fff;
	background-position: -900px 100%;
}

#travel-info .more-dates .inner {
	padding: 24px 40px 0 30px;
	background-color: #00abec;
	background-position: -600px 0;
	zoom: 1;
}

#travel-info .more-dates h3 {
	font-size: 1.153846153846154em; /*15/13px*/
	color: #fff;
}

#travel-info .more-dates ul {
	padding-bottom: 20px;
}

#travel-info .more-dates li {
	margin-bottom: 10px;
}

#travel-info .more-dates .date {
	display: block;
	font-weight:bold;
	font-size: 0.923076923076923em; /*12/13px*/
	color: #fff;
}

#travel-info .more-dates .price {
	display: block;
	margin-bottom: 5px;
	font-size: 0.846153846153846em; /*11/13px*/
}

/* Sidebar: Share
---------------------------------------------------------- */

#sidebar .share,
#sidebar .share .inner,
#sidebar .share .ico,
#sidebar .share .ico span {
	background: url(/img/sprite-share.png) no-repeat 0 0;
	zoom: 1;
}

#sidebar .share {
	position: relative;
	margin: 0 0 15px 13px;
	background-position: 0 0;
}

#sidebar .share .inner {
	padding: 18px 40px 25px 30px;
	background-position: -300px 100%;
}

#sidebar .share .ico {
	margin: 0 0 10px -9px;
	float: left;
	display: inline;
	font-size: 0.923076923076923em;/*12/13px*/
	line-height: 23px;
	text-decoration: none;
	color: #fff;
	background-position: -600px 0;
	zoom: 1;
	cursor: pointer;
}

#sidebar .share .ico:hover {
	background-position: -600px -60px;
}

#sidebar .share .ico span {
	display: inline-block;
	padding: 0 9px 0 26px;
	background-position: 100% -30px;
}

#sidebar .share .ico:hover span {
	background-position: 100% -90px;
}

#sidebar .share .fb-like {
	clear: both;
	margin-left: -9px;
	z-index: 1;
}

/* Sidebar: tags
---------------------------------------------------------- */

#sidebar .tags {
	margin: 0 0 13px 0;
	padding: 0 40px 0 60px;
	background: url('/img/sprite-icons.png') no-repeat 35px -145px;
}

/* Sidebar: General travel info
---------------------------------------------------------- 

#general-travel-info {
	background: #00adee url(/img/frame-detail-title.png) no-repeat 0 0;
	margin: 0 0 0 13px;
	padding: 10px 0 0;
	width: 260px;
}

#general-travel-info-wrapper {
	background: transparent url(/img/frame-detail-title.png) no-repeat -260px 100%;
	padding: 40px 20px 0 30px;
	position: relative;
	width: 210px;
}

#general-travel-info p.title {
	color: #fff;
	font-size: 1.6923em;
	font-weight: bold;
	line-height: 1em;
	margin: -30px 0 0;
	text-shadow: 0 1px 0 #0073c5;
}

#general-travel-info #tags {
	background: transparent url(/img/sprite-icons.png) no-repeat 0 -147px;
	color: #fff;
	margin: 15px 0 0;
	padding: 0 0 25px 25px;
}

#general-travel-info #tags a {
	color: #fff;
}

#general-travel-info a.register {
	background: transparent url(/img/button-register.png) no-repeat 0 0;
	display: block;
	font-size: 1.2308em;
	font-weight: bold;
	height: 34px;
	margin: -20px 0 0 -15px;
	padding: 27px 14px 0 14px;
	text-decoration: none;
	width: 121px;
}

/* Sidebar: Detailled travel info
---------------------------------------------------------- 

#detail-travel-info {
	background: #a09b7b url(/img/frame-traveldetail-info.png) no-repeat 0 0;
	color: #fff;
	display: inline;
	float: left;
	margin: 17px 0 0 12px;
	padding: 16px 0 0;
	position: relative;
	text-shadow: 0 1px 0 #605b3f;
	width: 261px;
}

#detail-travel-info-wrapper {
	background: #a09b7b url(/img/frame-traveldetail-info.png) no-repeat -261px 100%;
	float: left;
	padding: 0 21px 16px 30px;
	width: 210px;
}

#detail-travel-info #travel-status span {
	font-size: 1.0769em;
	font-weight: bold;
}

#detail-travel-info a { color: #fff; }
#detail-travel-info a:hover { color: #FFFCBE; }

#detail-travel-info #travel-status a {
	clear: both;
	float: left;
	margin: 5px 0 0;
	padding: 0 0 0 27px;
	width: 150px;
}

#detail-travel-info #travel-status a.ico-mail { background-position: 0 -217px; }
#detail-travel-info #travel-status a.ico-magnifier { background-position: -420px -217px; }

#detail-travel-info #travel-status .picto-corner {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	text-indent: -9999em;
}

#detail-travel-info #date-price-info {
	background: #767259 url(/img/bg-traveldetail-dateprice.png) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	margin: 15px 0 0 -30px;
	padding: 14px 0 0;
	text-shadow: 0 1px 0 #47432e;
	width: 240px;
}

#detail-travel-info #date-price-info dl {
	background: transparent url(/img/bg-traveldetail-dateprice.png) no-repeat -240px 100%;
	padding: 0 10px 14px 30px;
	width: 200px;
}

#detail-travel-info #date-price-info .date {
	color: #fff;
	font-weight: bold;
	font-size: 1.0769em;
}

#detail-travel-info #date-price-info .price {
	color: #fff;
	font-weight: bold;
	font-size: 1.6923em;
	margin: 7px 0 0;
}

#detail-travel-info #similar-travels {
	clear: both;
	float: left;
	margin: 25px 0 0;
}

#detail-travel-info #similar-travels ul {
	margin: 0;
	padding: 0;
}

#detail-travel-info #similar-travels li {
	clear: both;
	float: left;
	padding: 0 0 25px 25px;
	width: 185px;
}

#detail-travel-info #similar-travels .ico-travel { background-position: -210px -218px; }

#detail-travel-info #similar-travels li a {
	color: #f6f6df;
	font-size: .9231em;
	text-decoration: none;
}

#detail-travel-info #similar-travels li a:hover {
	color: #fff;
	text-decoration: underline;
}

#detail-travel-info #similar-travels li span {
	clear: both;
	color: #fff;
	float: left;
	font-size: 1.0769em;
	font-weight: bold;
	width: 200px;
}

#detail-travel-info #extra-travel-info {
	clear: both;
	float: left;
	margin: 20px 0 0;
}

#detail-travel-info #extra-travel-info dt {
	font-size: 1.0769em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 210px;
}

#detail-travel-info #extra-travel-info dd {
	font-size: 1em;
	margin: 0;
	padding: 0;
	width: 210px;
}

#detail-travel-info a.staf {
	background-position: 0 -217px;
	clear: both;
	display: inline;
	float: left;
	margin: 25px 0 30px;
	padding: 0 0 0 27px;
	white-space: nowrap;
}

#detail-travel-info #alternative-travels {
	clear: both;
	float: left;
	margin: 25px 0 0;
}

#detail-travel-info #alternative-travels h3 {
	color: #fff;
	font-size: 1.3846em;
	font-weight: bold;
}

#detail-travel-info #alternative-travels ul {
	margin: 0;
	padding: 0;
}

#detail-travel-info #alternative-travels li {
	clear: both;
	float: left;
	padding: 0 0 25px 25px;
	width: 185px;
}

#detail-travel-info #alternative-travels .ico-travel { background-position: -210px -218px; }

#detail-travel-info #alternative-travels li a {
	color: #fff;
	font-size: 1.0769em;
	font-weight: bold;
	text-decoration: underline;
}

#detail-travel-info #alternative-travels li a:hover {
	color: #FFFCBE;
	text-decoration: none;
}

#detail-travel-info #alternative-travels li span {
	clear: both;
	color: #f6f6df;
	float: left;
	font-size: .9231em;
	font-weight: bold;
}

/* facebook like
---------------------------------------------------------- */
#sidebar .facebook-like {
    float: left;
    margin: 20px;
}

.facebook-like {
    margin: 5px 0 5px 0;
}

/* Sidebar: other travels
---------------------------------------------------------- */

#other-travels {
	clear: both;
	float: left;
	margin: 50px 0 0;
}

#other-travels h2 {
	color: #9e946f;
	font-size: 1.3846em;
	font-weight: bold;
	margin: 0 0 0 43px;
	width: 240px;
}

#other-travels .travels-small {
	margin: 0;
}

/* Sidebar: extra info box
---------------------------------------------------------- */

#extra-info {
	clear: both;
	display: inline;
	float: left;
	margin-top: 40px;
}

.extra-info-block,
.travel-info-block {
	clear: both;
	display: inline;
	float: left;
	margin: 15px 0 10px 30px;
	width: 210px;
}

.extra-info-block h3,
.travel-info-block h3 {
	font-size: 1.3846em;
	font-weight: bold;
}

.extra-info-block .rte p,
.travel-info-block .rte p,
.extra-info-block .rte ul,
.travel-info-block .rte ul,
.extra-info-block p,
.travel-info-block p,
.extra-info-block ul,
.travel-info-block ul {
	margin: 3px 0 10px 0;
}

/* Registration form
---------------------------------------------------------- */

#commentform .block-narrow,
#registration .block-narrow,
#brochure .block-narrow,
#stay-updated .block-narrow,
#login .block-narrow,
#forgotpw .block-narrow {
	display: inline-block;
	display: block;
	float: left;
}

#commentform .block-narrow
{
	width: 540px;
}

#commentform .block-narrow-wrapper,
#registration .block-narrow-wrapper,
#brochure .block-narrow-wrapper,
#newsletter-subscribe .block-narrow-wrapper,
#stay-updated .block-narrow-wrapper,
#login .block-narrow-wrapper,
#forgotpw .block-narrow-wrapper {
	float: none;
	display: inline-block;
	display: block;
	padding: 16px 0 27px !important;
	position: relative;
	width: 641px;
}

#commentform .block-narrow-wrapper
{
	width: 540px;
	padding-bottom: 0px !important;	
}

#commentform .block-narrow-wrapper h2
{
	color: #fff;
	padding: 0 0 0 130px;
}

#commentform #personal-data,
#registration #personal-data,
#brochure #address-data,
#newsletter-subscribe,
#stay-updated #email-data,
#login #login-data,
#forgotpw #forgotpw-data,
#tripleaderregistration #login-data,
#tripleaderresults #tripleadersearch,
#tripleaderresults #pagesearch
 {
	background-color: #a09b7b;
	color: #fff;
	margin: 5px 0 0;
	text-shadow: 0 1px 0 #736d4b;
}

#registration #travel-data,
#tripleaderregistration #travel-data
{
	background-color: #767259;
	color: #fff;
	margin: 20px 0 0;
	text-shadow: 0 1px 0 #555037;
}

#registration #cost-data {
	background-color: #00adee;
	color: #fff;
	margin: 20px 0 0;
	text-shadow: 0 1px 0 #007cbe;
}

#registration #misc-data {
	background-color: #f6f4c5;
	margin: 20px 0 0;
}

#registration fieldset h2,
#brochure fieldset h2,
#newsletter-subscribe fieldset h2,
#stay-updated fieldset h2 {
	color: #9e946f;
	font-size: 1.3846em;
	font-weight: bold;
	left: -200px;
	line-height: 1.2222em;
	margin: 0;
	position: absolute;
	text-shadow: none;
	top: 0;
	width: 160px;
}

#brochure fieldset h2,
#newsletter-subscribe fieldset h2,
#stay-updated fieldset h2 {
	left: -180px;
	width: 140px;
}

#registration .form-actions,
#brochure .form-actions,
#stay-updated .form-actions {
	clear: both;
	float: left;
}

#registration .sub-price {
	font-size: 1.3846em;
	font-weight: bold;
}

#registration .price {
	font-size: 1.6923em;
	font-weight: bold;
}

#registration dd strong,
#brochure dd strong,
#newsletter-subscribe dd strong,
#stay-updated dd strong {
	color: #f6f6df;
	font-weight: bold;
}

#registration div.moreinfo {
	background: transparent url(/img/bg-moreinfo-tab.png) no-repeat 0 0;
	height: 56px;
	position: absolute;
	right: -51px;
	text-align: right;
	top: 0;
	width: 122px;
}

#registration div.moreinfo a {
	background-position: -416px -205px;
	color: #797668;
	display: block;
	font-size: 0.9231em;
	height: 43px;
	line-height: 43px;
	text-shadow: none;
	padding: 0 0 0 15px;
}

#registration #cost-data div.note {	background-position: -1137px 100%; }
#registration #cost-data div.note div.wrapper { background-position: -758px 0; }

#registration #misc-data dt label 
{
	color: #9e946f;
	float: left;
}

#registration #misc-data dt span 
{
	clear: left;
	float: left;
	font-weight: normal;
	line-height: 1.4615em;
	text-align: left;
	width: 160px;
}

#registration #misc-data dd {
	margin-bottom: 0;
	padding-bottom: 25px;
}

#newsletter-subscribe fieldset p {
	margin-left: 200px;
	text-shadow: none;
	width: 340px;
}

#newsletter-subscribe div.warning {
	background-position: -780px 0;
}

/* Confirmation page styling
---------------------------------------------------------- */

.confirmation #content {
	position: relative;
 	padding-top: 24px;
 	width: 582px;
 	background: url('/img/sprite-confirmation.png') no-repeat 0 0;
}

#payment {
	position: relative;	
	margin: 0;
	padding: 148px 40px 0 22px;
	width: 240px;
}

.confirmation .intro {
	float: none;
	margin: 0;
	padding: 0 40px 0 22px;
	width: 200px;
	min-height: 157px;
	height: auto !important;
	height: 157px;
}

.confirmation .intro h2 {
	color: #00abec;
	font-size: 1.384615384615385em; /*18/13*/
	line-height: 1.166666666666667em; /*21px/18px*/
}

.confirmation .intro p {
	margin-bottom: 0;
	padding-bottom: 20px;
}

.confirmation .facebook {
	position: absolute;
	left: 242px;
	top: 74px;
	width: 143px;
	text-align: center;
	z-index: 1;
}

.confirmation .reminder {
	position: absolute;
	top: -32px;
	left: -20px;
	margin: 0 0 20px 0;
	padding: 18px 40px 0 40px;
	width: 220px;
	height: 138px;
	font-size: 1.153846153846154em; /*15px/14px*/
	font-weight: bold;
	line-height: 1.466666666666667em; /*22/15*/
	color: #fff;
	 background: url('/img/sprite-confirmation.png') no-repeat -590px 0;
}

.confirmation .facebook .fb-send,
.confirmation .facebook .fb-like {
	display: inline-block;
}

#overview {
	margin-right: 0;
	padding: 42px 0 0 0;
	position: relative;
	width: 240px;
}

.confirmation #extra-info { margin-top: 9px; }

.confirmation .rte h2 {
	color: #0090db;
	font-size: 1.3846em;
	font-weight: bold;
}

.confirmation a.ico-print {
	position: absolute;
	right: -40px;
	top: 29px;
	padding: 35px 0 0 0;
	min-width: 32px;
	text-decoration: none;
	text-align: center;
	color: #8e8564;
	background: url('/img/btn-print.png') no-repeat 0 0;
}

.confirmation a.ico-print:hover {
	color: #00abec;
	background-position: -40px 0;
}

.confirmation .rte p,
.confirmation .rte ul,
.confirmation .rte ol,
.confirmation .rte dl {
	margin-bottom: 20px;
}

.confirmation .rte li {	padding-bottom: 10px; }

.confirmation .price {
	color: #0090db;
	clear: both;
	font-size: 1.3846em;
	font-weight: bold;
}

.confirmation .sub-price {
	color: #0090db;
	clear: both;
	font-weight: bold;
}

.confirmation dt {
	margin-top: 10px;
	font-weight: bold;
}

#sidebar .info {
	margin: 20px 20px 0 18px;
}

/* Travel info block (extra info block modified)
---------------------------------------------------------- */

.box .travel-info-block {
	margin-top: 12px;
	margin-bottom: 15px;
} 

.box .travel-info-block .travel {
	margin: 0;
	padding: 0 0 10px;
	width: 216px;
}

.box .travel-info-block .travel h4,
.box .travel-info-block .travel span.date {
	display: inline-block;
	width: 102px;
}

.travel-info-block .travel a.travel-thumb span {
	background-position: -84px 0;
}

.box .travel-info-block .travels-small {
	margin-top: 10px;
}

/* Confirmation sidebar: stay updated block
---------------------------------------------------------- */

#sidebar #updated {
	clear: both;
	display: inline;
	float: left;
	margin: 10px 0 0 18px;
	width: 210px;
}

#updated h3 {
	color: #9e946f;
	font-size: 1.3846em;
	font-weight: bold;
}

#updated form label {
	clear: both;
	float: left;
	padding: 0 0 22px;
	width: 210px;
}

#updated label input {
	float: left;
}

#updated label span {
	float: right;
	width: 185px;
}

#updated label span.title {
	float: left;
	color: #0091db;
	font-size: 1.0769em;
	font-weight: bold;	
}
#updated label span.date {
	float: left;
	margin: 4px 0 0;
}

/* Travels: past travels
---------------------------------------------------------- */

.travels-group {
	margin-left: -5px;
	padding-bottom: 25px;
	width: 620px;
}

.travels-group h2 {
	color: #9e946f;
	font-size: 1.3846em;
	font-weight: bold;
	line-height: 1.2222em;
	margin: 0 0 0 5px;
	position: relative;
}

.travels-group .travels-col {
	float: left;
	width: 310px;
}

.travels-group .travels-col .travel {
	margin-left: 0;
}

/* Brochure
---------------------------------------------------------- */

#brochure-info {
	background-color: #f6f4c5;
	margin: 15px 0 45px;
}

#brochure-info #brochure-image {
	display: inline;
	float: left;
	margin: 0 0 0 36px;
}

#brochure-info #brochure-infotext {
	display: inline;
	float: left;
	margin: 40px 0 0;
	width: 240px;
}

/* Brochure: bevestiging
---------------------------------------------------------- */

#feedback {
	background-color: #f6f4c5;
	margin: 15px 0 45px;
}

#feedback .block-narrow-wrapper {
	padding-left: 40px !important;
	padding-right: 40px !important;
	width: 561px;
}

.block-narrow .block-narrow-wrapper {
    padding: 0 0 10px;
}

/* Reisbegeleider: bevestiging
---------------------------------------------------------- */
#confirmation {
	background-color: #f6f4c5;
	margin: 15px 0 15px;
}

#confirmation .block-narrow-wrapper {
	padding-left: 40px !important;
	padding-right: 40px !important;
	width: 561px;
    padding: 0 0 15px;
}

#confirmation h3 { color: #9e946f; }

/* Stay updated
---------------------------------------------------------- */

#stay-updated .travels {
	margin: 20px 0 45px;
}

#stay-updated ol {
	color: #f6f4c5;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#stay-updated ol li {
	list-style: decimal outside none;
	margin-left: 20px;
}

#stay-updated ol li span {
	color: #fff;
	font-weight: normal;
}

#stay-updated p, #stay-updated ol {
	margin: 0 0 25px 200px;
	text-shadow: none;
}

#stay-updated div.warning {
	background-position:-780px 0;
}

/* General content pages
---------------------------------------------------------- */

.contentpage #content {
	margin: 30px 66px 0 22px;
	width: 480px;
}

.contentpage .rte h1 {
	font-size: 1.6923em;
	font-weight: bold;
	line-height: 1.1818em;
	margin-bottom: 28px;
}

#extra-links {
	clear: both;
	display: inline;
	float: left;
	margin-top: 40px;
}

#extra-links .box {
    padding: 10px 30px 13px;
	width: 230px;
}

#extra-links ul {
	clear: both;
	display: inline;
	float: left;
	margin: 20px 28px 10px 0;
	width: 204px;
}

#extra-links ul li {
	background: transparent url(/img/sprite-icons.png) no-repeat -630px -216px;
	clear: both;
	color: #918967;
	display: inline;
	float: left;
	padding: 0 0 20px 21px;
	width: 183px;
}

#alt-destination {
	clear: both;
	display: inline;
	float: left;
	margin: 35px 0 0 13px;
	width: 260px;
}

#alt-destination h3 {
	color: #918967;
	font-size: 1.3846em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 28px 10px 28px;
	width: 204px;
}

#alt-destination .alt-dest {
	clear: both;
	display: inline;
	float: left;
	margin: 10px 0 0;
	position: relative;
}

#alt-destination .alt-dest-img {
	display: inline;
	float: left;
	height: 235px;
	overflow: hidden;
	position: relative;
	width: 260px;
}

#alt-destination .alt-dest-img img {
	position: absolute;
}

#alt-destination .infotext {
	background: transparent url(/img/slideshow-bg-text.png) no-repeat 0 0;
	bottom: 30px;
	left: 0;
	padding: 10px 0 0;
	position: absolute;
	width: 166px;
}

#alt-destination .infotext .info-wrapper {
	background: transparent url(/img/slideshow-bg-text.png) no-repeat -166px 100%;
	float: left;
	padding: 0 10px 10px 22px;
	width: 134px;
}

#alt-destination .infotext h3 {
	font-size: 1.6923em;
	font-weight: bold;
	line-height: .9091em;
	margin: 0;
	width: 134px;
}
#alt-destination .infotext h3 a {
	text-decoration: none;
}

#alt-destination .overlay {
	background: transparent url(/img/frame-alt-destinations.png) no-repeat 0 0;
	cursor: pointer;
	height: 235px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 260px;
}

#last-seats {
	clear: both;
	display: inline;
	float: left;
	margin: 35px 0 0 13px;
	width: 260px;
}

#last-seats h2 {
	color: #918957;
	font-size: 1.3846em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 28px 10px;
	width: 204px;
}

#last-seats .travels-small {
	margin: 0;
}

#last-seats a.more {
	clear: both;
	display: inline;
	float: left;
	margin: 30px 28px 10px;
	width: 204px;
}

/* Login & forgot pw
---------------------------------------------------------- */

#login, #forgotpw {
	margin: 0 0 0 20px !important;
	padding: 0 0 100px 0;
}

#forgotpw h1, #forgotpw p {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 25px 200px;
	text-shadow: none;
	width: 340px;
}

#forgotpw h1 {
	color: #fff;
	font-size: 1.3846em;
}

#forgotpw dl {
	clear: both;
	display: inline;
	float: left;
}

.info-login, .info-forgotpw {
	margin: 10px 0 0 20px !important;
}

/* Paging
---------------------------------------------------------- */

.paging {
	position: relative;
	clear: both;
	margin: 2em 0;
	height: 30px;
	width: 100%;
	font-size: 1.076923076923077em; /*14px/13px*/
	font-weight: bold;
	text-align: center;
}

#paging-top {
	margin: 1em 0 -2em 0;
}

.paging a,
.paging span {
	display: inline-block;
	margin: 0 5px;
	padding: 0 3px;
	line-height: 30px;
	height: 30px;
	text-decoration: none;
	color: #8e8564;
	background: url('/img/sprite-paging.png') no-repeat -9999px 0;
	zoom: 1;
}

.paging a:hover,
.paging .selected {
	color: #0091db;
}

.paging .selected {
	color: #0091db;
	width: 30px;
	padding: 0;
	background-position: -60px -145px;
}

.paging .prev,
.paging .next {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	background-position: 0 -145px;
}

.paging .next {
	position: absolute;
	right: 0;
	float: right;
	background-position: -30px -145px;
}

.paging .prev:hover,
.paging .next:hover {
	background-position: 0 -175px;
}

.paging .next:hover {
	background-position: -30px -175px;
}


/* Participants
---------------------------------------------------------- */

.participants #content {
	margin: 23px 0 0;
}

.participants h1 {
	clear: both;
	display: inline;
	float: left;
	margin-left: 200px;
}

.participants #participants-container {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 120px 20px;
	position: relative;
}

.participants .participant {
	clear: both;
	display: inline;
	float: left;
	margin: 50px 0 0;
	padding: 0 0 0 180px;
	position: relative;
	width: 641px;
}

.participants .paging {
	padding: 0 0 0 180px;
	width: 641px;
}

/*
.participants .paging {
	position: absolute;
	right: 0;
	text-align: right;
}

.participants #paging-top {	top: -36px; }
.participants #paging-bottom {	bottom: -120px; }

.participants .paging a,
.participants .paging span {
	background: transparent url(/img/sprite-paging.png) no-repeat;
	color: #fff;
	display: inline;
	float: left;
	font-size: 1.2308em;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	width: 30px;
}

.participants .paging a.prev, .participants .paging a.next {
	text-indent: -9999em;
	overflow: hidden;
}

.participants #paging-top a.prev {
	background-position: 0 0;
	margin-right: 20px;
}
.participants #paging-top a.prev:hover { background-position: 0 -36px; }

.participants #paging-top a.next {
	background-position: -60px 0;
	margin-left: 18px;
}
.participants #paging-top a.next:hover { background-position: -60px -36px; }

.participants #paging-top a.pagenr,
.participants #paging-top span.pagenr {
	background-position: -30px 0;
	margin-right: 2px;
}
.participants #paging-top a.pagenr:hover,
.participants #paging-top span.selected {
	background-position: -30px -36px;
}

.participants #paging-bottom a.prev {
	background-position: 0 -72px;
	margin-right: 20px;
}
.participants #paging-bottom a.prev:hover { background-position: 0 -108px; }

.participants #paging-bottom a.next {
	background-position: -60px -72px;
	margin-left: 18px;
}
.participants #paging-bottom a.next:hover { background-position: -60px -108px; }

.participants #paging-bottom a.pagenr,
.participants #paging-bottom span.pagenr {
	background-position: -30px -72px;
	margin-right: 2px;
}
.participants #paging-bottom a.pagenr:hover,
.participants #paging-bottom span.selected {
	background-position: -30px -108px;
}
*/

.participant h2 {
	color: #0091db;
	font-size: 1.0769em;
	font-weight: bold;
	left: 0;
	line-height: 1.3571em;
	position: absolute;
	top: 0;
	width: 160px;
}

.participant .links {
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	width: 160px;
}

.participant .links li {
	clear: both;
	display: inline;
	float: left;
	width: 160px;
}

.participant .links a {
	color: #767259;
	text-decoration: underline;
}
.participant .links a:hover {
	color: #0162B3;
	text-decoration: none;
}

.participant p span.img {
	display: inline;
	float: left;
	height: 115px;
	margin: 5px 20px 15px 0;
	overflow: hidden;
	position: relative;
	width: 165px; 
}

.participant p span.img span {
	background: transparent url(/img/frame-travel-thumblarge.png) no-repeat -165px 0;
	height: 115px;
	left: 0;
	position: absolute;
	top: 0;
	width: 165px; 
}

.participant .rte p {
	margin: 0 0 25px;
}

/* Pictos
---------------------------------------------------------- */

.picto {
	background-color: transparent;
	background-image: url(/img/sprite-pictos.png);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 36px;
}

.picto-small {
	background-color: transparent;
	background-image: url(/img/sprite-pictos.png);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 29px;
}

.picto-corner {
	background-color: transparent;
	background-image: url(/img/sprite-pictos.png);
	background-repeat: no-repeat;
	float: left;
	height: 29px;
	width: 38px;
}

.picto-seats-1 { background-position: -110px 0; }
.picto-seats-2 { background-position: -110px -40px; }
.picto-closed { background-position: -110px -80px; }
.picto-departure { background-position: -110px -120px; }
.picto-view { background-position: -110px -160px; }

.picto-seats-1-small { background-position: 0 0; }
.picto-seats-2-small { background-position: 0 -40px; }
.picto-closed-small { background-position: 0 -80px; }
.picto-departure-small { background-position: 0 -120px; }

.picto-seats-1-corner { background-position: -60px 0; }
.picto-seats-2-corner { background-position: -60px -40px; }
.picto-closed-corner { background-position: -60px -80px; }
.picto-departure-corner { background-position: -60px -120px; }


/* Icons
---------------------------------------------------------- */

.ico { background: transparent url(/img/sprite-icons.png) no-repeat; }

.ico-remove {
	background-position: 0 4px;
	padding-left: 18px;
}
.ico-remove:hover { background-position: 0 -34px; }

.ico-mail { background-position: 0 -220px; }
.ico-travel { background-position: -210px -220px; }
.ico-magnifier { background-position: -420px -220px; }
.ico-print { background-position: 0 -298px; }


/* Common
---------------------------------------------------------- */

.hide {
	position: absolute;
	display: block;
	padding: 0 !important;
	left: -9999px !important;
	left: -9999px !important;
	font-size: 0px;
	height: 0px !important;
	line-height: 0px !important;
	background: none !important;
}

.hidden {
	text-indent: -9999px;
}

.balance {
    line-height: 2em !important;
}

.date {
	color: #9e946f;
	font-size: .8461em;
	margin: 0;
}

.amountdue {
	color: #fff;
	background: #00AFEF;
	font-size: .9em;
	padding: 3px 5px;
    border-radius: 5px;
    font-weight: bold;
}

.narrow-content h1 {
	float: left;
    margin-bottom: 12px;
}

.narrow-content a.action-link {
	float: right;
	margin-right: 20px;
}

img.lalign {
	float: left;
	margin: 5px 20px 20px 0;
}

img.ralign {
	float: right;
	margin: 5px 0 20px 20px;
}

/* RTE syles
---------------------------------------------------------- */

.rte h2 {
	color: #0091db;
	font-size: 1.2308em;
	font-weight: bold;
}

.rte h3 {
	color :#767259;
	font-size: 1.0769em;
}

.rte p {
	margin: 0 0 40px 0;
}

.rte ul, .rte ol {
	margin: 0 0 40px 0;
}

.rte ul li, .rte ol li {
	color: #00afef;
	font-weight: bold;
	padding: 0 0 6px 0;
	margin: 0 0 0 15px;
}

.rte ol li {
	margin-left: 20px;
}

.rte li span {
	color: #4A4C4E;
	font-weight: normal;
}

.rte ul li {
	list-style: disc outside none;
}
.rte ol li {
	list-style: decimal outside none;
}

.rte blockquote {
	background: transparent url(/img/quote.png) no-repeat 0 0;
	color: #767259;
	font-size: 1.2308em;
	line-height: 1.5em;
	margin: 0 10px 40px;
	padding: 0 0 5px 35px;
}

.rte blockquote p {
	margin: 0;
	padding: 0 0 10px 0;
}

.rte table {
	border-collapse: collapse;
	padding: 0;
	position: relative;
	left: -10px;
	width: 480px;
}

.rte td, .rte th {
	padding: 5px 10px 9px;
}

.rte th, .rte thead td {
	color: #33a7e2;
	font-size: 1.0769em;
	font-weight: bold;
	padding-bottom: 15px;
	text-align: left;
}

.rte tr.odd {
	background: #f6f4c5;
}

/* Other recurring styles
---------------------------------------------------------- */

h3.extras {
	color: #4a4c4e;
	font-size: 1em;
	margin: 0 0 5px 0;
}

ul.extras,
.rte ul.extras {
	margin: 1px 0 0; 
	list-style: none;
}

.extras li,
.rte .extras li {
	list-style-type: none;
	display: block;
	font-weight: normal;
	color: #4a4c4e;
	margin: 0;
	padding: 0;
}

.extras li a,
.rte .extras li a {
	color: #767259;
	text-decoration: underline;
}

.extras a:hover,
.rte .extras a:hover {
	color: #0162B3;
	text-decoration: none;
}


/* Lightbox
---------------------------------------------------------- */

#lb {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1000;
}

#lb-bg {
	background: #000;
	height: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	position: absolute;
	width: 100%;
}

#lb-wrapper {
	position: relative;
	z-index: 1001;
}

#lb-tl, #lb-tr, #lb-br, #lb-bl {
	background: transparent url(/img/bg-lb-content.png) no-repeat;
	display: block;
	position: absolute;
}

#lb-tl {
	background-position: 0 0;
	top: -20px;
	left: -20px;
}
#lb-tr {
	background-position: 100% 0;
	top: 0;
	right: -40px;
}
#lb-bl {
	background-position: 0 100%;
	height: 20px;
	bottom: -20px;
	left: 0;
}
#lb-br {
	background-position: 100% 100%;
	height: 20px;
	bottom: 0;
	right: -40px;
}

#lb-content {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1002;
}

#lb-img {
    cursor: pointer;
}

a#lb-close {
	background: transparent url(/img/btn-lb-close.png) no-repeat 0 0;
	cursor: pointer;
	display: block;
	height: 41px;
	overflow: hidden;
	position: absolute;
	right: -12px;
	text-indent: -9999em;
	top: 20px;
	width: 41px;
}

#lb-btn-prev-wrapper {
    cursor: pointer;
    padding: 50px 0 50px 50px;
    bottom: 65px;	
	display: block;
	height: 55px;
	left: -90px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 48px;
}

#lb-btn-next-wrapper {
    cursor: pointer;
    padding: 50px 50px 50px 0;
    bottom: 65px;	
	display: block;
	height: 55px;
	right: -90px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 48px;
}

#lb-btn-prev {
	background: transparent url(/img/button-slideshow-prev.png) no-repeat 0 0;	
	display: block;
	height: 55px;	
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 48px;
}

#lb-btn-next {
	background: transparent url(/img/button-slideshow-next.png) no-repeat 0 0;	
	display: block;
	height: 55px;
	overflow: hidden;
	position: absolute;	
	text-indent: -9999em;
	width: 48px;
}

#lb-btn-prev:hover, #lb-btn-next:hover {
	background-position: -48px 0;
}

#lb-loader {
	left: 184px;
	position: absolute;
	top: 134px;
}

/* Browser fixes
---------------------------------------------------------- */

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

.clearfix {display: inline-block;}

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

.clear {
	clear: both;
}