/*
	Swingbo stylesheet voor het scherm
	**********************************
	
	Design:			www.dietwee.nl
	HTML & CSS:		www.thewebmen.nl
*/

/*	Algemene styling: */
@import "/css/basislayout.css";	/* Header, footer, main, kolommen etc. */
@import "/css/algemeen.css";	/* Headings, standaard classes, hacks... */
@import "/css/navitems.css";	/* Alle styling voor de navigatie */
@import "/css/overzichten.css";	/* Overzichten */
@import "/css/calender.css";	/* Voor de datumkiezer */
@import "/css/error.css";		/* Voor de errormelding */

/*		De pagina's!
		************
		
		Hier volgt.
*/

/* lab */
.weblog_replycontent,.weblog_replyprovider {
	margin:9px 9px 0 9px;
}

/* Home */
body#paginaHome #nav li
{
	margin:0 21px 0 0;
}

body#paginaHome #nav li a
{
	background-position:0 0; /* Op home hebben de items standaard de over-/active state */
}

body#paginaHome #nav li a:hover
{
	background-position:0 40px; /* Omgekeerde wereld... */
}

body#paginaHome #contact
{
	text-align:left;
	width:898px;
	padding:0;
}

#btn_verrasMij, #btn_verrasMijLancering, #btn_verrasMijLanceringHome
{
	position:relative;
	top:-124px;
	left:765px;
	width:288px;
	height:366px;
	z-index:10;
	cursor:pointer;
	cursor:hand; /* Voor oude browsers */
}

#btn_verrasMijLancering, #btn_verrasMijLanceringHome
{
	top:-240px;
	left:620px;
}



/* Verras mij */

/* Verras mij: Reacties van reizigers */
#filterReactiesForm p
{
	margin:0;
}

div.colFooterNav
{
	position:relative;
	height:34px !important;
}

div.colFooterNav span.altHoogte
{
	display:block;
	height:34px !important;
}

div.colFooterNav span a
{
	display:block;
	position:absolute;
	top:0;
	height:21px;
	font-size:16px;
	line-height:20px;
	color:#99CF16;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
}

div.colFooterNav span a.btnVorige
{
	left:13px;
	padding:0 0 0 40px;
	background:no-repeat top left url(../gfx/btn_vorige_groen_groot.gif);
}

div.colFooterNav span a.btnVolgende
{
	right:13px;
	padding:0 40px 0 0;
	background:no-repeat top right url(../gfx/btn_volgende_groen_groot.gif);
}

div.groenBlok div.colFooterNav span a.btnVolgende
{
	color:white;
	background-image:url(../gfx/btn_volgende_wit_groot.gif);
}

div.groenBlok div.colFooterNav span a.btnVorige
{
	color:white;
	background-image:url(../gfx/btn_vorige_wit_groot.gif);
}


#colFooterNavVorige, #colFooterNavVolgende
{
	position:relative;
	height:auto;
}

#zelfProfielMakenKnop
{
	height:63px;

}
#zelfProfielMakenKnop div
{
	height:63px;
	background:no-repeat bottom right url(../gfx/hoek_ro_groen_lijn.gif);
}

#zelfProfielMakenKnop p
{
	padding:5px 13px 0 13px;
	font-size:9px;
	line-height:20px;
	color:#009DEF;
	border-top:1px solid #99CF16;
	background:no-repeat 165px 20px url(../gfx/getekend_pijltje.gif);
}

#browseVorigeVolgende
{
	position:relative;
	margin:9px 0 0 0;
	height:34px;
}

#browseVorigeVolgende a.vorige
{
	position:absolute;
	top:0;
	left:0;	
}

#browseVorigeVolgende a.volgende
{
	position:absolute;
	top:0;
	right:0;	
}

/* Toon alles */
div#arrBrowse
{
	position:relative;
	height:36px !important;
	background:#99CF16 no-repeat bottom left url(../gfx/hoek_lo_groen.gif) !important;
}

div#arrBrowse div
{
	height:36px !important;
	background:no-repeat bottom right url(../gfx/hoek_ro_groen.gif);
}

