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

	Boondoggle - Hans Dreesen
	Born On Cloud9
	
	1. Structure
	2. Container
	3. Header
	4. Navigation
	5. Column01
	6. Column02
	7. Column03
	8. Footer
	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: #FFF; }
#wrapper	{ background: #bfbfbf; border: 12px solid #FFF; padding-bottom: 30px; }
#container	{ margin: 0 auto; width: 610px; }

#header		{  }
#navigation	{  }
#content	{ background: #FFF url(/img/css_backgrounds/bg-faux-columns.gif) center top repeat-y; margin-bottom: 30px; }
#column01,
#column02	{ width: 300px; }
#column01	{ float: left; }
#column02	{ float: right; }
#column03	{  }
#footer		{  }

#column01 p,
#column02 p,
#column01 h2,
#column02 h2 { padding: 0 9px; }

#column01 .imgHolder,
#column02 .imgHolder { padding: 0; }

.onlyImages { background: #bfbfbf; }
.onlyImages .imgHolder	{ margin-bottom: 10px; }

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 25px; padding-top: 0; }
.last,
.onlyImages .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;}


/* -------------------------------------------------------------------------------------  2. Container -------------------------------------------- */

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


/* -------------------------------------------------------------------------------------  3. Header ----------------------------------------------- */

/* back link */
#backLink,
#backLink:link,
#backLink:active,
#backLink:visited {
	background: #aeadad url(/img/css_backgrounds/arrow-back-link.gif) left center no-repeat;
	color: #4e4d4d;
	display: block;
	font-weight: bold;
	padding: 1px 0 1px 28px;
	text-decoration: none;
	text-transform: uppercase;
}

#backLink:hover { background: #c7c5c5 url(/img/css_backgrounds/arrow-back-link-hover.gif) left center no-repeat; }


/* client name */
#clientName { color: #4e4d4d; font-size: 0.9em; font-weight: bold; margin-bottom: 10px; padding: 1.5em 0 0 6px; text-transform: uppercase; }

/* page title */
h1 { background: #FFF; color: #ff0064; display: inline; /*float: left;*/ line-height: 1.25em; font-size: 2.9em; font-weight: bold; padding-right: 7px; text-transform: uppercase; }

/* header image */
#headerImg		{ clear: left; margin: 14px 0 0 0; }
#headerImg img	{ display: block; margin-bottom: 10px; }


/* -------------------------------------------------------------------------------------  4. Navigation ------------------------------------------- */

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



/* -------------------------------------------------------------------------------------  5. Column01 --------------------------------------------- */
/* page title sub / slogan - onder headerImg boven action links in col01*/
#column01 p#subTtl { background: #bfbfbf; padding: 0 0 10px; margin-bottom:0;}
#column01 p#subTtl span {
	line-height: 1.35em;
	font-size: 13px;
	background: #FF0064;
	color: #FFF;
	display: inline;
	font-weight: bold;
	padding-right: 7px;
	text-transform: uppercase;
}
#column01 p#SubTtlAfter { background: #bfbfbf; height:10px; margin:0; padding:0;}


/* action links */
#column01 #actionLinks		{ border-bottom: 9px solid #bfbfbf; margin: 0 0 0 -27px; padding: 0;}
#column01 #actionLinks br	{ display: none; }
#column01 #actionLinks a,
#column01 #actionLinks a:link,
#column01 #actionLinks a:active,
#column01 #actionLinks a:visited,
#column01 #actionLinks .fakeActionLink {	
	background: #1b1a1a url(/img/css_backgrounds/arrow-action-link-website.gif) top left no-repeat; /* default is website link (cursor icon) */
	border-bottom: 1px solid #bfbfbf;
	color: #FFF;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	height: 19px;
	padding: 7px 0px 1px 35px;
	margin: 0px 0 0px 0;
	text-decoration: none;
}
#column01 #actionLinks .fakeActionLink.print { background-image: url(/img/css_backgrounds/arrow-action-link-print.gif);}
#column01 #actionLinks a:hover,
#column01 #actionLinks .fakeActionLink:hover { background-color: #363333; background-image: url(/img/css_backgrounds/arrow-action-link-website-hover.gif); }

