/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Copyright: 2009, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global settings
-------------------------------------------------------------------------*/

* { 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	color: #808080; 
	line-height: 18px;
}

p {
	padding: 0;
	margin-top: 0;
}

h1 {
	color: #3e3f43;
	margin: 0;
}

h2 {
	color: #3e3f43;
	font-size: 30px;
	margin: 0;
}

h3 {
	font-family: Georgia;
	color: #3e3f43;
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 14px;
}

h3.portfolio {
	font-family: Georgia;
	color: #3e3f43 !important;
	margin: 0;
	padding: 5px 0 3px 0;
	font-size: 14px;
}

h4 {
	color: #3e3f43;
	margin: 0;
	padding-top: 10px;
}

h5 {
	color: #acacac;
	margin: 0;
}

h6 {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #ffffff url(/css/images/bg_body.jpg) repeat-x;
}

div#site {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 957px;
}

/* Header
-------------------------------------------------------------------------*/
	div#header {
		position: relative;
		width: 957px;
		height: 157px;
	}

	div#header div#directcontact {
		position: relative;
		left: -22px;
		height: 60px;
	}

	div#header div#grafisch {
		position: absolute;
		right: 0;
		top: 0;
		width: 330px;
	}


	/* Header :: menu
	---------------------------------------------------------------------*/
	div#header div#menu {
		position: relative;
		left: 0;
		top: 28px;
		height: 28px;
		width: 936px;
	}
	
	div#header div#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	div#header div#menu ul li {
		float: left;
		margin-right: 14px;
	}

	div#header div#menu ul li.last {
		margin-right: 0;
	}


/* introblock
----------------------------------------------------------------------*/
	div.introblock {
		position: relative;
		width: 855px;
		padding: 0 0 24px 0;	
	}

	.big {
		font-size: 50px;
		color: #3e3f43;
		line-height: 50px;
	}
	
	.big2 {
		font-size: 50px;
		color: #ffffff;
		line-height: 50px;
	}	
	
	div.introblock p {
		font-size: 18px;	
		color: #999;
		line-height: 24px;
	}
	
/* introblock::submenu (portfolio)
----------------------------------------------------------------------*/
	 div.introblock div.submenu a {
	 	position: relative;
	 	float: left;
	 	display: block;
	 	height: 40px;
	 	margin: 0 0 15px 0;
	 	text-align: center;
	}

	div.introblock div.submenu a:hover {
		background: url(/css/images/btn_subnav_hover.png) center bottom no-repeat;
	}

/* block1
----------------------------------------------------------------------*/
	div.block1 {
		position: relative;
		width: 855px;
		margin-bottom: 24px;
	}

/* block1::portfolioitem
----------------------------------------------------------------------*/
		 div.block1 div.portfolioitem {
		 	position: relative;
		 	float: left;
		 	width: 265px;
		 	margin: 0 30px 43px 0;	
		}

		div.block1 div.portfolioitem.last {
			margin-right: 0;
		}

		div.block1 div.portfolioitem p, div.block1 div.portfolioitem p * {
		}

	
		div.portfolioitem a img.photo {
			margin-bottom: 5px;
			border: 8px solid #d9dadb;	
		}
		
		div.portfolioitem a:hover img.photo {
			border: 8px solid #bdbec0;	
		}

/* block1::newsitem
----------------------------------------------------------------------*/
	
	div.block1 div.newsitem {
		margin-left: 24px;	
	}
	
	div.block1 div.newsitem div.newsimage {
		width: 250px;
		height: 180px;
		position: relative;
		float: left;
		margin-bottom: 32px;
	}

	div.block1 div.newscontent {
		width: 500px;
		position: relative;
		float: left;
		margin: 0 0 24px 42px;
	}

