/*
This CSS file contains all CSS classes needed for the layout. This is needed to
prefent that when de styles dropdown is used inside TinyMCE the classes needed
for the layout are shown as well.
*/

body .body #wrapper .editButton
{
	position: relative;
	top: 0;
	left: 0;
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}

body .body #wrapper .editButton img
{
	display: inline;
}

/**
 * Clear Fix
 */

.clear-after:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clear-after
{
	display: inline-block;
}
/* Open IE backslash hack \*/
* html .clear-after
{
	height: 1%;
}
.clear-after
{
	display: block;
}
/* Close IE backslash hack */

.clear
{
	clear: both;
}

/**
 * Default
 */

#menu li.active a
{
	color: #B48D00;
}

.separator
{
	background: url(../images/separator.gif) no-repeat top;
	height: 35px;
	clear: both;
}
#main .separator
{
	padding: 24px 0;
}

.contact
{
	position: relative;
}
#wrapper #main .contact .editButton
{
	position: absolute;
}
.contact h3
{
	margin: 25px 0 0 0;
	font-size: 14px!important;
	font-weight:bold;
	line-height: 14px;
	padding: 4px 10px;
	background: url(../images/contact-gradient.png);
}
.contact h3, .contact form
{
	border: 1px solid #DCDCDC;
}
.contact form
{
	border-top: 0;
	background: #F8F8F8;
	padding: 10px;
}
.contact label, .contact .inputtext, .contact .textarea
{
	float: left;
	padding: 5px;
}
.contact .inputtext input, .contact textarea, .contact .error
{
	width: 261px;
	/* Strange IE bug */
	*width: 254px;
}
.contact .error
{
	color: rgb(204, 0, 0);
	margin-left: 250px;
}
.contact .inputtext input, .contact textarea
{
	border: 1px solid #D9C57F;
}
.contact textarea
{
	height: 100px;
}
.contact label
{
	width: 250px;
	clear: left;
	padding: 0;
	line-height: 22px;
}
.contact button
{
	margin: 5px;
	margin-left: 265px;
}
.contact .form
{
	border-bottom: 1px solid #fff;
}

/**
 * Home
 */

#boxes
{
	position: relative;
	height: 135px;
}

#boxes .first, #boxes .second, #boxes .last
{
	width: 340px;
	position: absolute;
	top: 0;
	height: 135px;
}

#boxes .mod_images_image img
{
	max-width: 340px;
	width: expression(this.width > 340 ? 340 : true);
	/*height: expression(this.height > 135 ? 135 : true);*/
}

#boxes .first
{
	left: -52px;
	text-align: right;
}
#boxes .second
{
	left: 288px;
	width: 344px;
	text-align: center;
}
#boxes .last
{
	right: -52px;
	text-align: left;
	position:absolute;
	top:10px;
}

/**
 * Referenties
 */

.mod_portfolio_item .primaryImage, .mod_services .primaryImage
{
	width: 240px;
	padding: 0 35px 1px 35px;
	float: left;
}
.mod_portfolio_item .contents, .mod_services .contents
{
	width: 545px;
	padding-right: 65px;
	float: left;
}
.mod_portfolio_item .image, .mod_services .image
{
	float: left;
	display: inline;
	margin-right: 15px;
}

/**
 * Contact
 */

#contents .contact-sidebar
{
	width: 230px;
	padding: 0 35px 0 30px;
}

.contact-sidebar .contact_info p
{
	display: block;
	margin-top: -3em;
}

.contactinfo_kop
{
	display: none;
}

#sidebar .mod_text p, #sidebar .mod_text h3
{
	font-size: 14px;
	margin: 0;
}

/**
 * Klanten aan het woord
 */

.mod_portfolio_overview h3, .mod_services h3,
.mod_portfolio_overview h4, .mod_services h4
{
	margin-top: 0;
}

.mod_portfolio_overview, .mod_services
{
	margin-top: 20px;
}

.mod_portfolio_overview .separator, .mod_services .separator
{
	height: 60px;
	background-position: center left;
}

/**
 * Woontips
 */
div.mod_detail {
	margin-left: 10px;
}

div.mod_detail div.image {
	border: none !important;
}

div.mod_detail h3 {
	display: none;

}

div.mod_detail div.mod_detail_item {
	background-image: url('../images/separator.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
	border: none !important;
	padding-bottom: 40px !important;
	margin-bottom: 20px !important;
}

	div.mod_detail div.mod_detail_item div.image {
		margin-left: 20px;
	}

	div.mod_detail div.mod_detail_item div.message {
		width: 560px !important;
		padding-right: 50px;
		float: right !important;
	}
	
		div.mod_detail div.mod_detail_item div.message h5 {
			margin-bottom: 20px !important;
		}
		
		div.mod_detail div.mod_detail_item div.message p.leesmeer {
			display: none;
		}

 /*Newsletter module*/

.mod_newsletter h3
{
	margin: 25px 0 0 0;
	font-size: 14px!important;
	font-weight:bold;
	line-height: 14px;
	padding: 4px 10px;
	background: url(../images/contact-gradient.png);
}
.mod_newsletter h3, .mod_newsletter form
{
	border: 1px solid #DCDCDC;
}
.mod_newsletter form
{
	border-top: 0;
	background: #F8F8F8;
	padding: 10px;
	zoom:1;
	
}
.mod_newsletter label, .mod_newsletter .inputtext, .mod_newsletter .textarea
{
	float: left;
	padding: 5px;
}
.mod_newsletter .inputtext input, .mod_newsletter textarea, .mod_newsletter .error
{
	width: 261px;
	/* Strange IE bug */
	*width: 254px;
}
.mod_newsletter .error
{
	color: rgb(204, 0, 0);
	margin-left: 250px;
}
.mod_newsletter .inputtext input, .mod_newslettertextarea
{
	border: 1px solid #D9C57F;
}
.mod_newsletter textarea
{
	height: 100px;
}
.mod_newsletter label
{
	width: 250px;
	clear: none;
	padding: 0;
	line-height: 22px;
}
.mod_newsletter button
{
	margin: 5px;
}
.mod_newsletter .form
{
	border-bottom: 1px solid #fff;
}

.news_button{
	*margin-top:30px;
	margin-top:42px;
}