/**
 * Stylesheet for Jeka
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Johan Ronsse <johan@netlash.com>
 */
/**
 * = Global reset [Eric Meyer]
 * ----------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/**
 * = Structure
 * ----------------------------------------------------------
 */

body {
	font: 12px/1.4 Arial, sans-serif;
	background: #ddc7a2 url(../images/index_background.gif) repeat-x;
	color: #3B3B3B;
}

body#green {
	background: #a3b329 url(../images/index_background.gif) repeat-x;
}

body#yellow {
	background: #dfbc43 url(../images/index_background.gif) repeat-x;
}

body#red {
	background: #b1612e url(../images/index_background.gif) repeat-x;
}

#container {
	width: 977px;
	margin: 0 auto;
	padding: 39px 0 30px 0;
	position: relative;
}

#main {
	background: url(../images/mainbg.gif) repeat-y 0 0;
	min-height: 580px;
	height: auto !important;
	height: 580px;
	padding: 15px 0 30px 17px;
	line-height: 1.6;
	font-size: 12px;
}

body#green #main {
	background: url(../images/mainbg_green.gif) repeat-y 0 0;
}

body#yellow #main {
	background: url(../images/mainbg_yellow.gif) repeat-y 0 0;
}

body#red #main {
	background: url(../images/mainbg_red.gif) repeat-y 0 0;
}

#content {
	width: 690px;
	margin: 21px 0 0 24px;
	float: left;
	background: white url(../images/contenttop.png) no-repeat top left;
	overflow: hidden;
	display: inline;
}

body#green #content
{
	background: white url(../images/contenttop_green.gif) no-repeat top left;
}

body#yellow #content
{
	background: white url(../images/contenttop_yellow.gif) no-repeat top left;
}

#content .contentpage {
	padding: 20px 52px 20px 20px;
	overflow: hidden;
}

#contentbottom {
	background: white url(../images/contentbottom.png) no-repeat bottom center;
	height: 6px;
	width: 100%;
	padding: 20px 0 0 0;
}

body#green #contentbottom
{
	background: white url(../images/contentbottom_green.gif) no-repeat bottom center;
}

body#yellow #contentbottom
{
	background: white url(../images/contentbottom_yellow.gif) no-repeat bottom center;
}

#sidebar, #sidebar_yellow, #sidebar_red, #sidebar_green {
	float: left;
	width: 228px;
	padding: 21px 0 0 18px;
	overflow: hidden;
}

.nl #navigator {
	background: url(../images/navigatorbg_nl.jpg) no-repeat 0 0;
	height: 250px;
}

.fr #navigator {
	background: url(../images/navigatorbg_fr.jpg) no-repeat 0 0;
	height: 250px;
}


#sidebar #navigator h3, #sidebar_yellow #navigator h3, #sidebar_red #navigator h3, #sidebar_green #navigator h3 {
	color: #fff;
	font-size: 15px;
	padding: 33px 0 8px 19px;
}

#sidebar #navigator ul, #sidebar_yellow #navigator ul, #sidebar_red #navigator ul, #sidebar_green #navigator ul {
	padding: 0 40px 0 19px;
}

#navigator ul li {
	position: relative;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-weight: 700;
}

#navigator ul li a {
	background: #8d9b26;
	color: #fff;
	text-decoration: none;
	padding: 3px 4px;
	display: block;
	position: relative;
	line-height: 1.2;
}

#navigator ul li a:hover {
	background: #fff;
	color: #1d1f5b;
	position: relative;
}

#practical {
	margin: 0 0 20px;
}

#practical div.boxcontent {
	margin-right: 20px;
	background: white;
}
#practical div.boxcontent ul {
	padding: 0 0 18px 15px;
}

#practical div.boxcontent ul li {
	background: url(../images/liststyle.gif) no-repeat 3px 4px;
	padding: 0 0 0 16px;
	line-height: 1.2;
	margin: 0 0 4px 0;
}

#practical div.boxcontent ul li.selected {
	background: url(../images/liststyleorange.gif) no-repeat 3px 4px;
}

#practical div.boxcontent ul li.selected a {
	font-weight: 700;
	color: #ea6626;
}

/**
 * = Main typography
 * ----------------------------------------------------------
 */

h1, h2, h3, h4, h5, h6 {
	color: #1d1f5b;
	font-weight: 700;
	font-family: "Trebuchet MS", Trebuchet,Arial,sans-serif;
	line-height: 1;
}
em {
	font-style: italic;
}

