body{
	background: url('../afbeeldingen/bg.jpg') repeat-x #D8EAFF center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #222;
}

h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	color: #00384a;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #4d3b27;
	font-weight: normal;
	margin: 0;
	padding: 5px 0 5px 0px;
}

h3{
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0px 0 0px 0px;
}

hr{
	border: 0;
	background: #999;
	height: 1px;
	width: 100%;
	margin: 5px 0px 10px 0px;
}

.verplicht{
	color: #BE272D;
}

.clear{
	clear: both !important;
	display: block !important;
}
form input.autowidth{
	width: auto !important; 
}

small{
	font-size: 11px;
}

a:link,
a:visited{
	color: #101010;
	text-decoration: underline;
}

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

h2 a:link,
h2 a:hover,
h2 a:visited{
	color: #4D3B27;
	text-decoration: none;
}

img{
	padding: 10px;
}

a img{
	border: none;
}

p{
	margin: 0 0 8px 0;
}

.italic{
	font-style: italic;
}

a .mdj-red{
	color: #BE272D;	
}

.error-message{
	color: #BE272D;	
}

.succes-message{
	color: #0C0;	
}

#container{
	width: 902px;
	margin: 0 auto;
	float:none;
}

/* FORMULIER */
#contactformulier label{
	font-style: italic;
	font-weight: normal;
	float: left;
	display: block;
	width: 250px;
}

#contactformulier input{
	width: 173px;
	float: left;
	border: 1px solid #a7a7a7;
	background: 0;
	margin: 0px 70px 8px 0px;
}

form textarea{
	float: left;
	border: 1px solid #a7a7a7;
	background: 0;
}

input:active,
input:focus,
textare:active,
textarea:focus{
	border: 1px solid #00384a;
}

form .red_error,
#contactformulier input.red_error{
	border: 1px solid #BE272D;	
}

#contactformulier input.submit,
form input.submit{
	background: url('../afbeeldingen/submit.gif') bottom left repeat-x;
	width: 78px;
	font-size: 12px;
	padding: 1px;
	margin-top: 10px;
}

#contactformulier input.submit:hover,
form input.submit:hover{
	background: url('../afbeeldingen/submit-hover.gif') top left repeat-x;
}

form select{
	margin-bottom: 5px;
}

#contactformulier{
	width: 400px;
	margin-top: 10px;
}

#contactformulier label{
	width: 100px;
}

#contactformulier .submit{
	margin: 10px 0px 0px 100px;
}

#loginform{
	width: 250px;
}

/* HEADER */
#header{
	background: url('../afbeeldingen/header.jpg') 20px bottom no-repeat;
	text-align: center;
	width: 902px;
	height: 138px;
	float: left;
	margin-bottom: -3px;
	position: relative;
	z-index: 1;
	font-size: 33px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 180px;
}

#header a{
	color: #101010;
	text-decoration: none;
}

/* CONTENT */
#body{
	width: 850px;
	background: #fff;
	padding: 0px 25px 20px 25px;
	border: 1px solid #d8d8d8;
	float: left;
}

#body div{
	float: left;
}

#content{
	margin-top: 20px;
	float: left;
	clear: both;
	width: 850px;
}

#content .meer{
	display: block;
	width: 100%;
	float: left;
	padding: 0px 0px 10px 0px;
}

#content .datum{
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	clear: both;
	margin-top: -5px;
}

#content .meer a{
	background: url('../afbeeldingen/arrow.gif') 0px 3px no-repeat;
	padding-left: 25px;
	float: left;
}

/* MENU */
#menu{
	width: 100%;
	float: left;
	border-bottom: 1px solid #d8d8d8;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}

#menu ul{
	margin: 0;
	padding: 0;
}

#menu ul li{
	display: block;
	float: left;
	list-style: none;
}

#menu ul li a:link,
#menu ul li a:visited{
	display: block;
	padding: 10px 18px;
	color: #6d6d6d;
	text-decoration: none;
}

#menu ul li a:hover,
#menu ul li a.active,
#menu ul li a.active:hover{
	color: #000;
}

#menu ul li.first a{
	padding-left: 0px;
}

#menu ul li.last a{
	padding-right: 0px;
}

/* SUBMENU */
#submenu{
	width: 100%;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#submenu ul{
	margin: 0;
	padding: 0;
}

#submenu ul li{
	display: block;
	float: left;
	list-style: none;
}

#submenu ul li a:link,
#submenu ul li a:visited{
	display: block;
	padding: 8px;
	color: #6d6d6d;
	text-decoration: none;
}

