@charset "utf-8";
/* bamboo-plant.nl, anandarizki/ihsanyogie, yavidesign, 11-2009 */


* {
margin:0;
padding:0;
}
body {
background-color:#fff;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
body, html {
height:100%;
width:100%;
}
a {
color:#8ac40f;
}
a:hover {
text-decoration:none;
}
h1, h2, h3, h4 {
}
td {
}
li {
}
#wrapper {

background:#FFFFFF url(../images/bg-body.gif) repeat-x scroll left top;
width:100%;
min-height:100%;
height:auto;
position:relative;
left:0;
left:0;
z-index:1;
}
#container {
overflow:hidden;
width:976px;
}
#top {

background:transparent url(../images/top-bg.jpg) no-repeat scroll left top;
height:106px;
position:relative;
width:100%;
z-index:9
}
#logo {
position:absolute;
}
#logo a {
}
#logo a img {
border:medium none;
}
#nav1 {
/* 
 background:url(../images/search-bg.gif) no-repeat scroll right bottom; */
float:right;
}

#nav1 li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
height:27px;

}


#nav1 a {
color:#FFFFFF;
display:block;
float:left;
font-family:verdana;
font-size:10px;
height:19px;
padding-top:6px;
text-decoration:none;
}
#nav1 a:hover {
text-decoration:underline;
}


#nav1 li#nav_left {
background:url(../images/ul_top.gif) left top no-repeat;
overflow:hidden;
padding-left:0px;
}

#nav1 ul {
background:url(../images/nav_repeat.gif) left top repeat-x;
overflow:hidden;
display:block}

#nav1 ul li {
padding:0px 10px}

#nav1 ul li a {
text-decoration:none}

#nav1 ul li a:hover {
text-decoration:underline}

#nav ul li a:active {
text-decoration:underline}


/* #home{
padding: 0 0 0 20px;
height:25px;
display: block;
overflow:hidden;
background: url(../images/ul_top.gif) left top no-repeat; 
}

#home a {

background:#AFAFAF url(../images/home-logo.gif) no-repeat scroll left bottom; 
text-align:center;
width:100px;
}
#home a:hover {

background:#868686 url(../images/home-logo.gif) no-repeat scroll left top; 
text-decoration:underline;
}
#international a {

background:#5C5C5C url(../images/europe-map.gif) no-repeat scroll 110px top; 
padding-left:10px;
width:150px;
}
#international a:hover {
background-position:110px -25px;
}
#contact a, #vacatures a {

 background:#AFAFAF none repeat scroll 0 0; 
text-align:center;
width:88px;
}
#contact a:hover, #vacatures a:hover {

text-decoration:underline;
/*background:#868686 none repeat scroll 0 0; 
*/

#nav1 #search-c{
width:147px;
background:url(../images/searchbox.gif) right top no-repeat;
font-size:11px;
overflow:hidden;
padding:0px 0px 0px 8px;
}

#nav1 #search-c input {
border:0;
background:white;
width:50px;
}

#nav1 #search-c label{
display:none
}

#nav1 #search-c .csc-mailform-field{
}

#search #mailform .csc-mailform, #search #mailform .csc-mailform-field, #search #mailform fieldset {
margin:0;
padding:0;
}

#search-c #mailform .csc-mailform {
border:medium none;
padding-top:3px;
padding-left:8px;
}

#search-c #mailform label {
display:none;
}
#search-c #mailform #mailformsword {
border:0;

float:left;
width:100px;
padding-right:5px;
margin-right:10px

}

#search-c #mailform #mailformsubmit{
border:0;
margin-top:1px;
background:#6FDF1A url(../images/search_btn.gif) left top no-repeat;
width:18px;
padding-bottom:1px;
}

#search-c #mailform #mailformsubmit:hover {
border:0;
margin-top:1px;
background:#6FDF1A url(../images/search_btn.gif) right top no-repeat;
width:18px;
padding-bottom:1px;
cursor:pointer;
}