div#arrBrowse a#vorigeResultaten
{
	position:absolute;
	left:13px;
	top:10px;
}

div#arrBrowse a#volgendeResultaten
{
	position:absolute;
	right:13px;
	top:10px;
}

div#arrBrowse strong
{
	display:block;
	text-align:center;
	line-height:36px;
	color:white;	
}


/* Iemand verleiden */
#ecard
{
	width:451px;
}

form#ecardForm label
{
	float:left;
	width:125px;
}

form#ecardForm input[type="text"], form#ecardForm textarea
{
	width:285px;
}

form#ecardForm textarea
{
	height:150px;
}






/*		De wizards!
		***********		*/
div.wizardForm h3
{
	font-size:12px;
	line-height:15px;
	margin:0;
	padding:0 0 3px 0;
	font-weight:bold;
}

div#btn_verder
{
	text-align:right;
	margin:0 0 9px 0;	cursor:pointer;
	cursor:hand; /* Voor oude browsers */
}

div#btn_verder a
{
	padding:60px 0 0 0;
	color:white;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	display:block;
}

div#btn_verder a img
{
	vertical-align:middle;
}

/* Switchbuttons */
div.switch
{
	position:relative;
	float:left;
	width:221px;
	height:104px;
	margin:0 9px 9px 0;
	background:#009DEF;
	cursor:pointer;
	cursor:hand; /* Voor oude browsers */
}

div.switchGroot
{
	height:217px;
}

div.switch input
{
	display:none;
}

div.switchFront
{
	position:absolute;
	top:0;
	left:0;
	width:221px;
	height:104px;
	background:transparent no-repeat top left url(../gfx/switch-trans.png);
	z-index:10;
}

div.switchGroot div.switchFront
{
	height:217px;
}

div.switchGroot div.switchFront
{
	background:transparent no-repeat top left url(../gfx/switch_groot-trans.png);
}

div.switch img
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	z-index:5;
}

div.switch span
{
	display:block;
	position:absolute;
	bottom:12px;
	left:35px;
	z-index:15;
	font-weight:bold;
	color:white;
	font-size:15px;
	line-height:17px;
}

/* Deze classes worden door javascript gebruikt: */
div.switchHover		{background-position:-442px 0 !important}
div.switchNormal		{background-position:0 0 !important}
div.switchChecked	{background-position:-221px 0 !important}

.inputDateDay, .inputTimeHrs, .inputTimeMin {width:40px;}
.inputDateMonth {width:100px;}
.inputDateYear {width:60px;}

/* Budget: */
#budgetBerekening td select
{
	width:325px;
}

#budgetBerekening select
{
	width:320px;	
}

#budgetBerekening #aantalNachten
{
	width:40px;
}

#paginasurprisespecial_budget div#subColRechts
{
	margin:0;
}

/* Boeken */
a#btn_verder
{
	position:absolute;
	bottom:9px;
	right:10px;
	color:white;
	padding:0 30px 0 0;
	color:white;
	font-size:13px;
	line-height:15px;
	text-decoration:none;
	background:no-repeat top right url(/gfx/btn_verder_witopblauw.gif);
}

#reizigerNav, #reizigerNavArrangementen
{
	position:relative;
	width:75px;
	text-align:center;
	padding:0 25px;
}

#reizigerNavArrangementen
{
	top:340px;
	right:14px;
}


#reizigerNav img, #reizigerNavArrangementen img
{
	cursor:pointer;
	cursor:hand; /* Voor oude browsers */	
}

#reizigerNav #vorigeReiziger, #reizigerNavArrangementen #vorigeReiziger
{
	position:absolute;
	top:0;
	left:0;
}

#reizigerNav #volgendeReiziger, #reizigerNavArrangementen #volgendeReiziger
{
	position:absolute;
	top:0;
	right:0;
}

#stappen li#btn_terug
{
	background-image:url(/gfx/bg_stapterug.gif);
}

#stappen li#btn_terug:hover
{
	background-image:url(/gfx/_bg_stapterug.gif);
}

