
body {
   margin:0;
   padding:0;
   font-family:arial;
   font-size:12px;
   color:#4e4e4e;
   background:#d2d2d2;
   /* text-align: justify; */
   
}
a {
   color: #0076a3;
}

a img {
   border:none;
}
/* acrobat link appears in several places. This will default its styles. */
a.acrobat_download {
   background:none !important;
   padding:0 !important;
}
#center_right h1, #cases h1, #wieiswie h1 {
   xcolor:#8b2d82; /* old itsus */
   color: #FE752D;
   font-size:16px;
   font-weight:bold;
   margin:0;
}

#zero {
   width:953px;
   margin:auto;
/*
   height: 568px;
   _height: 530px; /* IE 6 
*/
  xoverflow: auto;
   background: white;
}

#header {
   height:150px;
}
#logo_corner, #headerparts {
   display:block;
   float:left;
}
#headerparts {
   width:682px;
}

#minimenu {
   font-size:12px;
   color:#005a9c; 
   padding:6px 0 7px 10px;
}
#minimenu_label {
   font-weight:bold;
}
#minimenu a {
   color:#4881BB;
   margin:0 7px;
   font-weight: bold;
}
#minimenu a:hover {
   xcolor:#8b2d82; /* old itsus */
   color: #FE752D;
}

form#header_search {
   margin:0;
   float:right;
   font-size:12px;
   color:#005a9c;
   padding-right:5px;
   padding-top:5px;
}
form#header_search * { /* take THAT you silly unformattable elements! PWN! */
   display:block;
   float:left;
}
#header_search label {
   font-weight:bold;
   margin-top:3px;
}
#header_search_text {
   border:1px solid #0081bb;
   font-family:arial;
   font-size:12px;
   margin:0 5px;
   width: 75px;
}

#banner {
   height:71px;
   text-align:right;
   background:url("../gfx/bg_banner.jpg");
   padding:6px 6px 5px 6px;
}
#img_banner{
   display: block;
}
#banner_img, #banner_link {
   display:block;
   float: right;
}
#mainmenu {
   height:38px;
   background:#005e9e;
   /*padding-left:10px;*/
}
#mainmenu a {
   display:block;
   float:left;
   color:white;
   text-decoration:none;
   font-size:12px;
   padding:11px 10px 12px 10px;
   font-weight:bold;
}
#mainmenu a:hover, #currentpage {
   xbackground-color:#13aae7; /* old itsus */
   xbackground-color: #FE752D;
   background-color: #95969A;
}

/* let this die after menu implementation */
.submenu {
   display:none;
}

/**//**/
#middler {
   float:left;
   width:100%;
}
#middler_home {
   float:left;
   width:100%;
   xheight: 427px;
   height: 530px;
   _height: 530px; /* IE 6 */
   overflow: hidden;
   scrollbar-base-color:#fff;
   scrollbar-darkshadow-color:#fff;
}
#home_items, #home_text {
   float:left;
}
#home_items {
   width:515px;
}
#home_text, #text {
   width:388px;
   padding-bottom:10px;
   margin:35px 0 0 25px;
   border-bottom:1px solid #e5e5e5;
}
#home_text h1, #text h1, #event #naam h1 {
   xcolor:#8b2d82; /* old itsus */
   /*color:#0081bb;*/
   color: #FE752D;
   font-size:16px;
   font-weight:bold;
   margin:0;
}
#home_text p, #text p {
   margin-bottom:0;
   margin-top:1em;
}

#home_case {
   height:204px;
}
#home_case_text {
   width:241px;
   height:194px;
   padding:0 15px 0 15px;
   border-bottom:10px solid white;
   overflow:hidden;
   float:left;
   xbackground:#eef2f7;/*url("../gfx/bg_home_case_text.gif") no-repeat 100% 100%*/
   background: #FE752D;
}
#home_case_quote {
   font-size: 10pt;
   color: #fff;
}
#home_case_company {
   font-weight: bold;
   color: #fff;
   font-size: 11pt;
   text-align:center;
   height:100%;
}
.centering_table {
   height:100%;
}
#home_case_photo {
   float:left;
   width:244px;
}

