html,body {
    margin: 0px;
    padding: 0px;
	background-color: #1e1e1e;
    height: 102%;   
    width: 100%;
}

div {
    border: 0px;
    margin: 0px;
    padding: 0px;
    display: block;
}

img {
    border: none;
}

body,td {
    font-family: Arial;
    font-size: 13px;
    line-height: 20px;
	color: white;
	margin: 0px;
	padding: 0px;
}

p {
	margin-top: 0px;
}

/* etc-------------------------------------------------------*/

div.midden {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

div.midden h1 {
	line-height: 30px;
}


div.floatleft {
	display: block;
}

div.floatleft div {
	float: left;
	display: table-cell;
}

div#content {
	width: 100%;
	background-color: #1E1E1E;
}


/* contact top */

div#contact {
	width: 100%;
}

div#contactgegevens {
	width: 189px;
}

div#studio {
	width: 330px;
}

div#studio img {
	border: 3px solid white;
}

div#toggle {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 30px;
	background-image: url(../img/uitklap.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#toggle.toggledOn {
	background-image: url(../img/inklap.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

/* header */

div#header {
	border-bottom: 1px solid #787878;
	margin-bottom: 20px;
}

img#logo {
	float: left;
	margin-right: 50px;
}

/* tags */

div#tags {
	margin-bottom: 50px;
}

div#projectdisplay {
	float: right;
	padding-top: 26px;
}

div#onderwerpen {
	float: left;
	background-image: url(../img/tag.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 55px; 
	padding-left: 50px;
}

div#onderwerpen ul {
	margin: 0px;
	padding: 0px;
}	

div#onderwerpen li {
	padding-top: 32px;
	padding-right: 20px;
	font-size: 22px;
	display: block;
	float: left;
}

/* projects */

div#projecten {
	display: block;
	position: relative;
}

div#scroller {
	display: block;
	position: relative;
}

div.project {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

div.thumb {
	display: table-cell;
	float: left;
	line-height: 0px;
}

div.thumb img {
	border: 10px solid white;
	cursor: pointer;
}

div.info {
	display: block;
	float: right;
	width: 300px;
	position: relative;
}

span.omschrijving {
	padding: 0px;
}

span.omschrijving p {
	padding-left: 4px;
}

div.overlay {
	display: block;
	position: absolute;
	margin-left:0px;
	background-color: #0ba3c6; 
	opacity:0.7; 
	filter:alpha(opacity=70);
	cursor: pointer;
}

/* detail */

div#projectdetail {
	display: table;
	width: 100%;
	margin-top: 30px;
}

div#project_text {
	width: 670px;
	margin-right: 30px;
}

div.projectpic {
	display: table-cell;
	float: left;
	line-height: 0px;
	margin-bottom: 20px;
}

div.projectpic img {
	border: 10px solid white;
	cursor: pointer;
}

span#project_categories {
	padding-left: 40px;
	height: 30px;
	background-image: url(../img/tag-small.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	display: block;
}

span#project_link {
	padding-left: 40px;
	height: 30px;
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	display: block;
}

/* footer */

div#footer {
	display: block;
	position: relative;
	padding-bottom: 300px;
}

div#samen {
	width: 260px;
}

div#vogel {
	width: 395px;
}

p#vogelzegt {
	width: 300px;
}

p#playlist {
	width: 300px;
}

/* --- */

.fLeft {
	float: left;
}

.fRight {
	float: right;
	text-align: right;
}

.likeTablecell {
	overflow: hidden;
	display: block;
	height: 1em;
}

.w400 {
	width: 400px;
}

.w200 {
	width: 200px;
}

/* etc-------------------------------------------------------*/

a {
	color: #0cbbe2;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: white;
}

a.selected {
	color: white;
}

h2 {

}

/* ----- */

h1, h2, h3 {
	display: block;
	margin: 0px;
	margin-bottom: 10px;

}

div.contact_icon {
	display: table-cell; 
	float: left; 
	margin-right: 8px;
	padding-top: 2px;
}

div.contact_line {
	height: 20px;
}