strong {
	font-weight: 700;
}

p {
	line-height: 1.4;
	padding-bottom: 18px;
}

blockquote {
	margin: 0 0 0 30px;
	padding: 0 0 0 0px;
	font-style: italic;
	border-left: 5px solid #EEE;
}

blockquote p {
	margin: 0 0 18px 9px;
	padding: 0;
}

#content ul {
	padding: 0 0 18px 15px;
}

#content ul li {
	background: url(../images/liststyle.png) no-repeat 0 6px;
	padding: 0 0 0 12px;
}

p.box, div.box {
	border: 1px solid #2d6d91;
	background: #e8fdff;
	padding: 8px 15px;
	margin: 10px 10px 18px;
}

p.altbox, div.altbox {
	border: 1px solid #8d9a26;
	background: #a3b329;
	padding: 8px 15px;
	margin: 10px 10px 18px;
}

p.greenaltbox, div.greenaltbox {
	border: 1px solid #8c9b24;
	background: #e8ebce;
	padding: 8px 15px;
	margin: 10px 10px 18px;
}

p.brownaltbox, div.brownaltbox {
	border: 1px solid #c49d5c;
	background: #eee2d2;
	padding: 8px 15px;
	margin: 10px 10px 18px;
}

p.small {
	font-size: 11px;
}

p.big {
	font-size: 15px;
}

p.blue {
	color: #235c7e;
}

p.darkblue {
	color: #122c51;
}

p.orange {
	color: #ea6626;
}

h1 {
	font-size: 24px;
	padding: 0 0 14px 0;
}

h2 {
	font-size: 17px;
	padding: 0 0 14px 0;
}

h3 {
	font-size: 15px;
	padding: 0 0 8px 0;
}

h4 {
	font-size: 13px;
	padding: 0 0 5px 0;
}

h3 + h4 {
	padding: 0 0 10px 0;
}

/**
 * = Links
 * ----------------------------------------------------------
 */
a:link {
	color: #1d1f5b;
}

a:visited {
	color: #306f94;
}

a:hover {
	color: black;
}

a:active {
	color: black;
}

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

img.left {
	margin: 0 12px 8px 0;
	float: left;
}

img.right {
	margin: 0 0 8px 8px;
	float: right;
}

/**
 * = Tables
 * ----------------------------------------------------------
 */

table {
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	clear: both;
	margin: 0 0 20px 0;
}

td {
	padding: 2px 4px;
	vertical-align: top;
}

td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

th {
	font-weight: 700;
	/*color: #12364b;*/
	color: #1d1f5b;
	padding: 2px 4px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

table.noborder {
	margin-left: 0;
	border: none;
}

table.noborder th, table.noborder td {
	border: none;
}

/**
 * = Tabs
 * ----------------------------------------------------------
 */

#tabs {
	padding: 20px 0;
	width: 618px;
	clear: both;
}

#content #tabsnavigation {
	position: relative;
}

#content #tabsnavigation ul {
	padding: 0;
}

a.hemenboek {
	background: url(../images/hemenboek.png) no-repeat 0 0;
	color: #1d1f5b;
	display: block;
	padding: 0 0 0 44px;
	font: 700 13px/40px "Trebuchet MS", Arial, sans-serif;
}

#content #tabsnavigation p {
	font-size: 11px;
	color: #ABABAB;
	position: absolute;
	right: 5px;
	top: 3px;
}

#content #tabsnavigation li {
	float: left;
	background: url(../images/tableft.png) no-repeat 0 0;
	padding: 0 0 0 8px;
	margin: 0 4px 0 0;
}

#content #tabsnavigation a {
	float: left;
	background: url(../images/tabright.png) no-repeat top right;
	padding: 4px 8px 4px 0;
	/*color: #294c7c;*/
	color: #1d1f5b;
	line-height: 1.4;
	text-decoration: none;
	font-weight: 700;
}

#content #tabsnavigation a:hover {
	color: #a3b329;
}

#content #tabsnavigation li.tabs-selected {
	background: url(../images/tabselectedleft.png) no-repeat 0 0;
}

#content #tabsnavigation li.tabs-selected a{
	background: url(../images/tabselectedright.png) no-repeat top right;
	/*color: #294c7c;*/
	color: #1d1f5b;
}

#tabsnavigation a span {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	padding: 0 4px 0 0;
	vertical-align: middle;
}

#tabsnavigation a.icon-0 span {
	display: none;
}

