html{height:100%;}
body{
	background:#bccc58 url(../images/body.gif) repeat-y;
	height:100%;
	font:11px Arial, Helvetica, sans-serif;
	color:#28387a;
	margin:0;
}
img{
	display:block;
	border:0;
}
form,
fieldset{
	border:0;
	padding:0;
	margin:0;
}
input,
select,
textarea{font:11px Arial, Hevetica, sans-serif;}
/*--main holder--*/
#page-holder{
	width:970px;
	min-height:100%;
	overflow:hidden;
	position:relative;
}
* html #page-holder{height:100%;}
/*--logo--*/
.logo{
	background:url(../images/logo.gif) no-repeat;
	width:233px;
	height:62px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:14px;
	left:9px;
}
.logo a{
	height:100%;
	display:block;
}
.sub-holder{
	width:100%;
	overflow:hidden;
}
/*--columns holder--*/
#col-hold{
	background:#fff url(../images/grad.gif) repeat-x 0 100%;
	width:788px;
	float:left;
}
/*--left column--*/
#sidebar-1{
	background:url(../images/sidebar-1.gif) repeat-y;
	width:165px;
	float:left;
	padding:0 54px 0 14px;
	margin:86px 0 0;
}
/*--select language--*/
.lang{
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:171px;
}
.lang li{
	background:url(../images/lang-separator.gif) no-repeat;
	float:left;
	clear:right;
	display:inline;
	margin:0 1px 0 -1px;
	padding:0 6px 0 5px;
}
.lang a{
	font-size:10px;
	color:#28387a;
	text-decoration:none;
}
.lang .active a,
.lang a:hover{color:#bccc58;}
/*--navigation--*/
.navigation{
	background:url(../images/navigation.gif) no-repeat;
	list-style:none;
	padding:37px 0 0;
	margin:0;
}
.navigation li{
	background:url(../images/navigation-li.gif) repeat-x 0 100%;
	width:100%;
	vertical-align:top;
}
.navigation a{
	background:url(../images/navigation-bullet.gif) no-repeat 7px 9px;
	display:block;
	line-height:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:5px 65px 9px 20px;
}
* html .navigation a{
	height:1%;
	overflow:visible;
}
.navigation li:hover,
.navigation li.hover{
	background-color:#b4c45a;
	position:relative;
}
.navigation li.active-nav{
	background-color:#ff0000;
	position:relative;
}
.navigation li:hover a,
.navigation li.hover a{background:#b4c45a url(../images/navigation-li.gif) repeat-x 0 100%;}
.navigation li:hover ul a,
.navigation li.hover ul a{background:url(../images/navigation-drop-bullet.gif) no-repeat 9px 7px;}
.navigation li:hover div,
.navigation li.hover div{display:block;}
.navigation div{
	background:url(../images/navigation-div.gif) no-repeat;
	width:145px;
	position:absolute;
	top:0;
	left:105px;
	display:none;
}
a.active_nav {background:#b4c45a url(../images/navigation-li.gif) repeat-x 0 100%;}
.navigation ul{
	background:url(../images/navigation-ul.gif) no-repeat 0 100%;
	width:137px;
	overflow:hidden;
	list-style:none;
	padding:0 0 3px;
	margin:5px 0 0 8px;
}
.navigation ul li:first-child{border-top:0;}
.navigation ul li{
	background:none;
	border-top:1px solid #737da8;
}
.navigation ul a{
	background:url(../images/navigation-drop-bullet.gif) no-repeat 5px 5px;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	color:#28387a;
	padding:4px 5px 4px 25px;
}
.navigation li:hover ul li:hover a,
.navigation li.hover ul li.hover a{background-color:#c7d385;}
/*--content part--*/
#content{
	background:url(../images/content.gif) no-repeat;
	width:456px;
	float:right;
	padding:0 50px 0 19px;
}
.wrapper{
	width:525px;
	height:77px;
	overflow:hidden;
	margin:0 -50px 0 -19px;
	padding-left: 30px;
}
.wrapper fieldset{
	width:270px;
	float:left;
	padding:0 0 0 0px;
	margin:5px 0 0;
}
.wrapper legend{
	font-size:10px;
	color:#707170;
	margin:0 0 0 -2px;
}
* html .wrapper legend{margin:0 0 0 -6px;}
* +html .wrapper legend{margin:0 0 0 -6px;}
.wrapper input{
	float:left;
	margin:0px 4px 0 0;
	margin-top:0px;       /*--added by obi--*/
}
.wrapper input.string{
	background:#fafafa;
	width:206px;            /*--changed by obi--*/
	color:#d1d1d1;
	border:0;
	padding:1px 5px 2px;
}
.wrapper div#importeur{         /*--changed by obi--*/
	width:125px;
	position: absolute;
	top: 2px;
        left: 660px;
	padding:0 30px 0 0;
}

.wrapper div span{
	font-size:10px;
	line-height:12px;
	display:block;
}
.wrapper div img{
	border:1px solid #fff;
	margin:2px 0 0;
}

.wrapper div img#loading {   /*--added by obi--*/
	border:0px;
	margin:2px 0 0;
	display: inline;
}

.wrapper form{   /*--added by obi--*/
	padding:8px 0 0 0;
}

.wrapper form div{   /*--added by obi--*/
	padding:0px 0 0 0;
}

P.error {clear:left;}


/*--breadcrumbs--*/
.breadcrumbs{
	width:100%;
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
}
.breadcrumbs li.prefix{background:url(../images/white.gif) no-repeat 0 5px; padding:0 6px 0 0;}
.breadcrumbs li.first{background:url(../images/white.gif) no-repeat 0 5px; padding:0 6px 0 0;}
.breadcrumbs li{
	background:url(../images/breadcrumbs-bullet.gif) no-repeat 0 5px;
	float:left;
	color:#989898;
	padding:0 6px 0 11px;
}
.breadcrumbs a{color:#28387a;}
.breadcrumbs a:hover{text-decoration:none;}
#content h1{
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	margin:17px 0 0;
}
#content p{
	line-height:17px;
	margin:17px 0 0;
}
.products{
	width:100%;
	list-style:none;
	padding:0;
	margin:22px 0 0;
}
.products li{
	background:url(../images/products-li.gif) repeat-y;
	background-color: #dfe0df;
	width:100%;
	height:100px;
	overflow:hidden;
	margin:10px 0 0;
}
.products img{
	float:left;
	border:1px solid #bfce61;
}
.products div{
	width:281px;
	float:left;
	padding:0 5px 0 16px;
}
.products h3{
	font-size:11px;
	line-height:14px;
	margin:8px 0 0;
}
#content .products p{
	line-height:13px;
	margin:0;
}
.more{
	background:url(../images/more.gif) no-repeat;
	width:15px;
	height:100px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
}
/*--copyright--*/
.copyright{
	width:100%;
	border-top:1px solid #bcbcbc;
	margin:59px 0 0;
}
#content .copyright p{
	line-height:18px;
	color:#8d8d8d;
	margin:0;
}
#content .copyright p a{color:#8d8d8d;}
#content .copyright p a:hover{text-decoration:none;}
/*--right column--*/
#sidebar-2{
	width:182px;
	float:right;
}
.box{
	background:#e1e2e1;
	overflow:hidden;
	padding:21px 5px 27px 9px;
}
* html .box{
	height:1%;
	overflow:visible;
}
.box h4{
	font-size:11px;
	line-height:14px;
	font-style:italic;
	margin:0;
}
.box h4 span{
	font-size:9px;
	font-weight:normal;
}
.box address{
	line-height:17px;
	font-style:normal;
	display:block;
}
.box address span{display:block;}
.box dl{
	line-height:17px;
	margin:0;
}
.box dt{
	float:left;
	font-weight:bold;
	margin:0 4px 0 0;
}
.box dd{margin:0;}
.box dl a{
	background:url(../images/link-email.gif) no-repeat 2px 100%;
	color:#28387a;
	text-decoration:none;
	padding:0 2px 1px 0;
}
.box dl a:hover{background:none;}


/* ======================= BEGIN OPMAAK CONTACT FORMULIER ======================= */

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
        border: 0px;
}

.csc-mailform-field {
        margin: 5px 0px 5px 0px; 
}

.csc-mailform-field label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 172px; 
	padding-right: 10px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	clear: left;
	color: #28387a;
	font-size: 120%;
}

textarea {font-family:arial,sans-serif}

input#mailformformtype_mail   {margin-left: 182px; }

/*
.csc-mailform-radio label {
        display: inline;
}

.csc-mailform-radio legend {
        display: none;
}
*/
/* ======================= EINDE OPMAAK CONTACT FORMULIER ======================= */