@import url(/css/devkc_text.css);


label {
  cursor:pointer;
}
form {
  margin:0px;
  padding:0px;
}
textarea, input[type=text], input[type=password] {
  border-width:1px;
  background-color:#ededed;
  font-family:arial,helvetica,sans-serif;
  font-size:11px;
  padding:2px;
  color:#555555;
}
textarea.focus, input[type=text].focus, input[type=password].focus {
  background-color:#f3f3f3;
  color:#222222;
}
div.feedback {
  width:370px;
}
form textarea.feedback {
  width:365px;
  height:80px;
  margin-bottom:5px;
}
input.Button {
  border:0px;
  padding:0px;
  background-color:transparent;
}

input.init {
  font-style:italic;
  color:#a5a5a5;
}
input.warn {
  color:#CC0000;
  font-weight:bold;
}


/*.MarginBottom {
  margin-bottom:10px;
} */

.main1 {
  background-image:url(/img/bg.gif);
  background-position:top;
  background-repeat:repeat-x;
}
.main2 {
  margin:auto;
  width:930px;
}
.topbar {}
.topbar .client_logo {
  width:156px;
  height:91px;
  margin-right:20px;
  padding:10px 0 0 25px;
  background-image:url(/img/bg_client_logo.gif);
  float:left;
}
.topbar .startmenu {
  width:181px;
  float:left;
  height:74px;
  margin:11px 0 0 4px;
}
.topbar .titel {
  float:left;
  color:#fff;
  font-family:arial,helvetica,sans-serif;
  font-size:15px;
  margin:20px 0 0 30px;
  opacity:0.85;
}
.topbar .titel.thema_actiz {
  display:none;
}
.topbar .logo_dev {
  float:right;
}

.navigatie {
  width:181px;
  margin-right:30px;
  float:left;
}

.navigatie img.btn_forum {
  margin:3px 0 2px 0;
  border:0px;
}

.navigatie .box .top {
  width:181px;
  height:7px;
  background-image:url(/img/box_nav_top.gif);
}

.navigatie .box .top.blauw { 
  background-image:url(/img/box_nav_top_a.gif);
}
.navigatie .box .top.grijs { 
  background-image:url(/img/box_nav_top_b.gif);
}

.navigatie .box .main {
  background-image:url(/img/nav_bg.gif);
  position:absolute;
}

.navigatie .box .main .head {
  font-family:helvetica,arial,sans-serif;
  height:24px;
  width:155px;
  padding:3px 0 0 8px;
  margin:0 0 1px 9px;
  font-size:10pt;
  display:block;
  text-decoration:none!important;
  background:url(/img/box_nav_head1b.gif) repeat-x;
  background-color:#6c6c6c;
  color:white!important;
}
.navigatie .box .main .head.active {
  background:url(/img/box_nav_head1a.gif) repeat-x;
  padding-top:3px;
}
.navigatie .box .main .head.top {
  height:23px;
  padding-top:0px;
}
.navigatie .box .main .head.bottom {
  margin-bottom:0px!important;
  height:21px;
}
.navigatie .box .main .arrow {
  background:url(/img/box_nav_head_closed_off.gif);
  float:right;
  margin:6px 8px 0 0;
  padding:0px;
  height:9px;
  width:12px;
}
.navigatie .box .main .arrow.over {
  background:url(/img/box_nav_head_closed_over.gif);
}
.navigatie .box .main .arrow.active {
  background:url(/img/box_nav_head_open.gif);
}
.navigatie .box .main .item {
  height:22px;
  width:151px;
  padding:2px 0 0 12px;
  margin:0 0 1px 9px;
  font-size:10px;
  display:block;
  text-decoration:none!important;
}
.navigatie .box .main .item.active {
  background:url(/img/box_nav_mouseover.gif) repeat-x;
  color:white!important;
}

