/*
rood	#C10C13
groen	#649433
paars	#A9217C
geel	#F5BC26
blauw	#00A4DB
oranje	#E15E2A
*/


/* ------ HTML Elements ------ */

body, html {
	color: #333;
	font-size: 13px;
}

body,form,select,input,button,textarea {
	font-family: Georgia, Garamond, serif;
}
em {
	font-style: italic;
}
th {
	font-weight: bold;
}
ol,ul,dl {
	margin-left: 0;
}
ol li {
	list-style: decimal outside;	
}
ul li {
	list-style: disc outside;
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight: bold;
	margin-bottom: 10px;
}
table {
	margin: 10px 0 10px 0;
}
td,th {
	padding-right: 10px;
}
td {
	vertical-align: top;
}
hr {
	border: none; 
	border-bottom: 1px solid #CCC;
	height: 0;
	margin-bottom: 20px;
}

/* ------ Page Structure ------ */

#displayNavigation {
	background-color: #FFF;
	height: 27px;
	width: 175px;
	position: absolute;
	top: 146px;
	left: 567px;
	z-index: 1000;
}
.displayImage{
	width: 695px;
	height: 290px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#displayNavigationText {
	width: 118px;
	font-size: 14px;
	padding: 5px 0 0 12px;
	overflow: hidden;
}
#displayNavigationPrev{
	cursor: pointer;
}
#displayNavigationNext{
	cursor: pointer;
}
#wrapper {
	width: 950px;
	margin: 0;
	padding: 0;
}
#header{
	height: 290px;
	position: absolute;
	left: 0;
	top: 0;
	width: 950px;
}
#contentwrapper {
	position: absolute;
	top: 290px;
	width: 950px;
	margin: 0;
	padding: 0;
	padding-bottom: 30px;
}
#redbanner {
	height: 35px;
	position: absolute;
	left: 0;
	top: 255px;
	width: 1095px;
	z-index: 998;
}
#redbannerTop {
	height: 290px;
	position: absolute;
	left: 695px;
	top: 0;
	width: 400px;
	z-index: 997;
}
#bannerText {
	color: #FFF;
	position: absolute;
	left: 229px;
	top: 255px;
	z-index: 1000;
	height: 35px;
	font-size: 16px;
	padding-top: 9px;
}
#bannerIntro{
	color: #EED1D2;
	font-style: italic;
}
#bannerTitles{
	padding-left: 10px;
}
#shopDisplay{
	width: 1095px;
	position: absolute;
	overflow: hidden;
	height: 290px;
	left: 0;
	top: 0;
}
#logo {
	width: 148px;
	height: 35px;
	position: absolute;
	left: 40px;
	top: 255px;
	z-index: 999;
}
#logo a{
	width: 148px;
	height: 35px;
	display: block;
}
.fc {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

/* ------ Navigation ------ */

#menu {
	width: 170px;
	margin-left: 40px;
	margin-top: 96px;
	float: left;
	letter-spacing: 1px;
	display: inline;
}
.menuitem{
	height:25px;
	overflow: hidden;
}
#menu ul {
	list-style: none;
}
#menu li {
	font: normal 14px Georgia, Garamond, serif;
	display: block;
	height: 25px;
}	
#menu ul li a {
	text-decoration: none;
	color: #333333;
}



/* ------ Headings ------ */

h1 {
	font-size: 22px;
	font-weight: normal;
}
h2 {
	font-weight: normal;
	font-size:18px;
}
h3 {
	font-weight: normal;
	font-size: 16px;
}
h4 {
	font-weight: normal;
	font-size: 14px;
}
h5 {
	font-weight: normal;
	font-size: 13px;
}
h6 {
	font-weight: normal;
	font-size: 13px;
}

/* ------ Content Area ------ */

#content, #content_wide {
	line-height: 160%;
	font-size: 13px;
	letter-spacing: 0.01em;
	float: left;
	margin-left: 20px;
	margin-top: 38px;
}
#content {
	width: 465px;
}
#content_wide {
	width: 705px;
}
#content_wide a {
	text-decoration: underline;
}
#content_wide a:hover {
	text-decoration: none;
}
#content_text a {
	text-decoration: underline;
}
#content_text a:hover {
	text-decoration: none;
}
#kop {
	float: left;
	margin-bottom: 27px;
}
#content_text, #content_text_wide {
	margin-bottom: 40px;
	clear: both;
}
#content_text em, #content_text_wide em {
}
#content_text {
	width: 410px;
}
.fotobijschrift {
	font-size:11px;
	color:#666;
}
#content_text_wide {
	width: 705px;
}
#times {
	float: left;
	width: 110px;
	margin-top: 99px;
	font-size:11px;
	letter-spacing: 0.02em;
}
#address {
	float: left;
	width: 145px;
	margin-top: 97px;
	color: #666666;
	line-height: 160%;
	font-size:11px;
	letter-spacing: 0.02em;

}
#address a {
	text-decoration: none;
	color: #666666;
}
#address a:hover {
	text-decoration: underline;
	color: #666666;
}