#column01 #actionLinks .movie,
#column01 #actionLinks .movie:link,
#column01 #actionLinks .movie:active,
#column01 #actionLinks .movie:visited	{ background-image: url(/img/css_backgrounds/arrow-action-link-movie.gif); }
#column01 #actionLinks .movie:hover		{ background-image: url(/img/css_backgrounds/arrow-action-link-movie-hover.gif); }

#column01 #actionLinks .radio,
#column01 #actionLinks .radio:link,
#column01 #actionLinks .radio:active,
#column01 #actionLinks .radio:visited	{ background-image: url(/img/css_backgrounds/arrow-action-link-radio.gif); }
#column01 #actionLinks .radio:hover	{ background-image: url(/img/css_backgrounds/arrow-action-link-radio-hover.gif); }

#column01 #actionLinks .print,
#column01 #actionLinks .print:link,
#column01 #actionLinks .print:active,
#column01 #actionLinks .print:visited	{ background-image: url(/img/css_backgrounds/arrow-action-link-print.gif); }
#column01 #actionLinks .print:hover		{ background-image: url(/img/css_backgrounds/arrow-action-link-print-hover.gif); }

#column01 #actionLinks .fakeActionLink { position: relative; }
#column01 #actionLinks .fakeActionLink a,
#column01 #actionLinks .fakeActionLink a:link,
#column01 #actionLinks .fakeActionLink a:active,
#column01 #actionLinks .fakeActionLink a:visited {
	background: #4e4d4d;
	border: none;
	display: inline;
	font-size: 1em;
	height: 19px;
	padding: 6px 4px 2px 4px;
	/*position: relative;/* Hack by Bart P */
	/*right: 0;*//* Hack by Bart P */
	text-align: center;
	/*top: 0;/* Hack by Bart P */
	width: 18px;
	float: right;
	margin-top: -7px;
	margin-left: 1px;
	margin-bottom: 0px;
}
/* NEW ACTION LINKS (by Hans D., 02/2012) */
#column01 ul#actionLinks { list-style: none;}
#column01 ul#actionLinks li { margin: 0;}
#column01 ul#actionLinks .fakeActionLink span { float: left;}
#column01 ul#actionLinks .fakeActionLink .smallLinksHolder { float: right; list-style: none; margin: 0;}
#column01 ul#actionLinks .fakeActionLink .smallLinksHolder li { float: left; margin: 0;}
#column01 ul#actionLinks .fakeActionLink .smallLinksHolder a { display: block; float: none;}

#column01 #actionLinks .newCat {
	border-top: 11px solid #bfbfbf;
}

/* Hack by Bart P */
/*#column01 #actionLinks .fakeActionLink a.second { right: 28px; }
#column01 #actionLinks .fakeActionLink a.third { right: 56px; }
#column01 #actionLinks .fakeActionLink a.fourth { right: 84px; }
#column01 #actionLinks .fakeActionLink a.fifth { right: 112px; }
#column01 #actionLinks .fakeActionLink a.sixth { right: 140px; }*/
#column01 #actionLinks .fakeActionLink a:hover { background: #666; }

#column01 #actionLinks .fakeActionLink .extraInfo { color: #999; }

#column01 #actionLinks a.multiline { padding-bottom: 2px; padding-top: 1px; }



/* -------------------------------------------------------------------------------------  6. Column02 --------------------------------------------- */

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



/* -------------------------------------------------------------------------------------  7. Column03 --------------------------------------------- */

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



/* -------------------------------------------------------------------------------------  8. Footer ----------------------------------------------- */

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



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

img { display: block; }

.youTubeChannelNL,
.youTubeChannelFR { background: #f5f5f5; }

.youTubeChannelNL #wrapper,
.youTubeChannelFR #wrapper	{
	border: none;
	height: 1477px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 875px;
}
.youTubeChannelNL #wrapper	{ background: #f5f5f5 url(/img/css_backgrounds/Volvo/youtube-channel-NL.jpg) no-repeat; }
.youTubeChannelFR #wrapper	{ background: #f5f5f5 url(/img/css_backgrounds/Volvo/youtube-channel-FR.jpg) no-repeat; }