*:first-child+html #search #mailform #mailformsubmit{
padding-bottom:0;
}
#search-c h1 {
color:#FFFFFF;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0 0 8px;
width:50px;
}
#international ul {
background:#5C5C5C;
border-color:#8ac40f;
border-style:solid;
border-width:0 1px 1px;
clear:left;
left:-999em;
margin:25px 0 0;
position:absolute;
width:250px;
z-index:200;
}
:first-child + html #international ul {
margin-top:0;
}
#international ul li {

}
#international ul li a {
background:transparent url(../images/bullet.gif) no-repeat 5px 11px;
color:#CCCCCC;
display:block;
float:left;
font-weight:normal;
padding:8px 20px 6px;
text-decoration:none;
width:80px;
}
#international ul li a:hover {
background-position:5px -30px;
color:#FFFFFF;
}
#nav1 ul li#international:hover ul {
left:auto;
background-position:0 0;
}
#section {

background:transparent url(../images/transparent-logo.gif) no-repeat scroll center bottom;
margin-top:10px;
overflow:hidden;
padding-bottom:50px;
width:100%;
}
#left {
float:left;
height:300px;
width:238px;
padding-top:10px;
}
#content-section {

background:transparent url(../images/edge.gif) repeat-y scroll 472px top;
float:right;
margin-top:10px;
overflow:hidden;
width:726px;
}
#header {
background:transparent url(../images/header.jpg) no-repeat scroll left top;
height:161px;
position:relative;
width:970px;
z-index:1
}
#login {
color:#FFFFFF;
height:100px;
padding:0px 17px 0px 0px;
position:absolute;
right:0;
top:14px;

}
#login #mailformuser, #login #mailformpass, #login #mailformsubmit {

background:transparent url(../images/input-login.gif) no-repeat scroll left top;
border:medium none;
color:#666666;
font-size:11px;
height:20px;
padding:3px 5px;
width:116px;
}
#login #mailformpass {
}
#login #mailformsubmit {

background:transparent url(../images/submit-login.gif) no-repeat scroll left top;
color:#FFFFFF;
margin-left:56px;
width:124px;
}
#login h1 {
color:#868686;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin-bottom:5px;
}
#login .csc-mailform {
border:medium none;
}
#login .csc-mailform-field {
padding:2px;
}
#content, #content2 {
float:left;
width:464px;
}
#content p, #content2 p {
font-size:12px;
line-height:16px;
margin:0 0 10px;
color:#000;
}
#content h1, #content2 h1 {
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
#content .csc-header, #content2 .csc-header {
margin-bottom:3px;
padding-bottom:3px;
}
#content a #content2 a {
color:#2F2F2F;
}
#content ul, #content2 ul {
margin:0 0 10px;
list-style:none;
}
#content ul li, #content2 ul li {
background:transparent url(../images/bullet-content.gif) no-repeat scroll 3px 7px;
font-size:12px;
padding:3px 3px 3px 20px;
}

#right {
float:right;
width:244px;
}
#right .module {
margin-bottom:10px;
}
#right .module p {
color:#666666;
line-height:18px;
text-align:justify;
}
#right .module .csc-header {
border-bottom:1px solid #CCCCCC;
margin-bottom:5px;
padding-bottom:5px;
}
#right .module h1 {
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
}
#right .module a {
}
#right .module ul li {
}
#footer-container {
background:#8ac40f /* url(../images/footer-container-bg.gif) repeat-x left top; */;
border-top:1px solid #669900;
height:27px;
margin-top:-27px;
width:100%;
z-index:999;
position:relative;
}
#footer {
height:27px;
width:975px;
}
#yavidesign {
float:right;
margin-top:6px;
text-align:right;
width:400px;
}
#yavidesign, #yavidesign a {
color:#fff;
}
#yavidesign a {
text-decoration:none;
}
#bottomnav {

