@import url("acceptatie.css");

/* lay-out */
html {
	height : 100%;
}
	body { 
		height : 100%;
		padding : 0px;
		background-color : #ffffff;
		font-size : 62.5%;
		background-image: url(../images/bg_lancyr.gif);
		background-position: top center;
		background-repeat: no-repeat;
	}
	body.home {
		min-height : 100%;
		padding : 0px;
		background-color : #ffffff;
		font-size : 62.5%;
		background-image: url(../images/bg_home.jpg);
		background-position: top center;
		background-repeat: no-repeat;			
	}
			#skip {
				position : absolute;
				top : -10em;
			}
			#canvas {
				min-height : 100%;
				width: 1004px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom : -8em;
				position: relative;
			}
				#header {
					height: 88px;
					padding: 0em 0em 0em 0em;
					margin : 0em 0em 0em 0em;
				}
					#headerArea {
						float: left;
						width : 724px;
						padding: 0em 0em 0em 0em;
						margin : 0em 0em 0em 0em;
					}
					#meta {
						float: left;
						padding: 1.6em 0em 1em 2em;
						margin : 0em 0em 0px 0em;
						width: 510px;
						position: absolute;
						top: 0px;
						right: 0px;
						z-index: 100;
					}
						#waarborglogo
						{
							position:absolute;
							right:10px;
							top:10px;
						}
						#meta ul {
							padding: 0em 0em 0em 0em;
							margin : 0em 0em 0px 0em;										
						}
						#meta li {
							float: left;
							list-style-type: none;
							padding: 0em 10px 0em 6px;
							margin : 0em 0em 0px 0em;
							background-image: url(../images/divider.gif);
							background-repeat: no-repeat;
							background-position: right 5px;		
						}
						#meta li.last {
							float: left;
							list-style-type: none;
							padding: 0em 10px 0em 6px;
							margin : 0em 0em 0px 0em;
							background-image: none;
						}
							#meta a:link, 
							#meta a:visited {
								text-decoration : none;
								color : #9a0174;
								font-weight: normal;
							}
							#meta a:hover, 
							#meta a:active {
								text-decoration : none;
								color : #000000;
							}
							#meta a.small {
								font-size: 90%;	
							}
							#meta a.medium {
								font-size: 110%;	
							}
							#meta a.large {
								font-size: 136%;	
							}
							#meta input {
								border: solid 1px #9a0174;
								color: #9a0174;
								height: 14px;
								width: 12em;
								padding: 0px 0px 0px 4px;
								margin : 0px 0em 0px 0px;		
							}
							#meta input.btn {
								height: 18px;
								width: 	auto;
								padding: 0em 0px 0em 0px;
								margin : 0px 0em 0px 4px;
								border: none;
								background-color: #fff;	
							}
							#meta input.btnhome {
								height: 18px;
								width: 	auto;
								padding: 0em 0px 0em 0px;
								margin : 0px 0em 0px 4px;
								border: none;
								background-color: #999;	
							}
				#visual {
					padding: 0em 0px 0em 0px;
					margin : 0px 0em 0px 0px;
				}
				#actiecontent {
					padding: 0em 0px 0em 0px;
					margin : 0px 0em 0px 0px;
					position : absolute;
					top: 186px;
					left: 764px;					
				}
				#navigation {
					position : absolute;
					top: 252px;
					width: 550px;
					padding: 7px 0px 16px 130px;
					margin: 0px 0px 0px 0px;
					
					z-index:999;

				}
					.foldOutMenu {
						margin : 0px;
					}
						.foldOutMenu li {
							list-style-type : none;
							font-size : 110%;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							float: left;
						}
							.foldOutMenu li a {
								padding : 0em 0em 0em 0em;
								margin: 0em 0em 0em 0em;
								color : #ffffff;
								text-decoration : none;
								font-weight : normal;
							}
								.foldOutMenu li a:link,
								.foldOutMenu li a:visited {
									color : #ffffff;
									text-decoration : none;
								}
								.foldOutMenu li a:hover,
								.foldOutMenu li a:active {
									color : #ffffff;
									text-decoration : underline;
								}

				#body {
					width : 1004px;
					padding-bottom : 0em;
				}
					#text {
						width : 100%;
						font-size : 110%;
					}
						#text div.margin {
							padding : 2em 0em 2em 1em;
						}
						#text div.margin #kolom1 {
							color: #fff;
							float: left;
							width: 220px;
							margin: 3.6em 0em 0em 0em;
							padding: 0em 0em 0em 0em;	
						}
							#text div.margin #kolom1 ul {
								margin: 0px 0em 0em 1.6em;
								padding: 0em 0em 0em 0em;	
							}							
						#text div.margin #kolom2 {
							color: #000000;
							float: left;
							width: 535px;
							margin: 0em 3.6em 0em 0em;
							padding: 0em 0em 0em 0em;
						}
						/*	#kolom2 img{float:right;clear:left;margin-left:15px;} */
						/*	#kolom2 ul img{float:none;clear:left;margin-left:0px;} */

						#text div.margin #kolom2 div.path {
							margin: 0em 0em 0.5em 0em;
							padding: 0em 0em 0em 0em;
							width: 530px;
							color: #9a0174;
						}
						#text div.margin #kolom2 div.path .current {
							color: #000;
							font-weight:bold;							
						}
						#text div.margin #kolom2 div.print {
							margin: 0em 0em 0em 0em;
							padding: 0em 0em 0em 0em;
							/*float: right;
/*							//width: 40px;*/
							position:absolute;
							top: 280px;
							left: 735px;
						}
						
						#text div.margin #kolom2 ul li
						{
							margin: 0 0 0 15px;
							padding: 0 0 0 15px;
							list-style: disc;
							list-style-image:url(../Images/img_bullet.jpg);
							line-height: 1.3em;
						}		
				
							#text div.margin #kolom2 div.path a:link, 
							#text div.margin #kolom2 div.path a:visited {
								text-decoration : underline;
								color : #9a0174;
								font-weight: normal;
								margin: 0px 0px 0px 0px;
								padding: 0px 0px 0px 0px;
							}
							#text div.margin #kolom2 div.path a:hover, 
							#text div.margin #kolom2 div.path a:active {
								text-decoration : underline;
								color : #000000;
							}	
							#text div.margin #kolom2 table.bereken {
								margin: 0em 0em 1em 0em;
								padding: 0em 0em 0em 0em;
								vertical-align: middle;
							}
							#text div.margin #kolom2 table.bereken td.bg {
								margin: 0em 0em 0em 0em;
								padding: 0em 0em 0.4em 0em;
								background-image: url(../images/bg_table.gif);
								background-repeat: repeat-x;
								background-position: left bottom;
							}
							#text div.margin #kolom2 table.bereken td.first {
								width: 200px;
								margin: 0em 0em 0em 0em;
								padding: 0.6em 0em 0em 0em;
							}
							#text div.margin #kolom2 table.bereken td {
								width: 200px;
								margin: 0em 0em 0em 0em;
								padding: 0em 0em 0em 0em;
							}
							#text div.margin #kolom2 table.berekening {
								margin: 0em 0em 0em 0em;
								padding: 0em 0em 0em 0em;
							}
							#text div.margin #kolom2 table.berekening td {
								margin: 0em 0em 0em 0em;
								padding: 0em 1.4em 0.6em 0em;
							}						
						#text div.margin #kolom3 {
							color: #000;
							float: left;
							width: 180px;
							margin: 3.6em 0em 0em 0em;
							padding: 0em 0em 0em 0em;
						}
							#text div.margin #kolom3 p {
								margin: 0em 0em 2em 1.3em;
								padding: 0em 0em 0em 0em;
							}
			#footer {
				height : 2em;
				margin-left : auto;
				margin-right : auto;
				width: 1004px;
			}
			#footer1 {
				height : 2em;
				margin-left : auto;
				margin-right : auto;
				width: 1004px;
				position: absolute;
				top: 600px;
			}
				#footernav {
					position : relative;
					width : 100%;
					min-width : 750px;
					max-width : 1000px;
				}
				#footernav #actie {
					margin: 0px 0em 2em 1em;
					padding: 0em 0em 0em 0em;	
				}
				#footernav ul {
					padding: 0em 0em 0em 0em;
					margin : 0em 0em 0px 1em;										
				}
				#footernav li {
					float: left;
					list-style-type: none;
					padding: 0em 10px 0em 6px;
					margin : 0em 0em 0px 0em;
					background-image: url(../images/divider.gif);
					background-repeat: no-repeat;
					background-position: right 5px;		
				}
				#footernav li.last {
					float: left;
					list-style-type: none;
					padding: 0em 10px 0em 6px;
					margin : 0em 0em 0px 0em;
					background-image: none;
				}
					#footernav a:link, 
					#footernav a:visited {
						text-decoration : none;
						color : #9a0174;
						font-weight: normal;
					}
					#footernav a:hover, 
					#footernav a:active {
						text-decoration : none;
						color : #000000;
					}
