body {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Georgia, Arial;
    font-size: 11px;
    height:100%;
    color:#00729b;
  }
  .wrapper
  {
      height:100%;
      width:990px;
      border:1px solid #c2d1d7;
      margin:20px auto;
  }
  table, td, th
  {
      border-collapse:collapse;
  }  
  table th 
  {
	text-align:left;
	
  }
  
  a 
  {
  	text-decoration: none;
  	font-weight: bold;
  }
  
  #ctl00_cphMain_ctl00_uploadPDF
  {
      background-color: White;
  }
  
  .blue
  {
      color:#00729b;
      text-decoration: underline;
  }
  
  .white
  {
    color: White;
  }
/*
  .headerLeft 
  {
	float:left;
	background:url(../images/lc_logo.png) 10px 10px no-repeat;
	height:205px;
	width:300px;
  
  }
*/  
  .headerRight
  {
	float:right;
	background:url(../images/lc_banner.jpg) left no-repeat;
	height:205px;
	width:100%;

  }

  .headerCenter 
  {
  	text-align: center;
  }

  #divFooter 
  {
	bottom: 0px;
	/*background-color: #006e9b;*/
    /*background-color: #68D0F4;*/
    background-color: #59C6F1;
	color: White;
	height: 26px;
	border-top: 0px;
  	padding:10px;
}
 
  
  #tblHeader 
  {
	width: 100%;
	background-color: white;
  }
  #divHeader 
  {
	float: left;
	width: 100%;
	border: 1px solid #e27905;
	background-color: white;
  }
  .MinimumWidth
  {
	width: 990px;
  }
  
  #ctl00_cphMain_ctl00_treeDossiers 
{
	height: 570px;
	width: 318px;
	overflow: auto;
}

#tblMijlpalenScrollable 
{
	height: 235px;
	overflow: hidden;
	overflow-y: scroll;
	overflow-x: hidden;
}

  .welkom 
  {
	display:block;
	float: right;
	position: relative;
	right: 20px;
	top: -20px;
  }
  
  .logout 
  {
	display:block;
	float: right;
	position: relative;
	right: 20px;
	top: -20px;
  	color: White;
  	margin-left: 30px;
  }
  
  .documedOnline 
  {
	float:right;
	margin-left: -200px;
	margin-top: -20px;
  }

  .applicationTitle 
  {
	display: inline;
	font-size: 14px;
	position: absolute;
	top: 37px;
	left: 100px;
  }
  .lnkWachtwoord, .lnkHome 
  {
    /*color: #006e9b;*/
    /*color: #68D0F4;*/
    color: #59C6F1;
  }
 
  .divDate 
  {
	padding: 4px;
	float: left;
  }
  .divCopyrights 
  {
	padding: 4px;
	float: right;
  }
  .tblMijlpalen
  {
	width: 100%;
  }
  .tdGeenMijlpalen 
  {
	text-align: center;
  }

  .divSplash 
  {
	background-color: #DEDEDE;
	padding: 10px;
  }
  
  .content 
  {
	width: 100%;
  }
  
  .contentscrollable 
  {
	padding-bottom:30px;
	margin-top:40px;
  }
  
  .headerText 
  {
	background-color: silver;
	color: White;
	border-left: 1px solid #e27905;
	border-right: 1px solid #e27905;
	padding: 10px;
  }
  .search 
  {
	/*background-color: #006e9b;*/
    /*background-color: #68D0F4;*/
    background-color: #59C6F1;
	padding:  10px 10px 10px 30px;
	height: 26px;
	color: White;
	position:relative;
    }
    
  .zoekveld
  {
      width:100px;
  }  
  .splitter 
  {
	width: 10px;
	background-color: gray;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='gray', endColorStr='silver', gradientType='0');
  }

  .tblLogin, .tblPassword {
    position: relative;
    left: 20px;
    top: 20px;
    width: 400px;
  }
  .tblLogin td
  {
      padding-bottom:10px;
  }
  
  .loginTextBox, .passwordTextBox 
  {
	width: 200px;
  }
  
  .button {
    width: 90px;
    height: 26px;
    margin-left: 5px;
    /*background: #006e9b;*/
    /*background: #68D0F4;*/
    background: #59C6F1;
    border: 1px solid #fff;
    font-family: verdana;
    color: #fff;
    font-size: 11px;
}

