﻿/* General Style */
/* body { margin:0px 0px 15px 0px; background-color:#ffffff; } */

BODY
{
	padding-right: 0px;
	padding-left: 0px;
	background: #bfbfbf url(Images/body_back.gif) no-repeat top;
	padding-bottom: 0px;
	margin: 0px auto;
	font: 75%/1.3em Verdana, Arial, Helvetica;
	color: #00296c;
	padding-top: 0px;
	text-align: center;
}

body, div, span, input, select,li,ul { font-family:verdana, sans-serif; color:#555555; }
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote,  dl, dt, dd, td, form, fieldset, a, img, button {
/* margin: 0;
padding: 0;
border: 0; ul, ol,*/
}

abbr, acronym, .verklaring {
border-bottom: 1px dotted #000;
cursor: help;
}

li
{
 /*list-style-type:square;*/
 list-style-position:outside;
 list-style-image: url("Images/pijl.gif");    
 margin-bottom:10px;
}

.SmallSummaryText
{
	font: 10px Verdana, Arial, Helvetica;
}


a.PictureLink, img.PictureLink
{
	font-size:small;
	font-family:Verdana;
	color:Gray;
	text-decoration:none;
	vertical-align:text-bottom;
}

.smallButton
{
	font-size:xx-small;
	font-family:Verdana;
	color:Gray;
	height:20px;
	width:120px;
}

.titelDotted 
{
	font-family: Verdana; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #000000; 
	border-bottom: dashed 1px #CCCCCC;
}

a.BlueLink, BlueLink
{
	font-family: Verdana; 
	font-size: 13px; 
	font-weight: normal; 
	color: #515A9D; 
}

.titelSolid
{
	font-size:140%; 
	color:#515a9d; 
	padding-left:3px; 
	padding-bottom:0px;
	line-height:15px;
	font-weight:normal; 
	border-bottom: solid 1px #CCCCCC;
}

.txtBigTitle 
{
font-size:170%; 
color:#515a9d; 
padding-left:3px; 
font-weight:normal; 
/* border:1px solid #DDDDDD; */
}

.txtTitle, p.txtTitle, h1.txtTitle
{
font-size:140%; 
color:#515a9d; 
padding-left:3px; 
padding-bottom:0px;
font-weight:normal; 
/* border:1px solid #DDDDDD; */
}

.txtTopBar, a.TxtTopBar
{
font-size:70%; 
color:#FFFFFF; 
padding-left:3px; 
font-weight:normal; 
/* border:1px solid #DDDDDD; */
}

.txtBreadcrumbs 
{
font-size:90%; 
color:#515a9d; 
padding-left:3px; 
font-weight:normal; 
/* border:1px solid #DDDDDD; */
}

.GridViewItems
{
	font-size:small;
	color:#000000;
	font-family:verdana, sans-serif;
}

.GridViewItemsWhite
{
	font-size:small;
	color:#FFFFFF;
	font-family:verdana, sans-serif;
}

/*

.GridHeader
{
	font-size:small;
	color:#FFFFFF;
	font-family:verdana, sans-serif;
	background-color:#2850A2;
	text-align:left;

}
*/

.GridPager
{
	font-size:small;
	color:#000000;
	font-family:verdana, sans-serif;
}


td.smallSubText
{
    font-size:xx-small;
    font-family:Verdana,sans-serif; 
    vertical-align:top;
}


#OuterCommon
{
    text-align: left;
    margin: 0 auto;
    width: 990px;
}
#Common
{
	margin: 0;
	padding: 0 1px 0 7px;
	width: 982px;
	color: inherit;
	text-align: left;
	background: #fff url(images/ContentBack.gif) repeat-y;
}

#header
{
	margin: 0;
	padding: 0 0 0 0;
	width: 982px;
	height: 108px;
	color: inherit;
	text-align: left;
	background: #fff url(Images/TopBack.jpg) no-repeat;
}


.CommonContentArea
{
    background: url(Images/ContentAreaBack.gif) repeat-x;
    margin: 0 1px 0 0;
    padding: 30px 39px;
}

.CommonContent
{
    padding: 0;
    margin: 0 0 20px 20px;
    width: 740px;
    overflow: hidden;
	/* min-height:500px; */
}
/* * html .CommonContent{height:500px} */


#CommonFooter
{
    width: 982px;
    color: #696969;
    padding: 15px 1px 15px 8px;
	background: url(images/FooterBack.gif) no-repeat;
	height: 10px;
	text-align: left;
	font-size: 0.83em;
}

#CommonFooter a:link, #CommonFooter a:visted
{
    color: #696969;
}

/* End footer */


/* Begin nice colored table */

table.colored1 {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #dddddd;
	border-collapse: separate;
	background-color: #f1f1f1;
}
table.colored1 th {
	border-width: 0px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: #f1f1f1;
	-moz-border-radius: 0px;
}
table.colored1 td {
	border-width: 0px;
	padding: 1px;
	border-style: none;
	border-color: gray;
	background-color: #f1f1f1;
	-moz-border-radius: 0px ;
}

/*
.GridHeader {
border-collapse:collapse;
color:#0E1B79;
font-family:Tahoma,Helvetica,FreeSans,sans-serif;
font-size:8pt;
font-weight:bold;
padding-top:3px;
background-color:#E9E5D9;
border-top:1px solid #C3BFB3;
}
*/
.GridHeader {
border-collapse:collapse;
color:#FFFFFF;
font-family:Tahoma, Helvetica, FreeSans, sans-serif;
font-size:8pt;
font-weight:bold;
text-decoration:none;
padding-top:3px;
background-color:#2850A2;
border-top:1px solid #C3BFB3;

}


.GridColHeader {
background-color:#E9E5D9;
border-collapse:collapse;
border-top:1px solid #C3BFB3;
color:#0E1B79;
font-family:Tahoma,Helvetica,FreeSans,sans-serif;
font-size:8pt;
font-weight:bold;
padding:3px 2px;
}

.DataGrid {
background-color:#FFFEF9;
border-collapse:collapse;
color:#000000;
font-family:Tahoma,Helvetica,FreeSans,sans-serif;
font-size:8pt;
height:100%;
margin:0px;
padding:0px;
}

.DataGridExtra {
border-bottom-color:#C3BFB3;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color:#C3BFB3;
border-left-style:solid;
border-left-width:1px;
border-right-color:#C3BFB3;
border-right-style:solid;
border-right-width:1px;
height:355px;
/* overflow-x:auto;
overflow-y:auto; */
width:100%;
}

.GridRow {
background-color:#FFFFFF;
border-bottom:1px solid #CFCFCF;
border-top:1px solid #CFCFCF;
font-family:Tahoma,Helvetica,FreeSans,sans-serif;
font-size:8pt;
overflow:hidden;
padding:3px 2px;
}

.GridRowAlternate {
background-color:#FFFEF9;
border-bottom:1px solid #CFCFCF;
border-top:1px solid #CFCFCF;
font-family:Tahoma,Helvetica,FreeSans,sans-serif;
font-size:8pt;
overflow:hidden;
padding:3px 2px;
}
/* End nice colored table*/



/*  Balloons */
.balloon  {
	width: 315px;
}
.balloonmiddle {
	width: 295px;
	background-image: url(images/balloonmiddle.gif);
	background-repeat: repeat-y;
	font-family: tahoma, arial;
	font-size: 10px;
	font-style: normal;
	padding-left:10px;
	padding-right:10px;
}
.balloontop {
	width: 315px;
	background-image: url(images/balloontop.gif);
	height: 10px;
	background-repeat: no-repeat;
}
.balloonbottom {
	width: 315px;
	background-image: url(images/balloonbottom.gif);
	height: 30px;
	background-repeat: no-repeat;
}

#CommonBody{
	min-height: 600px;
}