#home_items h2 {
   font-size:11px;
   margin:0;
   color:#0081bb;
}
#home_items a, #home_text a, #text a {
   xcolor:#0081bb; /* old itsus */
   color: #005A9C;
}
#text a:hover {
   color: #FE752D;
}
#home_items a {
   font-weight:bold;
}
#home_items a:hover, 
#home_text a:hover {
   xcolor:#8b2d82; /* old itsus */
   color: #FE752D;
}
#home_items p {
   margin-top:0;
   margin-bottom:1em;
}
#home_news, #home_events {
   float:left;
}
#home_news {
   width:239px;
   padding:10px 9px 0 22px;
}
#home_events {
   width:241px;
   padding-top:10px;
}
.home_head {
   color:#FE752D;
   font-size:16px;
   font-weight:bold;
   margin-top: 0px;
   margin-bottom: 5px;
}
.newsitem, .eventitem {
   border-top:1px solid #e5e5e5;
   padding:5px 0;
}

#footer {
   border-top:1px solid #e5e5e5;
   clear:both;
   height:52px;
   color: #fff;
   background: #95969A;
}
#footer a {
   color: #fff;
   text-decoration:none;
}
#footer a:hover {
   color: #005A9C;
}
#footer p {
   margin: 0px;
   padding: 0px;
}
#footer_menu {
   margin:18px;
   _margin-left:9px; /* $%#! IE6 */
   float:left;
}
#footer_naw {
   float:right;
   margin:11px;
   height: 30px;
}
.naw_piece {
   float:left;
   margin:0px;
   padding: 0px;
   height: 30px;
}
.naw_piece_middle {
   border:solid #e5e5e5;
   border-width:0 1px;
   margin:0 10px;
   padding:0 10px;
}

/*content */

/* kruimelpad */
#breadcrumbs {
   border-bottom: 1px solid #e5e5e5;
   padding-bottom:10px;
   width:100%;
   
}
#breadcrumbs a {
   color: #868686;
   text-decoration: none;
}
#breadcrumbs a#crumb_current {
   color:#005a9c;
}   
#breadcrumbs a:hover#crumb_current {
   color: #FE752D;
}
#breadcrumbs a:hover {
   text-decoration: underline;
}

#left, #center, #right, #center_right {
   float: left;
}
#left {
   width: 271px;
   color:#004c84;
   height: 530px;
   background: #ffffff;
}
#center, #center_right {
   width: 451px; /*463*/
   height: 500px;
   overflow-y:auto;
   overflow-x:hidden;
   scrollbar-base-color:#fff;
   scrollbar-darkshadow-color:#fff;
   padding: 15px;
   position:relative;
   background: #ffffff;
}
#center_right {
  width: 643px;
}
#text {
   width:auto;
   margin:0;
   padding:10px 0;
   border-bottom:0;
}
#right {
   width: 180px;
   height: 530px;
   margin-top:37px;
   padding-left: 4px;
   padding-bottom:10px;
   background: #ffffff;
   position:relative;
}

/* leftcolumn things */
#left .mainpage_title {
   /*font-size:11px;*/
   font-size: 12px;
   margin:0;
}
#mainchildren .mainpage_title {
	color: #fff;
}
#mainchildren {
   padding: 15px;
   xbackground: #ccedf9; /* old itsus */
   background: #FE752D;
   xborder-bottom:11px solid #ecf8fd;
   xheight: 300px;
   height: 270px;
}
#mainchildren ul,
#mainchildren li {
   font-size: 12px; /* frank */
   list-style:none;
   margin:0;
   margin-left:-30px;
   padding:0;
}
#mainchildren ul {
   margin-top:1em;
   margin-left:40px;
}
#mainchildren li {
   background:url("../gfx/list_style_leftmenu.gif") 0 6px no-repeat;
   padding:2px;
   padding-left:15px;
   position:relative;
}
#mainchildren a {
   text-decoration:none;
   xcolor:#004c84; /* old itsus */
   xcolor: #005A9C;
   color: #fff;
}
#mainchildren a:hover, #mainchildren a.permhover {
   xcolor:#8b2d82; /* old itsus */
   zcolor: #FE752D;
   xcolor: #95969A;
   text-decoration:underline;
}
.leftchildren {
   min-width:180px;
   _width:180px; /* fortunately, this won't be needed in IE7 anymore. Yay. */
   position:absolute;
   top:0;
   left:215px;
   _left:200px;
   background:#a3dcf3;
   display:none;
   white-space:nowrap;
}
#mainchildren .leftchildren a {
   font-size:11px;
   padding:3px 10px;
   display:block;
}
#mainchildren .leftchildren a:hover {
}

#extramenu {
   padding:15px 0 15px 28px;
}
#extramenu a {
   background:url("../gfx/icon_download_blue.gif") 0 5px no-repeat;
   display:block;
   text-decoration:none;
   color:#004c84;
   padding:2px;
   padding-left:15px;
}
#extramenu a:hover {
   color:#8b2d82;
   text-decoration:underline;
}
#extramenu a.acrobat_download {
   margin-top:1em;
}