float:left;
height:27px;
width:500px;
}
#bottomnav li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 10px 5px 10px;
}
#bottomnav li a {
color:#FFFFFF;
text-decoration:none;
}
#bottomnav li a:hover {
text-decoration:underline;
}

#frm_1 {
color:#333;
}
#frm_1 input, #frm_1 select {

border:1px solid #666;
color:#000;
font-size:11px;
height:15px;
padding:0 4px;
width:140px;
margin: 0;
}

#frm_1 select{
width:160px;
padding-right:3px;
margin: 4px 0 0 0;
height:18px;
}
#frm_1 legend {
color:#8ac40f;
font-weight:bold;
}
#frm_1 tbody tr td {
}
#frm_1 td {
padding:2px 10px;
}
#frm_1 textarea {

background:transparent none repeat scroll 0 0;
border:1px solid #666666;
background:#fff;
height:100px;
width:370px;
}
#frm_1 fieldset {
padding:0 20px;
background: #EFEFEF;
margin: 0;
border: 0 none;
}
#frm_1 label {
display:block;
}
#frm_1 #verstuur {
background:#8ac40f;
color:#fff;
margin-top:10px;
padding-bottom:6px
}

#frm_1 #bedrijfsgegevensvervolgtabel td{
width:11px;
}


#left .module{
text-align:right;
}
#left .module h1{
color:#8ac40f;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

#left .module .bodytext{
}
.tx_newsflexible_title_a{
font-weight:bold;
text-decoration:none;
margin-top:10px;
}

.tx_newsflexible_title_a:hover{
color:#000;
}

.tx_newsflexible_datetime{
color:#666;
}

#headerimg {
margin: 0px;
padding: 0px;
height: 160px;
width: 728px;
overflow:hidden;
}
#headerslogan {
background:transparent url(../images/bgslogan.png) repeat-x scroll left top;
bottom:1px;
color:#0199AC;
height:31px;
left:0;
margin:0;
overflow:hidden;
padding:5px 16px 0;
position:absolute;
width:696px;
z-index:777;
}
#headerslogan h1{
font-size:18px;
}
/*--------------------------------------banner_in_the_right------------------------------------------*/
#banner_right {
}
#banner_right ul {
list-style:none;
}
#banner_right ul li {
width:235px;
height:80px;
overflow:hidden;
margin-bottom:10px;
}
#banner_right ul li a {
overflow:hidden;
width:235px;
height:80px;
line-height:3000%;
display:block;
background:url(../images/banner1_en.jpg) left top no-repeat;
}
#banner_right ul li a:hover {
background-position:left -80px;
}
#banner_right ul li#banner2 a {
overflow:hidden;
display:none;
width:235px;
height:80px;
line-height:3000%;
background:url(../images/banner2.jpg) left top no-repeat;
}
#banner_right ul li#banner2 a:hover {
background-position:left -80px;
}
/*--------------------------------------banner_in_the_right_end------------------------------------------*/





/*--------------prod-img-slider----------------*/
 
#prod-img-slider { /*-------------yg digedein ------------------*/
margin-bottom:10px !important;
overflow:hidden;
padding-bottom:15px;
padding-left:5px;
padding-top:7px;
width:214px;
}