a.icon-1 span { background: url(../images/icons/info.png) no-repeat 0 0; }
a.icon-2 span { background: url(../images/icons/photos.png) no-repeat 0 0; }
a.icon-3 span { background: url(../images/icons/comments.png) no-repeat 0 0; }
a.icon-4 span { background: url(../images/icons/pricing.png) no-repeat 0 0; }

.tabscontent {
	background: url(../images/tabscontentbg.gif) no-repeat 0 0;
	padding: 30px 20px;
	width: 578px;
	float: left;
}

#tabscontentbottom {
	height: 14px;
	width: 100%;
	background: url(../images/tabscontentbgbottom.gif) no-repeat 0 0;
	line-height: 1px;
	font-size: 1px;
	float: left;
}

div.tabscontent iframe {
	margin: 10px;
}

div.tabscontent div.linkbutton {
	padding: 0 9px 0 0;
}

.tabscontent div.linkbutton a,
#content div.contentpage div.linkbutton a {
	/*background: #18445e;*/
	background: #1d1f5b;
	float: right;
	color: #FFF;
}

.tabscontent div.linkbutton a:hover,
#content div.contentpage div.linkbutton a:hover {
	/*background: #235c7d;*/
	color: #a3b329;
	background: #1d1f5b;
}

#content div.contentpage #rssfeedlink {
	float: left !important;
}

#content div.contentpage #rssfeedlink a:link,
#content div.contentpage #rssfeedlink a:visited {
	float: left !important;
	background: #f19831;
}

#content div.contentpage #rssfeedlink a:hover,
#content div.contentpage #rssfeedlink a:active {
	color: #a3b329;
	background: #ea6626;
}

.shiftdown {
	position: relative;
	top: 5px;
	float: right;
	width: 300px;
}

#orderdestination {
	display: block;
	float: right;
}

#content a.whatisthis {
	display: block;
	float: right;
}

/**
 * = Tabs
 * ----------------------------------------------------------
 */

.tabs-hide {
    display: none;
}

/**
 * = Destinations
 * ----------------------------------------------------------
 */

#destinations {
	margin: 0 18px 20px 0;
	background: url(../images/regularboxbg.png) no-repeat 0 0;
}

#destinations ul li {
	background: url(../images/liststyle.gif) no-repeat 3px 4px;
	padding: 0 0 0 16px;
	line-height: 1.2;
	margin: 0 0 4px 0;
}

#destinations ul li.selected {
	background: url(../images/liststyleorange.gif) no-repeat 3px 4px;
}

#destinations ul li.selected a {
	font-weight: 700;
	color: #ea6626;
}

#destinations ul li.inthepicture {
	background: url(../images/liststyleside.png) no-repeat 0 0;
}

#destinations ul {
	padding: 0 20px 10px;
}

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

#header {
	background: url(../images/header.gif) no-repeat;
	height: 187px;
}

#header h1 { /*image replacement of h1*/
	background: url(../images/logo.png) no-repeat 0 0;
	width: 977px;
	height: 209px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
}

.fr #header h1
{
	background: url(../images/logo_fr.png) no-repeat 0 0;
}

#header h1 a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
}

#header p {
	display: none;
}

#header img {
	float: left;
	/*background: url(../images/headerpic.jpg) no-repeat;*/
	background-color: #c39d5b;
	display: block;
	margin: 24px 0 0 17px;
	height: 163px;
	width: 960px;
}

/**
 * = Eyecatcher
 * ----------------------------------------------------------
 */

.eyecatcher {
	background: #bfe7ff url(../images/featuredbg.jpg) no-repeat 0 0;
	width: 640px;
	margin: 16px 0 0 16px;
	height: 200px;
	font-family: Arial, sans-serif;
	position: relative;
}

.eyecatcher object, .eyecatcher embed {
	position: absolute;
	top: 0; left: 0;
	height: 200px;
	width: 371px;
}

.eyecatcher img {
	position: absolute;
	top: 0; left: 0;
	max-height: 200px;
}

.nobackground {
	background: none !important;
	height: auto !important;
}

.nobackground div {
	float: none !important;
	width: auto !important;
}

.eyecatcher span.c {
	z-index: 20;
}

.eyecatcher h2 {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	padding: 17px 20px 10px 20px;
}

.eyecatcher p {
	padding: 0 20px 11px 20px;
	color: #fff;
}

.eyecatcher a,
.eyecatcher a:link,
.eyecatcher a:visited {
	color: #fff;
}