.btn
{
    display:inline-block;
    height: 26px;
    /*background: #006e9b;*/
    /*background: #68D0F4;*/
    background: #59C6F1;
    border: 1px solid #fff;
    font-family: verdana;
    color: #fff;
    font-size: 11px;   
    line-height:22px;
    padding:0 10px 0 10px;
    font-weight:normal;
}

  .btnLogin, .btnRequest 
  {
	margin-top: 5px;	
	margin-left: 0px;	
  }

.titels 
{
	font-size: 14px;
}
.loginForm 
{
	/*background-color: #DEDEDE;
	border-left: 1px solid #e27905;
	border-right: 1px solid #e27905;
	height: 200px;*/
}
.passwordForm 
{
	background-color: #DEDEDE;
	border-left: 1px solid #e27905;
	border-right: 1px solid #e27905;
	height: 200px;
}

.tblContent {
  width: 100%;
}
.errorDiv
{
  padding: 10px;
  height: 200px;
}
  
.divMsg 
{
	color: Green;
}

.datatypeImage {
    padding-right: 20px;
}

.documentDatum {
    padding-left: 20px;
}

.dossierlink 
{
	font-weight: normal;
	cursor: pointer;
	color:#00729b;
}
.showmore
{
	font-weight: bold;
	cursor: pointer;
	color:#00729b;
}
.showmore:hover{
    color: #ad244a;
}
a.dossierlink:hover
{
    color: #ad244a;
}

.breadcrumb 
{
	color: #006e9b;
    /*color: #68D0F4;*/
	display: block;
	position: absolute;
    top:60px;
    left:30px;
	height: 16px;
	font-size:11px;
}

.breadcrumb a 
{
    color: #006e9b;
    /*color: #68D0F4;*/
	text-decoration: underline;
	font-size:11px;
	font-weight:normal;
}

.dossierleft 
{
	display:block;
	width: 50%;
}
.dossierright td
{
	display:block;
	width: 50%;
}

#tblDossier 
{
	width:930px;
	vertical-align: top;
	margin-left: 30px;
	margin-top: 30px;
	background-color:#fff;
}

#tblDossier td 
{
	vertical-align: top;
}

.profiel 
{
	margin:20px;
}
.profieldetails 
{
	background-color: White;
	margin-bottom:30px;
}

.profieldetails td 
{
	padding: 8px;
}

.profieldetails .label 
{
	text-align: right;
	font-weight: bold;
	width:170px;
}

.downloads 
{
	vertical-align: top;
	background-color: White;
	margin-bottom: 10px;
}
.downloads td 
{
	margin-top: 30px;
	padding-bottom:16px;
}

.btnDossiers 
{
	margin-top: 10px;
	margin-left: -1px;
}

.downloadlink 
{
	color: Blue;
	font-size: 10px;
}

/* TABLE STYLES */

#ctl00_cphMain_ctl00_liststyle
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	background-color:#fff;
}
#ctl00_cphMain_ctl00_liststyle th
{
	padding: 12px;
	font-weight: bold;
	font-size: 12px;
}
#ctl00_cphMain_ctl00_liststyle td
{
	padding: 9px 12px;
	color: #00729b;
	border-top: 1px solid #e5f0f5;
}
#ctl00_cphMain_ctl00_liststyle tfoot td
{
	font-size: 11px;
}
#ctl00_cphMain_ctl00_liststyle tbody td .rowindicator
{
	background: url('/includes/images/arrow_right_grey.png') no-repeat;
	height:20px;
}

#ctl00_cphMain_ctl00_liststyle tbody tr:hover td
{
	color: #ad244a;
	background: none;
}

#ctl00_cphMain_ctl00_liststyle tbody tr:hover .rowindicator
{
	background: url('/includes/images/uit.gif') no-repeat;
}

#ctl00_cphMain_ctl00_liststyle tbody tr:hover 
{
	background-color: #e5f0f5;
}


/* ROUNDED CORNERS */

