@charset "utf-8";
/* CSS Document Algemeen */

/**************************************************************
** Algemene Styles
***************************************************************/
body{
	background:#edeef0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8a8a8a;
	/* Margin en padding nodig om Popup laag overlay te krijgen in IE 6, dus het liefst laten staan */
	margin:0px;
	padding:0px;
	}

a{ color:#ec1494; text-decoration:none;}
a:hover{ color:#ec1494; text-decoration:underline;}
p{ margin:0 0 14px 0; padding:0px;}	
img{ border:none;}
form{ margin:0px; padding:0px;}

h1{ font-size:44px; line-height:48px;}
h2{ font-size:38px; line-height:42px;}
h3{ font-size:32px; line-height:36px;}
h4{ font-size:26px; line-height:30px;}
h5{ font-size:20px; line-height:24px;}
h6{ font-size:14px; line-height:20px;}

h1, h2, h3, h4, h5, h6{ margin:0 0 5px 0; padding:0px; text-transform:uppercase;}

h6{
	background:url(../Images/pijltje_heading.jpg) 0px 6px no-repeat;
	min-height:12px;
    height:auto !important;
	height:12px;
	margin:0px;
	padding:0 0 0 10px;
	}

.pngfix{ behavior:url(http://www.drukkerijkoopmans.com/Include/iepngfix.htc);}
.clear{ clear:both; height:0px; font-size: 1px;}
.transparantie_10{ filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1;}
.transparantie_20{ filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2;}
.transparantie_30{ filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.transparantie_40{ filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.transparantie_50{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.transparantie_60{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.transparantie_70{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.transparantie_80{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.transparantie_90{ filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.transparantie_100{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

.blauw{ color:#1b1464;}
.paars{ color:#6a6698;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{
	background:#ffffff;
	width:904px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:30px auto 0 auto;
	padding:0 0 25px;
	border:1px solid #cfd0d2;
	}
#header{
	background:url(../Images/header_bg.jpg) no-repeat;
	width:904px;
	height:145px;
	margin:0px;
	padding:0px;
	}
#menu{
	background:#f2f2f2;
	width:904px;
	height:26px;
	margin:0px;
	padding:0px;
	}
#links{
	width:685px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:24px 0 0 0;
	padding:0px;
	float:left;
	}
#rechts{
	width:219px;
	min-height:600px;
    height:auto !important;
	height:600px;
	margin:24px 0 0 0;
	padding:0px;
	float:left;
	}
#footer{
	width:906px;
	min-height:20px;
    height:auto !important;
	height:20px;
	margin:18px auto 0 auto;
	padding:0px;
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
	}
#footer a{
	color:#8a8a8a;
	text-decoration:none;
	font-weight:bold;
	}
#footer p{
	text-align:center;
	}
	
/**************************************************************
** Header styles
***************************************************************/
#gegevens{
	width:198px;
	height:32px;
	margin:11px 0 0 0;
	padding:0px;
	float:right;
	font-size:11px;
	}
	
/**************************************************************
** Menu styles
***************************************************************/
#menu ul{
	width:886px;
	height:20px;
	margin:0px;
	padding:6px 0 0 0;
	float:left;
	list-style: none;
	}
#menu ul li{
	position:relative;
	height:20px;
	margin:0px;
	padding:0px;
	float:left;
	display: inline;
	}
#menu ul li.pijltje{
	background:url(../Images/pijltje_menu.gif) no-repeat;
	width:12px;
	height:20px;
	margin:0px;
	padding:0px;
	float:left;
	}
#menu ul li a{	
	min-width:47px;
	width: auto !important;
	width: 47px;
	height:16px;
	margin:0px;
	white-space: nowrap;
	display: block;
	float: left;
	position: relative;
	padding:4px 2px 0 2px;
	color:#8a8a8a;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	}
#menu ul li a:hover{
	background:#6fc789;
	min-width:47px;
	height:16px;
	margin:0px;
	padding:4px 2px 0 2px;
	color:#edeef0;
	text-decoration:none;
	}
#menu ul li a.aan{	
	background:#6a6698 !important;
	min-width:47px;
	height:16px;
	margin:0px;
	padding:4px 2px 0 2px;
	color:#edeef0;
	}
#menu ul li SPAN IMG{
	width: 38px;
}
#menu ul li SPAN#n7 IMG, #menu ul li SPAN#n8 IMG, #menu ul li SPAN#n9 IMG{
	width: 80px;
}
#n1, #n2, #n3, #n4, #n5, #n6, #n7, #n8, #n9{
	position:absolute;
	background:#22ae4c;
	width:100%;
	margin:0px;
	left: 0; top: 20px;
	display: block;
	padding:46px 0 0 0;
	overflow:hidden;
	text-align:center;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
#n1.aan, #n2.aan, #n3.aan, #n4.aan, #n5.aan, #n6.aan, #n7.aan, #n8.aan, #n9.aan{
	background:#1b1464;
	}