/*nieuws*/
#kolom2 ul.nieuws{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	#kolom2 ul.nieuws li{
		margin:0px 0px 19px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		list-style-image:none;
	}
	
	/*#kolom2 img{float:right;clear:left;margin-left:15px;}*/
	/*#kolom2 ul img{float:none;clear:left;margin-left:0px;}*/
	
/*nieuws*/

/*search*/
div.pager{
	background-image:url(../images/bg_divider.gif);
	height:30px;
	background-repeat:repeat-x;
	background-position:left bottom;
	padding:6px 0px 0px 0px;
	margin:6px 0px 0px 0px;
	color : #a51c28;	
	}

div.pager ul{
	margin:0px 0px 0px 80px;
	padding:0px 0px 0px 0px;
	float:left;
	}
	#kolom2 div.pager ul li{
		margin:0px 0px 10px 0px;
		padding:0px 2px 0px 2px;
		list-style:none;
		list-style-image:none;
		float:left;
	}
	div.pager ul li a{
		margin:0px 0px 0px 0px;
		padding:0px 2px 0px 0px;
		}
		
	div.pager ul li a.actief{font-weight:bold; color:#000; text-decoration:none;}	
		
	div.pager a.back{
		float:left;
		}
	div.pager a.more{
		float:right;
		}

#kolom2 ul.search{
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}
	#kolom2 ul.search li{
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		list-style-image:none;
	}
