/*----------------------------------------------------------------------------- [client] Screen Stylesheet version:1.0 date:20/05/08 author:Jeroen, Mitch website:www.groeneveld.nl -----------------------------------------------------------------------------*/ /* Set up the document -----------------------------------------------------------------------------*/ *{outline:none;}
html, body{height:100%;}
body{background:#FFFFFF url(getfile.php?id=994) repeat-x left 82px;font-family:Tahoma, arial, sans-serif;font-size:12px;padding:0px;margin:0;behavior:url("csshover.htc");}
.clear{clear:both;height:0;overflow:hidden;}
img{border:0;}
/* typo styles */ h1{font-weight:normal;color:#9c9c9c;font-size:20px;margin:3px 0;}
h2{font-weight:normal;color:#158232;font-size:16px;margin:0;}
body, div, table, th, td, span, p{font-size:13px;color:#9c9c9c;}
p{margin:3px 0 6px 0;}
.articlebody, .articlebody p, .articlebody td{font-size:13px;}
a, a:link, a:active, a:visited{color:#158232;text-decoration:none;}
/* 97D200 */ a:hover{color:#158232;text-decoration:none;}
/* 97D200 */ a.title{color:#9C9C9C;font-weight:bold;}
.active{color:#158232 !important;}
.imgLeft{float:left;margin-right:10px;}
.imgRight{float:right;margin-left:10px;}
#middle_contentBottomRight li{list-style-image:url("getfile.php?id=1161");}
ul.prodsummary li{list-style-image:none !important;}
#textVervolg, #proddata{position:relative;color:#9C9C9C;float:left;padding:0 25px 15px 25px;word-wrap:break-word;width:600px;}
#textVervolg a.more, #textVervolg .newssummary a.more{color:#158232;text-decoration:none;}
#textVervolg .newssummary a.more:hover{color:#158232;text-decoration:none;}
#textVervolg h4{font-weight:normal:font-size:14px;color:#9c9c9c;padding:0 0;margin 10px;}
#menu{background:url(../images/menu_achtergrond.jpg) repeat-x;width:100%;height:43px;position:absolute;}
#menuTop{height:23px;margin-bottom:5px;padding:20px 0 0;position:relative;z-index:3;}
#menuTop_left{}
#menuTop_right{bottom:23px;height:20px;position:absolute;right:0;width:300px;z-index:200;}
/* includes */ /* #menuTop ul{list-style:none;margin:0;padding:0;float:left;}
#menuTop ul li{float:left;position:relative;text-decoration:none;}
#menuTop li a{font-size:12px;color:#FFFFFF;padding:10px 10px;float:left;display:inline-block;text-decoration:none;}
#menuTop li a.first{border-right:1px solid #94d90f;text-decoration:none;}
#menuTop li a:hover{color:#1f821c;}
*/ /* Just main menu links --[for non-javascript users this applies to submenu links as well] #nav a{margin:0;color:#FFF;}*/ /*#nav a, #subMenusContainer a{text-decoration:none;display:block;padding:5px 10px 6px;}*/ #subMenusContainer a{color:#fff;}
#subMenusContainer a, #nav li li a{text-align:left;}
/* All menu links on hover or focus */ /*#nav a:hover, #nav a:focus, */ #subMenusContainer a:hover, #subMenusContainer a:focus, /*#nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{color:#FFF;}*/ /* sub menu links on hover or focus */ #subMenusContainer a:hover, #subMenusContainer a:focus, /*#nav a.mainMenuParentBtnFocused,*/ #subMenusContainer a.subMenuParentBtnFocused, /*#nav li a:hover, #nav li a:focus{color:#fff;}*/ #subMenusContainer a:hover{font-weight:bold;}
/* Parent Sub Menu Links ---[javascript users only]*/ /*.subMenuParentBtn{background:url(../img/arrow_right.gif) right center no-repeat;}*/ /* Parent Sub Menu Links on hover or focus ---[javascript users only]*/ /*.subMenuParentBtnFocused{background:url(../img/arrow_right_over.gif) right center no-repeat;}
*/ /* Parent Main Menu Links ---[javascript users only]*/ /*.mainMenuParentBtn{background:url(../img/arrow_down.gif) right center no-repeat;}
*/ /* Parent Main Menu Links on hover or focus ---[javascript users only]*/ /*.mainMenuParentBtnFocused{background:url(../img/arrow_down_over.gif) right center no-repeat;}
*/ /* ----[ OLs ULs, LIs, and DIVs ]----*/ /* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */ .smOW{display:none;position:absolute;overflow:hidden;/*the 2px left & right padding lets you have a 1px border on the ul or ol inside since overflow is set to hidden*/ padding:0 2px;margin:0 0 0 -2px;left:0px !important;width:980px !important;background:url(getfile.php?id=1070) repeat;}
.smOW ul{height:125px;width:300px;display:block;}
.smOW ul li{display:block;float:left;width:150px;text-align:center;}
/* All ULs and OLs #nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol{padding:0;margin:0;list-style:none;line-height:1em;*/}
/* All submenu OLs and ULs #nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol{border around submenu goes here -moz-border-radius:8px;-webkit-border-radius:8px;background:#fff;border:1px solid #C3D46A;left:0;}*/ /* List items in main menu --[for non-javascript users this applies to submenus as well] #nav li{*/ /*great place to use a background image as a divider*/ /*display:block;list-style:none;position:relative;float:left;}*/ #subMenusContainer li{list-style:none;}
/* main menu ul or ol elment */ /*#nav{display:block;position:absolute;list-style:none;margin:0 0 0 0;z-index:20;top:18px;////left:50%;text-align:center;display:block;}*/ #subMenusContainer{display:block;height:0;left:50%;margin-left:-490px;overflow:visible;position:absolute;top:0;width:980px;/*z-index:1000000000;*/}
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/ /*#nav li li{float:none;}*/ /* #nav li li a{Just submenu links*/ /*position:relative;float:none;color:#fff;}*/ /*#nav li ul{second-level lists */ /*position:absolute;width:10em;margin-left:-1000em;*/ /*using left instead of display to hide menus because display:none isn't read by screen readers */ /*margin-top:2.2em;top:100%;}*/ /* third-and-above-level lists */ /*#nav li ul ul{margin:-1em 0 0 -1000em;}
#nav li:hover ul ul{*/ /*margin-left:-1000em;}*/ /* lists nested under hovered list items #nav li:hover ul{margin-left:0;}
*/ /*#nav li li:hover ul{margin-left:10em;margin-top:-2.5em;}*/ /* extra positioning rules for limited noscript keyboard accessibility */ /*#nav li a:focus + ul{margin-left:0;margin-top:2.2em;}*/ /*#nav li li a:focus + ul{left:0;margin-left:1010em;margin-top:-2.2em;}*/ /*#nav li li a:focus{left:0;margin-left:1000em;width:10em;margin-top:0;}*/ /*#nav li li li a:focus{left:0;margin-left:2010em;width:10em;margin-top:-1em;}
#nav li:hover a:focus{margin-left:0;}
#nav li li:hover a:focus + ul{margin-left:10em;}*/ /*DEMO more colours #nav .test001 a:focus{background-color:#099;color:#FFF;}
#nav .test001 a:hover{background-color:#099;color:#FFF;}
#nav .test001 li a:hover{font-weight:bold;}
.test001 ul li a{background-color:#099 !important;color:#FFF !important;}
.test001 div{background-color:#099 !important;color:#FFF !important;}
.test001 a.mainMenuParentBtnFocused{background-color:#099 !important;color:#FFF !important;}
.smOW.test001{background-color:#099!important;width:818px !important;}
*/ /*------------------------------------------------------------*/ /*#nav .test002 a:focus{background-color:#696;color:#FFF;}
#nav .test002 a:hover{background-color:#696;color:#FFF;}
#nav .test002 li a:hover{font-weight:bold;}*/ .test002 ul li a{background-color:#696 !important;color:#FFF !important;}
.test002 div{background-color:#696 !important;color:#FFF !important;}
.test002 a.mainMenuParentBtnFocused{background-color:#696 !important;color:#FFF !important;}
.smOW.test002{background-color:#696!important;width:818px !important;}
/*------------------------------------------------------------*/ /*#nav .test003 a:focus{background-color:#30C;color:#FFF;}
#nav .test003 a:hover{background-color:#30C;color:#FFF;}
#nav .test003 li a:hover{font-weight:bold;}*/ .test003 ul li a{background-color:#30C !important;color:#FFF !important;}
.test003 div{background-color:#30C !important;color:#FFF !important;}
.test003 a.mainMenuParentBtnFocused{background-color:#30C !important;color:#FFF !important;}
.smOW.test003{background-color:#30C!important;width:818px !important;}
/*------------------------------------------------------------*/ /*#nav .test004 a:focus{background-color:#999;color:#FFF;}
#nav .test004 a:hover{background-color:#999;color:#FFF;}
#nav .test004 li a:hover{font-weight:bold;}*/ .test004 ul li a{background-color:#999 !important;color:#FFF !important;}
.test004 div{background-color:#999 !important;color:#FFF !important;}
.test004 a.mainMenuParentBtnFocused{background-color:#999 !important;color:#FFF !important;}
.smOW.test004{background-color:#999!important;width:818px !important;}
/*------------------------------------------------------------*/ /*#nav .test005 a:focus{background-color:#F00;color:#FFF;}
#nav .test005 a:hover{background-color:#F00;color:#FFF;}
#nav .test005 li a:hover{font-weight:bold;}*/ .test005 ul li a{background-color:#F00 !important;color:#FFF !important;}
.test005 div{background-color:#F00 !important;color:#FFF !important;}
.test005 a.mainMenuParentBtnFocused{background-color:#F00 !important;color:#FFF !important;}
.smOW.test005{background-color:#F00!important;width:818px !important;}
/*------------------------------------------------------------*/ /*#nav .test006 a:focus{background-color:#633;color:#FFF;}
#nav .test006 a:hover{background-color:#633;color:#FFF;}
#nav .test006 li a:hover{font-weight:bold;}*/ .test006 ul li a{background-color:#633 !important;color:#FFF !important;}
.test006 div{background-color:#633 !important;color:#FFF !important;}
.test006 a.mainMenuParentBtnFocused{background-color:#633 !important;color:#FFF !important;}
.smOW.test006{background-color:#633!important;width:818px !important;}
/* body styles */ #wrapper{width:980px;margin:0 auto;}
#portal{background-color:#F7F7F7;border-left:1px solid #d5d5d5;width:980px;}
#header{width:980px;height:81px;border-width:0 1px 1px 0;border-style:solid;border-color:#fff;/*#d5d5d5;*/ position:relative;background:#fff;/*url(getfile.php?id=1008) repeat-x top left;*/}
#header ul{list-style:none;margin:0;padding:0;}
#header .header{/*background-image:url(getfile.php?id=1008);border-color:transparent #d5d5d5 #d5d5d5 transparent;border-style:solid;border-width:0 1px 1px 0;*/ float:left;height:80px;width:979px;}
#languageselector{float:left;}
#languageselector select{background:#E1E1E1;border-color:#666 #EEE #EEE #666;border-style:solid;border-width:1px;font-size:11px;}
#search{float:left;margin-left:10px;color:grey;}
#newslist{/* margin-bottom:250px;*/}
#content{margin:35px 0 60px 0;padding:0 0;height:70px;}
#content a.more{color:#158232;text-decoration:none;}
#left{float:left;min-height:170px;_height:170px;width:324px;padding:15px 0;}
ul.news, ul.refs{margin:0;padding:0 0 0 20px;border-top:0 none !important;}
ul.news li, ul.refs li{list-style-image:url("getfile.php?id=1161");margin:6px 0;}
ul.news a, ul.refs a{}
#middle_contentTop{height:200px;width:980px;float:left;position:relative;}
#middle_contentBottom{min-height:255px;_height:255px;float:left;}
#middle_contentBottomRight{float:left;padding:15px 0 0 15px;width:641px;}
#bottom_content{float:left;width:980px;}
#bottom_content #upEvents, #bottom_content #refs, #bottom_content #news, #bottom_content #worldMap{position:relative;float:left;color:#9C9C9C;min-height:200px;width:307px;padding:0 0 0 28px;border-top:1px solid silver;}
#bottom_content #upEvents ul.events_list{list-style:none;margin:0;padding:0;}
#bottom_content #upEvents ul.events_list li{margin:0;padding:5px 0;}
#bottom_content #upEvents ul.events_list li #event_left{float:left;width:120px;}
#bottom_content #upEvents ul.events_list li #event_left img{display:inline;}
#bottom_content #upEvents ul.events_list li #event_left .event_date{display:inline-block;margin:0 7px;}
#bottom_content #upEvents ul.events_list li h4{float:left;font-weight:bold;margin:0;width:180px;font-size:12px;overflow-x:hidden;}
#bottom_content #upEvents ul.events_list li h4 a{color:#949494;}
#bottom_content #upEvents ul.events_list li h4 a:hover{color:#158232;}
#bottom_content #refs a, #ref_list a, .newslist a, #bottom_content #news a{color:#949494;}
#bottom_content #refs a:hover, #ref_list a:hover, .newslist a:hover, #bottom_content #news a:hover{color:#158232;}
#ref_list{list-style:none;margin:0;padding:0 0 20px;}
#ref_list li{margin:10px 0;}
#ref_list table.ref_list_table td{/* vertical-align:top;*/}
#bottom_content #newsblock{margin-top:14px;}
#lastNews{color:#9C9C9C;width:300px;min-height:100px;_height:100px;float:left;padding:0 25px;padding-top:15px;}
#slideBg{background:url(getfile.php?id=1005) repeat-x;width:325px;height:223px;float:left;border:1px solid #d5d5d5;border-top:none;}
#slideBg #slides{color:#9C9C9C;list-style:none outside none;padding:10px 0;width:350px;}
#slideImg{background:url(getfile.php?id=1004) repeat-x;width:325px;height:224?px;float:left;}
#defaultImg{background-repeat:no-repeat;background-position:right top;width:330px;height:224px;position:absolute;right:0;top:0;}
#grayElement{background-image:url(getfile.php?id=1009);color:#FFFFFF;height:19px;width:244px;padding:0 40px;float:left;border-left:1px solid #828282;}
#worldMap{width:310px !important;padding:0 !important;}
#worldMap a{border:0 none !important;}
.worldMap_bottom{position:absolute;bottom:35px;left:0;}
/* footer styles */ #footer{background:url(getfile.php?id=990) repeat-x left top;padding:5px 0 0;width:980px;margin:0 auto;}
#footer #footerLeft{width:600px;padding:5px 0;float:left;color:#d5d5d5;position:relative;}
#footer #footerLeft ul{list-style:none;margin:0;padding:0;float:left;width:600px;}
#footer #footerLeft ul li{font-family:verdana;font-size:10px;float:left;text-decoration:none;}
#footer #poweredby{float:right;}
#footer #footerLeft a{color:#d5d5d5;padding:1px 10px;text-decoration:none;border-right:1px solid #d5d5d5;}
#footer #footerLeft a:hover{color:#000;padding:1px 10px;text-decoration:underline;}
#footer #footerRight .webdesqimg{background:url(getfile.php?id=1003) no-repeat 1px center;width:130px;height:25px;display:block;}
#footer #footerRight{float:right;width:205px;padding:5px 0;font-family:Verdana;font-size:10px;color:#d5d5d5;}
#footer #footerRight a.logoGreencat{width:107px;height:32px;display:block;background-image:url(getfile.php?id=991);background-position:left top;background-repeat:no-repeat;}
#footer #footerRight a.logoGreencat:hover{background-position:left bottom;}
/* #footer #footerRight .memberofGreencat{float:right;display:block;}
*/ /* Forms -----------------------------------------------------------------------------*/ label{font-size:11px;margin:0;height:18px;text-align:left;width:140px;float:left;}
.textfield{font-family:Verdana;font-size:12px;color:#919191;border:1px solid #a7a6aa;width:300px;}
.textfield2{font-family:Verdana;font-size:12px;color:#919191;border:1px solid #a7a6aa;width:300px;}
.submit{font-size:12px;padding-left:5px;padding-right:5px;background:#9ac32f;height:18px;color:#FFF;cursor:pointer;border:1px solid #aedb38;text-align:center;}
.inputleft{float:left;}
.inputright{width:300px;border:1px solid #a7a6aa;color:#AAAAAA;float:left;font-size:11px;padding:3px 0 3px 10px;margin:0;}
.inputleftwrong{float:left;}
.inputrightwrong{border:1px solid #FF0000;width:300px;background:#f0f0f0;color:#000000;float:left;font-size:11px;padding:3px 0 3px 10px;margin:0;}
input#frm_sex2{width:auto !important;float:none !important;margin:auto !important;}
.submitleft{float:left;}
.submitright{border:1px solid #FFF;background:#76a842;color:#FFFFFF;float:left;font-size:12px;font-weight:bold;padding:0px 10px 0px 10px;}
/* news and refs styles */ #controls, #refcontrols{position:absolute;top:2px;right:10px;width:50px;height:25px;}
div.nextbtn, div.backbtn{float:right;}
div.nextbtn{margin-left:5px;}
div.nextbtn a, div.backbtn a{text-indent:-9000px;display:block;background-repeat:no-repeat;background-image:url(getfile.php?id=1612);width:20px;height:21px;}
div.nextbtn a{background-position:left top;}
div.backbtn a{background-position:right top;}
div.nextbtn a:hover{background-position:left bottom;}
div.backbtn a:hover{background-position:right bottom;}
#refs{padding:0 10px 0 22px;width:290px;}
#ref_wrapper ul{margin:0;padding:0 !important;width:290px;}
#middle_contentBottomRight #ref_wrapper ul{margin:0;padding:0 !important;width:auto;}
#ref_wrapper ul li{list-style-image:none !important;list-style:none !important;margin:6px 0 0 0 !important;background:none;padding:0;}
#ref_wrapper ul li a#reflogo{background-repeat:no-repeat;display:block;height:25px;padding-left:80px;}
/* background image is set in script. */ #ref_wrapper ul li a#reflogo:hover{background-position:left bottom;}
.newslist{list-style:none;padding:0 0 20px;margin:0;}
.newslist li h1{display:inline;}
.newslist li p{margin:0 0 6px 0 !important;}
.newslist.noarrows li{background:none !important;}
.newslist.noarrows li.newssummary{padding:0 0 0 80px !important;margin:10px 0;list-style:none outside none !important;}
.newslist .date{width:80px;display:inline-block;margin-left:-80px;}
.newssummary.active span, .newssummary.active a{color:#158232;}
.casesslide{/* position:absolute;*/ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;display:none;}
#advertorial{width:310px;border:0px solid silver;margin:6px 0;height:180px;overflow:hidden;}
/* smootbox -------------------------------------------------------------------------------*/ #TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_window a:link{color:#ffffff;}
#TB_window a:visited{color:#ffffff;}
#TB_window a:hover{color:#e5e5e5;}
#TB_window a:active{color:#ffffff;}
#TB_window a:focus{color:#ffffff;}
#TB_overlay{height:0;position:absolute;z-index:8000;top:0px;left:0px;background-color:#000;}
#TB_window{background:#FFFFFF;font:12px Arial;position:absolute;top:0;z-index:8001;color:#fff;border:3px solid #FFF;text-align:left;}
#TB_window img{display:block;margin:0px 0 0 0px;background:#FFFFFF;}
#TB_caption{padding:7px 30px 10px 25px;float:left;background:#FFFFFF;}
#TB_closeWindow{padding:11px 25px 10px 0;float:right;background:#FFFFFF;}
#TB_closeWindowButton{background:url("getfile.php?id=566") no-repeat;display:block;font-weight:bold;height:17px;text-indent:-9000px;width:17px;}
#TB_closeWindowButton span{display:none;}
#TB_closeAjaxWindow{position:absolute;right:6px;top:6px;width:17px;background:transparent;}
#TB_ajaxWindowTitle{color:#FFFFFF;float:left;font-size:14px;font-weight:bold;margin-bottom:1px;padding:0;background:transparent;}
#TB_title{color:#FFFFFF;height:30px;position:relative;background:url("getfile.php?id=994") repeat-x scroll left top #4f9d3a;line-height:30px;padding:0 10px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position:absolute;display:none;height:100px;width:100px;z-index:101;}
#TB_HideSelect{z-index:99;position:absolute;top:0;left:0;background-color:#fff;border:none;}
#TB_iframeContent{	clear:both;	border:none;margin-bottom:-1px;margin-top:1px;background:#FFFFFF;}
#TB_window input{min-width:100px;padding:5px;color:#000;background:#4f9d3a;text-size:13px;}
*html #TB_iframeContent{margin-bottom:1px;}
/* Hilights home animation */ /* #overlay{position:absolute;color:#000;right:0;height:200px;width:319px;z-index:5000;}
#ovcontent{position:absolute;right:0;height:180px;margin:0px;width:300px;z-index:5002;}
#ovrcontent{position:absolute;left:20px;height:180px;margin:0px;width:980px;z-index:5001;}
#slidercontainer{background-color:#fff;width:980px;height:200px;position:relative;margin:0px;}
#slidercontainer h2{font-size:20px;line-height:120px;color:#fff;text-align:center;}
*/ #slideritems{width:980px;height:200px;overflow:hidden;position:absolute;left:0px;top:0px;}
div.slideritem{width:980px;height:200px;position:absolute;left:0;top:0px;background-position:center top;background-repeat:no-repeat;}
div.first{left:0;}
#visualmenu{display:none;right:0;z-index:5004;margin:0;padding:0;position:absolute;bottom:0;list-style:none;width:200px;}
#visualmenu li{float:left;}
#visualmenu li a{float:left;color:#9b9b9b;border-right:1px solid #9b9b9b;padding:0px 24px 0px 11px;height:15px;}
#visualmenu li a:hover{color:#52a23f;}
#visualmenu li a.noborder{border-right:0;}
#visualmenu li a.selected{border-top:0;font-weight:bold;color:#fff;}