/* Verras mij: geef en lees tips */
#unexpectedReisTipsBlok, #iemandVerrassenTipsBlok
{
	display:none;
}

/* Verras mij: surprise special */
#surpriseSpecialInleiding, #boekOfBewaarInleiding
{
	margin:0 0 9px 0;
}

#surpriseSpecialInleiding div.blokBody
{
	height:288px;
}

#boekOfBewaarInleiding div.blokBody
{
	height:296px;
}

#tweeButtons
{
	position:relative;
	width:451px;
	height:63px;
}

#tweeButtons #button1, #tweeButtons #button2
{
	width:158px;
	height:41px;
	padding:22px 50px 0 13px;
	color:white;
	font-size:14px;
	line-height:16px;
	text-decoration:none;
	background:no-repeat url(../gfx/btn_verder_221x63.gif);
}

#tweeButtons #button1
{
	position:absolute;
	top:0;
	left:0;
}

#tweeButtons #button2
{
	position:absolute;
	top:0;
	left:230px;
}

td#totaalSurpriseReis
{
	font-size:24px;
	line-height:32px;
	font-weight:bold;
}


/* Verras mij: surprise special: stappen */
#stappen
{
	float:left;
	width:566px;
	height:63px;
	margin:0 9px 9px 0;
	background:repeat-x top left url(../gfx/bg_stappen.gif);
}

#stappen li
{
	float:left;
	width:106px;
	height:64px;
	margin:0 0 0 9px;
	padding:0;
	color:white;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	overflow:hidden;
	background:no-repeat top left url(../gfx/bg_stap.gif)
}

#stappen li a, #btn_boekOfBewaar, #btn_boekOfBewaarOff
{
	display:block;
	width:80px;
	height:55px;
	margin:0;
	padding:8px 0 0 13px;
	color:white;
	font-size:13px;
	line-height:15px;
	overflow:hidden;
	text-decoration:none;
}

#btn_boekOfBewaar, #btn_boekOfBewaarOff
{
	padding-right:13px;	
}

#stappen li.actief, #stappen li:hover, #btn_boekOfBewaar, #btn_boekOfBewaarOff
{
	background-image:url(../gfx/_bg_stap.gif);
}

#stappen li.inActief, #stappen li.inActief:hover
{
	color:#BFBFBF;
	background-image:url(../gfx/bg_stap.gif);
}

#stappen li.inActief a
{
	color:#BFBFBF;
}

#stappen li:first-child
{
	margin-left:0;
}

#btn_boekOfBewaarOff
{
	color:#BFBFBF;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	background-image:url(../gfx/bg_stap.gif);
}

#btn_boekOfBewaar, #btn_boekOfBewaarOff
{
	float:left;
	margin:0 9px 9px 0;
}

#btn_boekOfBewaar:hover
{
	color:#009DEF;
	background-image:url(../gfx/_bg_stap_lijn.gif);
}

/* Verras mij: Surprise special formulier */
form#surpriseSpecialWizardForm
{
	clear:both;
}

#omdatBlokken div.content
{
	display:none;
}

/* Verras mij: Surprise special profiel */

#profielKnoppen li:first-child
{
	margin:0;
}

#profielKnoppen li
{
	margin:9px 0 0 0;
	padding:0;
	position:relative;
	background:no-repeat top left url(/gfx/btn_verder_221x104.gif);
}

#profielKnoppen li.inActief
{
	background-image:url(/gfx/_btn_verder_221x104.gif);
}

#profielKnoppen li.inActief a
{
	color:#BFBFBF;
}

#profielKnoppen li a
{
	display:block;
	width:221px;
	height:104px;
	color:white;
	text-decoration:none;
}

#profielKnoppen li span
{
	position:absolute;
	bottom:7px;
	left:13px;
	font-size:14px;
	line-height:18px;
	vertical-align:bottom;
}

.positionRelative
{
	position:relative;
}

