/* Created by Kevin Steba ;-) */
/* Last Modifed on 13-05-2008 */

/* start: basis html elements */
html, body, div,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

body{background: #F5F5F5 url(../images/lente/bg.gif) repeat-x;font-size: 12px;color: #000;text-align: center;}
body#intro{background-color: #FF3F00;}
color3{color: #BEBEBE !important;}
a{color: blue;}
a:hover{red;}
/* end: basis html elements */
#header1{
	position: absolute;
	left: 0px;
	top: 0px;
}
#header2{
	position: absolute;
	left: 0px;
	top: 94px;
}
#header_left{
	position: absolute;
	left: -7px;
	top: -7px;
	z-index: 99;
}

#header_right{
	position: absolute;
	left: 647px;
	top: -3px;
}


/* start: container */
div#container_top{
	width: 656px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 94px;
	background: url(../images/lente/container_top.gif) no-repeat;
	height: 13px;
}
div#container_bottom{
	width: 656px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/lente/container_bottom.gif) no-repeat;
	height: 23px;
}	
div#container{
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 18px;
	padding-right: 18px;
	background: url(../images/lente/bg2.gif) repeat-y;
	position: relative;
}	
	/* start: header */
	div#container div#header{
		padding-bottom: 106px;
		position: relative;
		background: url(../images/lente/toppic.jpg) no-repeat left bottom;
	}
		/* start: h1 */
		div#container div#header h1{
			background: #ED6F08;
			color: #FFF;
			font-weight: bold;
			padding: 5px 0px 5px 19px;
			font-size: 12px;
			border-bottom: 1px solid #FFF;
		}
		/* end: h1 */
		div#container div#header a{
			color: #FFF; 
			font-weight: bold;
		}
	/* end: header */
	
	/* start: content */
	div#container div#content{
		padding-left: 10px;
		background: url(../images/content_bg.gif) no-repeat 0px bottom;
		padding-bottom: 10px;
		
	}
		div#container div#content h2{		
			font-size: 17px;
			color: #9A3287;
			margin-top: 25px;
			padding-bottom: 10px;
			font-weight: bold;
		}
		div#container div#content p{
			padding-bottom: 19px;
			line-height: 16px;
			font-size: 11px;
		}
	/* end: content */
	
	/* start: edities */
	div#container div#edities{
		margin: 15px;
		float: right;
		background: #FFF;
	}
		div#container div#edities .editie{
			width: 175px;
			border-left: 1px solid #E3E3E3;
			float: left;
			padding: 10px 0px 0px 0px;
		}
			div#container div#edities .editie h2{
				padding-left: 10px;
				font-size: 17px;
				color: #B0CA35;
				font-weight: bold;
			}
			div#container div#edities .editie .beschrijving{
				padding-left: 10px;
				padding-right: 15px;
				padding-top: 15px;
				font-size: 11px;
				font-weight: bold;
				padding-bottom: 10px;
			}
			div#container div#edities .editie #februari{
				background: url(../images/thumb_februari.gif) no-repeat 1px bottom;
			}
			div#container div#edities .editie #mei{
				background: url(../images/thumb_mei.gif) no-repeat 1px bottom;
			}
			div#container div#edities .editie #augustus{
				background: url(../images/thumb_augustus.gif) no-repeat 1px bottom;
			}
			div#container div#edities .editie #oktober{
				background: url(../images/thumb_oktober.gif) no-repeat 1px bottom;
			}
				div#container div#edities .editie .beschrijving li{
					padding-bottom: 10px;
					color: #717171;
				}
			div#container div#edities .editie .inzien a{
				display: block;
				float: left;
				padding: 4px 25px;
				background: #E3E3E3;
				text-decoration: none;
				color: #983285;
				font-size: 11px;
				text-align: center;
				width: 100px;
				margin-bottom: 10px;
				font-weight: bold;
			}
	/* end: edities */
	
	/* start: magazine */
	div#container div#magazine_terug{
		margin: 14px 5px 7px 0px;
		text-align: center;
	}
		div#container div#magazine_terug a{
			color: #C4C4C4;
			text-decoration: none;
			
		}
			div#container div#magazine_terug a:hover{
				color: #000;
			}
	div#container h2.magazine{
		color: #963386;
		padding: 10px 0px 0px 10px;
		width: 300px;
	}
	div#container div#magazine{
		margin: 20px 0px 20px 10px;	
		padding: 4px 2px 4px 4px;
		border: 1px solid #E3E3E3;
	}
	/* end: magazine */
	
	/* start: footer */
	div#container div#footer{
		clear: both;
		background: #B0CA35;
		color: #FFF;
		font-size: 11px;
		padding: 10px;
	}
		div#container div#footer ul{
			padding-top: 5px;
		}
			div#container div#footer ul li{
				padding-top: 1px;
				float: left;
				padding-left: 5px;
			}
				div#container div#footer ul li a{
					color: #FFF;
					text-decoration: none;
				}
				div#container div#footer ul li a:hover{
					text-decoration: underline;
				}
	/* end: footer */
