/*voor IE6.0*/
.tab1 {
background-image:url(gfx/tab-home.png);
background-color:#404040; 
}




DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

body {
        font-size: 12px;
        font-family: Verdana, Arial;
        background-color: #404040; margin-top: 0px; margin-bottom: 0px; text-align: center; margin-left: auto; margin-right: auto; width: 950px;
        /*min-height: 100%;*/
        }

#container
	{text-align:left; 
	/*height:100%;*/
	}	

#logo
	{
	position: absolute;
	top: 25px;
	left: 15px;
}

#tabs
	{
	position:absolute;
	top: 80px;
	left:360px;
	width: 576px;
	height: 30px;
	}

#letop
{
	position: absolute;
	top: -5px;
	left:560px;
	width: 22px;
	height: 22px;
	background-image: url(gfx/let-op.gif);
	background-repeat: no-repeat; 
	z-index: 12;)
}

#balkwit
	{
	position:absolute;
	top: 110px;
	left:0px;
	width: 950px;
	background-color: #ffffff;
	height: 0px;
	}

#groen_home
	{height: 279px;
	width:950px;
	background-image: url(gfx/groen_home.gif);
	background-repeat: no-repeat;
	position:absolute;
	top: 121px;
	left:0px;
	}
	
#valentijn
	{position:absolute;
	width: 950px;
	height: 420px;
	top: 121px;
	left:0px;
	}
	
#groen_volg
	{height: 115px;
	width:950px;
	background-image: url(gfx/subpage.gif);
	background-repeat: no-repeat;
	position:absolute;
	top: 121px;
	left:0px;
	z-index: 1;
	}

#groen_volg_titel
	{
	position:absolute;
	top: 50px;
	left:225px;
	z-index: 5;
	font-family: arial; color: white; font-size: 14px; line-height: 20px; font-weight: bold;
	
	}


#a123
	{height: 231px;
	width:394px;
	background-image: url(gfx/123.gif);
	background-repeat: no-repeat;
	position:absolute;
	top: 121px;
	left:243px;
	}
#a123tekst
	{
	position:absolute;
	font-family: PepitaBold;
	color: #ffffff;
/*	letter-spacing: 1,1px; 
MvB, wat bedoel je hier? */
	letter-spacing: 1px;
	font-weight:bold;
	height: 200px;
	top: 55px;
	left: 60px;
	text-align: left;
	
	}

.a123teksten
	{height: 42px;}
		
#spetter
	{
	width: 236px;
	height: 217px;
	position:absolute;
	background-image: url(gfx/spetter.gif);
	background-repeat: no-repeat;
	top: 13px;
	margin:0px auto;margin:0px auto;	
	left: 410px;
	text-align: center;
	vertical-align: middle;
	}

#navbalk
	{
	width:149px;
	background-image: url(gfx/leftnav.gif);
	background-repeat: no-repeat;
	background-position: top;
	left: 41px;
	top: 0px;
	height: 300px;
	position:absolute;
	font-family: Arial, Verdana, Helvetica;
	line-height: 20px;
	color:#bd6c2b;
	font-size: 14px;
	}

#nav_url, .navurl
	{
	position: absolute;
   top: 30px;
   left: 5px;	
z-index: 2;
}
	
#navbalk_volg
	{
	width:149px;
	background-image: url(gfx/leftnav_volg.gif);
	background-repeat: no-repeat;
	background-position: top;
	left: 41px;
	top: -10px;
	height: 432px;
	position:absolute;
	font-family: Arial, Verdana, Helvetica;
	line-height: 20px;
	color:#bd6c2b;
	font-size: 14px;
	}
	
#start
	{
	width:130px;
	left: 800px;
	top: 30px;
	height: 200px;
	position:absolute;
	text-align: center;
	line-height: 20px;
	color: #d8a830;
	font-size: 14px;
	font-weight: bold;	
	}

#start_volg
	{
	width:130px;
	left: 800px;
	top: 30px;
	height: 100%;
	vertical-align: bottom;
	position:absolute; float: right;
	text-align: center;
	line-height: 20px;
	color: #d8a830;
	font-size: 14px;
	font-weight: bold;	
	}

#balk_onder 
	{
	position: absolute;
	height: 92px;
	top: 250px;
	background-image: url(gfx/balk_onder.gif);
	background-repeat: repeat;
	width:950px;
	font-family: Arial, Verdana, Helvetica;
	color: #202020;
	font-size: 10px;
	text-align: left;
	line-height: 14px;
	left: 0px;
	}
	
