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

	Boondoggle - Hans Dreesen
	ACC
	
	1. Structure
	2. Header
	3. Navigation
	4. Column01
	5. Column02
	6. Column03
	7. Footer
	8. 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: url(/img/css_backgrounds/bg-body.gif) left -120px repeat-x; }
body#languageChoice { background-position: left top; }
#container	{ margin: 0 auto; max-width: 65em; min-width: 64em; }
#wrapper	{  }

#header		{ height: 135px; position: relative; }
#navigation	{ bottom: 10px; left: 215px; position: absolute; }
#content	{ padding-top: 40px; }
#column01, #column02, #column03 { float: left; padding-bottom: 40px; }
#column01 { margin-right: 8%; width: 66%; }
#column02 { width: 23%; }
#footer		{  }

/* homepage structure */
body#homePage #column01	{ width: 27%; }
body#homePage #column02	{ margin-right: 10%; width: 29%; }
body#homePage #column03	{ width: 23%; }

.left	{ float: left; }
.right	{ float: right; }
.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; margin: 25px 0; padding: 25px; border:4px solid #dfdfdf; clear:both; }
ul#alternativeNav {list-style:none; padding:10px 0 10px 5px; margin:0 0 20px 0; border-bottom:2px solid #333; border-top:2px solid #333}
ul#alternativeNav li {float:left; margin:0 10px 0 0;}

/* language choice page styles */
body#languageChoice #container { max-width: 55em; }
body#languageChoice #content { font-size: 1.2em; margin: 0 auto; width: 300px; }
body#languageChoice #content p { float: left; margin: 0; width: 120px; }
body#languageChoice #content p#nl { margin-right: 45px; }
body#languageChoice #content a { height: 11px; margin-top: 15px; } /* have class imgReplaced */
body#languageChoice #content p#nl a { background: url(/img/buttons/nl/btn-language.gif) no-repeat; width: 117px; }
body#languageChoice #content p#fr a { background: url(/img/buttons/fr/btn-language.gif) no-repeat; width: 97px; }

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


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

/* header on language choice page */
body#languageChoice #header { height: 255px; }

/* logo */
#logo { margin: 0; }
#logo a,
#languageChoice #logo { background: url(/img/general/logo-brandpalace.gif) no-repeat; bottom: 25px; height: 88px; left: 0px; margin: 0; position: absolute; width: 171px; } /* have class imgReplaced */

/* language switch */
#languageSwitch { font-family: Arial, Helvetica, sans-serif; font-size: 0.6em; position: absolute; right: 8px; text-transform: uppercase; top: 25px; }
#languageSwitch br { display: none; }
#languageSwitch a { color: #c8d6d6; }


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

/* navigation items */
#navigation { list-style: none; margin: 0; }
#navigation li { float: left; }
#navigation a { display: block; height: 33px; margin-right: 2px; outline: none; text-indent: -9999px; width: 138px; }
.nl #navigation a { background: url(/img/css_backgrounds/nl/bg-sprite-navigation.gif) no-repeat; }
.fr #navigation a { background: url(/img/css_backgrounds/fr/bg-sprite-navigation.gif) no-repeat; }

#navigation a#home			{ background-position: 0 0; }
#navigation a#program		{ background-position: -138px 0; }
#navigation a#practical		{ background-position: -276px 0; }
#navigation a#mgm			{ background-position: -414px 0; }
.nl #navigation a#mgm		{ width: 142px; }
#navigation a#participants	{ background-position: -556px 0; }

#navigation a#home:hover			{ background-position: 0 -33px; }
#navigation a#program:hover			{ background-position: -138px -33px; }
#navigation a#practical:hover		{ background-position: -276px -33px; }
#navigation a#mgm:hover				{ background-position: -414px -33px; }
#navigation a#participants:hover	{ background-position: -556px -33px; }

body#homePage #navigation a#home					{ background-position: 0 -66px; }
body#programPage #navigation a#program				{ background-position: -138px -66px; }
body#practicalPage #navigation a#practical			{ background-position: -276px -66px; }
body#mgmPage #navigation a#mgm						{ background-position: -414px -66px; }
body#participantsPage #navigation a#participants	{ background-position: -556px -66px; }


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

body#homePage #column01 { color: #666; font-size: 1.2em; line-height: 120%; }
body#homePage #column01 p { line-height: 145%; }

body#programPage h1 { display: none; }
body#practicalPage h1 { display: none; }