.navigatie .box .main .loggedin {
  margin:5px 0 0 22px;
  width:140px;
}
.navigatie .box .main .login {
  margin:5px 0 0 22px;
  width:140px;
  font-size:11px;
  line-height:16px;
}
.navigatie .box .main .login input[type=text], .navigatie .box .main .login input[type=password] {
  background-color:#bababa;
  width:125px;
  padding:4px 3px;
  border:1px solid #FFFFFF;
  border-top-color:#999999;
  border-left-color:#737373;
  margin:0 0 2px 1px;
  font-size:11px;
}
.navigatie .box .main .login input[type=image] {
  margin-bottom:5px;
  cursor:pointer;
}
.navigatie .box .main .login a {
  text-decoration:none!important;
}
.navigatie .box .main .zoek {
  font-family:helvetica,arial,sans-serif;
  font-size:12pt;
  margin:0 0 10px 19px;
  width:150px;
  line-height:30px;
}
.navigatie .box .main .zoek form {}
.navigatie .box .main .zoek form div {
  float:left;
}
.navigatie .box .main .zoek input[type=text] {
  background-image:url(/img/zoek_bg.gif);
  width:107px;
  height:22px;
  border:0px;
  padding:6px 0 0 5px;
  margin:0px;
  font-size:13px;
}
.navigatie .box .main .zoek input[type=image] {
  border:0px;
  padding:0px;
  margin:0px;
}

.navigatie .box .bottom {
  width:181px;
  height:7px;
  background-image:url(/img/box_nav_bottom.gif);
}
.navigatie .box .bottom.blauw { 
  background-image:url(/img/box_nav_bottom_a.gif);
}
.navigatie .box .bottom.grijs { 
  background-image:url(/img/box_nav_bottom_b.gif);
}

          
.content {
  float:left;
  width:700px;
  margin-top:10px;
}

.textcolumn1 { /* volle breedte */
  width:540px;
  margin-right:20px;
}
.textcolumn2 { /* halve breedte */
  width:250px;
  margin-right:25px;
  float:left;
}
.textcolumn3 { /* halve breedte, iets breder */
  width:300px;
  margin-right:25px;
  float:left;
}
.textcolumn4 { /* halve breedte, nog breder */
  width:370px;
  margin-right:0px;
  float:left;
}

.hr {
  height:15px;
  border-bottom:1px solid #d9d9d9;
  margin:0 0 15px 0;
}
.hr2 {
  height:1px;
  background-color:#919191;
  margin: 0;
}

div.DownloadLink {
  height:50px;
  background-image:url(/img/download_bg.gif);
  background-repeat:repeat-x;
  background-position:top;
  float:left;
  line-height:15px;
}
div.DownloadLink a {
  height:50px;
  padding-left:10px;
  background-image:url(/img/download_left.gif);
  background-repeat:no-repeat;
  background-position:left;
  float:left;
  text-decoration:none;
}
div.DownloadLink a * {
  cursor:pointer;
}
div.DownloadLink a img {
  width:28px;
  height:50px;
  float:left;
}
div.DownloadLink a span {
  height:41px;
  padding:9px 13px 0 8px;
  background-image:url(/img/download_right.gif);
  background-repeat:no-repeat;
  background-position:right;
  float:left;
  font-size:75%;
}
div.DownloadLink a span strong {
  font-size:140%;
}


.onderwerpen {
  width:610px;
}
.onderwerpen h2 {
  margin-bottom:10px;
}
.onderwerpen h2 img {
  float:left;
  margin:-4px 8px 0 4px;
}
.pubitem {
  clear:both;
  padding:15px;
  padding-bottom:0px;
  cursor:pointer;
}
.pubitem:hover {
  color:#0046ad;
}
.pubitem.wit {
  background-color:#ffffff;
}
.pubitem.grijs {
  background-color:#f2f2f2;
}
.pubitem .text {
}
.pubitem .button {
  margin:10px 0 5px 15px;
  float:right;
}
.pubitem .button a {
  color:4d494a!important;
  text-decoration:none;
  font-family:helvetica,arial,sans-serif;
}
.pubitem .button a:hover, .pubitem:hover .button a {
  color:white!important;
}
.pubitem .button .l {
  float:left;
  width:13px;
  height:32px;
}
.pubitem .button .bg {
  float:left;
  height:26px;
  padding:6px 5px 0 2px;
}
.pubitem .button .r {
  float:left;
  width:22px;
  height:32px;
}
.pubitem.wit .button .bg {
  background-image:url(/img/btn_type_bg_off_wit.gif);
}
.pubitem.grijs .button .bg {
  background-image:url(/img/btn_type_bg_off_grijs.gif);
}
.pubitem.wit .button .l {
  background-image:url(/img/btn_type_l_off_wit.gif);
}
.pubitem.wit .button .r {
  background-image:url(/img/btn_type_r_off_wit.gif);
}
.pubitem.grijs .button .l {
  background-image:url(/img/btn_type_l_off_grijs.gif);
}
.pubitem.grijs .button .r {
  background-image:url(/img/btn_type_r_off_grijs.gif);
}
.pubitem.wit .button a:hover .bg, .pubitem:hover.wit .button .bg {
  background-image:url(/img/btn_type_bg_over_wit.gif);
}
.pubitem.grijs .button a:hover .bg, .pubitem:hover.grijs .button .bg {
  background-image:url(/img/btn_type_bg_over_grijs.gif);
}
.pubitem.wit .button a:hover .l, .pubitem:hover.wit .button .l {
  background-image:url(/img/btn_type_l_over_wit.gif);
}
.pubitem.wit .button a:hover .r, .pubitem:hover.wit .button .r {
  background-image:url(/img/btn_type_r_over_wit.gif);
}
.pubitem.grijs .button a:hover .l, .pubitem:hover.grijs .button .l {
  background-image:url(/img/btn_type_l_over_grijs.gif);
}
.pubitem.grijs .button a:hover .r, .pubitem:hover.grijs .button .r {
  background-image:url(/img/btn_type_r_over_grijs.gif);
}

