/* GENERAL SETTINGS */
html, body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	background-color: #f5f5f5;
	color: #555555;
	text-decoration: none;
}
img {
    border:0px;
}
a{
	font-family: verdana, helvetica, arial;
	font-size: 10px;
/*	color: #555555;*/
	color: green;
	text-decoration: none;
	border: 0px;
}
hr {
	height: 0;
	border: 0;
	width: 100%;
	border-top: 1px solid #b5b7b4;
}
#wrapper{
	margin: 0px auto; 
	padding: 0px 0px 0px 0px;
	width: 1000px;
/*	background-color: #b5b7b4;*/
}
#topLeft{
	float: left;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 120px;
	height: 113px;
	background-image: url(/phew/customer/layout/links-120x10.jpg);
	background-repeat: repeat-y;
}
#topCenter{
	float: left;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 756px;
	height: 113px;
	background-image: url(/phew/customer/layout/topbeeldfinal.jpg);
	background-repeat: no-repeat;
/*	background-position: top;*/
	overflow: hidden;
}
#topCenter a{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


#topRight{
	float: left;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 120px;
	height: 113px;
	background-image: url(/phew/customer/layout/rechts-120x10.jpg);
	background-repeat: repeat-y;
}
/*
#contentLeft{
	float: left;
	margin: 0px auto;
	width: 120px;
	background-color: #f5f5f5;
}
*/
#contentCenter{
	float: left;		
	margin: 0px auto;
	width: 1000px;
	text-align: center;
	background-color: #f5f5f5;
}
/*
#contentRight{
	float: left;
	margin: 0px auto;
	width: 120px;
	background-color: #f5f5f5;
}
*/
#menuLeft{
	float: left;		
	width: 120px;
	height: 51px;
	background-image: url(/phew/customer/layout/links-120x10.jpg);
	background-repeat: repeat-y;					 
}
#menuCenter{
	float: left;		
	width: 756px;
	height: 51px;
	background-color: #00f;
}
#menuRight{
	float: left;		
	width: 120px;
	height: 51px;
	background-image: url(/phew/customer/layout/rechts-120x10.jpg);
	background-repeat: repeat-y;   
}
#navigation {
	width: 1000px;
	background-color: #f5f5f5;
}
#navigationLeft{
	float: left;
	width: 120px;
	height:360px;
	background-image: url(/phew/customer/layout/links-120x10.jpg);
	background-repeat: repeat-y;			
}
#navigationCenter{
	float: left;
	width: 756px;
	height:360px;
	background-image: url(/phew/customer/layout/navrandverloopje.jpg);
	background-repeat: no-repeat;
	background-color: #ffffff;
	overflow: hidden;	
}
#navigationRight{
	float: left;
	width: 120px;
	height:360px;
	background-image: url(/phew/customer/layout/rechts-120x10.jpg);
	background-repeat: repeat-y;
}
#bottom{
/*	background-color: red;*/
	float: left;
	width: 1000px;
	height: 18px;
/*	background-color: red;*/
	background-image: url(/phew/customer/layout/btm.jpg);
}
#mailto{
	margin: 85px 0px 0px 634px;
	color: #000000;
}
#mailto a{
color:#000000;
}
#mailto a:hover{
color: green;
}





/********/
/* MENU */
/********/
.menuContainer{
	width: 756px;
/*	height: 27px;*/
/*	background-color: #CCEE77;*/
	background-color: #ffffff;
}
.Menu_Home_Active a{
	display: block;
	float: left;
	width: 68px;
	height: 27px;
	background-image: url(/phew/customer/layout/home_inactive.jpg);
}
.Menu_Home a{
	display: block;
	float: left;
	width: 68px;
	height: 27px;
	background: #fff url(/phew/customer/layout/home_inactive_hoover.jpg) 0 0 no-repeat;	
/*	background-image: url(/phew/customer/layout/home_inactive.jpg);*/
}
.Menu_Home a:hover{
	background: #fff url(/phew/customer/layout/home_inactive_hoover.jpg) -68px 0;
/*	background-image: url(/phew/customer/layout/home_over.jpg);	*/
}