/* rightcolumn things */

.right_refcase {
   background-color: #EFEDEE;
   margin-top:40px;
   margin-bottom: 10px;
   color:#004c84;
   width: 170px;
   padding: 0;
   float: right;
}

.right_refcase img {
   display:block;
   float:left;
   margin-right:5px;
}
.right_refcase h2,
.right_refcase p {
   margin:0;
   font-size:11px;
   padding: 5px;
}
.right_refcase h2 {
   margin-top:0px;
   color:#005A9C;
   width: 160px;
   font-weight: bold;
   background-color: #ccedf9;
   padding: 5px;
   font-size: 13px;
}
a.right_downloadcase {
   display:block;
   padding:3px 3px 3px 20px;
   background:url("../gfx/icon_download_blue.gif") no-repeat 5px 50%;
   clear:both;
   color:#004c84;
   text-decoration:none;
   float: right;
}
a.right_downloadcase:hover {
   color:#8b2d82;
}

#right_text {
   color:#004c84;
   width: 201px;
   height:330px;
   overflow:hidden;
   float: right;
   font-size:11px;
}
#right_text img {
   display:block;
   width:201px;
}

/* news detail */
#news_item #headline {
   font-size: 12pt;
   xcolor: #8b2d82;
   color:#005a9c;
   border-bottom: 1px solid #e5e5e5;
   margin-bottom: 15px;
   font-weight: bold;
}
#news_item #datum {
   color: #666;
   text-align: right;
   margin-bottom: 10px;
}

/* cases */

#mdw_cases {
   height: 456px;
}
#case, #refcase {}
#case #photo {
   margin: 8px;
   margin-left: 0;
   float: left;
}
#case #customer {}
#case #branche {}
#case #intro {
   font-style: italic;
}
#case #text {}

#cases #casehead {
   font-weight: bold;
   border-bottom: 1px solid #ccc;
   width: 400px;
   clear: both;
}
#cases .case {
   /*width: 400px;*/
   overflow: hidden;
   clear: both;
   margin: 0;
}
.case img {
   margin-right: 5px;
   border: 1px solid #babcbe;
   clear: both;
   margin-left: 0;
}

#case_photo {
   float: left;
   margin: 5px;
   color: #009ce4;
   font-weight: bold;
   font-size: 10px;
   font-style:italic;
}

#refcase_photo {
   float: left;
   margin-top: 5px;
   margin-right: 5px;
   margin-bottom: 5px;
   color: #009ce4;
   font-weight: bold;
   font-size: 10px;
   font-style:normal;
   width: 310px;
}

#case #quote {
   color: #009ce4;
}

#case #intro {
   clear: both;
	
}

#case #name {
   color:#8b2d82;
   /*color:#0081bb;*/
   font-size:16px;
   font-weight:bold;
   margin:0;
}

#refcase #refname {
   color:#8b2d82;
   /*color:#0081bb;*/
   font-size:16px;
   font-weight:bold;
   margin:0;
}

.case_name a {
   color: #832c80;
   text-decoration: none;
   font-weight: bold;
}

.case_intro {
   /*color: #009ce4;*/
}
#cases .name {
   float: left;
   width: 140px;
}
#cases .customer {
   float: left;
   width: 130px;
}
#cases .branche {
   float: left;
   width: 130px;
}

#select_cases, #case_item_box {
   padding: 5px;
   width: 170px;
   background-color: #ccedf9;
}

.knop {
   background: #fff url('../gfx/knop.png');
   width: 135px;
   height: 21px;
   border: 0px solid #004c84;
   xcolor: #004c84; /* old itsus */
   color: #FE752D;
   font-family:arial;
   font-size:11px;
   cursor: pointer;
}
.knop:hover {
   background: #fff url('../gfx/knop_hover.png');
}
/*#vacatures ul {
   list-style: none;
   margin: 5px;
   padding: 0px;
}
#vacatures ul li {
   margin-bottom: 10px;
   margin-left: 0px;

}*/
#reageer_form label, #nieuwsbrief_form label, #inschrijf_form label, #contact_form label{
   width: 120px;
   float:left;
}
.ster {
	color: #ff0000;
	font-size: 9px;
}
#nieuwsbrief_form label.cb {
	width: 200px;
	margin-left: 10px;
}

