/* -------------------------------------------------------------------

	Boondoggle - Hans Dreesen
	Stichting Marketing
	
	1. Structure
	2. Header
	3. Navigation
	4. Column01
	5. Column02
	6. Column03
	7. Footer
	8. Homepage
	9. Miscellaneous
	
	always include reset.css, it will reset your style
	for all browers, it includes the clearfix
	
	typography specs must be specified in typography.css
	form specs must be specified in forms.css
	
	ID en class naming => use capitals for seperation: navHome

------------------------------------------------------------------- */



/* ----- imports -------------------------------------------------- */

@import url(typography.css);
@import url(forms.css);



/* -------------------------------------------------------------------------------------  1. Structure -------------------------------------------- */

body		{ background: #ddd url(/img/css_backgrounds/bg-body.jpg) center top repeat-y; }
#wrapper	{ min-width: 960px; overflow: hidden; }
#container	{ background: url(/img/css_backgrounds/bg-container.jpg) repeat-y; margin: 80px auto 0; padding: 0 0 5px; position: relative; width: 960px; }

#header		{ background: url(/img/css_backgrounds/bg-header.png) left bottom no-repeat; float: left; margin: -80px 0 10px -235px; padding: 80px 0 40px 200px; width: 208px; }
#navigation	{  }
#content	{ background: #ddd url(/img/css_backgrounds/bg-content.jpg) repeat-y; min-height: 350px; padding: 10px 25px; }
#column01	{ color: #FFF; float: left; padding: 0 0 0 35px; position: relative; width: 169px; z-index: 2; }
#column02	{ background: url(/img/css_backgrounds/bg-footer-content.jpg) left bottom no-repeat; float: left; margin: 20px 0 0; padding: 0 0 5px; position: relative; width: 750px; z-index: 1; }
#column03	{  }
#footer		{ background:url(/img/css_backgrounds/bg-footer.jpg) center top no-repeat; padding: 40px 0 15px; text-align: center; }




/* -------------------------------------------------------------------------------------  2. Header ----------------------------------------------- */

/* item description */
#header #itemName {  }



/* -------------------------------------------------------------------------------------  3. Navigation ------------------------------------------- */

.navigation ul { list-style: none; margin: 0; }
.navigation a { background-repeat: no-repeat; display: block; height: 10px; margin-bottom: 4px; outline: none; text-indent: -9999px; }
/* EN navigation */
.en .navigation a { background-image: url(/img/css_backgrounds/en/bg-sprite-navigation.gif); }
/* navigation items (normal state) */
.navigation li#navHome a					{ background-position: 0px 0px; }
.navigation li#navAbout a					{ background-position: 0px -10px; }
.navigation li#navProgramme a				{ background-position: 0px -20px; }
.navigation li#navRegistration a			{ background-position: 0px -30px; }
.navigation li#navPracticalInformation a	{ background-position: 0px -40px; }
.navigation li#navSponsors a				{ background-position: 0px -50px; }
/* navigation items (hover state) */
.navigation li#navHome a:hover					{ background-position: -250px 0px; }
.navigation li#navAbout a:hover					{ background-position: -250px -10px; }
.navigation li#navProgramme a:hover				{ background-position: -250px -20px; }
.navigation li#navRegistration a:hover			{ background-position: -250px -30px; }
.navigation li#navPracticalInformation a:hover	{ background-position: -250px -40px; }
.navigation li#navSponsors a:hover				{ background-position: -250px -50px; }
/* navigation items (active state) */
body#home					.navigation li#navHome a					{ background-position: -500px 0px; }
body#about					.navigation li#navAbout a					{ background-position: -500px -10px; }
body#programme				.navigation li#navProgramme a				{ background-position: -500px -20px; }
body#registration			.navigation li#navRegistration a			{ background-position: -500px -30px; }
body#practicalInformation	.navigation li#navPracticalInformation a	{ background-position: -500px -40px; }
body#sponsors				.navigation li#navSponsors a				{ background-position: -500px -50px; }

/* sub navigation */
.navigation ul ul { display: none; margin: 7px 0 10px 15px; }
/* sub navigation Practical Information */
body#practicalInformation	.navigation li#navPracticalInformation ul,
body#whereAndWhen			.navigation li#navPracticalInformation ul,
body#howToGetThere			.navigation li#navPracticalInformation ul,
body#fees					.navigation li#navPracticalInformation ul,
body#hotels					.navigation li#navPracticalInformation ul,
body#congressCommission		.navigation li#navPracticalInformation ul,
body#contact				.navigation li#navPracticalInformation ul { display: block; }
/* sub navigation items Practical Information (normal state) */
.navigation li#navPracticalInformation li#navWhereAndWhen a			{ background-position: 0px -80px; }
.navigation li#navPracticalInformation li#navHowToGetThere a		{ background-position: 0px -90px; }
.navigation li#navPracticalInformation li#navFees a					{ background-position: 0px -100px; }
.navigation li#navPracticalInformation li#navHotels a				{ background-position: 0px -110px; }
.navigation li#navPracticalInformation li#navCongressCommission a	{ background-position: 0px -120px; }
.navigation li#navPracticalInformation li#navContact a				{ background-position: 0px -130px; }
/* sub navigation items Practical Information (hover state) */
.navigation li#navPracticalInformation li#navWhereAndWhen a:hover		{ background-position: -250px -80px; }
.navigation li#navPracticalInformation li#navHowToGetThere a:hover		{ background-position: -250px -90px; }
.navigation li#navPracticalInformation li#navFees a:hover				{ background-position: -250px -100px; }
.navigation li#navPracticalInformation li#navHotels a:hover				{ background-position: -250px -110px; }
.navigation li#navPracticalInformation li#navCongressCommission a:hover	{ background-position: -250px -120px; }
.navigation li#navPracticalInformation li#navContact a:hover			{ background-position: -250px -130px; }
/* sub navigation items Practical Information (active state) */
body#whereAndWhen		.navigation li#navPracticalInformation li#navWhereAndWhen a			{ background-position: -500px -80px; }
body#howToGetThere		.navigation li#navPracticalInformation li#navHowToGetThere a		{ background-position: -500px -90px; }
body#fees				.navigation li#navPracticalInformation li#navFees a					{ background-position: -500px -100px; }
body#hotels				.navigation li#navPracticalInformation li#navHotels a				{ background-position: -500px -110px; }
body#congressCommission	.navigation li#navPracticalInformation li#navCongressCommission a	{ background-position: -500px -120px; }
body#contact			.navigation li#navPracticalInformation li#navContact a				{ background-position: -500px -130px; }
/* sub navigation Programme */
.navigation li#navProgramme ul { display: none; }



/* -------------------------------------------------------------------------------------  4. Column01 --------------------------------------------- */

/* text elements */
#column01 h1 { background-position: -3px top; font-size: 0.9em; letter-spacing: 0; margin: 0 0 0 -25px; padding: 1px 10px 1px 25px; }
#column01 p { text-align: left; }

/* button subscribe */
#column01 .btnRegister { background-image: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif); background-position: 0 -150px; height: 45px; margin-left: -36px; width: 200px; }



/* -------------------------------------------------------------------------------------  5. Column02 --------------------------------------------- */

/* titles */
#content h2 { margin-left: -25px; }

/* register language choice */
#regLangChoice { border: 1px solid #DDD; color: #0f1c2d; font-weight: bold; margin: 40px auto 0; padding: 20px; text-align: center; width: 300px; }
#regLangChoice p { margin-bottom: 10px; }
#regLangChoice a { background-image: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif); float: left; height: 51px; }
#regLangChoice #regLangButtons { margin: 0 auto; padding-left: 10px; width: 210px; }
#regLangChoice a#regNL { background-position: left -460px; margin-right: 10px; width: 92px; }
#regLangChoice a#regFR { background-position: -100px -460px; width: 108px; }

/* tussenpagina standaard */
#linkLangChoice { border: 1px solid #DDD; color: #0f1c2d; font-weight: bold; margin: 40px auto 0; padding: 20px; text-align: center; width: 300px; }
#linkLangChoice p { margin-bottom: 10px; }
#linkLangChoice a { background-image: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif); float: left; height: 43px; }
#linkLangChoice #linkLangButtons { margin: 0 auto; padding-left: 10px; width: 210px; }
#linkLangChoice a#linkNL { background-position: left -540px; margin-right: 10px; width: 92px; }
#linkLangChoice a#linkFR { background-position: -100px -540px; width: 108px; }

/* programme */
body#programme #content p { width: 700px; }
body#programme table { line-height: 1.5; margin-bottom: 3em; }
body#programme table #time { width: 100px; }
body#programme th { display: none; }
body#programme td { padding: 10px 0; vertical-align: middle; }
body#programme td.time { color: #676767; text-transform: uppercase; width: 85px; }
body#programme td img { border: 2px solid #00539f; float: left; margin: 0 15px 0 0; }
body#programme td a:hover img { border-color: #62afc9; }
body#programme td .special,
body#programme td .speakerName,
body#programme td .subject,
body#programme table a { font-weight: bold; }
body#programme td .speakerName { color: #00539f; text-transform: uppercase; }
body#programme td .special { background: #d1dfe4; color: #444; display: block; line-height: 1; margin-bottom: -12px; padding: 4px; text-transform: uppercase; }
body#programme td .sponsoredBy { color: #676767; font-size: 0.9em; }
/* speaker info pages */
.btnBack { background-image: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif); background-position: left -515px; height: 22px; width: 135px; }
.speakerInfo { }
.speakerInfo img.speakerPhoto { border: 2px solid #00539f; float: left; margin: 0 23px 5px 0; }
.speakerInfo img.right { float: right; margin: 13px 0 5px 17px; }
.speakerInfo img.top { margin-top: 0; }
/* fancy programme (JavaScript enabled) */
.progFancy { overflow: hidden; }
.progFancy p { padding: 0 25px; }
.progFancy #content { padding: 10px 0 0; width: 2000px; }
.progFancy .progCol { float: left; min-height: 1035px; padding: 10px 25px 0; position: relative; width: 505px; }
.progFancy #progCol01 { z-index: 0; }
.progFancy #progCol02 { background: url(/img/css_backgrounds/bg-content.jpg) -205px top repeat-y; border-left: 1px solid #DDD; z-index: 1; }
/* hidden column */
.progFancy #progCol02.hidden { background: none; }
.progFancy .hidden h2 { background: none; border-left: 7px solid #666; color: #666; padding-left: 18px; }
.progFancy .hidden table { border-bottom-color: #ccc; border-top-color: #bcbcbc; }
.progFancy .hidden td { border-bottom-color: #bcbcbc; border-top-color: #ccc; }
body#programme .progFancy .hidden td,
body#programme .progFancy .hidden span,
body#programme .progFancy .hidden .speakerName,
body#programme .progFancy .hidden .subject,
body#programme .progFancy .hidden .special,
body#programme .progFancy .hidden table a { color: #AAA; }
body#programme .progFancy .hidden .special { background: #CCC;}
body#programme .progFancy .hidden td img { border-color: #999; }
.progFancy .hidden span.mask {
	background: #000;
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 99;
	filter: alpha(opacity=5);
	-moz-opacity: 0.05;
	-khtml-opacity: 0.05;
	opacity: 0.05;
}

/* sponsors */
.sponsorList { list-style: none; margin: 0 auto 2em; width: 100%; }
.sponsorList:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* mimic clearfix */
.sponsorList a { background: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif) no-repeat; display: block; float: left; margin: 0 10px; outline: none; text-indent: -9999px; }
.sponsorList .deStandaard			{ background-position: 0px -220px; height: 27px; margin-top: -2px; width: 49px; }
.sponsorList .gemaco				{ background-position: -100px -250px; height: 25px; width: 80px; }
.sponsorList .jobat					{ background-position: -200px -220px; height: 27px; margin-top: -1px; width: 64px; }
.sponsorList .livingTomorrow		{ background-position: -100px -220px; height: 27px; width: 57px; }
.sponsorList .microsoftAdvertising	{ background-position: -100px -195px; height: 24px; margin-top: -1px; width: 74px; }
.sponsorList .rosselAdvertising		{ background-position: 0px -250px; height: 27px; width: 81px; }
.sponsorList .tnsDimarso			{ background-position: -200px -195px; height: 25px; margin: -1px 5px 0 15px; width: 53px; }
.sponsorList .trends				{ background-position: 0px -280px; height: 19px; width: 58px; }
.sponsorList .var					{ background-position: 0px -195px; height: 16px; margin-top: 4px; width: 40px; }
.sponsorList .vertigo				{ background-position: -100px -280px; height: 23px; margin-top: 1px; width: 46px; }
.sponsorList .lesoir				{ background-position: -200px -250px; height: 14px; margin-top: -1px; width: 80px; }
.sponsorList .mewaf					{ background-position: -200px -280px; height: 30px; width: 24px; }

/* congress commission */
#ccPhotos { height: 120px; position: relative; }
#ccPhotos img { position: absolute; }
#ccPhotos img#caluwaertsDavy	{ left: 0px;	top: 8px;	z-index: 0; }
#ccPhotos img#prietoNathalie	{ left: 100px;	top: 25px;	z-index: 1; }
#ccPhotos img#berxNicole		{ left: 165px;	top: 0px;	z-index: 0; }
#ccPhotos img#vanBostPhilip		{ left: 265px;	top: 20px;	z-index: 0; }
#ccPhotos img#raletPierre		{ left: 350px;	top: 10px;	z-index: 0; }
#ccPhotos img#vanDesselAnn		{ left: 460px;	top: 25px;	z-index: 0; }
#ccPhotos img#viaenePatrick		{ left: 560px;	top: 0px;	z-index: 1; }
#ccPhotos img#brionJeanPierre	{ left: 625px;	top: 35px;	z-index: 0; }
/* fancy version with JavaScript */
.ccPhotosFancy img { cursor: pointer; }
.ccMemberListFancy tr.hover { background: #D1DFE4; cursor: pointer; }



/* -------------------------------------------------------------------------------------  6. Column03 --------------------------------------------- */

/* item description */
#column01 #itemName {  }



/* -------------------------------------------------------------------------------------  7. Footer ----------------------------------------------- */

#footer .sponsorList { width: 680px; }



/* -------------------------------------------------------------------------------------  9. Homepage --------------------------------------------- */

/* These apply to the homepage only. They will reset some general styles. */
body#home #container { background: url(/img/css_backgrounds/bg-container-home.jpg) left -15px no-repeat; margin-top: 40px; min-height: 305px; padding: 0; }
body#home #header { margin: -40px 0 0 -200px; padding-top: 80px; position: relative; z-index: 2; }
body#home #footer { background: none; padding-top: 60px; }
/* block01: "header" block */
body#home #block01 { float: left; margin: 30px 0 0 -4px; min-height: 280px; padding-left: 30px; position: relative; width: 720px; z-index: 1; }
body#home #intro, body#home #ctaButtons { float: left; width: 300px; }
body#home #intro { margin-right: 40px; }
body#home #intro .cta { color: #FFF; font-size: 1.2em; font-weight: bold; line-height: 125%; margin-bottom: 1.25em; }
body#home #ctaButtons { padding-top: 20px; }
body#home #ctaButtons #btnRegister {
	background-image: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif);
	background-position: 0px -350px;
	height: 55px;
	width: 240px;
}
body#home #ctaButtons #btnProgramme {
	background-image: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif);
	background-position: 0px -405px;
	height: 55px;
	width: 240px;
}
body#home #ctaButtons br { display: none; }
/* block02: left bottom block, containing the classifieds */
body#home #block02 {
	background: url(/img/css_backgrounds/bg-home-block02.jpg) repeat-y;
	color: #000;
	float: left;
	margin: 0 0 0 8px;
	padding: 15px 0 0 1px;
	position: relative;
	width: 474px;
}
body#home .forSaleTitle { font-weight: bold; padding-left: 30px; text-transform: uppercase; }
body#home #classifieds { background: url(/img/css_backgrounds/bg-home-block02-footer.jpg) left bottom no-repeat; min-height: 190px; padding-bottom: 5px; z-index: 1; }
body#home .classified { background: transparent url(/img/css_backgrounds/bg-sprite-site-elements-trans.png) no-repeat; height: 145px; margin: 0 0 0 25px; padding: 20px 50px 0 27px; width: 353px; }

