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

.mod_text img
{
	margin: 10px;
}

.page-element-box
{
	margin-bottom: 4px;
}
#wrapper.home .page-element-box
{
	margin-bottom: 0;
}

.contact form
{
	border: 0 solid #999;
	border-width: 1px 0;
}
.contact fieldset
{
	background: url(../images/background_form.gif) repeat-y top left;
	margin: 1px 0;
	padding: 20px;
}
.contact legend
{
	display: none;
}
.contact label
{
	float: left;
	width: 120px;
	clear: left;
	margin-right: 20px;
	display: inline;
}
.contact .checkbox label
{
	float: none;
	clear: none;
	width: auto;
}
.contact .form
{
	margin: 5px 0;
}
.contact .inputtext input, .contact textarea
{
	width: 400px;
}

/**
 * Home
 */

#wrapper.home #products .page-element-box
{
	margin: 25px 0;
}

/**
 * Other
 */

#wrapper.other
{
	background: #fff;
}

#sidebar ul, #sidebar .mod_links
{
	margin: 45px 0 0 20px;
}
#sidebar li, #sidebar .mod_links a, div.add-to-cart a, div.more_information a
{
	padding-left: 25px;
	background: url(../images/sidebar_arrow.png) no-repeat center left;
	zoom: 1;
	line-height: 25px;
	display: block;
}

#sidebar li a, #sidebar .mod_links a, div.add-to-cart a, div.more_information a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
}

/**
 * Webshop
 */

.mod_webshopcart_overview #main
{
	width: 679px;
	padding-right: 20px;
}

.mod_webshopcart_overview h3, .mod_webshopoverview_product h3, .mod_webshopcart_overview h1, .mod_webshopoverview_product h1
{
	background: url(../images/gradient_breadcrumb.png) repeat-y top left;
	line-height: 25px;
	height: 25px;
	padding: 10px 20px;
	margin: 0 0 20px -20px;
}
.mod_webshopcart_overview h3 a, .mod_webshopoverview_product h3 a,.mod_webshopcart_overview h1 a, .mod_webshopoverview_product h1 a
{
	color: #1085D8;
	text-decoration: none;
}

.categoryImage img
{
	/* display: block; */
}
.category
{
	position: relative;
	width: 210px;
	height: 179px;
	float: left;
	margin: 8px;
	background-color: #D6EBB5;
}

.category img {
	height: 143px;
	max-width: 210px;
}

div.categoryImage {
	text-align: center;
	/* background-color: #FDEEEE; */
	background-color: #d6ebb5;
}

.categoryInfo
{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 36px;
	width: 100%;
	/* background: #A73E28; */
	background-color: #69971f;
	text-align: center;
}
.categoryInfo h4
{
	margin: 0;
	line-height: 36px;
	font-size: 12px;
}
.categoryInfo h4 a
{
	color: #fff;
	text-decoration: none;
}

.product_overview {
	clear: both;
}

.product_overview, .productImage
{
	width: 500px;
}
.productImage img
{
	display: block;
}

.productImage .productimages {
	margin-top: 10px;	
}

.productImage .productimages a {
	border: 1px solid #e4e4e4;
	padding: 2px;
	
	display: block;
	float: left;
	
	width: 93px;
	height: 93px;
	
	line-height: 93px;
	vertical-align: middle;
	text-align: center;
	
	margin: 0px 3px 3px 0px;
}

.productImage .productimages a img {
	display: inline;
	float: none;
}

.add-to-cart, .price
{
	margin: 10px 0;
}

.mod_webshopcart_overview .product
{
	float: left;
	border-top: 1px dotted #ccc;
	padding: 20px 0;
}
.mod_webshopcart_overview .productImage
{
	float: left;
	width: 210px;
	margin-right: 20px;
	display: inline;
	padding-bottom: 1px;
}
.mod_webshopcart_overview .productInfo
{
	float: right;
	width: 449px;
}


/**
 * Contact
 */

#contents .contact-sidebar
{
	width: 225px;
}

.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;
}

/**
 * Vacancies
 */
 
div.mod_vacancies_vacancy div.vacancy {
	
}

	div.mod_vacancies_vacancy div.vacancy dl {
	
	}
	
		div.mod_vacancies_vacancy div.vacancy dl dt {
			float: left;
			clear: both;
			
			font-weight: bold;
			
			padding-right: 10px;
		}
		
div.mod_vacancies_vacancy form label {
	float: left;
	clear: both;
	
	width: 100px;
}

div.mod_vacancies_vacancy button {
	margin-top: 10px;
}

#home-image div.mod_images {
	margin-bottom: 16px;
}

div.add-to-cart a, div.more_information a {
	line-height: 20px !important;
}

div.more_information a {
	margin-top: -10px;
}

div.mod_vacancies_vacancy {
	margin-left:251px;
	width:610px;
}