#news_archief .title {
   clear: left;
   float: left;
   width: 210px;
}
#news_archief .date {
   float: left;
   width: 50px;
}
#news_archief .rubriek {
   float: left;
   width: 130px;
}
#news_head div {
   font-weight: bold;
}
input, select, textarea {
   border: 1px solid #a7a6aa;
   color: #004c84;
   font-family:arial;
   font-size:11px;
}
textarea {
   overflow:hidden;
   width: 300px;
   height: 93px;
}
label {
   color: #004c84;
}
.hit {
   background-color: #ccedf9;
}

#callmenow {
   margin-top:40px;
   background-color: #EFEDEE;
   color:#004c84;
   width: 170px;
   font-size: 11px;
   float: right;
}

#callmenow input.veld {
   font-size: 10x;
   width: 160px;
   margin: 2px;
}

#callmenow .title {
   xcolor:#fff;
   color: #005A9C;
   width: 160px;   
   font-weight: bold;
   xbackground-color: #8D3186;   
   background-color: #ccedf9;
   padding: 5px;
   font-size: 13px;
   
   /*margin: 5px;   */
}

#callmenow .content {
   padding: 5px;
   width: 160px;
}

div.subnav_item {
   display: block;
   text-decoration: none;
   cursor: default;
   border-top: 1px solid #e5e5e5;
   border-bottom: 1px solid #e5e5e5;
   width: 422px;
   /*height: 57px;*/
   padding: 10px;
   margin: 10px 0 0 0;
   background-repeat: no-repeat;
   background-position: right;
   background-color: #fff;
}

div.subnav_item:hover {
   background-color: #f0fafd;
}

div.subnav_item .title {
   /*font-size: 15px;*/
   font-size: 15pt;
   color: #8b2d82;
   font-weight: bold;
   /*float:left;*/
   /*width: 342px;*/
}

div.subnav_item .descr {
   color: #4e4e4e;
   margin-top: 12px;
   padding-bottom: 13px;
  /* clear:both;*/
}

div.subnav_item img.lees_meer {
   cursor: pointer;
}

a.subnav_item {
   display: block;
   text-decoration: none;
   cursor: default;
   border: 1px solid #e5e5e5;

   width: 422px;
   /*height: 57px;*/
   padding: 10px;
   margin-top: 10px;
   background-repeat: no-repeat;
   background-position: right;
   background-color: #fff;
}

a.subnav_item:hover {
   background-color: #f0fafd;
}

a.subnav_item .title {
   /*font-size: 15px;*/
   font-size: 15pt;
   color: #005a9c;
   font-weight: bold;
   /*float:left;*/
   /*width: 342px;*/
}

a.subnav_item .descr {
   color: #4e4e4e;

   padding-bottom: 13px;
  /* clear:both;*/
}

a.subnav_item img.lees_meer {
   cursor: pointer;
}

#buttonwrapper { /* Deze is om de buttons (zie de unit hierboven) alsnog juist te positioneren*/
   width: 100px;
   float:right;
   margin-bottom: -3px;
}

/*#news_archief .row {
   clear:left;
}*/

/* login */
/*#login_image {
   float: left;
   background: url(../gfx/login.jpg);
   width: 263px;
   height: 301px;
   border-bottom: 1px solid #e5e5e5; 
}*/
#login_links {
   float: left;
   /*border-bottom: 1px solid #e5e5e5;*/
   width: 460px;
   height: 150px;

   line-height: 12px;
   /*border-bottom: 1px solid #e5e5e5;*/
}

#login_links .box {
   float: left;
   height: 131px;
   xwidth: 128px; /* old itsus */
   width: 205px;
   margin-top: 10px;
   margin-right: 10px;
   border: 1px solid #e5e5e5;
   padding: 6px;
   position:relative;
}

#box_pdaportal {
   background: url(../gfx/log1_bg.jpg);
}

#box_webaccess {
   background: url(../gfx/log2_bg.jpg) NO-REPEAT;
}

#box-portal {
   background: url(../gfx/log3_bg.jpg);
}

#login_links .box .textfield h2 {
   font-size: 11px;
   font-weight:bold;
   color:#005a9c;
}

#login_links .box .textfield {
   font-size: 11px;
}

#login_links .box .loginbut{
   position: absolute;
   right: 10px;
   bottom: 10px;
   height: 20px;
   width: 87px;
}

#login_columnkop{
   position: absolute;
   background-color: #8d3185;
   color:#ffffff;
   top: 0;
   left: 6px;
   height: 16px;
   width: 164px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 9px;
   padding-right: 10px;
}
#login_column {
   position: absolute;
   top: 24px;
   left: 6px;
   width: 167px;
   padding: 8px;
   background-color: #efeeee;
   color:#004c84;
   height: 255px;
}
#login_column_head {
   font-size: 13px;
   margin-bottom: 4px;
   background: #efeeee;
   padding: 4px;
}
#login_column_head a{
   padding-left: 3px;
}
#login_column_head a{
   padding-left: 5px;
}
#login_column span {
   float: left;
   width: 39px;
   display: block;
}
#login_column input {
   float: left;
   margin-bottom: 5px;
}
#login_column label {
   clear: both;
}

