/*
| -------------------------------------------------------------------
| FILENAME:			dy.home.css
| DESCRIPTION:		Addition to Default Style Sheet
| CREATED:			01/01/2008
| INITIAL AUTHOR:	Ronald ter Neuzen, Elma Smit, Martijn ter Hellen
| UPDATED BY:		Ronald ter Neuzen, 05/02/2010
| 
| Copyright (c) 2010 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| Basic colors used for website:
| orange: rgb(234,118,4)
| dark-blue: rgb(0,46,94)
| light-gray: rgb(230,230,230)
|
| text grey: rgb(104,116,121)
| text light-grey: rgb(176,187,196)
| -------------------------------------------------------------------
*/

/*
| -------------------------------------------------------------------
| share socialmedia
| -------------------------------------------------------------------
*/

#page.homepage #share-bar
{
	display:none;
}

/*
	header
*/

#page.homepage #header
{
	/*position:relative;*/
}

#page.homepage #header #twitter
{
	position:absolute;
	right:-39px;
	top:304px;
}

#page.homepage #header #facebook
{
	position:absolute;
	right:-39px;
	top:474px;
}


#page.homepage img#mainvisualpayoff
{
	position:absolute;
	right:25px;
	top:148px;
	z-index:4;
	
	display:none; /* sure ? */
}

#page.homepage #main #pagecontent
{
	padding: 20px;
	width: 860px;
	padding-bottom:0;
}

#page.homepage.ie7 #main #pagecontent
{
	padding-bottom:20px;
}

/* gaat ooit eens werken in IE... */
/*
#page.homepage #main #pagecontent div.folder:not(:nth-of-type(2))
{
	display:none;
}
*/

#page.homepage #main #pagecontent .block
{
	padding: 0px;
	margin: 0 20px 20px 0;
	height: 184px;
	width: 200px;
	overflow: hidden;
	display: block;
	position: relative;
	float: left;
	clear: none;
	background-color: rgb(230,230,230);
}

#page.homepage #main #pagecontent #modules.block.wide
{
	width:420px;
	overflow: visible;
}

#page.homepage #main #pagecontent #modules.block.wide p
{
	display:none;
}

#page.homepage #main #pagecontent #modules.block.wide p.intro
{
	height:195px;
	display:block;
	overflow: auto;
}

/* men o men wat een ellende */
#page.homepage #main #pagecontent div.folder,
#page.homepage #main #pagecontent div.folder.banner
{
	background-color: rgb(230, 230, 230);
	clear: none;
	display: block;
	height: 184px;
	margin: 0px 20px 20px 0px;
	overflow: auto;
	padding: 0px;
	width: 182px;
	position:absolute;
	padding-left:9px;
	padding-right:9px;
}
#page.homepage #main #pagecontent div.folder.banner
{
	right:-240px;
	top:54px;
	z-index:2;
}
/* men o men o men */
#page.homepage #main #pagecontent div.folder
{
	right:-240px;
	top:258px;
	z-index:4;
}
#page.homepage #main #pagecontent div.folder.alt
{
	right:-240px;
	top:54px;
	z-index:3;
}


#page.homepage.ie7 #main #pagecontent #specials
{
	height:0px;
}

#page.homepage #main #pagecontent div.folder h4,
#page.homepage #main #pagecontent div.folder.banner h1
{
	background-color: rgb(0, 46, 94);
	color: white;
	font-size: 14px;
	line-height: 16px;
	margin: 0px -9px 0 -9px;
	padding: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	background-image: none;
}

#page.homepage #main #pagecontent #modules.block.wide div.folder
{
	font-size: 12px;
	line-height: 130%;
}
#page.homepage #main #pagecontent #modules.block.wide div.folder p,
#page.homepage #main #pagecontent div.folder p
{
	height:auto;
	font-size: 12px;
	line-height: 130%;
}

#page.homepage #main #pagecontent #modules.block.wide div.folder p
{
	display:block;
}

#page.homepage #main #pagecontent #modules.block.wide div.folder p.intro
{
	padding:0px 0 8px 0;
}

#page.homepage #main #pagecontent #modules.block.wide div.folder hr
{
	background-color: rgb(174, 155, 118);
	color: rgb(174, 155, 118);
	height: 1px;
	display: block;
	position: relative;
	width:100%;
	text-align: left;
	margin-top:4px;	
	margin-bottom:4px;	
}



#page.homepage #main #pagecontent .block.right
{
	margin-right:0px;
}