/* ================================================================================= */
/*	General */
/* ================================================================================= */

body
	{
	background-color: #b1ca35;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	}

body, td					{ font-family: arial,helvetica; font-size: inherit; color: #000; line-height: 1.4em; }

.clear						{ clear: both; }
.lclear						{ clear: left; }

.debug						{ border: 1px solid #f00; font-family: arial,helvetica; color: #f00; display:block; z-index: 100; }

a							{ color: #369; text-decoration: underline; }
a:hover 					{ color: #333; text-decoration: underline; }

div#wrapper
	{
	position: relative;
	background: url(/grfx/bgwrapper.gif) repeat-y;
	font-size: 0.8em;
	width: 960px;
	margin: 0px auto;
	}

div#wrapper_lightbox
	{
	position: relative;
	width: 100%;
	margin: 0px;
	}

#logo_0, #logo_1, #logo_2
	{
	position: absolute;
	background-image: url(/grfx/logo_1.png);
	_background-image: url(/grfx/logo_1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 100px;
	height: 100px;
	margin: 0px;
	top: 130px;
	_top: 131px;
	left: 130px;
	cursor: pointer;
	}

#logo_0						{ background-image: url(/grfx/logo_0.png); _background-image: url(/grfx/logo_0.gif); }
#logo_2						{ background-image: url(/grfx/logo_2.png); _background-image: url(/grfx/logo_2.gif); }

.line						{ border-top: 1px dotted #007db6; margin-bottom: 10px; }
.button						{ cursor: pointer; }

/* --------------------------------------------------------------------------------- */
/* Top */
/* --------------------------------------------------------------------------------- */

#header
	{
	height: 180px;
	margin: 0px;
	}

#mainphoto1, #mainphoto2, #mainphoto3
	{
	background-repeat: no-repeat;
	height: 180px;
	margin: 0px;
	}

#mainphoto1					{ width: 180px; float: left; }
#mainphoto2					{ width: 540px; float: left; }
#mainphoto3					{ width: 240px; float: right; }

#specialbanner
	{
	position: absolute;
	width: 240px;
	top: 0px;
	right: 0px;
	}

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

#navigation
	{
	background: url(/grfx/bgnavigation.gif) repeat-y;
	font-size: 0.85em;
	height: 20px;
	margin: 0px;
	}

ul#nav						{ margin: 0px; padding: 0px; }

#nav, #nav ul, #subnav, #subnav ul
	{
	font-weight: normal;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	line-height: 1;
	}

#nav a
	{
	color: #fff;
	text-decoration: none;
	padding: 0.4em 0.6em;
	display: block;
	}

#nav li, #subnav li
	{
	padding: 0px 0px 0px 4px;
	float: left;
	}

#nav li						{ background: url(/grfx/bgnavitem.gif) no-repeat right; }

#nav li#empty
	{
	background: none;
	width: 120px;
	}

#nav-act, #nav-act a
	{
	background-color: #ff5c00;
	font-weight: bold;
	color: #000;
	padding: 0.42em 0.6em;
	display: block;
	}

#subnavigation
	{
	background: url(/grfx/bgsubnavigation.gif) repeat-y;
	font-size: 0.85em;
	color: #fff;
	height: 24px;
	}

#subnavigation_empty
	{
	height: 24px;
	}

#subnav, #subnav ul
	{
	width: 680px;
	margin-left: 235px;
	_margin-left: 118px;
	}

#subnav li
	{
	background: url(/grfx/bgsubnavitem.gif) no-repeat right;
	padding: 0px;
	}

#subnav li#empty
	{
	background: none;
	width: 235px;
	}

#subnav a
	{
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0.6em 0.8em;
	}

#subnav a:hover 			{ color: #000; text-decoration: underline; }
#subnav-act, #subnav-act a	{ font-weight: bold; color: #000; }


/* --------------------------------------------------------------------------------- */
/* Content */
/* --------------------------------------------------------------------------------- */

#content, #content_full
	{
	font-size: 0.85em;
	width: 690px;
	height: auto;
	_height: 400px;
	min-height: 400px;
	margin-top: 5px;
	margin-left: 242px;
	}

#content a, #content_full a	{ font-weight: bold; }


#content_full				{ width: 100%; margin-left: 0px; padding-top:20px;}

#breadcrumb					{ font-weight: normal; font-size: 1em; color: #999; }
#breadcrumb a				{ color: #999; text-decoration: underline; }
#breadcrumb a:hover			{ color: #000; text-decoration: underline; }

#sidebar					{ width: 180px; float: left; }

#languages					{ display: block; }
#languages img				{ border: 1px solid #fff; margin: 0px; margin-left: 8px; }

#sidenavigation
	{
	width: 100%;
	font-size: 0.85em;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	}

#sidenavigation ul
	{
	background: url(/grfx/bgsidenavitem.gif) no-repeat top;
	margin: 0px;
	padding: 0px;
	}

#sidenavigation ul, #sidenavigation li
	{
	margin: 0px;
	list-style-type: none;
	}

#sidenavigation li
	{
	background: url(/grfx/bgsidenavitem.gif) no-repeat bottom;
	_padding: 4px;
	}

#sidenavigation a
	{
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0.35em 0.6em;
	display: block;
	_display: inline;
	}

#sidenav-act, #sidenav-act a
	{
	background-color: #fff;
	font-weight: bold;
	color: #000;
	display: block;
	}

#sidenavigation li#kids, #sidenavigation li#kids a
	{
	font-family: comic sans ms,arial,helvetica;
	font-weight: normal;
	font-size: 1.2em;
	color: #ffd600;
	}

#banner						{ padding-left: 10px; }

#socialmedia
	{
	font-weight: bold;
	color: #fff;
	padding-left: 10px;
	}

.addthis_toolbox
	{
	width: 165px;
	height: 30px;
	float: right;
	}


div.bdy, div.bdy_full
	{
	width: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	}

div.bdy_full				{ width: 100%; float: static; }

div.bdy h2, div.bdy_full h2,
div.bdy h4, div.bdy_full h4
	{
	font-weight: bold;
	font-size: 1.1em;
	color: #007db6;
	margin: 0px;
	}

div.sidebdy
	{
	width: 220px;
	margin: 0px;
	margin-left: 470px;
	_margin-left: 466px;
	padding: 0px;
	}

#bdy-movie
	{
	text-align: center;
	width: 580px;
	height: auto;
	min-height: 295px;
	_height: 295px;
	margin: 0px;
	padding-top: 20px;
	}

#bdy-movie p				{ margin: 0px; }

#search_steps_table			{ padding: 2px; }

#search_steps_table td
	{
	font-weight: bold;
	font-size: 0.95em;
	color: #000;
	}

.search_steps_date
	{
	width: 180px;
	height: 250px;
	}


/* --------------------------------------- */
/* Specials */
/* --------------------------------------- */

.sideblock
	{
	background-color: #b1ca35;
	width: 220px;
	height: auto;
	min-height: 130px;
	_height: 130px;
	margin: 0px;
	margin-bottom: 10px;
	display: block;
	}

.sideblock h3
	{
	border-bottom: 1px solid #fff;
	font-weight: bold;
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	}

.sideblock p
	{
	color: #fff;
	margin: 0px;
	margin-left: 105px;
	line-height: 1.2em;
	}

.sideblock .readmore			{ color: #007db6; margin-left: 105px; }
.sideblock .readmore a			{ color: #007db6; text-decoration: none; }
.sideblock .readmore a:hover	{ color: #000; text-decoration: none; }
.sideblock img					{ width: 100px; float: left; }

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

.newsblock, .newsblock_detail
	{
	margin: 0px;
	margin-bottom: 15px;
	display: block;
	}

.newsblock h3, .newsblock_detail h3
	{
	border-top: 1px solid #007db6;
	border-bottom: 1px solid #b1ca35;
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: #369;
	margin: 0px;
	padding: 2px;
	}

.newsblock h3 a				{ color: #007db6; text-decoration: none; }
.newsblock h3 a:hover		{ color: #000; text-decoration: none; }

.newsblock_detail h4
	{
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 0px 10px 0px;
	}

.newsblock img, .newsblock_detail img
	{
	height: 55px;
	margin-left: 10px;
	margin-top: 5px;
	float: right;
	}

.newsblock_detail img		{ height: auto; }

.newsblock p, .newsblock_detail p	{ margin: 0px; margin-top: 5px; }
.newsblock .readmore				{ color: #007db6; }
.newsblock .readmore a				{ color: #007db6; text-decoration: none; }
.newsblock .readmore a:hover		{ color: #000; text-decoration: none; }
.date								{ font-size: 0.95em; color: #000; font-weight:bold; }

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

ul#sitemap					{ }

ul#sitemap, ul#sitemap ul, ul#sitemap ul ul
	{
	margin: 0px;
	list-style-type: none;
	}

ul#sitemap li
	{
	background: url(/grfx/bullet-sitemap.gif) no-repeat;
	padding: 0px 0px 2px 16px;
	}

#sitemap-highlight
	{
	font-weight: bold;
	color: #000;
	}

/* --------------------------------------------------------------------------------- */
/* Cityguide */
/* --------------------------------------------------------------------------------- */

#cityblock
	{
	background: url(/grfx/map.gif) no-repeat 270px 0px;
	display: block;
	height: auto;
	min-height: 450px;
	_height: 450px;
	margin: 0px;
	padding: 0px;
	}

#cityblock h3, #cityblock h4, #cityblock h4
	{
	background-color: #b1ca35;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
	width: 280px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 2px;
	padding-left: 6px;
	}

#cityblock h4
	{
	background-color: #eff5d7;
	text-transform: none;
	text-align: left;
	margin-bottom: 0px;
	}

#cityblock ul
	{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	list-style-type: none;
	}

#cityblock li
	{
	background: url(/grfx/bullet-sitemap.gif) no-repeat;
	padding: 0px 0px 2px 16px;
	}

#cityblock .cities
	{
	width: 344px;
	margin: 0px;
	padding: 0px;
	display: block;
	}

#cityblock .cities .blockone, #cityblock .cities .blocktwo
	{
	width: 168px;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#cityblock .cities .blocktwo
	{
	margin-left: 3px;
	}

#citymenu
	{
	margin: 0px;
	display: block;
	}

#citymenu .cityblockmenu
	{
	background-color: #eff5d7;
	margin: 0px;
	margin-bottom: 10px;
	display: block;
	}

#citymenu .cityblockmenu h3
	{
	background-color: #b1ca35;
	font-weight: bold;
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#citymenu .cityblockmenu ul
	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#citymenu .cityblockmenu li
	{
	background: url(/grfx/bullet-citymenu.gif) no-repeat;
	padding-left: 16px;
	}

/*----------------------------------------*/
/*informatie*/
/*----------------------------------------*/

.info_block
	{
	float:left;
	width:200px;
	}

/* --------------------------------------------------------------------------------- */
/* Weeronline */
/* --------------------------------------------------------------------------------- */

#weatherblock			{ width: 160px; margin: 10px auto; padding: 4px; }
#wtoday					{ text-align: right; text-transform: uppercase; padding: 4px; vertical-align: middle; }
#wtoday	td				{ color: #000; }

#wmaxtmp				{ background: #ff5c00; color: #fff; text-align: center; width: 16px; height: 16px; }
#wmintmp				{ background: #007db6; color: #fff; text-align: center; width: 16px; height: 16px; }

#wwind					{ font-size: 0.85em; color: #000; margin: 10px 0px 10px 0px; }
#wdays					{ text-align: center; vertical-align: middle; }
#wdays td				{ color: #000; }
#wico					{ background: #7e7d81; width: 25px; height: 25px; }

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

#footer
	{
	position: relative;
	font-size: 0.85em;
	color: #007db6;
	height: 30px;
	margin: 0px;
	clear:both;
	}

#footer p					{ margin: 0px 0px 0px 235px; padding: 0px; }
#footer a					{ color: #007db6; text-decoration: none; padding: 0px 6px 0px 6px; }
#footer a:hover				{ color: #000; text-decoration: none; }


/* --------------------------------------------------------------------------------- */
/* popup header */
/* --------------------------------------------------------------------------------- */

#popupbody
	{
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	}

div#popupwrapper
	{
	background-color: #fff;
	font-size: 0.8em;
	width: 99%;
	height: auto;
	_height: 500px;
	min-height: 500px;
	margin: 0px auto;
	}

#popupheader
	{
	background: url(/grfx/bgheaderpopup.gif) repeat-y;
	height: 106px;
	margin: 0px;
	}

#popupheader h1
	{
	background-repeat: no-repeat;
	background-position: 128px 2px;
	text-indent: -9999px;
	width: 310px;
	height: 104px;
	margin: 0px;
	}

/* --------------------------------------------------------------------------------- */
/* Form */
/* --------------------------------------------------------------------------------- */

#form_contact				{ width: 100%; }
#form_contact td			{ font-size: 1em; }

.form_desc
	{
	border-bottom: 1px dotted #369;
	text-align: right;
	width: 120px;
	padding-top: 4px;
	padding-right: 4px;
	vertical-align: top;
	}

.form_label					{ font-size: 1em; }

/* --------------------------------------------------------------------------------- */
/* E-cards */
/* --------------------------------------------------------------------------------- */

#ecards
	{
	position: relative;
	height: auto;
	_height: 200px;
	min-height: 200px;
	margin: 0px;
	padding: 0px;
	}

#ecards .column
	{
	position: relative;
	width: 215px;
	margin: 5px;
	padding: 0px;
	float: left;
	}

#ecards .button				{ margin-top: 5px; }

#ecard
	{
	position: relative;
	background: url(/grfx/bg-ecard.png) no-repeat;
	width: 600px;
	height: 391px;
	}

#message
	{
	position: absolute;
	top: 110px;
	left: 15px;
	}

#receiver, #receiver_sent
	{
	position: absolute;
	font-family: "comic sans ms",arial,helvetica;
	font-size: 1em;
	width: 255px;
	top: 150px;
	right: 25px;
	}

#receiver_sent				{ left: 318px; }

#title, #title input
	{
	font-family: "comic sans ms",arial,helvetica;
	font-size: 1em;
	width: 240px;
	margin-bottom: 10px;
	}

#messagebdy
	{
	font-family: "comic sans ms",arial,helvetica;
	font-size: 1em;
	width: 265px;
/*
	overflow: hidden;
	height: 150px;
	max-height: 150px;
*/
	}

#messagebdy input[readonly]
	{
	background-color: #fff;
	border: 0px;
	}

#sender
	{
	font-family: "comic sans ms",arial,helvetica;
	font-size: 1em;
	width: 265px;
	margin-top: 10px;
	}


/* ======================================= */
/* ======================================= */
/* ======================================= */