body#home .classified h3 { background: none; color: #000; display: inline; font-size: 1em; }
body#home .classified p { display: inline; }
body#home .classified p.forSaleTitle { display: block; margin: 20px 0 0 120px; padding: 0; }
body#home .classified img { float: left; margin: 0 10px 0 0; }
/*body#home .classified img { float: left; margin: -35px 10px 0 0; }*/

body#home #classNavPrev, body#home #classNavNext { cursor: pointer; height: 20px; position: absolute; top: 155px; width: 20px; z-index: 2; }
body#home #classNavPrev { background: url(/img/css_backgrounds/bg-sprite-site-elements-trans.png) 0px -185px no-repeat; left: 15px; }
body#home #classNavNext { background: url(/img/css_backgrounds/bg-sprite-site-elements-trans.png) 0px -205px no-repeat; right: 15px; }
body#home #block03 {
	background: url(/img/css_backgrounds/en/bg-block03.jpg) center bottom no-repeat;
	float: left;
	margin-left: -2px;
	padding: 15px 0 0 30px;
	min-height: 270px;
	position: relative;
	width: 390px;
}
body#home #block03 h2 { margin-left: -30px; width: 285px; }
body#home #block03 #btnWriteAlong { bottom: 6px; height: 39px; position: absolute; right: 29px; width: 185px; }
/* titles */
body#home h1 { color: #091c2d; font-size: 2em; font-weight: bold; line-height: 103%; margin-bottom: 0.8em; margin-left: -30px; padding: 0 0 0 30px; width: 380px; }
body#home h1 .big { font-size: 1.2em; }
body#home h2 { line-height: 105%; margin-left: 0; padding-left: 30px; }