/* end: container */


/* start: formulier (25-06-2007) */
	body form.tpl_formulier {
		margin: 15px 0px;
		padding:0px;
	}
		/* group */
		body form.tpl_formulier div.group{
			padding: 0px 0px 0px 0px;
		}
		body form.tpl_formulier div.itemsBlock{
			border-bottom: 1px solid #EAEAEA;
			padding-top: 5px;
		}
			/* groupname */
			body form.tpl_formulier div.group div.groupName{
				padding: 15px 0px 2px 0px;
				font-weight: bold;
			}
			/* end groupname */
			
			/* item */
			body form.tpl_formulier div.item{
				position: relative;
				padding: 10px 0px;
				border-bottom: 1px solid #EAEAEA;
				float: left;
				width: 100%;
			}
			html>body form.tpl_formulier div.item{
				float: none;
			}
			body form.tpl_formulier div.itemsBlock div.item{
				border-bottom: 0px;
			}
				/* label */
				body form.tpl_formulier div.item label{
					float: left;
					width: 180px;
					padding-top: 2px;
					padding-left: 25px;
					cursor: pointer;
				}
					/* noStyle*/
					body form.tpl_formulier div.item label.noStyle{
						float: none;
						width: auto; 
						padding: 0px;
						padding-right: 10px;
					}
					/* noFor*/
					body form.tpl_formulier div.item label.noFor{
						cursor: default;
					}
				/* end label */
				/* verplicht */
				body form.tpl_formulier div.verplicht input{
					background: #FDFFC5;
				}
				/* end verplicht */
				/* text */
				body form.tpl_formulier div.item input.text{
					width: 207px;
					border: 1px solid #DBDBDB;
					font-size: 100%;
					padding: 3px 10px;
				}
				body form.tpl_formulier div.item input.text:focus, 
				body form.tpl_formulier div.item input.sffocus {
					border: 1px solid #B0CA35;
					color: #990000;
				}
				/* end text */
				/* select */
				body form.tpl_formulier div.item select{
					width: 185px;
					font-size: 100%;
				}
				body form.tpl_formulier div.item select:sffocus, 
				body form.tpl_formulier div.item select:sffocus select.sffocus {
					background: #FFFCFC;
					
				}
				/* end select */
				/* textarea */
				body form.tpl_formulier div.item textarea{
					width: 359px;
					height: 120px;
					border: 1px solid #DBDBDB;
				}
				body form.tpl_formulier div.item textarea:focus, 
				body form.tpl_formulier div.item textarea.sffocus {
					border: 1px solid #B0CA35;
				}
				/* end textarea */
				/*marginLeft */
				body form.tpl_formulier div.item .marginLeft{
					margin-left: 213px;
				}
					html>body form.tpl_formulier div.item .marginLeft{
						margin-left: 215px;
					}
				/* end marginLeft */
				/* wachtwoord vergeten */
				body form.tpl_formulier div.item span.info{
					padding-left: 25px;
					background: url(../images/front/icon_help.gif) no-repeat 5px 0px;
				}
				/* end wachtwoord vergeten */
			/* end item */
			/* scheiding */
			body form.tpl_formulier div.scheiding{
				background: url(../images/front/form_scheiding.gif) repeat-x center;
				vertical-align: middle;
				padding-left: 10px;
			}
				body form.tpl_formulier div.scheiding span{
					background: #FFF;
					padding: 0px 4px;
				}
			/* extra_space */
			body form.tpl_formulier div.extra_space{
				padding-bottom: 20px;
			}
			/* end extra space */
	/* end group */
/* end: formulier */

/* start: buttons */
div.tpl_buttons{
	padding-right: 20px;
}
	div.tpl_buttons input.button{
		border: 1px solid #DBDBDB;
		background: #FFF;
		padding: 2px 15px;
		font-weight: bold;
		font-size: 11px;
		margin: 10px;
		cursor: pointer;
		color: #B0CA35;
	}
	div.tpl_buttons input.button:hover,
	div.tpl_buttons input.button.sfhover{		
		background: #B0CA35;
		color: #FFF;
	}
/* end: buttons */