#address .grey{
	color:#CCC;
}
#address .grey a{
	color:#CCC;
}
#address .grey a:hover{
	color:#CCC;
	text-decoration: underline;
}
/* ------ Forms ------ */

button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"] {
	padding: 1px;
}
select, input, button, textarea {
	font-size: 99%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

/* Contactform */

#contactform textarea,input {
	font-family: Georgia, Garamond, serif;
	font-size: 13px;
	color: #333;
}
#contactform button{
	font-size: 11px;
	padding: 3px;
}
#contactform .formfield {
	display: block;
	margin-bottom: 15px;
}
#contactform .formfieldtextarea {
	display: block;
	margin-bottom: 15px;
	text-align: left;
	clear: both;
}
#contactform label {
	display: block;
	float: left;
	padding-top: 6px;
	width: 160px;
	color: #333;
}
#contactform .input_large {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 300px;
}
#contactform .select_large {
	font-size: 1em;
	width: 300px;
}
#contactform .input_medium {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 180px;
	margin-right: 15px;
}
#contactform .input_small {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 100px;
}
#contactform .hiddenfield {
	display: none;
	visibility: hidden;
}
#contactform .normallabel{
	color: #333;
}


/* Newsletterform */

#newsletter textarea,input {
	font-family: Georgia, Garamond, serif;
	font-size: 13px;
	color: #333;
}
#newsletter button{
	font-size: 11px;
	padding: 3px;
}
#newsletter .formfield {
	display: block;
	margin-bottom: 15px;
}
#newsletter .formfieldtextarea {
	display: block;
	margin-bottom: 15px;
	text-align: left;
	clear: both;
}
#newsletter label {
	display: block;
	float: left;
	padding-top: 6px;
	width: 160px;
	color: #333;
}
#newsletter input {
	border: 1px solid #999;
	font-size: 1em;
	padding: 5px;
	width: 200px;
}
#newsletter .hiddenfield {
	display: none;
	visibility: hidden;
}
#newsletter .normallabel{
	color: #333;
}


/* ------ Templates ------ */

#content p {
	margin: 0;
	padding: 0;
}

/* ------ Naar boven ------ */

#toplink {
	background: url("/site/gfx/arrow_top.png") no-repeat 0 5px;
	height: 20px;
	padding-left: 20px;
}
#inner_leftcolumn {
	width: 465px;
}
#inner_rightcolumn {
	width: 265px;
}

/* ------- Nieuws ------- */
.article_date {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
.article_date_small {
	font-size: 12px;
	color: #666;
	margin: 0;
	line-height: 0;
	padding: 4px 0 15px;
}
.article_intro {
	font-weight: bold;
}
.article_intro_large{
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
.article_text_small p {

}
.article_text_large {
	margin-bottom: 20px;
}
.article_text_large p {
}
.article_text_big p {
}
.smallarticle {
	padding-right: 15px;
}
.largearticle {
	padding: 0 0 15px 0;
}
.article_image_small {
	width: 140px;
	

}
.article_info_small {
	/* width: 410px; */
	margin-left:145px;
}
.article_info_small_noimage {
}
.article_info_large {

}


/* ------- Boeken ------- */
#books {
	width: 410px;
}
.book {
	width: 410px;
	margin: 0 0 20px 0;
}
.book_image {
	width: 140px;
}
.book_info {
	margin-left: 145px;
}
.book_info_noimage {
	width: 140px;
}
.book_author {
	margin-top: 10px;
	font-size: 13px;
	font-style: italic;
	color: #666;
}
.book_pages {
	font-size: 12px;
	color: #666;
}
.book_isbn {
	font-size: 12px;
	color: #666;
}
.book_price {
	font-size: 13px;	
}
.book_text {
	margin-top: 15px;
	font-size: 13px;
}


/* ------- Trouwen ------- */
#marriages {
	width: 410px;
}
.marriage {
	width: 410px;
	margin: 0 0 20px 0;
}
.marriage_image {
	width: 140px;
}
.marriage_info {
	margin-left: 145px;
}
.marriage_info_noimage {
	width: 140px;
}
.marriage_author {
	margin-top: 10px;
	font-size: 13px;
	font-style: italic;
	color: #666;
}
.marriage_pages {
	font-size: 12px;
	color: #666;
}
.marriage_isbn {
	font-size: 12px;
	color: #666;
}
.marriage_price {
	font-size: 13px;	
}
.marriage_text {
	margin-top: 15px;
	font-size: 13px;
}


/* ------- Agenda ------- */

.calendar {
	width: 410px;
}
.calendaritem {
	width: 410px;
	padding: 0 0 20px 0;
}
.calendar_image {
	width: 140px;
}
.calendar_info {
	margin-left: 145px;
}
.calendar_info_noimage {
	width: 140px;
}
.calendar_date {
	font-size: 12px;
	color: #666;
	margin: 0;
	line-height: 90%;
	padding: 4px 0 10px;
}
.calendar_text {
}
.calendar_text_large {
	margin-bottom: 20px;
}