@import url(typo.css);
@import url(menu.css);
	
/* 	CSS FILE FOR PREVIEW PROJECTS */

	
/*	
/*	written by simon@webfizz.be
/*	written on 15/10/2009
/*	written for webfizz vof
*/

	
/*************************************
	SOME BASICS
/*************************************/
body {
	background:url(assets/bg.png) repeat-x;
	height: 100%; 
}

input:focus,a:focus {
	outline:none;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}


	
/*************************************
	CLEARFIX
/*************************************/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


	
/*************************************
	STRUCTURE
/*************************************/
#container {
	width:960px;
	margin:0 auto;
}


	
/*	HEADER WRAPPER */
#header-wrapper {
}

#logo {
	background:url(assets/logo.jpg) no-repeat;
	width:190px;
	height:90px;
	display:inline;
	margin-right:170px;
	_margin-right:165px;
}

#menu {
	height:25px;
	padding-top:60px;
}

#quotebar-wrapper {
	width:960px;
	height:270px;
}

#quotebar-left {
	width:550px;
	height:260px;
}

#quote {
	width:530px;
	height:100px;
	display:inline-block;
	margin-top:20px;
	padding:40px 10px 10px;
}

#quote h3,
#quote h4 {
	color: #ffffff;
	font: 24px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 10px 0;
}

#quote h4 {
	margin-top:-10px;
	font: 18px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


#quote p {
	padding:0;
	font-size: 16px;
	color:#ddd;
}


#breadcrump {
	width:530px;
	padding:5px 10px;
	display:inline-block;
	margin-top:30px;
}

#portfolio-wrapper {
	width:410px;
	height:260px;
	background:url(assets/bgmbp.png) no-repeat;
}

#portfolio-img {
	width:270px;
	height:169px;
	background: #000000;
	position:absolute;
	margin:33px 0 0 64px;
	display:inline;
}

#portfolio-bullets {
	width:270px;
	height:25px;
	margin:240px 0 0 64px;
	position:absolute;
}

#content-portfolio-content {
	width:460px;
	padding:0 10px;
	margin-right:60px;
	display:inline-table;
}


	
/*	CONTENT WRAPPER HOME */
#content-home-wrapper {
	width:960px;
}

#content-home-content {
	width:520px;
	padding:0 10px;
	margin-right:60px;
	display:inline-table;
}


#content-home-right-wrapper {
	width:360px;
	padding:5px 0;
}

#content-home-right-left {
	width:160px;
	padding:0 10px;
}

#content-home-klanten {
}

#content-home-right-right {
	width:160px;
	padding:0 10px;
}

#content-home-twitter {
}

#content-home-elders {
}

#content-home-flickr {
	width:340px;
	padding:0 10px;
}

.flickr {
	width:160px;
	height: 105px;
	overflow: hidden;
	padding:10px 10px 0 0;
}
a.flickr_link{
	border: none;
}

	
/*	CONTENT WRAPPER PAGES */
#content-wrapper {
	width:960px;
}

#content-submenu {
	width:180px;
	margin-right:60px;
	display:inline;
}

#content-content {
	width:460px;
	margin-right:60px;
	display:inline;
}

#content-right {
	width:180px;
}


	
/*	FOOTER */
.contact-main-col {
	width:400px;
	padding:10px;
}

.contact-col {
	width:160px;
	padding:10px;
}

.contact-col2 {
	width:340px;
	padding:10px;
}


	
/*	FOOTER */
#footer-wrapper {	
	clear:both;
	bottom:0;
	position:relative;
	margin:50px 0 0;
	background:#f1f1f1 url(assets/bg_footer2.png) repeat-x;
}

#footer-content {
	width:960px;
	margin:0 auto;
	padding:20px 0 25px;
}

.footer-col {
	width:198px;
	padding:0 20px;
	border-right:1px solid #cccccc;
	border-left:1px solid #ffffff;
	display:block;
	height:180px;
}

.footer-first {
	border-left:none;
}

.footer-last {
	border-right:none;
}


	
/*************************************
	BOXES
/*************************************/
.yellow {
	background:#fefcee;
	border:1px solid #dfdfdf;
}

.blue {
	background:#f0faff;
	border:1px solid #ddeeff;
}

.box {
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 0 10px;
}


	
/*************************************
	NEWS/BLOGPOST
/*************************************/
.blogpost {
	border-bottom:1px solid #cccccc;
	padding:10px 0 5px;
}


	
/*************************************
	BULLETS
/*************************************/
.tabs {
	text-align:center;
}

.tabs a {
	padding:3px 0 0;
	display:inline-block;
	width:10px;
	height:6px;
	border:none;
	background:black url(assets/bullets.png) no-repeat 0 0;
}

.tabs a:hover {
	background:black url(assets/bullets.png) no-repeat 0 -9px;
}

.tabs a.current {
	padding:0;
	width:10px;
	height:10px;
	background:black url(assets/bullets.png) no-repeat 0 -20px;
}


	
/*************************************
	TABLE
/*************************************/
#content-content table{
	margin-bottom: 20px;
}

#content-content .table-header{
	background:#f1f5fa ;
	margin: 0 0 5px 0;
	
}
#content-content .table-header td{
	padding: 2px 0;
	border-bottom: 1px solid #ddeeff;
	font-weight: bold;
}
#content-content table tr td{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 16px;
	padding: 2px 0;
	border-bottom: 1px solid #cccccc;
}

	
/*************************************
	CONTACT FORM
/*************************************/
input[type=text] {
	border:1px solid #cccccc;
	width:340px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#4c4c4c;
}

input[type=submit] {
	background:#f0faff;
	border:1px solid #ddeeff;
	width:100px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
	color:#9c9c9c;
}

input:hover[type=submit] {
	color:#4c4c4c;
	border:1px solid #00a0e3;
}

textarea {
	width:340px;
	border:1px solid #cccccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

span.validation {
	color:#dd0000;
	font-size:11px;
}
a.zoom{
	border: none;
	
}

.zoom img{
	border: 5px solid #f1f1f1;
	margin-bottom: 5px;
}
.zoom img:hover{
	border: 5px solid #cccccc;
}