/*----------------------------------------------------------------------------- Groeneveld Screen Stylesheet version:1.0 date:26/04/2010 author:Jeroen van de Ven website:www.greencat-it.com -----------------------------------------------------------------------------*/ /* Set up the document -----------------------------------------------------------------------------*/ *, :focus{outline:none;}
html, body{height:100%;}
body{background:#FFFFFF url(getfile.php?id=29) repeat-x left 82px;padding:0px;margin:0;behavior:url("csshover.htc");}
.clear{clear:both;height:0;overflow:hidden;}
img{border:0;}
#middle_contentBottom ul, #bottom_articles ul{margin:5px 0;padding:0;list-style:none;}
#middle_contentBottom li, #bottom_articles li{background:url("getfile.php?id=40") no-repeat scroll left 3px;padding-left:20px;}
/* typo styles */ h1{font-weight:normal;color:#9c9c9c;font-size:20px;margin:3px 0;line-height:1;}
h2{font-weight:normal;color:#158232;font-size:16px;margin:0;line-height:1;}
body, div, table, th, td, span, p{font:13px/1.5 Tahoma, arial, sans-serif;color:#9c9c9c;}
p{margin:3px 0 6px 0;}
#middle_contentBottomRight p{margin:10px 0;}
.articlebody, .articlebody p, .articlebody td{font:13px/1.5 Tahoma, arial, sans-serif;color:#9c9c9c;}
.hilighted{background-color:#b6eec5;color:#158232;display:inline-block !important;float:none !important;font-size:inherit !important;padding:0 2px !important;text-align:inherit !important;width:auto !important;}
.keyword{color:#158232;font-weight:bold;}
a, a:link, a:active, a:visited{color:#158232;text-decoration:none;}
a:hover{color:#158232;text-decoration:none;}
.imgLeft{float:left;margin-right:10px;}
.imgRight{float:right;margin-left:10px;}
#textVervolg, #product_detail{color:#9C9C9C;float:left;padding:15px 25px;word-wrap:break-word;width:600px;}
#textVervolg a.more{color:#158232;text-decoration:none;}
#textVervolg h4{font-weight:normal;font-size:12px;color:#9c9c9c;padding:0 0;margin 10px;}
#textVervolg ul li{margin:6px 0;padding:0 0 0 20px;}
/*#middle_contentBottom ul li a,*/ #bottom_articles ul li a{color:#929292/* !important*/;}
/*#middle_contentBottom ul li a:hover,*/ #bottom_articles ul li a:hover{color:#158232/* !important*/;}
#refs_cases li{padding:0 !important;padding:10px 0 15px 0 !important;background:none;border-bottom:1px solid #dedede;}
#refs_cases li p{margin:0;}
#refs_cases li .logo{float:left;padding:5px 0 0;width:100px;}
a.reflink{color:#158232 !important;white-space:nowrap;}
a.reflink:hover{color:#158232 !important;}
a.title{color:#9C9C9C;font-weight:bold;}
#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 */ #nav_container .perm a{background:url(getfile.php?id=240) no-repeat left 7px;}
#nav_container ul ul li a{font-weight:normal !important;background:none !important;}
/* Just main menu links --[for non-javascript users this applies to submenu links as well] */ #subMenusContainer a{color:#fff;}
#subMenusContainer a, #nav li li a{text-align:left;}
#subMenusContainer a:hover{font-weight:bold;}
/* ----[ 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;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;}
#subMenusContainer li{list-style:none;}
/* main menu ul or ol elment */ #subMenusContainer{display:block;height:0;left:50%;margin-left:-490px;overflow:visible;position:absolute;top:0;width:980px;}
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/ .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;}
.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;}
.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;}
.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;}
.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;}

#sub_menu{padding-left:324px;height:26px;width:656px;background:url(getfile.php?id=64) repeat-x left top;position:relative;float:left;}
#sub_menu ul{list-style:none;float:left;margin:0;padding:0;}
#sub_menu li{display:inline;float:left;position:relative;}
#sub_menu ul ul{background:#6c6c6c;color:#ffffff;position:absolute;top:100%;left:0;border-width:1px 0 0 1px;border-style:solid;border-color:white;}
#sub_menu ul a{color:#ffffff;text-decoration:none;display:block;padding:5px;border-left:1px solid white;white-space:nowrap;}
#sub_menu ul a:hover{background:url(getfile.php?id=116) repeat-x left top;}
#sub_menu ul a.first{border-left:0;}
#sub_menu ul ul a{border-left:0;padding:5px 12px;width:160px;border-left:0;font-size:11px;}
#sub_menu ul ul a:hover{background:#888787;color:#fff;}
div#sub_menu ul ul, div#sub_menu ul li:hover ul ul, div#sub_menu ul ul li:hover ul ul, div#sub_menu ul ul ul li:hover ul ul{display:none;}
div#sub_menu ul li:hover ul, div#sub_menu ul ul li:hover ul, div#sub_menu ul ul ul li:hover ul, div#sub_menu ul ul ul ul li:hover ul{display:block;}
/* #prod_menu{height:26px;width:980px;background:url(getfile.php?id=64) repeat-x left top;position:relative;float:left;}
#prod_menu ul{list-style:none;position:absolute;left:339px;top:0;margin:0;padding:0;}
#prod_menu ul li{float:left;margin-left:-14px;position:relative;}
#prod_menu ul li a{display:block;color:silver;height:22px;padding:4px 18px 0;background-image:url(getfile.php?id=63);background-repeat:no-repeat;background-position:right top;}
#prod_menu ul li a:hover{background-color:#606060;background-position:right bottom;}
#prod_menu ul li a.selected{color:white;}
*/ 
/* 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=31) repeat-x top left;}
#header #logo{height:61px;padding:15px 20px 0;width:255px;}
#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:50px;_height:50px;width:324px;padding:15px 0 0;}
#quicklinks{border-bottom:1px dotted silver;min-height:100px;_height:100px;}
#middle_contentTop{height:224px;width:980px;float:left;position:relative;background:url(getfile.php?id=553);}
#middle_contentTopWide{background-repeat:no-repeat;background-position:right top;height:224px;width:980px;float:left;position:relative;}
#middle_contentBottom{min-height:50px;_height:50px;float:left;}
#middle_contentBottomRight{float:left;width:650px;}
#bottom_content{float:left;width:980px;}
/* Global bottom styles voor news, refs and events */ #bottom_articles{border-top:1px dotted silver;padding:5px 0;float:left;}
#bottom_articles #news, #bottom_articles #refs, #bottom_articles #events, #bottom_articles #quicklinks{position:relative;border-left:1px dotted silver;float:left;min-height:208px;_height:208px;padding:0 10px;width:306px;}
/* News listed items at bottom of homepage */ #bottom_articles #news{border-left:0;}
#bottom_articles #news a{color:#929292 !important;}
#bottom_articles #news a:hover{color:#158232 !important;}
#bottom_articles #refs{padding:0 10px 0 22px;width:290px;}
#bottom_articles #refs ul{margin:0;padding:0 !important;width:290px;}
#bottom_articles #refs ul li{list-style-image:none !important;list-style:none !important;margin:6px 0 0 0 !important;background:none;padding:0;}
#bottom_articles #refs ul li a#reflogo{background-repeat:no-repeat;display:block;height:25px;padding-left:80px;}
/* background image is set in script. */ #bottom_articles #refs ul li a#reflogo:hover{background-position:left bottom;}
#bottom_articles #quicklinks{border-width:0 1px 0 0;border-style:dotted;border-color:silver;}
ul#news_and_cases{margin:0;padding:0;}
ul#news_and_cases li{line-height:1.2;list-style:none outside none;margin:10px 0;}
ul#news_and_cases li a:hover{color:#158232;}
.news_and_cases li p{margin:0 0 6px 0 !important;}
.news_and_cases.noarrows li{background:none !important;}
.news_and_cases.noarrows li.newssummary{padding:0 0 0 80px !important;}
.news_and_cases .date{width:80px;display:inline-block;margin-left:-80px;}
#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=150);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;}
/* Event listed items at bottom of homepage */ ul.events_list{list-style:none !important;margin:0 !important;padding:0 !important;}
ul.events_list li{margin:0 !important;padding:7px 0 !important;list-style-image:none !important;background:none !important;}
ul.events_list li #event_left{float:left;width:110px;}
ul.events_list li #event_left img{display:inline;}
ul.events_list li #event_left .event_date{display:inline-block;margin:0 7px;}
/* ul.events_list li h4{float:left;font-weight:normal;margin:0;width:176px;font-size:13px;overflow-x:hidden;}
ul.events_list li h4 a{color:#949494;}
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=34) 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;}
#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=33) 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;}
/* 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 !important;float:left;font-size:12px;font-weight:bold;padding:0px 10px 0px 10px;}
/* cases & referenties */ .casesslide{/* position:absolute;*/ filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;display:none;}