/*----------------------------------------------------------------------------- [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 81px;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:#97D200;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:#97D200;text-decoration:none;}
a:hover{color:#1f821c;text-decoration:none;}
.imgLeft{float:left;margin-right:10px;}
.imgRight{float:right;margin-left:10px;}
#textVervolg, #proddata{color:#9C9C9C;float:left;padding:15px 25px;word-wrap:break-word;width:600px;}
#textVervolg a.more{color:#97d200;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:#d5d5d5;position:relative;background: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:#97d200;text-decoration:none;}
#left{float:left;min-height:205px;_height:205px;width:324px;padding:15px 0;}
ul#news_and_cases{margin:0;padding:0 0 0 20px;}
ul#news_and_cases li{list-style-image:url("getfile.php?id=1161");margin:6px 0;}
ul#news_and_cases li a{}
#middle_contentTop{height:224px;width:980px;float:left;position:relative;}
#middle_contentBottom{min-height:215px;_height:215px;float:left;}
#middle_contentBottomRight{float:left;width:650px;}
#bottom_content{float:left;width:980px;}
#bottom_content #upEvents, #bottom_content #news{float:left;color:#9C9C9C;min-height:200px;width:300px;padding:0 0 0 24px;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:#97D200;}
#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:224px;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:326px;min-height:212px;float:left;}
#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;}