/* Interpolis Proeftuin layout.css */

.gradient {
	margin:0;
	padding:0;
	width:100%;
	height:600px;
	background:transparent url('../images/backgrounds/gradient.png') repeat-x top;
	position:absolute;
	left:0;
	top:0;
	z-index:-100;
}

/* content container */
#container {
	margin:0 auto;
	width:978px;
	position:relative;
	z-index:1;
}
#container .page {
	position:relative;
	margin-top:0;
}
#content {
	padding:30px 25px 30px 40px;
	overflow:auto;
}
#content-main {
	float:left;
	margin:0 36px 0 0;
	position:relative;
	width:545px;
}
#content-sub {
	float:left;
	padding:55px 0 0 0;
	width:308px;
}
	#content-sub .box {
		margin-right:0;
		margin-bottom:20px;
	}
	#content-sub .first {
		margin-top:0;
	}
	#content-sub h2 {
		text-indent:-3000em;
		overflow:hidden;
		position:absolute;
	}
#bottombar {
	width:960px;
	overflow:hidden;
	margin:0 9px;
	background:url("../images/backgrounds/bigfooter.gif") 0 0 no-repeat;
}

#head {
	width:966px;
	height:96px;
	margin:0 auto;
	position:relative;
	background:transparent url('../images/backgrounds/head.png') no-repeat 0 0;
	z-index:710;
}
#overlay {
	position:fixed;
	width:100%;
	height:100%;
	background:#005076;
	opacity:0.5;
	top:0;
	display:none;
	z-index:725;
}

#add-idea {
	position:absolute;
	right:10px;
	top:52px;
	padding:5px 10px;
	background:url('../images/backgrounds/add-idea.png') repeat-x;
	width:175px;
	box-shadow:0 2px 4px #888;
	-webkit-box-shadow:0 2px 4px #888;
	-moz-box-shadow:0 2px 4px #888;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
	#add-idea h4 {
		margin-top: 3px;
		color: #fff;
		padding: 3px 0 7px 24px;
		background: url(../images/icons/status-new.png) no-repeat 0 2px;
	}
	#add-idea .idea-details p {
		text-align: left;
		color: #fff;
	}
	#add-idea .idea-intro .button {
		display: block;
		float: none;
		width: 100px;
		margin: 0 auto 15px auto;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
		#add-idea .action .button {
			float: right; 
			margin:0 8px 5px 0;
		}
		#add-idea .action .button-right {
			float: left; 
		}
		#add-idea .action .button span { 
			font-size:1em;
		}
	
	#add-idea p {
		margin:5px 0;
		font-size:0.9em;
		text-align: center;
	}

	#add-idea .location {
		margin-top: 10px;
		padding-bottom:19px;
		background:url("../images/icons/pole.png") center bottom no-repeat;
	}
		#add-idea .location span {
			display:block;
			font-weight:bold;
			background:#0085c5;
			border:3px double white;
			text-transform:uppercase;
			font-size:11px;
			color:white;
			padding:4px;
			border-radius:5px;
			-moz-border-radius:5px;
		}

	#add-idea .action {
		width:auto;
		float:none;
	}
		.active .idea-intro,
		.idea-details { 
			display:none; 
		}

		.active .idea-details {
			display:block;
		}

#popup-container,
#page-container {
	position:absolute;
	left:0;
	width:100%;
	top:170px;
	z-index:750;
	display:none;
}
#page-container {
	top:109px;
	z-index:700;
}
.clear {
	clear:both;
}
.hide {
	display:none;
}

span.analytics {
	display:none !important;
}