.eyecatcher a:hover,
.eyecatcher a:active {
	color: #1d1f5b;
}

.eyecatcher div {
	float: right;
	width: 269px;
}

.eyecatcher div.linkbutton, .eyecatcher2 div.linkbutton {
	float: right;
	margin: 0 15px 0 0;
	width: auto;
}

.eyecatcher div.linkbutton a:link,
.eyecatcher div.linkbutton a:visited {
	color: #3e799b !important;
	background: white !important;
}

.eyecatcher div.linkbutton a:hover,
.eyecatcher div.linkbutton a:active {
	background: #0f425f !important;
	color: white !important;
}

/**
 * = Rounded corners
 * ----------------------------------------------------------
 */
span.c {
	position: absolute;
	height: 5px;
	line-height: 5px;
	width: 5px;
	display: block;
	font-size: 1px;
}

span.ctl { background: url(../images/cornerswhite.png) no-repeat top left; top: 0; left: 0; }
span.ctr { background: url(../images/cornerswhite.png) no-repeat top right; top: 0; right: 0; }
span.cbl { background: url(../images/cornerswhite.png) no-repeat bottom left; bottom: 0; left: 0; }
span.cbr { background: url(../images/cornerswhite.png) no-repeat bottom right; bottom: 0; right: 0;}

.eyecatcher div.linkbutton span.ctl, #navigator li span.ctl { background: url(../images/cornersgreen.png) no-repeat top left; top: 0; left: 0; }
.eyecatcher div.linkbutton span.ctr, #navigator li span.ctr { background: url(../images/cornersgreen.png) no-repeat top right; top: 0; right: 0; }
.eyecatcher div.linkbutton span.cbl, #navigator li span.cbl { background: url(../images/cornersgreen.png) no-repeat bottom left; bottom: 0; left: 0; }
.eyecatcher div.linkbutton span.cbr, #navigator li span.cbr { background: url(../images/cornersgreen.png) no-repeat bottom right; bottom: 0; right: 0;}

/**
 * = News
 * ----------------------------------------------------------
 */

#home #news {
	padding: 16px 0 0 16px;
}

#news {
	padding: 0 0 0 16px;
}

#news div.newsarticle {
	clear: both;
}

#news div.readmore {
	border-bottom:1px solid #EEEEEE;
	bottom:18px;
	padding:0pt 0pt 4px;
	position:relative;
	text-align:right;
	width:100%;
	clear: both;
}

div.text {
	padding: 0 0 18px 0;
}

#news h2, h2.title {
	background: url(../images/titledecoration.png) no-repeat 0 2px;
	padding: 0 0 8px 29px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.65;
}

#news h2 a {
	/*color: #0f4360;*/
	color: #1d1f5b;
	text-decoration: none;
}

#news h2 a:hover {
	color: #0c1f2a;
	text-decoration: underline;
}

#news div.newsarticle h3, #newsdetail div.newsarticle h3 {
	/*color: #0f4360;*/
	color: #1d1f5b;
	font-size: 13px;
	padding: 6px 0 5px;
}

#news div.newsarticle h3 a {
	text-decoration: none;
}

#news div.newsarticle h3 a:hover {
	color: #0f4360;
}

#news div.clearfix div.newscontent,
#newsdetail div.clearfix div.newscontent {
	float: left;
	width: 488px;
	margin: 0 55px 0 0;
}

#newsdetail div.meta, p.backlink {
	padding: 0 0 0 60px;
}

#newsdetail div.meta p {
	font-size: 11px;
	color: #808080;
}

#home #news div.clearfix div.newscontent {
	width: 560px;
}

div.hr {
	height: 1px;
	width: 100%;
	background: #FFF;
	border-bottom: 1px solid #DDD;
	margin: 0 0 10px;
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

#news div.clearfix div.calendar-sheet,
#newsdetail div.clearfix div.calendar-sheet {
	float: left;
	width: 42px;
	padding: 0 6px 0 3px;
	height: 56px;
	margin-right: 8px;
	background: url(../images/calendarsheet.png) no-repeat 0 0;
	font-family: Arial, sans-serif;
	text-align: center;
}

div.calendar-sheet span {
	display: block;
	float: left;
	width: 100%;
}

span.day {
	font-size: 25px;
	color: #f19831;
	font-weight: 700;
	letter-spacing: -2px;
	position: relative;
	right: 2px;
	padding: 7px 0 0 0;
	line-height: 1;
}