#submenu ul li a:hover,
#submenu ul li a.active,
#submenu ul li a.active:hover{
	color: #000;
}

#submenu ul li.first a{
	padding-left: 0px;
}

#submenu ul li.last a{
	padding-right: 0px;
}

/* LEFT */
#left{
	width: 575px;
	float: left;
	padding-right: 25px;
}

/* SIDEAR */
#sidebar{
	width: 250px;
	float: left;
	padding-top: 25px;
	font-size: 12px;
}

/* FOOTER */
#footer{
	width: 902px;
	float: left;
	font-size: 10px;
	padding: 0 26px 5px 26px;
}

#footer-left{
	width: 425px;
	float: left;
}

#footer-right{
	width: 425px;
	float: left;
	text-align: right;
}


/* BY PAGE */
#home img,
#agenda img{
	padding: 0;
}

#home .wandelingen img,
#home .kapel img,
#agenda .wandelingen img,
#agenda .kapel img{
	float: right;
}

#home .wandelingen img,
#agenda .wandelingen img{
	margin: 0px 0px 10px 0px;
}

#home .vlammetje .italic{
	background: url('../afbeeldingen/kandelaar.jpg') center left no-repeat;
	text-align: center;
	padding: 10px 0;
	display: block;
	float: none;
}

#home .kapel,
#agenda .kapel{
	width: 100%;
}

#home .kapel p,
#agenda .kapel p{
	position: relative;
	z-index: 1;
	margin-right: 155px;
}

#home .kapel a.kapelpic,
#agenda .kapel a.kapelpic{
	width: 173px;
	float: right;
	position: relative;
	z-index: 0;
	display: block;
	height: 116px;
	margin-top: -116px;
}

#agenda #left .kapel{
	margin-bottom: 10px;
}

#agenda.kapelactiviteiten img{
	padding: 10px;
}

#agenda .aanmelden{
	border-top: 1px solid #666;
	text-align: center;
	padding-top: 10px;
	margin-rop: 5px;
	width: 100%;
	display: block;
	font-size: 16px;
	clear: both;
	vertical-align: center;
	text-decoration: none;
}

#agenda .aanmelden:hover{
	color: #999;
}

#agenda .aanmelden .green_arrow{
	margin: 0 10px -4px 0;
	padding: 0;
}
#agenda .aanmelden .green_arrow_back{
	margin: 0 0px -4px 10px;
	padding: 0;
	float: left;
}


/* SIDEBAR BLOKKEN */
#sidebar .blok{
	float: left;
	margin-bottom: 10px;
	width: 250px;
}

#sidebar .dewandelmaat a.logo{
	float: right;
	margin-left: 5px;
}

#sidebar .nieuwsbrief label{
	font-style: italic;
	font-weight: normal;
	float: left;
	display: block;
	width: 250px;
}

#sidebar .nieuwsbrief input{
	width: 173px;
	float: left;
	border: 1px solid #a7a7a7;
	background: 0;
	margin: 0px 70px 8px 0px;
}

#sidebar .nieuwsbrief input.submit{
	background: url('../afbeeldingen/submit.gif') bottom left repeat-x;
	width: 78px;
	font-size: 12px;
	float: left;
	padding: 1px;
}

#sidebar .nieuwsbrief input.submit:hover{
	background: url('../afbeeldingen/submit-hover.gif') top left repeat-x;
}

#sidebar .nieuwsbrief input#aanmelden.submit{
	margin-right: 18px;
}

/* Milkbox */
#mbCenter img{
	padding: 0;
}

/* admin */
#admin .adminlist img{
	margin: 0;
	padding: 0;
}

#admin .adminlist .icon{
	float: right;
	margin-left: 5px;
}

#admin #content ul.adminlist{
	padding: 5px 0;
	margin: 0;
}

#admin #content ul.adminlist li{
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 0;
	list-style: none;
}

#admin #content ul.adminlist li .naam,
#admin #content ul.adminlist li .email{
	display: block;
	width: 250px;
	float: left;
}

#admin #action{
	display: block;
	width:100%;
}

#admin .fotos form{
	display: block;
}
#admin .fotos input.album{
	width: 125px;
	margin: 0;
	float: left;
	margin-top: 10px;
}

#admin .fotos .images{
	display: block;
	width: 100%;
}
#admin .fotos .images img{
	margin: 5px;
	float: left;
}
#admin .fotos .images .icons{
	width: 80px;
	margin: 0 0 -0 -80px;
	padding-top: 55px;
}