body {background:#EFF2F3;}
.liquid-round {
width:85%;
margin:0px auto;
background:#fff url(/includes/roundedcorners/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(/includes/roundedcorners/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(/includes/roundedcorners/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(/includes/roundedcorners/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url(/includes/roundedcorners/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(/includes/roundedcorners/bottom-right.gif) no-repeat right top;
}
p {margin:0 0 1em 0}

input[type=text], input[type=password]
{
    height:20px;
    color:#006e9b;
    /*color:#68D0F4;*/
}
input[type=text]:focus, input[type=password]:focus
{	
    outline-color:#cbe1ea;
}	

/* Dossier */

td.medewerkerblok
{
    background-color:#eff2f3;
    position:relative;
}
.profiel .left
{
    width:170px; 
    text-align:right;
}
.profiel .left img
{
    margin-right:8px;
}

.profiel .right
{
    vertical-align:bottom;
}
.profiel table
{
    margin-top:25px;
}
.medewerker
{
    position:relative;
    background-color:#79b1c8;
    width:450px;
    margin-left:14px;
    margin-bottom:14px;
}
.arrow
{
    display:block;
    background:url(../images/arrow_blue_left.png) no-repeat;
    width:7px;
    height:28px;
    position:absolute;
    top:78px;
    left:8px;
}
.medewerkerfoto
{
    width:152px;
    height:152px;
    border:1px solid #b7d6e2;
    margin:15px 27px 15px 15px;
    float:left;
}

.medewerkernaam
{
    display:block;
    font-weight:bold;
    color:#fff;
    padding-top:27px;
    padding-bottom:6px;
}
.medewerkerfunctie
{
    display:block;
    color:#fff;
    font-style:italic;
    padding-bottom:6px;   
}
.clear
{
    clear:both;
}
.btnmedewerker
{
    position:absolute;
    bottom:17px;
    left:195px;
    margin-top:20px;
    *width:220px;
}
.ruler
{
    display:block;
    height:1px;
    width:405px;
    margin:-10px 30px 10px 30px;
    background-color:#eef2f3;
}

.downloads .ruler, .mijlpalen .ruler
{
    width:100%;
    margin:20px 0 4px 0;
    
}
.container
{
    padding:30px;
}

.upload
{
    display:block;
    margin-top:20px;
}

.mijlpalen {
    width:80%;
    margin-left: auto;
    margin-right: auto;
}

.mijlpaal-new{
    font-weight:bold;
}
.mijlpaal
{
    margin-bottom:25px;
    width:100%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
}
.mijlpaal:after{
    content: "";
    display: table;
    clear: both;
}
.mijlpaal-new .circle-check {
    background-color:#59c6f1;
}
.circle-check {
    float:left;
    position:relative;
    margin-right:20px;
    height: 50px;
    width: 50px;
    background-color: #79b1c8;
    border-radius: 50%;
    background-image: url('../images/check.png');
    background-position:center center;
    background-repeat:no-repeat;
}
.circle-check:before{
    position:absolute;
    top:50px;
    left:50%;
    content:"";
    width:1px;
    height:40px;
    background:#79b1c8;
}
.mijlpaal-new .circle-check:before{
    background-color:#59c6f1;
}
.mijlpaal-content{
    float:left;
    padding-top:10px;
    width:80%;
}
.mijlpaal-content .date{
    display:inline-block;
    width:100%;
    margin-bottom:0px;
}
.mijlpaal-content .text .new{
    display:none;
    color:#59c6f1;
}
.mijlpaal-new .text .new{
    display:initial;
}
.mijlpaal:last-of-type{
    margin-bottom:0px;
}
.mijlpaal:last-of-type .circle-check:before{
    content:none;
}
.ruler.bottom{
    margin-top:0px;
    margin-bottom:10px;
}
.nieuw-paal{
    font-weight: bold;
    color: #59c6f1;
    margin-left: 50px;
    position: relative;
    display: inline-block;
}
.nieuw-paal:before{
    content: "";
    background-color: #59c6f1;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    top: -3px;
    left: -30px;
    background-size:60%;
    background-repeat:no-repeat;
    background-position:center center;
    position: absolute;
    background-image: url('../images/check.png');
}