#prod-img-slider .heading_onze {
padding-left:30px;
}
#prod-img-slider .jCarouselLite {
float:left;
}
#prod-img-slider .jCarouselLite ul {
list-style:none;
} 
#prod-img-slider .jCarouselLite ul li {  /*-------------yg digedein ------------------*/
overflow:hidden;
height: 120px;
width:170px;
margin-right:4px;
margin-left:4px;
position:relative;
}
#prod-img-slider .jCarouselLite ul li .csc-header {
background:#000;
height:18px;
padding-top:2px;
padding-bottom:2px;
position:absolute;
top:0;
width:100px;
filter:alpha(opacity=85);
-moz-opacity:0.85;
KhtmlOpacity:.85;
opacity:.85;
}
#prod-img-slider .jCarouselLite ul li .csc-header h1 {
color:#FFFFFF;
font-size:11px;
font-weight:normal;
text-align:center;
}
#prod-img-slider .jCarouselLite ul li h1 {
border:3px solid #000000;
height:120px;
width:170px;
}
#prod-img-slider .jCarouselLite ul li img {/*-------------yg digedein ------------------*/
width:168px;
height:118px;
border:1px solid #000;
}
.prev {
background:transparent url(../images/prev-horizontal.gif) no-repeat scroll 0 0;
cursor:pointer;
float:left;
height:120px;
margin-right:2px;
width:16px;
}
.next {
float:left;
width: 14px;
height: 120px;
cursor: pointer;
margin-left:4px !important;
background: transparent url(../images/next-horizontal.gif) no-repeat 0 0;
}
* html .next {
margin-left:10px;
}
* html #prod-img-slider .jCarouselLite ul li {
margin-right:3px;
margin-left:3px;
}
.prev:hover, .next:hover {
background-position:-14px 0;
}
#mycarousel .csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
margin:0;
padding:0;
}
/*--------------prod-img-slider-end----------------*/

/*-------------- login ----------------*/

#content .term {
overflow:auto;
height:200px;
margin-top:10px;
margin-bottom:10px;
}

#content .term-input {
margin-bottom:10px}

#content input#submit-login {
background:url(../images/login_btn.gif) left top no-repeat;
width:83px;
padding:4px 0 17px 2px;
border:0;
font-weight:bold;
color:#ffffff;
}

#content fieldset {
padding: 10px;
}

#content fieldset input#user{
background:transparent url(../images/input_login.gif) no-repeat scroll left top;
border:0 none;
margin-bottom:5px;
padding:2px 6px 5px 6px;
width:159px;
}

#content fieldset input#pass{
background:transparent url(../images/input_login.gif) no-repeat scroll left top;
border:0 none;
margin-bottom:5px;
padding:2px 6px 5px 6px;
width:159px;
}

#content fieldset .csc-mailform-field {
width:440px;
float:left;	
}

#headerimg dl div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
margin-left:0;
}

#content .tx-felogin-pi1 fieldset legend{display:none;}
#content .tx-felogin-pi1 label{float:left;display:block;width:150px;}
#content .tx-felogin-pi1 .term-input {clear:both;overflow:hidden;}
#content .tx-felogin-pi1 input#term-condition{width:20px;float:left;}

#content #search .csc-mailform .csc-mailform-submit {
background:transparent url(../images/zoeken.gif) no-repeat scroll left top;
}

#content #search fieldset .csc-mailform-field label{
width:65px;}

#search #mailform .csc-mailform, #search #mailform .csc-mailform-field, #search #mailform fieldset {
padding:5px}

/* typo3 */

#content #mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
#content .csc-mailform {
border:1px solid #cdcdcd;
padding:15px 10px 5px;
}
#content .csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
#content .csc-mailform label {
display:block;
float:left;
width:200px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
#content .csc-mailform input, #content .csc-mailform textarea, #content .csc-mailform select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
#content .csc-mailform input, #content .csc-mailform textarea {
padding:1px 4px;
}
#content .csc-mailform option {
padding-right:6px;
}
#content .csc-mailform .csc-mailform-check, #content .csc-mailform .csc-mailform-radio {
border:none;
}
#content .csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
#content .csc-mailform .csc-mailform-radio legend {
display:none;
}
#content .csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html #content .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
#content .csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
#content .csc-mailform .csc-mailform-submit {
border:none;
background:url(../images/login_btn.gif) left top no-repeat;
width:83px;
height:27px;
color:#fff;
padding:2px 5px;
}
/* end of typo3 */

.tx-srfeuserregister-pi1 .term {width:300px}

#logged-menu{
border-top:1px solid #ccc;
}