.btn_verder
{
	position:absolute;
	font-size:14px;
	line-height:15px;
	height:15px;
	text-decoration:none;
	color:#99cf16;
	bottom:12px;
	right:12px;
	padding:0 25px 0 0;
	background:no-repeat top right url(/gfx/btn_volgende_groen_klein.gif);
}


#paginasurprisespecial_bewaar table.smalleLabels input[type="text"],
#paginasurprisespecial_bewaar table.smalleLabels input[type="password"],
#boeken_jij table.smalleLabels input[type="text"],
#boeken_jij table.smalleLabels input[type="password"],
#arrangementen table.smalleLabels input[type="text"]
{
	width:270px;
}

#paginasurprisespecial_bewaar table.smalleLabels input.geslachtVolgt,
#arrangementen table.smalleLabels input.geslachtVolgt,
#boeken_jij table.smalleLabels input.geslachtVolgt
{
	width:190px;	
}

/* Verras mij: Surprise weekend */
input#wilNietNaar
{
	width:415px;
}





/* Kolom bookingtool */
#bookingTool
{
	width:221px;
}

select#weekendReisduurEuropaBlok
{
	display:none;
}

#zelfProfielMakenButton span
{
	height:75px;
	padding:9px 13px 9px 13px;
	border-top:1px solid #99CF16;
}





/* zoekresultaten */
#arrangementenList3 li
{
	margin:0;
}

#arrangementenList3 li div.image
{

	float:left;
	width:221px;
	height:104px;
	margin:9px 0 0 0;
	background:no-repeat url(../gfx/geenafbeelding.gif);
	overflow:hidden;
}

#arrangementenList3 li div.kader
{
	float:left;
	width:451px;
	margin:9px 0 0 9px;
	padding:0;
}

#arrangementenList3 li:first-child div.image				
{
	margin-top:0;
}

#arrangementenList3 li:first-child div.kader
{
	margin-top:0;
}

#arrangementenList3 li div.kader h3
{
	margin:0;
	padding:0;
	color:#99CF16;
	background:no-repeat top left url(../gfx/hoek_lb_groen_lijn.gif);
}

#arrangementenList3 li div.kader h3 span
{
	display:block;
	font-size:14px;
	line-height:16px;
	height:18px;
	padding:11px 13px 0 16px;
	background:no-repeat top right url(../gfx/hoek_rb_groen_lijn.gif);
}

#arrangementenList3 li div.content
{
	position:relative;
	margin:0;
	padding:0 95px 0 16px;
	line-height:14px;
	height:63px;
	border:1px solid #99CF16;
	border-top:0;
	border-bottom:0;
	overflow:hidden;
}

#arrangementenList3 li div.content p
{
	margin:0;
	padding:0;
}

#arrangementenList3 li div.prijs
{
	position:absolute;
	bottom:0px;
	right:10px;
	width:80px;
	border:0;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
}

#arrangementenList3 li div.prijs a
{
	display:block;
	font-size:13px;
	font-weight:normal;
	color:black;
	padding:0 0 0 14px;
	background:no-repeat left center url(../gfx/dot.gif);
}

/* Result hoverstate! Daar gaan we dan... */
#arrangementenList3 li:hover div.content
{
	cursor:pointer;
	cursor:hand; /* Voor oude browsers */
	background:#ebf5d0;
}

#arrangementenList3 li:hover div.kader h3
{
	background:#ebf5d0 no-repeat top left url(../gfx/hoek_lb_beige.gif);
	cursor:pointer;
	cursor:hand; /* Voor oude browsers */
}

#arrangementenList3 li:hover div.kader h3 span
{
	background:no-repeat top right url(../gfx/hoek_rb_beige.gif);
}

#arrangementenList3 li:hover div.kader div.blokFooter
{
	background:#ebf5d0 no-repeat bottom left url(../gfx/hoek_lo_beige.gif);
}

#arrangementenList3 li:hover div.kader div.blokFooter span
{
	background:no-repeat bottom right url(../gfx/hoek_ro_beige.gif);
}

#arrangementenList3 li:hover div.content
{
	border-color:#ebf5d0;
}