/* block1::contactform (contact)
----------------------------------------------------------------------*/
	div.block1 div.contactform {
		position: relative;
		float: left;
		width: 560px;
		margin-bottom: 100px;	
	}
	
	div.contactform form div.key {
		position: relative;
		float: left;
		width: 155px;
		margin-top:-5px;	
	}	

	div.contactform form div.value input {
	 	width: 390px;
	 	height: 43px;
	 	padding: 5px;
	 	margin-bottom: 31px;
	 	border: none;
	 	font-size: 20pt;
	 	color: #3e3f43;
	 	background-color: #dbdbdb;
	}
	
	div.contactform form div.value input.error {
		border: 1px solid #c02d1a;
	}
	
	div.block1 div.contactform div.button a {
	}
	
	div.block1 div.contactform div.button a:hover {
	}
	
	div.block1 div.contactform div.errors {
		color: #c02d1a;
		margin: 0 0 15px 0;
	}
	
	
	div.block1 div.contactform div.message a.back {
		background-color:#999999;
		color:#ffffff;
		font-size:12px;
		line-height:14px;
		padding:3px 5px;
	}
	
	div.block1 div.contactform div.message a:hover.back {
		background-color:#b6b6b6;
	}
	
	div.block1 div.contactform div.button {
		float: right;
	}
	
/* block1::address (contact)
----------------------------------------------------------------------*/
	div.block1 div.address {
		position: relative;
		float: right;
		width: 265px;
		margin: -5px 0 100px 25px;		
	}

	div.block1 div.address div.data {
		margin-bottom: 30px;	
	}

	div.block1 div.address div.data a {
		color: #acacac;
	}

/* block2
----------------------------------------------------------------------*/
	div.block2 {
		width: 855px;
		margin-bottom: 24px;
	}

/* smallblock
----------------------------------------------------------------------*/
	div.smallblock {
		position: relative;
	 	float: left;
	 	width: 265px;
	 	margin: 0 30px 24px 0;		
	}
	
	div.smallblock div.actueelitem {
		margin-bottom: 25px;	
	}

	div.smallblock div.actueelitem p {
		margin: 0;
		padding: 0;
	}

	div.smallblock div.actueelitem p a {
		color: #3e3f43;
	}

	div.smallblock div.key {
		font-weight: bold;
		color: #3e3f43;
		margin-bottom: 0;
	}

	div.smallblock div.value input {
		border: none;
		background-color: #dbdbdb;
		line-height: 25px;
		color: #3e3f43;
		padding: 3px;
		margin-bottom: 14px;
	}

	div.smallblock div.button a {
	}
	
	div.smallblock div.button a:hover {
	}
	
	div.smallblock strong {
		font-weight: normal;
		color: #3e3f43;
	}

	div.smallblock div.errors {
		color: red;
		margin-bottom: 5px	
	}

	div.smallblock table tbody#twittercontent tr td.content {
		padding-bottom: 15px;	
	}

	div.smallblock table tbody#twittercontent tr td.content a {
		color: #3e3f43;
		text-decoration: none;
	}

	div.smallblock table tbody#twittercontent tr td.content a:hover {
		color: #3e3f43;
		text-decoration: underline;
	}

	div.smallblock table tbody#twittercontent tr td.content span {
		font-size: 10px;
	}


/* block3
----------------------------------------------------------------------*/
	div.block3 {
		position: relative;
		width: 755px; /* 855px */
		background-color: #c5c5c6;
		padding: 20px 50px;
		margin-bottom: 24px;
	}
	
	div.block3 div.left {
		position: relative;
		float: left;
		color: #787879;
		width: 350px; /* 370px */
		padding: 0 34px 0 0;
	}

	div.block3 div.right {
		position: relative;
		float: left;
		color: #787879;
		width: 350px; /* 370px */
		padding: 0 0 0 10px;
	}

	div.block3 div.left *, div.block3 div.right * {
		color: #787879;
	}

	div.block3 div.left h3, div.block3 div.right h3 {
		color: #3e3f43;
	}

	div.block3 div.button {
		position: absolute;
		right: 0;
		bottom: -6px;
	}

