/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - grid
---------------------------------------------------------------*/

/************************************
* page scrolling behaviour
*************************************/

/* when in standards mode, use styles below */

html
{
	overflow:scroll;		
	overflow-x:auto;
}
body
{
	overflow:hidden;
}

/* when in quirksmode, use styles below */

/*
html
{
	overflow:hidden;
}
body
{
	overflow:scroll;		
	overflow-x:auto;
}
*/

html,
body
{
}
div
{
}

/************************************
* typolight default structure
*************************************/

/* page wrapper */
#wrapper
{
}
/* header */
#header
{
}

#header #logo
{
	position:absolute;
	top:0px;
	left:28px;
	z-index:10;
}
#header #visual
{
	position:absolute;
	top:78px;
	left:0px;
	z-index:1;
}


/* main content */
#container
{
}
body.home #container
{
	margin-bottom:52px;
}
/* main content left column */
#container #left
{
}
#container #left .inside
{
	padding-top:2.9em;
	padding-right:38px;
}

/* main content right column */
#container #right
{
}
#container #right .inside
{
	padding-top:2.9em;
}
/* main content main column */
#container #main
{
}
#container #main .inside
{
	width:490px;
}
body.home #container #main .inside,
body.onze_mensen #container #main .inside
{
	width:auto;
}

/* footer */
#footer
{

}
#footer .inside
{
	font-size:10px;
	text-align:center;
}
#footer .inside a:link,
#footer .inside a:visited,
#footer .inside a:active,
#footer .inside a:hover
{
	color:#000000;
	text-decoration:underline;
}

body.home #footer .inside,
body.home #footer .inside a
{
	color:#7f7f7f;
}

/* custom sections */

body.home .custom
{
	height:242px;
	overflow:hidden;
	margin-bottom:1.5em;	
}
body.home .custom #col1,
body.home .custom #col2
{
	float:left;
}
body.home .custom #col1
{
	margin-right:25px;
	width:280px;
	margin-left:30px;
}
body.home .custom #col2
{
	width:590px;
}


/***************************************************
* landingspage
****************************************************/

body.landingspage #header
{
	z-index:10;
	position:relative;
}
body.landingspage #container #left
{
	z-index:1;
}
body.landingspage #container #left .inside
{
	height:554px;
	padding:0px;
	width:auto;
}
body.landingspage #container #main
{
	z-index:2;
}
body.landingspage #container #main .inside
{
	height:426px;
	background:url(../images/landingspage_content_bg.gif) no-repeat top left;	
	padding-top:82px;
	padding-left:22px;
	padding-right:34px;
	padding-bottom:46px;
	overflow:hidden;
	width:auto;
}