#arrangementenList3 li:hover div.image
{
	cursor:pointer;
	cursor:hand; /* Voor oude browsers */
	background-image:url(../gfx/_geenafbeelding.gif);
}




/* Verras mijn bedrijf */
#colFooterButtons
{
	position:relative;
	height:auto;
}

#colFooterButtons span
{
	height:34px;
	text-align:left;
}

#colFooterButtons a.btn
{
	position:absolute;
	top:2px;
	right:13px;
}

/* Verras mijn bedrijf: Referenties en cases */

#referentieOverzicht
{
	margin-top:9px;
}

table.referentieInfo th
{
	width:90px;
}

table.referentieInfo td
{
	width:115px;
}

form#meerInfoForm p
{
	margin:0;
}

div.subCols div.subCol
{
	float:left;
	width:199px;
	clear:right;
	margin:0 0 0 9px;
}

div.subCols div.subCol:first-child
{
	margin-left:0;
	clear:left;
}

a#btn_vorigeReferentie
{
	position:absolute;
	left:9px;
}

a#btn_volgendeReferentie
{
	position:absolute;
	right:9px;
}

/* Verras mijn bedrijf: Informatie aanvragen */
#meerInfoProgrammas, #meerInfoNAW
{
	margin:0 0 9px 0;
}

#meerInfoProgrammas p, #meerInfoNAW p
{
	margin:0;
}

#meerInfoNAW input
{
	width:194px;
}


/* Verras mijn bedrijf: surprise kado */
div.b221xh104 div.no1
{
	background:#99cf16 no-repeat 168px 20px url(/gfx/no1.gif)
}

div.b221xh104 div.no2
{
	background:#99cf16 no-repeat 168px 20px url(../gfx/no2.gif)
}

div.b221xh104 div.no3
{
	background:#99cf16 no-repeat 168px 20px url(../gfx/no3.gif)
}

div.b221xh104 div.no4
{
	background:#99cf16 no-repeat 168px 20px url(../gfx/no3.gif)
}

/* Verras mijn bedrijf: Zoek in programma's */
#verrasmijnbedrijf_zoekinprogrammasList3, #overswingbo_indepersList3
{
	margin:9px 0 0 0;
}

#verrasmijnbedrijf_zoekinprogrammasList3 li, #overswingbo_indepersList3 li
{
	float:left;
	margin:0 9px 9px 0;
	padding:0;
	background:none;
}

/* Verras mijn bedrijf: surprise concepts */
div.conceptsBlok
{
	position:relative;
	width:681px;
	height:217px;
	margin:0;
	padding:0;
	overflow:hidden;
}

div.conceptsBlok p
{
	margin:0 !important;
}

#verrasmijnbedrijf_surprisereizenList0 li
{
	height:217px !important;
}

div.conceptsBlok div.groenBlok
{
	position:absolute;
	top:0;
	left:0;
}

div.conceptsBlok img.image
{
	display:block;
	position:absolute;
	top:113px;
	left:0;
}

div.conceptsBlok div.blok
{
	position:absolute;
	top:0;
	left:230px;
	margin:0;
}

/* Verras mijn bedrijf: surprisekado */
#ontvangerAdresBlok p, #jouwGegevens p
{
	margin:0;
	padding:0;
}

#kadoBonWizard div.blokBody
{
	height:auto;
}

#kadoBonWizard a.btnVolgende
{
	display:block;
	top:0;
	height:21px;
	font-size:16px;
	line-height:20px;
	color:#99CF16;
	text-align:right;
	text-decoration:none;
	font-weight:normal;
	padding:0 40px 0 0;
	background:no-repeat top right url(../gfx/btn_volgende_groen_groot.gif);
}

#kadobonTekst
{
	height:382px;
	border:0 !important;
	background:no-repeat top left url(/dbfilestream.asp?id=C565EF44-391C-4E8D-AADC-D6CF96DA73F1);
}

#kadobonTekst label
{
	display:block;
	float:none;
	margin:0;
	color:white;
}

