/*
-----------------------------------------------
Layout CSS
----------------------------------------------- */

#header {
	height:655px;
	margin-bottom:20px;
	}
	
#footer {
	margin-top:20px;
	margin-bottom:30px;
}

p {color:#222;}


/* headings
----------------------------------------------- */

h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	padding:0.5em 0 0 0;
	margin:0;
	
}


h2#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	padding:0.5em 0 0 0;
	margin:0;
	
}

h1#herengracht, h1#zuidas {
	font-weight:normal;
	font-size:2.5em;
	letter-spacing:0px;
	text-align:left;
	padding:0.75em 0 0 0;
	margin-left:-15px;
	}
	

h2.article {
	margin-top:1.0em;
	margin-bottom:.4em;
	font-size:1.6em;
	line-height:1.2;
	color:#ffffff;

}

h2 {
	font-size:1.5em;
	}
	
#content h2 {
	background:url(../img/hexagons/hex_header.png) no-repeat left 3px;
	padding:4px 0px 5px 35px;	 
	margin-bottom:10px;
	}
	
h3 {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}

h2.head {
	margin-bottom:10px;
	}

h2.lead {
	font-size:1.3em;
	margin:50px 0px 20px 0px;
} 

h3.subhead {
	font-size:1.1em;
	margin:0px;
}

.grey {color:#F0F0F0;}
/* image container
----------------------------------------------- */
#imagecontainer {
	position:absolute;
	height:535px;
	width:100%;
	
}

.item-head {
	background:url(../img/hexagons/hex_meeting.png) no-repeat center left;
	padding:0px 0px 0px 55px;
	}

#slider { 
	position:absolute;
	width:100%;
	overflow:hidden;
	background:scroll;
	height:535px;
	margin:0;
	padding:0;
	z-index:0;
}

#slider img{
	overflow:hidden;
	width:100%;
	background:scroll;	
		height:535px;
}

div#image-container h2{
	position:relative;
	color:#fff;
	}
.left {float:left; overflow:hidden;}	
.right {float:right; overflow:hidden;}
.left-img {float:left; overflow:hidden; padding-right:10px; margin-bottom:10px;}	
.right-img {float:right; overflow:hidden; padding-left:10px;  margin-bottom:10px;}
.border {
	border:1px solid #dedede;
	padding:1px;
	 -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;  
    -khtml-border-radius: 5px;  
    border-radius: 5px;  

}

.border-shadow {
	border:1px solid #ccc;
	 -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    -khtml-border-radius: 3px;  
    border-radius: 3px; 
	  -webkit-box-shadow: 0 0 5px #ddd;  
    -moz-box-shadow: 0 0 5px #ddd;  
	}


/* Hexagon trigger
----------------------------------------------- */

/* Content
----------------------------------------------- */



#hex-trigger  {
	display:block;
	float:right;
	position:absolute;
	top:85px;
	height:366px;
	width:315px;
	text-align:right;
	z-index:2;
	cursor:pointer;
	}
	
#hex-trigger h2 {
	position:relative;
	top:-300px;
	float:right;
	padding:15px;
	color:#FFF;
	font-size:3.6em;
	line-height:28px;
	letter-spacing:-2px;
	z-index:5;
}

#hex-trigger h2 em.large,#hex-trigger-small h2 em.large {letter-spacing:-3px;}

.hex-subtitle {
	display:block;
	font-size:34px !important;
	line-height:26px !important;
	margin-top:20px;
	height:65px;
	

	
}

#hex-trigger-small {
	display:block;
	float:right;
	position:absolute;
	top:60px;
	height:278px;
	width:240px;
	text-align:right;
	margin-left:40px;
	z-index:2;
	cursor:pointer;
}

#hex-trigger-small h2 {
	display:block;
	float:right;
	position:relative;
	top:-240px;
	right:10px;
	padding:10px;
	color:#FFF;
	font-size:2.6em;
	line-height:1.0em;
	letter-spacing:-2px;
	z-index:5;
}

em.large
	{font-size:1.4em; display:block; margin-top:25px;} 

/* LISTS
----------------------------------------------- */
#content ul {padding-left:30px; margin-bottom:20px;}

#content ul li {
	background:url(../img/hexagons/bullet.gif) no-repeat left 3px;
	display:block;
    padding:2px 25px 2px 25px;

	}