.InfoLabel {
  width:90px;
  float:left;
}
.InfoLabel2 {
  width:60px;
  float:left;
}
.InfoValue {
  float:left;
}

.row {
  padding:4px 0 4px 4px;
  font-size:11px;
  line-height:18px;
  width:680px
}
.gray {
  background-color:#ededed;
}

.error {
  color:#880000;
  font-style:italic;
}

.warning {
  font-size:75%;
  color:#880000;
  font-style:italic;
}

td.FormLabel {
  vertical-align:top;
  width:160px;
  padding-right:8px;
  padding-bottom:8px;
}
td.FormField {
  vertical-align:top;
  padding-bottom:8px;
}
td.FormError {
  padding-left:8px;
  padding-bottom:8px;
  vertical-align:top;
  font-size:75%;
  color:#880000;
  font-style:italic;
}
td.FormField input[type=text], td.FormField input[type=password]{
  width:200px;
}

h3.Click {
  cursor:pointer;
}
h3.Click:hover {
  color:#164a99;
}

/* Beheer */
.beheer_box {
  width:310px;
  padding:10px;
  border-left:2px solid #eee;
  background-color:#fff;
}
.beheer_title {
  width:400px;
  height:30px;
  border-bottom:2px solid #d9d9d9;
  margin-bottom:5px;
  background-color:#fff;
}
.beheer_line {
  width:300px;
  min-height:30px;
  border-bottom:1px solid #d9d9d9;
  background-color:#fff;
}
.DevKcAddBtn {
  border:0px!important;
  float:left!important;
  min-width:0px!important;
  margin:6px 0 14px!important;
  cursor:pointer;
}
.DevKcAddBtn .AsTaskbarText {
  margin:4px 8px 0 0!important;;
}
.DevKcAddBtn .AsTaskbarText a {
  text-decoration:none!important;
}
.DevKcAddBtn:hover .AsTaskbarText a {
  color:#AAAAAA;
}
.DevKcAddBtn:hover .AsBtnNew {
  background-position:-164px 0px; 
}

table.beheer {
  background-color:#ccc;
}
table.beheer td {
  background-color:#fff;
}

.testenbeheer a {
  text-decoration:none;
}

.tdi_num_head {
  float:left;
  width:22px;
  padding:0;
  margin:0;
}

.klantblok {
  /*
  border:1px solid #bbb;
  background-color:#eee;
  padding:3px;
  */
  margin:3px 0;
  color:#999;
  font-size:9px;
}

.klantblok a {
  color:#999;
  font-weight:bold;
}

#faq {}
#faq h2 {
  margin-top:20px;
  color:#0046AD;
}
#faq .space {
}
#faq .vraag {
  font-weight:bold;
  background-image:url(/img/bullet_grijs.gif);
  background-repeat:no-repeat;
  background-position:0 8px;
  padding-left:10px;
  margin-top:10px;
  cursor:pointer;
}
#faq .vraag:hover {
  background-image:url(/img/bullet_blauw.gif);
  color:#0046AD;
}
#faq .vraag.active {
  background-image:url(/img/bullet_open_blauw.gif);
  color:#0046AD;
}
#faq .antwoord {
  padding-left:10px;
}