/* ------VANUIT JS----- */
/* volgende classe worden dmv. js omgedraaid!, indien beschikbaar uiteraard... */
.js_hide{display:block;}
.js_show{display:none;}

/* -----EDITOR EXT----- */
.editor-button{position:relative;}
.editor-button a{display:block;position:absolute;top:0;left:-16px;width:16px;height:12px;x-opacity:0.5;text-indent:-9999em;overflow:hidden;}
.editor-button a:hover{x-opacity:1;}
#header .editor-button{display:none;}

.tableHeading{}
td.tableRowHeadingBold{}

.mini-cart{background:#fff;margin:10px 20px 0 10px;padding-bottom:10px;}
.mini-cart h4{background:url(/images/mini-cart.gif) no-repeat left 30px;font-size:1.2em;padding:10px 0 6px 10px;}
.mini-cart p{padding-left:10px;}


/* -------GENERAL------- */
body{background:#66238e url("/images/gray_bg.gif") repeat-y center 0;font:12px 'Arial',sans-serif;line-height:1.5;margin:0;padding:0;}
a{color:#1096d1;text-decoration:none;}
a:hover{text-decoration:underline;}
p{color:#000;line-height:1.3em;}
img{border:none;margin:0;padding:0;}
ul{margin-top:0;padding:0;list-style:none;}
ol{margin:0;padding:0 0 0 1.5em;line-height:1.2em;}
h2{font-size:18px;margin-top:0;line-height:1.2em;}
h3{color:#000;font-size:14px;}
h3 span{color:#1096d1;}
h4{font-size:12px;margin:0 0 -0.1em;}
hr{display:none;}
.hr{background:url(/images/border_right.gif) no-repeat right bottom;margin-bottom:10px;padding-bottom:10px;width:450px;}
#primary ul{color:#000;margin-left:0;padding-left:0;}
#primary ul li{background:url("/images/sub_blue.gif") no-repeat 0 0.55em;padding-left:1em;}
#primary ol{color:#000;margin:0 0 20px;}
#primary ol li{padding:3px 0;}

.clear{clear:both;}
#logo{position:absolute;top:10px;left:28px;margin:0;}
#payoff{position:absolute;top:15px;left:300px;margin:0;font-size:1.3em;color:#fff;}
.hidden-logo{display:none;}

/* -------STRUCTURE------- */
#container{width:900px;margin:0px auto;}
#header{position:relative;height:126px;background:#66238e;}
#primary{float:left;width:600px;margin-top:20px;}
#primary .left-col{float:left;clear:left;width:290px;margin-bottom:10px;}
#primary .right-col{float:right;clear:right;width:290px;margin-right:10px;margin-bottom:10px;}
#secondary{float:left;width:130px;margin-top:20px;}
#partners{float:left;width:655px;margin-top:40px;padding-left:35px;}



/* -------AGENDA & NEWS------- */
#news .item, #agenda .item{background:url(/images/border_right.gif) no-repeat right top;width:285px;line-height:1.3em;margin-bottom:0.6em;}
#news h2, #agenda h2{margin:0;}
#news .item h3, #news .item-big h3, #agenda .item h3{font-size:12px;line-height:1.2em;margin:0;padding:0.7em 0 0 .1em;}
#news p, #agenda p{line-height:1.3em;margin-bottom:0.6em;width:290px;margin-top:0;}
#news a, #agenda a{color:#000;}
#news a:hover, #agenda a:hover{color:#1096d1;text-decoration:none;}
#news .item img.thumb, #content .item img.thumb{float:left;padding:10px 10px 0 0;margin:0;}

#news .item-big{line-height:1.3em;margin-bottom:0.6em;}
#news .item-small{background:url(/images/border_right.gif) no-repeat right top;width:140px;padding:0.5em 0;}
#news .item-small img{padding:0.5em 0 0;}



.more {background:url(/images/border_right.gif) no-repeat right top;width:290px;padding-top:7px;}
.more-small {line-height:1em;}
.more a, .more-small a{color:#C6C7C9;font-weight:bold;background:url(/images/more_gray.gif) no-repeat right 4px;padding-right:12px;}
.more a:hover, .more-small a:hover{color:#1096d1;text-decoration:none;}

#content .item{background:url(/images/border_right.gif) no-repeat right top;line-height:1.3em;margin-bottom:0.6em;}
#content .item h3{font-size:12px;line-height:1.2em;margin:0;padding:0.7em 0 0 .1em;}
#content .item p{line-height:1.3em;margin-bottom:0.6em;margin-top:0;}
#content .item a{color:#000;}
#content .item a:hover{color:#1096d1;text-decoration:none;}
#content .closure{background:url(/images/border_right.gif) no-repeat right top;padding-top:7px;}

.agenda-full{background:url(../images/border_right.gif) no-repeat right top;padding:0.5em 0;}
.agenda-full p{margin:0;}
.agenda-full a{color:#000;}
.agenda-full a:hover{color:#1096d1;text-decoration:none;}
.agenda-full a span{color:#1096d1;font-weight:bold;}


#projects-secondary{margin-top:40px;}
#projects-secondary p{margin-top:2px;}

#content{width:450px;margin-bottom:20px;}
#content img{float:left;margin:0 1em 1em 0;}
#content img.more-arrow{float:none;margin:0;}

#content.search{background:#fff;}

#content .customer{clear:left;background:url(/images/border_right.gif) no-repeat right top;width:450px;line-height:1.3em;padding:8px 0 0;}
#content .customer img{float:left;margin:-3px 0 0;padding:0 1em 0 0;}
#content .customer span{padding-top:8px;margin:0;}
#content .customer p{margin:0;}
#content .customer img.arrow{float:none;padding-left:4px;}

#content .employee{clear:both;}
#content .employee-group{clear:left;background:url(/images/border_right.gif) no-repeat right top;width:450px;line-height:1.3em;padding:8px 0;}
#content .employee-group h3{margin:5px 0;}
#content .employee img{float:left;;padding:5px 1em 0 0;}
#content .employee .name{width:100%;padding-bottom:10px;}
#content .employee .name a{color:#000;font-weight:bold;}
#content .employee .name a:hover{color:#1096d1;text-decoration:none;}
#content .employee .name img{float:right;padding-top:5px;}
#content .employee span{padding-top:8px;margin:0;color:#000;font-weight:bold;}
#content .employee p{padding-top:8px;margin:0;width:400px;display:inline;}


#content .vac h3{font-size:14px;font-weight:bold;line-height:1.2em;margin:0;padding:2px 0;}
#content .vac h3 a{color:#000;}
#content .vac h3 a:hover{color:#1096d1;text-decoration:none;}
#content .vac-show h3{padding:2px 0;}
#content .vac-show h3 a{color:#c6c7c9;font-size:14px;font-weight:bold;padding:2px 0;}
#content .vac-show h3 a:hover{text-decoration:none;}
#content .vac-show p{margin:5px 0;}
#content .vac p {display:none;}
#content p{margin-top:0;}
#content p#date{margin-top:0;color:#1096d1;font-weight:bold;}
#content h3{margin:0;font-size:13px;padding:0;line-height:1.3em;}
#content h2#news-full{margin:0;}
#content h3#date{color:#1096d1;margin:-0.3em 0 1em;}
#content h3.plain{font-weight:normal;}
#content h3.agenda{margin-top:2em;}
#content h3.application{clear:both;background:url(../images/border_right.gif) no-repeat right top;width:450px;font-size:12px;padding:6px 0;}
#content h3.product-type{clear:both;background:url(../images/border_right.gif) no-repeat right top;width:450px;font-size:12px;padding:6px 0;}
#content h3.service{clear:both;background:url(../images/border_right.gif) no-repeat right top;width:200px;font-size:12px;padding:6px 0;}

#content ul li{background:url("/images/sub_blue.gif") no-repeat 0 .7em;padding-left:0.8em;}

#content .content-item h3{margin-top:20px;}
#content .content-item p{margin:0;}
#content .content-item img{float:none;margin:0;padding-left:4px;}

table{width:450px;}
table table{width:450px;}
tbody{}
th{text-align:left;vertical-align:top;font-weight:normal;}
tr{vertical-align:top;}
td{}
td p{margin:0;padding:0;}


/* -------SHOP------- */
#shopsearch{width:450px;}
#primary fieldset div input.search-shop{width: 300px;}
.application button, #shopsearch button{background:#C6C7C9;border-color:#FFFFFF #87888A #87888A #FFFFFF;border-style:solid;border-width:1px;float:right;margin-right:12px;padding-right:155px;width:215px;}
.intro-img{float:left;margin-right:1em;}
.application{background:url(/images/border_right.gif) no-repeat right top;width:450px;}
#shop{background:#fff;padding:0 8px;width:117px;}
#shop h2{background:url(/images/more_shop.gif) no-repeat left bottom;margin-left:-8px;padding:8px;}
#shop ul{line-height:1.2em;}
#shop ul li a{color:#000;}
#shop ul li a:hover{color:#1096d1;text-decoration:none;}
#shop img{padding:20px 0 5px;}
#shop-secondary{margin-top:10px;}
#shop-secondary p{margin-top:2px;}

.cart{line-height:1.2em;border-collapse:collapse;width:475px;}
.cart td{padding-bottom:10px;}
.cart tr.no_padding td{padding-bottom:0;}
.cart th{background:transparent url(/images/border_right.gif) no-repeat 0 0;padding-top:6px;}
.cart td.bg-right, .cart th.bg-right{background:transparent url(/images/border_right.gif) no-repeat right top;}
.cart .amount{text-align:right;padding-right:20px;}

#primary ul.shop-actions{margin:0 0 1em;padding:20px 0;}
#primary ul.shop-actions li{background:none;padding:0;}
.explanation p{font-size:11px;margin:0;}
.explanation {background:transparent url(/images/border_right.gif) no-repeat right top;width:450px;padding-top:6px;}

#product input[type=text]{float:left;width:210px;border:#fff solid 1px;height:14px;margin-right:10px;}
#content .person{clear:both;}
#content .person .time{width:100%;padding-top:10px;}
#content .person .time a{color:#000;font-weight:bold;}
#content .person .time a:hover{color:#1096d1;text-decoration:none;}
#content .person .time img{float:right;padding-top:5px;margin:0;}
#content .person .session{clear:both;padding: 10px 0 0 10px;width:430px;}
#content .person .session table{width:420px;}
#content .unicart_message{color:red;}

/* -------BUTTON------- */
.bclear{margin:26px 0;overflow:hidden;width:100%;}
a.button {background:url("/images/button_right.gif") no-repeat top right;cursor:pointer;display:block;float:left;height:29px;margin-right:6px;padding-right:12px;text-decoration:none;}
a.button:hover span{color:#5A0E7A;}
a.button span {color:#fff;text-transform:uppercase;background: transparent url("/images/button_left.gif") no-repeat;display: block;padding: 2px 0 5px 10px;height:29px;} 


/* -------LOGIN------- */
.login {background:#5a0e7a;padding:50px;width:300px;}
.login label{color:#fff;text-transform:uppercase;}
.login input{margin:5px 0;}
.login form{padding-bottom:20px;margin:0;}
.login input{width:200px;}
.login input.submit{margin:20px 0 0 105px;width:100px;}

/* -------FORMS------- */
form{margin:0;padding:0;color:#000;}
input[type=text]{float:none;border:#fff solid 1px;height:14px;}


#freeform{padding-bottom:20px;}
#freeform input[type=text]{float:none;width:435px;border:#fff solid 1px;height:14px;}
#freeform input#gebruik_toegestaan{margin:10px 10px 10px 0;}
#freeform input.submit{cursor:pointer;background:#C6C7C9;border-color:#FFFFFF #87888A #87888A #FFFFFF;border-style:solid;border-width:1px;margin-right:12px;padding-right:155px;width:215px;height:100%;}

.goleft{margin-left:-.5em;}
#content p.goleft{margin-top:10px;}
.goleft input[type=text]{border:1px solid #FFF;height:14px;margin:5px 0.5em 0;width:215px;}


table#product {margin-left:-20px;}
#product td input[type=text]{float:left;width:215px;border:#fff solid 1px;height:14px;margin-right:10px;}
input[type=submit]{float:right;cursor:pointer;background:#C6C7C9;border-color:#FFFFFF #87888A #87888A #FFFFFF;border-style:solid;border-width:1px;margin-top:2px;padding-right:155px;width:219px;height:100%;}
dl.product{font-size:11px;padding-bottom:10px;margin:0;}
.product dt{font-weight:bold;line-height:1em;}
.product dd{margin:0;padding:0 0 1em 0;}
#content img.product{float:left;margin:0 1.5em 1.5em 0;}
input.product{border:#fff solid 1px;height:14px;}
.productdescription{clear:both;}
input.small[type=submit] {width: 6em;padding:0;}
input.disabled { background-color: #CCC; }

/* -------TOPNAV------- */
#topnav{position:absolute;right:0;top:15px;width:194px;}
#topnav ul{list-style:none;padding:3px 0 0 38px;margin:0;}
#topnav li{line-height:1.2em;}
#topnav li a{text-decoration:none;color:#000;}
#topnav li a:hover{text-decoration:underline;}

/* -------SEARCH------- */
.searchbox{padding-bottom:20px;}
.searchbox input[type="text"]{border:1px solid #FFFFFF;height:14px;margin-right:10px;width:290px;}
.searchbox input#searchbutton{float:none;padding-right:80px;width:140px;height:19px;}
.showall{line-height:3em;color:#000;padding-left:292px;}
a.showall:hover{text-decoration:none;color:#1096D1;}
#content .showall img{float:none;margin:0;padding:0 0 0 2px;}
.searchresults{margin:0;}
.searchresults dt{float:left;width:305px;}
.selections{padding:10px 0;}
.selections dl{margin:0;}
.selections dt{float:left;width:270px;}
.selections dd{float:left;}

#topnav form{margin:0;padding:0;}
#topnav input#search-text {font:12px 'Arial',sans-serif;font-weight:bold;border-top:2px solid #55818c;border-right:2px solid #6eacbd;border-bottom:1px solid #73b5c8;border-left:2px solid #6eacbd;display:block;width:150px;height:14px;float:left;background:#66238e;}
#topnav fieldset{border:none;padding:0;margin:0;}
#topnav label{float:left;padding-right:8px;}
#topnav #search .btn{display:none;}

/* -------MAINNAV------- */
#mainnav{position:absolute;top:108px;}
#mainnav ul {padding: 0;margin: 0;list-style: none;}
#mainnav a {cursor:pointer;height:18px;width:143px;display: block;text-decoration:none;text-align:right;background:url("/images/nav_tab.gif") no-repeat left top;margin:0;font-size:0.85em;color:#000;padding-right:5px;}
#mainnav a:hover, #mainnav a.active {background-position:0 -18px;}
#mainnav li {float: left;font-weight:bold;text-transform:uppercase;width:150px;}
#mainnav li ul {position: absolute;left: -999em;}
#mainnav li ul li {font-weight:normal;text-transform:none;}
#mainnav li ul li.last-item{border-bottom:solid 1px #ccc;}
#mainnav li ul li a{font-size:12px;background:#fff;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;line-height:1.3em;}
#mainnav li ul li a:hover{color:#1096D1;}
#mainnav li:hover ul, #mainnav li.sfhover ul{left:auto;position:static;}

/* -------SUBNAV------- */
#subnav{float:left;width:150px;margin-top:60px;}
#subnav h2{display:none;border-top:5px solid #f07901;}
#subnav ul{list-style:none;padding:0;margin:0;}
#subnav li{line-height:1.25em;}
#subnav li a{display:block;background:url(/images/subnav.gif) 0 .15em no-repeat;color:#000;padding:0 0 0 10px;text-decoration:none;}
#subnav li a:hover{color:#1096D1;}
#subnav li a.active  {color:#c6c7c9;}

#subnav ul.sub-subnav{}
#subnav .sub-subnav li a{font-size:11px;background:url(/images/sub_black.gif) no-repeat 0.7em 0.5em;display:block;padding-left:1.5em;width:130px;}
#subnav .sub-subnav li a:hover{background:url(/images/sub_blue.gif)no-repeat 0.7em 0.5em;}
#subnav .sub-subnav li a.active{background:url(/images/sub_gray.gif)no-repeat 0.7em 0.5em;color:#c6c7c9;}


/* -------RIGHT COLUMN------- */
.item-small h2, .item-small h3{margin:0;line-height:1.1em;}
.item-small ul{margin:0;background: url(/images/border_right.gif) no-repeat right top;line-height:1.3em;padding-top:8px;width:140px;}
.item-small a{color:#000;background:url(/images/more_white.gif) no-repeat right center;padding-right:1em;}
.item-small a:hover{color:#1096d1;text-decoration:none;}

.secondary-small h3{margin:0;line-height:1.1em;}