td.balk_onder
	{height: 92px;
	background-image: url(gfx/balk_onder.gif);
	background-repeat: repeat;
	width:950px;
	font-family: Arial, Verdana, Helvetica;
	color: #202020;
	font-size: 10px;
	text-align: left;
	line-height: 14px;
	/*left: 0px;
	top: 0px;
	/*bottom: 0px;*/
	}

td.balk_onder_manager
	{height: 92px;
	background-image: url(gfx/balk_onder_manager.gif);
	background-repeat: repeat;
	width:950px;
	font-family: Arial, Verdana, Helvetica;
	color: #202020;
	font-size: 10px;
	text-align: left;
	line-height: 14px;
	/*left: 0px;
	top: 0px;
	/*bottom: 0px;*/
	}





	
td.balk_onder_content
	{
	width:185px;
	font-family: Arial, Verdana, Helvetica;
	color: #202020;
	font-size: 10px;
	text-align: left;
	line-height: 14px;
	/*left: 0px;
	top: 0px;
	/*bottom: 0px;*/
	}

#content {
  	position: absolute;
  	top: 400px;
	left: 0px;
	width: 950px;
	margin:0px auto;
	text-align: left;
	background-color: #ffffff;
	height: 310px;
}

#content_volg {
  	position: absolute;
  	top: 225px;
	left: 0px;
	width: 950px;
	margin:0px auto;
	text-align: left;
	background-color: #ffffff;
	/*height:100%;*/
}

#tekstvak
	{
	width:560px;
	left: 225px;
	top: 0px;
	position: relative;
	font-family: Arial, Verdana, Helvetica;
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	background-color: #ffffff;
	/*padding-bottom: 25px;*/
	height: 220px;
	}
	