#kadobonTekstPersonen
{
	position:absolute;
	top:50px;
	left:130px;
	width:292px;
	height:60px;
	padding:10px 0 0 0;
}

#kadobonTekstPersonen input
{
	width:275px;
	padding:5px;
	color:white;
	border:1px solid white;
	background:transparent;
}

#kadobonTekstOmdat textarea
{
	width:280px;
	height:130px;
	color:white;
	border:1px solid white;
	background:transparent;
}

#kadobonTekstOmdat
{
	position:absolute;
	top:160px;
	left:130px;
	width:290px;
	height:80px;
}
/* Verras mijn bedrijf: Surpriseevents */
#verrasmijnbedrijf_surpriseeventsList0,
#verrasmijnbedrijf_surpriseeventsList0 li,
#verrasmijnbedrijf_surpriseeventsList3,
#verrasmijnbedrijf_surpriseeventsList3 li,
#surprisespecial_boek_of_bewaarList0,
#surprisespecial_boek_of_bewaarList0 li
{
	margin:0;
	padding:0;
}

#verrasmijnbedrijf_casesList3 li
{
	height:104px;
}

#loy_button_bekendList3 li
{
	height:63px;
}

#verrasmijnbedrijf_surprisereizenList0 li ul
{
	margin:0 0 9px 0;	
}

#verrasmijnbedrijf_surprisereizenList0 li ul li
{
	height:auto !important;	
}

#verrasmijnbedrijf_casesList3
{
	margin:0 0 9px 0;
}

#eventSpecs div.blokBody
{
	min-height:400px;
}