#zoeken{
	width:196px;
	height:24px;
	margin:0px;
	padding:2px 0 0 18px;
	float:left;
	}
.invulveld_zoeken{
	background:#ffffff;
	width:141px;
	height:18px;
	margin:0px;
	padding:2px 2px 0 8px;
	border:1px solid #7f9db9;
	float:left;
	color:#8a8a8a;
	}
	
/**************************************************************
** Links styles
***************************************************************/
#grote_foto{
	width:685px;
	height:360px;
	margin:0px;
	padding:0px;
	}
#grote_foto_WK{
	background-color:#fe9a04;
	color:#000000;
	padding:5px 5px 5px 25px;
	width:655px;
	height:350px;
}
#grote_foto img{
	height:340px;
	}
#content{
	width:659px;
	min-height:50px;
    height:auto !important;
	height:50px;
	margin:0px 0 0 26px;
	padding:0px;
	display:inline;
	float:left;
	}
.home_links{
	width:341px;
	min-height:10px;
    height:auto !important;
	height:10px;
	margin:0 0 20px 0;
	padding:0px;
	float:left;
	}
.home_rechts{
	width:318px;
	min-height:10px;
    height:auto !important;
	height:10px;
	margin:0 0 20px 0;
	padding:0px;
	float:left;
	}
.home_links p{
	padding:0 20px 0 0;
	}
.home_links ul{
	width:322px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
.home_links ul li a{
	background:#f2f2f2;
	width:290px;
	height:18px;
	margin:0 0 2px 0;
	padding:3px 10px 0 22px;
	display:block;
	color:#8a8a8a;
	overflow:hidden;
	}
img.lijn{
	margin:0px;
	padding:0px;
	float:left;
	}
.login_formulier{
	margin:10px auto 10px auto;
	color:#1b1464;
	cursor:pointer;
	}
.invulveld_login{
	background:#ffffff;
	width:151px;
	height:20px;
	border:1px solid #7f9db9;
	color:#8a8a8a;
	cursor:pointer;
	}
.invulveld_nieuwsbrief{
	background:#ffffff;
	width:222px;
	height:20px;
	border:1px solid #7f9db9;
	color:#8a8a8a;
	}
	
/**************************************************************
** Rechts styles
***************************************************************/
#content_rechts{
	width:195px;
	min-height:10px;
    height:auto !important;
	height:10px;
	margin:0px;
	padding:0px;
	float:right;
	}
.grijs_vak{
	background:#f2f2f2;
	width:195px;
	min-height:10px;
    height:auto !important;
	height:10px;
	margin:8px 0 20px 0;
	padding:0px;
	text-align:center;
	}
.rechts_link{
	margin:6px 0px 3px 0px;
	}
#content_rechts ul{
	width:195px;
	margin:0 0 20px 0;
	padding:0px;
	list-style-type:none;
	}
#content_rechts ul li a{
	background:#f2f2f2;
	width:163px;
	height:18px;
	margin:0 0 2px 0;
	padding:3px 10px 0 22px;
	display:block;
	color:#8a8a8a;
	overflow:hidden;
	}
#foto_hoekje{
	width:174px;
	margin:0 auto 0 auto;
	padding:0 0 12px 0;
	}
#foto_hoekje img{
	width:52px;
	margin:12px 3px 0 3px;
	padding:0px;
	float:left;
	}
	
/**************************************************************
** Formulieren Styles
***************************************************************/
table.contactform{
	margin:14px 0 0 0;
	padding:0px;
	}
input.contactform{
	background:#ffffff;
	width:269px;
	height:18px;
	margin:0px;
	padding:0px;
	float:left;
	border:1px solid #6a6698;
	}
textarea.contactform{
	background:#ffffff;
	width:269px;
	height:118px;
	margin:0 0 10px 0;
	padding:0px;
	border:1px solid #6a6698;
	}
input.contactform_submit{
	background:#ffffff;
	border:1px solid #6a6698;
	cursor:pointer;
	}
	
/**************************************************************
** Fotoboek "Lightbox" Styles
***************************************************************/
#overlay{
	background:#000000;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	cursor:pointer;
	}
#lightbox{
	position:absolute;
	left:0px;
	top:20px;
	width:100%;
	z-index:2;
	text-align:center;
	line-height:0px;
	}
#AfbeeldingContainer, #AfbeeldingDataContainer{
	background:#ffffff;
	position:absolute;
	left:50%;
	overflow:hidden;
	}
#Image{
	margin:0 auto 0 auto;
	padding:0px;
	display:block;
	border:10px solid #ffffff;
	}
.Laden{
	background:url(../Images/Buttons/loading.gif) no-repeat center #ffffff;
	}
#VorigeLink, #VolgendeLink{
	display:block;
	position:absolute;
	top:0px;
	width:50%;
	outline:none;
	}
#VorigeLink{
	left:0px;
	}