/* blockleft
----------------------------------------------------------------------*/
	div.blockleft {
		position: relative;
		width: 561px;
		float: left;
	}

	div.blockleft * {
		color: #999;
	}

	div.blockleft h3 {
		color: #3e3f43;
	}

	div.blockleft a {
		color: #3e3f43;
	}


	/* blockleft::expertises
	------------------------------------------------------------------*/
		div.expertises {
			position: relative;
			width: 461; /* 561px */
			background-color: #c5c5c6;
			padding: 20px 50px;
			margin: 24px 0;
		}
		
		div.expertises * {
			color: #787879;
		}

		div.expertises h3 {
			color: #3e3f43;
		}
	
		div.expertises p {
			padding-bottom: 10px;
		}
	
		div.expertises div.button {
			position: absolute;
			right: 0;
			bottom: -4px;
		}

	/* blockleft::portfolioitem
	------------------------------------------------------------------*/
		 div.blockleft div.portfolioitem {
		 	position: relative;
		 	float: left;
		 	width: 265px;
		 	margin: 0 30px 24px 0;	
		}

		div.blockleft div.portfolioitem.last {
			margin-right: 0;
		}
	
		div.portfolioitem a img.photo {
			margin-bottom: 5px;
			border: 8px solid #d9dadb;	
		}
		
		div.portfolioitem a:hover img.photo {
			border: 8px solid #bdbec0;	
		}

	div.blockleft div.left {
		position: relative;
		width: 265px;
		padding-bottom: 24px;
		float: left;
		color: #999;
	}

	div.blockleft div.right {
		position: relative;
		width: 265px;
		float: left;
		padding-left: 30px;
		color: #999999;
	}

	div.blockleft div.left a.refurl, div.blockleft div.right a.refurl {
		color: #3e3f43;
		text-decoration: none;
	}

	div.blockleft div.left a.refurl:hover, div.blockleft div.right a.refurl:hover {
		color: #999999;
	}

	div.blockleft div.newsitem {
		padding-bottom: 20px;
	}

	div.blockleft div.newsitem a {
		color: #666;
	}

	div.blockleft div.newsitem p {
		margin: 0;
		padding: 0;
	}

	div.blockleft div.newsitem div.date {
		font-weight: bold;
		font-size: 10px;
		color: #666;
	}


/* blockright
----------------------------------------------------------------------*/
	div.blockright {
		position: relative;
		width: 265px;
		float: left;
		padding-left: 29px;
	}

	div.blockright div.smallblock {
	 	margin: 0 0 24px 0;		
	}

	div.blockright div.smallblock div.mailingitems a {
	 	color: #3e3f43;
	 	font-size: 14px;
	 	font-weight: bold;
	}

	div.blockright div.smallblock div.mailingitems a.active {
	 	color: #999;
	}

/* Footer
-------------------------------------------------------------------------*/
	div#footer {
		position: relative;
		height: 158px;
		width: 855px;
		text-align: left;
	}

	/* Footer :: contact
	-----------------------------------------------------------------*/
		div#footer div#contact {
			position: relative;
			float: left;
			margin: 0;
			color: #999999;
			width: 210px;
			height: 100px;
			border-right: 1px solid #c5c5c6;
		}
	
		div#footer div#contact div#contactimage {
			position: relative;
			float: left;
			margin-right: 10px;
		}
	
			div#footer div#contact div#contactdetails {
			position: relative;
			float: left;
			color: #999999;
		}	

	/* Footer :: links
	-----------------------------------------------------------------*/
		div#footer div#links {
			position: relative;
			float: left;
			width: 342px;
			height: 100px;
			padding-left: 10px;
			border-right: 1px solid #c5c5c6;

		}

		div#footer div#links td {
			vertical-align: top;
			padding-right: 15px;
			line-height: 16px;
		}

		div#footer div#links td.last {
			padding-right: 0;
		}
	
		div#footer div#links a {
			color: #999999;
			text-decoration: none;	
			font-size: 10px;
			line-height: 12px;
		}

		div#footer div#links a:hover {
			color: #999999;
			text-decoration: underline;	
		}		

	/* Footer :: explore
	-----------------------------------------------------------------*/
		div#footer div#explore {
			position: relative;
			float: right;
			right: 0;
			width: 265px;
			height:100px;
			background: url(/css/images/img_explore.jpg) no-repeat;
		}

/* Tomatos
-------------------------------------------------------------------------*/
	div#tomatos {
		background: url(/css/images/img_tomatos.png) no-repeat !important;
		display: block !important;
		height: 186px !important;
		margin: -45px 0 0 !important;
		padding: 0 !important;
		position: fixed !important;
		top: 160px !important;
		width: 73px !important;
		z-index: 100001 !important;
		right: 0 !important;
		overflow: hidden;
		line-height: 1000;
	}

/* Other
-------------------------------------------------------------------------*/
	div.clear {
		clear: both;
	}


		span.readmore a {
		 	font-size: 12px;
			line-height: 14px;
			color: #ffffff;
			background-color: #999999;
			padding: 3px 5px 3px 5px;
		}
	
		span.readmore a:hover {
			background-color: #b6b6b6;
		}