@charset "utf-8";

html, body, a, p, br, h1, h2, h3, h4, div {
border:none;
margin:0px;
outline:none;
padding:0px;
}
img {border:none;}

ul, blockquote {
margin:0 0 0 15px;
padding:0;
}
html, body {
background:#fff;
height:100%;
width:100%;
}
html, body, td, font, span {
color:#4B4B4B;
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
}
body {
background:url(images/container_bg.gif) repeat-x top left;
}
a {
color:#365a48;
text-decoration:none;
}
h1, h1 a {
color:#365a48;
font-size:20px;
font-weight:normal;
line-height:20px;
}
h2, h2 a {
color:#365a48;
font-weight:bold;
font-size:11px;
}
h3, h3 a {
text-decoration:underline;
color:#365a48;
font-weight:bold;
font-size:12px;
}
h4, h4 a {
text-decoration:none;
font-family:verdana;
color:#cc0000;
font-size:10px;
font-weight:normal;
}
a:hover {text-decoration:underline}
#container {
height:auto;
margin:0 auto;
position:relative;
width:1000px;
z-index:1;
}
#mainContentDiv h1, #extraContentDiv h1 {
background:url(images/h1_block.gif) no-repeat 0px 7px;
margin-left:-16px;
padding-left:16px;
display:block;
}
#lang-nav {
height:29px;
overflow:hidden;
margin:0 auto;
width:908px;
}
#lang-nav a {
background:url(images/flag_1.gif) no-repeat center top;
display:block;
float:right;
height:16px;
margin:9px 0;
overflow:hidden;
text-align:center;
width:38px;
}
#lang-nav a span {
background:url(images/flag_shadow.gif) no-repeat left top;
display:none;
padding-top:16px;
height:16px;
width:38px;
}
#top {
background:url(images/top_bg.gif) no-repeat top left;
height:357px;
margin:0 auto 0 auto;
position:relative;
width:898px;
z-index:2;
}
#top-bar {
position:relative;
width:898px;
z-index:3;
}
#logo {
display:block;
top:15px;
position:absolute;
left:33px;
}
.sub-menu {
display:block;
float:right;
list-style-type:none;
margin:0;
position:relative;
padding:11px 66px 0 0;
z-index:99;
}
.mainMenu, .mainMenuActive, .mainMenuSeperator {
float:left;
height:61px;
list-style-type:none;
padding:0;
position:relative;
overflow:visible;
margin:0;
width:93px;
}
.sub-menu a {
color:#fff;
display:block;
height:30px;
line-height:11px;
font-size:10px;
padding-top:20px;
text-decoration:none;
text-transform:uppercase;
text-align:center;
width:93px;
}
.mainMenu a:hover, .mainMenuActive a, .mainMenu:hover>a {color:#cccc99;font-size:12px;letter-spacing:1px;}
.mainMenuSeperator {
background:#fff;
height:50px;
margin:0 1px;
width:1px;
}
.sub-menu ul {display:none}
.sub-menu li:hover ul {display:block;}
.sub-menu ul {
background:url(images/submenu_bg.png) no-repeat bottom left;
list-style-type:none;
margin:0;
padding:0 4px 7px 4px;
position:absolute;
top:60px;
left:-5px;
width:95px;
}
.sub-menu ul li {
height:auto;
/* height:25px;*/
}
.sub-menu ul li a {
color:#fff;
height:auto;
font-size:10px;
letter-spacing:0px;
line-height:11px;
padding:6px 0 6px 0;
width:95px;
/*height:19px;
 padding:6px 0 0 0;*/
}
.sub-menu ul li a:hover, .sub-menu ul .subMenuActive a {letter-spacing:0px;background:#cc0000;font-size:10px;color:#fff;}
#mainContentDiv {
top:110px;
left:34px;
position:absolute;
width:144px;
}
.sub-menu a[href="javascript:;"]{
cursor:default;
}
#image-border {
background:no-repeat url(images/image_border.png) top left;
left:-1px;
height:255px;
overflow:hidden;
position:absolute;
top:0px;
width:1px;
}
#image-back {
left:189px;
overflow:visible;
position:absolute;
top:96px;
z-index:4;
}
#image-front, #image-back {
background-repeat:no-repeat;
background-position:center center;
height:255px;
width:705px;
}
#image-text-container {
height:84px;
overflow:hidden;
position:absolute;
left:59px;
top:170px;
width:598px;
}
#image-text {
background:url(images/product_text_bg.png) no-repeat top left;
height:64px;
position:absolute;
left:0px;
top:0px;
width:598px;
}
#image-title {color:#e7ebe9;display:none;font-size:18px;line-height:22px;left:16px;top:19px;position:absolute;width:110px;}

