/* 
Title: 	Plus Architects
Updated: 19/11/07
Version: 1.0
Author: yse
*/


/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clr{clear:both;}
.right{	float: right;}
.left	{	float: left;}

/* Set up the document
-----------------------------------------------------------------------------*/

body
	{
	font: 62.5%/1.5  Arial, Helvetica, sans-serif;
	background: #FFFFFF url('../images/body.bg.gif') repeat-y top center; 
	color: #000000;	
	text-align:center;
	overflow: -moz-scrollbars-vertical;
}



#wrapper
	{ 
	width: 759px; /* Set page width here - you can also use percentage */
	text-align:left;  
	background:#FFF;
	margin-left:auto; 
	margin-right:auto; 
	position:relative;
	font-size: 110%;
	color: #000000;
	margin-top: 45px;
}


/* Typography
-----------------------------------------------------------------------------*/

h1{	 font-size: 2em; /* Equivalent to 22pt */}	
h2	{	font-size: 1.6em;margin-top: 1em;color: #7DA2A0;}
h3	{	font-size: 1.4em; /* Equivalent to 18pt */}
h4	{	font-size: 1.2em; /* Equivalent to 18pt */}
h5	{	font-size: 1.1em; /* Equivalent to 14pt */}
p, q, cite	{	margin-bottom: 1em; }
ul, ol, dl	{	list-style: none; margin-bottom: 1em;}
li, dd, dt	{		}

a { color: #000;}
a:hover { color: #999999;}
.date { color: #DCE3E2; font-size: 10px; margin-bottom: 1em;}

a.readmore { color: #000; font-weight:bold; text-decoration:underline;}

/* Header
-----------------------------------------------------------------------------*/



/* Navigation
-----------------------------------------------------------------------------*/
#mainnav { position:absolute; left: -1px; top: 0px;}
body:first-of-type #mainnav { left:0px;}
#mainnav li a { display:block;	padding:76px 0 0 0;	overflow: hidden;height: 0px !important;height /**/: 76px; /* for IE5/Win only */width: 20px;background-color:#000; margin-bottom: 10px}
#mainnav li a:hover, #mainnav li.selected a { background-color:#FFF;}

#mainnav #li-nieuws a { background-image: url('../images/menu/nieuws.gif');}
#mainnav #li-projecten a { background-image: url('../images/menu/projecten.gif');}
#mainnav #li-publicatie a { background-image: url('../images/menu/publicatie.gif');}
#mainnav #li-plusoffice a { background-image: url('../images/menu/plusoffice.gif');}
#mainnav #li-nl-en a { background-image: url('../images/menu/nl-en.gif');padding-top: 43px;height /**/:43px;}


/* Category navigation
-----------------------------------------------------------------------------*/
#catnav ul { position: absolute; right:-1px;_right:-2px; top: 0px;}
body:first-of-type #catnav ul { right: -2px;}
body:first-of-type #catnav ul.second { right:-28px;}

#catnav li a { display:block;	padding:111px 0 0 0;	overflow: hidden;height: 0px !important;height /**/: 111px; /* for IE5/Win only */width: 20px;background-color:#000; margin-bottom: 10px}
#catnav li a:hover,#catnav li a.selected, #catnav li.selected a { background-color:#FFF;}

#catnav ul.second { right: -27px;_right: -28px; margin:0;padding:0; margin-top: 40px;}


#catnav #li-huisvesting a { background-image: url('../images/menu/cat.huisvesting.gif');}
#catnav #li-interieur a { background-image: url('../images/menu/cat.interieur.gif');}
#catnav #li-bedrijfsgebouw a { background-image: url('../images/menu/cat.bedrijfsgebouw.gif');}
#catnav #li-publiek a { background-image: url('../images/menu/cat.publiek.gif');}
#catnav #li-landschap a { background-image: url('../images/menu/cat.landschap.gif');  }
#catnav #li-stedenbouw a { background-image: url('../images/menu/cat.stedenbouw.gif');  }
#catnav #li-overzicht a { background-image: url('../images/menu/cat.overzicht.gif');}

/* Footer
-----------------------------------------------------------------------------*/

a.readmore { display:block; margin-top: 1em; text-align:right;}


/* Blockmain
-----------------------------------------------------------------------------*/
#blockmain {   padding: 0 0px 0 70px; clear:both; }

#blockcontent {float:right; width: 623px; background: url('../images/blockcontent.bg.jpg') repeat-x 0 1px; border-left: 1px solid #FFF; min-height: 300px; _height: 300px;
	padding: 45px 50px;}
	
#blockcontent ol  { margin-left: 3em; list-style:decimal}
#blockcontent ul { margin-left: 2em; list-style:square;}
#blockcontent li { margin: .5em 0;}

#blockcontent ul.files, 
#blockcontent ul.files li { list-style:none; color: #999999; font-size: 10px; line-height: 16px;padding-bottom: 5px;}
#blockcontent ul.files li a { font-size: 12px;}
#blockcontent ul { margin-left: 0;}

.pdf { background: url('/images/pdf.gif') no-repeat center left; padding-left: 20px; line-height: 16px;}
.exe { background: url('/images/exe.gif') no-repeat center left; padding-left: 20px; line-height: 16px;}

.gallery {  padding: 10px 0px 7px 15px;  float:left; width: 94.3%; margin-top: 1em;}
.gallery a { margin: 5px 11px 10px 0px; padding: 2px;background:#E9EDEC;height: 60px; width: 60px;display:block;float:left;}
.gallery img { 	filter:alpha(opacity=70);-moz-opacity: 0.7;	opacity: 0.7;}
.gallery a:hover { background:#999999;}
/*.gallery a:hover img { filter:alpha(opacity=100);-moz-opacity: 1;	opacity:1;}*/

/* grids 
-----------------------------------------------------------------------------*/
#project-grid { background: url('../images/content/grid02.gif') no-repeat top left; display:block;width: 208px; height: 208px; margin-bottom: 40px; overflow:hidden;}

/*#project-grid a:hover img { filter:alpha(opacity=60);-moz-opacity: 0.6;	opacity: 0.6;}*/
#project-grid .last { margin-right:0;}
#project-grid a { display:block;width: 58px; height: 58px; float:left; margin-right: 17px; margin-bottom: 17px;}

.project-pic { margin-bottom: 30px;}


#project-grid-2 { background: url('../images/content/grid.gif') no-repeat top left; display:block;width: 283px; height: 208px; margin-bottom: 40px; overflow:hidden;}
#project-grid-2 a:hover img { filter:alpha(opacity=60);-moz-opacity: 0.6;	opacity: 0.6;}
#project-grid-2 .last { margin-right:0;}
#project-grid-2 a { display:block;width: 58px; height: 58px; float:left; margin-right: 17px; margin-bottom: 17px;}


#project-description{ margin-top:20px}

/* Forms
-----------------------------------------------------------------------------*/



input.text
	{
	padding: 3px;
	border: 1px solid #999999;	
}


/* Tables 
-----------------------------------------------------------------------------*/



table
 	
	{ 
  	border-spacing: 0;
	border-collapse: collapse;
}

td 
	
	{
  	text-align: left;
	font-weight: normal;
}

.t-projects.table { margin-top: -16px;  float:left;}
.table { margin-bottom: 1em; width: 90%; border-collapse:collapse; position:relative; }
.table th { text-align:center;  background: #000000; color: #FFF;  text-transform: uppercase; font-weight:normal; padding: 2px 5px; }
.t-projects.table th { height: 20px; padding-top: 20px; padding-bottom: 20px; background: url('../images/table.none.gif') no-repeat center top;}
.table th.desc { background: url('../images/table.desc.gif') no-repeat center top;}
.table th.asc { background: url('../images/table.asc.gif') no-repeat center top; }
.table th, .table td {  vertical-align:top; border-right: 10px solid #FFF; }
.table tr.first td { padding-top: 2em;}
.table th a { color: #FFF; text-decoration:none; display:block;}
.table th.empty { background:none;}
.table td { border-bottom: 1px solid #E9EDEC;  padding: 5px 5px;}

h5 { text-transform:uppercase; font-weight:normal; margin-top: 7px; font-size: 1em;}


/* Body
----------------------------------------------- */

ul.list { padding: 0; margin: 0; list-style:none;}
ul.list li { list-style:none; padding-bottom: .5em;}
ul.list li span { margin-right: 10px;  font-size: 10px; color: #CCCCCC;}
ul.list a { text-decoration:none;}
ul.list li { border-bottom: 1px solid #DCE3E2;}

.subnav { padding-top: 20px;}
.subnav h1 { font-size: 12px; border:0; letter-spacing: 0;}
.subnav ul li { padding-bottom: .5em;}
.subnav ul li a { text-decoration:none;}


.thumb { padding: 5px; background: #DCE3E2; border: 1px solid #C5D1CF;}
.thumb.left { float:left; margin: 5px 10px 5px 0;}
.thumb.right { float:right; margin: 5px 0 5px 10px;}

.col2 { clear:both; float:left; width:100%;  }
.col2 .col { width: 331px; margin-right:25px; float:left;}
.col2 .col.last { margin-right:0;}

.project {clear:both;}
.project .col { width: 208px; float:left; margin-right: 25px;}
.project .col.last { margin-right:0; width: 414px;}

.project-nav { text-align:right;}
h2#p-title { margin-top:10px;}
.project-nav .previous { background: url('../images/project_previous.gif') no-repeat top left; display:block;width: 100%; height: 18px; padding-top: 17px; color: #FFF; text-decoration:none; text-align:center; text-transform: uppercase;font-size: 11px; }
.project-nav .next {  background: url('../images/project_next.gif') no-repeat top left; display:block;width: 100%; height: 33px; padding-top: 2px; color: #FFF; text-decoration:none; text-align:center; margin-top: 10px;text-transform: uppercase;font-size: 11px; }
.project-nav p { margin-bottom:0;}

.project-nav .disabled { color: #000; }


/* Slimbox
----------------------------------------------- */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url('/images/lightbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/images/lightbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/images/lightbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/images/lightbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}