* {
	margin:0;
	padding:0
}
a:link {
	
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	
}
a:hover {
	text-decoration: none;
	
}
a:active {
	text-decoration: none;
	
}

.bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -100;
}
#divbg {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
	z-index: -10;
}
div#main {
	margin-left:auto;
	margin-right:auto;
	width:865px;
	
	z-index:2;
	position:relative;
	padding-bottom:100px;
}
div#top_date {
	height:49px;
	background-color:#e6e6e6;
	color:#aaaaaa;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:30px;
	background-image:url(../images/top_date.png);
	background-repeat:no-repeat;
	padding: 8px 0px 2px 20px;
}
div#left {
	float:left;
	width:500px;
	margin-right:10px;
}
div#right {
	float:left;
	width:351px;
}
div#logo {
	outline:none;
}
div.clear {
	clear:left;
}
div.work {
	position:relative;
	overflow:hidden;
	width:480px;
	background-color:#FFF;
	padding: 10px 10px 0px 10px;
}
div.work_image {
	width : 480px;
	height : 270px;
	padding : 0;
	margin : 0;
	position : relative;
}

/** OPDRACHT BLOCKS **/
div.opdracht_naam {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	background-color:#000000;
	position:absolute;
	z-index : 2;
	left: 10px;
	top: 10px;
}
div.opdracht_gever {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	background-color:#000000;
	position:absolute;
	z-index : 2;
	left: 10px;
	top: 40px;
}
div.opdracht_datum {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	background-color:#000000;
	position:absolute;
	z-index : 2;
	left: 10px;
	bottom: 10px;
}
h3.expand {
	width:500px;
	color:#00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0px 10px 0px 10px;
	position:absolute;
	z-index : 2;
	left: -20px;
	top: 0px;
	outline:none;
}
h3.expand a {
	background-image:url(../images/plus_zwrt.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-decoration:none;
	outline:none;
	height:280px;
	display:block;
	cursor:pointer;
}
h3.expand a:hover, h3.expand a:active, h3.expand a:focus {
	outline:none;
}
h3.expand a.open {
	background-image:url(../images/min_zwrt.png);
	outline:none;
}

/** OPDRACHT BLOCKS: ACTIVE **/
.active div.opdracht_naam {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	background-color:#00aeef;
	position:absolute;
	z-index : 2;
	left: 10px;
	top: 10px;
}
.active div.opdracht_gever {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	background-color:#00aeef;
	position:absolute;
	z-index : 2;
	left: 10px;
	top: 40px;
}
.active div.opdracht_datum {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:10px;
	background-color:#00aeef;
	position:absolute;
	z-index : 2;
	left: 10px;
	bottom: 10px;
}

.active h3.expand {
	width:500px;
	color:#00aeef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	padding:0;
	z-index : 2;
	left: -10px;
	top: 0px;
	outline:none;
}

.active h3.expand a {
	background-image:url(../images/plus.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-decoration:none;
	outline:none;
	height:280px;
	cursor:pointer;
}
.active h3.expand a:hover, .active h3.expand a:active, .active h3.expand a:focus {
	outline:none;
}
.active.expanded h3.expand a {
	background-image:url(../images/min.png);
	outline:none;
}
/* SMALLER EXPAND (contact form) */
h4.expand {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display: block;
}
h4.expand a {
	text-decoration:none;
	color:#ec008c;
	font-weight:normal;
	padding: 15px 0px 15px 0px;
	display:block;
	cursor:pointer;
}
h4.expand a:hover, h4.expand a:active, h4.expand a:focus {
	outline:none;
}
h4.expand a.open {
	outline:none;
}
div.collapse {
	background-color:#e6e6e6;
}
div.collapse p {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 8px 8px 8px;
}
div.work_website {
	background-color:#000000;
	padding:8px;
}
div.work_website a {
	color:#ec008c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none
}
div.work_website a:hover {
	text-decoration:underline;
}
div#visie {
	background-color:#00aeef;
	padding:20px;
	margin-top:10px;
}
div#visie_content {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:20px;
}

div#visie_content a {
	margin: -20px;
	padding: 20px 20px 40px 20px;
}

div#visie_content .collapse_wrapper {
	margin-top: 30px;
}

div#projecten {
	background-color:#161616;
	padding:20px 19px 20px 20px;
	margin-top:10px;
}
div#projecten h1 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin:0px;
}
div#project_content {
}
a.project_jaar {
	width:51px;
	height:28px;
	background-color:#3d3d3d;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	float:left;
	margin-right:1px;
	margin-top:1px;
	text-decoration:none;
	display:block;
}
a.project_jaar_active {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	float:left;
	margin-right:1px;
	margin-top:1px;
	width:51px;
	height:28px;
	background-color:#000000;
	color:#00aeef;
	cursor:pointer;
	text-decoration:none;
	display:block;
}
a.project_jaar:visited {
	text-decoration:none;
}
a.project_jaar:hover {
	text-decoration:none;
	color:#00aeef;
	background-color:#000;
	cursor:pointer;
	text-decoration:none;
}
div#vrienden {
	background-color:#161616;
	padding:20px 18px 20px 20px;
	margin-top:10px;
}
div#vrienden h1 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin:0px;
}
div#vrienden_content {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
}
div.vrienden_item a {
	width:102px;
	height:102px;
	background-color:#3d3d3d;
	float:left;
	margin-right:2px;
	margin-top:2px;
	outline:none;
}
div.vrienden_item img {
	border:none;
}
div#contact_line {
	border-bottom: 1px dashed #383838;
	width: 310px;
	padding-top:15px;
}
input {
	border:medium none;
	color:#767676;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:13px;
	width:290px;
	padding:2px;
}
textarea {
	border:medium none;
	color:#767676;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100px;
	width:290px;
	padding:2px;
}
input.submit {
	border:medium none;
	color:#767676;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	width:75px;
}
div#contact {
	background-color:#161616;
	padding:20px;
	margin-top:10px;
}
div#contact h1 {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin:0px;
}
div#contact_content {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
}
div.paddingtop {
	height:8px;
}
div.wit_last {
	height:10px;
	background-color:#FFF;
	margin:0px;
	padding:0px;
}

/** GENERIC FOLDOUT **/
.expand_handler a {
	cursor: pointer;
}

.expand_handler.expand_visual a {
	background-image:url(../images/plus_zwrt.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-decoration:none;
	outline:none;
	display:block;
	cursor:pointer;
}

.expand_handler.expand_visual a:hover {
	background-image:url(../images/plus.png);
}

.expand_handler.expand_visual.expanded a, .expand_handler.expand_visual.expanded a:hover {
	background-image:url(../images/min.png);
}