*html #CommonBody{ /* voor IE6 */
	height: 600px;
}

/* End Balloons */

/* Begin HorMenu */
.CommonTabBar
{
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    color: #707070;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    background: url(Images/navBack.gif) repeat-x;
}

.CommonTabBar .menu
{
  float: left; 
}



.menuRight
{
    float: right;
}

.CommonTabBar .tasks
{
    line-height: 1em;
    padding: 8px 10px 0 0;
    float: right;
}

.CommonTabBar .tasks select
{
    width: 130px;
    font-size: 0.83em;
    font-weight: normal;
    color: #00296c;
}

.CommonTabBar ul

{
    margin: 0;
    padding: 0 0 0 15px;
    list-style: none;
    background: url(images/nav_list_back.gif) no-repeat;
}

.CommonTabBar ul li
{
    display: inline;
    padding: 0 13px;
}

.CommonTabBar ul li a:link, .CommonTabBar ul li a:visited
{
    color: #707070;
    text-decoration: none;
}

.CommonTabBar ul li a:hover
{
    color: #999;
}
/* End HorMenu */


#CommonLeftColumn
{
    background: #fff;
    width: 250px;
}

#CommonRightColumn
{
	padding-bottom: 22px;
	background: #fff;
}

li.1pxTopMargin
{
 border-top-style:solid;
 border-top-color:#FFFFFF;
 border-top-width:1px;
	}
	
	
