/*Home page popup panel*/

.PopupPanel                         {height:auto; padding:5px; width:550px; 
                                    border:solid 1px #c5d3fc; background: #ccd9ff url(../Images/p_popup_bg.jpg) repeat-x left top;}

.PopupPanel a.CloseAnchor           {width:11px; height:11px; display:inline; position:absolute; top:8px; right:8px; cursor:pointer;
                                     overflow:hidden; background: url(../Images/i_closebutton2.gif) no-repeat left top;}

.PopupPanel a.CloseAnchor:hover     { background-position:left -11px;}
	
.PopupText                          {float:left; padding:4px 10px; width:528px;
                                    border:solid 1px #c5d3fc; background-color:#e2e9fe; }
	
.pagecontent .PopupPanel h3         {color: #1D3E96; margin:5px 0px 5px 0px; font-size:16px;}
.PopupPanel p                       {margin: 5px 0px; color: #494949; text-align: justify;}

.PopupOverlay                       {background-color:#333333}  

/*klanten ahrend popuppanel*/
.PopupPanelAhrend .PopupText        {overflow-y:auto; height:360px;}


.portfolio_accordion .refcontent
{
	display:block;
	float:right;
	clear:both;
	margin:10px;
}

 h2.popuplink
 {
 	cursor:pointer;
 }
 
 div.content span.label
 {
 	display:block;
 	float:left; 	
 	width:90px;
 }
 
 div.content input.addbutton
 {
 	display:inline-block;
 	margin-left:90px;
 	width:200px;
 }
 
 div.content div.datepanel 
 {
 	display:block;
 	width:560px;
 	float:right;
 }
 
 img.logo
 {
 	display:block;
 	float:right;
 	margin-left:5px;
 }
 
 span.description
 {
 	display:block;
 	float:left;
 	width:300px;
 }
 
/* Default aspx logo's*/ 
div.logos
{
    text-align:center;   
}

div.logos img
{
    padding:0px 7px;
}

/* klanten.aspx*/ 

.pagealign .klantenContent      {   padding:10px; width:680px;}
.pagealign .klantenContent h3   {   padding-left:10px;}

div.portfolio_logos             {   background: #FFFFFF; text-align:justify; border:1px solid #cfd9ef;}
div.portfolio_logos img         {   margin:4px; padding:0px 17px; cursor:pointer;
                                    border:2px solid #FFFFFF !important;}
div.portfolio_logos img.hover   {   border:2px solid #c5d3fc !important; cursor:pointer;}

table.simpleTable td{ padding:4px;}

/*Client popup*/

.klantenContent .clientInfo                             {float:left; width:528px; margin:10px 0px; padding:4px 10px; /*background-color:#cfdcff; border:1px solid #cfdcff;*/}
.klantenContent .PopupPanelAhrend .clientInfo           {width:500px;}
.clientInfo li                          {list-style:none; margin:2px 0px;}
.clientInfo ul                          {float:left;}
ul.clientInfoKey            {width:130px; padding-right:6px; text-align:right; font-weight:bold;}
ul.clientInfoValue li       {color:#1D3E96;}
ul.clientInfoValue          {width:364px;}



.AspNet-Menu-Horizontal



/* Sponsoring/Zaalvoetbal.aspx */
.largeList li
{
    margin:10px 20px;       
}

ul.largeList 
{
    padding:3px 0px 3px 0px;
}

/* Certificering */
table.contenttable th{
	font-style:italic;
	font-weight:bold;
	padding:5px;
	border:1px solid #DDDDFF;
    background-color:#EEEEFF;
}
table.contenttable td {
	padding:5px;
	text-align:left;
	vertical-align:top;
	background-color:#FAFAFF;
 }
table.contenttable .titel{
	width: 30%;
}
table.contenttable td.emptyrow{
    height:10px;
    border:none;
}
table.contenttable td.logo{
	border-bottom:1px solid #DDDDFF;
    border-right:1px solid #DDDDFF;	
}
table.contenttable td.logo img.logo{
    padding:4px; 
    /*border:2px solid #F0F0FF;*/
    /*background-color:#FAFAFF;*/
}
table.contenttable .description {
    border-bottom:1px solid #DDDDFF;
    border-left:1px solid #DDDDFF;
}
/* certificeringen table */
table.certificeringen{
    border:1px solid #DDDDFF;
}
table.certificeringen td{
    /*
    border-top:1px solid #DDDDFF;
    border-bottom:1px solid #DDDDFF;    
    */
}
table.certificeringen tr.uneven td{
    background-color:#F3F3FF;   
}
table.contenttable .number{
    color:#1D3E96;
    font-weight:bold;
    border-left:none;
}
table.certificeringen th{
    /*border-right:none;
    border-left:none;*/
}


/* Contact */

.officeimg
{
	float: right;
	padding-left: 20px;	
}

/* Running */
table.uitslagen td
{
	padding:2px 20px 2px 5px;
	padding:2px 20px 2px 5px;
	border:1px solid #AAAAAA;
}

/* nieuws */
.nieuws
{
    clear:both;
}

.nieuws hr
{
    clear:both;
	border:none;
	background-color: #CCD9FF;
	height: 1px;
	margin:20px 0 10px;
}
.content .postDate{
    text-align:right;
    font-size:10px;   
}

/*Login page*/

.AspNet-Login                                                       { position:absolute; left:10px; top:40px; width:310px; height:120px; border:1px solid #CFD9EF; font-size:11px; background-color:#FFFFFF;}
/*div.content table                                                   { position:absolute; left:10px; top:40px; width:310px; height:120px; border:1px solid #CFD9EF; font-size:11px; background-color:#FFFFFF;}*/
    .AspNet-Login .AspNet-Login-TitlePanel                          { position:absolute; top:5px; left:4px; color:#777777; font-weight:bold; }
    .AspNet-Login .AspNet-Login-UserPanel                           { position:absolute; top:28px; left:4px;}
	.AspNet-Login .AspNet-Login-PasswordPanel                       { position:absolute; top:48px; left:4px;}
    .AspNet-Login .AspNet-Login-RememberMePanel                     { position:absolute; top:72px; left:94px;}
    .AspNet-Login .AspNet-Login-SubmitPanel                         { position:absolute; top:96px; left:94px;}
    .AspNet-Login .AspNet-Login-PasswordRecoveryPanel               { position:absolute; top:95px; left:174px; background-color:#777777; border:1px solid #99CCFF; width:64px; text-align:center;}
    
    .AspNet-Login .AspNet-Login-FailurePanel                        { position:absolute; top:88px; left:160px; padding:2px 4px 2px 4px; width:92px; font-size:11px; color:#FF0000;}
        
    .AspNet-Login label                                             { float:left; width:86px; margin: 1px 4px 0px 0px; color:#777777; font-size:11px;}
    .AspNet-Login .AspNet-Login-UserPanel input, .AspNet-Login .AspNet-Login-PasswordPanel input                 { float:left; width:138px; padding:1px; background-color:#FFFFFF; border:1px solid #777777; color:#494949; font-size:11px;}	
    .AspNet-Login .AspNet-Login-UserPanel span,
    .AspNet-Login .AspNet-Login-PasswordPanel span                  { float:left; padding:7px 0px 0px 3px; line-height:10px; font-size:20px;} 
     
    .AspNet-Login .AspNet-Login-SubmitPanel input                   { padding:0px 1px; width:64px; background-color:#777777; border:1px solid #99CCFF; color:#FFFFFF; cursor:pointer; font-size:11px;}
                                                                    /*background:url("../Images/arrow01.gif") no-repeat left top; border:none; width:16px; height:16px; cursor:pointer;}*/
    .AspNet-Login .AspNet-Login-RememberMePanel input               { float:left;}
    .AspNet-Login .AspNet-Login-RememberMePanel label               { margin-left:4px; float:left; width:180px;}
    .AspNet-Login .AspNet-Login-PasswordRecoveryPanel a             { display:block; margin:2px 0px 0px 0px; font-size:11px; text-decoration:none; color:#FFFFFF;}
    .AspNet-Login .AspNet-Login-PasswordRecoveryPanel a:hover       { text-decoration:none; }
       
   .AspNet-recover .AspNet-Recover-SubmitPanel input                { padding:0px 1px; width:64px; background-color:#777777; border:1px solid #99CCFF; color:#FFFFFF; cursor:pointer; font-size:11px;}
   
   
   .AspNet-Recover                                                  { position:absolute; top:40px; left:10px; width:310px; height:120px; border:1px solid #CFD9EF; font-size:11px; background-color:#FFFFFF;}
   .AspNet-Recover input                                            { background-color:#FFFFFF; border:1px solid #777777; color:#494949; }
   
   .AspNet-Recover-TitlePanel                                       { position:absolute; top:60px; left:30px; color:#777777; font-weight:bold;}
   .AspNet-Recover-Text                                             { position:absolute; top:85px; left:20px; color:#777777; font-weight:normal;}
   .AspNet-Recover-UserPanel                                        { position:absolute; top:20px; left:0px;} 
   .AspNet-Recover-Fail                                             { position:absolute; top:20px; left:0px; padding:2px 4px 2px 4px; width:92px; font-size:11px; color:#FF0000;}
   .AspNet-Recover-Submit input                                     { position:absolute; top:50px; left:94px; padding:0px 1px; width:64px; background-color:#777777; border:1px solid #99CCFF; color:#FFFFFF; cursor:pointer; font-size:11px;}
   
   
   .AspNet-ChangePassword label                                      { float:left; width:120px; margin: 1px 4px 0px 0px; color:#777777; font-size:11px;}
   
   .AspNet-ChangePassword                                           { position:absolute; top:40px; left:10px; width:360px; height:180px; border:1px solid #CFD9EF; font-size:11px; background-color:#FFFFFF;}
   .AspNet-ChangePassword input                                     { background-color:#FFFFFF; border:1px solid #777777; color:#494949; }
   
   .AspNet-ChangePassword-TitlePanel                                { position:absolute; top:60px; left:30px; color:#777777; font-weight:bold;}
   .AspNet-ChangePassword-CurrentPassword                           { position:absolute; top:80px; left:20px;} 
   .AspNet-ChangePassword-NewPassword                               { position:absolute; top:100px; left:20px;} 
   .AspNet-ChangePassword-ConfirmPassword                           { position:absolute; top:120px; left:20px;} 
   
   .AspNet-ChangePassword-PasswordCompare                           { position:absolute; top:140px; left:20px;} 
   .AspNet-ChangePassword-Fail                                      { position:absolute; top:160px; left:20px; padding:2px 4px 2px 4px; width:320px; font-size:11px; color:#FF0000;}
   .AspNet-ChangePassword-Submit input                              { position:relative; top:60px; left:94px; padding:0px 1px; width:auto; background-color:#777777; border:1px solid #99CCFF; color:#FFFFFF; cursor:pointer; font-size:11px;}
   .AspNet-ChangePassword-Submit                                    { position:absolute; top:140px; left:20px;} 
   
   
/* Project */

.hoursforday                                                        { width:70%; }
   
    
.field .label,
.field .input
{
    display:block;
    clear:both;    
    width:100% !important;    
}

.field .label .title
{
    width:100px;
    padding-right:20px;
}

.field .label .title,
.field .label .description
{
    float:left;
}

.field .input
{
    display:block;
    padding-left:120px;
}

/* Wit paneel */
.adviesDefault                      {line-height:150%;}
.addressList                        {float:right; display:inline; margin-right:30px;}
.addressList li                     {list-style:none;}
.addressList span                   {display:inline-block; width:30px; font-style:italic;}
.panels                             {display:inline-block;}

.panel1                             {position:relative; width:206px; margin-top:20px;
                                     background:url(../Images/panel1_r.gif) repeat-y right top;}
.panel1Head                         {position:absolute; display:block; height:3px; width:3px; right:0px; top:0px; font-size:1px; 
                                     background:url(../Images/panel1_rt.gif) no-repeat right top;}
.panel1Foot                         {display:block; height:4px; width:206px; font-size:1px; 
                                     background:url(../Images/panel1_foot.gif) no-repeat right top;}
.panel1LeftFoot                     {position:absolute; display:block; height:4px; width:3px; left:0px; bottom:0px;
                                     background:url(../Images/panel1_lb.gif) no-repeat right top; font-size:1px; }
.panel1Body                         {padding:5px 5px 10px 5px; width:193px;
                                     background:#FFFFFF url(../Images/panel1_bg_over.jpg) repeat-X right top;
                                     border-left:1px solid #ebebeb; border-top:1px solid #ebebeb;
                                     min-height:86px; height:auto !important; height:86px;}
.over .panel1Body                   {background-image:url(../Images/panel1_bg.jpg); cursor:pointer; }

.sharepointPanel .panel1Head,
.tfsPanel .panel1Head,
.dynamicsPanel .panel1Head          {background-image:url(../Images/panel1_rt_top.gif)}   /*toppanels rightcorner white pixel fix  */

                                     
.panel1                             {float:left; display:inline; margin-left:16px; line-height:150%; color: #333333}
.firstPanel                         {margin-left:0px;}
.pagealign .panel1 h3               {display:block; margin:15px 0px 10px 46px;
                                     color:#1D3E96; font-size:16px; font-family:"Trebuchet MS", arial; font-weight:bold; }
.panel1 a:hover                     {text-decoration:none !important;}
.panel1 .panel1Body .panel1Text     {display:block; margin-left:46px;} 
.panel1 .icon                       {position:absolute; left:10px; top:8px; height:70px; width:40px;} 

.biztalkPanel .icon                 {background:url(../Images/i_small_sql.gif) no-repeat left top;}
.sharepointPanel .icon              {background:url(../Images/i_small_sharepoint.gif) no-repeat left top;}
.dynamicsPanel .icon                {background:url(../Images/i_small_dynamics.gif) no-repeat left top;}  
.vsPanel .icon                      {background:url(../Images/i_small_vs.gif) no-repeat left top;}  
.sqlPanel .icon                     {background:url(../Images/i_small_sql.gif) no-repeat left top;}
.reportingPanel .icon               {background:url(../Images/i_small_sql.gif) no-repeat left top;}
.tfsPanel .icon                     {background:url(../Images/i_small_vs.gif) no-repeat left top;}


/* 2DBarcodeExtra */
.barcodeExtraTable                {text-align:left; padding:5px 12px 5px 0px;}

/* Project panels */

.ProjectPanel                             {position:relative; width:auto; margin:10px 6px 10px 6px;
                                     background:url(../Images/panel1_r.gif) repeat-y right top; float:left; height:auto; width:200px; color: #333333; line-height:150%; }
.ProjectPanelHead                         {position:absolute; display:block; height:3px; width:auto; right:0px; top:0px; font-size:1px; 
                                     background:url(../Images/panel1_rt.gif) no-repeat right top;}
.ProjectPanelFoot                         {display:block; height:4px; width:auto; font-size:1px; 
                                     background:url(../Images/panel1_foot.gif) no-repeat right top;}
.ProjectPanelLeftFoot                     {position:absolute; display:block; height:4px; width:auto; left:0px; bottom:0px;
                                     background:url(../Images/panel1_lb.gif) no-repeat right top; font-size:1px; }
.ProjectPanelBody                         {padding:5px 5px 10px 5px; width:186px;
                                     background:#FFFFFF url(../Images/panel1_bg_over.jpg) repeat-X right top;
                                     border-left:1px solid #ebebeb; 
                                     min-height:86px; height:120px;}
.over .ProjectPanelBody                   {background-image:url(../Images/panel1_bg.jpg); cursor:pointer; }


.pagealign .ProjectPanel h3               {display:block; margin:15px 0px 10px 46px;
                                     color:#1D3E96; font-size:14px; font-family:"Trebuchet MS", arial; font-weight:bold; }
.ProjectPanel a:hover                     {text-decoration:none !important;}
.ProjectPanel .ProjectPanelBody .ProjectPanelText     {display:block; margin-left:46px;} 
.ProjectPanel .icon                       {position:absolute; left:10px; top:8px; height:70px; width:40px; background:url(../Images/ProjectIcon.png) no-repeat;}


/* Button */

.ButtonStyle                             {color:#3662c1;}