/* -------------------------------------------------------------------------------------  9. Miscellaneous ---------------------------------------- */

.imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; }

.left	{ float: left; }
img.left { margin-right: 10px; }
.right	{ float: right; margin: 0 0 5px 15px; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 0; padding-top: 0; }
.last	{ margin-bottom: 0; padding-bottom: 0; }

hr { display: none; }

/* flash alternative styles */
.block { background: #efefef; border: 4px solid #dfdfdf; clear: both; margin: 25px 0; padding: 25px; }
ul#alternativeNav { border-bottom: 2px solid #333; border-top: 2px solid #333; list-style: none; padding: 10px 0 10px 5px; margin: 0 0 20px 0; }
ul#alternativeNav li { float: left; margin: 0 10px 0 0; }

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

#smartestmarketingbook {
	background:transparent url(/img/css_backgrounds/en/bg-smartbook-block03.jpg) no-repeat scroll left bottom;
	float:left;
	min-height:260px;
}

#smartestmarketingbook #btnWriteAlong {
	height:40px;
	left:177px;
	position:relative;
	top:145px;
	width:190px;
}

#SmartestMarketingBookLogos{
float:right;
margin-top:30px;
width:150px;
}

#SmartestMarketingBookLogos .deStandaard			
{ 
	background: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif) no-repeat; 
	background-position: 0px -220px; 
	height: 27px; 
	margin-top: -2px; 
	width: 49px;
	float:left;
}
#SmartestMarketingBookLogos .lesoir				
{ 
	background: url(/img/css_backgrounds/en/bg-sprite-site-elements.gif) no-repeat; 
	background-position: -200px -250px; 
	height: 26px; 
	margin-top: -1px; 
	width: 88px;
	float: right;
}