@CHARSET "ISO-8859-1";

body {
	background: url(/static/img/background.jpg) center top;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;	
}

a {
	outline: none;	
}

a img {
	border: 0px;
}

.centerer {
	width: 100%;
	height: 100%;
}	

div#wrapper {
	width: 866px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana,sans-serif;
	text-align: left;
	padding: 20px;
	height: 450px;
}

div#header {
	text-align: left;	
	color: #c7c7c9;
	height: 47px;
	float: left;
	width: 250px;
	text-align: left;
}

	div#header .logo {
		margin-bottom: 20px;
	}

	div#header div.info {
		font-size: 11px;
		
	}
	
		div#header div.info div.back {
			padding-left: 75px;
			padding-top: 12px;
			padding-bottom: 12px;
		}
		
			div#header div.info div.back a {
				color: #FFF;
				font-weight: bold;
			}
	
		div#header div.info ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
			div#header div.info ul li {
				padding: 3px;
				position: relative;
				height: 10px;
			}
			
				div#header div.info ul li a {
					color: #C7C7C9;
					position: absolute;
					left: 75px;
				}
				
				div#header div.info ul li.more {
					padding-top: 14px;
				}
				
				div#header div.info ul li.more a {
					color: #FFF;
				}
				
				div#header div.info ul li a.active {
					color: #FFF;
					font-weight: bold;
				}
	
		div#header div.info em.type {
			color: #ffde00;
			font-style: normal;
			font-weight: bold;
			float: left;
			width: 60px;
			padding-right: 12px;
			text-align: right;
		}
		
		
div#content {
	margin-left: 250px;
}

/* @group Projecten */

div.projects {
	
}

	div.projects div.project {
		width: 190px;
		margin-right: 20px;
		margin-bottom: 20px;
		float: left;
		position: relative;
		background: #000;
	}

		div.projects div.project img {
			opacity: .6;
		}
		
		div.projects div.project h2 {
			margin: 0;
			padding: 5px;
			font-size: 12px;
			color: #FFDE00;
			font-weight: normal;
			position: absolute;
			bottom: 0px;

			background: #000;
			opacity: .7;
			color: #FFF;
			display: none;
		}
	
	div.projects div.project.last {
		margin-right: 0px;
	}
		
		div.projects div.project a {
			display: block;
		}

/* @end */

div#navigation {
	font-size: 11px;
	color: #FFF;
}	

	div.image {
		border: 8px solid #FFF;		
		text-align: right;
	}

		div.image .project-image {
		}
	
		div.image .text {
			font-family: Arial,sans-serif;
		
			color: #333;
			text-align: left;
			background: #FFF;
			
			font-size: 12px;		
			line-height: 19px;	
			
			padding: 10px;
			display: none;
		}
		
			div.image .text h4 {
				padding-bottom: 0px;
				padding-top: 8px;
				margin: 0px;
				font-size: 11px;
			}
		
			div.image .text ul {
				margin: 0px;
				padding-top: 5px;
				padding-bottom: 12px;
				margin-left: 12px;
				padding-left: 18px;
			}
		
		div.image h3 {
			display: none;
		}
		
			div.image div.url {
				font-size: 12px;
				margin: 0px;
				padding: 4px;
				position: absolute;
				background: #000;
				opacity: .7;
				color: #FFF;
				display: none;
			}
		
			div.image h3 em {
				color: #FFF;
				font-size: 9px;
			}

			div.image h3 a {
				color: #FFF;		
				text-decoration: none;		
			}
			
				div.image h3 a:hover {
					text-decoration: underline;	
				}