/* sessions */
.session { padding: 0 0 1.3em 90px; position: relative; }
.nl #session01 { background: url(/img/general/nl/date-session-01.gif) no-repeat; }
.nl #session02 { background: url(/img/general/nl/date-session-02.gif) no-repeat; }
.nl #session03 { background: url(/img/general/nl/date-session-03.gif) no-repeat; }
.nl #session04 { background: url(/img/general/nl/date-session-04.gif) no-repeat; }
.nl #session05 { background: url(/img/general/nl/date-session-05.gif) no-repeat; }
.nl #session06 { background: url(/img/general/nl/date-session-06.gif) no-repeat; }
.nl #session07 { background: url(/img/general/nl/date-session-07.gif) no-repeat; }
.fr #session01 { background: url(/img/general/fr/date-session-01.gif) no-repeat; }
.fr #session02 { background: url(/img/general/fr/date-session-02.gif) no-repeat; }
.fr #session03 { background: url(/img/general/fr/date-session-03.gif) no-repeat; }
.fr #session04 { background: url(/img/general/fr/date-session-04.gif) no-repeat; }
.fr #session05 { background: url(/img/general/fr/date-session-05.gif) no-repeat; }
.fr #session06 { background: url(/img/general/fr/date-session-06.gif) no-repeat; }
.fr #session07 { background: url(/img/general/fr/date-session-07.gif) no-repeat; }

.session a.topLink {
	background: url(/img/general/arrow-top.gif) left center no-repeat;
	color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: normal;
	padding-left: 9px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: -2px;
}

.session h2 { line-height: normal; margin: 0; }
.session h2 span {
	color: #ff010b;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0.4em 0 0;
	text-transform: uppercase;
}

.session .date { display: none; }
.session .speaker { color: #699; font-size: 1.4em; line-height: 100%; margin: 0 0 1.1em; }
.session p { line-height: 120%; }

.moreInfo, .lessInfo { border-bottom: 1px solid #e9e9e9; }
.moreInfo span, .lessInfo span { height: 11px; float: right; margin: 0 0 6px; cursor: pointer; }
.nl .moreInfo span { background: url(/img/buttons/nl/btn-more-info.gif) no-repeat; width: 103px; }
.fr .moreInfo span { background: url(/img/buttons/fr/btn-more-info.gif) no-repeat; width: 120px; }
.nl .lessInfo span { background: url(/img/buttons/nl/btn-less-info.gif) no-repeat; width: 118px; }
.fr .lessInfo span { background: url(/img/buttons/fr/btn-less-info.gif) no-repeat; width: 83px; }

.session h3 { color: #333; font-size: 14px; font-weight: bold; margin: 0 0 0.6em; }

.session ul { list-style: none; margin: 0 0 2em; }
.session li { background: url(/img/general/arrow-list-item-program.gif) left 8px no-repeat; margin-bottom: 0.3em; padding-left: 10px; }
.session ul ul { margin: 0; }
.session ul ul li { background: url(/img/general/arrow-list-item-program-sub.gif) left 9px no-repeat; margin: 0; padding-left: 11px; }


/* practical page */
body#practicalPage #column01 h2 {
	color: #ff010b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
}
.time { font-weight: bold; }


/* MGM page */
#mgmForm { width: 85%; }
#mgmForm label { float: left; padding-right: 10px; text-align: right; width: 6em; }
#mgmForm input, #mgmForm span { float: left; }
#mgmForm p { clear: left; margin-bottom: 0.8em; }
#mgmForm p.instruction,
#mgmForm p#submitBtnHolder { border-top: 1px solid #D4E7E4; font-weight: bold; margin: 2em 0 1em; padding-top: 5px; }
#mgmForm .btnAddFriend { margin: 0.8em 0 0 7.1em; }
#mgmForm p#submitBtnHolder { margin-top: 4em; text-align: right; }
#mgmForm p#submitBtnHolder input { float: none; }



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

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



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

.nl #btnSubscribe { background: url(/img/buttons/nl/btn-subscribe.gif) no-repeat; height: 11px; width: 123px; }
.fr #btnSubscribe { background: url(/img/buttons/fr/btn-subscribe.gif) no-repeat; height: 11px; width: 141px; }
.nl #btnSubscribeCoworker { background: url(/img/buttons/nl/btn-subscribe-coworker.gif) no-repeat; height: 11px; width: 216px; }
.fr #btnSubscribeCoworker { background: url(/img/buttons/fr/btn-subscribe-coworker.gif) no-repeat; height: 24px; width: 147px; }

/* colofon */
#colofon { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.6em; font-weight: bold; margin-top: 7em; }
#colofon ul { list-style: none; margin: 0; }
#colofon li { float: left; }
#colofon a { display: block; height: 65px; outline: none; text-indent: -9999px; }
#colofon a#acc { background: url(/img/general/logo-acc.gif) no-repeat; margin-left: 15px; width: 36px; }
#colofon a#febelmag { background: url(/img/general/logo-febelmag.gif) no-repeat; margin-left: 25px; width: 94px; }


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

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



/* -------------------------------------------------------------------------------------  8. Miscellaneous ---------------------------------------- */

tr.even { background: #ECF5F5; }