/* oplossingen */

a.opl_left {
   background-image: url("../gfx/oplossing_bg_0.jpg");
   width: 280px;
   height: 36px;
   text-align: left;
   padding-left: 8px;
   padding-top: 6px;   
   margin-bottom: 28px;
   display: block;
   color: #005a9c;
   font-weight: bold;
   text-decoration: none;
}
a.opl_left:hover {
   background-image: url("../gfx/oplossing_bg_1.jpg");
   color: #FE752D;
}
/** html div.opl_left, * html div.opl_right {
   height: 20px;
}*/
a.opl_right {
   background-image: url("../gfx/oplossing_bg_0.jpg");
   overflow: visible;
   width: 280px;
   height: 36px;
   padding-left: 8px;
   padding-top: 6px;   
   text-align: left;
   margin-bottom: 28px;
   display: block;
   color: #005a9c;
   font-weight: bold;
   text-decoration: none;
}
a.opl_right:hover {
   background-image: url("../gfx/oplossing_bg_1.jpg");
   color: #FE752D;
}

#oplossingen .kolom {
   float: left;
   margin: 10px;
}

/*#oplossingen .kolom a {
   cursor: pointer;
   color: #1e6ca7;
   font-size: 11px;
}*/

#oplossingen {
   float: left;
}

.event_row0 {
   xbackground: #DBEFF8;
}

.event_row1 {
  xbackground: #C9E9F6;
}

.event_row0, .event_row1 {
   height: 28px;
   width: 555px;
   clear: both;
}

.event_row0, .event_row1 div {
   font-weight: bold;
}
.event_row0 .date, .event_row1 .date {
   float: left;
   width: 145px;
   padding: 5px;
   padding-left: 2px;
   color: #1e6ca7;
}

.event_row0 .name, .event_row1 .name {
   float: left;
   padding: 5px;
   width: 260px;
}

.event_row0 .info, .event_row1 .info {
   float: left;
   padding: 5px;
   width: 35px;
}
.event_row0 .subscribe, .event_row1 .subscribe{
   width: 75px;
   float: left;
   padding: 5px;
}

.info a, .subscribe a {
   text-decoration: none;
}
.month {
   width: 83px;
   font-weight: bold;
   font-size: 20px;
   color:#FE752D;
   padding: 3px;
}
.month_td {
   xbackground-color: #edf8fe;
   vertical-align: top;

}

#events {
   height:438px;
}
#events table {
   border-collapse: collapse;
   margin-top: 15px;
}

#event #intro {
   font-size: 13px;
   color: #003F87;
   font-weight:bold;
}

#wieiswie .naam {
   font-size: 13px;
   color:#FE752D;
   font-weight:bold;
}
#wieiswie td, .task {
   color: #003F87;
}
#manager {
   float: left;
   width: 463px;
   width: 100%;
   margin-top: 5px;
   padding-bottom: 5px;
   border-bottom: solid 1px #e5e5e5;	
}
#manager2 {
   float: left;
   margin-top: 5px;
   margin-right: 20px;
   border-bottom: solid 1px #e5e5e5;
}
.employee {
   float: left;
   max-width: 463px;
   margin-top: 5px;
   margin-right: 20px;
}

#manager h1, .employee h1 {
   margin:0;
}

#vacaturekop {
   font-size: 11px;
   color: #4e4e4e;
   text-align: right;
   line-height: 4px;
   padding-top: 8px;
   _padding-top: 0px;
   padding-bottom: 8px;
   _padding-bottom: 0px;
   }
#vacatures h1 {
   font-size: 18px;
   color: #8b2d82;
   font-weight: bold;
}

#vacatures h2 {
   font-size: 12px;
   color: #015a9c;
   font-weight: bold;
}

#koptext {
   border-top:1px solid #e5e5e5;
   width: 434px;
   padding-right: 15px;
   _padding-right: 30px;
   padding-top: 6px;
}

#blauw {
   font-size: 12px;
   color: #015a9c;
}

#sitemap a:hover {
	color: #FE752D;
	text-decoration: underline;
}

#text a span font,
#text a font {
   xcolor:#0081bb; /* old itsus */
   color: #005A9C;
}
#text a:hover span font,
#text a:hover font {
   color: #FE752D;
}