span.day a:link,
span.day a:visited {
	color: #f19831;
	text-decoration: none;
}

span.day a:hover,
span.day a:active {
	color: #ea6626;
}

span.month {
	font-size: 9px;
	text-transform: uppercase;
	color: #183047;
	font-weight: 700;
}

span.month a:link,
span.month a:visited {
	color: #183047;
	text-decoration: none;
}

span.month a:hover,
span.month a:active {
	color: #05111c;
}

#news div.newsarticle {
	font-size: 12px;
}

#newsarchivelink {
	/*background: #183047;*/
	background: #1d1f5b;
}

#newsarchivelink a:hover {
	color: #a3b329;
	/*background: #05111c;*/
	background: #1d1f5b;
}

div.linkbutton a:link,
div.linkbutton a:visited {
	padding: 3px 8px;
	position: relative;
	text-decoration: none;
	font-weight: 700;
	color: white;
	font-size: 11px;
	line-height: 1.3;
	float: left;
	text-align: center;
}

#rssfeedlink {
	background: #f19831;
}

#rssfeedlink a:hover {
	color: #a3b329;
	background: #ea6626;
}

#rssfeedlink img {
	float: left;
	position: relative;
	top: 1px;
}

#newslinks {
	width: 628px;
	padding-right: 55px;
	clear: both;
}

#newslinks div.linkbutton {
	float: right;
	margin-right: 10px;
}

/**
 * = Main navigation
 * ----------------------------------------------------------
 */

#navigation {
	height: 33px;
	background: #0f425f;
	background: url(../images/navbg.png) no-repeat 0 0;
	z-index: 999;
	position: absolute;
	top: 209px;
	width: 977px;
	left: 0;
}

#navigation ul {
	float: left;
	padding: 0 0 0 57px;
}

#navigation li {
	float: left;
	height: 33px;
}

#navigation li.selected {
	background: #8d9b26;
}

#navigation li a {
	color: white;
	padding: 0 35px 0 15px;
	margin: 0;
	text-decoration: none;
	display: block;
	font: 700 12px/33px Arial, sans-serif;
}

#navigation li a:hover {
	background: #8D9B26;
}

#navigation li.selected a,
#navigation li.selected a:hover {
	color: #1d1f5b;
	text-decoration: none;
}

#navigation li a:hover {
	color: #1d1f5b;
}

#sidebar h3, #sidebar_yellow h3, #sidebar_red h3, #sidebar_green h3 {
	font-size: 16px;
	padding: 0 0 10px 0;
}

#navigation #language {
	float: right;
	padding: 0 39px 0 0;
}

#navigation #language li {
	background: none;
	padding: 0;
	margin: 0 5px;
}

#navigation #language li a {
	background: none;
	padding: 0;
	text-decoration: underline;
	font: 300 11px/33px Arial, sans-serif;
}

#navigation #language li.selected a {
	text-decoration: none;
}

/**
 * = Subnavigation
 * ----------------------------------------------------------
 */

#subnavigation {
	background: url(../images/mainbg.gif) repeat-y;
	padding-top: 16px;
}

body#green #subnavigation {
	background: url(../images/mainbg_green.gif) repeat-y;
}

/*body#green #subnavigation ul {
	margin-left: 0;
}*/

body#yellow #subnavigation {
	background: url(../images/mainbg_yellow.gif) repeat-y;
}

body#red #subnavigation {
	background: url(../images/mainbg_red.gif) repeat-y;
}

#subnavigation li {
	float: left;
	height: 28px;
	line-height: 28px;
	margin-right: 16px;
}

#subnavigation li a {
	color: white;
	font-size: 11px;
	text-decoration: none;
}

#subnavigation li.selected a {
	color: #1d1f5b;
	font-weight: 700;
}

#subnavigation ul {
	background: #8d9a26 url(../images/subnavigationleft.gif) no-repeat 0 0;
	padding: 0 20px;
	margin-right: 20px;
}

#subnavigation ul.id-405 { margin-left: 140px; }
#subnavigation ul.id-415 { margin-left: 248px; }
#subnavigation ul.id-406 { margin-left: 288px; }
#subnavigation ul.id-426 { margin-left: 487px; }
#subnavigation ul.id-408 { margin-left: 504px; }
#subnavigation ul.id-414 { margin-left: 567px; }
#subnavigation ul.id-407 { margin-left: 585px; }
#subnavigation ul.id-454 { margin-left: 639px; }
#subnavigation ul.id-487 { margin-left: 639px; }
#subnavigation ul.id-479 { margin-left: 639px; }
#subnavigation ul.id-504 { margin-left: 664px; }
#subnavigation ul.id-507 { margin-left: 664px; }

