/*
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;
}

.contact form
{
	border-bottom: 1px solid #999999;
	width: 600px;
}
.contact .formElement1081 {
	border-top: 1px solid #999999;
}

.contact fieldset
{
	background: url(../images/bg_form.gif) repeat-y top left;
	margin: 1px 0;
	padding: 20px;
}

.contact legend
{
	display: none;
}

.contact label
{
	float: left;
	width: 115px;
	clear: left;
	margin-left: 20px;
	display: inline;
}

.contact .checkbox label
{
	float: none;
	clear: none;
	width: auto;
}

.contact .form
{
	margin: 5px 0;
}

#boxes .second .text_module
{
	width: 268px;
}

#boxes .first .text_module
{
	border-left: 0;
}

#main .text_module img
{
	margin: 0 5px;
}

/**
 * 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;
}

.contact-info-left
{
	float: left;
}

.contact-info-right
{
	float: right;
}

.mod_breadcrumbs, #main h3, #main h4,
.mod_detail h5
{
	height: 30px;
	line-height: 30px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	color: #556877;
	background: url(../images/breadcrumb.jpg) no-repeat top left;
	padding-left: 10px;
	margin: 0 0 25px -10px;
}

#main h3 {
	margin-bottom: -0px;
}

.mod_breadcrumbs a
{
	text-decoration: none;
}

.mod_portfolio_item
{
	margin-bottom: 20px;
}

.mod_portfolio_item .image
{
	float: left;
	padding: 10px 10px 10px 0;
	margin-top: 46px;
	width: 130px;
}

#main .mod_portfolio_overview h3 {
	display: none;
}
#main .mod_portfolio_item .message h4 {
	margin-left: -135px;
}
.mod_portfolio_item .images {
	float: right;
	margin-top: 46px;
}
.mod_portfolio_item .images .image {
	float: none;
	margin: 0;
	text-align: right;
}
#main .mod_portfolio_item .images img {
	padding: 0;
}

.mod_portfolio_item .message
{
	float: left;
	width: 520px;
}
#main .mod_detail_item img {
	padding: 0;
	margin: 0;
}
#main .mod_detail h5 {
	margin-bottom: 20px;
	margin-left: -130px;
}

.inputtext input, textarea
{
	width: 360px;
}

/**
 * Default markup
 */

.html
{
    font-size: 62.5%;
    line-height: 62.5%;
}
.body, .body input, .body textarea, .body legend
{
    font-family: Arial, sans-serif;
}
.body, .body a
{
	color: #0A6A4E;
}
.body
{
    font-size: 1.2em;
    line-height: 1.6em;
}
.body input, .body textarea, .body legend
{
    font-size: 1em;
    line-height: 1em;
}

#sidebar .contact_info {
	padding: 25px 15px;
}

#sidebar .contact_area
{
	padding: 25px 15px;
}
#sidebar .contact_info h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}
#sidebar .contact_info p {
	margin-top: -10px;
}
#sidebar .contact_info .contactinfo_kop {
	display: none;
}

/**
 * Diensten
 */

div.mod_detail {
	
}

	div.mod_detail div.mod_detail_item {
		border: 0px;
	}
	
		div.mod_detail div.mod_detail_item div.image {
			width: 100px;
			margin-top: 52px;
			border: 0px;
		}
		
			div.mod_detail div.mod_detail_item div.image img {
				display: block;
				max-width: 100px;
				width: expression( this.width > 100 ? 100 : true ); 
			}
		
		div.mod_detail div.mod_detail_item div.message {
			width: 500px;
		}
		
	div.mod_detail div.mod_detail_item.detail {
		
	}
	
		div.mod_detail div.mod_detail_item.detail h3 {
			padding-bottom: 20px;
			background-position: middle left;
		}
		
		div.mod_detail div.mod_detail_item div.mod_detail_item_body.has-images {
			width: 530px;
			margin-right: 30px;
		}
		
		div.mod_detail div.mod_detail_item div.mod_detail_item_images {
			width: 100px;
		}
		
			div.mod_detail div.mod_detail_item div.mod_detail_item_images a.primary_image,
			div.mod_detail div.mod_detail_item div.mod_detail_item_images a.secondary_image {
				border:0px solid #EFEFEF;
				display:block;
				float:left;
				height:auto;
				margin-bottom:20px;
				margin-right:4px;
				padding:2px;
				text-align:center;
				width:91px;
			}
			
				div.mod_detail div.mod_detail_item div.mod_detail_item_images a.primary_image img,
				div.mod_detail div.mod_detail_item div.mod_detail_item_images a.secondary_image img {
					width: 91px;
					vertical-align: top;
				}