.Menu_Work_Active a{
	display: block;
	float: left;
	width: 172px;
	height: 27px;
	background-image: url(/phew/customer/layout/work_active.jpg);	
}
.Menu_Work a{
	display:block;
	float:left;
	width:172px;
	height:27px;
	background: #fff url(/phew/customer/layout/work_inactive_hoover.jpg) 0 0 no-repeat;
}
.Menu_Work a:hover{
	background: #fff url(/phew/customer/layout/work_inactive_hoover.jpg) -172px 0;
}

.Menu_About_Active a{
	display:block;
	float:left;
	width: 171px;
	height: 27px;
	background-image: url(/phew/customer/layout/about_active.jpg);	
}
.Menu_About a{
	display:block;
	float:left;
	width:171px;
	height:27px;
	background: #fff url(/phew/customer/layout/about_inactive_hoover.jpg) 0 0 no-repeat;
}
.Menu_About a:hover{
	background: #fff url(/phew/customer/layout/about_inactive_hoover.jpg) -171px 0;
}

.Menu_Media_Active a{
	display:block;
	float:left;
	width: 172px;
	height: 27px;
	background-image: url(/phew/customer/layout/media_active.jpg);	
}
.Menu_Media a{
	display:block;
	float:left;
	width: 172px;
	height: 27px;
	background: #fff url(/phew/customer/layout/media_inactive_hoover.jpg) 0 0 no-repeat;	
/*	background-image: url(/phew/customer/layout/media_inactive.jpg);*/
}
.Menu_Media a:hover{
	background: #fff url(/phew/customer/layout/media_inactive_hoover.jpg) -172px 0;
/*	background-image: url(/phew/customer/layout/media_over.jpg);	*/
}

.Menu_Search_Active a{
	display:block;
	float:left;
	width: 173px;
	height: 27px;
	background-image: url(/phew/customer/layout/search_active.jpg);	
}
.Menu_Search a{
	display:block;
	float:left;	
	width: 173px;
	height: 27px;
	background: #fff url(/phew/customer/layout/search_inactive_hoover.jpg) 0 0 no-repeat;	
/*	background-image: url(/phew/customer/layout/search_inactive.jpg);*/
}
.Menu_Search a:hover{
	background: #fff url(/phew/customer/layout/search_inactive_hoover.jpg) -173px 0;
/*	background-image: url(/phew/customer/layout/search_over.jpg);	*/
}
.submenuContainer{
	width: 750px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	height: 18px;
	background-image: url(/phew/customer/layout/subnavverloopje.jpg);
	overflow: hidden;
	clear: both;
}
.subMenu a{
	color: black;
	float:left;
	margin-left: 12px;
	width: 100px;
}
.subMenu a:hover{
	color: green;
	text-decoration: none;
}
input {
/*
	font-family: verdana, helvetica, arial;
*/
	font-size: 10px;
	margin-left: 12px;
	width: 150px;
	height: 11px;	
}
.subMenuSearch a{
	margin-left: 12px;
}




/****************/
/* CONTENT PANE */
/****************/
/* PORTFOLIO CONTENT PANE */
.portfolioArticle{
	width: 1000px;
	float: left;			
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
	border: 0px;	
}
.portfolioArticle hr{
	width: 756px;
}
.portfolioArticle a{
	font-weight: bold;
	font-size: 10px;
	color: #555555;
	text-decoration: none;
}
.portfolioArticleTitle{
	font-weight: bold;
	font-size: 12px;
	color: black;
}
.portfolioArticleConstituent{
	font-weight: bold;
	font-size: 12px;
	color: black;
}
.portfolioArticleLeft{
	padding-left: 120px;
	width: 378px;
	float: left;			
	text-align: left;
	margin: 0px auto;
}
.portfolioArticleRight{
	padding-right: 120px;
	width: 378px;
	float: left;			
	text-align: left;
	margin: 0px auto;
}
.portfolioArticleRight a{
	color: green;
	font-weight: normal;
}
.portfolioNavigationSelected{
	font-weight: bold;
	color: green;	
	text-decoration: none;
}