/* SPACES USP's
----------------------------------------------- */

.headline {
	position:relative;
	top:305px;
	background:transparent url(../img/dark-alpha.png);
	height:35px;
	width:100%;
	margin-bottom:0px;
}

.usp-content {
	position:relative;
	top:305px;
	background:transparent url(../img/light-alpha.png);
	width:100%;
	
		
}

#spaces-usp h3 {
	color:#bbb;
	}

#spaces-usp li a { 
       
		
        text-decoration: none;
		
		font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 0px 0px;
		}
#spaces-usp li h2.article a{color:#fff; }
#spaces-usp li h3 a{color:#888; }
#spaces-usp li h2.article a:hover{color:#ddd; cursor:pointer;	 }

#spaces-usp li a:hover {
	   color:#ffffff;
} 

#spaces-usp li:hover h3,  #spaces-usp li .article h1 a:hover,#spaces-usp li  h3 a:hover  {
	   display:block;
	   color:#fff;
	   cursor:pointer;	
}


/* triggers
----------------------------------------------- */

.trigger {
	margin-bottom:10px;
	margin-top:10px;
	}

.trigger a.image {
	float:left; 
	margin:3px 5px 3px 0; 
	padding:06px;
	background:#fff;
}
.trigger a.image:hover {
	
}
.trigger a.image img {
	float:left; 
}

.trigger h3 {
	padding:10px;
	}
	
.trigger h2 {
	margin-bottom:3px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
	zoom: 1;
	}




/* Blog
----------------------------------------------- */
#news li {
	background:url(../img/gradient_bg.jpg) repeat-x scroll 0 0px;
	 -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    -khtml-border-radius: 3px;  
    border-radius: 3px;  
	margin-bottom:6px;
	}

#news li:hover {
	cursor:pointer;
	background:url(../img/gradient_bg.jpg) repeat-x scroll 0 -101px;
	}

blog-entries#h2 {
	margin-bottom:3px;
	padding-bottom:10px;
}

.no-border h2 {border:none;}

.blog {
	border:1px solid #ddd;
	zoom: 1;
	

}

.blog p {
	margin:0px 0px 0px;
	padding:0px 10px 10px 0px;
}

.blog h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#333;
	margin:0;
	padding:0px 0px 0px 0px;
	
}

.blog h3 a {
	text-decoration:none;
	color:#333;
	}
	
.blog h3 a:hover {
	color:#000;
	}
	
.blog a {
	text-decoration:none;
	}
	
.blog a:hover {
	color:#333;
}

.location {
	margin:0px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:0.6em;
	}



#news {margin-top:20px;}

.blog img {
	float:left; 
	position:relative;
	display:inline-block;

	margin:15px 10px 15px 10px; 
	padding:0px;
	border:1px solid #fff;
	}



/* Borders
----------------------------------------------- */

.border-left {
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

.border-right {
	border-right: 1px solid #333;
}

#banner{margin-top:20px;}


#banner h2 {
	text-align:center;
	padding:10px;
	margin:10px 0px 0px;
	}
	
#banner h2 a {
	text-decoration:none;
	color:#333;
}

#banner h2 a:hover {
	text-decoration:underline;
	color:#000;
}


/* forms
----------------------------------------------- */

fieldset {
	border:1px solid #ccc;
	display:block;
	font-family:'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
	line-height:1.5em;
	margin-bottom:0.5em;
	padding:5px;
	width:610px;
	}
	
legend {
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	background:transparent url(../img/hexagons/hex-icon.gif) no-repeat scroll left center;
	padding-left:20px;
	}
	
label {
	display:inline-block;
	width:135px;
	margin-left:2px;
	font-size:12px;
	color:#333;
}

 label#label-eind {
	width:auto;
	}

div.errors {
	background-color:#f9f0a1;
	border:1px solid #e2d038;
	padding:10px;
	text-align:center;
	font-size:12px;
	margin:0px 20px 20px 20px;
	}
	
#count_down_container {line-height:1.1em; font-size:40px; font-weight:normal;}

a.formlab  {
	display:block;
	margin-top:35px;
	margin-bottom:10px;
	background:url(../img/formlab.gif) no-repeat 0px 0px;
	width:197px;
	height:19px;
    text-indent: -1999px;
	overflow:hidden;
	}
	
a.formlab:hover {
	background-position:0px -19px;
	}