/* Verras mij */
/* Over Swingbo */

	/* Over Swingbo: Team */
	#teamList
	{
/*		height:443px !important; */
	}

	#swingboTeam
	{
		width:681px;
	}

	#overswingbo_swingboteamList3
	{
		list-style:none;
		margin:0;
		padding:0;
	}

	#overswingbo_swingboteamList3 li
	{
		display:block;
		margin:0 9px 9px 0;
		padding:0;
		float:left;
		height:104px;
		background:none;
	}

	#overswingbo_swingboteamList3 li a
	{
		display:block;
		width:208px; /* Met padding moet het samen 221px zijn. */
		height:20px; /* Met padding moet het samen 104px zijn. */
		padding:77px 0 7px 13px;
		font-size:18px;
		line-height:20px;
		color:white;
		text-decoration:none;
	}

	/* Over Swingbo: Team Detail */
	img#swingboTeamLidFoto
	{
		display:block;
		margin:0 0 9px 0;
	}

	#teamBrowse
	{
		position:relative;
		height:63px;
		background:no-repeat top left url(../gfx/blok_221x63.gif);
	}

	#teamLidInfo
	{
		width:451px;
	}

	#teamBrowse a
	{
		position:absolute;
		top:33px;
	}

	#teamBrowse a#btn_volgende
	{
		left:175px;
	}

	#teamBrowse a#btn_vorige
	{
		left:50px;
	}

	#teamBrowse a#btn_overzicht
	{
		left:12px;
	}

	/* Over Swingbo: Vacatures */
	#overswingbo_vacaturesList, #overswingbo_vacaturesList1
	{
		list-style:none;
		margin:0;
		padding:0;
	}

	#overswingbo_vacaturesList li, #overswingbo_vacaturesList1 li
	{
		display:block;
		position:relative;
		margin:0 0 9px 0;
		padding:0;
		width:221px;
		height:104px;
		color:#99CF16;
		overflow:hidden;
		background:no-repeat top left url(../gfx/blok_groen_221x104.gif);
	}

	#overswingbo_vacaturesList li:hover, #overswingbo_vacaturesList1 li:hover
	{
		background-image:url(../gfx/_blok_groen_221x104.gif);
	}

	#overswingbo_vacaturesList li a, #overswingbo_vacaturesList1 li a
	{
		display:block;
		width:221px;
		height:104px;
		text-decoration:none;
	}

	#overswingbo_vacaturesList li span, #overswingbo_vacaturesList1 li span
	{
		position:absolute;
		bottom:7px;
		left:13px;
		font-size:14px;
		line-height:18px;
		vertical-align:bottom;
		color:white;
		border:0;
		cursor:pointer;
		cursor:hand; /* Voor oude browsers */
	}

	#overswingbo_vacaturesList li:hover a span, #overswingbo_vacaturesList li.actief a, #overswingbo_vacaturesList1 li:hover a span, #overswingbo_vacaturesList1 li.actief a
	{
		color:#99CF16;
	}

	#overswingbo_vacaturesList li.actief, #overswingbo_vacaturesList1 li.actief
	{
		background:no-repeat top left url(../gfx/_blok_groen_lijn_221x104.gif);
	}

	#overswingbo_vacaturesList li.actief span, #overswingbo_vacaturesList1 li.actief span
	{
		color:#99cf16;
	}

	/* Over Swingbo: In de pers/Nieuws/Events */
	#overswingbo_nieuwsList3,
	#verrasmijnbedrijf_surpriseeventsList3,
	#verrasmij_iemandverleidenList3,
	#verrasmijnbedrijf_iemandverleidenList3
	{
		margin:0;
		padding:0;
	}
	
	#weblogList0 li {
		margin:0;
	}
	
	#overswingbo_nieuwsList3 li,
	#verrasmijnbedrijf_surpriseeventsList3 li
	{
		float:left;
		position:relative;
		margin:0 9px 9px 0;
		padding:0;
		overflow:hidden;
		background:no-repeat top right url(../gfx/nieuwsthumb.gif);
	}
	
	#verrasmij_iemandverleidenList3 li,
	#verrasmijnbedrijf_iemandverleidenList3 li
	{
		float:left;
		position:relative;
		margin:0 9px 9px 0;
		padding:0;
		overflow:hidden;
	}	
	
	
	#verrasmijnbedrijf_surpriseeventsList3 li,
	#verrasmij_iemandverleidenList3 li,
	#verrasmijnbedrijf_iemandverleidenList3 li
	{
		margin:9px 9px 0 0;	
	}

	#verrasmijnbedrijf_surpriseeventsList3 li ul,
	#verrasmij_iemandverleidenList3 li ul,
	#verrasmijnbedrijf_iemandverleidenList3 li ul
	{
		margin:0;
		padding:0;
	}

	#overswingbo_nieuwsList3 li img,
	#verrasmijnbedrijf_surpriseeventsList3 li img,	
	{
		display:block;
		float:left;
		margin:0 9px 0 0;
		padding:0;
		width:106px;
		height:104px;
	}
	
	#verrasmij_iemandverleidenList3 li img,
	#verrasmijnbedrijf_iemandverleidenList3 li img
	{		
		display:block;
		float:left;
		margin:0;
		padding:0;
		width:336px;
		height:241px;
	}	

	#overswingbo_nieuwsList3 li span,
	#overswingbo_nieuwsList3 li div,
	#verrasmijnbedrijf_surpriseeventsList3 li span,
	#verrasmijnbedrijf_surpriseeventsList3 li div,
	#verrasmij_iemandverleidenList3 li div,
	#verrasmijnbedrijf_iemandverleidenList3 li span,
	#verrasmijnbedrijf_iemandverleidenList3 li div
	{
		display:block;
		position:absolute;
		width:195px;
		padding:0 13px;
		bottom:13px;
		right:0;
		font-size:12px;
		line-height:14px;
		font-weight:normal;
		cursor:pointer;
		cursor:hand; /* Voor oude browsers */
	}

	#overswingbo_nieuwsList3 li p,
	#overswingbo_nieuwsList3 li li,
	#verrasmijnbedrijf_surpriseeventsList3 li p,
	#verrasmijnbedrijf_surpriseeventsList3 li li,
	#verrasmij_iemandverleidenList3 li p,
	#verrasmij_iemandverleidenList3 li li,
	#verrasmijnbedrijf_iemandverleidenList3 p,
	#verrasmijnbedrijf_iemandverleidenList3 li
	{
		width:auto;
		height:auto;
		color:#009DEF;	
	}

	#overswingbo_nieuwsList3 li span strong,
	#verrasmijnbedrijf_surpriseeventsList3 li span strong,
	#verrasmij_iemandverleidenList3 li span strong,
	#verrasmijnbedrijf_iemandverleidenList3 li span strong
	{
		font-size:14px;
		line-height:17px;
		font-weight:bold;
	}

	#overswingbo_nieuwsList3 li div,
	#verrasmijnbedrijf_surpriseeventsList3 li div,
	#verrasmij_iemandverleidenList3 li div,
	#verrasmijnbedrijf_iemandverleidenList3 li div
	{
		position:absolute;
		top:10px;
	}

	#overswingbo_nieuwsList3 li h3,
	#verrasmijnbedrijf_surpriseeventsList3 li h3,
	#verrasmij_iemandverleidenList3 li h3,
	#verrasmijnbedrijf_iemandverleidenList3 li h3
	{
		margin:0 0 5px 0;
	}

	#overswingbo_nieuwsList3 li a,
	#verrasmijnbedrijf_surpriseeventsList3 li a

	{
		display:block;
		width:336px;
		height:104px;
		text-decoration:none;
	}
	
	#verrasmij_iemandverleidenList3 li a,
	#verrasmijnbedrijf_iemandverleidenList3 li a
	{
		display:block;
		width:336px;
		height:241px;
		text-decoration:none;	
	}
	

	#overswingbo_nieuwsList3 li:hover,
	#verrasmijnbedrijf_surpriseeventsList3 li:hover
	{
		background-image:url(../gfx/_nieuwsthumb.gif);
	}

	/* Over Swingbo: Contact en route */
	#contactGegevens
	{
		margin-top:9px;
	}

	#contactGegevens address
	{
		font-style:normal;
	}


