a {
	border: none;
	text-decoration: none;
}
#buttonbar {
	width: 780px;
	height: 160px;
	background-image: url('../img/backdrop.png');
	background-repeat: no-repeat;
	background-position: 0px 63px;
}
#buttonbar.one {
	background-position: 0px 63px;
}
#buttonbar.two {
	background-position: 155px 63px;
}
#buttonbar.three {
	background-position: 310px 63px;
}
#buttonbar.four {
	background-position: 465px 63px;
}
#buttonbar div {
	float: left;
	width: 155px;
	height: 145px;
	background-repeat: no-repeat;
	transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}
#buttonbar div:hover {
	transform: rotate(6deg) scale(1.1,1.1);
	-ms-transform: rotate(6deg) scale(1.1,1.1);
    -webkit-transform: rotate(6deg) scale(1.1,1.1);
}
#tab_1 {
	background-image: url('../img/websites.png');
}
#tab_2 {
	background-image: url('../img/soc.png');
}

#tab_3 {
	background-image: url('../img/logos.png');
}

#tab_4 {
	background-image: url('../img/etc.png');
}

#titlebar {
	float: left;
	width: 780px;
	height: 54px;
	background-color: #333;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	margin-top: -23px;
}
#titlebar h1 {
	display: inline-block;
	color: #FFF;
	font-size: 20px;
	margin: 0px;
	margin-top: 15px;
	margin-left: 20px;
}
/***************************************************************/

.item {
	float: left;
	width: 1200px;
	height: 200px;
	margin-top: 30px;
	overflow: visible;
}
.preview {
	float: left;
	width: 400px;
	height: 200px;
	/*background-color: #333;*/
	border-radius: 9px;
	-webkit-border-radius: 9px;

	transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
}
.preview:hover {
	width: 780px;
}
.preview:hover ~ div.description {
/*	margin-left: 800px;
	margin-top: -130px;*/
	color: #CCC;
}
.description {
	float: left;
	margin-left: 100px;
	margin-top: 100px;
	font-family: Berlinh;
	font-size: 20px;
	color: #0099FF;

	margin-top: 80px;
	padding: 10px;
	padding-right: 15px;
	border-radius: 9px;
	-webkit-border-radius: 9px;

	transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
}
.description:hover:after {
	content:"  >";
}
.description:hover {
	background-color: #333;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	color: #FFF;
}
/***************************************************************/
/***************************************************************/
/***************************************************************/
.showcase {
	margin-bottom: 80px;
}
.thumbs {
	position: relative;
	width: 1200px;
	height: 1900px;
	overflow-x: hidden;
	overflow-y: visible;
}
.thumb {
	position: absolute;
	margin-left: 1200px;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
    opacity: 0;
}
.thumb.actief {
	margin-left: 0px;
	color: #CC0000;
	opacity: 1;
}
.tabs {
	margin-top: 10px;
}
.tab {
	color: #0099FF;
	float: left;
	cursor: pointer;
	transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
}
.tab.actief{
	color: #333;
}
.tab_div {
	color: #CCC;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/**************************************************************/
#showcase_1 .thumb {
	width: 1200px;
}
/**************************************************************/
#thumb_1 {
}
#thumb_2 {
}
#thumb_3 {
}


/***************************************************************/
/**********************   websites	****************************/
/***************************************************************/

#web_1 {
	background-image: url('../werk/nblv/contact.png');
	background-position: center top;
}
#web_2 {
	background-image: url('../werk/lau/lau.png');
	background-position: center center;
	background-size:  cover;
	background-repeat: no-repeat;
}
#web_3 {
	background-image: url('../werk/hbonl/home.png');
	background-position: center center;
	background-size:  cover;
	background-repeat: no-repeat;
}
#web_4 {
	background-image: url('../werk/cibap/home.png');
	background-position: top center;
	background-size:  cover;
	background-repeat: no-repeat;
}
/***************************************************************/
/**********************   ad's	****************************/
/***************************************************************/
#soc_1 {
	background-image: url('../werk/elpicu/front.png');
	background-position: center center;
	background-size:  cover;
	background-repeat: no-repeat;
}
/***************************************************************/
/**********************   logo's	****************************/
/***************************************************************/
#logo_2 {
	background-image: url('../werk/albersvdberg/1.jpg');
	background-position: center 90%;
	background-size:  cover;
	background-repeat: no-repeat;
}
/***************************************************************/
/**********************     etc		****************************/
/***************************************************************/
#etc_1 {
	background-image: url('../werk/aart/1t.png');
	background-position: center center;
	background-size:  cover;
	background-repeat: no-repeat;
}