/*search*/
/*sitemap*/
 ul.sitemap ul{
	margin:0px 0px 0px 20px;
	}





/*sitemap*/

/* other styles */
.right {
	float: right;	
}
.left {
	float: left;	
}
.intro {
	font-weight: bold;
		
}
.highlight {
	background-color: #f1d1e7;
	padding: 8px 14px 14px 14px;
	margin: 14px 0px 0px 0px;	
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/* RNE (12-12-2006): Extra style voor homepage tabel (koppen e.d.) */
.homeTitel
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #b91985;
	margin: 10px;
}

.homeTabel
{
	text-align: left;
	margin: 10px;
}

.HTMLblokImage
{
	text-align: left;
}

.div_border_padding
{
	padding: 5px;
	background-color: #CCCCCC;
	border: solid 1px #000000;
}

body.popupBody 
{ 
	height : 100%;
	padding : 0px;
	background-color : #ff00ff;
	font-size : 62.5%;
	background-position: top center;
	background-repeat: no-repeat;
}

.uiButton
{
	background-color: #FFFFFF;
	border: solid 1px #9a0174;
	color: #b91985;
	height: 20px;
	width: 12em;
	padding: 0px 0px 0px 4px;
	margin : 0px 0em 0px 0px;
}

.mailFormLabel
{
	height: 13px;
	vertical-align: middle;
}

.mailFormField
{
	height: 13px;
	vertical-align: middle;
}

.mailFormRadio
{
	height: 5px;
}

.mailFormLabelRadio
{
	height: 5px;
}

.mailFormRadiobutton
{
	margin-bottom: 0px;
}

/* Toegevoegd om SingleImageplaceholder goed te tonen */
#imgplaceholder img
{
float:none;
clear:none;
margin: 0 0 0 0;
}

.rtae_table
{
height: 101px;
width: 224px;
background:url('../images/rtae_table_bg.gif');
background-repeat: no-repeat;
/*display: none;*/
}

.rtae_table_center
{
	width: 220px;
	height: 0px;
	padding-right: 30px;
	overflow: hidden;
}

span#rtae1
{
	position: relative;
	top: 13px;
	left: 110px;
	font-family: Verdana;
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 5 0 0;	
}

span#rtae2
{
	position: relative;
	top: 5px;
	left: 15px;
	font-family: Verdana;
	font-size: 1.2em;
	font-weight: bold;
}

span#rtae3
{
	position: relative;
	top: 5px;
	left: 90px;
	font-family: Verdana;
	font-size: 1.0em;
}

.cmsHelpText
{
	font-size: 12px;
	color: Black;
	padding: 3px;
	border: solid 2px #9a0174;
	border-right: solid 25px #9a0174;
	font-weight:normal;
	margin: 10 0 4 0;
}

.actionBox
{
	border: solid 2px #000000;
	padding: 5px;
	margin-top: 5px;
}

h6
{
color: #000000;
font-size: 1.0em;
}

/* ALLE sIFR ELEMENTEN */

#container
{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#container table
{
background:url('../images/logo_lancyr.gif');
background-repeat: no-repeat;
}

#container h3 
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 0em;
	line-height: 1em;
	font-size: 38px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -38px 25px;
	visibility: hidden;
}

/* nodig voor tooltip icons */
.formtable img
{
	float: right;
	clear: left;	
}

#kolom3 .rightContentText
{
	/*margin-left: 15px;*/
}
#actie
{
	display: none;
}

#kolom1 a:link,
#kolom1 a:hover, 
#kolom1 a:visited, 
#kolom1 a:active
{
	text-decoration: none;

}

/* Styles errormessage*/
.errorMsg
{
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}

/* Styles voor Backbutton */
#backbutton a, #backbutton a:link, #backbutton a:active, #backbutton a:visited
{
	display: block;
	text-decoration:none;
	margin-top:5px;
	height:30px;
	width:60px;
	background:url('../images/BUT_terug_knop.gif');
	background-position:left middle;
	background-repeat:no-repeat;
}
#backbutton a:hover
{
	display: block;
	text-decoration:none;
	background:url('../images/BUT_terug_knop_MO.gif');
	background-position:left middle;
	background-repeat:no-repeat;
}

#phHomepageContent *
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	line-height:180%;
	font-size:13px;
}

/* Styles t.b.v. helpteksten Certigo en MCMS*/
#overDiv table, #overDiv table td
{
	padding:2px;
	margin:0px;
}
#overDiv table tr td
{
    color: #9A0174;
}
#overDiv table, #overDiv table
{
	padding:2px;
	margin:0px;
	border-collapse:separate;
}
#overDiv ul
{
    /*margin: 0px;*/
    padding: 15px 0px 5px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;	
    color: #9A0174;
}
#overDiv ul li
{
      color: #9A0174;
      list-style-type: square;
}

#overDiv
{
      border: solid 1px #9A0174;
}
.HulpSpan
{
	display:none;
}