.fr #subnavigation ul.id-454 { margin-left: 664px }

/**
 * = Faq
 * ----------------------------------------------------------
 */

#faq dt {
	background: url(../images/q.png) no-repeat 4px 7px;
	padding: 0 0 0 32px;
	min-height: 28px;
	height: auto !important;
	height: 28px;
	position: relative;
}

#faq dt p {
	position: absolute;
	top: 50%;
	margin-top: -9px;
	font-weight: 700;
}

#faq dd {
	padding: 4px 0 10px 32px;
	border-bottom: 1px solid #DEDEDE;
	margin: 0 0 10px 0;
}

#faq-categories dt, .extra_links dt, .extra_links dd {
	padding: 5px 7px;
}

#faq-categories dd {
	border-bottom: 1px solid #EEE;
}

.extra_links {
	padding: 0 0 20px 0;
}

table.links {
	margin: 0 0 20px 0;
	border: 0;
	width: 100%;
}

table.links td {
	width: 230px;
	padding: 5px 7px;
	border: none;
}

table.links td.odd {
	background: #f4f4f4;
}

body#red table.links td.odd {
	background-color: #efe1cb;
}

/**
 * = Destinations pictures UL
 * ----------------------------------------------------------
 */

ul#destination-pictures {
	padding: 5px 0;
}

#content .contentpage ul#destination-pictures li {
	float: left;
	background: url(../images/polaroids.png) no-repeat 0 0;
	padding: 0;
	margin: 0 2px 12px 0;
	overflow: hidden;
	width: 201px;
	height: 232px;
	font-size: 11px;
	font-weight: 700;
	font-family: "Trebuchet MS",Arial,sans-serif;
}

#content .contentpage ul#destination-pictures li img {
	width: 150px; height: 150px; background: #fff; display: block;
}

#content .contentpage ul#destination-pictures li.inthepicture-new {
	background: url(../images/polaroids_nieuw.png) no-repeat 0 0;
}

#content .contentpage ul#destination-pictures li.inthepicture-promo {
	background: url(../images/polaroids_promo.png) no-repeat 0 0;
}

#content .contentpage ul#destination-pictures li.inthepicture-special {
	background: url(../images/polaroids_special.png) no-repeat 0 0;
}

#content .contentpage ul#destination-pictures li a:link,
#content .contentpage ul#destination-pictures li a:visited {
	text-decoration: none;
	display: block;
	padding: 36px 0 0 36px;
}

#content .contentpage ul#destination-pictures li a:hover,
#content .contentpage ul#destination-pictures li a:active {
	text-decoration: none;
}

#content .contentpage ul#destination-pictures li p {
	text-align: center;
	padding: 0;
	overflow: hidden;
	width: 185px;
}

#content ul.tabs-photos {
	padding-left: 0;
}

#content ul.tabs-photos li {
	background: none;
	float: left;
	padding: 0 10px 10px 0;
}

#content ul.tabs-photos li img {
	float: left;
	border: 3px solid #e0e5b6;
}

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

span.form-error {
	display: block;
	margin: 5px 0 0 0;
	font: 300 11px Arial, sans-serif;
	color: red;
	clear: both;
}

#login span.form-error {
	padding-bottom: 5px;
}

p.error span.form-error {
	font-size: 12px;
	margin: 0;
	color: #df0000;
	padding: 10px;
	border: 1px solid red;
	background: #e8ecca;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

p.success span.form-success {
	color: #8D9A26;
	border: 1px solid #A3B329;
	padding: 10px;
	display: block;
	background: #e8ecca;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

form input, select.input-dropdown {
	font-family: Arial, sans-serif;
}

p.form-succes {
	font-weight: bold;
}

#orderform dd.oneline span.form-error,
#orderform dt.oneline span.form-error,
#contactform dd.oneline span.form-error,
#contactform dt.oneline span.form-error,
#activiteitendag dt.oneline span.form-error,
#activiteitendag dd.oneline span.form-error,
#infodag dt.oneline span.form-error,
#infodag dd.oneline span.form-error {
	padding-left: 160px;
}

form input.input-textfield,
form input.input-textfield-error {
	width: 165px;
	font-size: 12px;
}

form input.input-datefield {
	width: 115px;
	font-size: 12px;
}

form input.input-textfield,
form input.input-datefield,
select.input-dropdown {
	padding: 3px 2px;
}

form input.input-submit {
	width: auto;
	color: white;
	font-size: 12px;
	border: none;
	font-weight: 700;
	padding: 5px 10px;
	cursor: pointer;
	float: right;
	background: #1d1f5b;
}



dt.oneline {
	padding-bottom: 3px;
}

form#contactform input.input-submit,
form#orderform input.input-submit {
	float: left;
	padding: 5px 17px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#content #contactform #email {
	width: 300px;
}

