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

	layout stylesheet  /  www.gigantpodia.nl
	
	development by

	tableaux
	www.tableaux.nl
	
	january 2008

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


/* ------------------------------------------------------------- body */

html{
	height:100%;
}

body {
	margin:0 auto;
	text-align:center;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color: #f3f3f3;
}
body#grey {
	margin:0 auto;
	text-align:center;
	background-image:url(../images/backgroundTeam.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color: #f3f3f3;	
}
	
/* ------------------------------------------------------------- header */
div#headerContainer{
	position:relative;
	margin:0 auto;
	height:247px;
	width: 100%;
	background-image:url(../images/bg_kop.jpg);
	background-position: center;
	}
div#headerContent{
	position:relative;
	width:900px;
	height:227px;
	margin: 0px auto;
	background-color:#FFFFFF;
	top:0px;
	}
div#shadowTop{
	position:relative;
	width:900px;
	height:15px;
	top:0px;
	margin:0 auto;
	background-image: url(../images/schaduwboven.jpg);
	}
div#header{
	position:relative;
	float:left;
	width:900px;
	height:156px;
	margin:0 auto;	
	}
div#logo{
	width:299px;
	height:156px;
	float:left;
	position:relative;
	background-image: url(../images/logo.jpg);
	}
div#banner{
	position:relative;
	float:left;
	width:600px;	
	margin-left: 1px;
	height:156px;
	background-image: url(../images/banner.jpg);
	}
div#headerNavigation{
	position:relative;
	float:left;
	width:900px;	
	height:75px;
	overflow:hidden;
	}
div#agp{
	position:relative;
	float:left;
	margin-left:40px;
	margin-top:0px;
	width:46px;
	height:38px;
}			
	
/* ------------------------------------------------------------- center */
div#centerContainer{
	position:relative;
	height:auto;
	margin: 0px auto;
	width:910px;
	min-height:832px;
	margin-top:0px;
	text-align: left;
	}

/* ------------------------------------------------------------- content */	
div#contentContainer{
	position:relative;
	float:left;
	width:600px;
	min-height:832px;
	margin-left:1px;
	margin-top:0px;
	}
div#content{
	position:relative;
	float:left;
	text-align:left;
	left:24px;
	top:36px;
	*top:44px;
	width:575px;
	}

/* ------------------------------------------------------------- menu */	
div#subNavigationContainer{
	position:relative;
	float:left;
	width:304px;
	left:5px;
	background: url(../images/bg_menusub.jpg);
	margin-top:0px;
	background-repeat:no-repeat;
	}

/* ------------------------------------------------------------- producten */	
div#productNavigation{
	position:relative;
	float:left;
	width:270px;
	left:24px;
	top:36px;
	*top:44px;
	}
div#productDetail{
	position:relative;
	float:left;
	width:301px;
	left:29px;
	margin-top:0px;
	overflow:hidden;
	display:table;
	}

/* ------------------------------------------------------------- team */	
div#teamNavigation{
	position:relative;
	float:left;
	width:270px;
	left:24px;
	top:34px;
	*top:42px;
	}
div#teamDetail{
	position:relative;
	float:left;
	width:301px;
	left:29px;
	margin-top:0px;
	overflow:hidden;
	display:table;
	}
.pasfototd { 
	height:85px;
	width:80px;
	text-align:center;
	}
.pasfoto { 
	cursor:hand;
	width:80px;
	height:60px;
	border:1px solid #dddddd;
	}
.pasfotoActive { 
	cursor:hand;
	width:80px;
	height:60px;
	border:1px solid orange;
	}
	
	
	
div#blok{

	width: 538px;
	height: 125px;
	background-color: #eceded;
	
}

div#fotototaal {

	position:relative;
	width:275px;
	height:242px;
	float:left;
	margin-left:130px;
	margin-top:0px;

}