/*		Flash brandboxes
		****************

		Er zijn een aantal Flashmovies. De hoogtes en breedtes daarvan worden hier opgegeven.
		De default breedtes zijn: 451, 681 en 991.	*/

#homeMovie, #home_lanceringMovie
{
	width:911px;
	height:402px;
}

#kadoprogrammasMovie, #loy_inloggenMovie, #loy_etalageMovie, #loy_boek_of_bewaarMovie, #loyaliteitprogrammasMovie, #surprisekadoMovie, #verrasmijnbedrijfMovie, #verrasmijnbedrijf_casesMovie, #verrasmijMovie, #verrasmij_surpriseweekendMovie, #verrasmij_surprisevakantieMovie, #verrasmij_surprisekadoMovie, #verrasmij_surprisespecialMovie, #surprisespecial_boek_of_bewaarMovie, #surprisespecial_inloggenMovie, #verrasvriendenMovie
{
	width:451px;
	height:402px;
}


#surprisespecial_boeken_bevestigingMovie, #loy_boeken_bevestigingMovie
{
	width:451px;
	height:330px;
}

#arrangementenMovie, #verrasmijnbedrijf_surpriseeventsMovie
{
	width:451px;
	height:383px;
}

#overswingboMovie
{
	width:681px;
	height:402px;
}

/*	Een Flashmovie wordt met een <object>-tag ge-embed. Die moet in de onderste z-index. */
object
{
	z-index:1;
}


#paginaVerrasMijnBedrijfsurprisereizen #main div.col,
#paginaVerrasMijnBedrijfSurpriseConcepts #main div.col
{
	margin-bottom:-9px;
}

/*
	Zijnav hoogtes.
	Op sommige pagina's moet de zijnav een vaste hoogte krijgen.
*/

#paginaVerrasMijnBedrijfSurpriseConcepts ul.zijNav
{
	height:150px;
}

#paginaVerrasMijnBedrijfsurprisereizen ul.zijNav
{
	height:150px;
}

#paginaVerrasMijnBedrijfSurpriseKado ul.zijNav
{
	height:115px;
}

#paginaVerrasMijnBedrijfZoek ul.zijNav
{
	height:141px;
}

#page194 #ecardForm #tweeButtons
{
	width:auto;
}