#content #contactform #message {
	width: 450px;
	height: 14em;
}

form input.input-submit:hover {
	color: #a3b329;
}

form dd {
	padding: 0 0 3px 0;
}

#sidebar div, #sidebar_yellow div, #sidebar_red div, #sidebar_green div {
	position: relative;
}

dt.oneline label, dd.oneline label {
	width: 155px;
	padding-right: 5px;
	display: block;
	line-height: 22px;
	float: left;
	clear: left;
}

dt.oneline input, dd.oneline input, dt.oneline textarea, dd.oneline textarea {
	float: left;
}

dt.heading label {
	/*color: #0f4360;*/
	font-weight: 700;
	font-family: "Trebuchet MS", Trebuchet,Arial,sans-serif;
	line-height: 1;
	font-size: 13px;
	/*color: #2d6d91;*/
	color: #1d1f5b;
	padding: 0 0 5px 0;
	padding-top: 20px;
	border-bottom: 1px solid #EEE;
	margin-bottom:6px;
	display: block;
}

form textarea {
	width: 300px;
	min-height: 7em;
	height: auto !important;
	height: 7em;
	padding: 2px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	max-width: 380px;
}

input.input-textfield, input.input-datefield, textarea.input-textarea, select.input-dropdown {
	/*border: 1px solid #559ac1;*/
	border: 1px solid #1d1f5b;
}

#number_of_persons {
	width: 30px;
}

input.input-textfield-error, textarea.input-textarea-error {
	border: 1px solid red;
	padding: 3px 2px;
}

#login form, #newsletter form {
	padding: 0 40px 10px 15px;
	width: 173px;
}

#login form input.input-submit {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#newsletter form {
	padding-bottom: 32px;
}

#newsletter form input.input-submit {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

label {
	font-size: 12px;
	line-height: 1;
}

#login label {
	font-size: 11px;
}

#main_map {
	display: block;
}

/**
 * = Sitemap
 * ----------------------------------------------------------
 */

#content ul.sitemap ul {
	padding-bottom: 0;
}

/**
 * = Sidebar
 * ----------------------------------------------------------
 */

#login {
	background: url(../images/loginbg.png) no-repeat 0 0;
	margin: 0 0 20px 0;
}

#sidebar_yellow #login {
	background: url(../images/loginbg_orange.gif) no-repeat 0 0;
}

#sidebar_red #login {
	background: url(../images/loginbg_red.gif) no-repeat 0 0;
}

#sidebar_green #login {
	background: url(../images/loginbg_green.gif) no-repeat 0 0;
}

#login .boxcontent {
	min-height: 177px;
	height: auto !important;
	height: 177px;
}

a.whatisthis {
	font-size: 11px;
	color: #a3b329;
	font-weight: 300;
	text-decoration: underline;
	font-family: Arial, sans-serif;
}

a.whatisthis:hover {
	color: #8d9b26;
}

#login h3 a.whatisthis,
#newsletter h3 a.whatisthis {
	float: right;
	position: relative;
	bottom: 13px;
}

#content .contentpage a.whatisthis {
	line-height: 25px;
}

#login p {
	padding-left: 15px;
}

#login form input.input-submit {
	padding: 3px 6px;
}

#login p a {
	color: #38769A;
}

.boxtop {
	background: url(../images/sidebarboxbgtop.png) no-repeat 0 0;
	width: 228px;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
}

body#green .boxtop {
	background: url(../images/sidebarboxbgtop_green.gif) no-repeat 0 0;
}

body#yellow .boxtop {
	background: url(../images/sidebarboxbgtop_yellow.gif) no-repeat 0 0;
}

body#red .boxtop {
	background: url(../images/sidebarboxbgtop_red.gif) no-repeat 0 0;
}

.boxbottom {
	background: url(../images/boxbottom.png) no-repeat 0 0;
	width: 100%;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	bottom: 0;
}

