body{text-align: center;background: #ECECEC url(../img/bg.gif) repeat-x;font: 12px Arial, Helvetica, sans-serif;}

.clear{clear: both;height: 1px;overflow: hidden;}

/* NIET VERWIJDEREN BUG IE7 */
* {
zoom:1;
}

.data th{background: #860040;}
.data td{border-bottom: 1px solid #cecece;}

h2{color:  rgb(135, 0, 129);}
h3 {color: #000;font-size:12px;padding-bottom:5px;}

/* start: container */
#container{margin: 0px auto;text-align: left;width: 945px;position: relative;padding-top: 96px;}
	
	/* Uitleg */
	
	.start {}
	.start .body{background: url(../img/body-bg.gif) repeat-y;padding: 0px 15px 0px 13px;line-height: 17px;color: #646464;}
	.start .left{float: left; width: 400px; padding-left: 20px;}
	.start .right{float: left; width: 400px;}
	
	/* start: header */
		#header{background: url(../img/topic.jpg) no-repeat;height: 140px;}
		#header #logo{position: absolute;left:25px; top: 40px;}
		
		/* nav */
			#header ul{position: absolute;left: 16px;top: 191px;}
			#header ul li{float: left;}
			#header ul li a{display: block;height: 34px;text-indent: -9999px;border-right: 1px solid #FFF;}
			#header ul li a#nav-lees-jezelf-in{width: 226px;background: url(../img/nav-lees-jezelf-in.gif) no-repeat;}
			#header ul li a#nav-waarom{width: 226px;background: url(../img/nav-waarom.gif) no-repeat;}
			#header ul li a#nav-home{width: 226px;background: url(../img/nav-home.gif) no-repeat;}
			#header ul li a#nav-doe-de-check{width: 229px;background: url(../img/nav-doe-de-check.gif) no-repeat;}
			#header ul li a#nav-inloggen{width: 226px;background: url(../img/nav-inloggen.gif) no-repeat;}
			#header ul li a#nav-uitloggen{width: 229px;background: url(../img/nav-uitloggen.gif) no-repeat;}
			#header ul li a#nav-checklist{width: 229px;background: url(../img/nav-checklist.gif) no-repeat;}
			#header ul li a#nav-banners{width: 229px;background: url(../img/nav-banners.gif) no-repeat;}
			#header ul li a#nav-dossiers{width: 229px;background: url(../img/nav-dossiers.gif) no-repeat;}
			#header ul li a#nav-uitloggen-tussenpersonen{width: 229px;background: url(../img/nav-kantoor-uitloggen.gif) no-repeat;}
			#header ul li a#nav-voor-tussenpersonen{width: 226px;background: url(../img/nav-voor-tussenpersonen.gif) no-repeat;}
		
		/* doelgroep */
			#header p#doelgroep{position: absolute;right: 8px;top: 52px;}
			#header p#doelgroep img{float: left;}
	/* end: header */
	
	/* Login */
	    .login {width: 500px; margin: 0 auto; padding: 0 0 0 11px;}
    	.login .item { border-bottom: 1px solid #d5d5d5; height: 27px; padding: 16px 0 16px 24px; }
    	.login .summary {height: 20px; padding: 0 0 0 24px;}
        .login .item .label {color: #ea276e; width: 166px; padding: 5px 0; float: left; }
        .login .item input { background: #f0f0f0; border: 1px solid #d5d5d5; width: 180px; height: 17px; float: left; padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
        .login .validate { background: #f0f0f0; border: 1px solid #FF0000; width: 180px; height: 17px; float: left; padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
        .login .item a {text-decoration: none; width: 14px; height: 14px; float: left; display: block; cursor: pointer; margin: 7px 0 0 23px; }
        .login .active .label { color: #ea276e; }
        .login .active input { border: 1px solid #d5d5d5; }
        .login .submit { height: 20px; padding: 5px 0 16px 190px; }
        .login .submit input { background: #fff; border: 1px solid #860040; width: 188px; height: 27px; float: left; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #860081; }

	/* Mail */
	    
	    .block .body .mail {float: left; width: 640px;padding-left: 60px;}
	
	/* start: block */
		.block{}
		.block .top{height: 16px;background: url(../img/body-top.gif) no-repeat;overflow: hidden;}
		.block .body{background: url(../img/body-bg.gif) repeat-y;padding: 0px 15px 0px 13px;line-height: 17px;color: #646464;}
		.block .body p{padding-bottom: 15px;}
		.block .body a{color: #EA266E;font-weight: bold;}
		.block .body h1{color: #ea266e;font-size: 19px;padding-bottom: 20px;font-weight: normal;}
		.block .body h2{color: #860041;font-size: 14px;padding-bottom: 10px;padding-top: 20px; }
		.block .body h3 {border-bottom: 2px solid #E7E7E7;margin-bottom: 5px;}
		.block .body hr {border-bottom: 2px solid #E7E7E7;margin-bottom: 5px;height: 1px;}
		.block .body h4 {border-top: 2px solid #E7E7E7;color: #EA266E;font-size: 14px;padding: 15px 0px 5px 0px;}
		.block .body h5 {border-bottom: 2px solid #E7E7E7;color: #EA266E;font-size: 14px;padding: 15px 0px 5px 0px;}
		.block .body p{padding-bottom: 10px;}
		.block .body ul{padding-left: 25px;list-style: disc;padding-bottom: 10px;}
		.block .body ul li{padding: 0px 0px 3px 5px;list-style: disc;}
		.block .footer{height: 16px;background: url(../img/body-footer.gif) no-repeat;overflow: hidden;}
		
		/* homeButtons */
			.block .body .homeButtons{float: left;}
			.block .body .homeButtons img{float: left;}
			
		/* homeContent */
			.block .body .homeContent{float: left;width: 195px;padding: 15px 15px 0px;}
			.block .body .homeContent .welcome {color: #EA266E; font-size: 14px; font-weight: bold;}
			
		/* Hoera een hypotheek */
			.block .body .hoeraLeft{ float: left;width: 195px; height: 400px; padding: 15px 15px 0px; border-right: 1px solid #E6E6E6;}
			.block .body .hoeraRight{ float: right; width: 660px; padding: 15px 15px 0px;}
		
		/* content */
			.block .content{float: left; width: 640px; padding: 15px;}
			 ol{padding-left: 25px;list-style: decimal;padding-bottom: 10px;}
			 ol li{padding: 0px 0px 5px 5px;list-style: decimal;}
			
			.block .subcontent{float: left;width: 205px;padding: 15px;font-size: 11px;border-left: 1px solid #D7D7D7;margin-left: -1px;}
		
		/* Kantoor /client aanmaken */
		    .block .body .kantoor .left{float: left; width: 420px; padding: 0 15px 0 20px; border-right: solid 2px #d5d5d5; min-height: 300px;}
		    .block .body .kantoor .right{float: left; text-align: left; width: 440px; padding: 0 0 0 15px; min-height: 280px; }
		    .block .body .kantoor .data{border-right: solid 2px #d5d5d5; float: left; text-align: left; width: 650px; padding: 0 0 0 15px; min-height: 280px; }
		    .block .body .kantoor .zoeken{float: left; text-align: left; width: 210px; padding: 0 0 0 15px; min-height: 280px; }
		    .block .body .kantoor .links{float: left; text-align: left; width: 190px; padding: 0 0 0 15px; min-height: 280px; }
		    .block .body .kantoor .content{color: #000000; float: left; width: 860px; padding: 0 15px 0 20px; border-bottom: solid 2px #d5d5d5; border-left: 5px;}
		    .block .body .kantoor .confirm{float: left; text-align: left; width: 100%; padding: 0 0 0 15px; min-height: 280px; }
		    .block .body .kantoor .empty{width: 440px; float: left; text-align: center;}
		    .block .body .kantoor .aanhef{width: 200px; height: 21px; float: left; padding-top: 6px;}
		    .block .body .kantoor .vraag{width: 200px; height: 21px; float: left; padding-top: 8px;}
		    .block .body .kantoor .antwoord{width: 200px; float: left;}
		    .block .body .kantoor .banners{width: 400px; float: left; padding-left: 10px;}
		    .block .body .kantoor .aangesloten{width: 400px; height: 40px; float: left; padding-top: 8px;}
		    .block .body .kantoor .cb{display: inline-block; width: 60px;}
		    

            .block .body .kantoor .kantoornaam{background: #f0f0f0; border: 1px solid #d5d5d5; width: 173px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333;}
            .block .body .kantoor .kantoornaamactive{background: #f0f0f0; border: 1px solid #FF0000; width: 173px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333;}
            .block .body .kantoor .voorletters{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 25px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .voorlettersactive{ background: #f0f0f0; border: 1px solid #FF0000; width: 25px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .tussenvoegsel{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 40px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .tussenvoegselactive{ background: #f0f0f0; border: 1px solid #FF0000; width: 40px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .naam{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 99px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .naamactive{ background: #f0f0f0; border: 1px solid #FF0000; width: 99px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .postcode{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 50px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .postcodeactive{ background: #f0f0f0; border: 1px solid #FF0000; width: 50px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .huisnummer{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 37px; height: 12px; padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .huisnummeractive{ background: #f0f0f0; border: 1px solid #FF0000; width: 40px; height: 12px; padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .telefoon{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 100px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .telefoonactive{ background: #f0f0f0; border: 1px solid #FF0000; width: 100px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .email{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 173px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .emailactive{ background: #f0f0f0; border: 1px solid #FF0000; width: 173px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .website{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 173px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .websiteactive{ background: #f0f0f0; border: 1px solid #FF0000; width: 173px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .nummer{ background: #f0f0f0; border: 1px solid #d5d5d5; width: 104px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            .block .body .kantoor .nummeractive{ background: #f0f0f0; border: 1px solid #FF0000; width: 104px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333; }
            
            .block .body .kantoor .clientdossier{background: #f0f0f0; border: 1px solid #d5d5d5; width: 173px; height: 12px;  padding: 5px 4px; font: normal 12px Arial, Helvetica, sans-serif; color: #333;}
                        
            .block .body .kantoor .submit { height: 27px; padding: 8px 0 8px 0px; }
            .block .body .kantoor .submit input { background: #fff; border: 1px solid #860081; width: 181px; height: 20px; float: left; padding: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #860081; }
			
		/* nav-list */
			.nav-list{float: left;width: 238px;}
			.nav-list .nav-head {color: #EA266E;font-size: 14px;padding:15px 0 9px 5px;border: 0px !important;height: auto !important;}
			.nav-list ol{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px 0px 0px 5px;padding:0 5px 10px 5px;width:190px;background: #EBEBEB;border: 1px solid #CCCCCC;}
			.nav-list ol li {list-style: none;padding: 4px 0 4px 2px;border-bottom: 1px solid #CCCCCC}
			.nav-list ol li a {color: #666666 !important;font-weight: normal !important;text-decoration: none;}
			.nav-list ol li a:hover {color: #EA266E !important;}
			.nav-list ol li span {color:#999999;display:block;float:left;padding-left:5px;width:30px;}
			.nav-list ol li.active {color:#FFFFFF;font-weight:bold;}
			.nav-footer {font-size:1px;height:14px;}
		
		/* progressbar */
			.progressBar{background: url(../img/progress-bar.gif) no-repeat;padding-top: 25px;height: 8px;}
			.progressBar .bar{background: #860041;height: 8px;overflow: hidden;}
			.progressBar .step2{width: 62px;}
			.progressBar .step2{width: 124px;}
			.progressBar .step3{width: 186px;}
			.progressBar .step4{width: 248px;}
			.progressBar .step5{width: 310px;}
			.progressBar .step6{width: 372px;}
			.progressBar .step7{width: 434px;}
			.progressBar .step8{width: 496px;}
			.progressBar .step9{width: 538px;}
			.progressBar .step10{width: 620px;}
			.progressBar .step11{width: 682px;}
		
		/* start: emForm */
			.emForm{}
			.emForm fieldset{border: 0px;}
			.emForm fieldset legend{font-weight: bold;padding: 10px 0px;font-size: 10px;color: #0089bd;}
			.emForm fieldset .description{padding: 0px;margin: 0px;}
			.emForm fieldset .description p{color: #8F8F8F;padding: 5px 0px 20px 10px !important;margin: 0px;}
			
			.emForm fieldset ol{list-style: none;padding: 0px 0px 5px 0px;margin: 0px;}
			.emForm fieldset ol li{list-style: none;padding: 0px 0px 5px 0px;}
			.emForm fieldset ol li.msgTrigger{clear: both;padding: 10px 0px 5px 10px;}
			.emForm fieldset ol li.msg{clear: both;padding: 0px 5px;margin: 6px 0px 2px 0px;border: 1px solid #999999;background: #FFFFCC;color: #18609c;display: none;}
			.emForm fieldset ol li.element{clear: both;padding: 3px 0px 3px 0px;margin: 0px 0px 2px 0px;}
			
			.emForm fieldset ol li label{font-size:11px;display: block;padding-bottom: 4px;float: left;width: 128px;padding-top: 2px;color: #EB286E;font-weight: bold;}
			.emForm fieldset ol li label.error{display: none !important;}
			
			
			.emForm fieldset ol li.required{background: #FBFFE6;}
			
			/* input */
			.emForm fieldset ol li .input{padding: 1px 0px 0px 1px;}
			.emForm fieldset ol li .input input{}
			
			
			.emForm fieldset ol li .input.text{}
			.emForm fieldset ol li .input.text input{border: 1px solid #C4C4C4;font-size: 11px;padding: 4px 5px;width: 180px;background: #ECECEC;color: #000;}
			.emForm fieldset ol li .input.text input.defaultValue{color: #666666;}
			.emForm fieldset ol li .input.text input.error{border: 1px solid #999999;background: #FFFFCC;}
			
			.emForm fieldset ol li .input.radio{}
			.emForm fieldset ol li .input.radio input{float: left;}
			.emForm fieldset ol li .input.radio label{margin-right: 10px;float: left;padding-top: 3px;font-weight: normal;}
			
			.emForm fieldset ol li .input.checkbox{}
			.emForm fieldset ol li .input.checkbox ol.list{}
			
			/* .view-mode1 */
			.emForm fieldset ol li .input.checkbox.view-mode1 ol.list{width: 100px;background: green;float: left;}
			.emForm fieldset ol li .input.checkbox.view-mode1 ol.list li{float: left;width: 100px;background: red;}
			.emForm fieldset ol li .input.checkbox.view-mode1 ol.list li input{float: left;}
			.emForm fieldset ol li .input.checkbox.view-mode1 ol.list li label{float: left;padding-top: 3px;padding-left: 10px;}
			
			/* .view-mode2 */
			.emForm fieldset ol li .input.checkbox.view-mode2 ol.list{border-top: 2px solid #CCCCCC;margin-bottom: 40px;clear: both;}
			.emForm fieldset ol li .input.checkbox.view-mode2 ol.list li{clear: both;}
			.emForm fieldset ol li .input.checkbox.view-mode2 ol.list li input{float: left;}
			.emForm fieldset ol li .input.checkbox.view-mode2 ol.list li label{float: left;padding-top: 3px;padding-left: 10px;}
			
			
			
			/* select */
			.emForm fieldset ol li .select{}
			.emForm fieldset ol li .select select{width: 210px;font-size: 11px;}
			.emForm fieldset ol li .select.multi{}
			.emForm fieldset ol li .select.multi select{}
			/* textarea */
			.emForm fieldset ol li .textarea{}
			.emForm fieldset ol li .textarea textarea{border: 1px solid #CCC;background:  #fff;font-size: 12px;padding: 3px 5px;margin: 0px;color: #000;width: 255px;height: 150px;}
			.emForm fieldset ol li .textarea textarea.error{border: 1px solid #999999;background: #FFFFCC;}
			
			
			/* buttons */
			.emForm p.buttons{padding: 10px 2px 0px 0px;margin:0px;}
			.emForm p.buttons.alignLabel{
				padding-left: 128px !important;
			}
			/* validate error */
			.emForm fieldset ol li .element label.error{display: none !important;}
			
			.emForm p.buttons.alignRight{text-align: right;}
			.emForm p.buttons.alignCenter{text-align: center !important;}
			.emForm p.buttons input.button{
				border: 1px solid #CCCCCC;
				background: #FFF url(../i/btn-bg.gif) repeat-x;
				font-size: 11px;
				padding: 2px 10px;
				cursor: pointer;
				color: #0C3B7F;
			}
			.emForm p.buttons input.button.cancel{}
			.emForm p.buttons input.button.submit{}
		/* end: emForm */
		
		/* vragen */
			.vragen{float: left;width: 660px;padding-top: 20px;}		
			.vragen .block .content ol{padding-left: 25px;list-style: decimal;padding-bottom: 10px;}
			.vragen .block .content ol li{padding: 0px 0px 15px 5px;list-style: decimal;}	
			.summary{clear: both;padding-right: 5px;}
			
		/* buttons */
			.previous{background: #FFF;border:1px solid #CECECE;color:#000;float:left;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:normal;margin-top:10px;position:relative;right:8px;text-align:center;width:175px;cursor: pointer;}
			.next{background: #FFF;border:1px solid #CECECE;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:normal;margin-top:10px;position:relative;right:8px;text-align:center;width:175px;cursor: pointer;}
			.save input{color:#EA266E;background: #FFF;border:1px solid #CECECE;color:#EA266E;float:right;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;height:27px;line-height:normal;text-align:center;width:175px;cursor: pointer;}

		.block .footer{color: #666;font-size: 11px;height: 50px;background: url(../img/body-footer.gif) no-repeat;padding: 15px 25px;}
        .block .footer a{color: #666;font-size: 11px;text-decoration: none;}
        .block .footer a:hover{text-decoration: underline;}
        
        body div.footer p#afm {
            float:left;
            padding-top: 8px;
        }
        
        body div.footer p#bescherming-persoonsgegevens {
            background:transparent url(../img/logo-college-bescherming-persoonsgegevens.gif) no-repeat scroll right 3px;
            float:right;
            padding-right:169px;
            padding-top:8px;
        }
        
        body div.footer p#bescherming-persoonsgegevens span {
            display:none;
        }
        
        body div.footer p#copyright {
            float:right;
            padding-top: 8px;
        }

	/* end: block */
	
/* end: container */