/*
* General
*/

html {background:#203576 url(../images/html-bg.png) repeat-x 0 0;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin: 0; padding: 0; }

body { font: .875em/1.857em Calibri, Arial, sans-serif; color:#788a94; position:relative;height:100%;}

ul,ol,dl {list-style:none;}
fieldset {border:none;}
img {border:none;}

a {text-decoration:none;color:#254482;}
a.more {color:#00a2db;font-style:italic;font-weight:bold;}
a.more:hover {text-decoration:underline;}

input {font-size:14px;color:#8897a0;font-weight:bold;}

h2, h1 {font-size:1.714em;color:#203576;}
h2 a, h1 a {color:#203576;}

#bigwrap {min-height:100%;position:relative;width:940px;margin:0 auto;}
#wrap {padding-bottom:35px;}

/*
* Easyclear
*/

#top, .menu ul, .menuWrap, #content, #content-mid, .form-row, #footer, .bMid {display:inline-block;}
#top, .menu ul, .menuWrap, #content, #content-mid, .form-row, #footer, .bMid {display:block}
#top:after, .menu ul:after, .menuWrap:after, #content:after, #content-mid:after, .form-row:after, #footer:after, .bMid:after {content:'.';clear:both;height:0;display:block;visibility:hidden;}

/*
* Header
*/

#top {float:right;color:#fff;font-size:.785em;}
#top img {margin:0;display:inline;}
#top a {float:left;color:#fff;padding-right:23px;}
#top a.pdf {background:url(../images/pdf.png) no-repeat left center;padding-left:22px;}
#top a.login {background:url(../images/login.gif) no-repeat left center;padding-left:22px;}
#top a.lang {padding:0;}
#top span.lang {float:left;}
#top a.lang img, #top span.lang img {float:left;padding:6px 8px 0 0;}
#c75 {display:none;}
#header {height:75px;}
#homepage #header {height:327px;padding-bottom:36px;position:relative;width:940px;overflow:hidden;}
#banner {}

/*
* Menu
*/

.menu {height:50px;width:573px;float:left;}
.menuWrap {clear:both;position:absolute;top:25px;}
.menuWrap .logo {background:url(../images/menu-left.png) no-repeat 0 0;float:left;width:367px;height:50px;display:inline;text-indent:-9999em;}
.menuWrap .logo a {text-indent:-9999em;display:block;width:350px;height:50px;position:relative;background: url(../images/transparent.gif) repeat 0 0;}
.menu div {background:url(../images/menu.png) repeat-x 0 0;height:50px;float:left;}
.menu ul {height:50px;line-height:50px;position:relative;left:-15px;float:left;width:563px;}
.menu span {background:url(../images/menu-right.png) no-repeat 0 0;height:50px;width:10px;display:block;float:right;}
.menu ul li, .menu ul li a {float:left;}
.menu ul li a {font-size:1.285em;color:#254482;}
.menu ul li {padding-right:48px;}
.menu ul li.last {padding:0;}
.menu ul li a:hover, .menu ul li.active a {color:#fff;}

/*
* Breadcrumbs
*/

#breadcrumbs {font-family:Verdana, Arial, Sans-serif;font-size:.714em;color:#1f3a7a;padding-top:10px;}
#breadcrumbs span {margin-right:4px;}
#breadcrumbs ul {display:inline;}
#breadcrumbs ul li {display:inline;}
#breadcrumbs ul li a {color:#fff;margin-right:4px;}

/*
* Content
*/

#content {padding:7px 0 21px;}
#homepage #content {padding:12px 0 21px;}
#left {float:left;width:211px;}
#main {float:left;width:710px;padding:0 0 0 19px;}
#homepage #content-top {background:url(../images/home-content-top.png) no-repeat 0 0;height:8px;overflow:hidden;}
#homepage #content-mid {background:#eeeeee;}
#homepage #content-bottom {background:url(../images/home-content-bottom.png) no-repeat 0 0;height:8px;overflow:hidden;}
#homepage #main {width:495px;float:left;padding:0 55px 0 20px;}
#homepage #right {width:330px;float:left;padding:0 0 0 20px;}

/*
* Other Menus
*/

#solutions, #products {padding-bottom:19px;}

#solutions li {border:1px solid #b0b0b0;border-width:0 1px 1px 1px;}
#solutions li a {background:url(../images/sol-bg.gif) no-repeat 0 0;height:35px;display:block;color:#8897a0;padding:0 15px 0 21px;line-height:35px;font-weight:bold;}
#solutions li a:hover, #solutions li.active a {background:url(../images/sol-hov.png) no-repeat 0 0;color:#fff;}
#solutions li.first {background:url(../images/sol-top.png) no-repeat 0 0;width:169px;height:37px;padding:0 21px;line-height:37px;border-width:0;}
#solutions li.last {background:url(../images/sol-bot.png) no-repeat 0 0;border-width:0;height:19px;}
#solutions ul {background:#fff;border-top:1px solid #b0b0b0;display:none;}
#solutions li.active ul {display:block;}
#solutions ul li a, #solutions ul li.active a {background:none !important;color:#91bdeb !important;font-size:.857em;height:25px;line-height:2.083em;}
#solutions ul li a:hover {background:none;color:#91bdeb;text-decoration:underline;}
#solutions ul li {border-width:0;}

#homepage #products {width:211px;position:absolute;left:20px;top:86px;padding:0;}
#products li {background:url(../images/prod-bg.png) no-repeat 0 0;height:53px;padding-left:21px;border:1px solid #b0b0b0;border-width:0 1px 1px 1px;}
#products li a {display:block;color:#8897a0;padding:0 15px 0 0;line-height:53px;font-weight:bold;font-size:.857em;height:53px;}
#products li:hover, #products li.over, #products li.active {background:url(../images/prod-hov.png) no-repeat 0 0;}
#products li:hover a, #products li.over a, #products li.active a {color:#fff;}
#products li.first {background:url(../images/prod-top.png) no-repeat 0 0;width:169px;height:37px;padding:0 21px;line-height:37px;border-width:0;}
#products li.last {background:url(../images/sol-bot.png) no-repeat 0 0;border-width:0;height:19px;}
#products li span {height:53px;display:block;}
#products .sub1 span {background:url(../images/icons/pr.png) no-repeat left center;padding-left:37px;}
#products .sub2 span {background:url(../images/icons/ah.png) no-repeat left center;padding-left:37px;}
#products .sub3 span {background:url(../images/icons/mm.png) no-repeat left center;padding-left:37px;}
#products .sub4 span {background:url(../images/icons/sm.png) no-repeat left center;padding-left:37px;}

#recc {padding-bottom:15px;}
#recc li {line-height:2.5em;height:2.5em;}
#recc li a {color:#00a2db;font-size:1.285em;}
#recc li a img {}
#recc li.login a {background:url(../images/icons/login.gif) no-repeat left 4px;}
#recc li.contact a {background:url(../images/icons/contact.gif) no-repeat left 5px;}
#recc li.view a {background:url(../images/icons/view.gif) no-repeat 3px 4px;}
#recc li.news a {background:url(../images/icons/news.gif) no-repeat left 4px;}

/*
* Short
*/

#search .inputWrap {background:url(../images/search.png) no-repeat 0 0;height:31px;float:left;width:168px;}
#search input.text {border:none;background:none;padding:8px 0 7px 21px;position:relative;width:147px;}
#search input.submit {background:url(../images/submit.png) no-repeat 0 0;border:0;width:42px;height:31px;cursor:pointer;float:left;}

.demo {height:60px;width:109px;margin:40px auto;}
.demo span {background:url(../images/demo.png) no-repeat 0 0;display:block;width:109px;height:60px;}
.demo span a {display:block;width:109px;height:60px;text-indent:-9999em;position:relative;background: url(../images/transparent.gif) repeat 0 0;}
#homepage .demo {position:absolute;margin:0;right:25px;bottom:12px;}

/*
* Main
*/
#main select { font-size:14px; font-weight:bold; color:#8897A0; }
#main .bTop {background:url(../images/content-top.png) no-repeat 0 0;height:7px; overflow:hidden;}
#main .bMid {background:#eeeeee;padding:0 28px; }
#main .bBot {background:url(../images/content-bottom.png) no-repeat 0 0;height:7px;overflow:hidden;}

#main .bMid h2, #homepage #content-mid h2, #main .bMid h1, #homepage #content-mid h1 {padding:30px 0 17px;background:url(../images/border.gif) repeat-x left bottom;margin-bottom:13px;}
#main .bMid p {padding-bottom:10px;}
#main .bMid img {border:none;padding:4px;float:left;margin:5px 13px 0 0;}
#main .bMid li {margin-left: 25px; list-style: disc;}
/*
* Footer
*/

#footer {height:35px;width:100%;font-size:.857em;color:#788a94;position:absolute;bottom:0;overflow:hidden;}
#footer .footwrap {background:url(../images/foot.png) no-repeat 0 0;height:35px;}
#footer a {color:#788a94;position:relative;}
#footer .fLeft {float:left;padding:5px 0 0 25px;height:30px;}
#footer .fLeft img {position:relative;top:5px;padding-left:28px;}
#footer .fRight {float:right;height:35px;line-height:35px;padding-right:28px;}
#footer .hide a {color:#eeeeee !important;}

/*
* Login
*/

#login-form {width:499px;margin:0 auto;padding:140px 0 0;}
#form-top {background:url(../images/login-top.png) no-repeat 0 0;height:8px;overflow:hidden;}
#form-bottom {background:url(../images/login-bottom.png) no-repeat 0 0;height:8px;overflow:hidden;}
#form-mid {background:#eeeeee;}

#login-form h2 {padding:0 0 17px 32px;background:url(../images/border.gif) repeat-x left bottom;margin-bottom:13px;}
#login-form label {color:#203576;float:left;width:200px;padding-right:20px;text-align:right;}
#login-form input.text, #contact input.text {border:1px solid #bababa;height:20px;width:248px;padding:4px 0;}
#login-form .tx-felogin-pi1 form .form-row, #contact .form-row {padding-bottom:11px;}
#login-form .logMsg {padding:0 25px;}

#login-form #fp a {color:#00a2db;display:block;text-align:right;}
#login-form #fp input.submit {color:#8897a0;font-weight:bold;background:none;border:1px solid #fff;border-width:0 1px 0 1px;padding:0 13px;height:27px;cursor:pointer;overflow:visible;}
#login-form #fp .inputWrap {background:url(../images/submit3.gif) repeat-x 0 0;border:1px solid #d5d5d5;height:27px;float:right;margin:0 29px 0 10px;display:inline;}
.loginMsg {padding:0 32px 16px 32px;}

.tx-felogin-pi1 fieldset {border:none;}


/*
* Contact
*/

#contact {padding-top:23px;}
#contact label {color:#203576;float:left;width:100px;padding-right:20px;text-align:right;}
#contact select {border:1px solid #bababa;height:25px;width:248px;padding:2px 4px;}
#contact input.submit {color:#8897a0;font-weight:bold;background:none;border:none;padding:0 13px;width:68px;height:27px;cursor:pointer;}
#contact .inputWrap {background:url(../images/submit2.png) no-repeat 0 0;border:1px solid #d5d5d5;width:68px;height:27px;float:right;margin:0 125px 0 0;display:inline;}

#contact .powermail_text { border:1px solid #bababa;height:17px;width:234px;padding:3px 7px; line-height:normal; }
#contact .powermail_textarea { border:1px solid #bababa;height:90px;width:234px;padding:3px 7px; line-height:normal; }
#contact .tx_powermail_pi1_fieldwrap_html {padding-bottom:11px;}
#contact legend {display:none;}
#contact fieldset {border:none;}
#contact .tx_powermail_pi1_fieldwrap_html_submit input {color:#8897a0;font-weight:bold;background:none;border:none;padding:0 13px;width:68px;height:27px;cursor:pointer;}
#contact .tx_powermail_pi1_fieldwrap_html_submit {background:url(../images/submit2.png) no-repeat 0 0;border:1px solid #d5d5d5;width:68px;height:27px;float:right;margin:0 125px 0 0;display:inline;padding:0;}
#contact #powermaildiv_uid18 div {clear:both;}
#contact #powermaildiv_uid18 p {display:none;}
#contact .powermail_mandatory_js {padding:11px 0 0 120px;font-style:italic;font-size:1em;font-weight:normal;}

/*
* meerweten
*/

#meerweten {padding-top:23px;}
#meerweten label {color:#203576;float:left;width:100px;padding-right:20px;text-align:right;}
#meerweten select {border:1px solid #bababa;height:25px;width:248px;padding:2px 4px;}
#meerweten input.submit {color:#8897a0;font-weight:bold;background:none;border:none;padding:0 13px;width:68px;height:27px;cursor:pointer; margin-left: -100px;}
#meerweten .inputWrap {background:url(../images/submit2.png) no-repeat 0 0;border:1px solid #d5d5d5;width:68px;height:27px;float:right;margin:0 125px 0 0;display:inline;}

#meerweten .powermail_text { border:1px solid #bababa;height:17px;width:234px;padding:3px 7px; line-height:normal; }
#meerweten .powermail_textarea { border:1px solid #bababa;height:90px;width:234px;padding:3px 7px; line-height:normal; }
#meerweten .tx_powermail_pi1_fieldwrap_html {padding-bottom:11px;}
#meerweten legend {display:none;}
#meerweten fieldset {border:none;}
#meerweten .tx_powermail_pi1_fieldwrap_html_submit input {color:#8897a0;font-weight:bold;background:none;border:none;padding:0 13px;width:68px;height:27px;cursor:pointer;}
#meerweten .tx_powermail_pi1_fieldwrap_html_submit {background:url(../images/submit2.png) no-repeat 0 0;border:1px solid #d5d5d5;width:68px;height:27px;float:right;margin:0 285px; 0 0;display:inline;padding:0; }
#meerweten #powermaildiv_uid18 div {clear:both;}
#meerweten #powermaildiv_uid18 p {display:none;}
#meerweten .powermail_mandatory_js {padding:11px 0 0 120px;font-style:italic;font-size:1em;font-weight:normal;}

/*
* wachtwoordvergeten
*/

#wachtwoordvergeten {padding-top:23px;}
#wachtwoordvergeten label {color:#203576;float:left;width:100px;padding-right:20px;text-align:right;}
#wachtwoordvergeten select {border:1px solid #bababa;height:25px;width:248px;padding:2px 4px;}
#wachtwoordvergeten input.submit {color:#8897a0;font-weight:bold;background:none;border:none;padding:0 13px;width:68px;height:27px;cursor:pointer; margin-left: -100px;}
#wachtwoordvergeten .inputWrap {background:url(../images/submit2.png) no-repeat 0 0;border:1px solid #d5d5d5;width:68px;height:27px;float:right;margin:0 125px 0 0;display:inline;}

#wachtwoordvergeten .powermail_text { border:1px solid #bababa;height:17px;width:234px;padding:3px 7px; line-height:normal; }
#wachtwoordvergeten .powermail_textarea { border:1px solid #bababa;height:90px;width:234px;padding:3px 7px; line-height:normal; }
#wachtwoordvergeten .tx_powermail_pi1_fieldwrap_html {padding-bottom:11px;}
#wachtwoordvergeten legend {display:none;}
#wachtwoordvergeten fieldset {border:none;}
#wachtwoordvergeten .tx_powermail_pi1_fieldwrap_html_submit input {color:#8897a0;font-weight:bold;background:none;border:none;padding:0 13px;width:180px;height:27px;cursor:pointer;}
#wachtwoordvergeten .tx_powermail_pi1_fieldwrap_html_submit {background:url(../images/submit3.gif) 0 0; border:1px solid #d5d5d5;width:180px;height:27px;float:right; display:inline;padding:0;
color:#8897a0;font-weight:bold;border:1px solid #fff;border-width:0 1px 0 1px;height:27px;cursor:pointer;overflow:visible;
margin-right: 130px;
 }
#wachtwoordvergeten #powermaildiv_uid18 div {clear:both;}
#wachtwoordvergeten #powermaildiv_uid18 p {display:none;}
#wachtwoordvergeten .powermail_mandatory_js {padding:11px 0 0 120px;font-style:italic;font-size:1em;font-weight:normal;}

/*
* Sitemap
*/

.csc-sitemap ul {list-style:square;padding-left:3em;}
.csc-sitemap ul ul, .csc-sitemap ul ul ul {list-style:none;}
.csc-sitemap ul li a {color:#00A2DB;}
.csc-sitemap ul li a:hover {color:#8897A0;}
.csc-sitemap ul li {padding-bottom:.5em;}
.csc-sitemap ul ul {padding-top:.5em;}
.csc-sitemap ul ul li {padding-bottom:0;}
.csc-sitemap ul ul {padding-left:1.5em;}


/*
* Search
*/

.tx-indexedsearch .res-tmpl-css {margin:0;padding-bottom:0;}
.tx-indexedsearch .tx-indexedsearch-whatis {margin:0 !important;}
.tx-indexedsearch p {padding-bottom:1em !important;}
.tx-indexedsearch h3 a {color:#203576}
.tx-indexedsearch .tx-indexedsearch-redMarkup {font-style:italic;}
.tx-indexedsearch-browsebox {text-align:center;}
.tx-indexedsearch-browsebox li {display:inline !important;background:none !important;}
.tx-indexedsearch-browsebox li a {text-decoration:none !important;}
.tx-indexedsearch-browsebox li a:hover {text-decoration:underline !important;}

#main div.csc-textpic-imagewrap {width:auto;margin-right:20px !important;}

/*********** SITEMAP ****************/

.csc-sitemap { padding: 10px 0 10px 0; }
.csc-sitemap ul { margin: 0; 	padding:0px 0 0px 0;}
.csc-sitemap ul li {list-style:none; margin-bottom: 2px;}
.csc-sitemap li { margin: 0; padding: 0; }
.csc-sitemap a { display: block; padding: 0 8px; font-weight:bold; line-height: 2em; color: #000; text-decoration: none; background: #e9e9e9; border-bottom: 1px solid #dedfde }
.csc-sitemap ul li ul {	margin-top:10px;	margin-left:20px;	margin-bottom:10px; }
.csc-sitemap ul ul a { padding-left: 28px; font-weight:normal; color: #254482; background-color: #fafafa; border-bottom: 1px solid #dedfde; }
.csc-sitemap ul ul ul a { padding-left: 58px; color: #788A94;}
.csc-sitemap a:hover, .csc-sitemap a:focus { color: #fff; background-color: #dfdfdf; font-weight: bold;  }

#right #recc .afbeelding { width: 20px; float: left; height:24px; padding-right:5px; }