body#green .boxbottom {
	background: url(../images/boxbottom_green.gif) no-repeat 0 0;
}

body#yellow .boxbottom {
	background: url(../images/boxbottom_yellow.gif) no-repeat 0 0;
}

body#red .boxbottom {
	background: url(../images/boxbottom_red.gif) no-repeat 0 0;
}

#login h3, #contact h3, #destinations h3, #practical h3, #newsletter h3 {
	padding: 20px 0 2px 0;
	margin: 0 40px 10px 15px;
	line-height: 1;
	border-bottom: 1px solid #DADADA;
}

#destinations h3 {
	margin-right: 15px;
}

#newsletter {
	background: url(../images/jeka_mailicon.png) no-repeat 0 0;
	margin: 0 0 20px 0;
	min-height: 220px;
	height: auto !important;
	height: 220px;
}

#sidebar_yellow #newsletter {
	background: url(../images/jeka_mailicon_orange.gif) no-repeat 0 0;
}

#sidebar_red #newsletter {
	background: url(../images/jeka_mailicon_red.gif) no-repeat 0 0;
}

#sidebar_green #newsletter {
	background: url(../images/jeka_mailicon_green.gif) no-repeat 0 0;
}

#newsletter .boxcontent {
	min-height: 204px;
	height: auto !important;
	height: 204px;
}

#contact {
	background: url(../images/contactbg.png) no-repeat 0 0;
	margin: 0 0 20px 0;
	min-height: 190px;
	height: auto !important;
	height: 190px;
}

#sidebar_yellow #contact {
	background: url(../images/contactbg_orange.gif) no-repeat 0 0;
}

#sidebar_red #contact {
	background: url(../images/contactbg_red.gif) no-repeat 0 0;
}

#sidebar_green #contact {
	background: url(../images/contactbg_green.gif) no-repeat 0 0;
}

#contact p {
	margin: 0 40px 0 15px;
}

#contact p span {
	color: #ABABAB;
	font-size: 11px;
	padding-right: 5px;
}


#newsletter p {
	margin:0pt 40px 0pt 15px;
}

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

#content .pagination ul {
	padding: 18px 0;
	float: right;
}

#content .pagination ul li {
	float: left;
	margin: 0 5px 0 0;
	text-decoration: none;
	border: 1px solid #DDD;
	background: none;
	padding: 0;
}

#content .pagination li span {
	float: left;
	display: block;
	padding: 3px 5px;
	font-weight: 700;
}

#content .pagination li span a {
	float: left;
	display: block;
	text-decoration: underline;
	font-weight: 300;
	text-decoration: none;
}

#content .pagination li span a:hover {
	background: #EEE;
}

/**
 * = To be deleted
 * ----------------------------------------------------------
 */
#destination {
	padding: 20px 0;
}

/**
 * = Green box
 * ----------------------------------------------------------
 */
.greenBox {
	background: #52692c url(../images/greenbox.jpg) no-repeat bottom;
	color: #fff;
	padding: 20px 200px 25px 20px;
	margin-bottom: 20px;
}

.greenBox h2 {
	color: #fff;
}

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

#footer {
	height: 38px;
	clear: both;
	line-height: 38px;
	background: url(../images/footerbg.png) no-repeat top right;
	font: 300 12px/38px Arial, sans-serif;
}

#footer ul {
	float: right;
	padding: 0 33px 0 0;
}

#footer ul li {
	display: inline;
	padding: 0 12px;
	border-right: 1px solid #8d9b26;
}

#footer ul li.last {
	border: none;
}

#footer ul li a:link,
#footer ul li a:visited {
	color: #fff;
}

#footer ul li a:hover,
#footer ul li a:active {
	color: #1d1f5b;
}

/**
 * = TinyMCE font sizes spans
 * ----------------------------------------------------------
 */

span.fontsize1 {
	font-size: 10px;
}

span.fontsize2 {
	font-size: 12px;
}

span.fontsize3 {
	font-size: 14px;
}

span.fontsize4 {
	font-size: 16px;
}

span.fontsize5 {
	font-size: 18px;
}

span.fontsize6 {
	font-size: 20px;
}

span.fontsize7 {
	font-size: 22px;
}

/**
 * = Clearfix
 * ----------------------------------------------------------
 * @see	http://www.positioniseverything.net/easyclearing.html
 * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 * @see http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
 */
.clearfix:after, .oneline:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* More @IE stylesheets */