#VorigeLink:hover{
	background:transparent url(../Images/Buttons/vorige_btn.gif) no-repeat 0% 15%;
	}
#VolgendeLink{
	right:0px;
	}
#VolgendeLink:hover{
	background:transparent url(../Images/Buttons/volgende_btn.gif) no-repeat 100% 15%;
	}
#AfbeeldingData{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:1.4em;
	text-align:left;
	margin:0px;
	padding:0 10px 0 10px;
	}
#AfbeeldingDetails{
	width:70%;
	float:left;
	text-align:left;
	}	
#Titel{
	font-weight:bold;
	}
#NummerDisplay{
	display:block;
	clear:left;
	padding-bottom:1.0em;
	}			
#Close{
	background:transparent url(../Images/Buttons/close_btn.gif) no-repeat center;
	display:block;
	float:right;
	width:66px;
	height:22px;
	margin:5px 0 5px 0;
	padding:0px;
	}
	
	
	
	
	
	
.verhuizing_aankondiging{
	width:659px;
	float:left;
	margin:0px 0px 20px 0px;
	display:inline;
}
#verhuisad{
	border-left:solid 20px #FFFFFF;
}
.verhuis_shout{
	color:#1b1464;
	font-weight:bold;
	font-size:16px;
}
.verhuis_naw{
	color:#1b1464;
	font-weight:bold;
	font-size:12px;
}




/**************************************************************
** Fotoboek overzichtspagina Styles
***************************************************************/
#foto_album{
	background:#e8e7ef;
	width:647px;
	min-height:200px;
    height:auto !important;
	height:200px;
	margin:0px;
	padding:6px;
	}
#foto_album H6{
	background:none;
	padding:0px;
	color:#eb0a94;
	}
.foto_vak{
	background:#4a4585;
	width:101.8px;
	padding:0px 0px 6px 0px;
	margin:3px 6px 3px 0;
	float:left;
	display:inline;	/* Truukje om margin in IE6 goed te krijgen */
	}
.foto_houder{
	width:92px;
	margin:4px 0 0 4px;
	padding:0px;
	}
.foto_houder A{
	height: 60px;
	display:block;
	overflow: hidden;
}
.foto_houder img{
	width:92px;
	max-height:123px;
	margin:0px;
	padding:0px;
	}
.foto_titel{
	background:#dbeee5;
	width:88px;
	height:29px;
	margin:4px 0 0 4px;
	padding:0 2px 0 2px;
	overflow:hidden;
	font-size:10px;
	color:#000000;
	}
	
/**************************************************************
** Fotoboek "Lightbox" Styles
***************************************************************/
#overlay{
	background:#000000;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	cursor:pointer;
	}
#lightbox{
	position:absolute;
	left:0px;
	top:20px;
	width:100%;
	z-index:2;
	text-align:center;
	line-height:0px;
	}
#AfbeeldingContainer, #AfbeeldingDataContainer{
	background:#ffffff;
	position:absolute;
	left:50%;
	overflow:hidden;
	}
#Image{
	margin:0 auto 0 auto;
	padding:0px;
	display:block;
	border:10px solid #ffffff;
	}
.Laden{
	background:url(../Images/Buttons/loading.gif) no-repeat center #ffffff;
	}
#VorigeLink, #VolgendeLink{
	display:block;
	position:absolute;
	top:0px;
	width:50%;
	outline:none;
	}
#VorigeLink{
	left:0px;
	}
#VorigeLink:hover{
	background:transparent url(../Images/Buttons/vorige_btn.gif) no-repeat 0% 15%;
	}
#VolgendeLink{
	right:0px;
	}
#VolgendeLink:hover{
	background:transparent url(../Images/Buttons/volgende_btn.gif) no-repeat 100% 15%;
	}
#AfbeeldingData{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:1.4em;
	text-align:left;
	margin:0px;
	padding:0 10px 0 10px;
	}
#AfbeeldingDetails{
	width:70%;
	float:left;
	text-align:left;
	}	
#Titel{
	font-weight:bold;
	}
#NummerDisplay{
	display:block;
	clear:left;
	padding-bottom:1.0em;
	}			
#Close{
	background:transparent url(../Images/Buttons/close_btn.gif) no-repeat center;
	display:block;
	float:right;
	width:66px;
	height:22px;
	margin:5px 0 5px 0;
	padding:0px;
	}
	
/**************************************************************
** Fotoboek navigatie Styles
***************************************************************/
.NavigatieVeld{
	background:#4a4585;
	width:643px;
	margin:0px;
	padding:2px;
	float:left;
	}
.NavLinks{
	width:15%;
	float:left;
	}
.NavMidden{
	width:70%;
	text-align:center;
	float:left;
	}
.NavRechts{
	width:15%;
	text-align:right;
	float:left;
	}
.aantal_keuze{
	background:#4a4585;
	margin:0px;
	padding:2px 0 2px 0;
	text-align:center;
	color:#FFFFFF;
	}