.LeftMenu li
{
    margin: 1px 0 0 0;
    padding: 0;
    height: 45px;
    background-position: 0;
}

.LeftMenu ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}


/* Hover Help items*/
div#lyr1 { 
  position:relative; left:10px; top:30px;
  width:160px; /* height:80px; */
  background-color:#F1F1F1; border:1px solid #DDDDDD;
  padding:6px; font-size:11px; line-height:1.4;
}

div#lyr2 { 
  position:relative; left:10px; top:80px;
  width:160px; /* height:80px; */
  background-color:#F1F1F1; border:1px solid #DDDDDD;
  padding:6px; font-size:11px; line-height:1.4;
}

div#melding { 
  position:relative; left:10px; top:30px;
  width:160px;  /* height :80px; */
  background-color:#F1F1F1; border:1px solid #DDDDDD;
  padding:6px; font-size:11px; line-height:1.4;
}

.hidden{
	/*visibility:hidden;	 */
	display: none;
}

.logoff{
	float:right;
	margin-right:10px;
	margin-top:10px;
	position:relative;
}

/*  Flyout */
.QuickLinksFlyoutPopup
        {
            background-color:white;
            border: solid 1px silver;
            padding:10px;

        }
        h4
        {
            font-style:normal;
            font-weight:bold;
            color:darkblue;
            font-family:Verdana;
            font-size:8pt;
            height:5px;
            
        }
        
        
        .listitem
        { font-family:Verdana;font-size:8pt;color:black; text-decoration:none;}
        a.listitem:visited{ font-family:Verdana;font-size:8pt;color:black;text-decoration:none;}
        a.listitem:hover{ font-family:Verdana;font-size:8pt;color:black;text-decoration:none;}   
            
        a.mlink:link{ font-family:verdana,sans-serif;font-size:8pt;color:#999999; text-decoration:none;}
        a.mlink:visited{ font-family:verdana,sans-serif;font-size:8pt;color:#999999; text-decoration:none;}
        a.mlink:hover{ font-family:verdana,sans-serif;font-size:8pt;color:#999999; text-decoration:none;}        
        
        
        .mHoverin
        {
            background-color: green;
            border:solid 1px blue;
        }
        
        .mHoverout
        {
            background-color:none;
            border:none;
        }
                
        
        .list
        {
            width:160px;
            padding-left:10px;
        }
        .QuickLinksFlyoutPopupHr
        {
            background-color:#D6E3EF;
            width:5px;
        }     
      .QuickLinksFlyoutStaticLink_msdn
      {
        border:none 0px;
      }   
      .QuickLinksFlyoutStaticLink_msdn
      {
         cursor:hand;
         width:90px;
         height:auto;
      }          
      
      
      /* End Flyout */