/* NEWS ARTICLES */
.newsLeft{
	margin-top: 6px;
	margin-bottom: 6px;	
	margin-right: 6px;		
	padding: 0px;		
	float: left;
	width: 240px;
	height: 326px;
	text-align: left;
	background-image: url(/phew/customer/layout/gradient-boven.jpg);
	background-repeat: repeat-x;	
	overflow:auto;
}
.newsLeftTitle{
	margin: 6px;	
	height: 27px;
	font-size: 10px;
	margin-left: 10px;	
	color: #555555;
}
.newsLeftArticle{
	width: 200px;
/*	float: left;*/
	color: black;
	margin-left: 10px;
	text-decoration: none;
/*	border: 1px solid #e5e5e5;
	background-color: red;*/
}
.newsLeftArticleTitle{
	font-weight: bold;
	font-size: 12px;
}
.newsLeftArticleNews{
	font-size: 10px;
	color: #555555;
}
.newsLeftArticleLink a{
	font-weight: bold;
	font-size: 10px;
	color: #555555;
	text-decoration: underline;		
}
.newsLeftArticleDate{
	font-weight: bold;
	font-size: 10px;
	color: #555555;
}



/* BIO ARTICLES */
.bioArticleSummary{
/* 	756	*/
	width: 362px;
	float: left;
	color: black;
	padding: 6px 4px 6px 8px;
	margin: 0;
	text-decoration: none;
}
.bioArticleSummary img{
}
.bioArticleSummaryName{
	color: black;
	font-weight: bold;
}
.bioArticleSummaryDescription{
	color: #5f5f5f;	
}
.bioArticleSummaryName a{
	color: black;
	font-weight: bold;
}
.bioArticleSummaryDescription a{
	color: #5f5f5f;
}





/* CLIENTS ARTICLES */
.clientsArticle{
	width: 358px;
	float: left;
	color: black;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
/*	text-align:justify;*/
}
.clientsArticleName{
	color: black;
	font-weight: bold;
}
.clientsArticleDescription{
	color: #5f5f5f;
}
.clientsArticleLink{
/*
	color: #5f5f5f;
	text-decoration: underline;
*/
	color: green;
	text-decoration: none;	
}





/* CONTACT ARTICLES */
.contactArticle{
	width: 740px;
	color: #5f5f5f;
	margin: 6px 10px 6px 10px;
	text-decoration: none;
/*	text-align:justify;*/
}
.clientsArticleDescription{
	color: #5f5f5f;
}




/* SPOTLIGHT CONTENT PANE */
.spotlightArticleContainer{
	width: 756px;
}
.spotlightArticleContainer img{
	margin: 6px;
	height: 238px;
}

.spotlightLeft{
	margin: 6px;	
	float: left;
	width: 226px;
	height: 260px;
	text-align: left;
	background-image: url(/phew/customer/layout/gradient-boven.jpg);
	background-repeat: repeat-x;	
	overflow:auto;	
}
.spotlightLeftTitle{
	margin: 6px;	
	height: 27px;
	font-size: 10px;
/*	font-weight: bold;*/
	color: #555555;
}
.spotlightLeftDescription{
	margin: 6px;
}
/*
.spotlightLeftDescription a{
	color: green;
	font-weight: bold;	
}
*/
.spotlightRight{
	float: right;
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 0;
	width: 500px;
	height: 326px;
/*	background-color: #f5f5f5;*/
	background-color: #aaaaaa;
	text-align: left;
	background-image: url(/phew/customer/layout/spotlight_top.jpg);	
	background-repeat: repeat-x;
	overflow: hidden;
}
.spotlightTitleContainer{
/*	background-color: red;*/
	margin: 6px;
	height: 24px;
}
.spotlightSubTitle{
	float: left;
	font-size: 10px;
	color: #333333;
/*
	height: 36px;
	width: 100px;
*/
}
.spotlightTitle{
	margin: 0 0 0 100px;
	font-size: 10px;
	color: #333333;
	height: 12px;
}
.spotlightTitleConstituent{
	margin: 0 0 0 100px;
	font-size: 10px;
	color: #333333;
	height: 12px;
}
.spotlightArticleDetails{
	width: 210px;
	float: left;
	height: 238px;
	padding: 6px;
	margin: 6px;
}
.spotlightArticleDetails hr{
	margin-top: 6px;
	height: 0;
	border: 0px;
	width: 100%;
	border-top: 1px solid #333333;
}
.spotlightArticleDetailsStreamer{	
	width: 100%;
	margin-top: 10px;
	font-size: 12px;
	color: #333333;
	font-weight: bold;	
/*	background-color: yellow;	*/
}
.spotlightArticleDetailsStreamerQuoted{
	width: 100%;
	text-align: right;
	font-size: 10px;
	color: #333333;
}
.spotlightArticleDetailsDescription{
	width: 100%;
	font-size: 10px;
	color: #000000;
	margin-top: 20px;
/*	background-color: red;*/
}
.spotlightArticleDetailsDescriptionBottom{
	width: 500px;
	float: left;
	height: 6px;
	padding: 0;
	margin: 0;
	background-image: url(/phew/customer/layout/spotlight_bottom.jpg);
	background-repeat: no-repeat;
	background-color: #f5f5f5;
}
.spotlightPhotoContainer{
	float: left;
	margin: 6px;
	width: 238px;
	overflow: hidden;
	text-align: center;
/*	background-color: black;*/
}
.spotlightNavigation{
	margin-top: 10px;
	font-size: 10px;
	color: #ffffff;
}
.spotlightNavigation a{
	color: #ffffff;
}
.spotlightBottom{
/*	height: 10px;*/
/*	width: 1000px;*/
	float:left;
}







