/*------------------------------------------------------------------
[Master Stylesheet]
Project:	Groenvision
Version:	1.0
Assigned to:	Rudy de Jong
Company:	WIS
Primary use:	Web
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Color codes]
*/
/*------------------------------------------------------------------
[Typography & colors]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]
1. Body
2. Wrapper
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[0. Reset styles]
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, #footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} 
article, aside, details, figcaption, figure, #footer, header, hgroup, menu, nav, section {display:block;}
nav.home ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline: none;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/*------------------------------------------------------------------
[1. Global Styles]
*/
body,
body.body, 
body.body span, 
body.body td, 
body.body p, 
body.body div
body span, 
body td, 
body p, 
body div {color: #4d4d4f; font: normal 14px/19px Calibri, Lucida Sans Unicode, sans-serif;} 
body.body h1, body h1 {font: normal 24px/30px Calibri, Lucida Sans Unicode, sans-serif;}
body.body h2, body h2 {font: bold 17px/24px Helvetica, Arial, sans-serif; color: #23428d;}
body.body h3, body h3 {font: normal 16px/20px Calibri, Lucida Sans Unicode, sans-serif;}
body.body h4, body h4 {font: normal 12px/16px Calibri, Lucida Sans Unicode, sans-serif;}
body.body h5, body h5 {}
body.body h6, body h6 {}
p {margin-bottom:14px; }
a {color: #00aeef;}
a:hover, a:active {outline: none;}
a:link, a:visited, a:active{text-decoration: none;}
a:hover {text-decoration: underline;}
nav.home ul, nav.home li {margin: 0;}
span.errorMsg{color: #ff2000; font-weight: bold; display: block;}
body ul, body ol{list-style-position: outside; margin: 0 0 0 19px; padding: 0 0 0 0px;}
/*------------------------------------------------------------------
[1.1 Custom fonts]
*/
@font-face {
font-family: 'DomyoujiRegular';
src: url('/css/fonts/domyouji-regular-webfont.eot');
src: url('/css/fonts/domyouji-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/css/fonts/domyouji-regular-webfont.woff') format('woff'),
url('/css/fonts/domyouji-regular-webfont.ttf') format('truetype'),
url('/css/fonts/domyouji-regular-webfont.svg#DomyoujiRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/*------------------------------------------------------------------
[2. Wrapper]
*/
div#wrapper{width: 1000px; min-height: 600px; margin: 0 auto; position: relative;}
/*------------------------------------------------------------------
[3. Header]
*/
#wrapper #header{height: 129px;}
#wrapper #header div.logo{float: left; margin: 58px 0 0 17px; overflow: hidden;}
#wrapper #header div.header-nav{float: right; overflow: hidden; margin: 15px 11px 0 0}
#wrapper div.header-nav div.poweredBy span.pb{display: block;}
#wrapper div.infogroen-icons{overflow: hidden; margin-bottom:-7px;}
#wrapper div.infogroen-icons span.icon{width: 24px; height: 24px; float: left; background: url(/images/icon-sprite.png) no-repeat top left; margin-right: 5px;}
#wrapper div.infogroen-icons span.icon.last{margin-right: 0;}
#wrapper div.infogroen-icons span.icon1{background-position: 0 0;}
#wrapper div.infogroen-icons span.icon2{background-position: -32px 0;}
#wrapper div.infogroen-icons span.icon3{background-position: -64px 0;}
#wrapper div.infogroen-icons span.icon4{background-position: -96px 0;}
#wrapper div.header-nav div.poweredBy span.infogroen-automatisering{display: inline-block; width: 121px; height: 52px; background: url(/images/icon-sprite.png) no-repeat 0 0; margin-top: 10px;}	
#wrapper div.header-nav div.poweredBy span.windows-icon{margin-left: 20px; display: inline-block; width: 39px; height: 32px; background: url(/images/icon-sprite.png) no-repeat -2px -53px;}
#wrapper div.header-nav div.poweredBy span.mac-icon{display: inline-block; width: 30px; height: 34px; background: url(/images/icon-sprite.png) no-repeat -44px -53px;}
#wrapper div.header-nav div.search form label{color: #0066b3; margin: 0; display: inline-block;}
#wrapper div.header-nav div.search form input{border: 1px solid #d1d3d4; width: 160px; height: 22px; line-height: 22px; padding: 0 11px; color: #0066b3; 
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; 
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
/*------------------------------------------------------------------
[4. Menu]
*/
#wrapper #menu{background-color: #6d6e71; height: 32px; 
-moz-box-shadow: 3px 3px 5px #6d6e71; -webkit-box-shadow: 3px 3px 5px #6d6e71; box-shadow: 3px 3px 5px #6d6e71; padding-right: 91px;}
.no-boxshadow #wrapper #menu{height: 41px; background: url(/images/mainMenubg.png) repeat top left;}
#wrapper #menu.home{text-align: right;}
#wrapper #menu a{font: normal 14px/32px Calibri, Lucida Sans Unicode, sans-serif; color: #fff; display: block; text-decoration: none; text-transform:uppercase;}
#wrapper #menu.sub ul{list-style: none; margin: 0;}
#wrapper #menu.sub > ul > li{float: left; position: relative; }
.no-boxshadow #wrapper #menu.sub > ul > li{height: 30px; margin-top: 2px;}
#wrapper #menu.sub > ul > li:hover > ul{display: block; }
#wrapper #menu.sub > ul > li.active, #wrapper #menu.sub > ul > li:hover, #wrapper #menu.sub > ul > li.pathActive{background-color: #414142;}
#wrapper #menu.sub > ul > li > a{padding: 0 16px;}
#wrapper #menu.sub > ul > li > ul {position: absolute; z-index: 2; top:32px; width: 165px; left: 0px; background-color: #414142; display: none;}
#wrapper #menu.sub > ul > li > ul > li:hover > ul{display: block;}
#wrapper #menu.sub > ul > li > ul > li {border-bottom: 1px solid #fff;}
#wrapper #menu.sub > ul > li > ul > li.last{border: none;}
#wrapper #menu.sub > ul > li > ul > li:hover, #wrapper #menu.sub > ul > li > ul > li.active{
background-image: -webkit-gradient(linear, left top, left bottom, from(#529cc6), to(#0066b3)); background-image: -webkit-linear-gradient(left, #529cc6, #0066b3); background-image: -moz-linear-gradient(left, #529cc6 , #0066b3 ); background-image: -ms-linear-gradient(top, #529cc6, #0066b3); background-image: -o-linear-gradient(top, #529cc6, #0066b3); background-image: linear-gradient(top, #529cc6, #0066b3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr='#529cc6', EndColorStr='#0066b3');}
#wrapper #menu.sub > ul > li > ul > li:hover > a, #wrapper #menu.sub > ul > li > ul > li.active > a{color: #000;}
#wrapper #menu.sub > ul > li > ul > li > a{font-size: 12px; line-height: 25px; padding-left: 14px;}
#wrapper #menu.sub > ul > li > ul > li > ul { position: absolute; z-index: 3; top:0px; width: 165px; left: 165px; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#529cc6), to(#0066b3)); background-image: -webkit-linear-gradient(left, #529cc6, #0066b3); background-image: -moz-linear-gradient(left, #529cc6 , #0066b3 ); background-image: -ms-linear-gradient(top, #529cc6, #0066b3); background-image: -o-linear-gradient(top, #529cc6, #0066b3); background-image: linear-gradient(top, #529cc6, #0066b3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr='#529cc6', EndColorStr='#0066b3');background-color: #86c548; display: none;}
#wrapper #menu.sub > ul > li > ul > li > ul > li {border-bottom: 1px solid #fff;}
#wrapper #menu.sub > ul > li > ul > li > ul > li.last{border: none;}
#wrapper #menu.sub > ul > li > ul > li > ul > li:hover, #wrapper #menu.sub > ul > li > ul > li > ul > li.active{
background-image: -webkit-gradient(linear, left top, left bottom, from(#529cc6), to(#0066b3)); background-image: -webkit-linear-gradient(left, #529cc6, #0066b3); background-image: -moz-linear-gradient(left, #529cc6 , #0066b3 ); background-image: -ms-linear-gradient(top, #529cc6, #0066b3); background-image: -o-linear-gradient(top, #529cc6, #0066b3); background-image: linear-gradient(top, #529cc6, #0066b3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr='#529cc6', EndColorStr='#0066b3');}
#wrapper #menu.sub > ul > li > ul > li > ul > li:hover > a, #wrapper #menu.sub > ul > li > ul > li > ul > li.active > a{color: #000;}
#wrapper #menu.sub > ul > li > ul > li > ul > li > a{font-size: 12px; line-height: 25px; padding-left: 14px;}
#wrapper #menu.sub > ul.shortMenu{float: right;}	
/*------------------------------------------------------------------
[5. Content / breadcrumbs]
*/	
#wrapper #content{min-height: 530px; /*overflow: hidden;*/}
#wrapper #content.home{padding: 30px 20px;}
#wrapper #content.home div.intro{float:left; width: 300px;}
#wrapper #content.home div.intro span{display: block;}
#wrapper #content.home div.intro span.header{color: #23428d; font-size: 40px; line-height: 41px; font-family:DomyoujiRegular;}
#wrapper #content.home div.intro span.text{color: #6d6f71; font-size: 18px; line-height: 20px; margin-top: 10px;}
#wrapper #content.home div.navigation{background: url(/images/infogroen-logo.jpg) no-repeat top left; float: right; width: 536px; height: 474px; margin-right: 47px;}
#wrapper #content.home div.navigation ul{list-style: none; margin: 230px 0 0 320px;}
#wrapper #content.home div.navigation ul li{width: 232px; 
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 31px; margin-bottom: 9px; text-align: center; 
-moz-box-shadow: 2px 4px 5px#6d6f71; -webkit-box-shadow: 2px 4px 5px#6d6f71; box-shadow: 2px 4px 5px#6d6f71; background-color: #095c42; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#515ea0 45%), to(#23428d 80%)); background-image: -webkit-linear-gradient(top, #515ea0 45%, #23428d 80%); background-image: -moz-linear-gradient(top, #515ea0 45% , #23428d 80% ); background-image: -ms-linear-gradient(top, #515ea0 45%, #23428d 80%); background-image: -o-linear-gradient(top, #515ea0 45%, #23428d 80%); background-image: linear-gradient(top, #515ea0 45%, #23428d 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#515ea0 45%', EndColorStr='#23428d 80%');} 
.no-cssgradients #wrapper #content.home div.navigation ul li{background: url(/images/mainItemBg.png) no-repeat top left; height: 46px; width: 261px; margin-bottom: -5px;}
.no-cssgradients #wrapper #content.home div.navigation ul li{box-shadow: 0 0 0 0;}
#wrapper #content.home div.navigation ul li:hover{ 
-moz-box-shadow: 2px 4px 5px #000; -webkit-box-shadow: 2px 4px 5px #000; box-shadow: 2px 4px 5px #000;}
.no-cssgradients #wrapper #content.home div.navigation ul li:hover{background: url(/images/mainItemBg_hover.png) no-repeat top left; box-shadow: 0 0 0 0;}
#wrapper #content.home div.navigation ul li a{text-decoration: none;color: #fff; display: block; line-height: 31px; height: 100%;font-size: 19px; font-weight:bold;}
.no-cssgradients #wrapper #content.home div.navigation ul li a{line-height: 40px;}
#wrapper #content.sub{padding:10px 0 10px 18px; font-family: Helvetica, Arial, sans-serif;}
#wrapper #content.sub > table table table tbody > tr > td > ul {margin-left:16px;}
#wrapper #breadcrumbs{overflow: hidden; margin-bottom: 10px;}	
#wrapper #breadcrumbs span{float: left; margin: 0 2px;}
#wrapper #breadcrumbs span.separator{margin: 0; color: #a7abae;}
#wrapper #breadcrumbs span a{color: #a7abae; font-size: 12px;}
#wrapper #subpage_template div.right > div > ul.detail > li > span:first-child {color:#23428d; font-size:24px; line-height:30px;}
#wrapper #subpage_template div.right > div.top h1 {margin-bottom: 17px; font-size: 27px; font-weight: bold;}
#wrapper #subpage_template div.right > div.top ul {margin-left:19px;}
/*------------------------------------------------------------------
[5.1 Content - categorys / modules]
*/	
#wrapper div#categorys div.category{margin-bottom: 15px; position: relative; margin-right: 15px; border-bottom: 19px solid #23428d; }
#wrapper div#categorys div.category div.category_options{position: absolute; bottom: -16px; right: 5px;}
#wrapper div#categorys div.category span.print, #wrapper div#categorys div.category span.legenda, #wrapper div#categorys div.category a.pdf{cursor: pointer; float: left; color: #fff; text-decoration: underline; font-size: 12px; line-height: 14px;}
#wrapper div#categorys div.category span.legenda{margin: 0 7px;}
#wrapper table.bundelNames{cursor: pointer;}
#wrapper table.bundelNames h2{position: relative;}
#wrapper table.bundelNames h2.hide:before{content:''; width: 0; height: 0; position: absolute; left: -15px; top: 8px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #48bbe8;}
#wrapper table.bundelNames tr td{text-align: center; width: 71px;}
#wrapper table.bundelNames tr td.categoryItem{text-align: left; width: 298px;}
#wrapper div.category table tr td.active{background: rgba(72, 187, 232, 0.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B248bbe8,endColorstr=#B248bbe8)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B248bbe8,endColorstr=#B248bbe8); zoom: 1;}
#wrapper div.category table.categoryTable{ 
background-image: -webkit-gradient(linear, left top, left bottom, from(#29abe2), to(#06599f)); background-image: -webkit-linear-gradient(left, #29abe2, #06599f); background-image: -moz-linear-gradient(left, #29abe2 , #06599f ); background-image: -ms-linear-gradient(top, #29abe2, #06599f); background-image: -o-linear-gradient(top, #29abe2, #06599f); background-image: linear-gradient(top, #29abe2, #06599f); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr='#29abe2', EndColorStr='#06599f');}
#wrapper div.category table.categoryTable > tbody > tr{cursor: pointer;}
#wrapper div.category table.categoryTable tr td, #wrapper div.category table.bundelNames tr td{font: normal 13px/24px Calibri, Lucida Sans Unicode, sans-serif; color: #23428d; vertical-align: top;}
#wrapper div.category table.bundelNames tr td.activeBtn{font-weight: bold;}
#wrapper div.category table.categoryTable tr td a {color: #23428d; text-decoration: none; display: block;}
#wrapper div.category table.bundelTable tr td.module{width: 287px;}
#wrapper div.category table.bundelTable tr td.module_item{width: 68px;}
#wrapper div.category table.bundelTable tr td.arrow{width: 17px;}
#wrapper div.category table.bundelTable tr td.arrow span{margin: 5px 0 0 4px; display: block; content:''; width: 0; height: 0; border-bottom: 7px solid transparent; border-top: 7px solid transparent; border-left: 9px solid #23428d;}
#wrapper div.category table.bundelTable tr td.arrow span.close {margin: 8px 0 0 2px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #23428d;}
#wrapper div.category tbody.bundel_items tr{background: url(/images/table_module_middle.png) repeat-y 8px 0; }
.ie7 #wrapper div.category tbody.bundel_items tr, .ie8 #wrapper div.category tbody.bundel_items tr, .ie9 #wrapper div.category tbody.bundel_items tr, .ie8 div.category tbody.bundel_items tr{float: none;} 
#wrapper div.category tbody.bundel_items tr.first{background: url(/images/table_module_top.png) no-repeat 8px 0;}
#wrapper div.category tbody.bundel_items tr.last{background: url(/images/table_module_bottom.png) no-repeat 8px 0;}
#wrapper div.category tbody.bundel_items tr.singel{background: url(/images/table_module_singel.png) no-repeat 8px 0;}
#wrapper div.category tbody.bundel_items tr:hover, #wrapper div.category tbody.bundel_items tr.active{background: url(/images/bundel_item_active.gif) repeat-y 8px 0;}
#wrapper div.category tbody.bundel_items tr.first:hover{background: url(/images/table_module_itemtop_active.png) repeat-y 8px 0;}
#wrapper div.category tbody.bundel_items tr.last:hover{background: url(/images/table_module_itembot_active.png) repeat-y 8px 0;}
#wrapper div.category tbody.bundel_items tr.singel:hover{background: url(/images/table_module_item_active.png) repeat-y 8px 0;}
#wrapper div.categorytbody.bundel_items tr td.last{border-right: none;}
#wrapper div.category tbody.bundel_items tr td{ font: bold 11px/14px Calibri, Lucida Sans Unicode, sans-serif; text-align: center; white-space: nowrap; width: 67px;}
#wrapper div.category tbody.bundel_items tr.singel.noItems td{padding-left: 15px; text-align: left;}
#wrapper div.category tbody.bundel_items tr td.bundel_name{padding-left: 17px; width: 279px; text-align: left;}
/* form styles */
#wrapper #subpage_template div.right .wis_form_wrapper .btn.btn-primary {background-color: #23428D; border: 1px solid #0066B3; color: #fff; cursor: pointer; width: 150px; height: 30px;}
#wrapper #subpage_template div.right .wis_form_wrapper .btn.btn-primary:hover{background-color: #1c3572;}
/*------------------------------------------------------------------
[5. Footer]
*/	
#wrapper #footer{background-color: #b3b5b8; height: 20px;}
#wrapper #footer ul{list-style: none; float: right; margin-right: 19px;}
#wrapper #footer ul li {display: inline-block; margin: 0 4px; float: left;}
#wrapper #footer ul li a{color: #fff; font-size: 13px; line-height: 20px;}
/*------------------------------------------------------------------
[6. Templates]
*/	
/*------------------------------------------------------------------
[6.1 Templates buttons]
*/
#wrapper span.readMore{cursor: pointer; margin-left: 5px; overflow: hidden; padding: 0 5px; font-size: 14px; width: 114px; display: inline-block; 
-moz-box-shadow: 2px 3px 5px #dbdbdc; -webkit-box-shadow: 2px 3px 5px #dbdbdc; box-shadow: 2px 3px 5px #dbdbdc; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; line-height: 17px; height: 17px; text-align: center; 
background-color: #324993; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#515ea0), to(#23428d)); background-image: -webkit-linear-gradient(center top, #515ea0, #23428d); background-image: -moz-linear-gradient(center top, #515ea0 , #23428d ); background-image: -ms-linear-gradient(top, #515ea0, #23428d); background-image: -o-linear-gradient(top, #515ea0, #23428d); background-image: linear-gradient(top, #515ea0, #23428d); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#515ea0', EndColorStr='#23428d');}
.no-borderradius #wrapper span.readMore, .no-cssgradients span.readMore{background: url(/images/green-btn.png) no-repeat top left; width: 122px; height: 31px; filter: -; line-height: 26px;}
#wrapper span.readMore a{color: #fff; display: block; text-decoration: none;}
#wrapper span.readMore:hover{
-moz-box-shadow: 2px 3px 5px #000; -webkit-box-shadow: 2px 3px 5px #000; box-shadow: 2px 3px 5px #000;}
.no-borderradius #wrapper span.readMore:hover, .no-cssgradients #wrapper span.readMore:hover{background: url(/images/green-btn_hover.png) no-repeat top left;}
#wrapper div#categorie_template div.left, #wrapper div#categorie_template div.right, #wrapper div#subpage_template div.left{float: left; margin-top: -15px;}
#wrapper div#subpage_template div.right {float:left; margin-top:17px; width: 600px}
#wrapper div#categorie_template div.left, #wrapper div#subpage_template div.left{width: 361px; margin-right: 20px; margin-top: 0;}
#wrapper div#categorie_template div.left div.top.articleItem h1, #wrapper div#categorie_template div.left div.top.articleItem h1 p, #wrapper div#subpage_template div.left div.top.articleItem h1, #wrapper div#subpage_template div.left div.top.articleItem h1 p{margin-bottom: 0; font: 40px/36px DomyoujiRegular; color: #23428d;}
#wrapper div#categorie_template div.left div.top.articleItem h3, #wrapper div#categorie_template div.left div.top.articleItem h3 p, #wrapper div#subpage_template div.left div.top.articleItem h3, #wrapper div#subpage_template div.left div.top.articleItem h3 p{margin-bottom: 0; color: #6d6f71; font-size: 18px; line-height: 116%; padding: 8px 0 12px 0;}
#wrapper div#categorie_template div.left div.top.articleItem h3 p, #wrapper div#subpage_template div.left div.top.articleItem h3 p{padding: 0;}
#wrapper div#categorie_template div.left div.top, #wrapper div#subpage_template div.left div.top{}
#wrapper div#categorie_template div.left div.top.articleItem.active, #wrapper div#subpage_template div.left div.top.articleItem.active{position: relative;}
#wrapper div#categorie_template div.left div.top.articleItem.active a.slideUp, #wrapper div#subpage_template div.left div.top.articleItem.active a.slideUp{position: absolute; bottom: 0; right:0; width: 31px; height: 20px; cursor: pointer; background: url(/images/endofpage.gif) no-repeat right bottom; }
#wrapper div#categorie_template div.left div.middle div.top.article, #wrapper div#subpage_template div.left div.middle div.top.article{padding: 11px;}
#wrapper div#categorie_template div.left > div.middle, #wrapper div#subpage_template div.left > div.middle{border: 1px solid #dbdbdc; margin: 16px 0 12px 0;}
#wrapper div#categorie_template div.left > div.middle div.middle ul, #wrapper div#subpage_template div.left > div.middle div.middle ul{list-style-type: none; margin: 0;}
#wrapper div#categorie_template div.left > div.middle div.middle ul, #wrapper div#subpage_template div.left > div.middle div.middle ul{padding: 7px 11px 11px 11px; margin-bottom: 6px;}
#wrapper div#categorie_template div.left > div.middle div.middle a:hover, #wrapper div#subpage_template div.left > div.middle div.middle a:hover {text-decoration:none;}
#wrapper div#categorie_template div.left > div.middle div.middle ul.odd, #wrapper div#subpage_template div.left > div.middle div.middle ul.odd{background-color: #0066b3;}
#wrapper div#categorie_template div.left > div.middle div.middle ul.even, #wrapper div#subpage_template div.left > div.middle div.middle ul.even{background-color: #3a4e96;}
#wrapper div#categorie_template div.left > div.middle div.middle ul li span, #wrapper div#subpage_template div.left > div.middle div.middle ul li span{color: #fff; display: block;}
#wrapper div#categorie_template div.left > div.middle div.middle ul li span.titel, #wrapper div#subpage_template div.left > div.middle div.middle ul li span.titel{font-size: 17px; line-height: 20px; font-weight: bold;}
#wrapper div#categorie_template div.left > div.middle div.middle ul li span.datum, #wrapper div#categorie_template div.left > div.middle div.middle ul li span.locatie, #wrapper div#subpage_template div.left > div.middle div.middle ul li span.datum, #wrapper div#subpage_template div.left > div.middle div.middle ul li span.locatie{font-style: italic; font-size: 12px; line-height: 18px; margin-top: 4px;}
#wrapper div#categorie_template div.left > div.middle div.middle ul li span.locatie, #wrapper div#subpage_template div.left > div.middle div.middle ul li span.locatie{margin:0; line-height: 14px;}
#wrapper div#categorie_template div.left > div.middle div.middle ul li span.description, #wrapper div#subpage_template div.left > div.middle div.middle ul li span.description{font-size: 14px; line-height: 16px; width: 320px; display: inline-block;}
#wrapper #categorie_template div.left div.middle ul li span.description > p, #wrapper #subpage_template div.left div.middle ul li span.description > p {color:#FFFFFF;}
#wrapper div#categorie_template div.left > div.middle div.middle ul li span.more, #wrapper div#subpage_template div.left > div.middle div.middle ul li span.more{display: inline-block; color: #fff;}
#wrapper div#categorie_template div.left > div.middle > div.bottom.highlights div, #wrapper div#subpage_template div.left > div.middle > div.bottom.highlights div{margin: 9px 11px 0 5px; border-top: 1px solid #dbdbdc;}
#wrapper div#categorie_template div.left > div.middle > div.bottom.highlights div h2, #wrapper div#categorie_template div.left > div.middle > div.top.article h2 a, #wrapper div#subpage_template div.left > div.middle > div.bottom.highlights div h2, #wrapper div#subpage_template div.left > div.middle > div.top.article h2 a {color: #23428d;}
#wrapper div#categorie_template div.left > div.middle > div.top.article h2 a:hover, #wrapper div#subpage_template div.left > div.middle > div.top.article h2 a:hover {text-decoration:none;}
#wrapper div#categorie_template div.left > div.middle > div.bottom.highlights div a, #wrapper div#categorie_template table.reasons a, #wrapper div#subpage_template div.left > div.middle > div.bottom.highlights div a, #wrapper div#subpage_template table.reasons a{color: #3a4e96; font-weight:bold;}
#wrapper div#categorie_template div.left > div.middle > div.bottom.highlights img, #wrapper div#subpage_template div.left > div.middle > div.bottom.highlights img{float: right; margin: 5px 0 0 3px;}
#wrapper table.reasons tr.tr0 td{color: #23428d; font-size: 24px; font-weight: bold;}
#wrapper table.reasons tr.tr1 td{font-size: 13px; color: #4d4d4f;}
#wrapper table.reasons tr.tr1 td a{color: #00aeef; text-decoration: none;}
#wrapper table.reasons tr.tr1 td a:hover{text-decoration: underline;}
#wrapper div.articleItem.active p.omschrijving h2 {color:#3a4e96;}
#wrapper div#categorie_template div.right{ width: 600px;}
#wrapper div#categorie_template div.right div.bottom {min-height: 755px; background: #eeeeee; padding-left: 16px;}
#wrapper div#print.right span.header, #wrapper span.header{color: #477662; font-size: 20px; line-height: 30px; display: block; font-weight: bold; }
#wrapper div.bundel_item_detail{margin: 0 16px 10px 0; min-height: 285px; padding: 15px 7px 0 5px; background-color: #fff; position: relative;}
#wrapper div.bundel_item_detail span.goback{float: right; display: block; width: 125px; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
background-color: #324993; height: 18px; text-align: center; 
-moz-box-shadow: 0px 2px 12px#6d6f71; -webkit-box-shadow: 0px 2px 12px#6d6f71; box-shadow: 0px 2px 12px#6d6f71; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#515ea0), to(#23428d)); background-image: -webkit-linear-gradient(center top, #515ea0, #23428d); background-image: -moz-linear-gradient(center top, #515ea0 , #23428d ); background-image: -ms-linear-gradient(top, #515ea0, #23428d); background-image: -o-linear-gradient(top, #515ea0, #23428d); background-image: linear-gradient(top, #515ea0, #23428d); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#515ea0', EndColorStr='#23428d'); }
.no-cssgradients #wrapper div.bundel_item_detail span.goback{filter: -; background: url(/images/green-btn.png) no-repeat top left; height: 31px; width: 130px;}
.no-cssgradients #wrapper div.bundel_item_detail span.goback:hover{ background: url(/images/green-btn_hover.png) no-repeat top left;}
#wrapper div.bundel_item_detail span.goback:hover{
-moz-box-shadow: 0px 2px 12px #000; -webkit-box-shadow: 0px 2px 12px #000; box-shadow: 0px 2px 12px #000;}
#wrapper div.bundel_item_detail span.goback a{font-size: 13px; font-weight: bold; color: #fff; line-height: 18px; display: block; text-decoration: none;}
.no-cssgradients div.bundel_item_detail span.goback a{line-height: 22px;}
#wrapper div.bundel_item_detail div.navigation{text-align: right; position: absolute; bottom: 5px; right: 7px;}
#wrapper div.bundel_item_detail div.navigation a, #wrapper div.bundel_item_detail div.navigation span{display: inline-block;}
#wrapper div.bundel_item_detail div.navigation a{text-decoration: underline; color: #b2d67e; font-size: 13px; margin-right: 7px;}
#wrapper div.bundel_item_detail h3{padding-left: 5px; color: #3a4e96; font-size: 19px; font-weight: bold; }
#wrapper div.bundel_item_detail h4{padding-left: 5px; color: #23428d; font-size: 12px; font-weight: bold; border-bottom: 2px solid #c3c1d5; width: 275px;}
#wrapper div.bundel_item_detail > p{padding-left: 5px; margin-right: 7px;}
#wrapper div.bundel_item_detail p{ font: normal 14px/20px Calibri, Lucida Sans Unicode, sans-serif;}
#wrapper div.bundel_item_detail p img{margin-left: 10px;}
#wrapper div.bundel_item_detail ul {margin-left:20px; margin-bottom:15px;}
#wrapper div.bundel_item_detail li {list-style-color:#0066b3;}
#wrapper .bundels ul {list-style: none; overflow: hidden; padding-bottom: 15px; margin: 0;}
#wrapper .bundels ul li{float: left; width: 124px; margin-right: 29px; margin-top: 7px; font-size: 12px; cursor: pointer;}
#wrapper .bundels ul li span.background{
padding:0 5px 9px 6px; 
background-color: #fff; 
display: block;
-moz-box-shadow: 3px 3px 4px #aeaeae;
-webkit-box-shadow: 3px 3px 4px #aeaeae;
box-shadow: 3px 3px 4px #aeaeae;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aeaeae')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#aeaeae');	
}
#wrapper .bundels ul li.last{margin-right: 0;}
#wrapper .bundels ul li span{display: block; font-family: Calibri, Lucida Sans Unicode, sans-serif; font-size: 13px;}
#wrapper .bundels ul li span.image img{width: 109px; height: 109px; border: 1px solid #c1bed2; margin-top: 9px;}
#wrapper .bundels ul li span.title, #wrapper .bundels ul li.active span.title{
-moz-box-shadow: 2px 4px 10px#6d6f71; -webkit-box-shadow: 2px 4px 10px#6d6f71; box-shadow: 2px 4px 10px#6d6f71; }
#wrapper .bundels ul li span.title { 
color: #fff; line-height: 18px; cursor: pointer; margin-top:10px; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
background-color: #324993; height: 18px; text-align: center; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#515ea0 45%), to(#23428d 80%)); background-image: -webkit-linear-gradient(top, #515ea0 45%, #23428d 80%); background-image: -moz-linear-gradient(top, #515ea0 45% , #23428d 80% ); background-image: -ms-linear-gradient(top, #515ea0 45%, #23428d 80%); background-image: -o-linear-gradient(top, #515ea0 45%, #23428d 80%); background-image: linear-gradient(top, #515ea0 45%, #23428d 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#515ea0 45%', EndColorStr='#23428d 80%'); }
#wrapper .bundels ul li.active span.title{background-color: #324993; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#1780bd), to(#23428d)); background-image: -webkit-linear-gradient(center top, #1780bd, #23428d); background-image: -moz-linear-gradient(center top, #1780bd , #23428d ); background-image: -ms-linear-gradient(top, #1780bd, #23428d); background-image: -o-linear-gradient(top, #1780bd, #23428d); background-image: linear-gradient(top, #1780bd, #23428d); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#1780bd', EndColorStr='#23428d'); color:#48bbe8;} 
.no-cssgradients #wrapper .bundels ul li.active span.title{background: url(/images/lightgreen-btn.png) no-repeat top left;} 
.no-cssgradients #wrapper .bundels ul li span.title{filter: -; background: url(/images/darkgreen-btn.png) no-repeat top left; height: 26px; width: 132px; line-height: 22px;}
.no-cssgradients #wrapper .bundels ul li span.title:hover{background: url(/images/darkgreen-btn_hover.png) no-repeat top left;}
#wrapper .bundels ul li span.title:hover{
-moz-box-shadow: 1px 1px 8px #000; -webkit-box-shadow: 1px 1px 8px #000; box-shadow: 1px 1px 8px #000;}
.no-cssgradients #wrapper .bundels ul li span.title:hover{background: url(/images/lightgreen-btn_active.png) no-repeat top left}
#wrapper ul.gebruikersverhalen{overflow: hidden; border-bottom: 1px solid #d1d3d4; margin-bottom: 0px; list-style: none; padding: 10px 0 10px 7px; }
#wrapper ul.gebruikersverhalen.detail {border-bottom:0;}
#wrapper ul.gebruikersverhalen p.clear {clear:both; margin-top:45px;}
#wrapper ul.gebruikersverhalen a.verhalen:hover {color:#4D4D4F;}
#wrapper ul.gebruikersverhalen li span span{display: block;}
#wrapper ul.gebruikersverhalen li span span.titel{font-weight:bold; font-size: 17px; color:#23428d; margin-bottom:10px;}
#wrapper ul.gebruikersverhalen li span.image, #wrapper ul.gebruikersverhalen li span.desc{float: left;}
#wrapper ul.gebruikersverhalen li span.image{width: 113px; height: 113px; overflow: hidden; float: left; background-color: #fff; text-align: center; margin-right: 7px; 
-moz-box-shadow: 2px 3px 7px #848282; -webkit-box-shadow: 2px 3px 7px #848282; box-shadow: 2px 3px 7px #848282;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li {display:inline-block; width:575px; position:relative;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li span.image{width: 113px; height: 113px; overflow: hidden; float: left; background-color: #fff; text-align: center; margin-right: 15px; 
-moz-box-shadow: 2px 3px 7px #848282; -webkit-box-shadow: 2px 3px 7px #848282; box-shadow: 2px 3px 7px #848282;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li a.verhalen span {color:#23428d;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li table.infoBlok {margin-top:10px;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li span.teaserText {display: block; float: left; margin-top: 10px; width: 470px;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li div.LeesMeer {margin-top:10px;}
#wrapper ul.gebruikersverhalen li span.image img{padding-top: 5px;}
#wrapper ul.gebruikersverhalen li span.desc{width: 215px;}	
#wrapper ul.gebruikersverhalen li span.desc span.titel a,
#wrapper table#userexperience tr td.titel{color:#23428d; font-size: 17px; line-height: 18px; margin-bottom: 12px; display: inline-block;}
#wrapper ul.gebruikersverhalen li span.desc span.naam, 
#wrapper div#categorie_template div.left ul.gebruikersverhalen li span.desc span.company,
#wrapper table#userexperience tr td.naam{color: #a7a9ac; font-size: 12px; line-height: 14px; }
#wrapper ul.gebruikersverhalen li span.desc span.shortDesc{color: #4d4d4f; font-size: 14px; line-height: 20px; margin-top: 3px;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li span.teaserTextNieuws {display: block; float: left; margin-top: 15px;}
#wrapper div#subpage_template div.right ul.gebruikersverhalen li span.datumNieuws, #wrapper div#subpage_template div.right ul.gebruikersverhalen li span.locatieNieuws {display: block; font-style:italic; font-size:12px; color:#b3b5b8; margin-bottom:-3px;}
#wrapper table.pageIntro {border-bottom: 2px solid #d1d3d4; width: 100%;}
#wrapper table.singleItem h2 {color:#80c461;} 
#wrapper table.pageIntro h4, #wrapper table.singleItem h4 {color:#80c461; font-weight:bold; font-size:14px;}
#wrapper table.pageIntro a, #wrapper table.singleItem a {font: normal 14px/19px Calibri, Lucida Sans Unicode, sans-serif;}
#wrapper table.pageIntro ul, #wrapper table.singleItem ul {margin-left:16px; list-style-image:url(/images/bulletGreen.gif);}
#wrapper table.pageIntro tr td, #wrapper table.singleItem tr td{vertical-align: top;}
#wrapper table.pageIntro tr td.td1, #wrapper table.singleItem tr td.td1{padding-bottom:10px; vertical-align: bottom;}
#wrapper table.pageIntro tr td.col0{width: 650px; padding-right: 30px;}	
#wrapper table.pageIntro tr td.col0 h1, #wrapper table.singleItem tr td.col0 h1{color: #23428d; font-weight: bold; margin-bottom: 15px;}
#wrapper table.pageIntro tr td.col1 a{text-decoration: none; cursor: pointer; margin-right: 15px; overflow: hidden; padding: 0 5px; font-size: 13px; width: 124px; display: inline-block; 
-moz-box-shadow: 2px 3px 5px #6D6E71; -webkit-box-shadow: 2px 3px 5px #6D6E71; box-shadow: 2px 3px 5px #6D6E71; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; line-height: 17px; height: 17px; text-align: center; background-color: #ABD46F; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#ABD46F), to(#94c948)); background-image: -webkit-linear-gradient(center top, #ABD46F, #94c948); background-image: -moz-linear-gradient(center top, #ABD46F , #94c948 ); background-image: -ms-linear-gradient(top, #ABD46F, #94c948); background-image: -o-linear-gradient(top, #ABD46F, #94c948); background-image: linear-gradient(top, #ABD46F, #94c948); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#ABD46F', EndColorStr='#94c948');}
.no-borderradius #wrapper table.pageIntro tr td.col1 a, .no-cssgradients #wrapper table.pageIntro tr td.col1 a,
.no-borderradius #wrapper table.singleItem tr td.col1 a, .no-cssgradients #wrapper table.singleItem tr td.col1 a
{background: url(/images/green-btn.png) no-repeat top left; filter: -; line-height: 23px; height: 23px;}
.no-borderradius #wrapper table.pageIntro tr td.col1 a:hover, .no-cssgradients #wrapper table.pageIntro tr td.col1 a:hover,
.no-borderradius #wrapper table.singleItem tr td.col1 a:hover, .no-cssgradients #wrapper table.singleItem tr td.col1 a:hover
{background: url(/images/green-btn_hover.png) no-repeat top left;}
#wrapper table.pageIntro tr td.col1 a:hover, #wrapper table.singleItem tr td.col1 a:hover{
-moz-box-shadow: 2px 3px 5px #000; -webkit-box-shadow: 2px 3px 5px #000; box-shadow: 2px 3px 5px #000;}
#wrapper table.singleItem tr td.col0 {width: 510px; padding-right: 30px;}
#wrapper table.singleItem tr td.col1 a {text-decoration: none; cursor: pointer; margin-right: 15px; overflow: hidden; padding: 0 5px; font-size: 13px; width: 124px; display: inline-block; 
-moz-box-shadow: 2px 3px 5px #6D6E71; -webkit-box-shadow: 2px 3px 5px #6D6E71; box-shadow: 2px 3px 5px #6D6E71; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; line-height: 17px; height: 17px; text-align: center; background-color: #ABD46F; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#ABD46F), to(#94c948)); background-image: -webkit-linear-gradient(center top, #ABD46F, #94c948); background-image: -moz-linear-gradient(center top, #ABD46F , #94c948 ); background-image: -ms-linear-gradient(top, #ABD46F, #94c948); background-image: -o-linear-gradient(top, #ABD46F, #94c948); background-image: linear-gradient(top, #ABD46F, #94c948); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorStr='#ABD46F', EndColorStr='#94c948');}
div#overLay{background: url(/images/overlaybg.png) repeat top left; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10;} 
div#overLay div.popupDiv{padding: 20px; width: 600px; min-height: 500px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin-left: -300px; margin-top: -300px; 
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div#overLay div.popupDiv div.closePopup{cursor: pointer; position: absolute; top: 0; right: 0; width: 29px; height: 29px; background: url(/images/close-button.png) no-repeat top left;}