#image-content {
color:#fff;
display:none;
font-size:18px;
line-height:22px;
left:16px;
text-align:center;
top:19px;
position:absolute;
width:560px;
}
#image-content a, #image-content *  {color:#fff;}
.nr, .nrActive {
color:#333;
cursor:pointer;
height:16px;
font-size:11px;
line-height:11px;
position:absolute;
left:-1px;
width:21px;
}
.nrActive {
background:url(images/nr_active.gif) no-repeat 0px 0px;
color:#7a7a7a;
padding:4px 0 0 7px;
width:19px;
}
.nr {
background:url(images/nr.gif) no-repeat 1px 0px;
filter: alpha(opacity=80);
-moz-opacity: 0.8;  
padding:4px 0 0 5px;
opacity: 0.8;  
}
.nr:hover {
filter: alpha(opacity=100);
-moz-opacity: 1;  
opacity: 1; 
}
#nextImage {
background:url(images/image_next.png) no-repeat top left;
height:44px;
left:640px;
position:absolute;
top:30px;
width:45px;
}
#nextImageOverlay {
background:url(images/image_next_hover.gif) no-repeat 1px 1px;
cursor:pointer;
height:44px;
width:45px;
}
#home-image, #form-image {
background-image:url(images/load-home-image.gif);
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
height:255px;
left:4px;
position:absolute;
top:96px;
width:890px;
z-index:5;
}
#home-image {display:none;}

#menu-image-bg {
background:url(images/menu_image_shadow.gif) no-repeat;
height:212px;
margin:30px 0 0 50px;
padding:2px 0 0 4px;
width:253px;
}
#content {
overflow:auto;
height:auto;
position:relative;
}
#extraContentDiv {
height:auto;
float:left;
overflow:visible;
padding:25px 0 15px 140px;
min-height:180px;
width:390px;
}
#content-left {
height:auto;
float:left;
min-height:230px;
width:300px;
}
.tweet {
background:url(images/tweet_link.gif) no-repeat 0 2px;
border-bottom:1px solid #A58A43;
color:#000;
display:block;
font-size:12px;
line-height:14px;
margin-top:-1px;
margin-bottom:3px;
padding:2px 10px 8px 17px;
text-decoration:none;
width:218px;
}
.tweet a {color:#000;}
#twitter-block {
background:url(images/twitter-top.png) no-repeat top right;
color:#000;
min-height:173px;
margin:7px 0 0 53px;
padding:56px 0 15px 0;
position:relative;
width:247px;
}
.twitter-link {
height:20px;
position:absolute;
left:0px;
top:20px;
width:245px;
}
.tweets-container {
background:url(images/twitter-line.png) no-repeat bottom right;
padding-left:2px;
}
#tweets-footer {position:relative;clear:both;overflow:visible;}
.tweets-container .link {
display:block;
position:absolute;
top:-7px;
left:170px;
height:23px;
width:34px;
}

.tweets-container .link span {
cursor:pointer;
display:block;
background:url(images/twitter_link_shadow.gif) no-repeat bottom center;
height:23px;
width:34px;
}

#facebook-follow {margin-right:10px;background:url(images/facebook_link.png) no-repeat center top;left:205px;}
#twitter-follow {background:url(images/twitter_link.png) no-repeat center top;left:179px}
#more-tweets {
color:#000;
display:block;
float:left;
font-size:11px;
text-decoration:none;
width:114px;
}
#more-tweets a {
position:relative;
font-size:10px;
text-decoration:underline;
}
#more-tweets a:hover {text-decoration:underline;}
#nieuwsbrief {
background:url(images/nieuwsbrief_right.gif) no-repeat right top;
height:120px;
left:941px;
position:absolute;
top:29px;
width:32px;
}
#nieuwsbrief-overlay {
background:url(images/nieuwsbrief_left.gif) no-repeat left top;
cursor:pointer;
height:120px;
width:100%;
}
#footer {
border-top:1px solid #126839;
}
#footer div {
display:block;
margin:0 auto;
padding:6px 0 6px 792px;
text-align:right;
width:100px;
}

#footer a {
color:#365a48;
font-size:9px;
line-height:11px;
text-decoration:none;
}
#footer a:hover {text-decoration:underline;}

.button {
background:url(images/form_send.png) no-repeat top left;
cursor:pointer;
display:block;
overflow:hidden;
border:none;
padding:25px 0 0 0;
height:0px;
width:75px;
}

.facebook-like-box {
left:744px;
overflow:hidden;
position:absolute;
top:0;
height:40px;
width:170px;
}
.facebook-like-box iframe {
position:absolute;
left:-59px;
top:-28px;
}