/* MEDIA CONTENT PANE */
.mediaArticleContainer{
	width: 760px;
	margin: 0px;
	padding: 0px;
}
.mediaLeft{
	margin-top: 6px;	
	margin-bottom: 6px;	
	/*margin-left: 6px;	*/
	padding: 0px;
	float: left;
/*	width: 232px;*/
	width: 256px;
	text-align: left;
	background-image: url(/phew/customer/layout/gradient-boven.jpg);
	background-repeat: repeat-x;	
}
.mediaLeftTitle{
	margin: 6px;	
	height: 27px;
	font-size: 10px;
/*	font-weight: bold;*/
	color: #555555;
}
.mediaLeftDescription{
	margin: 6px;
}
.mediaLeftDescription a{
	color: green;
/*	font-weight: bold;	*/
}
.mediaRight{
	float: left;
	/*margin: 6px;	*/
	margin-top: 6px;	
	margin-bottom: 6px;	
	padding: 0px;
	width: 500px;
	background-color: #f5f5f5;
	text-align: left;
	background-image: url(/phew/customer/layout/gradient-boven.jpg);	
	background-repeat: repeat-x;
/*	background-color: red;*/
}
.mediaRightTitle{
	margin: 6px;	
	color: #555555;
	font-size: 10x;
/*	font-weight: bold;*/	
}
.mediaRightContent{
	margin: 6px;	
/*	background-color: #a0a0a0;*/
}







/*********************/
/** NAVIGATION PANE **/
/*********************/

/* PORTFOLIO and SPOTLIGHT and MEDIA - NAVIGATION PANE */
.navigationMediaElements{
	width: 756px;
	float: left;
/*	background-color: red;*/
}
.navigationMediaElement{
	width: 238px;
	height: 145px;
	float: left;
	color: black;
	padding: 6px 7px 10px 7px;
	text-decoration: none;
	overflow: hidden;
}
.navigationMediaElement a{
	text-decoration: none;
}
.navigationMediaPhoto{
	width: 238px;
	height: 120px;
	border: 0px;
	float: left;
}
.navigationMediaText{
	float: left;
	height: 33px;
	width: 238px;
	text-align: center;
/*	background-color: red;*/
	background-image: url(/phew/customer/layout/thumbverloopje.jpg);
	background-repeat: repeat;
}		
.navigationMediaTextRowOne{
	height: 14px;
	color: black;
	font-size: 10px;
	font-weight: bold;
	margin-top: 4px;
	overflow: hidden;
}		
.navigationMediaTextRowTwo{
	height: 14px;
	color: #555555;
	font-size: 10px;	
	overflow: hidden;
}
.navigationMediaNavigation{
	text-align: center;
	float: left;
/*	background-image: url(/phew/customer/layout/subnavverloopje_onder.jpg);*/
/*	background-color: yellow;*/
/*	width: 756px;*/
	width: 743px;
	height: 18px;
	position: relative;
	left: 6px;
	top: 10px;
}
.navigationMediaNavigation a{
	font-weight: bold;
	color: #555555;	
	text-decoration: none;
}
.navigationMediaNavigationSelected{
	font-weight: bold;
	color: green;	
	text-decoration: none;
}