.youTubeChannelNL #player,
.youTubeChannelFR #player 	{ height: 385px; left: 355px; position: absolute; top: 101px; width: 480px; z-index: 0; }

.youTubeChannelNL #linksModelPages a,
.youTubeChannelFR #linksModelPages a		{ display: block; height: 100px; outline: none; position: absolute; text-indent: -9999px; width: 137px; }

.youTubeChannelNL #linksModelPages #V70		{ left: 343px; top: 635px; }
.youTubeChannelNL #linksModelPages #XC90	{ left: 524px; top: 635px; }
.youTubeChannelNL #linksModelPages #XC70	{ left: 705px; top: 635px; }
.youTubeChannelNL #linksModelPages #XC60	{ left: 343px; top: 801px; }
.youTubeChannelNL #linksModelPages #V50		{ left: 524px; top: 801px; }
.youTubeChannelNL #linksModelPages #S80		{ left: 705px; top: 801px; }
.youTubeChannelNL #linksModelPages #S60		{ left: 343px; top: 967px; }
.youTubeChannelNL #linksModelPages #S40		{ left: 524px; top: 967px; }
.youTubeChannelNL #linksModelPages #C70		{ left: 705px; top: 967px; }

.youTubeChannelFR #linksModelPages #XC90	{ left: 343px; top: 635px; }
.youTubeChannelFR #linksModelPages #XC70	{ left: 524px; top: 635px; }
.youTubeChannelFR #linksModelPages #XC60	{ left: 705px; top: 635px; }
.youTubeChannelFR #linksModelPages #S80		{ left: 343px; top: 801px; }
.youTubeChannelFR #linksModelPages #V50		{ left: 524px; top: 801px; }
.youTubeChannelFR #linksModelPages #S60		{ left: 705px; top: 801px; }
.youTubeChannelFR #linksModelPages #S40		{ left: 343px; top: 967px; }
.youTubeChannelFR #linksModelPages #C70		{ left: 524px; top: 967px; }
.youTubeChannelFR #linksModelPages #C30		{ left: 705px; top: 967px; }

.youTubePage			{ background: #FFF; }
.youTubePage #wrapper	{
	background: none;
	border: none;
	height: 1295px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 875px;
}
.youTubePage #player 	{ height: 385px; left: 0; position: absolute; top: 157px; width: 480px; }
.youTubePage #backToChannelNL,
.youTubePage #backToChannelFR	{ display: block; height: 15px; left: 613px; outline: none; position: absolute; text-indent: -9999px; top: 163px; }
.youTubePage #backToChannelNL	{ width: 117px; }
.youTubePage #backToChannelFR	{ width: 132px; }

.V70-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-v70-NL.jpg) no-repeat; }
.XC90-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-xc90-NL.jpg) no-repeat; }
.XC70-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-xc70-NL.jpg) no-repeat; }
.XC60-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-xc60-NL.jpg) no-repeat; }
.V50-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-v50-NL.jpg) no-repeat; }
.S80-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-s80-NL.jpg) no-repeat; }
.S60-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-s60-NL.jpg) no-repeat; }
.S40-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-s40-NL.jpg) no-repeat; }
.C70-NL #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-c70-NL.jpg) no-repeat; }

.C30-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-c30-FR.jpg) no-repeat; }
.XC90-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-xc90-FR.jpg) no-repeat; }
.XC70-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-xc70-FR.jpg) no-repeat; }
.XC60-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-xc60-FR.jpg) no-repeat; }
.V50-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-v50-FR.jpg) no-repeat; }
.S80-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-s80-FR.jpg) no-repeat; }
.S60-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-s60-FR.jpg) no-repeat; }
.S40-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-s40-FR.jpg) no-repeat; }
.C70-FR #wrapper	{ background: url(/img/css_backgrounds/Volvo/youtube-c70-FR.jpg) no-repeat; }