#logged-menu li{
list-style:none;
border-bottom:1px solid #cdcdcd;
;
text-align:right;
}

#logged-menu li a{
display:block;
padding:5px 20px;
height:15px;
text-decoration:none;
border-right:5px solid #8AC40F;
color:#545454
}

#logged-menu li a:hover, #logged-menu li.active a{
background:#8AC40F;
color:#fff;
border-right:5px solid #000;
}


/*================== menu =====================*/



#navContainer {
bottom:14px;
height:27px;
left:5px;
position:absolute;
width:975px;
z-index:10
}
#nav {
float:left;
height:28px;
margin:0;
padding:0;
width:970px;
}
#nav a {
color:#FFFFFF;
display:block;
font-weight:bold;
padding:0 7px;
text-decoration:none;
text-transform:uppercase;
}

#nav>li {
float:left;
height:32px;
line-height:33px;
list-style-type:none;
margin-right:8px;
padding:0 0 0 4px;
}

#nav>li:hover {

background:transparent url(../images/mainnav-left.gif) no-repeat scroll left -32px;
}
#nav>li>a:hover, #nav>li:hover>a {

background:transparent url(../images/mainnav-right.gif) no-repeat scroll right -32px;
}

#nav>li.active {

background:transparent url(../images/mainnav-left.gif) no-repeat scroll left top;
}
#nav>li.active>a {

background:transparent url(../images/mainnav-right.gif) no-repeat scroll right top;
}

#nav>li.active:hover {
background:transparent url(../images/mainnav-left.gif) no-repeat scroll left top;
}

#nav>li.active>a:hover {
background:transparent url(../images/mainnav-right.gif) no-repeat scroll right top;
}


ul#nav ul{display:none}

ul#nav>li:hover>ul{display:block}

ul#nav ul{
    position: absolute;
    left:-1px;top:98%;
    background:#5D5D5D
}
ul#nav ul ul{position: absolute;left:98%;top:-2px;}
ul#nav,ul#nav ul {
	margin:0px;
}
ul#nav table {border-collapse:collapse}
ul#nav {
	display:block;
	zoom:1;
	float: left;
}
ul#nav ul{
	width:200.65px;
}



ul#nav li {
	float:left;
}

ul#nav ul li {
	float:none;
        list-style:none;
        padding:0;
	overflow:hidden
}

ul#nav ul a {
	text-align:left;
	white-space:nowrap;
        text-transform:normal;
        border-bottom:1px solid #666;
     
}

ul#nav ul a:hover {
	background:#999
}

ul#nav li:hover{
	position:relative;
}

ul#nav li:hover>a{
}

ul#nav li.dis a {
}
ul#nav img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul#nav ul img {width:16px;
height:16px;
}
ul#nav img.over{display:none}
ul#nav li.dis a:hover img.over{display:none !important}
ul#nav li.dis a:hover img.def {display:inline !important}
ul#nav li:hover > a img.def  {display:none}
ul#nav li:hover > a img.over {display:inline}
ul#nav a:hover img.over,ul#nav a:hover ul img.def,ul#nav a:hover a:hover ul img.def,ul#nav a:hover a:hover a:hover ul img.def,ul#nav a:hover a:hover img.over,ul#nav a:hover a:hover a:hover img.over,ul#nav a:hover a:hover a:hover a:hover img.over{display:inline}
ul#nav a:hover img.def,ul#nav a:hover ul img.over,ul#nav a:hover a:hover ul img.over,ul#nav a:hover a:hover a:hover ul img.over,ul#nav a:hover a:hover img.def,ul#nav a:hover a:hover a:hover img.def,ul#nav a:hover a:hover a:hover a:hover img.def{display:none}
ul#nav a:hover ul,ul#nav a:hover a:hover ul,ul#nav a:hover a:hover a:hover ul{display:block}
ul#nav a:hover ul ul,ul#nav a:hover a:hover ul ul{display:none}