h1	{font-family: arial; color: #a1cf3f; font-size: 14px; line-height: 20px; font-weight: bold;}
	
h2 {font-family: arial; color: #bd6c2b; font-size: 14px; line-height: 20px; font-weight: bold;}

h3 {font-family: arial; color: #000000; font-size: 12px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px;}


#tekstvak_volg
	{
	width:560px;
	left: 225px;
	top: 18px;
	font-size: 12px;
	position: relative;
	font-family: Arial, Verdana, Helvetica;
	color: #000000;
	line-height: 18px;
	background-color: #ffffff;
	/*padding-bottom: 25px;*/
	/*height: 352px;*/
	}
	

#rechts
	{
	top: 10px;
	left:100px;
	position: absolute;
	font-family: Arial, Verdana, Helvetica;
	color: #000000;
	line-height: 18px;
	background-color: #ffffff;
	margin:0px auto;
	}

a.start, a.start:active, a.start:focus, a.start:link, a.start:visited 
		{
        color: #ce6100;
        text-decoration: none;
		}
a.start:hover 
		{color: #d8a830;
		text-decoration: none;}
		

a.tab
		{
        padding-right: 4px;
		}

a, a:active, a:focus, a:link, a:visited {
        color: #bd6c2b;
        text-decoration: none;
}

a:hover {color:#d8a830;
     text-decoration:none;}

a.onder, a.onder:active, a.onder:focus, a.onder:link, a.onder:visited 
		{
        color: #202020;
        text-decoration: none;
		}
a.onder:hover 
		{color: #bd6c2b;
		text-decoration: none;}

.linkover {
	Filter: Alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.tekstkop {font-family: arial; color: #bd6c2b; font-size: 14px; line-height: 20px; font-weight: bold;}
.tekstkopgroen {font-family: arial; color: #a1cf3f; font-size: 14px; line-height: 20px; font-weight: bold;}

.groen {font-family: arial; color: #bd6c2b; font-size: 14px; font-weight: bold;}
.oranje {font-family: arial; color: #a1cf3f; font-size: 14px; font-weight: bold;}

a img {border:0pt}

ul {margin-left: 18px;}

td {vertical-align: top;
	font-family: Arial, Verdana, Helvetica;
	color: #000000;
	line-height: 18px;
}
	
td.content {background-color: #ffffff;
	padding-bottom: 40px;
	height:425px;}

/*oud */



.mytableclass {
	width: 950px; height:100%; 
	background-color: #ffffff;}
	
.mytableclasshome {
width: 950px;}

td.logo {width: 310px; height: 85px; font-family: Arial; letter-spacing: /* x 1, */1px; font-size: 14px; color:#ffffff; text-align: center;}

a.logo:link, a.logo:visited, a.logo:active
{
        text-decoration: none; font-family: Arial; letter-spacing: /*x 1, */1px;
        color: #d8a830; font-size: 28px;
}

a.link:visited
{
        text-decoration: none; font-family: Arial; letter-spacing: /*x 1,*/1px;
        color: #d8a830; font-size: 28px;
}




li.list {list-style-image: url(gfx/list.gif)}

input {
        font-size: 11px;
        font-family: Verdana, Arial;
        background-image: url(gfx/input_achter.gif);
        background-repeat: repeat;
}


textarea {
        font-size: 11px;
        font-family: Verdana, Arial;
}

select {
        font-size: 11px;
        font-family: Verdana, Arial;
}

.InvalidInput {
		/* was #b92c10 */
        background: #d8a830;
        font-weight: bold;
}


.TopControl {
        position: absolute;
        right: 15px;
        top: 200px;
		  width: 200px;
		  height: 20px;
		  z-index: 3;
}

.xLeftControl {
  position: absolute;
  left: -150px;
  top: 0px;
  width: 150;
  height: 560px;
}

.RightControl {
  display: none;
}

.BottomControl {
  display: none;
}

Form {
        position: relative;
        left: 0px;
        top: 0px;
        width: 950px;
        height: 100%;
}

#tekstvak_secured
	{
	width:700px;
	height: 400px;
	left: 225px;
	top: 18px;
	font-size: 12px;
	position: absolute;
	font-family: Arial, Verdana, Helvetica;
	color: #000000;
	line-height: 18px;
	background-color: #ffffff;
	/*padding-bottom: 25px;*/
	/*height: 352px;*/
	}
	
#Progressbar {
/* Width niet hier zetten omdat de balk die nodig heeft om percentage ToDo/Done te berekenen */
	position: absolute;
	top: 200px;
	left: 190px;	
	height: 16px;
	z-index: 2;
}

.BarToDo {
  background: #f4f4f4;
}

.xBarDone {
  background-image: url(gfx/progress.gif);
  height:16px;
}

.BarDone {
  background: #d8a830;
}


.Title {
	font-family: arial; color: #bd6c2b; font-size: 14px; line-height: 20px; font-weight: bold;
	left: -1px;
	position: absolute;
	top: -10px;
	text-align: left;
/*   color: #f4f4f4;	 */
}

#AktePanel {
	left: 0px;
	position: absolute;
	top: 15px;
	width: 750px;
	height: 390px;
}

.InputForm {
	background: White;
	width: 548px;
	height: 350px;
	position: absolute;
	overflow: auto;
	top: 10px;
}

.InputForm td
{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	color: #000000;
}

.InputForm td input
{
    margin-right: 5px;
}


.HelpText {
  position: absolute;
	padding-right: 0px;
	background-position: left top;
	padding-left: 10px;
	font-weight: normal;
	font-size: 11px;
	z-index: 2;
	background-image: url(gfx/stippellijn.gif);
	background-position: top left;
	color: #ce6100;
	line-height: 16px;
	padding-top: 4px;
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	width: 165px;
	height: 370px;
	left: 550px;
}


.Menu2 {
   position: absolute;
   width: 150px;
   min-height:10px;
   top: 250px;
   left: 46px;
   font-size: 11px;
   padding: 0px;
   display: block;
	text-align: left;
	z-index: 200;
	font-size: 14px;
}

.Menu2 .Item {
	width: 150px;
	display: block;
}

.Menu2 a {

/*   width:0px;*/
   padding: 0px;
   
   /*robertnieuw*/
   font-family: Arial, Verdana, Helvetica;
	line-height: 20px;
	color:#bd6c2b;
	font-size: 14px;
  
}

.Menu2 a:hover
{
color:#d8a830;
}

.Menu1 {
   position: absolute;
   width: 500px;
   left: 353px;
   top: 77px;
   font-size: 11px;
   padding: 0px;
   z-index: 12;
}

.Menu1 .Item {
	background-image: url(gfx/tab-home.gif);
	height: 30px;
	width: 125px;  
	display: block;
}

.Menu1 .homeaan {
	background-image: url(gfx/tab-home-active.gif);
	width: 90px;
}

.Menu1 .homeuit {
	background-image: url(gfx/tab-home.gif);
	width: 90px;
}

.Menu1 .homedisabled {
	background-image: url(gfx/tab-home-dis.gif);
	width: 90px;
}

.Menu1 .personenaan {
	background-image: url(gfx/tab-leven-active.gif);
}

.Menu1 .personenuit {
	background-image: url(gfx/tab-leven.gif);
}

.Menu1 .personendisabled {
	background-image: url(gfx/tab-leven-dis.gif);
}

.Menu1 .huisaan {
	background-image: url(gfx/tab-wonen-active.gif);
}

.Menu1 .huisuit {
	background-image: url(gfx/tab-wonen.gif);
}

.Menu1 .huisdisabled {
	background-image: url(gfx/tab-wonen-dis.gif);
}

.Menu1 .bedrijvenaan {
	background-image: url(gfx/tab-werken-active.gif);
}

.Menu1 .bedrijvenuit {
	background-image: url(gfx/tab-werken.gif);
}

.Menu1 .bedrijvendisabled {
	background-image: url(gfx/tab-werken-dis.gif);
}

.Menu1 .aanmeldenaan {
	background-image: url(gfx/tab-login-active.gif);
	width: 90px;
}

.Menu1 .aanmeldenuit {
	background-image: url(gfx/tab-login-uit.gif);
	width: 90px;
}

.Menu1 .aanmeldendisabled {
	background-image: url(gfx/tab-login-uit.gif);
	width: 90px;
}
.Menu1 .afmeldenaan {
	background-image: url(gfx/tab-loguit.gif);
	width: 90px;
}

.Menu1 .afmeldenuit {
	background-image: url(gfx/tab-loguit.gif);
	width: 90px;
}

.Menu1 .afmeldendisabled {
	background-image: url(gfx/tab-loguit-dis.gif);
	width: 90px;
}

.Menu {
        font-family: Arial, Helvetica, sans-serif;
        position: relative;
        background: #0094B7;
        width: 130px;
        left: 5px;
        font-weight: bold;
        font-size: 12px;
        padding: 0px;
}

x.Menu2 {
        font-family: Arial, Helvetica, sans-serif;
        position: absolute;

        background: #0094B7;
        width: 500px;
        left: 5px;
        font-weight: bold;
        font-size: 12px;
        padding: 0px;
}


.Menu a, .Menu a:link, .Menu a:visited {
        color: #3333CC;
        width: 100%;
        height: 25px;
        background: #ECFFDB;
        text-decoration: none;
        padding-top: 3px;
        padding-left: 0px;
        padding-right: 0px;
/*.Menu a:focus,*/
}

/*.Menu a:active, a:active {
        background: Lime;
}
*/

.MenuItem {
}

.Validator, .ContactInfoLabel {
		
        color: #d8a830; 
        z-index: 1;
        font-weight: bold;
}




/*x a.TopUsername:link, a.TopUsername:visited, a.TopUsername:selected */
a.TopUsername:link, a.TopUsername:visited, a.TopUsername:active

        {color: white;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        }
a.TopUsername:hover {color: #d8a830;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        }


.TopUsername {
 padding-left: 0px;
 padding-top: 0px;
 text-align: left;
 color:white;
top: 10px;
left: 850px;
}

.Grid, .Grid650 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        width: 300px;
}

.Grid650
{
	width: 700px;
}

.GridHeader {
        background: #c9c7c7;
        font-weight: bold;
        color: #01354a;
        padding: 2px;
        width: 400px;
        }

.GridItem {
        background: #f8f0dd;
}

.GridAlternateItem {
        background: #d3e8a2;
}

.GridSelected {
  /*background: #d3e8a2;*/
  background-color: #E0BC5C;
  color: #b92c10;
}

.GridSelected a {
  /*background: #d3e8a2;*/
  color: #000000;
}

.GridSelected a:active, .GridSelected a:focus, .GridSelected a:link, .GridSelected a:visited, .GridSelected a:hover {
        color: #000000;
        text-decoration: none;
}



.Panel {
/* x: deze kent FF niet  filter:shadow(color:gray, strength:4, direction:135); */
}

.TestamentOverview {
  font-size: 10px;
  width: 100%;
}


.white
        {background-color: white; background-image: url(./gfx/verloop_wit.gif); background-position: top; background-repeat: no-repeat;}



.onderhome {width: 895; height: 63; background-image: url(./gfx/onder.gif);}
.links {height: 398;}
.navigatie {height: 144px}
.navigatiehome {height: 120px}

.tekstvak {
width: 591px; background-image: url(./gfx/vakachter.gif); background-repeat: repeat;}
.tekstvak1 {height: 397px;}

td {vertical-align: top;}
td.navigatie {width:707px; vertical-align: top; height:25px;}

.menu2 td.knopleeg {width: 0px; height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
.menu2 td.knop {width: 60px; height: 20px; vertical-align: bottom; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; text-align: center; }

xtd.td.knopleeg {width: 1px; height: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; }
xtd.knop { width: 80px; height: 20px; vertical-align: bottom; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; text-align: center; display: block; }

td.tekstgroen_klein {font-family: arial; color: #0e3b4e; font-size: 11px; line-height: 16px;}
.tekstgroen_klein {font-family: arial; color: #0e3b4e; font-size: 11px; line-height: 16px;}


input {
        background-color: white;
        border: 1px solid;
        border-color: #7f9db9;

}

.invulvelden {
        width: 100%;
        background-color: #f2f6f8;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;

}


.verwijderlink {
  border: none;
}

.Summary {
	margin-top: 20px;
}

.Summary TD {
  font-size: 12px;
}

.Summary .col1 {
	width: 300px;
}

.Summary .col2 {
	width: 200px;
}

.Summary .SummaryTitle {
	font-family: arial;
	color: #bd6c2b;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.SummaryButton {
  text-align: right;
}

.MijnAktesOpenen a {
	background-image: url(gfx/akteopenen.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 24px;
	display: block;
}

.MijnAktesVerwijderen a {
	background-image: url(gfx/akteverwijderen.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 24px;
	display: block;
}

#PriorButton {
  position: absolute;
  left: 373px; 
  top: 383px;
}

#NextButton {
  position: absolute;
  left: 471px; 
  top: 383px;
}

.NotaryDocuments {
  overflow: auto;
  width: 700px;
  height: 400px;
  position: absolute;
  top: 0px;
}

.NotaryDocuments .Grid {
  position: absolute;
  top: 40px;
}

.spacer
{
    border-top: 1px solid #D7A730;
    height: 1px;
    background-color: black;
}

.formulier
{
	background: White;
	width: 700px;
	height: 347px;
	overflow: auto;
}

.formuliersmall
{
	width: 560px;
}

.formitemdouble, .formitem
{
    clear: both;
    float: left;
    margin-bottom: 5px;
        width: 650px;
}

.formitem
{
    width: 650px;
}

.formuliersmall .formitem
{
    width: 560px;
}

.formitemleft
{
    float: left;
    width: 275px;
}

.formitemright
{
    float: left;
    width: 270px;
}

.formitemdouble span, .formitem span, .formitemleft span, .formitemright span
{
    width: 100px;
    display: inline-block;
}

.formitemdouble input, .formitemdouble select
{
    width: 150px;
}

.formitemdouble select
{
    margin-bottom: 2px;
}

.formitem input, .formitem select
{
    width: 150px;
}

.formitem span.Validator, .formitem .ContactInfoLabel
{
    width: 300px;
}

.formitem textarea
{
    width: 370px;
    height: 80px;
}

.formitem .TopAlign
{
	vertical-align: top;
}

.parentDiv
{
    float: left;
    clear: both;
    padding-bottom: 0px;
    margin-bottom: 10px;
    border: 1px solid #D7A730;
}

.categorieDiv
{
    clear: both;
    float: left;
    width: 520px;
    padding-left: 10px;
    background-color: #D7A730;
    margin-bottom: 0px;
}

.categorieDiv a
{
    cursor: pointer;
	color: white;
}

.itemsDiv
{
    width: 520px;
    display: block;
    padding-top: 5px;
    padding-bottom: 10px;
    
}

.itemsDiv span
{
    display: inline-block;
    width: 255px;
    padding-left: 10px;
	padding-bottom: 5px;
}

.itemsDiv input
{
	margin-right: 5px;

}
.tweetraptable td
{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
	color: #000000;
	line-height: 18px;
}

#listitems h3
{ display: inline;}

.addthis_toolbox
{
	font-size: 12px;
}

.Grid650 a
{
	border: 1px solid #D7A730;
	display: block;
	background-color: #ffffff;
	color: #000000;
	width: 180px;
	padding-left: 3px;
	height: 20px;
	padding-top: 4px;
}

.Grid650 .buttoncolumn
{
	padding-left: 10px;
	padding-top: 20px;
}